YouTube

From: Snapshot-Content-Location: https://www.youtube.com/ Subject: YouTube Date: Sun, 18 May 2025 17:08:20 -0400 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O----" ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary Content-Location: https://www.youtube.com/ YouTube

Todos

Música

Videojuegos

Mixes

Memes

En tiempo real

Animación

Videojuego independiente

Juegos de rol

Subidos recientemente

Vistos

Novedad para ti

Lostwave What If?: Unknown Artist - "By Your Side"

Miles

•

439 vistas hace 7 meses

Assorted MTV Dance Idents (2007-2010)

MTV UK Archive

•

2.8 K vistas hace 2 meses

------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://www.youtube.com/s/desktop/a21ec0bb/cssbin/www-main-desktop-watch-page-skeleton-2x.css @charset "utf-8"; #watch-page-skeleton { position: relative; z-index: 1; margin: 0px auto; } #watch-page-skeleton, #watch-page-skeleton #info-container, #watch-page-skeleton #grid-container-skeleton, #watch-page-skeleton #side-info-container, #watch-page-skeleton #related { box-sizing: border-box; } .watch-skeleton .text-shell { height: 20px; border-radius: 8px; } .watch-skeleton .skeleton-bg-color { background-color: rgb(227, 227, 227); } .watch-skeleton .skeleton-light-border-bottom { border-bottom: 1px solid rgb(238, 238, 238); } html[dark] .watch-skeleton .skeleton-bg-color { background-color: rgb(41, 41, 41); } html[dark] .watch-skeleton .skeleton-light-border-bottom { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } #watch-page-skeleton #side-info-container.hidden, #watch-page-skeleton #grid-container-skeleton.hidden { display: none; } #grid-container-skeleton.hidden:not(.layered) { opacity: 0; } #grid-container-skeleton { background-color: rgb(255, 255, 255); width: calc(-474px + 100vw); overflow: hidden; } #grid-container-skeleton .text-shell { border-radius: 2px; } #grid-container-skeleton .skeleton-bg-color { background-color: rgb(227, 227, 227); } html[dark] #grid-container-skeleton .skeleton-bg-color { background-color: rgb(41, 41, 41); } html[dark] #grid-container-skeleton { background-color: rgb(15, 15, 15); } html[dark] { scrollbar-color: rgb(171, 171, 171) transparent; } body::-webkit-scrollbar { width: 16px; } body::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(171, 171, 171); } #grid-container-media { border-bottom: none; margin-left: -12px; margin-right: -12px; padding: 0px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; } #grid-container-skeleton .rich-grid-media-skeleton { margin: 0px; flex-basis: 310px; min-width: 310px; max-width: 500px; -webkit-box-flex: 1; flex-grow: 1; } @media only screen and (min-width: 2244px) { #grid-container-skeleton .rich-grid-media-skeleton { width: calc(16.6% - 16px); flex-basis: auto; -webkit-box-flex: 0; flex-grow: 0; } } @media only screen and (min-width: 392px) { #grid-container-skeleton .rich-grid-media-skeleton { margin: 0px 8px; } } #grid-container-skeleton .video-details { padding-bottom: 40px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #grid-container-skeleton .rich-thumbnail { border-radius: 8px; position: relative; width: 100%; } #grid-container-skeleton .rich-thumbnail::before { border-radius: 8px; display: block; content: ""; width: 100%; padding-top: 56.25%; background-color: rgba(0, 0, 0, 0.1); } #grid-container-skeleton .details { display: flex; } #grid-container-skeleton .channel-avatar { border-radius: 50%; height: 36px; margin-top: 12px; margin-right: 12px; width: 36px; } #grid-container-skeleton .details-text-shell { -webkit-box-flex: 1; flex: 1 1 auto; } #grid-container-skeleton .rich-video-title { width: 90%; height: 20px; margin: 10px 0px; } #grid-container-skeleton .rich-video-meta { width: 60%; height: 20px; margin: 10px 0px; } .watch-skeleton .flex-1 { -webkit-box-flex: 1; flex: 1 1 1e-09px; } .watch-skeleton #primary-info { height: 64px; padding: 20px 0px 8px; } .watch-skeleton #primary-info #title { width: 400px; margin-bottom: 12px; } .watch-skeleton #primary-info #info { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; } .watch-skeleton #primary-info #info #count { width: 200px; } .watch-skeleton #primary-info #info #menu { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding-right: 8px; } .watch-skeleton #primary-info .menu-button { height: 20px; width: 20px; border-radius: 50%; margin-left: 20px; } .watch-skeleton #bottom-row .menu-button { height: 36px; width: 36px; border-radius: 50%; margin-left: 20px; } .watch-skeleton #secondary-info { height: 151px; margin-bottom: 24px; padding: 16px 0px; } .watch-skeleton #secondary-info #top-row, .watch-skeleton #secondary-info #top-row #video-owner { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .watch-skeleton #secondary-info #top-row #video-owner #channel-icon { height: 48px; width: 48px; border-radius: 50%; margin-right: 16px; } .watch-skeleton #secondary-info #top-row #video-owner #upload-info { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; } .watch-skeleton #secondary-info #top-row #video-owner #upload-info #owner-name { width: 200px; margin-bottom: 12px; } .watch-skeleton #secondary-info #top-row #video-owner #upload-info #published-date { width: 200px; } .watch-skeleton #secondary-info #top-row #subscribe-button { width: 137px; height: 36px; border-radius: 8px; margin: 7px 4px 0px 0px; } #watch-page-skeleton #related { float: right; position: relative; clear: right; max-width: 426px; width: calc(100% - 640px); } #watch-page-skeleton #side-info-container { float: right; display: flex; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; clear: right; max-width: 426px; right: 16px; top: 56px; width: calc(100% - 672px); } #watch-page-skeleton #side-info-container.theater { position: relative; right: 16px; } #watch-page-skeleton.theater #related { width: 100%; } .watch-skeleton #related .autoplay { margin-bottom: 16px; } .watch-skeleton #related[playlist] .autoplay { border-bottom: none; margin-bottom: 0px; } .watch-skeleton #related #upnext { height: 20px; width: 120px; margin-bottom: 14px; } .watch-skeleton #related[playlist] #upnext { display: none; } .watch-skeleton #related .video-details { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding-bottom: 8px; } .watch-skeleton #related:not([playlist]) .autoplay .video-details { padding-bottom: 16px; } .watch-skeleton #related .video-details .thumbnail { height: 94px; width: 168px; margin-right: 8px; } .watch-skeleton #related .video-details .video-title { width: 200px; margin-bottom: 12px; } .watch-skeleton #related .video-details .video-meta { width: 120px; } @media (max-width: 999px) { #watch-page-skeleton { width: 854px; } #watch-page-skeleton #container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #watch-page-skeleton #info-container { -webkit-box-ordinal-group: 2; order: 1; } #watch-page-skeleton #grid-container-skeleton { -webkit-box-ordinal-group: 2; order: 1; width: calc(-474px + 100vw); } #watch-page-skeleton #related { -webkit-box-ordinal-group: 3; order: 2; width: 100%; max-width: 100%; } } @media (max-width: 856px) { #watch-page-skeleton { width: 640px; } } @media (max-width: 656px) { #watch-page-skeleton { width: 426px; } } @media (min-width: 882px) { #watch-page-skeleton.theater { width: 100%; max-width: 1706px; padding: 0px 32px; } #watch-page-skeleton.theater #related { margin-top: 0px; } #watch-page-skeleton.theater #info-container > * { margin-right: 24px; } } @media (min-width: 1000px) { #watch-page-skeleton { width: 100%; max-width: 1066px; } #watch-page-skeleton #related { margin-top: -360px; padding-left: 24px; } #watch-page-skeleton #info-container { width: 640px; } #watch-page-skeleton.theater #info-container { width: 100%; padding-right: 426px; } } @media (min-width: 1294px) and (min-height: 630px) { #watch-page-skeleton { width: 100%; max-width: 1280px; } #watch-page-skeleton #related { margin-top: -480px; } #watch-page-skeleton #info-container { width: 854px; } } @media (min-width: 1720px) and (min-height: 980px) { #watch-page-skeleton { width: 100%; max-width: 1706px; } #watch-page-skeleton #related { margin-top: -720px; } #watch-page-skeleton #info-container { width: 1280px; } } #watch-page-skeleton.theater.theater-all-widths { width: 100%; max-width: 1706px; padding: 0px 32px; } #watch-page-skeleton.theater.theater-all-widths #related { margin-top: 0px; } #watch-page-skeleton.theater.theater-all-widths #info-container > * { margin-right: 24px; } #watch-page-skeleton #related { display: none; } sentinel { } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://www.youtube.com/s/_/ytmainappweb/_/ss/k=ytmainappweb.kevlar_base._UAYIZxUeyA.L.B1.O/am=AAAAMCY/d=0/br=1/rs=AGKMywF_Bv3s2Q3_E6pGLJbaIvjFra6aYA @charset "utf-8"; :root { --yt-attributed-string-link-hover-color: unset; } .yt-core-attributed-string--inline-block-mod { display: inline-block; } .yt-core-attributed-string__image-element--image-alignment-bottom { vertical-align: bottom; } .yt-core-attributed-string__image-element--image-alignment-baseline { vertical-align: baseline; } .yt-core-attributed-string__image-element--image-alignment-vertical-center { vertical-align: middle; } .yt-core-attributed-string__list-group { padding-inline-start: 20px; } .yt-core-attributed-string__link { text-decoration: none; display: inline; } .yt-core-attributed-string__link--call-to-action-color { color: rgb(62, 166, 255); } .yt-core-attributed-string__link--overlay-call-to-action-color { color: rgb(62, 166, 255); } .yt-core-attributed-string--link-inherit-color .yt-core-attributed-string__link--call-to-action-color { color: inherit; } .yt-core-attributed-string--link-inherit-color .yt-core-attributed-string__link--call-to-action-color:hover { color: var(--yt-attributed-string-link-hover-color); } .yt-core-attributed-string--ellipsis-truncate { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yt-core-attributed-string--white-space-no-wrap { white-space: nowrap; } .yt-core-attributed-string--white-space-pre-wrap { white-space: pre-wrap; } .yt-core-attributed-string--ignore-split-lines { white-space: normal; } .yt-core-attributed-string--text-alignment-left { display: block; text-align: left; } .yt-core-attributed-string--text-alignment-right { display: block; text-align: right; } .yt-core-attributed-string--text-alignment-center { display: block; text-align: center; } .yt-core-attributed-string--text-alignment-justified { display: block; text-align: justify; } .yt-core-attributed-string--text-alignment-layout-start { display: block; align-self: flex-start; } .yt-core-attributed-string--text-alignment-unknown { display: block; text-align: inherit; } .yt-core-attributed-string--word-wrapping { overflow-wrap: anywhere; } .yt-core-attributed-string--underlined { text-decoration-line: underline; } .yt-core-attributed-string--strikethrough { text-decoration-line: line-through; } .yt-core-attributed-string--underline-strikethrough { text-decoration-line: underline line-through; } .yt-core-attributed-string--line-style-none { text-decoration: none; } .yt-core-attributed-string--line-style-single { text-decoration-style: solid; } .yt-core-attributed-string--line-style-dot { text-decoration-style: dotted; } .yt-core-attributed-string--baseline-offset-subscript { vertical-align: sub; } .yt-core-attributed-string--baseline-offset-superscript { vertical-align: super; } .yt-core-attributed-string--baseline-offset-unknown { vertical-align: baseline; } .yt-core-attributed-string--italicized { font-style: italic; } .yt-core-attributed-string--heading-1 { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } .yt-core-attributed-string--heading-2 { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .yt-core-attributed-string--heading-3 { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .yt-core-image { visibility: hidden; display: inline-block; min-height: 1px; min-width: 1px; } .yt-core-image--loaded { visibility: inherit; } .yt-core-image--fill-parent-height { height: 100%; } .yt-core-image--fill-parent-width { width: 100%; } .yt-core-image--object-position-top-left { object-position: left top; } .yt-core-image--object-position-top-right { object-position: right top; } .yt-core-image--content-mode-scale-to-fill { object-fit: fill; } .yt-core-image--content-mode-scale-aspect-fit { object-fit: contain; } .yt-core-image--content-mode-scale-aspect-fill { object-fit: cover; } .yt-core-image--content-mode-center { object-fit: none; object-position: center center; } .yt-core-image--flip-rtl { transform: scaleX(-1); } .ytLottieComponentHost { display: block; } .ytLottieComponentHost svg { display: block; } .yt-spec-icon-shape { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .animated-rolling-character-wiz { display: inline; } .animated-rolling-number-wiz { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; display: flex; flex-direction: row; overflow: hidden; } .yt-spec-button-shape-next { position: relative; margin: 0px; white-space: nowrap; min-width: 0px; text-transform: none; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; border: none; cursor: pointer; outline-width: 0px; box-sizing: border-box; background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .yt-spec-button-shape-next__button-shape-wiz-class { display: contents; } .yt-spec-button-shape-next__icon { line-height: 0; fill: currentcolor; } .yt-spec-button-shape-next__secondary-icon { line-height: 0; fill: currentcolor; } .yt-spec-button-shape-next--icon-button { flex: 0 0 auto; } .yt-spec-button-shape-next__button-text-content { text-overflow: ellipsis; overflow: hidden; } .yt-spec-button-shape-next--size-xs { padding: 0px 8px; height: 24px; font-size: 12px; line-height: 24px; border-radius: 12px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--outline { padding: 0px 7px; border-width: 1px; border-style: solid; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--focused { padding: 0px 6px; border-width: 2px; border-style: solid; } .yt-spec-button-shape-next--size-xs .yt-spec-button-shape-next__icon { width: 16px; height: 16px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--align-by-text { margin-left: -8px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-button { width: 24px; padding: 0px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--align-by-text { margin-left: -4px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end { padding: 0px 8px; width: 32px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end .yt-spec-button-shape-next__icon { margin-left: -2px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--segmented-start { border-radius: 12px 0px 0px 12px; position: relative; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--segmented-start::after { content: ""; background: rgba(255, 255, 255, 0.2); position: absolute; right: 0px; top: 4px; height: 16px; width: 1px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--segmented-end { border-radius: 0px 12px 12px 0px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-trailing .yt-spec-button-shape-next__icon { margin-left: 2px; margin-right: -2px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading .yt-spec-button-shape-next__icon { margin-right: 2px; margin-left: -2px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text { margin-left: -6px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__icon { margin-right: 2px; margin-left: -2px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__secondary-icon { margin-left: 2px; margin-right: -2px; } .yt-spec-button-shape-next--size-xs.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--align-by-text { margin-left: -6px; } .yt-spec-button-shape-next--size-s { padding: 0px 12px; height: 32px; font-size: 12px; line-height: 32px; border-radius: 16px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--outline { padding: 0px 11px; border-width: 1px; border-style: solid; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--focused { padding: 0px 10px; border-width: 2px; border-style: solid; } .yt-spec-button-shape-next--size-s .yt-spec-button-shape-next__icon { width: 16px; height: 16px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--align-by-text { margin-left: -12px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-button { width: 32px; padding: 0px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--align-by-text { margin-left: -8px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end { padding: 0px 12px; width: 44px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end .yt-spec-button-shape-next__icon { margin-left: -4px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--override-small-size-icon .yt-spec-button-shape-next__icon { width: 24px; height: 24px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--segmented-start { border-radius: 16px 0px 0px 16px; position: relative; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--segmented-start::after { content: ""; background: rgba(255, 255, 255, 0.2); position: absolute; right: 0px; top: 8px; height: 16px; width: 1px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--segmented-end { border-radius: 0px 16px 16px 0px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-trailing .yt-spec-button-shape-next__icon { margin-left: 4px; margin-right: -4px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading .yt-spec-button-shape-next__icon { margin-right: 4px; margin-left: -4px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text { margin-left: -8px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__icon { margin-right: 4px; margin-left: -4px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__secondary-icon { margin-left: 4px; margin-right: -4px; } .yt-spec-button-shape-next--size-s.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--align-by-text { margin-left: -8px; } .yt-spec-button-shape-next--size-m { padding: 0px 16px; height: 36px; font-size: 14px; line-height: 36px; border-radius: 18px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--outline { padding: 0px 15px; border-width: 1px; border-style: solid; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--focused { padding: 0px 14px; border-width: 2px; border-style: solid; } .yt-spec-button-shape-next--size-m .yt-spec-button-shape-next__icon { width: 24px; height: 24px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--align-by-text { margin-left: -16px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button { width: 36px; padding: 0px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--align-by-text { margin-left: -6px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end { padding: 0px 16px; width: 52px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end .yt-spec-button-shape-next__icon { margin-left: -6px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start { border-radius: 18px 0px 0px 18px; position: relative; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-start::after { content: ""; background: rgba(255, 255, 255, 0.2); position: absolute; right: 0px; top: 6px; height: 24px; width: 1px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--segmented-end { border-radius: 0px 18px 18px 0px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-trailing .yt-spec-button-shape-next__icon { margin-left: 6px; margin-right: -6px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading .yt-spec-button-shape-next__icon { margin-right: 6px; margin-left: -6px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text { margin-left: -10px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__icon { margin-right: 6px; margin-left: -6px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__secondary-icon { margin-left: 6px; margin-right: -6px; } .yt-spec-button-shape-next--size-m.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--align-by-text { margin-left: -10px; } .yt-spec-button-shape-next--size-l { padding: 0px 24px; height: 48px; font-size: 18px; line-height: 48px; border-radius: 24px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--outline { padding: 0px 23px; border-width: 1px; border-style: solid; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--focused { padding: 0px 22px; border-width: 2px; border-style: solid; } .yt-spec-button-shape-next--size-l .yt-spec-button-shape-next__icon { width: 24px; height: 24px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--align-by-text { margin-left: -24px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-button { width: 48px; padding: 0px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--align-by-text { margin-left: -12px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end { padding: 0px 24px; width: 72px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end .yt-spec-button-shape-next__icon { margin-left: -8px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--segmented-start { border-radius: 24px 0px 0px 24px; position: relative; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--segmented-start::after { content: ""; background: rgba(255, 255, 255, 0.2); position: absolute; right: 0px; top: 12px; height: 24px; width: 1px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--segmented-end { border-radius: 0px 24px 24px 0px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-trailing .yt-spec-button-shape-next__icon { margin-left: 8px; margin-right: -8px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading .yt-spec-button-shape-next__icon { margin-right: 8px; margin-left: -8px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text { margin-left: -16px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__icon { margin-right: 8px; margin-left: -8px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__secondary-icon { margin-left: 8px; margin-right: -8px; } .yt-spec-button-shape-next--size-l.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--align-by-text { margin-left: -16px; } .yt-spec-button-shape-next--size-xl { padding: 0px 32px; height: 56px; font-size: 24px; line-height: 56px; border-radius: 28px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--outline { padding: 0px 31px; border-width: 1px; border-style: solid; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--focused { padding: 0px 30px; border-width: 2px; border-style: solid; } .yt-spec-button-shape-next--size-xl .yt-spec-button-shape-next__icon { width: 24px; height: 24px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--align-by-text { margin-left: -32px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-button { width: 56px; padding: 0px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--align-by-text { margin-left: -16px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end { padding: 0px 32px; width: 88px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-button.yt-spec-button-shape-next--segmented-end .yt-spec-button-shape-next__icon { margin-left: -12px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--segmented-start { border-radius: 28px 0px 0px 28px; position: relative; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--segmented-start::after { content: ""; background: rgba(255, 255, 255, 0.2); position: absolute; right: 0px; top: 16px; height: 24px; width: 1px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--segmented-end { border-radius: 0px 28px 28px 0px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-trailing .yt-spec-button-shape-next__icon { margin-left: 12px; margin-right: -12px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading .yt-spec-button-shape-next__icon { margin-right: 12px; margin-left: -12px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading.yt-spec-button-shape-next--align-by-text { margin-left: -20px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__icon { margin-right: 12px; margin-left: -12px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading-trailing .yt-spec-button-shape-next__secondary-icon { margin-left: 12px; margin-right: -12px; } .yt-spec-button-shape-next--size-xl.yt-spec-button-shape-next--icon-leading-trailing.yt-spec-button-shape-next--align-by-text { margin-left: -20px; } .yt-spec-button-shape-next--one-off-custom-text-wrap-container { height: auto; padding-top: 8px; padding-bottom: 8px; } .yt-spec-button-shape-next--one-off-custom-text-wrap-container .yt-spec-button-shape-next__button-text-content { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 8rem; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-spec-button-shape-next--disable-text-ellipsis .yt-spec-button-shape-next__button-text-content { text-overflow: clip; } .yt-spec-button-shape-next--icon-only-default { min-width: 0px; border-radius: 50%; width: 40px; height: 40px; padding: 0px; } .yt-spec-button-shape-next--icon-only-default.yt-spec-button-shape-next--align-by-text { margin-left: -8px; } .yt-spec-button-shape-next--workaround-icon-no-border-radius { border-radius: unset; } .yt-spec-button-shape-next--disabled { cursor: default; } .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled { color: rgb(15, 15, 15); background: rgb(62, 166, 255); } .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover { background: rgb(101, 184, 255); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:hover { background: rgb(62, 166, 255); } } @media (hover: none) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled:active { background: rgb(101, 184, 255); border-color: transparent; } } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline { color: rgb(62, 166, 255); border-color: rgba(255, 255, 255, 0.2); } .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover { background: rgb(38, 56, 80); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover { border-color: rgba(255, 255, 255, 0.2); } } @media (hover: none) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:active { background: rgb(38, 56, 80); border-color: transparent; } } .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text { color: rgb(62, 166, 255); } .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:hover { background: rgb(38, 56, 80); border-color: transparent; } @media (hover: none) { } @media (hover: none) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--text:active { background: rgb(38, 56, 80); border-color: transparent; } } .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--tonal { color: rgb(62, 166, 255); background: rgb(38, 56, 80); } .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--tonal:hover { background: rgb(81, 85, 97); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--tonal:hover { background: rgb(38, 56, 80); } } @media (hover: none) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--tonal:active { background: rgb(81, 85, 97); border-color: transparent; } } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--tonal { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--focused { color: rgb(62, 166, 255); background: unset; border-color: rgb(62, 166, 255); } .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--focused:hover { background: rgb(38, 56, 80); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--focused:hover { background: unset; border-color: rgb(62, 166, 255); } } @media (hover: none) { .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--focused:active { background: rgb(38, 56, 80); border-color: transparent; } } .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text { color: rgb(6, 95, 212); } .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text:hover { background: rgb(222, 241, 255); border-color: transparent; } @media (hover: none) { } @media (hover: none) { .yt-spec-button-shape-next--call-to-action-inverse.yt-spec-button-shape-next--text:active { background: rgb(222, 241, 255); border-color: transparent; } } .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--filled { color: rgb(3, 3, 3); background: rgb(62, 166, 255); } .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--filled:hover { background: rgb(101, 184, 255); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--filled:hover { background: rgb(62, 166, 255); } } @media (hover: none) { .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--filled:active { background: rgb(101, 184, 255); border-color: transparent; } } .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--focused { color: rgb(62, 166, 255); background: rgb(0, 0, 0); border-color: rgb(62, 166, 255); } .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--focused:hover { background: rgb(101, 184, 255); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--focused:hover { background: rgb(0, 0, 0); border-color: rgb(62, 166, 255); } } @media (hover: none) { .yt-spec-button-shape-next--call-to-action-overlay.yt-spec-button-shape-next--focused:active { background: rgb(101, 184, 255); border-color: transparent; } } .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled { color: rgb(15, 15, 15); background: rgb(241, 241, 241); } .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover { background: rgb(217, 217, 217); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:hover { background: rgb(241, 241, 241); } } @media (hover: none) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled:active { background: rgb(217, 217, 217); border-color: transparent; } } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline { color: rgb(241, 241, 241); border-color: rgba(255, 255, 255, 0.2); } .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover { background: rgba(255, 255, 255, 0.2); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover { border-color: rgba(255, 255, 255, 0.2); } } @media (hover: none) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:active { background: rgba(255, 255, 255, 0.2); border-color: transparent; } } .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text { color: rgb(241, 241, 241); } .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:hover { background: rgba(255, 255, 255, 0.2); border-color: transparent; } @media (hover: none) { } @media (hover: none) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--text:active { background: rgba(255, 255, 255, 0.2); border-color: transparent; } } .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal { color: rgb(241, 241, 241); background: rgba(255, 255, 255, 0.1); } .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover { background: rgba(255, 255, 255, 0.2); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:hover { background: rgba(255, 255, 255, 0.1); } } @media (hover: none) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal:active { background: rgba(255, 255, 255, 0.2); border-color: transparent; } } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--focused { color: rgb(241, 241, 241); background: unset; border-color: rgb(241, 241, 241); } .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--focused:hover { background: rgba(255, 255, 255, 0.2); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--focused:hover { background: unset; border-color: rgb(241, 241, 241); } } @media (hover: none) { .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--focused:active { background: rgba(255, 255, 255, 0.2); border-color: transparent; } } .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--filled { color: rgb(241, 241, 241); background: rgb(15, 15, 15); } .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--filled:hover { background: rgb(39, 39, 39); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--filled:hover { background: rgb(15, 15, 15); } } @media (hover: none) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--filled:active { background: rgb(39, 39, 39); border-color: transparent; } } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--filled { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--outline { color: rgb(15, 15, 15); border-color: rgba(0, 0, 0, 0.1); } .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--outline:hover { background: rgba(0, 0, 0, 0.1); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--outline:hover { border-color: rgba(0, 0, 0, 0.1); } } @media (hover: none) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--outline:active { background: rgba(0, 0, 0, 0.1); border-color: transparent; } } .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--text { color: rgb(15, 15, 15); } .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--text:hover { background: rgba(255, 255, 255, 0.2); border-color: transparent; } @media (hover: none) { } @media (hover: none) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--text:active { background: rgba(255, 255, 255, 0.2); border-color: transparent; } } .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--tonal { color: rgb(15, 15, 15); background: rgba(0, 0, 0, 0.05); } .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--tonal:hover { background: rgba(0, 0, 0, 0.1); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--tonal:hover { background: rgba(0, 0, 0, 0.05); } } @media (hover: none) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--tonal:active { background: rgba(0, 0, 0, 0.1); border-color: transparent; } } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--tonal { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--focused { color: rgb(15, 15, 15); background: unset; border-color: rgb(15, 15, 15); } .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--focused:hover { background: rgba(0, 0, 0, 0.1); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--focused:hover { background: unset; border-color: rgb(15, 15, 15); } } @media (hover: none) { .yt-spec-button-shape-next--mono-inverse.yt-spec-button-shape-next--focused:active { background: rgba(0, 0, 0, 0.1); border-color: transparent; } } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled { color: rgb(0, 0, 0); background: rgb(255, 255, 255); } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover { background: rgb(230, 230, 230); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:hover { background: rgb(255, 255, 255); } } @media (hover: none) { .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--filled:active { background: rgb(230, 230, 230); border-color: transparent; } } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--outline { color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.3); } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--outline:hover { background: rgba(255, 255, 255, 0.1); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--outline:hover { border-color: rgba(255, 255, 255, 0.3); } } @media (hover: none) { .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--outline:active { background: rgba(255, 255, 255, 0.1); border-color: transparent; } } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text { color: rgb(255, 255, 255); } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text:hover { background: rgba(255, 255, 255, 0.1); border-color: transparent; } @media (hover: none) { } @media (hover: none) { .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--text:active { background: rgba(255, 255, 255, 0.1); border-color: transparent; } } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal { color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.1); } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:hover { background: rgba(255, 255, 255, 0.2); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:hover { background: rgba(255, 255, 255, 0.1); } } @media (hover: none) { .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal:active { background: rgba(255, 255, 255, 0.2); border-color: transparent; } } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--enable-backdrop-filter-experiment { backdrop-filter: blur(4px); } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--focused { color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-color: rgb(255, 255, 255); } .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--focused:hover { background: rgba(255, 255, 255, 0.1); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--focused:hover { background: rgb(0, 0, 0); border-color: rgb(255, 255, 255); } } @media (hover: none) { .yt-spec-button-shape-next--overlay.yt-spec-button-shape-next--focused:active { background: rgba(255, 255, 255, 0.1); border-color: transparent; } } .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled { color: rgb(0, 0, 0); background: rgb(255, 255, 255); } .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled:hover { background: rgb(230, 230, 230); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled:hover { background: rgb(255, 255, 255); } } @media (hover: none) { .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--filled:active { background: rgb(230, 230, 230); border-color: transparent; } } .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.3); } .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal:hover { background: rgba(40, 40, 40, 0.6); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal:hover { background: rgba(0, 0, 0, 0.3); } } @media (hover: none) { .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal:active { background: rgba(40, 40, 40, 0.6); border-color: transparent; } } .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--enable-backdrop-filter-experiment { backdrop-filter: blur(8px); } .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--focused { color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-color: rgba(0, 0, 0, 0.3); } .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--focused:hover { background: rgba(40, 40, 40, 0.6); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--focused:hover { background: rgb(0, 0, 0); border-color: rgba(0, 0, 0, 0.3); } } @media (hover: none) { .yt-spec-button-shape-next--overlay-dark.yt-spec-button-shape-next--focused:active { background: rgba(40, 40, 40, 0.6); border-color: transparent; } } .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--filled { color: rgb(255, 255, 255); background: linear-gradient(45deg, rgb(225, 0, 45) 30%, rgb(224, 19, 120) 85%); } .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--filled:hover { background: linear-gradient(45deg, rgb(225, 0, 45) 30%, rgb(224, 19, 120) 85%); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--filled:hover { background: linear-gradient(45deg, rgb(225, 0, 45) 30%, rgb(224, 19, 120) 85%); } } @media (hover: none) { .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--filled:active { background: linear-gradient(45deg, rgb(225, 0, 45) 30%, rgb(224, 19, 120) 85%); border-color: transparent; } } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--filled { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--focused { color: rgb(241, 241, 241); background: unset; border-color: rgb(241, 241, 241); } .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--focused:hover { background: rgba(255, 255, 255, 0.2); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--focused:hover { background: unset; border-color: rgb(241, 241, 241); } } @media (hover: none) { .yt-spec-button-shape-next--brand-gradient.yt-spec-button-shape-next--focused:active { background: rgba(255, 255, 255, 0.2); border-color: transparent; } } .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--filled { color: rgb(255, 255, 255); background: linear-gradient(90deg, rgb(127, 14, 127) 0px, rgb(170, 9, 170) 20%, rgb(255, 78, 69) 100%); } .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--filled:hover { background: linear-gradient(90deg, rgb(0, 122, 101) 0px, rgb(127, 14, 127) 100%); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--filled:hover { background: linear-gradient(90deg, rgb(127, 14, 127) 0px, rgb(170, 9, 170) 20%, rgb(255, 78, 69) 100%); } } @media (hover: none) { .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--filled:active { background: linear-gradient(90deg, rgb(0, 122, 101) 0px, rgb(127, 14, 127) 100%); border-color: transparent; } } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--filled { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--tonal { color: rgb(241, 241, 241); background: linear-gradient(90deg, rgba(127, 14, 127, 0.3) 0px, rgba(170, 9, 170, 0.3) 20%, rgba(255, 78, 69, 0.3) 100%); } .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--tonal:hover { background: linear-gradient(90deg, rgba(0, 122, 101, 0.3) 0px, rgba(127, 14, 127, 0.3) 100%); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--tonal:hover { background: linear-gradient(90deg, rgba(127, 14, 127, 0.3) 0px, rgba(170, 9, 170, 0.3) 20%, rgba(255, 78, 69, 0.3) 100%); } } @media (hover: none) { .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--tonal:active { background: linear-gradient(90deg, rgba(0, 122, 101, 0.3) 0px, rgba(127, 14, 127, 0.3) 100%); border-color: transparent; } } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--tonal { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--focused { color: rgb(241, 241, 241); background: unset; border-color: rgb(241, 241, 241); } .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--focused:hover { background: rgba(255, 255, 255, 0.2); border-color: transparent; } @media (hover: none) { .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--focused:hover { background: unset; border-color: rgb(241, 241, 241); } } @media (hover: none) { .yt-spec-button-shape-next--gen-ai-gradient.yt-spec-button-shape-next--focused:active { background: rgba(255, 255, 255, 0.2); border-color: transparent; } } .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled { color: rgb(113, 113, 113); background: rgba(255, 255, 255, 0.1); } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--filled { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--outline { color: rgb(113, 113, 113); border-color: rgba(255, 255, 255, 0.2); } .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--text { color: rgb(113, 113, 113); } .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--tonal { color: rgb(113, 113, 113); background: rgba(255, 255, 255, 0.1); } @media (-ms-high-contrast:active), (forced-colors: active) { .yt-spec-button-shape-next--disabled.yt-spec-button-shape-next--tonal { border: 1px solid rgba(255, 255, 255, 0.2); } } .yt-spec-button-shape-with-label { display: flex; flex-direction: column; align-items: center; justify-content: center; } .yt-spec-button-shape-with-label__label { margin: 4px -8px 0px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-spec-button-shape-with-label--is-overlay .yt-spec-button-shape-with-label__label { max-width: 64px; color: rgb(255, 255, 255); } .yt-spec-touch-feedback-shape { display: inline-block; border-radius: inherit; position: absolute; inset: 0px; } .yt-spec-touch-feedback-shape--trigger-events { pointer-events: none; } .yt-spec-touch-feedback-shape__fill { will-change: opacity; opacity: 0; border-radius: inherit; position: absolute; inset: 0px; } .yt-spec-touch-feedback-shape__stroke { will-change: opacity; opacity: 0; border-radius: inherit; position: absolute; inset: 0px; } .yt-spec-touch-feedback-shape--down .yt-spec-touch-feedback-shape__fill { opacity: 0.1; } .yt-spec-touch-feedback-shape--focused .yt-spec-touch-feedback-shape__fill { opacity: 0.1; } .yt-spec-touch-feedback-shape--is-extended { margin: -4px; } .yt-spec-touch-feedback-shape--is-extended .yt-spec-touch-feedback-shape__stroke, .yt-spec-touch-feedback-shape--is-extended .yt-spec-touch-feedback-shape__fill { border-radius: 4px; } .yt-spec-touch-feedback-shape--circular .yt-spec-touch-feedback-shape__stroke, .yt-spec-touch-feedback-shape--circular .yt-spec-touch-feedback-shape__fill { border-radius: 50%; } .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__fill { background-color: rgb(255, 255, 255); } .yt-spec-touch-feedback-shape--touch-response .yt-spec-touch-feedback-shape__stroke { border: 1px solid rgb(255, 255, 255); } .yt-spec-touch-feedback-shape--touch-response-inverse .yt-spec-touch-feedback-shape__fill { background-color: rgb(0, 0, 0); } .yt-spec-touch-feedback-shape--touch-response-inverse .yt-spec-touch-feedback-shape__stroke { border: 1px solid rgb(0, 0, 0); } .yt-spec-touch-feedback-shape--touch-response-inverse.yt-spec-touch-feedback-shape--down .yt-spec-touch-feedback-shape__fill, .yt-spec-touch-feedback-shape--touch-response-inverse.yt-spec-touch-feedback-shape--focused .yt-spec-touch-feedback-shape__fill { opacity: 0.2; } .yt-spec-touch-feedback-shape--overlay-touch-response .yt-spec-touch-feedback-shape__fill { background-color: rgb(255, 255, 255); } .yt-spec-touch-feedback-shape--overlay-touch-response .yt-spec-touch-feedback-shape__stroke { border: 1px solid rgb(255, 255, 255); } .yt-spec-touch-feedback-shape--overlay-touch-response-inverse .yt-spec-touch-feedback-shape__fill { background-color: rgb(0, 0, 0); } .yt-spec-touch-feedback-shape--overlay-touch-response-inverse .yt-spec-touch-feedback-shape__stroke { border: 1px solid rgb(0, 0, 0); } .ytCountDownHost { display: inline-block; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } .yt-spec-button-view-model { display: flex; } ytd-button-renderer:not([button-next]) { --paper-button-ink-color: var(--yt-spec-icon-disabled); --yt-formatted-string-deemphasize-color: var( --yt-spec-static-overlay-text-primary ); vertical-align: middle; white-space: nowrap; font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } ytd-button-renderer yt-formatted-string .yt-formatted-string[style-target="deemphasize"] { margin-left: var(--ytd-margin-base); } ytd-button-renderer[disable-text-transform] { text-transform: none; } ytd-button-renderer[disabled][is-paper-button] a.ytd-button-renderer { cursor: auto; pointer-events: none; } ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer { flex: 0 0 auto; } ytd-button-renderer yt-formatted-string.ytd-button-renderer { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } tp-yt-paper-button.ytd-button-renderer { min-width: var(--yt-paper-button-min-width,var(--ytd-paper-button-min-width,5.14em)); font-size: var(--yt-paper-button-font-size,inherit); } ytd-button-renderer tp-yt-paper-button.keyboard-focus.ytd-button-renderer { font-weight: inherit; } tp-yt-paper-tooltip.ytd-button-renderer { z-index: var(--yt-button-tooltip-z-index); } ytd-button-renderer[is-icon-button]:not([style-action-button]) { -webkit-font-smoothing: var(--ytd-caption--webkit-font-smoothing); font-family: var(--ytd-caption-font-family); font-size: var(--ytd-caption-font-size); font-weight: var(--ytd-caption-font-weight); letter-spacing: var(--ytd-caption-letter-spacing); line-height: var(--ytd-caption-line-height); text-transform: var(--ytd-caption-text-transform); } ytd-button-renderer.force-icon-button:not([has-no-text]) a.ytd-button-renderer { padding-right: var(--yt-button-icon-padding,var(--ytd-margin-2x)); } ytd-button-renderer[is-paper-button] { background-color: var(--yt-basic-background-color,var(--yt-button-background-color)); color: var(--yt-basic-foreground-title-color,var(--yt-spec-text-secondary)); border-color: var(--yt-basic-foreground-title-color,var(--yt-spec-text-secondary)); } ytd-button-renderer[is-paper-button-with-icon] { --yt-button-padding-minus-focus-outline: var( --yt-button-with-icon-padding-minus-focus-outline ); } ytd-button-renderer.style-suggestive.size-small[is-paper-button-with-icon] { --yt-button-padding: 6px 12px; --yt-button-padding-minus-border: 5px 11px; } ytd-button-renderer[is-paper-button-with-icon] { --yt-button-padding: 6px 16px; --yt-button-padding-minus-border: 5px 15px; } ytd-button-renderer[is-paper-button-with-icon][button-size="size-large"] { --yt-button-padding: 10px 16px; --yt-button-padding-minus-border: 9px 15px; --yt-button-padding-minus-focus-outline: 9px 15px; } ytd-button-renderer[is-icon-button] { color: var(--yt-button-color,var(--yt-spec-icon-inactive)); } ytd-button-renderer.style-text[is-icon-button], ytd-button-renderer.style-default[is-icon-button], ytd-button-renderer.style-opacity[is-icon-button] { color: var(--yt-spec-icon-inactive); } ytd-button-renderer.style-text[is-icon-button] #text.ytd-button-renderer, ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer, ytd-button-renderer.style-opacity[is-icon-button] #text.ytd-button-renderer { color: var(--yt-button-icon-button-text-color,var(--yt-spec-text-secondary)); } ytd-button-renderer.style-black[is-icon-button] { color: var(--yt-spec-text-primary); } ytd-button-renderer.style-visibly-disabled[is-icon-button], ytd-button-renderer.style-opacity[is-icon-button][disabled], ytd-button-renderer.style-text[is-icon-button][disabled] #text.ytd-button-renderer, ytd-button-renderer.style-default[is-icon-button][disabled] #text.ytd-button-renderer, ytd-button-renderer.style-opacity[is-icon-button][disabled] #text.ytd-button-renderer { color: var(--yt-spec-text-disabled); } ytd-button-renderer.style-blue-text[is-icon-button] { color: var(--yt-spec-call-to-action); } tp-yt-paper-tooltip.ytd-button-renderer { white-space: nowrap; } ytd-button-renderer.style-primary[is-paper-button] { background-color: var(--yt-spec-call-to-action); color: var(--yt-spec-text-primary-inverse); } ytd-button-renderer.style-primary[disabled][is-paper-button] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-disabled); } ytd-button-renderer.style-payment[is-paper-button] { background-color: var(--yt-button-payment-background-color,var(--yt-spec-call-to-action)); color: var(--yt-spec-text-primary-inverse); } ytd-button-renderer.style-payment[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer, ytd-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-suggestive[is-paper-button] { --yt-formatted-string-deemphasize-color: var(--yt-spec-call-to-action); background-color: transparent; color: var(--yt-spec-call-to-action); } ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer { border: 1px solid var(--yt-spec-call-to-action); padding: var(--yt-button-padding-minus-border); } ytd-button-renderer.style-suggestive[is-paper-button][disabled] tp-yt-paper-button.ytd-button-renderer { border: 1px solid var(--yt-spec-text-disabled); } ytd-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.palette-with-border[is-paper-button] tp-yt-paper-button.ytd-button-renderer { border: 1px solid var(--yt-basic-border-color); padding: var(--yt-button-padding-minus-border); } ytd-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-basic-border-color); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-blue-text[is-paper-button] { --yt-formatted-string-deemphasize-color: var(--yt-spec-icon-disabled); color: var(--yt-spec-call-to-action); } ytd-button-renderer.style-blue-text[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-destructive[is-paper-button] { background-color: var(--yt-spec-red-indicator); color: var(--yt-spec-static-overlay-text-primary); } ytd-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-destructive[disabled][is-paper-button] { background-color: var(--yt-spec-icon-disabled); color: var(--yt-spec-text-primary-inverse); } ytd-button-renderer.style-brand[is-paper-button] { color: var(--yt-spec-brand-red-contrast); } ytd-button-renderer.style-brand[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-background-brand); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-default[is-paper-button] { background-color: var(--yt-button-default-background-color,var(--yt-spec-badge-chip-background)); color: var(--yt-button-default-text-color,var(--yt-spec-text-secondary)); } ytd-button-renderer.style-default[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-inactive-outline[is-paper-button] { color: var(--yt-spec-text-secondary); } ytd-button-renderer.style-inactive-outline[is-paper-button] tp-yt-paper-button.ytd-button-renderer { border: 1px solid var(--yt-spec-text-secondary); padding: var(--yt-button-padding-minus-border); } ytd-button-renderer.style-inactive-outline[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-suggested-action[is-paper-button] { background-color: var(--yt-spec-suggested-action); color: var(--yt-spec-call-to-action); } ytd-button-renderer.style-suggested-action[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-compact-gray[is-paper-button] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); } ytd-button-renderer.style-compact-gray[is-paper-button] tp-yt-paper-button.ytd-button-renderer { padding: var(--ytd-margin-base) var(--ytd-margin-2x); } ytd-button-renderer.style-text[is-paper-button] { color: var(--yt-spec-text-secondary); } ytd-button-renderer[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer, ytd-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-icon-disabled); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-overlay[is-paper-button] { background-color: var(--yt-spec-static-overlay-button-primary); color: var(--yt-spec-static-overlay-text-primary); } ytd-button-renderer.style-overlay[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-text-secondary); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-white-with-border[is-paper-button] { background-color: transparent; border: 1px solid var(--yt-spec-static-white-background); color: var(--yt-spec-static-overlay-text-primary); } ytd-button-renderer.style-white-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-button-renderer, ytd-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-white-background); padding: var(--yt-button-padding-minus-focus-outline); } ytd-button-renderer.style-alert-info[is-paper-button] { color: var(--yt-spec-call-to-action); } ytd-button-renderer.style-alert-info[is-paper-button]:hover { color: var(--yt-spec-button-chip-background-hover); } ytd-button-renderer.style-dark[is-paper-button] { background-color: var(--yt-button-dark-background-color,var(--yt-spec-badge-chip-background)); color: var(--yt-button-dark-text-color,var(--yt-spec-text-secondary)); } ytd-button-renderer.style-light[is-paper-button] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); } ytd-button-renderer.style-light-text[is-paper-button] { color: var(--yt-spec-static-overlay-text-primary); } ytd-button-renderer.style-black[is-paper-button] { color: var(--yt-spec-text-primary); } ytd-button-renderer.style-visibly-disabled[is-paper-button] { background-color: transparent; color: var(--yt-spec-text-disabled); } ytd-button-renderer.style-black[disabled][is-paper-button] { color: var(--yt-spec-text-disabled); } ytd-button-renderer.style-dark-on-black[is-paper-button] { background-color: var(--yt-spec-static-overlay-button-secondary); border: none; color: var(--yt-spec-static-overlay-text-primary); } ytd-button-renderer.style-blue-text-with-inverse-theme[is-paper-button] { color: var(--yt-spec-call-to-action-inverse); } ytd-button-renderer.style-count { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } tp-yt-paper-button.ytd-button-renderer { display: inline-block; text-align: center; font-family: inherit; } ytd-button-renderer:not([button-next]) { display: inline-block; text-transform: uppercase; } ytd-button-renderer.force-icon-button a.ytd-button-renderer { cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-button-renderer[disabled] a.ytd-button-renderer:focus { outline: none; } ytd-button-renderer[is-icon-button][has-no-text] { font-size: 0px; } a.ytd-button-renderer { display: flex; } a.yt-simple-endpoint.ytd-button-renderer { color: inherit; border-radius: inherit; text-decoration: none; } ytd-button-renderer[is-paper-button] { border-radius: var(--yt-button-border-radius,3px); margin: var(--yt-button-margin,0 .29em); } ytd-button-renderer[is-paper-button][disabled] { color: var(--yt-spec-text-disabled); background-color: transparent; } ytd-button-renderer[is-icon-button][disabled] { color: var(--yt-spec-text-disabled); } ytd-button-renderer[is-icon-button][style-action-button] { --yt-button-icon-padding: 6px; } ytd-button-renderer[is-paper-button][align-by-text]:not(:empty) { margin-left: -16px; } ytd-button-renderer[is-icon-button][icon-align-by-text]:not(:empty) { margin-left: -8px; } ytd-button-renderer[is-paper-button][button-size="size-large"] { line-height: 24px; } tp-yt-paper-button.ytd-button-renderer { width: var(--yt-paper-button-width,auto); height: var(--yt-paper-button-height,auto); border-radius: inherit; margin: 0 var(--yt-button-paper-button-margin-right,0) 0 var(--yt-button-paper-button-margin-left,0); padding: var(--yt-button-padding,.7em .57em); display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1 1 auto; } ytd-button-renderer[start-justified] tp-yt-paper-button.ytd-button-renderer { justify-content: flex-start; } ytd-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-button-renderer { display: flex; flex-direction: column; } ytd-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-button-renderer #text.ytd-button-renderer { overflow: hidden; text-align: center; text-overflow: ellipsis; width: inherit; } #button.ytd-button-renderer { color: var(--yt-button-color); background-color: var(--yt-button-background-color); } ytd-button-renderer #button.ytd-button-renderer { color: var(--yt-button-color,inherit); background-color: transparent; text-transform: var(--yt-button-text-transform,inherit); } button.ytd-button-renderer, yt-icon-button.ytd-button-renderer { padding: 1px 6px; } yt-icon-button.ytd-button-renderer { width: var(--yt-button-icon-size,40px); height: var(--yt-button-icon-size,40px); color: var(--yt-endpoint-color,var(--yt-deprecated-luna-black)); } yt-icon-button.ytd-button-renderer[disabled] { color: var(--yt-button-disabled-color,hsla(0,0%,6.7%,.2)); } yt-icon-button.ytd-button-renderer { line-height: 1; padding: var(--yt-button-icon-padding,8px); width: var(--yt-button-icon-size,var(--yt-icon-width,40px)); height: var(--yt-button-icon-size,var(--yt-icon-height,40px)); } yt-icon-button.ytd-button-renderer > yt-icon.ytd-button-renderer { width: 100%; height: 100%; } #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer { margin-left: var(--yt-string-icon-padding,8px); } #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer + yt-icon.ytd-button-renderer { margin-left: var(--yt-button-icon-padding,8px); } ytd-button-renderer[vertically-aligned] #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer { margin-left: 0px; margin-top: var(--yt-string-icon-padding,4px); } ytd-button-renderer[vertically-aligned] #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer + yt-icon.ytd-button-renderer { margin-left: 0px; margin-top: var(--yt-button-icon-padding,4px); } ytd-button-renderer.yt-spec-dialog-layout__dialog-layout-button.yt-spec-dialog-layout__dialog-layout-button--dialog-buttons-inline-stretched { display: flex; } ytd-factoid-renderer { display: block; } .factoid.ytd-factoid-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px 4px; text-align: center; width: 100%; } .factoid-value.ytd-factoid-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; margin-bottom: 2px; } .factoid-label.ytd-factoid-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-ad-hover-text-button-renderer { opacity: 0.9; display: block; } ytd-ad-hover-text-button-renderer:hover { opacity: 1; } #ad-info-tooltip.ytd-ad-hover-text-button-renderer { white-space: nowrap; } ytd-ad-hover-text-button-renderer:not([modern-update]) #info-button.ytd-ad-hover-text-button-renderer { position: relative; vertical-align: top; width: 16px; height: 16px; --yt-button-icon-padding: 1px; --yt-button-icon-size: 16px; align-self: center; } ytd-ad-hover-text-button-renderer:not([modern-update]) #info-button.ytd-ad-hover-text-button-renderer > a { cursor: pointer; position: absolute; top: 0px; right: 0px; } ytd-ad-hover-text-button-renderer[modern-update] #info-button.ytd-ad-hover-text-button-renderer { width: 40px; height: 40px; margin: 8px; } ytd-live-chat-purchased-product-message-renderer { background: var(--yt-spec-general-background-a); display: inline-block; padding: 4px 24px; width: calc(100% - 48px); } #container.ytd-live-chat-purchased-product-message-renderer { background: var(--yt-spec-general-background-b); border-radius: 2px; overflow: hidden; position: relative; } #product-container.ytd-live-chat-purchased-product-message-renderer { padding: 8px 8px 8px 16px; display: flex; flex-direction: row; } #purchased-message.ytd-live-chat-purchased-product-message-renderer { color: var(--yt-spec-text-primary); padding-bottom: 3px; font-size: 14px; font-weight: 400; } #product-image.ytd-live-chat-purchased-product-message-renderer { padding-right: 18px; display: flex; align-items: center; flex: 0 0 auto; } #product-info.ytd-live-chat-purchased-product-message-renderer { min-width: 0px; padding-right: 20px; justify-content: center; flex: 1 1 auto; display: flex; flex-direction: column; } #product-title-container.ytd-live-chat-purchased-product-message-renderer { display: flex; } #product-title.ytd-live-chat-purchased-product-message-renderer { color: var(--yt-spec-call-to-action); min-width: 0px; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; } #product-title.ytd-live-chat-purchased-product-message-renderer[show-icon] { padding-right: 20px; } #product-title.ytd-live-chat-purchased-product-message-renderer yt-icon.ytd-live-chat-purchased-product-message-renderer { color: inherit; flex-shrink: 0; height: 15px; padding-left: 4px; position: absolute; right: 0px; width: 15px; } #information-icon.ytd-live-chat-purchased-product-message-renderer { display: block; opacity: 0.9; position: absolute; right: 10px; top: 10px; } ytd-live-chat-purchased-product-message-renderer[modern] #information-icon.ytd-live-chat-purchased-product-message-renderer { top: -5px; right: -8px; } #information-icon.ytd-live-chat-purchased-product-message-renderer:hover { opacity: 1; } #info-button.ytd-live-chat-purchased-product-message-renderer { color: var(--yt-spec-icon-active-other); --yt-icon-button-icon-height: 15px; --yt-icon-button-icon-width: 15px; --yt-button-icon-padding: 0px; --yt-button-icon-size: 15px; } yt-img-shadow.ytd-live-chat-purchased-product-message-renderer { border: 2px solid var(--yt-spec-brand-background-solid); height: 36px; width: 36px; } ytd-sponsorships-live-chat-gift-purchase-announcement-renderer { display: block; padding: 4px 24px; } #opt-in-prompt.ytd-sponsorships-live-chat-gift-purchase-announcement-renderer { margin-top: 8px; } #opt-in-prompt.ytd-sponsorships-live-chat-gift-purchase-announcement-renderer yt-button-renderer.ytd-sponsorships-live-chat-gift-purchase-announcement-renderer { display: block; } yt-live-chat-viewer-engagement-message-renderer.ytd-sponsorships-live-chat-gift-purchase-announcement-renderer { padding: 0px; border-radius: 4px; } ytd-sponsorships-live-chat-gift-purchase-announcement-renderer:not([modern]) yt-button-renderer.ytd-sponsorships-live-chat-gift-purchase-announcement-renderer { background: white; --yt-button-color: rgba(19,19,19); box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } ytd-sponsorships-live-chat-header-renderer { --yt-live-chat-sponsor-color: #0f9d58; } #header.ytd-sponsorships-live-chat-header-renderer { overflow: hidden; border-radius: 4px; position: relative; background-color: var(--yt-live-chat-sponsor-color); color: rgb(255, 255, 255); min-height: 20px; display: flex; flex-direction: row; align-items: flex-start; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } #content.ytd-sponsorships-live-chat-header-renderer { padding-top: 8px; padding-bottom: 8px; padding-left: 16px; display: flex; flex-direction: row; margin-right: auto; } #header-content.ytd-sponsorships-live-chat-header-renderer { display: flex; flex-direction: row; justify-content: space-between; flex: 1 1 1e-09px; align-items: baseline; } #author-photo.ytd-sponsorships-live-chat-header-renderer { width: 40px; height: 40px; margin-right: 8px; --yt-img-border-radius: 50%; } yt-live-chat-author-chip.ytd-sponsorships-live-chat-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; --yt-live-chat-sponsor-color: rgba(255,255,255,0.7); --yt-live-chat-moderator-color: rgba(255,255,255,0.7); --yt-live-chat-secondary-text-color: rgba(255,255,255,0.7); margin-bottom: 4px; } #secondary-text.ytd-sponsorships-live-chat-header-renderer { margin-top: 2px; color: rgba(255, 255, 255, 0.7); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #secondary-text.ytd-sponsorships-live-chat-header-renderer:empty { display: none; } #primary-text.ytd-sponsorships-live-chat-header-renderer, #deleted-primary-text.ytd-sponsorships-live-chat-header-renderer { font-family: Roboto, Arial, sans-serif; font-weight: 400; overflow: hidden; max-height: 8.8rem; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-size: 14px; line-height: 1.8rem; overflow-wrap: break-word; word-break: break-word; color: rgb(255, 255, 255); } #primary-text.ytd-sponsorships-live-chat-header-renderer:empty { display: none; } #deleted-primary-text.ytd-sponsorships-live-chat-header-renderer { font-style: italic; opacity: 0.7; } #deleted-primary-text.ytd-sponsorships-live-chat-header-renderer:empty { display: none; } #header-content-deleted-state.ytd-sponsorships-live-chat-header-renderer { height: 100%; display: flex; flex-direction: column; justify-content: center; } #menu.ytd-sponsorships-live-chat-header-renderer { opacity: 0; position: absolute; right: 0px; width: 52px; height: 100%; background: linear-gradient(to right,transparent,var(--yt-live-chat-sponsor-color) 100%); border-radius: 0px 4px 4px 0px; } #header.ytd-sponsorships-live-chat-header-renderer:hover #menu.ytd-sponsorships-live-chat-header-renderer { opacity: 1; transition: 0.2s; } #menu-button.ytd-sponsorships-live-chat-header-renderer { position: absolute; right: 8px; top: 8px; } .rhs-image.ytd-sponsorships-live-chat-header-renderer { margin-left: auto; align-self: end; } #timestamp.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[avatar-hidden] #author-photo.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { display: none; } #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[use-opacity-for-context-menu-visibility] #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { transform: none; opacity: 0.0001; } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:hover #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer, ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[menu-visible] #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { transform: none; } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[use-opacity-for-context-menu-visibility]:hover #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer, ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { opacity: 1; } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:focus-within #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { transform: none; } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { opacity: 1; } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[modern] #inline-action-button-container.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not([modern]) #inline-action-button-container.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not([modern]) #inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer > .ytd-sponsorships-live-chat-gift-redemption-announcement-renderer, ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not([modern]) #additional-inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer > .ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not([modern]) #inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer > .ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not([modern]) #inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer > .ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:hover { background: var(--yt-deprecated-luna-black); } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not([modern]) #additional-inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer > .ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not([modern]) #additional-inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer > .ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[has-inline-action-buttons]:hover #inline-action-button-container.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { display: none; } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer[has-inline-action-buttons]:hover #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer > .ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not(:first-child), #additional-inline-action-buttons.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer > .ytd-sponsorships-live-chat-gift-redemption-announcement-renderer:not(:first-child) { margin-left: 8px; } ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { padding: 4px 24px; contain: content; display: flex; flex-direction: row; } #content.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { flex-direction: row; flex: 1 1 1e-09px; align-items: baseline; color: var(--yt-live-chat-secondary-text-color); display: inline-block; } #author-photo.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { width: 24px; height: 24px; margin-right: 16px; --yt-img-border-radius: 50%; } #author-photo.no-photo.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { color: var(--yt-live-chat-deleted-message-color); } #gift-icon.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { width: 16px; height: 16px; bottom: 2px; user-select: none; } yt-live-chat-author-chip.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { --yt-live-chat-secondary-text-color: var(--yt-live-chat-sponsor-color); } #message.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer, #deleted-message.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { overflow-wrap: break-word; } #deleted-message.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { font-style: italic; color: var(--yt-live-chat-deleted-message-color); height: 100%; display: inline-flex; flex-direction: column; justify-content: center; } #menu.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { color: var(--yt-live-chat-secondary-text-color); background: linear-gradient(to right,transparent 0,var(--yt-live-chat-background-color,var(--yt-spec-static-white-background)) 100%); } #menu-button.ytd-sponsorships-live-chat-gift-redemption-announcement-renderer { width: 32px; height: 32px; padding: 4px; } ytd-player, #container.ytd-player { display: block; width: 100%; height: 100%; user-select: none; } yt-horizontal-list-renderer { --ytd-thumbnail-height: 118px; --ytd-reel-item-width: var(--ytd-reel-item-compact-layout-width,210px); display: block; position: relative; max-width: var(--yt-horizontal-list-renderer-width,auto); } yt-horizontal-list-renderer[engagement-panel] { --ytd-reel-item-width: 150px; } yt-horizontal-list-renderer[engagement-panel] #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer { padding-right: 16px; } yt-horizontal-list-renderer[hide-shelf-header] #items.yt-horizontal-list-renderer { margin-bottom: 0px; padding-top: 12px; } yt-horizontal-list-renderer[contains-post] { --ytd-thumbnail-height: 200px; } yt-horizontal-list-renderer[contains-background-promo-renderer-with-embedded-container-style] { padding-left: 48px; } yt-horizontal-list-renderer[contains-background-promo-renderer-with-embedded-container-style] #items.yt-horizontal-list-renderer > ytd-background-promo-renderer.yt-horizontal-list-renderer { margin-right: 40px; } .lockup.yt-horizontal-list-renderer { width: 210px; } yt-horizontal-list-renderer[is-search-vod-shelf] .lockup.yt-horizontal-list-renderer { width: 360px; } yt-horizontal-list-renderer[should-use-mixed-list-height] { --ytd-reel-item-width: 150px; --ytd-reel-item-thumbnail-height: 198px; --ytd-grid-video-width: 354px; --ytd-grid-video-thumbnail-height: 198px; } yt-horizontal-list-renderer[should-use-mixed-list-height] .lockup.yt-horizontal-list-renderer { width: 354px; } yt-horizontal-list-renderer[should-use-shorts-list-height] { --ytd-reel-item-width: 210px; --ytd-reel-item-thumbnail-height: 302px; } #scroll-outer-container.yt-horizontal-list-renderer { display: flex; } #scroll-container.yt-horizontal-list-renderer { margin-top: -12px; overflow: hidden; } #items.yt-horizontal-list-renderer { padding-top: 12px; margin-bottom: var(--ytd-horizontal-list-margin-bottom,24px); transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); will-change: transform; display: inline-block; white-space: nowrap; } yt-horizontal-list-renderer[is-search-post-shelf] #items.yt-horizontal-list-renderer { height: 210px; } #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer { padding-right: 4px; display: inline-block; vertical-align: top; white-space: normal; } yt-horizontal-list-renderer[has-big-thumbs-reel-items] #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer { padding-right: 16px; } #items.yt-horizontal-list-renderer > ytd-compact-channel-recommendation-card-renderer.yt-horizontal-list-renderer[is-dismissed] { display: none; } #items.yt-horizontal-list-renderer > ytd-post-renderer.yt-horizontal-list-renderer { display: inline-flex; padding-right: 24px; margin-right: 16px; } #items.yt-horizontal-list-renderer > ytd-shared-post-renderer.yt-horizontal-list-renderer { padding-right: 0px; margin-right: 16px; } yt-horizontal-list-renderer[at-start] #left-arrow.yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer { display: none; opacity: 0; } yt-horizontal-list-renderer[at-end] #right-arrow.yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer { display: none; opacity: 0; } yt-horizontal-list-renderer[is-search-vod-shelf] { max-width: 1088px; } yt-horizontal-list-renderer[is-search-vod-shelf] #left-arrow.yt-horizontal-list-renderer, yt-horizontal-list-renderer[is-search-vod-shelf] #right-arrow.yt-horizontal-list-renderer { height: 202px; } #left-arrow.yt-horizontal-list-renderer { position: absolute; top: var(--ytd-horizontal-list-arrow-top,0); left: var(--yt-horizontal-list-left-arrow-offset,0); height: 118px; z-index: 1; } #right-arrow.yt-horizontal-list-renderer { position: absolute; top: var(--ytd-horizontal-list-arrow-top,0); right: var(--yt-horizontal-list-right-arrow-offset,4px); height: 118px; z-index: 200; } yt-horizontal-list-renderer[override-arrow-position-for-product-card] #left-arrow.yt-horizontal-list-renderer, yt-horizontal-list-renderer[override-arrow-position-for-product-card] #right-arrow.yt-horizontal-list-renderer { --ytd-horizontal-list-arrow-top: 45px; } yt-horizontal-list-renderer[override-arrow-position-for-shopping-item-card] #left-arrow.yt-horizontal-list-renderer, yt-horizontal-list-renderer[override-arrow-position-for-shopping-item-card] #right-arrow.yt-horizontal-list-renderer { --ytd-horizontal-list-arrow-top: 35px; } yt-horizontal-list-renderer[contains-lockup] #right-arrow.yt-horizontal-list-renderer, yt-horizontal-list-renderer[contains-lockup] #left-arrow.yt-horizontal-list-renderer { height: var(--yt-horizontal-list-content-height,118px); } yt-horizontal-list-renderer[override-arrow-position-for-grid-movie] #left-arrow.yt-horizontal-list-renderer, yt-horizontal-list-renderer[override-arrow-position-for-grid-movie] #right-arrow.yt-horizontal-list-renderer { height: 302px; } yt-horizontal-list-renderer[override-arrow-position-for-reel-items] #left-arrow.yt-horizontal-list-renderer, yt-horizontal-list-renderer[override-arrow-position-for-reel-items] #right-arrow.yt-horizontal-list-renderer { height: var(--ytd-reel-item-thumbnail-height,302px); } yt-horizontal-list-renderer[override-arrow-position-for-mixed-shelf] #left-arrow.yt-horizontal-list-renderer, yt-horizontal-list-renderer[override-arrow-position-for-mixed-shelf] #right-arrow.yt-horizontal-list-renderer { height: 198px; } yt-horizontal-list-renderer[override-arrow-position-for-mixed-shelf-shorts-only] #left-arrow.yt-horizontal-list-renderer, yt-horizontal-list-renderer[override-arrow-position-for-mixed-shelf-shorts-only] #right-arrow.yt-horizontal-list-renderer { height: 302px; } yt-horizontal-list-renderer[override-arrow-position-to-center] #left-arrow.yt-horizontal-list-renderer, yt-horizontal-list-renderer[override-arrow-position-to-center] #right-arrow.yt-horizontal-list-renderer { height: calc(100% - var(--ytd-horizontal-list-margin-bottom,24px)); } #left-arrow.yt-horizontal-list-renderer, #right-arrow.yt-horizontal-list-renderer { will-change: transform; width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .arrow.yt-horizontal-list-renderer { cursor: pointer; width: 40px; height: 40px; border-radius: 24px; background-color: var(--yt-spec-brand-background-solid); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 0px 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; } ytd-menu-renderer { display: flex; flex-direction: row; } ytd-menu-renderer:not([condensed]) .ytd-menu-renderer[button-renderer] + .ytd-menu-renderer[button-renderer], .ytd-menu-renderer[button-renderer] + yt-button-view-model.ytd-menu-renderer, yt-button-view-model.ytd-menu-renderer + yt-button-view-model.ytd-menu-renderer, .ytd-menu-renderer[button-renderer] + template.ytd-menu-renderer + #button.ytd-menu-renderer, yt-button-view-model.ytd-menu-renderer + template.ytd-menu-renderer + #button.ytd-menu-renderer, #flexible-item-buttons.ytd-menu-renderer:not(:empty) > .ytd-menu-renderer[button-renderer], #top-level-buttons-computed.ytd-menu-renderer:not(:empty) > .ytd-menu-renderer[button-renderer] ~ .ytd-menu-renderer[button-renderer], #flexible-item-buttons.ytd-menu-renderer:not(:empty) > yt-button-view-model.ytd-menu-renderer, #top-level-buttons-computed.ytd-menu-renderer:not(:empty) + #flexible-item-buttons.ytd-menu-renderer + #button.ytd-menu-renderer { margin-left: 8px; } ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; width: var(--yt-icon-width); height: var(--yt-icon-height); } #button.ytd-menu-renderer yt-icon.ytd-menu-renderer { color: var(--ytd-menu-renderer-button-color,var(--yt-spec-icon-inactive)); } .ytd-menu-renderer[button-renderer]:hover yt-icon.ytd-menu-renderer, #button.ytd-menu-renderer:hover yt-icon.ytd-menu-renderer, yt-button-view-model.ytd-menu-renderer:hover yt-icon.ytd-menu-renderer { color: var(--yt-spec-icon-active-other); } ytd-menu-renderer[has-custom-icon-color] .ytd-menu-renderer[button-renderer]:hover yt-icon.ytd-menu-renderer, ytd-menu-renderer[has-custom-icon-color] #button.ytd-menu-renderer:hover yt-icon.ytd-menu-renderer { color: var(--ytd-menu-renderer-button-color,var(--yt-spec-icon-active-other)); } #items.ytd-menu-renderer::after { display: none; } .top-level-buttons.ytd-menu-renderer { align-items: center; display: flex; flex-direction: row; } ytd-menu-renderer[has-flexible-items] { width: 100%; max-height: 36px; overflow-y: hidden; flex-wrap: wrap; } ytd-menu-renderer[has-flexible-items][safe-area] { padding: 4px; margin: -4px; } ytd-menu-renderer[has-flexible-items][safe-area] .top-level-buttons.ytd-menu-renderer { margin-bottom: 4px; } ytd-menu-renderer[has-items] yt-button-shape.ytd-menu-renderer { margin-left: 8px; } yt-button-view-model.ytd-menu-renderer { display: inline-block; } yt-button-shape.ytd-menu-renderer { flex: 0 0 auto; } ytd-menu-renderer[tonal-override] ytd-account-link-button-renderer.ytd-menu-renderer { margin: 0px 8px; } ytd-account-link-button-renderer { display: inline-block; } ytd-button-renderer.ytd-account-link-button-renderer { min-width: var(--ytd-account-link-button-min-width,inherit); } ytd-playlist-loop-button-renderer { display: inline-block; } ytd-download-button-renderer[is-download-complete] { --yt-button-color: var(--yt-spec-text-primary); } ytd-download-button-renderer[is-hidden] { display: none; } #segmented-buttons-wrapper.ytd-segmented-like-dislike-button-renderer { display: flex; } .smartimation__content { display: block; } .smartimation--experiment-enabled { position: relative; display: block; } .smartimation--experiment-enabled .smartimation__content { position: relative; z-index: 1; border-radius: 18px; } .smartimation__border { z-index: 1; border-radius: 22px; position: absolute; overflow: hidden; inset: -3px; } .smartimation__border-gradient { opacity: 0; transition: opacity 0.5s; } .smartimation--active-border .smartimation__border-gradient { opacity: 1; } .smartimation--active-background .smartimation__content { background: rgb(15, 15, 15); } .smartimation--enable-masking .smartimation__border { padding: 3px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); } .smartimation--enable-masking .smartimation__border-gradient { width: calc(100% + 12px); transform: translate(-3px, -3px); } .smartimation--enable-masking .smartimation__content { background: transparent; } .smartimation--invisible .smartimation__border, .smartimation--invisible .smartimation__border-gradient { opacity: 0.001; } tp-yt-paper-button.ytd-toggle-button-renderer { display: inline-block; text-align: center; font-family: inherit; } ytd-toggle-button-renderer:not([button-next]) { display: inline-block; text-transform: uppercase; } ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer { cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-toggle-button-renderer[disabled] a.ytd-toggle-button-renderer:focus { outline: none; } ytd-toggle-button-renderer[is-icon-button][has-no-text] { font-size: 0px; } a.ytd-toggle-button-renderer { display: flex; } a.yt-simple-endpoint.ytd-toggle-button-renderer { color: inherit; border-radius: inherit; text-decoration: none; } ytd-toggle-button-renderer[is-paper-button] { border-radius: var(--yt-button-border-radius,3px); margin: var(--yt-button-margin,0 .29em); } ytd-toggle-button-renderer[is-paper-button][disabled] { color: var(--yt-spec-text-disabled); background-color: transparent; } ytd-toggle-button-renderer[is-icon-button][disabled] { color: var(--yt-spec-text-disabled); } ytd-toggle-button-renderer[is-icon-button][style-action-button] { --yt-button-icon-padding: 6px; } ytd-toggle-button-renderer[is-paper-button][align-by-text]:not(:empty) { margin-left: -16px; } ytd-toggle-button-renderer[is-icon-button][icon-align-by-text]:not(:empty) { margin-left: -8px; } ytd-toggle-button-renderer[is-paper-button][button-size="size-large"] { line-height: 24px; } tp-yt-paper-button.ytd-toggle-button-renderer { width: var(--yt-paper-button-width,auto); height: var(--yt-paper-button-height,auto); border-radius: inherit; margin: 0 var(--yt-button-paper-button-margin-right,0) 0 var(--yt-button-paper-button-margin-left,0); padding: var(--yt-button-padding,.7em .57em); display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1 1 auto; } ytd-toggle-button-renderer[start-justified] tp-yt-paper-button.ytd-toggle-button-renderer { justify-content: flex-start; } ytd-toggle-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-toggle-button-renderer { display: flex; flex-direction: column; } ytd-toggle-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-toggle-button-renderer #text.ytd-toggle-button-renderer { overflow: hidden; text-align: center; text-overflow: ellipsis; width: inherit; } #button.ytd-toggle-button-renderer { color: var(--yt-button-color); background-color: var(--yt-button-background-color); } ytd-toggle-button-renderer #button.ytd-toggle-button-renderer { color: var(--yt-button-color,inherit); background-color: transparent; text-transform: var(--yt-button-text-transform,inherit); } button.ytd-toggle-button-renderer, yt-icon-button.ytd-toggle-button-renderer { padding: 1px 6px; } yt-icon-button.ytd-toggle-button-renderer { width: var(--yt-button-icon-size,40px); height: var(--yt-button-icon-size,40px); color: var(--yt-endpoint-color,var(--yt-deprecated-luna-black)); } yt-icon-button.ytd-toggle-button-renderer[disabled] { color: var(--yt-button-disabled-color,hsla(0,0%,6.7%,.2)); } yt-icon-button.ytd-toggle-button-renderer { line-height: 1; padding: var(--yt-button-icon-padding,8px); width: var(--yt-button-icon-size,var(--yt-icon-width,40px)); height: var(--yt-button-icon-size,var(--yt-icon-height,40px)); } yt-icon-button.ytd-toggle-button-renderer > yt-icon.ytd-toggle-button-renderer { width: 100%; height: 100%; } #button.ytd-toggle-button-renderer yt-icon.ytd-toggle-button-renderer + yt-formatted-string.ytd-toggle-button-renderer { margin-left: var(--yt-string-icon-padding,8px); } #button.ytd-toggle-button-renderer yt-formatted-string.ytd-toggle-button-renderer + yt-icon.ytd-toggle-button-renderer { margin-left: var(--yt-button-icon-padding,8px); } ytd-toggle-button-renderer[vertically-aligned] #button.ytd-toggle-button-renderer yt-icon.ytd-toggle-button-renderer + yt-formatted-string.ytd-toggle-button-renderer { margin-left: 0px; margin-top: var(--yt-string-icon-padding,4px); } ytd-toggle-button-renderer[vertically-aligned] #button.ytd-toggle-button-renderer yt-formatted-string.ytd-toggle-button-renderer + yt-icon.ytd-toggle-button-renderer { margin-left: 0px; margin-top: var(--yt-button-icon-padding,4px); } ytd-toggle-button-renderer.yt-spec-dialog-layout__dialog-layout-button.yt-spec-dialog-layout__dialog-layout-button--dialog-buttons-inline-stretched { display: flex; } ytd-toggle-button-renderer { --paper-button-ink-color: var(--yt-spec-icon-inactive); --yt-button-padding: 10px 16px; --yt-button-margin: 0; --yt-button-padding-minus-border: 9px 15px; vertical-align: middle; font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } ytd-toggle-button-renderer[is-icon-button]:not([style-action-button]) { text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer { padding-right: var(--yt-button-icon-padding,8px); } ytd-toggle-button-renderer[is-icon-button] { color: var(--yt-button-color); } ytd-toggle-button-renderer[is-paper-button] { color: var(--yt-button-color); } ytd-toggle-button-renderer.style-default[is-paper-button] { background-color: var(--yt-button-default-background-color,var(--yt-spec-badge-chip-background)); color: var(--yt-button-default-text-color,var(--yt-spec-text-secondary)); } ytd-toggle-button-renderer.style-light-text[is-icon-button] { color: var(--yt-spec-static-overlay-icon-active-other); } ytd-toggle-button-renderer.style-grey-text[is-icon-button] { color: var(--yt-spec-icon-inactive); } ytd-toggle-button-renderer.style-text[is-icon-button] { color: var(--yt-spec-icon-inactive); } ytd-toggle-button-renderer.style-text[is-icon-button] #text.ytd-toggle-button-renderer { color: var(--yt-button-icon-button-text-color,var(--yt-spec-text-secondary)); } ytd-toggle-button-renderer.style-default-active[is-icon-button] { color: var(--yt-spec-call-to-action); } ytd-toggle-button-renderer.style-default-active[is-icon-button][system-icons] { color: var(--yt-spec-text-primary); } ytd-toggle-button-renderer.style-default-active[is-paper-button] { color: var(--yt-spec-call-to-action); } ytd-toggle-button-renderer.style-default-active[is-paper-button][system-icons] { color: var(--yt-spec-text-primary); } ytd-toggle-button-renderer.style-text[is-paper-button] { color: var(--yt-spec-text-secondary); } ytd-toggle-button-renderer.style-compact-gray[is-paper-button] { background-color: var(--yt-button-compact-background-color,var(--yt-spec-badge-chip-background)); color: var(--yt-button-compact-text-color,var(--yt-spec-text-secondary)); } ytd-toggle-button-renderer.style-compact-gray[is-paper-button] tp-yt-paper-button.ytd-toggle-button-renderer { padding: 4px 8px; } ytd-toggle-button-renderer.style-overlay[is-paper-button] { background-color: var(--yt-spec-static-overlay-button-primary); color: var(--yt-spec-static-overlay-text-primary); } ytd-toggle-button-renderer.style-primary[is-paper-button] { background-color: var(--yt-spec-call-to-action); color: var(--yt-spec-filled-button-text); } ytd-toggle-button-renderer.style-primary[is-paper-button]:hover { color: var(--yt-spec-static-overlay-text-primary); } ytd-toggle-button-renderer.style-primary[disabled][is-paper-button] { background-color: var(--yt-spec-icon-disabled); color: var(--yt-spec-text-primary-inverse); } ytd-toggle-button-renderer.style-primary[disabled][is-paper-button]:hover { color: var(--yt-spec-text-primary-inverse); } ytd-toggle-button-renderer.style-suggestive[is-paper-button] { --yt-formatted-string-deemphasize-color: var(--yt-spec-call-to-action); background-color: transparent; border: 1px solid var(--yt-spec-call-to-action); color: var(--yt-spec-call-to-action); } ytd-toggle-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-toggle-button-renderer, ytd-toggle-button-renderer.style-inactive-outline[is-paper-button] tp-yt-paper-button.ytd-toggle-button-renderer { padding: var(--yt-button-padding-minus-border); } ytd-toggle-button-renderer.style-inactive-outline[is-paper-button] { border: 1px solid var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); } ytd-toggle-button-renderer.size-small { --yt-button-padding: 8px 16px; --yt-button-padding-minus-border: 7px 15px; } ytd-toggle-button-renderer[is-paper-button-with-icon] { --yt-button-padding: 6px 16px; --yt-button-padding-minus-border: 5px 15px; } ytd-toggle-button-renderer.size-small[is-paper-button-with-icon] { --iron-icon-width: 20px; --iron-icon-height: 20px; } ytd-toggle-button-renderer.style-blue-text[is-paper-button] { color: var(--yt-spec-call-to-action); } ytd-toggle-button-renderer.style-grey-text[is-paper-button] { color: var(--yt-spec-icon-inactive); } ytd-toggle-button-renderer[is-paper-button-with-icon] tp-yt-paper-button.ytd-toggle-button-renderer { min-width: var(--yt-paper-button-min-width,5.14em); } ytd-toggle-button-renderer[disable-text-transform] { text-transform: none; } a.yt-simple-endpoint.ytd-toggle-button-renderer { flex: 1 1 auto; } tp-yt-paper-tooltip.ytd-toggle-button-renderer { white-space: nowrap; } ytd-toggle-button-renderer[rounded-container] tp-yt-paper-tooltip .tp-yt-paper-tooltip[style-target="tooltip"] { border-radius: 4px; } tp-yt-iron-icon.ytd-toggle-button-renderer { margin-right: 8px; } tp-yt-paper-tooltip.ytd-toggle-button-renderer.ytd-toggle-button-renderer { z-index: var(--ytd-z-index-toggle-button-tooltip); } html[system-icons] { --ytd-searchbox-legacy-button-icon-color: #030303; } html[system-icons][dark] { --ytd-searchbox-legacy-button-icon-color: #fff; } html { --ytd-searchbox-border-color: hsla(0,0%,53.3%,0.2); --ytd-searchbox-legacy-border-color: #ccc; --ytd-searchbox-legacy-border-shadow-color: #eee; --ytd-searchbox-legacy-button-color: #f8f8f8; --ytd-searchbox-legacy-button-border-color: #d3d3d3; --ytd-searchbox-legacy-button-focus-color: #e9e9e9; --ytd-searchbox-legacy-button-hover-color: #f0f0f0; --ytd-searchbox-legacy-button-hover-border-color: #c6c6c6; --ytd-searchbox-legacy-button-icon-color: #333; --ytd-searchbox-background: hsl(0,0%,100%); --ytd-searchbox-text-color: hsl(0,0%,6.7%); } html[dark], [dark] { --ytd-searchbox-border-color: hsla(0,0%,53.3%,0.4); --ytd-searchbox-legacy-border-color: hsl(0,0%,18.82%); --ytd-searchbox-legacy-border-shadow-color: hsla(0,0%,0%,0); --ytd-searchbox-legacy-button-color: hsla(0,0%,100%,0.08); --ytd-searchbox-legacy-button-border-color: hsl(0,0%,18.82%); --ytd-searchbox-legacy-button-focus-color: hsla(0,0%,100%,0.08); --ytd-searchbox-legacy-button-hover-color: hsla(0,0%,100%,0.08); --ytd-searchbox-legacy-button-hover-border-color: hsl(0,0%,18.82%); --ytd-searchbox-legacy-button-icon-color: hsla(0,100%,100%,0.5); --ytd-searchbox-background: hsl(0,0%,7%); --ytd-searchbox-text-color: hsla(0,100%,100%,0.88); } html { --ytd-z-index-report-form-overlay: 100; --ytd-z-index-engagement-panel-scrim: 600; --ytd-z-index-engagement-panel-scrimmed: 601; --ytd-z-index-toggle-button-tooltip: 2300; --ytd-z-index-miniplayer-bar: 2008; --ytd-z-index-masthead: 2020; --ytd-z-index-user-mention-suggestions-container: 2022; --ytd-z-index-notification: 2024; --ytd-z-index-miniplayer: 2016; --ytd-z-index-channel-name: 300; --ytd-thumbnail-height: 118px; --ytd-grid-1-columns-width: 214px; --ytd-grid-2-columns-width: 428px; --ytd-grid-3-columns-width: 642px; --ytd-grid-4-columns-width: 856px; --ytd-grid-5-columns-width: 1070px; --ytd-grid-6-columns-width: 1284px; --ytd-grid-max-width: 1284px; --ytd-scrollbar-width: 8px; --ytd-default-promo-panel-renderer-height: 600px; } html { scrollbar-color: var(--yt-spec-text-secondary) transparent; } body:not([no-y-overflow])::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } body:not([no-y-overflow])::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } body[no-y-overflow] { overflow-y: hidden; } body.lock-scrollbar { position: fixed; left: 0px; right: 0px; bottom: 0px; overflow-y: scroll !important; } html[offline], [offline] { --ytd-offline-opacity: 0.5; --ytd-offline-pointer-events: none; } html { --paper-tooltip-delay-in: 1ms; --paper-tooltip-delay-out: 0; --paper-tooltip-duration-in: 150ms; --paper-tooltip-duration-out: 75ms; --yt-button-tooltip-z-index: 2300; --iron-overlay-backdrop-opacity: 0.3; --paper-tab-content-focused-font-weight: 500; --paper-dialog-background-color: var(--yt-spec-raised-background); --paper-listbox-background-color: var(--yt-spec-menu-background); --paper-menu-background-color: var(--yt-spec-menu-background); } html tp-yt-paper-tooltip .tp-yt-paper-tooltip[style-target="tooltip"] { margin: 8px; text-transform: none; word-break: normal; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } html body[rounded-container] tp-yt-paper-tooltip .tp-yt-paper-tooltip[style-target="tooltip"] { border-radius: 4px; } .ytDownloadButtonViewModelHost { display: block; } .ytDownloadButtonViewModelIsHidden { display: none; } .yt-flexible-actions-view-model-wiz { display: flex; flex-direction: column; } .yt-flexible-actions-view-model-wiz__action-row { display: flex; justify-content: center; align-items: center; } .yt-flexible-actions-view-model-wiz__action-row:not(:last-child) { padding-bottom: 8px; } .yt-flexible-actions-view-model-wiz__action:not(:last-child):not(:empty) { padding-right: 8px; } .yt-flexible-actions-view-model-wiz__action--row-action { min-width: 0px; flex-grow: 1; flex-basis: 0px; } .yt-flexible-actions-view-model-wiz__action--row-action:empty { flex-grow: 0; } .yt-flexible-actions-view-model-wiz__action--intrinsic-width { flex-grow: 0; flex-basis: auto; } .yt-flexible-actions-view-model-wiz__action--row-action-feature-phone { flex-basis: unset; min-width: unset; } .yt-flexible-actions-view-model-wiz__action--icon-only-button { flex: 0 0 auto; } .yt-flexible-actions-view-model-wiz--inline { flex-direction: row; } .yt-flexible-actions-view-model-wiz--scrollable { overflow: scroll auto; white-space: nowrap; scrollbar-color: transparent transparent; scrollbar-width: thin; } .yt-flexible-actions-view-model-wiz--scrollable::-webkit-scrollbar { background: transparent; width: 8px; } .yt-flexible-actions-view-model-wiz--scrollable::-webkit-scrollbar-thumb { height: 56px; background: transparent; } .yt-flexible-actions-view-model-wiz--scrollable:hover { scrollbar-color: rgb(113, 113, 113) transparent; } .yt-flexible-actions-view-model-wiz--scrollable:hover::-webkit-scrollbar-thumb { background: rgb(113, 113, 113); } .yt-subscribe-button-view-model-wiz { position: relative; display: flex; max-width: 100%; } .yt-subscribe-button-view-model-wiz__can-animate-width { transition: width 0.5s; } .yt-subscribe-button-view-model-wiz--hidden { display: none; } .yt-subscribe-button-view-model-wiz__invisible { position: absolute; visibility: hidden; pointer-events: none; } .yt-subscribe-button-view-model-wiz__container { display: flex; } .yt-subscribe-button-view-model-wiz__animated-action-wrapper { max-width: 100%; } .yt-subscribe-button-view-model-wiz__animated-action-wrapper--is-animating { width: 100%; } .yt-subscribe-button-view-model-wiz__static-width { width: 100%; } .animated-action__container { display: block; position: relative; } .animated-action__lottie { position: absolute; inset: 0px; display: flex; justify-content: center; align-items: center; pointer-events: none; } .animated-action__background { width: 100%; } .animated-action__background-container { overflow: hidden; border-radius: 18px; } .animated-action__content-with-background { position: relative; } .ytAnimatedIconHost { display: block; } .ytAnimatedIconHost .animated-like-icon { height: 24px; width: 24px; margin: 0px; } .ytAnimatedIconHost .animated-like-icon .animated-like-icon { pointer-events: none; width: 61px; height: 62px; transform: translate(-18px, -18px); } .ytAnimatedIconHost .animated-subscribe-icon { height: 30px; width: 30px; transform: translate(-3px, -3px); } .ytSubscribePlusButtonViewModelHost { display: block; } .ytDislikeButtonViewModelHost { display: block; } .ytLikeButtonViewModelHost { display: block; } .ytSegmentedLikeDislikeButtonViewModelHost { display: block; } .ytSegmentedLikeDislikeButtonViewModelSegmentedButtonsWrapper { display: flex; } .ytwAccountLinkButtonViewModelHost { display: block; } .ytwAccountLinkButtonViewModelHostMinWidth .yt-spec-button-shape-next { min-width: 120px; } ytd-display-ad-renderer { --layout-top-landscape-bottom-margin: 12px; width: 100%; height: 100%; display: inline-block; } ytd-display-ad-renderer[no-bottom-margin] { --layout-top-landscape-bottom-margin: 0; } ytd-display-ad-renderer[is-dismissed] #dismissible.ytd-display-ad-renderer, ytd-display-ad-renderer #dismissed.ytd-display-ad-renderer { display: none; border-radius: 12px; } ytd-display-ad-renderer[is-dismissed] #dismissed.ytd-display-ad-renderer { display: block; } #root.ytd-display-ad-renderer { width: 100%; height: 100%; display: flex; flex-flow: wrap; align-items: center; } #media-container.ytd-display-ad-renderer { flex: 1 1 100%; border-radius: 12px; overflow: hidden; } .title.ytd-display-ad-renderer { min-width: 0px; display: flex; flex-direction: row; } #support.ytd-display-ad-renderer { min-width: 0px; width: 100%; display: flex; flex-flow: wrap; align-items: center; } #title-text.ytd-display-ad-renderer, .title-text.ytd-display-ad-renderer { color: var(--yt-spec-text-primary); flex: 1 1 10%; } #menu.ytd-display-ad-renderer { flex: 0 0 auto; } #body-text.ytd-display-ad-renderer { flex: 1 1 100%; color: var(--yt-spec-text-secondary); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } #badge.ytd-display-ad-renderer { flex: 0 0 auto; } #secondary-text.ytd-display-ad-renderer, #third-line.ytd-display-ad-renderer, #fourth-line.ytd-display-ad-renderer, #fifth-line.ytd-display-ad-renderer { flex: 1 1 10%; color: var(--yt-spec-text-secondary); overflow: hidden; white-space: pre; text-overflow: ellipsis; font-size: 1.2rem; font-weight: 500; line-height: 1.5rem; } #call-to-action.ytd-display-ad-renderer { flex: 1 1 100%; margin-left: auto; margin-right: 0px; } #dismissed-content.ytd-display-ad-renderer { display: flex; justify-content: center; align-items: center; } .yt-display-ad-renderer-endpoint.ytd-display-ad-renderer { display: inline-block; cursor: pointer; text-decoration: none; overflow: hidden; color: var(--yt-spec-text-primary); } .yt-display-ad-renderer-endpoint.ytd-display-ad-renderer:hover { color: var(--yt-spec-text-primary); text-decoration: none; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] { border-radius: 12px; padding: 4px 4px 8px; width: 135px; min-height: 214px; max-height: 258px; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"]:hover { background-color: var(--yt-spec-general-background-c); } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"][has-energy-icon] { max-height: 282px; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"][has-energy-icon] #fifth-line.ytd-display-ad-renderer { flex: initial; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"][has-energy-icon] #energy-icon.ytd-display-ad-renderer { padding-left: 4px; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] #badge.ytd-display-ad-renderer, ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] #menu.ytd-display-ad-renderer, ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] #call-to-action.ytd-display-ad-renderer { display: none; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] #media-container.ytd-display-ad-renderer { margin-bottom: 12px; aspect-ratio: 1 / 1; border-radius: 8px; display: flex; justify-content: center; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] #media-container.ytd-display-ad-renderer yt-img-shadow.ytd-display-ad-renderer { height: 100%; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] #title-text.ytd-display-ad-renderer, ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] .title-text.ytd-display-ad-renderer { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-weight: 400; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] #root.ytd-display-ad-renderer { display: flex; flex-flow: wrap; place-content: flex-start; align-items: center; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] .title.ytd-display-ad-renderer { display: flex; flex-direction: row; } ytd-display-ad-renderer[layout="display-ad-layout-vertical-carousel-item"] #support.ytd-display-ad-renderer { display: flex; flex-flow: wrap; align-items: center; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] { width: 100%; margin: 0px; display: block; max-width: var(--ytd-rich-grid-item-max-width); } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #root.ytd-display-ad-renderer { align-content: flex-start; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #media-container.ytd-display-ad-renderer { padding-top: 56.25%; position: relative; margin-left: auto; margin-right: auto; overflow: hidden; display: block; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #media-background.ytd-display-ad-renderer { width: 100%; height: 100%; position: absolute; top: 0px; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; background-color: var(--yt-spec-static-overlay-background-heavy); filter: blur(5px); background-image: var(--ytd-display-ad-media-background-image); } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #media.ytd-display-ad-renderer { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #media.ytd-display-ad-renderer yt-img-shadow.ytd-display-ad-renderer { display: block; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #media-badge.ytd-display-ad-renderer { position: absolute; width: 40px; height: 40px; border-radius: 50%; right: 8px; bottom: 8px; background-color: var(--yt-spec-static-overlay-background-medium); --ytd-badge-icon-size: 22px; --ytd-badge-icon-color: var(--yt-spec-static-overlay-text-primary); display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"][standardize-icon-size] #media-badge.ytd-display-ad-renderer { --ytd-badge-icon-size: 24px; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"][media-hover-overlay-initial-visibility] #media-hover-overlay.ytd-display-ad-renderer { display: none; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #media-hover-overlay.ytd-display-ad-renderer { position: absolute; visibility: hidden; inset: 0px; background-color: var(--yt-spec-static-overlay-background-medium); display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] .title.ytd-display-ad-renderer { min-width: 0px; width: 100%; margin-top: 12px; margin-bottom: 4px; display: flex; flex-direction: row; justify-content: space-between; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #title-text.ytd-display-ad-renderer, ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] .title-text.ytd-display-ad-renderer { color: var(--yt-spec-text-primary); flex: 1 1 auto; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #body-text.ytd-display-ad-renderer { margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #badge.ytd-display-ad-renderer { margin-bottom: var(--layout-top-landscape-bottom-margin); } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #secondary-text.ytd-display-ad-renderer { margin-bottom: var(--layout-top-landscape-bottom-margin); white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #third-line.ytd-display-ad-renderer { margin-bottom: 12px; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #fourth-line.ytd-display-ad-renderer { margin-bottom: 12px; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #fifth-line.ytd-display-ad-renderer { margin-bottom: 12px; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #call-to-action.ytd-display-ad-renderer { display: none; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #dismissed.ytd-display-ad-renderer { padding-bottom: 56.19%; border: 1px solid var(--yt-spec-10-percent-layer); position: relative; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #dismissed.ytd-display-ad-renderer:focus { outline: none; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #dismissed-content.ytd-display-ad-renderer { box-sizing: border-box; padding: 8px; position: absolute; inset: 0px; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"][mini-mode] { max-width: var(--ytd-rich-grid-mini-item-max-width); } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"][mini-mode] #title-text.ytd-display-ad-renderer, ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"][mini-mode] .title-text.ytd-display-ad-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"][mini-mode] .title.ytd-display-ad-renderer { margin-bottom: 6px; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"]:hover[media-hover-overlay-initial-visibility] #media-hover-overlay.ytd-display-ad-renderer { display: flex; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"]:hover #media-hover-overlay.ytd-display-ad-renderer { visibility: visible; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #price.ytd-display-ad-renderer { margin-bottom: var(--layout-top-landscape-bottom-margin); white-space: nowrap; color: var(--yt-spec-text-secondary); padding-left: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #icon.ytd-display-ad-renderer { width: 14px; margin-bottom: var(--layout-top-landscape-bottom-margin); white-space: nowrap; color: var(--yt-spec-text-secondary); padding-left: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #rating.ytd-display-ad-renderer { margin-bottom: var(--layout-top-landscape-bottom-margin); white-space: nowrap; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] ytd-menu-renderer.ytd-display-ad-renderer { position: absolute; top: -8px; right: -8px; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] .title.ytd-display-ad-renderer { position: relative; } ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] #title-link.ytd-display-ad-renderer, ytd-display-ad-renderer[layout="display-ad-layout-top-landscape-image"] .title-link.ytd-display-ad-renderer { padding-right: 24px; } ytd-badge-supported-renderer { display: flex; flex-direction: row; align-items: center; } ytd-badge-supported-renderer[wrap-badges] { row-gap: 4px; align-items: center; flex-wrap: wrap; } .badge.ytd-badge-supported-renderer { border-radius: 2px; display: var(--ytd-badge-display,block); padding: 0px 4px; white-space: var(--ytd-badge-white-space,inherit); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .badge.ytd-badge-supported-renderer:not(:last-of-type) { margin-right: 4px; } yt-icon.ytd-badge-supported-renderer { width: var(--ytd-badge-icon-size,13px); height: var(--ytd-badge-icon-size,13px); color: var(--ytd-badge-icon-color,var(--yt-spec-text-secondary)); padding: 0px 2px 1px 0px; } ytd-badge-supported-renderer[system-icons] yt-icon.ytd-badge-supported-renderer { width: 16px; height: 16px; } ytd-badge-supported-renderer[system-icons][use-rounded-badge] yt-icon.ytd-badge-supported-renderer { width: 24px; height: 24px; } .badge-style-type-ad.ytd-badge-supported-renderer { padding: 3px 0px; color: var(--yt-spec-text-primary); white-space: nowrap; display: flex; font-size: var(--yt-badge-font-size,1.2rem); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); font-weight: 700; } .badge-style-type-ad.ytd-badge-supported-renderer::after { content: "·"; padding-inline: 4px; } ytd-badge-supported-renderer[large-font-ad-badge] .badge-style-type-ad.ytd-badge-supported-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 700; } ytd-badge-supported-renderer[medium-font-ad-badge] .badge-style-type-ad.ytd-badge-supported-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 700; } ytd-badge-supported-renderer[overlay-ad] .badge-style-type-ad.ytd-badge-supported-renderer { color: var(--yt-spec-static-overlay-text-primary); text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px; } ytd-badge-supported-renderer[no-dot-ad-badge] .badge-style-type-ad.ytd-badge-supported-renderer::after { display: none; } p.ytd-badge-supported-renderer { display: inline; margin: 0px; } .badge-style-type-ad-alternate.ytd-badge-supported-renderer { color: var(--yt-spec-ad-indicator); border: 1px solid var(--yt-spec-ad-indicator); border-radius: 2px; } .badge-style-type-simple.ytd-badge-supported-renderer { background: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); } .badge-style-type-red.ytd-badge-supported-renderer { background: var(--yt-spec-badge-chip-background); color: var(--yt-spec-brand-red-contrast); } .badge-style-type-premium.ytd-badge-supported-renderer { border-radius: 4px; color: var(--yt-spec-static-overlay-text-primary); padding-left: 4px; background: linear-gradient(45deg, rgb(225, 0, 45) 30%, rgb(224, 19, 120) 90%); } ytd-badge-supported-renderer[overlay-premium] .badge-style-type-premium.ytd-badge-supported-renderer { background: transparent; padding: 0px; } .standalone-badge.ytd-badge-supported-renderer { padding: 0px; } .badge-style-type-shorts-player.ytd-badge-supported-renderer { background: var(--yt-spec-static-overlay-background-medium-light); color: var(--yt-spec-static-overlay-text-primary); } .badge-style-type-shorts-player.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer { color: var(--yt-spec-static-overlay-text-primary); vertical-align: middle; } .badge-style-type-members-only.ytd-badge-supported-renderer { background: var(--yt-spec-badge-chip-background); color: var(--yt-spec-themed-green); } .badge-style-type-members-only.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer { color: var(--yt-spec-themed-green); } .badge-style-type-members-only.ytd-badge-supported-renderer p.ytd-badge-supported-renderer { display: inline-block; } .badge-style-type-premium.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer { padding: 1px 4px 1px 1px; width: 16px; height: 16px; vertical-align: top; } .badge-style-type-premium.ytd-badge-supported-renderer p.ytd-badge-supported-renderer { display: inline-block; } .badge-style-type-ypc.ytd-badge-supported-renderer { background: var(--yt-spec-badge-chip-background); color: var(--yt-spec-themed-green); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .badge-style-type-ypc-green.ytd-badge-supported-renderer { background: var(--yt-spec-commerce-badge-background); color: var(--yt-spec-themed-green); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .badge-style-type-simple-strikethrough.ytd-badge-supported-renderer { background: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); text-decoration: line-through; } .badge-style-type-verified.ytd-badge-supported-renderer, .badge-style-type-verified-artist.ytd-badge-supported-renderer { background: none; margin-bottom: 1px; padding: 0px 0px 0px 4px; flex: 0 0 auto; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } .badge-style-type-verified.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer, .badge-style-type-verified-artist.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer { padding: 0px; } .badge-style-type-disabled.ytd-badge-supported-renderer { background: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-disabled); } .badge-style-type-collection.ytd-badge-supported-renderer { background: none; color: var(--yt-spec-text-secondary); padding: 0px 0px 8px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-badge-supported-renderer[collection-truncate] .badge-style-type-collection.ytd-badge-supported-renderer { padding: 0px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } ytd-badge-supported-renderer.inline-metadata-badge { display: inline-block; vertical-align: middle; } ytd-badge-supported-renderer.inline-metadata-badge .badge-style-type-collection.ytd-badge-supported-renderer { padding: 0px 0px 8px; } .badge-style-type-featured.ytd-badge-supported-renderer { background: var(--yt-spec-themed-blue); color: var(--yt-spec-text-primary-inverse); } .badge-style-type-accelerator.ytd-badge-supported-renderer { background: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); } .badge-style-type-live-now.ytd-badge-supported-renderer, .badge-style-type-starting-soon.ytd-badge-supported-renderer { background: transparent; color: var(--yt-spec-brand-red-contrast); border: 1px solid var(--yt-spec-static-overlay-background-brand); } .badge-style-type-live-now.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer { padding-right: 3px; } .badge-style-type-live-now-alternate.ytd-badge-supported-renderer { background: var(--yt-spec-static-overlay-background-brand); color: var(--yt-spec-static-overlay-text-primary); padding-top: 0px; padding-bottom: 0px; display: flex; align-items: center; } .badge-style-type-live-now-alternate.ytd-badge-supported-renderer p.ytd-badge-supported-renderer { vertical-align: middle; white-space: nowrap; } .badge-style-type-live-now-alternate.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer { color: var(--yt-spec-static-overlay-icon-active-other); } ytd-badge-supported-renderer[animated] .badge-style-type-live-now-alternate.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer { animation: 1s ease 0s infinite normal none running icon-mask; } @keyframes icon-mask { 0% { clip-path: circle(2px); opacity: 0.5; } 100% { clip-path: circle(16px); opacity: 1; } } .badge-style-type-black.ytd-badge-supported-renderer { color: var(--yt-spec-static-overlay-text-primary); font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } .badge-style-type-black.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer { color: var(--yt-spec-static-overlay-icon-active-other); padding: unset; } .badge-style-type-medium-grey.ytd-badge-supported-renderer { white-space: nowrap; background: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); margin-right: 8px; } .badge-style-type-medium-grey.ytd-badge-supported-renderer p.ytd-badge-supported-renderer { vertical-align: middle; } .badge-style-type-ypc-transparent.ytd-badge-supported-renderer { background: none; color: var(--yt-spec-text-secondary); padding-left: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .badge-style-type-nz-rating-red-square.ytd-badge-supported-renderer { background: rgb(240, 57, 54); height: 2.2rem; width: 2.2rem; border-radius: 0px; color: black; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-nz-rating-yellow-circle.ytd-badge-supported-renderer { background: rgb(255, 239, 0); height: 2.2rem; width: 2.2rem; border-radius: 50%; color: black; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-nz-rating-green-circle.ytd-badge-supported-renderer { background: rgb(66, 199, 88); height: 2.2rem; width: 2.2rem; border-radius: 50%; color: black; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-small-green-square.ytd-badge-supported-renderer { background: rgb(0, 166, 81); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-small-blue-square.ytd-badge-supported-renderer { background: rgb(0, 149, 218); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-large-blue-square.ytd-badge-supported-renderer { background: rgb(0, 149, 218); height: 2.2rem; width: 2.2rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-small-yellow-square.ytd-badge-supported-renderer { background: rgb(251, 193, 21); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-large-yellow-square.ytd-badge-supported-renderer { background: rgb(251, 193, 21); height: 2.2rem; width: 2.2rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-small-orange-square.ytd-badge-supported-renderer { background: rgb(245, 130, 32); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-large-orange-square.ytd-badge-supported-renderer { background: rgb(245, 130, 32); height: 2.2rem; width: 2.2rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-small-red-square.ytd-badge-supported-renderer { background: rgb(236, 29, 37); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-large-red-square.ytd-badge-supported-renderer { background: rgb(236, 29, 37); height: 2.2rem; width: 2.2rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-small-black-square.ytd-badge-supported-renderer { background: rgb(0, 0, 0); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-br-rating-large-black-square.ytd-badge-supported-renderer { background: rgb(0, 0, 0); height: 2.2rem; width: 2.2rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .badge-style-type-blue.ytd-badge-supported-renderer { color: var(--yt-spec-call-to-action,var(--yt-spec-call-to-action)); background: var(--yt-spec-suggested-action); } .badge-style-type-overlay.ytd-badge-supported-renderer { background: var(--yt-spec-static-overlay-background-medium); color: var(--yt-spec-static-overlay-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } ytd-badge-supported-renderer[is-thumbnail-badge] .badge.ytd-badge-supported-renderer { border-radius: 4px; } ytd-badge-supported-renderer[system-icons] .badge-style-type-verified.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer, ytd-badge-supported-renderer[system-icons] .badge-style-type-verified-artist.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer, ytd-badge-supported-renderer[system-icons] .badge-style-type-collection.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer, ytd-badge-supported-renderer[system-icons] .badge-style-type-ypc-transparent.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer { width: 14px; height: 14px; } .badge-shape-wiz { display: flex; flex-direction: row; align-items: center; border-radius: 2px; padding: 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .badge-shape-wiz__icon { display: block; margin-right: 2px; height: 16px; width: 16px; } .badge-shape-wiz--modern .badge-shape-wiz__icon { margin-right: 2px; height: 12px; width: 12px; } .badge-shape-wiz--no-text { padding: 0px 1px; min-height: 18px; } .badge-shape-wiz--no-text .badge-shape-wiz__icon { margin-right: 0px; } .badge-shape-wiz--thumbnail-badge { border-radius: 4px; padding: 1px 4px; } .badge-shape-wiz--thumbnail-badge .badge-shape-wiz__icon { margin-right: 4px; height: 12px; width: 12px; } .badge-shape-wiz--thumbnail-badge.badge-shape-wiz--no-text .badge-shape-wiz__icon { margin-right: 0px; } .badge-shape-wiz--status-badge { border-radius: 4px; padding: 1px 4px; } .badge-shape-wiz--status-badge .badge-shape-wiz__icon { margin-right: 4px; height: 12px; width: 12px; } .badge-shape-wiz--status-badge.badge-shape-wiz--no-text .badge-shape-wiz__icon { margin-right: 0px; } .badge-shape-wiz__text { display: block; white-space: nowrap; } .badge-shape-wiz--default { color: rgb(170, 170, 170); background: rgba(255, 255, 255, 0.1); } .badge-shape-wiz--default.badge-shape-wiz--overlay { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); } .badge-shape-wiz--default.badge-shape-wiz--modern { color: rgb(170, 170, 170); background: none; padding-left: 0px; } .badge-shape-wiz--media { color: rgb(170, 170, 170); outline: rgba(255, 255, 255, 0.2) solid 1px; outline-offset: -1px; } .badge-shape-wiz--media.badge-shape-wiz--modern { color: rgb(170, 170, 170); outline: rgba(255, 255, 255, 0.2) solid 1px; outline-offset: -1px; } .badge-shape-wiz--promoted { color: rgb(241, 241, 241); padding-left: 0px; } .badge-shape-wiz--promoted.badge-shape-wiz--modern { color: rgb(241, 241, 241); padding-left: 0px; } .badge-shape-wiz--timely { color: rgb(170, 170, 170); padding-left: 0px; } .badge-shape-wiz--timely .badge-shape-wiz__icon { color: rgb(225, 0, 45); } .badge-shape-wiz--timely.badge-shape-wiz--modern { color: rgb(170, 170, 170); padding-left: 0px; } .badge-shape-wiz--timely.badge-shape-wiz--modern .badge-shape-wiz__icon { color: rgb(225, 0, 45); } .badge-shape-wiz--premium { color: rgb(255, 255, 255); background: rgb(225, 0, 45); } .badge-shape-wiz--premium.badge-shape-wiz--modern { color: rgb(255, 255, 255); background: rgb(225, 0, 45); } .badge-shape-wiz--sale { color: rgb(255, 85, 119); padding-left: 0px; } .badge-shape-wiz--sale .badge-shape-wiz__icon { color: rgb(255, 85, 119); } .badge-shape-wiz--sale.badge-shape-wiz--modern { color: rgb(255, 85, 119); padding-left: 0px; } .badge-shape-wiz--sale.badge-shape-wiz--modern .badge-shape-wiz__icon { color: rgb(255, 85, 119); } .badge-shape-wiz--membership { color: rgb(43, 166, 64); background: rgba(255, 255, 255, 0.1); } .badge-shape-wiz--membership.badge-shape-wiz--modern { color: rgb(43, 166, 64); background: none; padding-left: 0px; } .badge-shape-wiz--commerce { color: rgb(43, 166, 64); background: rgba(255, 255, 255, 0.1); } .badge-shape-wiz--commerce.badge-shape-wiz--modern { color: rgb(43, 166, 64); background: none; padding-left: 0px; } .badge-shape-wiz--live { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); } .badge-shape-wiz--live.badge-shape-wiz--overlay { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); } .badge-shape-wiz--live.badge-shape-wiz--modern { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); } .badge-shape-wiz--status-new { color: rgb(62, 166, 255); outline: rgb(62, 166, 255) solid 1px; outline-offset: -1px; } .badge-shape-wiz--status-new.badge-shape-wiz--modern { color: rgb(62, 166, 255); outline: rgb(62, 166, 255) solid 1px; outline-offset: -1px; } .badge-shape-wiz--status-complete { padding-left: 0px; } .badge-shape-wiz--status-complete.badge-shape-wiz--modern { padding-left: 0px; } .badge-shape-wiz--status-warning { padding-left: 0px; } .badge-shape-wiz--status-warning.badge-shape-wiz--modern { padding-left: 0px; } .badge-shape-wiz--status-error { padding-left: 0px; } .badge-shape-wiz--status-error.badge-shape-wiz--modern { padding-left: 0px; } .badge-shape-wiz--status-default { color: rgb(241, 241, 241); background: rgba(255, 255, 255, 0.2); } .badge-shape-wiz--status-default.badge-shape-wiz--modern { color: rgb(241, 241, 241); background: rgba(255, 255, 255, 0.2); } .badge-shape-wiz--thumbnail-default { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); } .badge-shape-wiz--thumbnail-default.badge-shape-wiz--modern { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); } .badge-shape-wiz--thumbnail-live { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); } .badge-shape-wiz--thumbnail-live.badge-shape-wiz--modern { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); } .badge-shape-wiz--thumbnail-special { color: rgb(3, 3, 3); background: rgb(255, 255, 255); } .badge-shape-wiz--thumbnail-special .badge-shape-wiz__icon { color: rgb(225, 0, 45); } .badge-shape-wiz--thumbnail-special.badge-shape-wiz--modern { color: rgb(3, 3, 3); background: rgb(255, 255, 255); } .badge-shape-wiz--thumbnail-special.badge-shape-wiz--modern .badge-shape-wiz__icon { color: rgb(225, 0, 45); } .badge-shape-wiz--ad { font-weight: 700; color: rgb(241, 241, 241); white-space: nowrap; display: flex; padding-right: 0px; padding-left: 0px; font-size: unset; line-height: unset; } .badge-shape-wiz--ad.badge-shape-wiz--ads-include-dot::after { content: "·"; padding-inline: 4px; } .badge-shape-wiz--ad.badge-shape-wiz--overlay { color: rgb(255, 255, 255); } ytd-post-renderer { --ytd-comment-thumb-dimension: 36px; --yt-icon-button-icon-width: 20px; --yt-icon-button-icon-height: 20px; display: block; max-width: 638px; } #dismissible.ytd-post-renderer, #body.ytd-post-renderer { display: flex; flex-direction: column; } #dismissed.ytd-post-renderer:focus { outline: none; } #header.ytd-post-renderer { align-items: center; margin-bottom: 16px; display: flex; flex-direction: row; } #author-thumbnail.ytd-post-renderer { height: 32px; font-size: 0px; flex: 0 0 auto; } #author-thumbnail.ytd-post-renderer yt-img-shadow.ytd-post-renderer { width: 32px; height: 32px; margin-right: 12px; border-radius: 50%; background-color: transparent; overflow: hidden; } #author.ytd-post-renderer { margin-right: 4px; } #author-text.yt-simple-endpoint.ytd-post-renderer { color: var(--yt-spec-text-primary); font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } #author-badge.ytd-post-renderer { margin-right: 8px; } #published-time-text.ytd-post-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #author-divider.ytd-post-renderer { color: var(--yt-spec-text-secondary); margin-right: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #post-text.ytd-post-renderer { min-width: 0px; } #content-text.ytd-post-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #vote-count-text.ytd-post-renderer, #answer-count-text.ytd-post-renderer { display: none; } .more-button.ytd-post-renderer, .less-button.ytd-post-renderer { text-transform: none; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #content-attachment.ytd-post-renderer { margin-top: 12px; } #content-attachment.ytd-post-renderer ytd-backstage-image-renderer.ytd-post-renderer, #content-attachment.ytd-post-renderer ytd-post-uploaded-video-renderer.ytd-post-renderer { width: 100%; } #content-attachment.ytd-post-renderer ytd-video-renderer.ytd-post-renderer { padding: 8px; background-color: var(--yt-spec-general-background-b); } #content-attachment.ytd-post-renderer ytd-playlist-renderer.ytd-post-renderer { padding: 8px; background-color: var(--yt-spec-general-background-b); } #toolbar.ytd-post-renderer { margin-top: 8px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #action-menu.ytd-post-renderer { margin-right: -12px; color: var(--yt-spec-icon-inactive); } tp-yt-paper-spinner-lite.ytd-post-renderer { margin: auto; display: none; } tp-yt-paper-spinner-lite.ytd-post-renderer[active] { display: block; } ytd-post-renderer[uses-compact-lockup][surface="backstage-surface-type-structured-description"] { max-width: 340px; width: 340px; height: 108px; } ytd-post-renderer[surface="backstage-surface-type-stream"] #header.ytd-post-renderer, ytd-post-renderer[surface="backstage-surface-type-stream"] #post-text.ytd-post-renderer, ytd-post-renderer[surface="backstage-surface-type-stream"] #toolbar.ytd-post-renderer, ytd-post-renderer[surface="backstage-surface-type-stream"] ytd-video-renderer.ytd-post-renderer, ytd-post-renderer[surface="backstage-surface-type-stream"] ytd-playlist-renderer.ytd-post-renderer, ytd-post-renderer[surface="backstage-surface-type-stream"] ytd-backstage-poll-renderer.ytd-post-renderer { margin-left: 16px; margin-right: 16px; } ytd-post-renderer[uses-compact-lockup] { --yt-img-border-radius: 2px; padding: 12px 24px 0px; border: 1px solid var(--yt-spec-10-percent-layer); max-width: 386px; width: 386px; height: 196px; background-color: var(--yt-spec-brand-background-solid); display: flex; flex-direction: column; } ytd-post-renderer[uses-compact-lockup][show-without-toolbar] { height: auto; padding-bottom: 12px; flex: 0 0 auto; } ytd-post-renderer[uses-compact-lockup][is-rich-grid][reduce-side-paddings], ytd-post-renderer[uses-compact-lockup][is-rich-grid-repost][reduce-side-paddings] { padding-left: 16px; padding-right: 16px; } ytd-post-renderer[uses-compact-lockup] #toolbar.ytd-post-renderer { margin: 2px 0px; } ytd-post-renderer[uses-compact-lockup][show-without-toolbar] #toolbar.ytd-post-renderer { margin: 2px 0px; flex: 0 0 auto; } ytd-post-renderer[uses-compact-lockup] #header.ytd-post-renderer { margin-bottom: 12px; } ytd-post-renderer[uses-compact-lockup][show-without-toolbar] #header.ytd-post-renderer { flex: 0 0 auto; } ytd-post-renderer[uses-compact-lockup] #body.ytd-post-renderer { max-height: 116px; } ytd-post-renderer[uses-compact-lockup][show-without-toolbar] #body.ytd-post-renderer { flex: 0 0 auto; } ytd-post-renderer[uses-compact-lockup] #dismissible.ytd-post-renderer { cursor: pointer; outline: none; flex: 1 1 1e-09px; } ytd-post-renderer[uses-compact-lockup][show-without-toolbar] #dismissible.ytd-post-renderer { flex: 0 0 auto; } ytd-post-renderer[uses-compact-lockup] #body.ytd-post-renderer { flex: 1 1 1e-09px; } ytd-post-renderer[uses-compact-lockup] #author-thumbnail.ytd-post-renderer { height: 24px; } ytd-post-renderer[uses-compact-lockup] #author-thumbnail.ytd-post-renderer yt-img-shadow.ytd-post-renderer { width: 24px; height: 24px; } ytd-post-renderer[uses-compact-lockup] #author-text.yt-simple-endpoint.ytd-post-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-post-renderer[uses-compact-lockup] #author-text.yt-simple-endpoint.ytd-post-renderer:hover { color: var(--yt-spec-text-primary); } ytd-post-renderer[uses-compact-lockup] #published-time-text.ytd-post-renderer { --yt-endpoint-visited-color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-post-renderer[uses-compact-lockup][surface="backstage-surface-type-structured-description"] #author-text.yt-simple-endpoint.ytd-post-renderer:hover { color: var(--yt-spec-text-secondary); } ytd-post-renderer[uses-compact-lockup][surface="backstage-surface-type-structured-description"] #post-text.ytd-post-renderer { min-height: 0px; } ytd-post-renderer[uses-compact-lockup][surface="backstage-surface-type-structured-description"] #published-time-text.ytd-post-renderer { background-color: var(--yt-spec-suggested-action); border-radius: 2px; color: var(--yt-spec-themed-blue); padding: 0px 4px; text-transform: uppercase; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; } ytd-post-renderer[uses-compact-lockup][attachment="quiz"] #post-text.ytd-post-renderer { min-height: 40px; } ytd-post-renderer[uses-compact-lockup][is-dismissed] #dismissible.ytd-post-renderer, ytd-post-renderer #dismissed.ytd-post-renderer { display: none; } ytd-post-renderer[uses-compact-lockup][is-dismissed] #dismissed.ytd-post-renderer { display: flex; justify-content: center; align-items: center; flex: 1 1 0%; } ytd-post-renderer[uses-compact-lockup][is-dismissed][show-without-toolbar] #dismissed.ytd-post-renderer { flex: 0 0 auto; } ytd-post-renderer[uses-compact-lockup] #home-content-text.ytd-post-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; } ytd-post-renderer[uses-compact-lockup][attachment="image"] #home-content-text.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="uploaded-videos"] #home-content-text.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="none"] #home-content-text.ytd-post-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 10rem; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-post-renderer[uses-compact-lockup] ytd-comment-action-buttons-renderer.ytd-post-renderer, ytd-post-renderer[surface="backstage-surface-type-stream"] ytd-comment-action-buttons-renderer.ytd-post-renderer { flex-grow: 1; } ytd-post-renderer[uses-compact-lockup] #content-attachment.ytd-post-renderer { margin-top: 0px; } ytd-post-renderer[uses-compact-lockup][attachment="image"] #body.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="uploaded-videos"] #body.ytd-post-renderer { display: flex; flex-direction: row; } ytd-post-renderer[uses-compact-lockup][attachment="image"] #attachments.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="uploaded-videos"] #attachments.ytd-post-renderer { margin-left: auto; } ytd-post-renderer[uses-compact-lockup][attachment="video"] #content-attachment.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="playlist"] #content-attachment.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="poll"] #content-attachment.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="quiz"] #content-attachment.ytd-post-renderer { margin-top: 4px; } ytd-post-renderer[uses-compact-lockup][attachment="video"] #content-attachment.ytd-post-renderer ytd-video-renderer.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="playlist"] #content-attachment.ytd-post-renderer ytd-playlist-renderer.ytd-post-renderer { padding: 0px; } ytd-post-renderer[uses-compact-lockup][attachment="image"] #content-attachment.ytd-post-renderer ytd-backstage-image-renderer.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="uploaded-videos"] #content-attachment.ytd-post-renderer ytd-post-uploaded-video-renderer.ytd-post-renderer { width: 116px; max-height: 116px; overflow: hidden; } ytd-post-renderer[uses-compact-lockup][attachment="image"] #post-text.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="uploaded-videos"] #post-text.ytd-post-renderer { margin-right: 16px; } ytd-post-renderer[uses-compact-lockup][attachment="image-only"] #content-attachment.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="uploaded-videos"]:not([has-text]) #content-attachment.ytd-post-renderer { background-color: var(--yt-spec-general-background-a); } ytd-post-renderer[uses-compact-lockup][attachment="image-only"] #content-attachment.ytd-post-renderer ytd-backstage-image-renderer.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="uploaded-videos"]:not([has-text]) #content-attachment.ytd-post-renderer ytd-post-uploaded-videos-renderer.ytd-post-renderer { width: 116px; height: 116px; margin-left: auto; margin-right: auto; overflow: hidden; } ytd-post-renderer[uses-compact-lockup][attachment="video"] #post-text.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="playlist"] #post-text.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="poll"] #post-text.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="quiz"] #post-text.ytd-post-renderer { min-height: 40px; } ytd-post-renderer[uses-compact-lockup][attachment="poll"] #attachments.ytd-post-renderer ytd-backstage-poll-renderer.ytd-post-renderer { display: none; } ytd-post-renderer[uses-compact-lockup][attachment="poll"] #vote-count-text.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="quiz"] #answer-count-text.ytd-post-renderer { display: block; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem; } ytd-post-renderer[uses-compact-lockup][attachment="poll"] #vote-button.ytd-post-renderer, ytd-post-renderer[uses-compact-lockup][attachment="quiz"] #vote-button.ytd-post-renderer { margin: 16px 0px 0px; } ytd-post-renderer[uses-compact-lockup][is-rich-grid] { max-width: 100%; width: 100%; overflow: hidden; } ytd-post-renderer[uses-compact-lockup][is-rich-grid-repost] { max-width: calc(100% - 50px); width: calc(100% - 50px); overflow: hidden; } ytd-post-renderer[uses-compact-lockup][show-without-toolbar] #edit-dialog.ytd-post-renderer { flex: 0 0 auto; } ytd-post-renderer[rounded-container] { border-radius: 12px; } ytd-author-comment-badge-renderer { --ytd-author-comment-badge-name-color: var(--yt-spec-text-primary); height: 20px; background-color: var(--ytd-author-comment-badge-background-color); border-radius: 12px; margin-bottom: 2px; max-width: 100%; box-sizing: border-box; flex-direction: row; align-items: center; display: inline-flex; } ytd-author-comment-badge-renderer[verified] { height: unset; background-color: transparent; } ytd-author-comment-badge-renderer[creator] { padding-right: 6px; padding-left: 6px; } ytd-author-comment-badge-renderer[creator] #icon.ytd-author-comment-badge-renderer { height: 12px; width: 12px; margin-left: 4px; } ytd-author-comment-badge-renderer[verified][creator] { --ytd-channel-name-verified-background: var(--yt-spec-brand-icon-inactive); padding: 0px; } ytd-author-comment-badge-renderer:not([creator]) #icon.ytd-author-comment-badge-renderer { height: 13px; width: 13px; margin-left: 4px; margin-bottom: 1px; color: var(--yt-spec-icon-active-other); } ytd-author-comment-badge-renderer[standardize-icon-size]:not([creator]) #icon.ytd-author-comment-badge-renderer { height: 12px; width: 12px; } #icon.ytd-author-comment-badge-renderer { color: var(--ytd-author-comment-badge-icon-color); background-color: var(--ytd-author-comment-badge-icon-background-color); flex: 0 0 auto; } #name.ytd-author-comment-badge-renderer { --ytd-channel-name-text-display: block; color: var(--ytd-author-comment-badge-name-color); overflow: hidden; -webkit-line-clamp: 1; max-height: 1.8rem; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } ytd-author-comment-badge-renderer[verified] #name.ytd-author-comment-badge-renderer { color: var(--yt-spec-text-primary); } #channel-name.ytd-author-comment-badge-renderer { --ytd-channel-name-text-container-display: flex; } ytd-author-comment-badge-renderer[enable-modern-comment-badges] #icon.ytd-author-comment-badge-renderer { color: var(--yt-spec-text-primary); } ytd-author-comment-badge-renderer[enable-modern-comment-badges][creator] { --ytd-author-comment-badge-name-color: var(--yt-spec-text-primary-inverse); --ytd-author-comment-badge-background-color: var(--yt-spec-text-primary); border-radius: 4px; padding: 1px 6px; } ytd-author-comment-badge-renderer[enable-modern-comment-badges][creator] #icon.ytd-author-comment-badge-renderer { color: var(--yt-spec-text-primary-inverse); } ytd-channel-name { z-index: 300; display: flex; align-self: flex-start; } ytd-badge-supported-renderer.ytd-channel-name { display: var(--ytd-channel-name-badges-display,flex); margin-right: var(--ytd-channel-name-badges-margin-right); vertical-align: var(--ytd-channel-name-badges-vertical-align); } #container.ytd-channel-name { display: var(--ytd-channel-name-container-display,inline-block); overflow: hidden; max-width: 100%; } ytd-channel-name[verified] #container.ytd-channel-name { display: inline-block; } #text-container.ytd-channel-name { display: var(--ytd-channel-name-text-container-display,block); } ytd-channel-name[verified] #text-container.ytd-channel-name { z-index: 1; box-sizing: border-box; margin-right: 11px; padding: 0px 1px 0px 4px; display: block; position: relative; } ytd-channel-name[verified] #text-container.ytd-channel-name::after { content: ""; background-color: var(--ytd-channel-name-verified-background,var(--yt-spec-verified-badge-background)); transform: skewX(-30deg); transform-origin: center bottom; z-index: -1; position: absolute; inset: 0px 0px 0px -60px; } [dir="rtl"] ytd-channel-name #text-container.ytd-channel-name::after, ytd-channel-name[dir="rtl"] #text-container.ytd-channel-name::after { transform: skewX(30deg); } #text.ytd-channel-name { display: var(--ytd-channel-name-text-display); -webkit-box-orient: vertical; -webkit-line-clamp: var(--ytd-channel-name-text-line-clamp,inherit); word-break: break-word; font-size: var(--ytd-channel-name-text-font-size); font-weight: var(--ytd-channel-name-text-font-weight); line-height: var(--ytd-channel-name-text-line-height); } ytd-channel-name[compact-style] #text.ytd-channel-name { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #text.complex-string.ytd-channel-name { display: var(--ytd-channel-name-text-complex-display); } ytd-channel-name[verified] #text.ytd-channel-name { display: block; } ytd-channel-name[verified][wrap-text] #text.ytd-channel-name { display: -webkit-box; } ytd-channel-name[verified]:not([wrap-text]) #text.ytd-channel-name { overflow: hidden; } tp-yt-paper-tooltip.ytd-channel-name { display: var(--yt-paper-tooltip-display); } ytd-backstage-image-renderer { --yt-img-max-height: 420px; display: block; } ytd-backstage-image-renderer[surface="BACKSTAGE_SURFACE_TYPE_STREAM"] { --yt-img-max-height: none; } yt-img-shadow.ytd-backstage-image-renderer { --yt-img-border-radius: 2px; vertical-align: middle; border-radius: 12px; overflow: hidden; } #image-container.ytd-backstage-image-renderer { position: relative; } ytd-backstage-image-renderer[search-sxs-ux] #image-container.ytd-backstage-image-renderer { width: 200px; height: 200px; } .image-icon-container.ytd-backstage-image-renderer { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; position: absolute; bottom: 8px; right: 8px; background: var(--yt-spec-static-overlay-background-heavy); border-radius: 4px; } .generated-image-identifier.ytd-backstage-image-renderer { align-items: center; background: var(--yt-spec-static-overlay-background-heavy); border-radius: 16px; bottom: 8px; display: flex; height: 24px; justify-content: center; left: 8px; padding: 4px 8px; position: absolute; } .generated-image-label.ytd-backstage-image-renderer { color: var(--yt-spec-static-overlay-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .generated-image-icon.ytd-backstage-image-renderer { padding-right: 4px; height: 16px; width: 16px; } yt-icon.ytd-backstage-image-renderer { color: var(--yt-spec-static-overlay-icon-active-other); } ytd-backstage-poll-renderer { --ytd-backstage-poll-choice-height: 36px; --ytd-backstage-image-poll-choice-image-size: 125px; --ytd-backstage-image-poll-choice-height: 125px; display: block; } tp-yt-paper-button.ytd-backstage-poll-renderer { display: inline-block; text-align: center; font-family: inherit; } #vote-info.ytd-backstage-poll-renderer { display: block; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #poll-votes.ytd-backstage-poll-renderer { --paper-listbox-background-color: transparent; --paper-listbox-disabled-color: currentColor; --disabled-text-color: currentColor; padding: 12px 0px 0px; } .vote-choice.ytd-backstage-poll-renderer { --paper-item-focused-background-color: transparent; --paper-item-focused-before-background: transparent; min-height: var(--ytd-backstage-poll-choice-height); padding: 0px; width: 100%; } ytd-backstage-poll-renderer[is-image-poll] .vote-choice.ytd-backstage-poll-renderer { border: 2px solid var(--yt-spec-10-percent-layer); border-radius: 4px; height: var(--ytd-backstage-image-poll-choice-height); min-height: var(--ytd-backstage-image-poll-choice-height); min-width: 150px; width: 100%; } ytd-backstage-poll-renderer[is-image-poll] tp-yt-paper-item.ytd-backstage-poll-renderer[selected].vote-choice { border: 2px solid var(--yt-spec-call-to-action); } #sign-in.yt-simple-endpoint.ytd-backstage-poll-renderer { outline: none; width: auto; min-height: var(--ytd-backstage-poll-choice-height); padding-bottom: 12px; display: flex; flex-direction: row; } #sign-in.yt-simple-endpoint.disable-cursor.ytd-backstage-poll-renderer { cursor: auto; } ytd-backstage-poll-renderer[is-image-poll] #sign-in.yt-simple-endpoint.ytd-backstage-poll-renderer { height: var(--ytd-backstage-image-poll-choice-height); } .check-icons.ytd-backstage-poll-renderer { min-width: 36px; padding: 0px; margin: 0px 0px 0px -10px; border-radius: 18px; } yt-icon.ytd-backstage-poll-renderer { --iron-icon-width: 16px; --iron-icon-height: 16px; padding: 10px; color: var(--yt-spec-icon-inactive); } yt-icon.checked.ytd-backstage-poll-renderer { color: var(--yt-spec-call-to-action); } .choice-info.ytd-backstage-poll-renderer { display: flex; position: relative; width: 100%; align-items: center; min-height: var(--ytd-backstage-poll-choice-height); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-backstage-poll-renderer:not([is-image-poll]) .choice-info.ytd-backstage-poll-renderer { border-radius: 4px; border: 1px solid var(--yt-spec-icon-inactive); } ytd-backstage-poll-renderer:not([is-image-poll]) tp-yt-paper-item.ytd-backstage-poll-renderer[show-percentage] .choice-info.ytd-backstage-poll-renderer { border: 1px solid var(--yt-spec-10-percent-layer); } ytd-backstage-poll-renderer:not([is-image-poll]) tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .choice-info.ytd-backstage-poll-renderer { border: 1px solid var(--yt-spec-themed-blue); color: var(--yt-spec-themed-blue); } ytd-backstage-poll-renderer[is-image-poll] .choice-info.ytd-backstage-poll-renderer { height: var(--ytd-backstage-image-poll-choice-height); } .progress-bar.ytd-backstage-poll-renderer { border-radius: 3px; min-height: var(--ytd-backstage-poll-choice-height); background-color: var(--yt-spec-10-percent-layer); display: inline-block; position: absolute; height: 100%; } tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .progress-bar.ytd-backstage-poll-renderer { background-color: var(--yt-spec-suggested-action); } ytd-backstage-poll-renderer[is-image-poll] .progress-bar.ytd-backstage-poll-renderer { height: var(--ytd-backstage-image-poll-choice-height); } ytd-backstage-poll-renderer[is-image-poll] tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .progress-bar.ytd-backstage-poll-renderer { height: var(--ytd-backstage-image-poll-choice-height); } .vote-percentage-area.ytd-backstage-poll-renderer { color: var(--yt-spec-text-primary); margin: 8px 0px; position: absolute; z-index: 1; display: inline-flex; justify-content: space-between; } ytd-backstage-poll-renderer[is-image-poll] .vote-percentage-area.ytd-backstage-poll-renderer { align-items: center; height: var(--ytd-backstage-image-poll-choice-height); margin: 0px; width: 100%; } .vote-percentage.ytd-backstage-poll-renderer, .choice-text.ytd-backstage-poll-renderer { z-index: 1; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .vote-percentage.ytd-backstage-poll-renderer { margin-right: 8px; } ytd-backstage-poll-renderer[is-image-poll] .vote-percentage.ytd-backstage-poll-renderer { color: var(--yt-spec-text-primary); margin: 10px; padding: 10px; right: 0px; width: 5%; } ytd-backstage-poll-renderer[is-image-poll] tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .vote-percentage.ytd-backstage-poll-renderer { color: var(--yt-spec-call-to-action); } .choice-text.ytd-backstage-poll-renderer { margin: 0px 8px; overflow-wrap: anywhere; white-space: normal; } ytd-backstage-poll-renderer[is-image-poll] .choice-text.ytd-backstage-poll-renderer { color: var(--yt-spec-text-primary); padding: 10px; width: 95%; } ytd-backstage-poll-renderer[is-image-poll] tp-yt-paper-item.ytd-backstage-poll-renderer[selected] .choice-text.ytd-backstage-poll-renderer { color: var(--yt-spec-call-to-action); } .choice-image.ytd-backstage-poll-renderer { height: var(--ytd-backstage-image-poll-choice-image-size); width: var(--ytd-backstage-image-poll-choice-image-size); } .text-area.ytd-backstage-poll-renderer { display: inline-flex; justify-content: space-between; align-items: center; margin: 8px 0px; width: 100%; z-index: 1; } ytd-backstage-quiz-renderer { --ytd-backstage-quiz-choice-height: 36px; --ytd-backstage-image-poll-choice-image-size: 125px; --ytd-backstage-image-poll-choice-height: 125px; display: block; } tp-yt-paper-button.ytd-backstage-quiz-renderer { display: inline-block; text-align: center; font-family: inherit; } #vote-info.ytd-backstage-quiz-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; display: block; color: var(--yt-spec-text-secondary); } #quiz-votes.ytd-backstage-quiz-renderer { --paper-listbox-background-color: transparent; --paper-listbox-disabled-color: currentColor; --disabled-text-color: currentColor; padding: 12px 0px 0px; } #expander.ytd-backstage-quiz-renderer { --ytd-expander-button-margin: 4px 0 0 0; } .exp-button.ytd-backstage-quiz-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: var(--yt-spec-text-secondary); text-transform: none; } .exp-button.ytd-backstage-quiz-renderer:hover, .exp-button.ytd-backstage-quiz-renderer:focus { text-decoration: underline; } .vote-choice.ytd-backstage-quiz-renderer { --paper-item-focused-background-color: transparent; --paper-item-focused-before-background: transparent; min-height: var(--ytd-backstage-quiz-choice-height); padding: 0px; width: 100%; } #sign-in.yt-simple-endpoint.ytd-backstage-quiz-renderer { display: flex; flex-direction: row; outline: none; width: auto; min-height: var(--ytd-backstage-quiz-choice-height); padding-bottom: 12px; } #sign-in.yt-simple-endpoint.disable-cursor.ytd-backstage-quiz-renderer { cursor: auto; } .choice-info.ytd-backstage-quiz-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; border-radius: 4px; border: 1px solid var(--yt-spec-icon-disabled); display: inline-flex; align-items: center; min-height: var(--ytd-backstage-quiz-choice-height); position: relative; width: 100%; } tp-yt-paper-item.ytd-backstage-quiz-renderer[selected]:not([correct]) .choice-info.ytd-backstage-quiz-renderer { border: 1px solid var(--yt-spec-error-indicator); } tp-yt-paper-item.ytd-backstage-quiz-renderer[selected][correct] .choice-info.ytd-backstage-quiz-renderer, tp-yt-paper-item.ytd-backstage-quiz-renderer[is-channel-owner][correct] .choice-info.ytd-backstage-quiz-renderer { border: 1px solid var(--yt-spec-themed-green); } ytd-backstage-quiz-renderer[is-image-quiz] .choice-info.ytd-backstage-quiz-renderer { overflow: hidden; } .animation-container.ytd-backstage-quiz-renderer { position: relative; margin-top: 8px; height: 22px; width: 22px; } [dir="rtl"] tp-yt-paper-item.ytd-backstage-quiz-renderer:not([correct]) .animation-container.ytd-backstage-quiz-renderer, tp-yt-paper-item.ytd-backstage-quiz-renderer[dir="rtl"]:not([correct]) .animation-container.ytd-backstage-quiz-renderer { transform: scaleX(-1); margin-left: 10px; margin-right: -12px; } tp-yt-paper-item.ytd-backstage-quiz-renderer[correct] .animation-container.ytd-backstage-quiz-renderer { position: relative; right: 0px; margin-top: -3px; margin-right: 10px; } tp-yt-paper-item.ytd-backstage-quiz-renderer[correct][selected] .voted-box.ytd-backstage-quiz-renderer { height: auto; } tp-yt-paper-item.ytd-backstage-quiz-renderer[correct][show-correct-answer]:not([attempted]) .animation-container.ytd-backstage-quiz-renderer { margin-top: 2px; } .fade-container.fade-in.ytd-backstage-quiz-renderer { animation: 0.9s linear 0s 1 normal none running ytd-backstage-quiz-renderer-fade; } @keyframes ytd-backstage-quiz-renderer-fade { 0% { opacity: 0; } 44% { opacity: 0; } 100% { opacity: 1; } } .correctness-lottie.ytd-backstage-quiz-renderer { height: 36px; width: 36px; } .text-area.ytd-backstage-quiz-renderer { display: inline-flex; justify-content: space-between; align-items: center; color: var(--yt-spec-text-primary); margin-bottom: 8px; width: 100%; z-index: 1; } .voted-box.ytd-backstage-quiz-renderer { display: inline-flex; justify-content: space-between; margin: 0px 8px; position: absolute; } tp-yt-paper-item.ytd-backstage-quiz-renderer[selected] .voted-box.ytd-backstage-quiz-renderer, tp-yt-paper-item.ytd-backstage-quiz-renderer[attempted][correct] .voted-box.ytd-backstage-quiz-renderer, ytd-backstage-quiz-renderer[is-channel-owner] .voted-box.ytd-backstage-quiz-renderer { position: relative; } yt-icon.ytd-backstage-quiz-renderer { --iron-icon-width: 20px; --iron-icon-height: 20px; padding: 0px; color: var(--yt-spec-error-indicator); margin-top: 8px; } yt-icon.checked.ytd-backstage-quiz-renderer { color: var(--yt-spec-themed-green); } .vote-percentage.ytd-backstage-quiz-renderer, .choice-text.ytd-backstage-quiz-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; margin: 8px 8px 0px; z-index: 1; } ytd-backstage-quiz-renderer[uses-panel-lockup] .vote-percentage.ytd-backstage-quiz-renderer, ytd-backstage-quiz-renderer[uses-panel-lockup] .choice-text.ytd-backstage-quiz-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .explanation-box.ytd-backstage-quiz-renderer { background: var(--yt-spec-additive-background); display: flex; flex-direction: column; gap: 10px; padding: 12px 8px; margin-bottom: 12px; } .choice-explanation.ytd-backstage-quiz-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); } .explanation-header.ytd-backstage-quiz-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: var(--yt-spec-text-primary); } .choice-text.ytd-backstage-quiz-renderer { display: flex; overflow-wrap: anywhere; white-space: normal; } .choice-image.ytd-backstage-quiz-renderer { height: var(--ytd-backstage-image-poll-choice-image-size); width: var(--ytd-backstage-image-poll-choice-image-size); } ytd-backstage-quiz-renderer[is-image-quiz] .vote-choice.ytd-backstage-quiz-renderer { min-height: var(--ytd-backstage-image-poll-choice-height); } ytd-backstage-quiz-renderer[should-use-modern-ui] { --ytd-backstage-quiz-choice-height: 34px; } ytd-backstage-quiz-renderer[should-use-modern-ui] .vote-choice.ytd-backstage-quiz-renderer { background: var(--yt-spec-additive-background); border-radius: 18px; } ytd-backstage-quiz-renderer[should-use-modern-ui] .choice-info.ytd-backstage-quiz-renderer { border: 1px solid transparent; border-radius: 18px; } ytd-backstage-quiz-renderer[should-use-modern-ui] tp-yt-paper-item.ytd-backstage-quiz-renderer[selected]:not([correct]) .choice-info.ytd-backstage-quiz-renderer { border: 1px solid var(--yt-spec-error-indicator); } ytd-backstage-quiz-renderer[should-use-modern-ui] .choice-text.ytd-backstage-quiz-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; padding-left: 4px; } ytd-backstage-quiz-renderer[should-use-modern-ui] .explanation-box.ytd-backstage-quiz-renderer { border-radius: 18px; padding: 12px; } ytd-backstage-quiz-renderer[should-use-modern-ui] .text-area.ytd-backstage-quiz-renderer { margin-bottom: 0px; } ytd-backstage-quiz-renderer[should-use-modern-ui] .vote-percentage.ytd-backstage-quiz-renderer, ytd-backstage-quiz-renderer[should-use-modern-ui] .choice-text.ytd-backstage-quiz-renderer { margin: 6px 8px; } ytd-backstage-quiz-renderer[should-use-modern-ui] .animation-container.ytd-backstage-quiz-renderer { margin-top: 2px; } ytd-backstage-quiz-renderer[should-use-modern-ui] tp-yt-paper-item.ytd-backstage-quiz-renderer[correct] .animation-container.ytd-backstage-quiz-renderer { margin-top: -10px; } ytd-backstage-quiz-renderer[should-use-modern-ui] tp-yt-paper-item.ytd-backstage-quiz-renderer[correct][show-correct-answer]:not([attempted]) .animation-container.ytd-backstage-quiz-renderer { margin-top: 0px; } ytd-post-uploaded-video-renderer { --yt-img-max-height: 420px; display: block; } yt-img-shadow.ytd-post-uploaded-video-renderer { --yt-img-border-radius: 2px; } #thumbnail-container.ytd-post-uploaded-video-renderer { border-radius: 12px; position: relative; } ytd-sponsors-only-badge-renderer { background-color: var(--yt-spec-badge-chip-background); border-radius: 2px; height: 18px; margin-top: 1px; margin-left: 4px; padding-right: 4px; flex-direction: row; align-items: center; display: inline-flex; } #icon.ytd-sponsors-only-badge-renderer { color: var(--yt-spec-themed-green); width: 16px; height: 16px; padding-right: 2px; padding-left: 4px; } #label.ytd-sponsors-only-badge-renderer { color: var(--yt-spec-text-secondary); white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-child-video-renderer { display: flex; flex-direction: row; } #title.ytd-child-video-renderer { overflow: hidden; display: flex; } #video-title.ytd-child-video-renderer, #length.ytd-child-video-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #video-title.ytd-child-video-renderer { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #length.ytd-child-video-renderer::before { content: "•"; margin: 4px 4px 0px; } ytd-playlist-renderer { position: relative; display: flex; flex-direction: row; } ytd-playlist-renderer:not([is-search]) ytd-playlist-thumbnail.ytd-playlist-renderer { width: 246px; height: 138px; margin-right: 16px; } ytd-playlist-renderer[is-search][use-modern-collections-v2] ytd-playlist-thumbnail.ytd-playlist-renderer { position: relative; margin-top: 10px; } ytd-playlist-renderer[is-backstage-playlist] ytd-playlist-thumbnail.ytd-playlist-renderer { width: 210px; height: 118px; margin-right: 8px; --yt-shorts-compact-label-text-hidden: none; } ytd-playlist-renderer[is-post-compact-playlist] ytd-playlist-thumbnail.ytd-playlist-renderer { width: 128px; height: 72px; margin-right: 8px; --yt-shorts-compact-label-text-hidden: none; } #content.ytd-playlist-renderer { overflow: hidden; max-width: 600px; flex: 1 1 1e-09px; } ytd-playlist-renderer[is-post-compact-playlist] #content.ytd-playlist-renderer { margin: 8px 8px 0px 0px; } #list.ytd-playlist-renderer { list-style-type: none; padding: 0px; margin: 12px 0px 8px; } #list.ytd-playlist-renderer li.ytd-playlist-renderer { padding-bottom: 4px; } @media (max-width: 656px) { #list.ytd-playlist-renderer li.ytd-playlist-renderer:not(:first-child) { display: none; } } #view-more.ytd-playlist-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-playlist-renderer[is-post-compact-playlist] #view-more.ytd-playlist-renderer { display: none; } #video-title.ytd-playlist-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-playlist-renderer[is-search][use-modern-collections-v2] #video-title.ytd-playlist-renderer { margin-top: 8px; } ytd-playlist-renderer[is-post-compact-playlist] #video-title.ytd-playlist-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } h3.ytd-playlist-renderer { color: var(--yt-spec-text-primary); } #description-text.ytd-playlist-renderer { color: var(--yt-spec-text-secondary); padding-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } ytd-playlist-renderer[is-downloads] #description-text.ytd-playlist-renderer { color: var(--yt-spec-call-to-action); } .allowlisted-metadata-badges.ytd-playlist-renderer { padding-top: 8px; } ytd-playlist-renderer[is-search] ytd-playlist-thumbnail.ytd-playlist-renderer::before { display: block; content: ""; padding-top: 56.11%; } ytd-playlist-renderer[is-search] ytd-playlist-thumbnail.ytd-playlist-renderer { margin-right: 16px; max-width: 360px; min-width: 240px; flex: 1 1 1e-09px; } ytd-playlist-renderer[use-bigger-thumbs] ytd-playlist-thumbnail.ytd-playlist-renderer { max-width: 420px; min-width: 240px; } ytd-playlist-renderer[use-bigger-thumbs][bigger-thumbs-style="MEDIUM"] ytd-playlist-thumbnail.ytd-playlist-renderer { max-width: 450px; min-width: 240px; } ytd-playlist-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] ytd-playlist-thumbnail.ytd-playlist-renderer { max-width: 500px; min-width: 240px; } ytd-playlist-renderer[use-bigger-thumbs][bigger-thumbs-style="MASSIVE"] ytd-playlist-thumbnail.ytd-playlist-renderer { max-width: 600px; min-width: 240px; } #channel-info.ytd-playlist-renderer { margin: 12px 0px 0px; display: flex; flex-direction: row; align-items: center; } #channel-name.ytd-playlist-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); align-self: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: flex; flex-direction: row; } #channel-thumbnail.ytd-playlist-renderer { padding-right: 8px; } ytd-playlist-custom-thumbnail-renderer { display: block; } ytd-playlist-custom-thumbnail-renderer[web-modern-collections] { background-color: var(--yt-spec-additive-background); position: relative; height: 100%; display: flex; justify-content: center; } ytd-playlist-custom-thumbnail-renderer[web-modern-collections] .custom-thumbnail.ytd-playlist-custom-thumbnail-renderer { position: relative; } ytd-playlist-custom-thumbnail-renderer[web-modern-collections] .blurred-image-wrapper.ytd-playlist-custom-thumbnail-renderer { position: absolute; inset: 0px; height: 200%; transform: translateY(-25%); overflow: hidden; display: flex; place-content: center; } ytd-playlist-custom-thumbnail-renderer[web-modern-collections] .blurred-image.ytd-playlist-custom-thumbnail-renderer { opacity: 0.7; filter: blur(30px); display: flex; place-content: center; flex-wrap: wrap; } ytd-playlist-custom-thumbnail-renderer[web-modern-collections][enable-web-modern-collections-v2] { background-color: var(--yt-spec-static-grey); } ytd-playlist-custom-thumbnail-renderer[watch-feed-thumbnail] { height: 100%; width: 67%; background-color: rgb(0, 0, 0); display: flex; justify-content: center; } ytd-playlist-custom-thumbnail-renderer[watch-feed-thumbnail] yt-img-shadow.ytd-playlist-custom-thumbnail-renderer { height: 100%; width: 83.51%; } ytd-playlist-custom-thumbnail-renderer[watch-feed-thumbnail] yt-image.ytd-playlist-custom-thumbnail-renderer { height: 100%; width: 83.51%; } ytd-playlist-video-thumbnail-renderer { position: absolute; inset: 0px; } yt-img-shadow.ytd-playlist-video-thumbnail-renderer { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } ytd-show-custom-thumbnail-renderer { position: absolute; inset: 0px; } yt-img-shadow.ytd-show-custom-thumbnail-renderer { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } ytd-thumbnail-overlay-bottom-panel-renderer { position: absolute; right: 0px; bottom: 0px; height: 24px; background-color: var(--yt-spec-static-overlay-background-heavy); color: var(--yt-spec-static-overlay-text-primary); margin-right: 8px; margin-bottom: 8px; border-radius: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; display: flex; flex-direction: row; justify-content: center; align-items: center; } ytd-thumbnail-overlay-bottom-panel-renderer yt-icon.ytd-thumbnail-overlay-bottom-panel-renderer { margin: 0px 4px; } ytd-thumbnail-overlay-bottom-panel-renderer yt-formatted-string.ytd-thumbnail-overlay-bottom-panel-renderer { margin-right: 4px; } ytd-thumbnail-overlay-bottom-panel-renderer[overlay-style] yt-icon.ytd-thumbnail-overlay-bottom-panel-renderer { height: 20px; width: 20px; } ytd-thumbnail-overlay-bottom-panel-renderer[overlay-text-style] yt-formatted-string.ytd-thumbnail-overlay-bottom-panel-renderer { margin-left: 4px; } ytd-thumbnail-overlay-downloading-renderer { background-color: var(--yt-spec-themed-overlay-background); display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; inset: 0px; } tp-yt-paper-spinner-lite.ytd-thumbnail-overlay-downloading-renderer { --paper-spinner-color: var(--yt-spec-static-black); opacity: 0.8; } yt-icon.ytd-thumbnail-overlay-downloading-renderer { position: absolute; transform: scale(2); } ytd-thumbnail-overlay-hover-text-renderer { opacity: 0; color: var(--yt-spec-static-overlay-text-primary); background-color: var(--yt-spec-static-overlay-background-heavy); text-align: center; transition: opacity 0.3s; z-index: 1; position: absolute; inset: 0px; display: flex; flex-direction: row; align-items: center; justify-content: center; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-thumbnail-overlay-equalizer { display: inline-flex; } #equalizer.ytd-thumbnail-overlay-equalizer { width: 100%; height: 100%; transform: rotate(180deg); } .bar.ytd-thumbnail-overlay-equalizer { fill: rgb(255, 255, 255); height: 70px; width: 15px; } ytd-thumbnail-overlay-equalizer:not([animate-equalizer]) .bar.ytd-thumbnail-overlay-equalizer { transform: scaleY(0.08); } ytd-thumbnail-overlay-equalizer[animate-equalizer] .bar.ytd-thumbnail-overlay-equalizer:nth-child(1) { animation: 2s ease-in-out 0s infinite alternate none running equalize-bar1; transform: scaleY(0.2); } ytd-thumbnail-overlay-equalizer[animate-equalizer] .bar.ytd-thumbnail-overlay-equalizer:nth-child(2) { animation: 2s ease-in-out 0s infinite alternate none running equalize-bar2; transform: scaleY(0.43); } ytd-thumbnail-overlay-equalizer[animate-equalizer] .bar.ytd-thumbnail-overlay-equalizer:nth-child(3) { animation: 2s ease-in-out 0s infinite alternate none running equalize-bar3; transform: scaleY(0.25); } @keyframes equalize-bar1 { 0% { transform: scaleY(0.2); } 17% { transform: scaleY(0.31); } 25% { transform: scaleY(0.3); } 34% { transform: scaleY(0.24); } 50% { transform: scaleY(0.12); } 58% { transform: scaleY(0.52); } 67% { transform: scaleY(0.48); } 83% { transform: scaleY(0.31); } 100% { transform: scaleY(0.2); } } @keyframes equalize-bar2 { 0% { transform: scaleY(0.43); } 17% { transform: scaleY(0.62); } 34% { transform: scaleY(0.24); } 50% { transform: scaleY(0.2); } 58% { transform: scaleY(0.26); } 67% { transform: scaleY(0.53); } 75% { transform: scaleY(0.24); } 83% { transform: scaleY(0.63); } 100% { transform: scaleY(0.43); } } @keyframes equalize-bar3 { 0% { transform: scaleY(0.25); } 17% { transform: scaleY(0.43); } 25% { transform: scaleY(0.46); } 34% { transform: scaleY(0.43); } 50% { transform: scaleY(0.33); } 58% { transform: scaleY(0.57); } 67% { transform: scaleY(0.24); } 83% { transform: scaleY(0); } 100% { transform: scaleY(0.25); } } ytd-thumbnail-overlay-now-playing-renderer { opacity: 0; color: rgb(255, 255, 255); background-color: var(--yt-spec-static-overlay-background-heavy); text-align: center; transition: opacity 0.3s; z-index: 1; pointer-events: none; position: absolute; inset: 0px; display: flex; flex-direction: row; align-items: center; justify-content: center; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-thumbnail-overlay-now-playing-renderer[equalizer-only] { background-color: unset; } ytd-thumbnail-overlay-equalizer.ytd-thumbnail-overlay-now-playing-renderer { position: absolute; bottom: 0px; right: 0px; margin: 6px; height: 28px; width: 16px; } ytd-thumbnail-overlay-now-playing-renderer[now-playing-badge] { position: absolute; margin: 4px; right: 0px; bottom: 0px; top: unset; left: unset; align-items: center; height: 20px; border-radius: 4px; padding: 1px 4px; transition: opacity 0.3s; color: var(--yt-spec-static-overlay-text-primary); text-transform: none; background-color: var(--yt-spec-static-overlay-background-medium); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; display: flex; flex-direction: row-reverse; } ytd-thumbnail-overlay-now-playing-renderer[now-playing-badge] ytd-thumbnail-overlay-equalizer.ytd-thumbnail-overlay-now-playing-renderer { height: 16px; margin: -8px 2px 0px 0px; width: 16px; position: unset; } ytd-thumbnail-overlay-now-playing-renderer[now-playing-badge][equalizer-only] ytd-thumbnail-overlay-equalizer.ytd-thumbnail-overlay-now-playing-renderer { margin: -8px 0px 0px; } ytd-thumbnail-overlay-playback-status-renderer { position: absolute; bottom: 0px; left: 0px; display: flex; flex-direction: row; } yt-formatted-string.ytd-thumbnail-overlay-playback-status-renderer { margin: 4px 0px 4px 4px; color: var(--yt-spec-static-overlay-text-primary); background-color: var(--yt-spec-static-overlay-background-heavy); padding: 3px 4px; height: 12px; border-radius: 4px; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,.5px); flex-direction: row; align-items: center; display: inline-flex; flex: 0 0 auto; } ytd-thumbnail-overlay-resume-playback-renderer { display: block; position: absolute; bottom: 0px; right: 0px; left: 0px; height: 4px; background-color: var(--yt-spec-text-disabled); z-index: 1; } ytd-thumbnail-overlay-resume-playback-renderer[is-live] { display: none; } #progress.ytd-thumbnail-overlay-resume-playback-renderer { height: 100%; background: linear-gradient(to right, rgb(255, 0, 51) 80%, rgb(255, 39, 145) 100%); } ytd-thumbnail-overlay-side-panel-renderer { position: absolute; right: 0px; top: 0px; bottom: 0px; background-color: var(--yt-spec-static-overlay-background-heavy); color: var(--yt-spec-static-overlay-text-primary); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; flex-direction: column; align-items: center; justify-content: center; } ytd-thumbnail-overlay-side-panel-renderer[is-compact] { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] { bottom: 0px; height: 40px; top: auto; width: 100%; display: flex; flex-direction: row-reverse; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-thumbnail-overlay-side-panel-renderer[watch-feed-overlay], ytd-thumbnail-overlay-side-panel-renderer[rich-grid-overlay] { width: 33%; } yt-icon.ytd-thumbnail-overlay-side-panel-renderer { margin: 4px 0px 0px; } ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] yt-icon.ytd-thumbnail-overlay-side-panel-renderer { margin: 0px 8px 0px 0px; } ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] yt-formatted-string.ytd-thumbnail-overlay-side-panel-renderer { margin-right: 8px; } yt-formatted-string.ytd-thumbnail-overlay-side-panel-renderer { color: var(--yt-spec-static-overlay-text-primary); } ytd-thumbnail-overlay-time-status-renderer { position: absolute; bottom: 0px; right: 0px; margin: 4px; display: flex; flex-direction: row; } .thumbnail-overlay-badge-shape.ytd-thumbnail-overlay-time-status-renderer { margin-left: 4px; } #time-status.ytd-thumbnail-overlay-time-status-renderer { flex-direction: row; align-items: center; display: inline-flex; color: var(--yt-spec-static-overlay-text-primary); background-color: var(--yt-spec-static-overlay-background-heavy); padding: 3px 4px; height: 12px; border-radius: 4px; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,.5px); margin-left: 4px; } #time-status.ytd-thumbnail-overlay-time-status-renderer #text.ytd-thumbnail-overlay-time-status-renderer { max-height: 1.2rem; overflow: hidden; } #time-status.ytd-thumbnail-overlay-time-status-renderer yt-icon.ytd-thumbnail-overlay-time-status-renderer { --iron-icon-height: 16px; --iron-icon-width: 16px; margin-right: 4px; } ytd-thumbnail-overlay-time-status-renderer[overlay-style="LIVE"] #time-status.ytd-thumbnail-overlay-time-status-renderer { background-color: var(--yt-spec-static-overlay-background-brand); } ytd-thumbnail-overlay-time-status-renderer[overlay-style="SHORTS"] #time-status.ytd-thumbnail-overlay-time-status-renderer { background-color: var(--yt-spec-static-overlay-background-medium); color: var(--yt-spec-static-overlay-text-primary); z-index: 1; } ytd-thumbnail-overlay-time-status-renderer[overlay-type="WATCH_CARD_HERO"] #time-status.ytd-thumbnail-overlay-time-status-renderer { padding: 6px; z-index: 1; } ytd-thumbnail-overlay-time-status-renderer[overlay-type="WATCH_CARD_HERO"] { margin: 16px; } ytd-thumbnail-overlay-time-status-renderer[overlay-type="CLIP"] { margin-right: 8px; } ytd-thumbnail-overlay-time-status-renderer[overlay-type="CLIP"] #time-status.ytd-thumbnail-overlay-time-status-renderer yt-icon.ytd-thumbnail-overlay-time-status-renderer { height: 12px; width: 12px; } ytd-thumbnail-overlay-time-status-renderer[overlay-type="OPEN_IN_NEW_TAB"] { bottom: 0px; right: 0px; } ytd-thumbnail-overlay-time-status-renderer[overlay-type="OPEN_IN_NEW_TAB"] #time-status.ytd-thumbnail-overlay-time-status-renderer { position: relative; height: 32px; width: 32px; border-radius: 50%; padding-bottom: 4px; padding-top: 4px; background: var(--yt-spec-static-overlay-background-medium); } ytd-thumbnail-overlay-time-status-renderer[overlay-type="OPEN_IN_NEW_TAB"] #time-status.ytd-thumbnail-overlay-time-status-renderer yt-icon.ytd-thumbnail-overlay-time-status-renderer { height: 24px; width: 24px; margin: auto; position: absolute; inset: 0px; } ytd-thumbnail-overlay-time-status-renderer[overlay-style="LIVE"][animated] #time-status.ytd-thumbnail-overlay-time-status-renderer yt-icon.ytd-thumbnail-overlay-time-status-renderer { animation: 1s ease 0s infinite normal none running icon-mask; } ytd-thumbnail-overlay-time-status-renderer[overlay-style="SHORTS"] #time-status.ytd-thumbnail-overlay-time-status-renderer yt-icon.ytd-thumbnail-overlay-time-status-renderer { color: var(--yt-spec-static-overlay-icon-active-other); margin-right: 0px; } ytd-thumbnail-overlay-time-status-renderer[overlay-style="SHORTS"] #time-status.ytd-thumbnail-overlay-time-status-renderer #text.ytd-thumbnail-overlay-time-status-renderer { display: var(--yt-shorts-compact-label-text-hidden); margin-left: 4px; } @keyframes icon-mask { 0% { clip-path: circle(2px); opacity: 0.5; } 100% { clip-path: circle(16px); opacity: 1; } } ytd-tvfilm-show-watch-forward-overlay-renderer { position: absolute; width: 100%; height: 100%; background-color: var(--yt-spec-static-overlay-background-medium); display: flex; flex-direction: column; justify-content: flex-end; } #content-container.ytd-tvfilm-show-watch-forward-overlay-renderer { margin-left: 24px; margin-bottom: 25px; display: flex; flex-direction: column; } #header.ytd-tvfilm-show-watch-forward-overlay-renderer { color: var(--yt-spec-static-overlay-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #title.ytd-tvfilm-show-watch-forward-overlay-renderer { color: var(--yt-spec-static-overlay-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #subtitle.ytd-tvfilm-show-watch-forward-overlay-renderer { color: var(--yt-spec-static-overlay-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #button-container.ytd-tvfilm-show-watch-forward-overlay-renderer { margin-top: 16px; display: flex; flex-direction: row; } #secondary-action-button.ytd-tvfilm-show-watch-forward-overlay-renderer { margin-left: 8px; color: var(--yt-spec-static-overlay-text-primary); } #secondary-action-button.ytd-tvfilm-show-watch-forward-overlay-renderer > ytd-button-renderer.ytd-tvfilm-show-watch-forward-overlay-renderer { color: var(--yt-spec-static-overlay-text-primary); } #primary-action-button-container.ytd-tvfilm-show-watch-forward-overlay-renderer { display: flex; flex-direction: column; } ytd-tvfilm-show-watch-forward-overlay-renderer[has-playback-progress-bar] #primary-action-button.ytd-tvfilm-show-watch-forward-overlay-renderer > ytd-button-renderer.ytd-tvfilm-show-watch-forward-overlay-renderer { border-radius: 2px 2px 0px 0px; border-width: 1px 1px 0px; } ytd-tvfilm-show-watch-forward-overlay-renderer:not([has-playback-progress-bar]) #primary-action-button.ytd-tvfilm-show-watch-forward-overlay-renderer > ytd-button-renderer.ytd-tvfilm-show-watch-forward-overlay-renderer { border-radius: 2px; } ytd-thumbnail-overlay-resume-playback-renderer.ytd-tvfilm-show-watch-forward-overlay-renderer { position: static; background-color: var(--yt-spec-static-white-background); border-radius: 0px 0px 2px 2px; } ytd-playlist-thumbnail { position: relative; flex: 0 0 auto; } ytd-thumbnail-overlay-hover-text-renderer.ytd-playlist-thumbnail { opacity: 1; } #length.ytd-playlist-thumbnail { position: absolute; bottom: 0px; right: 0px; margin: 4px; color: var(--yt-spec-static-overlay-text-primary); background-color: var(--yt-spec-static-overlay-background-heavy); padding: 3px 4px; height: 12px; border-radius: 4px; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,.5px); } ytd-playlist-thumbnail #thumbnail.ytd-playlist-thumbnail { height: 100%; margin-left: auto; margin-right: auto; overflow: hidden; display: block; position: absolute; inset: 0px; } ytd-playlist-thumbnail #thumbnail.ytd-playlist-thumbnail yt-img-shadow.ytd-playlist-thumbnail { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } ytd-playlist-thumbnail[size][circular] a.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size][circular]::before { border-radius: 50%; } ytd-playlist-thumbnail[size="small"] a.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="small"]::before { border-radius: 4px; } ytd-playlist-thumbnail[size="small"] ytd-thumbnail-overlay-time-status-renderer.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="small"] ytd-thumbnail-overlay-button-renderer.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="small"] ytd-thumbnail-overlay-toggle-button-renderer.ytd-playlist-thumbnail { margin: 2px; } ytd-playlist-thumbnail[size="medium"] a.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="medium"]::before { border-radius: 8px; } ytd-playlist-thumbnail[size="medium"] ytd-thumbnail-overlay-time-status-renderer.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="medium"] ytd-thumbnail-overlay-button-renderer.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="medium"] ytd-thumbnail-overlay-toggle-button-renderer.ytd-playlist-thumbnail { margin: 4px; } ytd-playlist-thumbnail[size="large"] a.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="large"]::before { border-radius: 12px; } ytd-playlist-thumbnail[size="large"] ytd-thumbnail-overlay-time-status-renderer.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="large"] ytd-thumbnail-overlay-button-renderer.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size="large"] ytd-thumbnail-overlay-toggle-button-renderer.ytd-playlist-thumbnail { margin: 8px; } ytd-playlist-thumbnail[size][has-clip] a.ytd-playlist-thumbnail, ytd-playlist-thumbnail[size][has-clip]::before { border-radius: 0px; } ytd-playlist-thumbnail { display: block; } ytd-playlist-thumbnail[now-playing] ytd-thumbnail-overlay-now-playing-renderer.ytd-playlist-thumbnail { opacity: 1; } #thumbnail.ytd-playlist-thumbnail, #playlist-thumbnails.ytd-playlist-thumbnail { position: absolute; inset: 0px; } ytd-playlist-thumbnail[enable-web-modern-collections-v2] .yt-simple-endpoint.ytd-playlist-thumbnail { border-top: 1px solid var(--yt-spec-base-background); } .collections-stack-wiz__collection-stack2 { background-color: rgb(96, 96, 96); opacity: 0.5; position: absolute; top: -8px; width: calc(100% - 24px); height: 100%; left: 12px; right: 12px; border-radius: 12px; } @media (min-aspect-ratio: 13 / 9) and (orientation: landscape), (min-width: 931px) and (orientation: landscape) { .collections-stack-wiz__collection-stack2--responsive-mode { display: none; } } .collections-stack-wiz__collection-stack1 { background-color: rgb(96, 96, 96); margin-top: -1px; border-top: 1px solid rgb(15, 15, 15); } .collections-stack-wiz__collection-stack1--small { position: absolute; top: -4px; width: calc(100% - 16px); height: 100%; left: 8px; right: 8px; border-radius: 4px; } .collections-stack-wiz__collection-stack1--medium { position: absolute; top: -4px; width: calc(100% - 16px); height: 100%; left: 8px; right: 8px; border-radius: 8px; } .collections-stack-wiz__collection-stack1--large { position: absolute; top: -4px; width: calc(100% - 16px); height: 100%; left: 8px; right: 8px; border-radius: 12px; } ytd-video-meta-block, .ytd-video-meta-block[meta-block] { display: flex; flex-direction: column; } ytd-video-meta-block.grid #metadata.ytd-video-meta-block, ytd-video-meta-block.compact #metadata.ytd-video-meta-block, .ytd-video-meta-block[meta-block].grid #metadata.ytd-video-meta-block, .ytd-video-meta-block[meta-block].compact #metadata.ytd-video-meta-block { display: flex; flex-direction: column; } ytd-video-meta-block[watch-feed-big-thumbs].compact { min-width: 0px; } ytd-video-meta-block[watch-feed-big-thumbs].compact #metadata.ytd-video-meta-block { display: flex; flex-direction: row; } ytd-video-meta-block.light #byline.ytd-video-meta-block, .ytd-video-meta-block[meta-block].light #byline.ytd-video-meta-block { color: var(--yt-spec-text-secondary); } #video-info.ytd-video-meta-block { color: var(--yt-spec-text-secondary); } #metadata.ytd-video-meta-block { display: flex; flex-flow: wrap; } #additional-metadata-line.ytd-video-meta-block > .ytd-video-meta-block:not(:first-of-type)::before { content: "•"; margin: 4px 4px 0px; } #metadata-line.ytd-video-meta-block { color: var(--ytd-metadata-line-color,var(--yt-spec-text-secondary)); max-width: 100%; display: flex; flex-wrap: wrap; } ytd-video-meta-block[is-downloading] #metadata-line.ytd-video-meta-block { color: var(--yt-spec-call-to-action); } ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: flex; } ytd-video-meta-block[typography-bump]:not([rich-meta]) #metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: flex; } ytd-video-meta-block[truncate-metadata-line] #metadata-line.ytd-video-meta-block { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #additional-metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-video-meta-block[typography-bump] #additional-metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } ytd-video-meta-block:not([rich-meta]) #byline-container.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: flex; } ytd-video-meta-block[typography-bump]:not([rich-meta]) #byline-container.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: flex; } #byline-container.ytd-video-meta-block { max-width: 100%; flex-flow: wrap; display: flex; align-items: center; } ytd-video-meta-block[radio-meta]:not([rich-meta]) #byline-container.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: flex; } ytd-video-meta-block[typography-bump][radio-meta]:not([rich-meta]) #byline-container.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: flex; } ytd-video-meta-block[rich-meta] #byline-container.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-video-meta-block[rich-meta][radio-meta] #byline-container.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-meta-block[rich-meta] #metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; } ytd-video-meta-block[rich-meta][mini-mode] #byline-container.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-video-meta-block[rich-meta][mini-mode][typography-bump] #byline-container.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-video-meta-block[rich-meta][mini-mode] #metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; } ytd-video-meta-block[rich-meta][mini-mode][typography-bump] #metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; } #separator.ytd-video-meta-block { display: none; } ytd-video-meta-block[watch-feed-big-thumbs]:not(.grid).byline-separated #separator.ytd-video-meta-block, ytd-video-meta-block:not(.grid):not(.compact).byline-separated #separator.ytd-video-meta-block, .ytd-video-meta-block[meta-block]:not(.grid):not(.compact).byline-separated #separator.ytd-video-meta-block { display: inline-block; color: var(--yt-spec-text-secondary); margin: 0px 4px; } #channel-name.ytd-video-meta-block { --ytd-channel-name-badges-margin-right: 8px; --ytd-channel-name-text-display: block; --ytd-channel-name-text-complex-display: flex; --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); max-width: 100%; display: flex; flex-direction: row; align-items: center; } #channel-name.long-byline.ytd-video-meta-block { --ytd-channel-name-container-display: -webkit-box; --ytd-channel-name-text-display: -webkit-box; --ytd-channel-name-text-line-clamp: 2; --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-meta-block[typography-bump] #channel-name.long-byline.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #channel-name.ytd-video-meta-block[verified] { --yt-endpoint-color: var(--yt-spec-text-primary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); margin-right: 8px; } #channel-name.ytd-video-meta-block[verified].long-byline { --yt-endpoint-color: var(--yt-spec-text-primary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); } ytd-video-meta-block.grid #channel-name.ytd-video-meta-block, .ytd-video-meta-block[meta-block].grid #channel-name.ytd-video-meta-block { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); } ytd-video-meta-block.grid #channel-name.ytd-video-meta-block[verified], .ytd-video-meta-block[meta-block].grid #channel-name.ytd-video-meta-block[verified] { --yt-endpoint-color: var(--yt-spec-text-primary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); } ytd-video-meta-block:not([rich-meta])[inline-badges] #metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-meta-block:not([rich-meta])[inline-badges][typography-bump] #metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-meta-block[rich-meta][inline-badges] #metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-meta-block[rich-meta][mini-mode][inline-badges] #metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-meta-block[typography-bump][rich-meta][mini-mode][inline-badges] #metadata-line.ytd-video-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #metadata-line.ytd-video-meta-block > .ytd-video-meta-block:not(:first-of-type)::before { content: "•"; margin: 0px 4px; } ytd-video-meta-block:not([inline-badges]) #metadata-line.ytd-video-meta-block span.ytd-video-meta-block { display: inline-block; } ytd-badge-supported-renderer.ytd-video-meta-block { margin-right: 8px; } #video-badges.ytd-video-meta-block { margin-top: 4px; } ytd-video-meta-block[is-slim-short] #metadata-line.ytd-video-meta-block { color: var(--yt-spec-static-overlay-text-primary); } ytd-expandable-metadata-renderer { width: 100%; border-radius: 12px; background: var(--yt-spec-additive-background); display: flex; flex-direction: column; } ytd-expandable-metadata-renderer:not([is-expanded]) { --yt-img-border-radius: 4px; border-radius: 8px; } ytd-expandable-metadata-renderer[is-expanded]:not([use-custom-colors]):not([is-watch]) { background: transparent; border: 1px solid var(--yt-spec-outline); } ytd-expandable-metadata-renderer[is-watch] { background: var(--yt-spec-badge-chip-background); } #header.ytd-expandable-metadata-renderer { height: 36px; padding: 0px 4px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } ytd-expandable-metadata-renderer[has-video-summary] #header.ytd-expandable-metadata-renderer { height: auto; } ytd-expandable-metadata-renderer[use-custom-colors] { background: var(--yt-lightsource-section2-color); border: none; } #header.ytd-expandable-metadata-renderer:hover { cursor: pointer; } #left-section.ytd-expandable-metadata-renderer { overflow: auto; display: flex; flex-direction: row; align-items: center; } #right-section.ytd-expandable-metadata-renderer { flex-shrink: 0; display: flex; flex-direction: row; align-items: center; } #timestamp.ytd-expandable-metadata-renderer { flex-shrink: 0; height: 16px; margin: 4px 0px 4px 4px; color: var(--yt-spec-themed-blue); background-color: var(--yt-spec-suggested-action); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; padding: 0px 4px; border-radius: 4px; display: flex; align-items: center; justify-content: center; } #timestamp.ytd-expandable-metadata-renderer yt-img-shadow.ytd-expandable-metadata-renderer { width: 100%; height: 100%; } ytd-expandable-metadata-renderer[use-custom-colors] #timestamp.ytd-expandable-metadata-renderer { color: var(--yt-spec-static-overlay-text-primary); background-color: var(--yt-lightsource-section1-color); } #thumbnail.ytd-expandable-metadata-renderer { flex-shrink: 0; height: 28px; width: 52px; margin: 4px; } #thumbnail.ytd-expandable-metadata-renderer yt-img-shadow.ytd-expandable-metadata-renderer { width: 100%; height: 100%; } ytd-expandable-metadata-renderer[use-square-thumbnail] #thumbnail.ytd-expandable-metadata-renderer { width: 28px; } #collapsed-title.ytd-expandable-metadata-renderer { color: var(--yt-spec-text-primary); margin-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-expandable-metadata-renderer[is-watch] #collapsed-title.ytd-expandable-metadata-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-expandable-metadata-renderer[show-prominent-label] #collapsed-title.ytd-expandable-metadata-renderer { color: var(--yt-spec-text-secondary); margin-left: 2px; } #expanded-title-subtitle-group.ytd-expandable-metadata-renderer { color: var(--yt-spec-text-secondary); margin-left: 12px; display: flex; flex-direction: row; } ytd-expandable-metadata-renderer[has-video-summary] #expanded-title-subtitle-group.ytd-expandable-metadata-renderer { margin: 12px 0px 4px 4px; } ytd-expandable-metadata-renderer[has-video-summary] #expanded-title-subtitle-text.ytd-expandable-metadata-renderer { flex-flow: wrap; display: flex; align-items: center; } ytd-expandable-metadata-renderer[has-video-summary] #expanded-title.ytd-expandable-metadata-renderer::after { content: "·"; margin-right: 4px; } #expanded-title.ytd-expandable-metadata-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-expandable-metadata-renderer[has-video-summary] #expanded-title.ytd-expandable-metadata-renderer, ytd-expandable-metadata-renderer[has-video-summary] #expanded-title-icon.ytd-expandable-metadata-renderer, ytd-expandable-metadata-renderer[has-video-summary] #collapsed-label.ytd-expandable-metadata-renderer { color: var(--yt-spec-text-primary); } #expanded-subtitle.ytd-expandable-metadata-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #expanded-title-icon.ytd-expandable-metadata-renderer { --iron-icon-height: 16px; margin-right: 4px; margin-top: 2px; flex-shrink: 0; } #expanded-subtitle.ytd-expandable-metadata-renderer yt-icon.ytd-expandable-metadata-renderer { width: 16px; height: 16px; } #collapsed-label.ytd-expandable-metadata-renderer { --iron-icon-height: 16px; color: var(--yt-spec-text-secondary); margin-left: 4px; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; display: flex; flex-direction: row; align-items: center; } #prominent-collapsed-label.ytd-expandable-metadata-renderer { --iron-icon-height: 16px; color: var(--yt-spec-text-primary); flex-shrink: 0; margin-right: 4px; margin-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; flex-direction: row; align-items: center; } #content.ytd-expandable-metadata-renderer { --yt-macro-marker-list-item-height: 160px; --yt-macro-marker-list-first-item-margin-left: 16px; --yt-macro-marker-list-item-margin-right: 12px; height: 0px; visibility: hidden; } #content.ytd-expandable-metadata-renderer ytd-horizontal-card-list-renderer.ytd-expandable-metadata-renderer, #content.ytd-expandable-metadata-renderer yt-horizontal-list-renderer.ytd-expandable-metadata-renderer { opacity: 0; } #menu.ytd-expandable-metadata-renderer:not(:empty) { margin: 0px 12px 12px; } ytd-expandable-metadata-renderer[use-vpp-shopping-destination-style][is-expanded] #content.ytd-expandable-metadata-renderer { height: 180px; visibility: visible; margin-bottom: 12px; } ytd-expandable-metadata-renderer[use-vpp-shopping-destination-style][is-expanded] #content.ytd-expandable-metadata-renderer yt-horizontal-list-renderer.ytd-expandable-metadata-renderer { opacity: 1; } ytd-expandable-metadata-renderer[use-vpp-shopping-destination-style][is-expanded] #header.ytd-expandable-metadata-renderer { height: 50px; } ytd-expandable-metadata-renderer[is-expanded] #content.ytd-expandable-metadata-renderer { height: 164px; visibility: visible; margin-bottom: 12px; } ytd-expandable-metadata-renderer[is-expanded] #content.ytd-expandable-metadata-renderer ytd-horizontal-card-list-renderer.ytd-expandable-metadata-renderer, ytd-expandable-metadata-renderer[is-expanded] #content.ytd-expandable-metadata-renderer yt-horizontal-list-renderer.ytd-expandable-metadata-renderer { opacity: 1; } ytd-expandable-metadata-renderer:not([is-expanded]) #header.ytd-expandable-metadata-renderer:hover { background-color: var(--yt-spec-badge-chip-background); border-radius: 12px; } ytd-expandable-metadata-renderer[disable-expand] { cursor: default; } ytd-expandable-metadata-renderer[disable-expand] #header.ytd-expandable-metadata-renderer { cursor: default; } ytd-expandable-metadata-renderer[disable-expand] #collapse.ytd-expandable-metadata-renderer { display: none; } ytd-expandable-metadata-renderer[has-video-summary][is-expanded] #content.ytd-expandable-metadata-renderer { height: auto; } ytd-expandable-metadata-renderer[has-lockup-view-model][is-expanded] #content.ytd-expandable-metadata-renderer { height: auto; margin-left: 16px; } video-summary-content-view-model.ytd-expandable-metadata-renderer { margin: 12px; } ytd-search-refinement-card-renderer { display: inline-block; } a.ytd-search-refinement-card-renderer { border: 1px solid var(--yt-spec-10-percent-layer); background-color: var(--yt-spec-general-background-b); border-radius: 16px; overflow: hidden; user-select: none; } #card-thumbnail.ytd-search-refinement-card-renderer { width: 156px; height: 88px; margin-bottom: 2px; } ytd-search-refinement-card-renderer[card-style="universal_watch_card"] #card-thumbnail.ytd-search-refinement-card-renderer, ytd-search-refinement-card-renderer[card-style="album_card"] #card-thumbnail.ytd-search-refinement-card-renderer { width: 90px; height: 90px; } ytd-search-refinement-card-renderer[card-style="universal_watch_card_movie_poster"] #card-thumbnail.ytd-search-refinement-card-renderer { width: 90px; height: 130px; } ytd-search-refinement-card-renderer[card-style="movie_poster"] #card-thumbnail.ytd-search-refinement-card-renderer { width: 156px; height: 225px; } ytd-search-refinement-card-renderer[card-style="centered"] #card-thumbnail.ytd-search-refinement-card-renderer { width: 204px; height: 70px; } #card-thumbnail.ytd-search-refinement-card-renderer yt-img-shadow.ytd-search-refinement-card-renderer { width: 100%; height: 100%; } #card-title.ytd-search-refinement-card-renderer { color: var(--yt-spec-text-primary); padding: 12px 16px 16px; height: 24px; width: 124px; display: flex; flex-direction: row; align-items: center; } #card-title.ytd-search-refinement-card-renderer div.ytd-search-refinement-card-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-search-refinement-card-renderer[card-style="universal_watch_card"] #card-title.ytd-search-refinement-card-renderer, ytd-search-refinement-card-renderer[card-style="universal_watch_card_movie_poster"] #card-title.ytd-search-refinement-card-renderer, ytd-search-refinement-card-renderer[card-style="album_card"] #card-title.ytd-search-refinement-card-renderer { padding: 4px 8px 8px; height: 34px; width: 74px; } ytd-search-refinement-card-renderer[card-style="centered"] #card-title.ytd-search-refinement-card-renderer { padding: 12px 8px; height: auto; width: 188px; } ytd-search-refinement-card-renderer[card-style="universal_watch_card"] a.ytd-search-refinement-card-renderer, ytd-search-refinement-card-renderer[card-style="universal_watch_card_movie_poster"] a.ytd-search-refinement-card-renderer, ytd-search-refinement-card-renderer[card-style="album_card"] a.ytd-search-refinement-card-renderer { border-radius: 0px; } ytd-search-refinement-card-renderer[round-container] a.ytd-search-refinement-card-renderer { border-radius: 8px; } ytd-search-refinement-card-renderer[card-style="album_card"][collections] #card-thumbnail.ytd-search-refinement-card-renderer { position: relative; margin-top: 4px; } ytd-search-refinement-card-renderer[card-style="album_card"][collections] #card-thumbnail.ytd-search-refinement-card-renderer yt-img-shadow.ytd-search-refinement-card-renderer { position: absolute; border-top: 1px solid var(--yt-spec-base-background); } ytd-search-refinement-card-renderer[card-style="album_card"][collections] a.ytd-search-refinement-card-renderer { border: unset; } ytd-search-refinement-card-renderer[card-style="album_card"][collections] #card-thumbnail.ytd-search-refinement-card-renderer .collection-stack-1.ytd-search-refinement-card-renderer { width: 74px; } ytd-game-details-renderer { display: inline-block; color: var(--yt-spec-text-primary); } .yt-simple-endpoint.ytd-game-details-renderer { display: flex; flex-direction: column; align-items: flex-start; } yt-formatted-string.ytd-game-details-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-game-details-renderer:not([is-rich-grid]) yt-img-shadow.ytd-game-details-renderer { width: 210px; height: 290px; } ytd-game-details-renderer[is-rich-grid] { width: 100%; } ytd-game-details-renderer[is-rich-grid] yt-img-shadow.ytd-game-details-renderer { width: 100%; } #title.ytd-game-details-renderer { margin: 8px 0px 4px; } ytd-game-details-renderer[is-rich-grid]:not([mini-mode]) #title.ytd-game-details-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #auto-generated.ytd-game-details-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-game-details-renderer[is-rich-grid]:not([mini-mode]) #auto-generated.ytd-game-details-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } #live-viewers-count.ytd-game-details-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 3.6rem; -webkit-line-clamp: 2; } ytd-game-details-renderer[is-rich-grid]:not([mini-mode]) #live-viewers-count.ytd-game-details-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; display: block; max-height: 4rem; -webkit-line-clamp: 2; } yt-img-shadow.ytd-game-details-renderer { border-radius: 8px; overflow: hidden; } ytd-game-card-renderer { vertical-align: top; display: flex; flex-direction: column; } ytd-game-card-renderer[is-rich-grid] { width: 100%; } #game.ytd-game-card-renderer { padding-bottom: 4px; flex: 1 1 1e-09px; } ytd-subscription-notification-toggle-button-renderer:not([button-next]) { --paper-button-ink-color: var(--yt-spec-icon-disabled); --yt-formatted-string-deemphasize-color: var( --yt-spec-static-overlay-text-primary ); vertical-align: middle; white-space: nowrap; font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } ytd-subscription-notification-toggle-button-renderer yt-formatted-string .yt-formatted-string[style-target="deemphasize"] { margin-left: var(--ytd-margin-base); } ytd-subscription-notification-toggle-button-renderer[disable-text-transform] { text-transform: none; } ytd-subscription-notification-toggle-button-renderer[disabled][is-paper-button] a.ytd-subscription-notification-toggle-button-renderer { cursor: auto; pointer-events: none; } ytd-subscription-notification-toggle-button-renderer[is-paper-button] yt-icon.ytd-subscription-notification-toggle-button-renderer { flex: 0 0 auto; } ytd-subscription-notification-toggle-button-renderer yt-formatted-string.ytd-subscription-notification-toggle-button-renderer { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { min-width: var(--yt-paper-button-min-width,var(--ytd-paper-button-min-width,5.14em)); font-size: var(--yt-paper-button-font-size,inherit); } ytd-subscription-notification-toggle-button-renderer tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer { font-weight: inherit; } tp-yt-paper-tooltip.ytd-subscription-notification-toggle-button-renderer { z-index: var(--yt-button-tooltip-z-index); } ytd-subscription-notification-toggle-button-renderer[is-icon-button]:not([style-action-button]) { -webkit-font-smoothing: var(--ytd-caption--webkit-font-smoothing); font-family: var(--ytd-caption-font-family); font-size: var(--ytd-caption-font-size); font-weight: var(--ytd-caption-font-weight); letter-spacing: var(--ytd-caption-letter-spacing); line-height: var(--ytd-caption-line-height); text-transform: var(--ytd-caption-text-transform); } ytd-subscription-notification-toggle-button-renderer.force-icon-button:not([has-no-text]) a.ytd-subscription-notification-toggle-button-renderer { padding-right: var(--yt-button-icon-padding,var(--ytd-margin-2x)); } ytd-subscription-notification-toggle-button-renderer[is-paper-button] { background-color: var(--yt-basic-background-color,var(--yt-button-background-color)); color: var(--yt-basic-foreground-title-color,var(--yt-spec-text-secondary)); border-color: var(--yt-basic-foreground-title-color,var(--yt-spec-text-secondary)); } ytd-subscription-notification-toggle-button-renderer[is-paper-button-with-icon] { --yt-button-padding-minus-focus-outline: var( --yt-button-with-icon-padding-minus-focus-outline ); } ytd-subscription-notification-toggle-button-renderer.style-suggestive.size-small[is-paper-button-with-icon] { --yt-button-padding: 6px 12px; --yt-button-padding-minus-border: 5px 11px; } ytd-subscription-notification-toggle-button-renderer[is-paper-button-with-icon] { --yt-button-padding: 6px 16px; --yt-button-padding-minus-border: 5px 15px; } ytd-subscription-notification-toggle-button-renderer[is-paper-button-with-icon][button-size="size-large"] { --yt-button-padding: 10px 16px; --yt-button-padding-minus-border: 9px 15px; --yt-button-padding-minus-focus-outline: 9px 15px; } ytd-subscription-notification-toggle-button-renderer[is-icon-button] { color: var(--yt-button-color,var(--yt-spec-icon-inactive)); } ytd-subscription-notification-toggle-button-renderer.style-text[is-icon-button], ytd-subscription-notification-toggle-button-renderer.style-default[is-icon-button], ytd-subscription-notification-toggle-button-renderer.style-opacity[is-icon-button] { color: var(--yt-spec-icon-inactive); } ytd-subscription-notification-toggle-button-renderer.style-text[is-icon-button] #text.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-default[is-icon-button] #text.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-opacity[is-icon-button] #text.ytd-subscription-notification-toggle-button-renderer { color: var(--yt-button-icon-button-text-color,var(--yt-spec-text-secondary)); } ytd-subscription-notification-toggle-button-renderer.style-black[is-icon-button] { color: var(--yt-spec-text-primary); } ytd-subscription-notification-toggle-button-renderer.style-visibly-disabled[is-icon-button], ytd-subscription-notification-toggle-button-renderer.style-opacity[is-icon-button][disabled], ytd-subscription-notification-toggle-button-renderer.style-text[is-icon-button][disabled] #text.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-default[is-icon-button][disabled] #text.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-opacity[is-icon-button][disabled] #text.ytd-subscription-notification-toggle-button-renderer { color: var(--yt-spec-text-disabled); } ytd-subscription-notification-toggle-button-renderer.style-blue-text[is-icon-button] { color: var(--yt-spec-call-to-action); } tp-yt-paper-tooltip.ytd-subscription-notification-toggle-button-renderer { white-space: nowrap; } ytd-subscription-notification-toggle-button-renderer.style-primary[is-paper-button] { background-color: var(--yt-spec-call-to-action); color: var(--yt-spec-text-primary-inverse); } ytd-subscription-notification-toggle-button-renderer.style-primary[disabled][is-paper-button] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-disabled); } ytd-subscription-notification-toggle-button-renderer.style-payment[is-paper-button] { background-color: var(--yt-button-payment-background-color,var(--yt-spec-call-to-action)); color: var(--yt-spec-text-primary-inverse); } ytd-subscription-notification-toggle-button-renderer.style-payment[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button] { --yt-formatted-string-deemphasize-color: var(--yt-spec-call-to-action); background-color: transparent; color: var(--yt-spec-call-to-action); } ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: 1px solid var(--yt-spec-call-to-action); padding: var(--yt-button-padding-minus-border); } ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button][disabled] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: 1px solid var(--yt-spec-text-disabled); } ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.palette-with-border[is-paper-button] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: 1px solid var(--yt-basic-border-color); padding: var(--yt-button-padding-minus-border); } ytd-subscription-notification-toggle-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-basic-border-color); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-blue-text[is-paper-button] { --yt-formatted-string-deemphasize-color: var(--yt-spec-icon-disabled); color: var(--yt-spec-call-to-action); } ytd-subscription-notification-toggle-button-renderer.style-blue-text[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-destructive[is-paper-button] { background-color: var(--yt-spec-red-indicator); color: var(--yt-spec-static-overlay-text-primary); } ytd-subscription-notification-toggle-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-destructive[disabled][is-paper-button] { background-color: var(--yt-spec-icon-disabled); color: var(--yt-spec-text-primary-inverse); } ytd-subscription-notification-toggle-button-renderer.style-brand[is-paper-button] { color: var(--yt-spec-brand-red-contrast); } ytd-subscription-notification-toggle-button-renderer.style-brand[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-background-brand); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-default[is-paper-button] { background-color: var(--yt-button-default-background-color,var(--yt-spec-badge-chip-background)); color: var(--yt-button-default-text-color,var(--yt-spec-text-secondary)); } ytd-subscription-notification-toggle-button-renderer.style-default[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-inactive-outline[is-paper-button] { color: var(--yt-spec-text-secondary); } ytd-subscription-notification-toggle-button-renderer.style-inactive-outline[is-paper-button] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: 1px solid var(--yt-spec-text-secondary); padding: var(--yt-button-padding-minus-border); } ytd-subscription-notification-toggle-button-renderer.style-inactive-outline[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-suggested-action[is-paper-button] { background-color: var(--yt-spec-suggested-action); color: var(--yt-spec-call-to-action); } ytd-subscription-notification-toggle-button-renderer.style-suggested-action[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-compact-gray[is-paper-button] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); } ytd-subscription-notification-toggle-button-renderer.style-compact-gray[is-paper-button] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { padding: var(--ytd-margin-base) var(--ytd-margin-2x); } ytd-subscription-notification-toggle-button-renderer.style-text[is-paper-button] { color: var(--yt-spec-text-secondary); } ytd-subscription-notification-toggle-button-renderer[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-icon-disabled); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-overlay[is-paper-button] { background-color: var(--yt-spec-static-overlay-button-primary); color: var(--yt-spec-static-overlay-text-primary); } ytd-subscription-notification-toggle-button-renderer.style-overlay[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-text-secondary); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-white-with-border[is-paper-button] { background-color: transparent; border: 1px solid var(--yt-spec-static-white-background); color: var(--yt-spec-static-overlay-text-primary); } ytd-subscription-notification-toggle-button-renderer.style-white-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscription-notification-toggle-button-renderer, ytd-subscription-notification-toggle-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-white-background); padding: var(--yt-button-padding-minus-focus-outline); } ytd-subscription-notification-toggle-button-renderer.style-alert-info[is-paper-button] { color: var(--yt-spec-call-to-action); } ytd-subscription-notification-toggle-button-renderer.style-alert-info[is-paper-button]:hover { color: var(--yt-spec-button-chip-background-hover); } ytd-subscription-notification-toggle-button-renderer.style-dark[is-paper-button] { background-color: var(--yt-button-dark-background-color,var(--yt-spec-badge-chip-background)); color: var(--yt-button-dark-text-color,var(--yt-spec-text-secondary)); } ytd-subscription-notification-toggle-button-renderer.style-light[is-paper-button] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); } ytd-subscription-notification-toggle-button-renderer.style-light-text[is-paper-button] { color: var(--yt-spec-static-overlay-text-primary); } ytd-subscription-notification-toggle-button-renderer.style-black[is-paper-button] { color: var(--yt-spec-text-primary); } ytd-subscription-notification-toggle-button-renderer.style-visibly-disabled[is-paper-button] { background-color: transparent; color: var(--yt-spec-text-disabled); } ytd-subscription-notification-toggle-button-renderer.style-black[disabled][is-paper-button] { color: var(--yt-spec-text-disabled); } ytd-subscription-notification-toggle-button-renderer.style-dark-on-black[is-paper-button] { background-color: var(--yt-spec-static-overlay-button-secondary); border: none; color: var(--yt-spec-static-overlay-text-primary); } ytd-subscription-notification-toggle-button-renderer.style-blue-text-with-inverse-theme[is-paper-button] { color: var(--yt-spec-call-to-action-inverse); } ytd-subscription-notification-toggle-button-renderer.style-count { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { display: inline-block; text-align: center; font-family: inherit; } ytd-subscription-notification-toggle-button-renderer:not([button-next]) { display: inline-block; text-transform: uppercase; } ytd-subscription-notification-toggle-button-renderer.force-icon-button a.ytd-subscription-notification-toggle-button-renderer { cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-subscription-notification-toggle-button-renderer[disabled] a.ytd-subscription-notification-toggle-button-renderer:focus { outline: none; } ytd-subscription-notification-toggle-button-renderer[is-icon-button][has-no-text] { font-size: 0px; } a.ytd-subscription-notification-toggle-button-renderer { display: flex; } a.yt-simple-endpoint.ytd-subscription-notification-toggle-button-renderer { color: inherit; border-radius: inherit; text-decoration: none; } ytd-subscription-notification-toggle-button-renderer[is-paper-button] { border-radius: var(--yt-button-border-radius,3px); margin: var(--yt-button-margin,0 .29em); } ytd-subscription-notification-toggle-button-renderer[is-paper-button][disabled] { color: var(--yt-spec-text-disabled); background-color: transparent; } ytd-subscription-notification-toggle-button-renderer[is-icon-button][disabled] { color: var(--yt-spec-text-disabled); } ytd-subscription-notification-toggle-button-renderer[is-icon-button][style-action-button] { --yt-button-icon-padding: 6px; } ytd-subscription-notification-toggle-button-renderer[is-paper-button][align-by-text]:not(:empty) { margin-left: -16px; } ytd-subscription-notification-toggle-button-renderer[is-icon-button][icon-align-by-text]:not(:empty) { margin-left: -8px; } ytd-subscription-notification-toggle-button-renderer[is-paper-button][button-size="size-large"] { line-height: 24px; } tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { width: var(--yt-paper-button-width,auto); height: var(--yt-paper-button-height,auto); border-radius: inherit; margin: 0 var(--yt-button-paper-button-margin-right,0) 0 var(--yt-button-paper-button-margin-left,0); padding: var(--yt-button-padding,.7em .57em); display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1 1 auto; } ytd-subscription-notification-toggle-button-renderer[start-justified] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { justify-content: flex-start; } ytd-subscription-notification-toggle-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer { display: flex; flex-direction: column; } ytd-subscription-notification-toggle-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-subscription-notification-toggle-button-renderer #text.ytd-subscription-notification-toggle-button-renderer { overflow: hidden; text-align: center; text-overflow: ellipsis; width: inherit; } #button.ytd-subscription-notification-toggle-button-renderer { color: var(--yt-button-color); background-color: var(--yt-button-background-color); } ytd-subscription-notification-toggle-button-renderer #button.ytd-subscription-notification-toggle-button-renderer { color: var(--yt-button-color,inherit); background-color: transparent; text-transform: var(--yt-button-text-transform,inherit); } button.ytd-subscription-notification-toggle-button-renderer, yt-icon-button.ytd-subscription-notification-toggle-button-renderer { padding: 1px 6px; } yt-icon-button.ytd-subscription-notification-toggle-button-renderer { width: var(--yt-button-icon-size,40px); height: var(--yt-button-icon-size,40px); color: var(--yt-endpoint-color,var(--yt-deprecated-luna-black)); } yt-icon-button.ytd-subscription-notification-toggle-button-renderer[disabled] { color: var(--yt-button-disabled-color,hsla(0,0%,6.7%,.2)); } yt-icon-button.ytd-subscription-notification-toggle-button-renderer { line-height: 1; padding: var(--yt-button-icon-padding,8px); width: var(--yt-button-icon-size,var(--yt-icon-width,40px)); height: var(--yt-button-icon-size,var(--yt-icon-height,40px)); } yt-icon-button.ytd-subscription-notification-toggle-button-renderer > yt-icon.ytd-subscription-notification-toggle-button-renderer { width: 100%; height: 100%; } #button.ytd-subscription-notification-toggle-button-renderer yt-icon.ytd-subscription-notification-toggle-button-renderer + yt-formatted-string.ytd-subscription-notification-toggle-button-renderer { margin-left: var(--yt-string-icon-padding,8px); } #button.ytd-subscription-notification-toggle-button-renderer yt-formatted-string.ytd-subscription-notification-toggle-button-renderer + yt-icon.ytd-subscription-notification-toggle-button-renderer { margin-left: var(--yt-button-icon-padding,8px); } ytd-subscription-notification-toggle-button-renderer[vertically-aligned] #button.ytd-subscription-notification-toggle-button-renderer yt-icon.ytd-subscription-notification-toggle-button-renderer + yt-formatted-string.ytd-subscription-notification-toggle-button-renderer { margin-left: 0px; margin-top: var(--yt-string-icon-padding,4px); } ytd-subscription-notification-toggle-button-renderer[vertically-aligned] #button.ytd-subscription-notification-toggle-button-renderer yt-formatted-string.ytd-subscription-notification-toggle-button-renderer + yt-icon.ytd-subscription-notification-toggle-button-renderer { margin-left: 0px; margin-top: var(--yt-button-icon-padding,4px); } ytd-subscription-notification-toggle-button-renderer.yt-spec-dialog-layout__dialog-layout-button.yt-spec-dialog-layout__dialog-layout-button--dialog-buttons-inline-stretched { display: flex; } ytd-subscription-notification-toggle-button-renderer.style-text[is-icon-button] { color: var(--yt-spec-icon-inactive); } ytd-subscribe-button-renderer { --yt-formatted-string-deemphasize-color: var( --yt-spec-static-overlay-text-primary ); display: flex; flex-direction: row; } ytd-subscribe-button-renderer[animated-action-enabled][subscribed][is-animating] { transition: width 0.5s; } ytd-subscribe-button-renderer[modern] { align-items: center; } ytd-subscribe-button-renderer yt-formatted-string .yt-formatted-string[style-target="deemphasize"] { margin-left: 4px; } tp-yt-paper-button.ytd-subscribe-button-renderer { background-color: var(--yt-spec-static-brand-red); --paper-button-flat-keyboard-focus-background-color: var(--yt-spec-static-brand-red); border-radius: 2px; color: var(--yt-spec-static-overlay-text-primary); padding: var(--yt-button-padding); margin: auto var(--ytd-subscribe-button-margin,4px); white-space: nowrap; font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); display: flex; flex-direction: row; } tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer, ytd-subscribe-button-renderer[use-keyboard-focus][keyboard-focused] tp-yt-paper-button.ytd-subscribe-button-renderer { border: 2px solid var(--yt-spec-text-primary); padding: var(--yt-button-padding-minus-focus-outline); font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } ytd-subscribe-button-renderer[use-keyboard-focused]:not([keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer { border: none; padding: 10px 16px; } tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); } tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed].keyboard-focus, ytd-subscribe-button-renderer[use-keyboard-focus][keyboard-focused] tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] { border: 2px solid var(--yt-spec-text-secondary); } tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string.ytd-subscribe-button-renderer { --yt-formatted-string-deemphasize-color: var(--yt-spec-text-secondary); } tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string .yt-formatted-string[style-target="deemphasize"] { margin-left: 4px; } ytd-subscribe-button-renderer[overlay-button] tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] { background-color: var(--yt-spec-static-overlay-button-secondary); color: var(--yt-spec-static-overlay-text-primary); } ytd-subscribe-button-renderer[overlay-button] tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed].keyboard-focus, ytd-subscribe-button-renderer[overlay-button][use-keyboard-focus][keyboard-focused] tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] { border: 2px solid var(--yt-spec-static-overlay-text-secondary); } ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"] { --yt-button-icon-size: 24px; --yt-button-icon-padding: 4px; } ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"] tp-yt-paper-button.ytd-subscribe-button-renderer { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); } ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"] tp-yt-paper-button.ytd-subscribe-button-renderer yt-formatted-string.ytd-subscribe-button-renderer { --yt-formatted-string-deemphasize-color: var(--yt-spec-text-secondary); } ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"] tp-yt-paper-button.ytd-subscribe-button-renderer, ytd-subscribe-button-renderer[button-style="COMPACT_RED"] tp-yt-paper-button.ytd-subscribe-button-renderer, ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"][use-keyboard-focused]:not([keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer, ytd-subscribe-button-renderer[button-style="COMPACT_RED"][use-keyboard-focused]:not([keyboard-focused]) tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer { padding: 4px 8px; margin: 0px; } ytd-subscribe-button-renderer[button-style="COMPACT_RED"] tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer { padding: 2px 6px; border: 2px solid var(--yt-spec-text-primary); } ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"] tp-yt-paper-button.keyboard-focus.ytd-subscribe-button-renderer { padding: 2px 6px; border: 2px solid var(--yt-spec-text-secondary); } ytd-subscribe-button-renderer[button-style="COMPACT_RED"] { max-width: 100%; } ytd-subscribe-button-renderer[button-style="COMPACT_RED"] yt-formatted-string.ytd-subscribe-button-renderer { overflow: hidden; text-overflow: ellipsis; } ytd-subscribe-button-renderer[button-style="COMPACT_RED"] ytd-toggle-button-renderer.ytd-subscribe-button-renderer, ytd-subscribe-button-renderer[button-style="COMPACT_RED"] ytd-button-renderer.ytd-subscribe-button-renderer { --yt-button-icon-size: 24px; --yt-button-icon-padding: 0; margin-left: 8px; } ytd-subscribe-button-renderer[button-style="COMPACT_RED"] tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string .yt-formatted-string[style-target="deemphasize"] { display: none; } ytd-subscribe-button-renderer[button-style="VISIBLY_DISABLED"] tp-yt-paper-button.ytd-subscribe-button-renderer { --yt-formatted-string-deemphasize-color: var(--yt-spec-text-primary-inverse); background-color: var(--yt-spec-icon-disabled); color: var(--yt-spec-text-primary-inverse); } yt-button-shape.ytd-subscribe-button-renderer { max-width: 100%; flex: 0 0 auto; } yt-smartimation.ytd-subscribe-button-renderer { pointer-events: auto; max-width: 100%; } #notification-preference-button.ytd-subscribe-button-renderer[invisible], #subscribe-button-shape.ytd-subscribe-button-renderer[invisible] { position: absolute; visibility: hidden; pointer-events: none; } ytd-grid-video-renderer, .ytd-grid-video-renderer[meta-block] { display: flex; flex-direction: column; } ytd-grid-video-renderer.grid #metadata.ytd-grid-video-renderer, ytd-grid-video-renderer.compact #metadata.ytd-grid-video-renderer, .ytd-grid-video-renderer[meta-block].grid #metadata.ytd-grid-video-renderer, .ytd-grid-video-renderer[meta-block].compact #metadata.ytd-grid-video-renderer { display: flex; flex-direction: column; } ytd-grid-video-renderer[watch-feed-big-thumbs].compact { min-width: 0px; } ytd-grid-video-renderer[watch-feed-big-thumbs].compact #metadata.ytd-grid-video-renderer { display: flex; flex-direction: row; } ytd-grid-video-renderer.light #byline.ytd-grid-video-renderer, .ytd-grid-video-renderer[meta-block].light #byline.ytd-grid-video-renderer { color: var(--yt-spec-text-secondary); } #video-info.ytd-grid-video-renderer { color: var(--yt-spec-text-secondary); } #metadata.ytd-grid-video-renderer { display: flex; flex-flow: wrap; } #additional-metadata-line.ytd-grid-video-renderer > .ytd-grid-video-renderer:not(:first-of-type)::before { content: "•"; margin: 4px 4px 0px; } #metadata-line.ytd-grid-video-renderer { color: var(--ytd-metadata-line-color,var(--yt-spec-text-secondary)); max-width: 100%; display: flex; flex-wrap: wrap; } ytd-grid-video-renderer[is-downloading] #metadata-line.ytd-grid-video-renderer { color: var(--yt-spec-call-to-action); } ytd-grid-video-renderer:not([rich-meta]) #metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: flex; } ytd-grid-video-renderer[typography-bump]:not([rich-meta]) #metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: flex; } ytd-grid-video-renderer[truncate-metadata-line] #metadata-line.ytd-grid-video-renderer { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #additional-metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-grid-video-renderer[typography-bump] #additional-metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } ytd-grid-video-renderer:not([rich-meta]) #byline-container.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: flex; } ytd-grid-video-renderer[typography-bump]:not([rich-meta]) #byline-container.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: flex; } #byline-container.ytd-grid-video-renderer { max-width: 100%; flex-flow: wrap; display: flex; align-items: center; } ytd-grid-video-renderer[radio-meta]:not([rich-meta]) #byline-container.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: flex; } ytd-grid-video-renderer[typography-bump][radio-meta]:not([rich-meta]) #byline-container.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: flex; } ytd-grid-video-renderer[rich-meta] #byline-container.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-grid-video-renderer[rich-meta][radio-meta] #byline-container.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-grid-video-renderer[rich-meta] #metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; } ytd-grid-video-renderer[rich-meta][mini-mode] #byline-container.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-grid-video-renderer[rich-meta][mini-mode][typography-bump] #byline-container.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-grid-video-renderer[rich-meta][mini-mode] #metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; } ytd-grid-video-renderer[rich-meta][mini-mode][typography-bump] #metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; } #separator.ytd-grid-video-renderer { display: none; } ytd-grid-video-renderer[watch-feed-big-thumbs]:not(.grid).byline-separated #separator.ytd-grid-video-renderer, ytd-grid-video-renderer:not(.grid):not(.compact).byline-separated #separator.ytd-grid-video-renderer, .ytd-grid-video-renderer[meta-block]:not(.grid):not(.compact).byline-separated #separator.ytd-grid-video-renderer { display: inline-block; color: var(--yt-spec-text-secondary); margin: 0px 4px; } #channel-name.ytd-grid-video-renderer { --ytd-channel-name-badges-margin-right: 8px; --ytd-channel-name-text-display: block; --ytd-channel-name-text-complex-display: flex; --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); max-width: 100%; display: flex; flex-direction: row; align-items: center; } #channel-name.long-byline.ytd-grid-video-renderer { --ytd-channel-name-container-display: -webkit-box; --ytd-channel-name-text-display: -webkit-box; --ytd-channel-name-text-line-clamp: 2; --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-grid-video-renderer[typography-bump] #channel-name.long-byline.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #channel-name.ytd-grid-video-renderer[verified] { --yt-endpoint-color: var(--yt-spec-text-primary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); margin-right: 8px; } #channel-name.ytd-grid-video-renderer[verified].long-byline { --yt-endpoint-color: var(--yt-spec-text-primary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); } ytd-grid-video-renderer.grid #channel-name.ytd-grid-video-renderer, .ytd-grid-video-renderer[meta-block].grid #channel-name.ytd-grid-video-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); } ytd-grid-video-renderer.grid #channel-name.ytd-grid-video-renderer[verified], .ytd-grid-video-renderer[meta-block].grid #channel-name.ytd-grid-video-renderer[verified] { --yt-endpoint-color: var(--yt-spec-text-primary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); } ytd-grid-video-renderer:not([rich-meta])[inline-badges] #metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-grid-video-renderer:not([rich-meta])[inline-badges][typography-bump] #metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-grid-video-renderer[rich-meta][inline-badges] #metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-grid-video-renderer[rich-meta][mini-mode][inline-badges] #metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-grid-video-renderer[typography-bump][rich-meta][mini-mode][inline-badges] #metadata-line.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #metadata-line.ytd-grid-video-renderer > .ytd-grid-video-renderer:not(:first-of-type)::before { content: "•"; margin: 0px 4px; } ytd-grid-video-renderer:not([inline-badges]) #metadata-line.ytd-grid-video-renderer span.ytd-grid-video-renderer { display: inline-block; } ytd-badge-supported-renderer.ytd-grid-video-renderer { margin-right: 8px; } #video-badges.ytd-grid-video-renderer { margin-top: 4px; } ytd-grid-video-renderer[is-slim-short] #metadata-line.ytd-grid-video-renderer { color: var(--yt-spec-static-overlay-text-primary); } ytd-grid-video-renderer { --yt-button-compact-background-color: var(--yt-spec-10-percent-layer); --yt-button-compact-text-color: var(--yt-spec-text-secondary); --yt-shorts-compact-label-text-hidden: none; display: inline-block; width: var(--ytd-grid-video-width,210px); position: relative; } ytd-grid-video-renderer[is-search] { width: 360px; } yt-img-shadow.ytd-grid-video-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; } ytd-grid-video-renderer[is-dismissed] #dismissible.ytd-grid-video-renderer, ytd-grid-video-renderer #dismissed.ytd-grid-video-renderer { display: none; } ytd-grid-video-renderer[is-dismissed] #dismissed.ytd-grid-video-renderer { display: block; } ytd-thumbnail.ytd-grid-video-renderer { width: var(--ytd-grid-video-width,210px); height: var(--ytd-grid-video-thumbnail-height,118px); } ytd-grid-video-renderer[is-search] ytd-thumbnail.ytd-grid-video-renderer { width: 360px; height: 202px; } ytd-grid-video-renderer[is-disabled] ytd-thumbnail.ytd-grid-video-renderer { pointer-events: none; } ytd-grid-video-renderer[is-disabled] #details.ytd-grid-video-renderer { pointer-events: none; } ytd-grid-video-renderer[is-search] #details.ytd-grid-video-renderer { display: flex; flex-direction: row; } #text-metadata.ytd-grid-video-renderer { flex-direction: column; } ytd-grid-video-renderer:not([is-search]) #channel-thumbnail.ytd-grid-video-renderer { display: none; } #channel-thumbnail.ytd-grid-video-renderer { margin-top: 8px; margin-right: 8px; min-width: 36px; } ytd-grid-video-renderer[is-disabled] #menu.ytd-grid-video-renderer { pointer-events: auto; } ytd-grid-video-renderer[is-disabled] #meta.ytd-grid-video-renderer { cursor: default; } ytd-grid-video-renderer[is-disabled] #video-title.ytd-grid-video-renderer { opacity: 0.25; cursor: default; } ytd-grid-video-renderer[is-disabled] #channel-name.ytd-grid-video-renderer { opacity: 0.6; } ytd-grid-video-renderer[is-disabled] #metadata-line.ytd-grid-video-renderer { color: var(--yt-spec-call-to-action); max-height: none; } #meta.ytd-grid-video-renderer { padding-right: 24px; } #badges.ytd-grid-video-renderer { margin-top: 8px; } #details.ytd-grid-video-renderer { position: relative; cursor: pointer; display: flex; flex-direction: column; } #details.ytd-grid-video-renderer a.ytd-grid-video-renderer { display: block; } ytd-grid-video-renderer.use-ellipsis #details.ytd-grid-video-renderer a.ytd-grid-video-renderer { display: -webkit-box; } ytd-menu-renderer.ytd-grid-video-renderer { position: absolute; top: -4px; right: -8px; } #dismissed.ytd-grid-video-renderer { padding-bottom: 56.19%; border: 1px solid var(--yt-spec-10-percent-layer); position: relative; } #dismissed.ytd-grid-video-renderer:focus { outline: none; } #dismissed-content.ytd-grid-video-renderer { box-sizing: border-box; padding: 8px; position: absolute; inset: 0px; } #video-title.yt-simple-endpoint.ytd-grid-video-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4rem; -webkit-line-clamp: 2; } ytd-grid-video-renderer #video-title.yt-simple-endpoint.ytd-grid-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-grid-video-renderer { color: var(--yt-spec-text-primary); margin: 8px 0px; } #buttons.ytd-grid-video-renderer > .ytd-grid-video-renderer { margin-top: 4px; } ytd-upcoming-event-reminder-button-renderer { --yt-button-tooltip-z-index: 2300; display: block; } ytd-notification-multi-action-renderer { display: block; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #text.ytd-notification-multi-action-renderer { color: var(--yt-spec-text-secondary); display: block; margin: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-notification-multi-action-renderer[shelf-dismissal] { display: flex; flex-direction: row; align-items: center; } ytd-notification-multi-action-renderer[shelf-dismissal] #text.ytd-notification-multi-action-renderer { margin: var(--ytd-margin-3x) var(--ytd-margin-4x) var(--ytd-margin-3x) 0; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #buttons.ytd-notification-multi-action-renderer { display: flex; flex-direction: column; align-items: center; } ytd-button-renderer.ytd-notification-multi-action-renderer { max-width: 100%; } ytd-notification-text-renderer { align-items: center; justify-content: center; display: flex; flex-direction: column; } yt-formatted-string.ytd-notification-text-renderer { color: var(--yt-spec-text-secondary); display: block; padding: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #undo.ytd-notification-text-renderer { cursor: pointer; color: var(--yt-spec-call-to-action); font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } ytd-moving-thumbnail-renderer { position: absolute; inset: 0px; } #thumbnail.ytd-moving-thumbnail-renderer { transition: opacity 0.5s; opacity: 0; width: 100%; height: 100%; max-height: var(--yt-img-max-height,none); max-width: var(--yt-img-max-width,100%); position: absolute; inset: 0px; } #thumbnail.fade-in.ytd-moving-thumbnail-renderer { opacity: 1; } #play.fade-in.ytd-moving-thumbnail-renderer { transition: opacity 0.5s; } #play.fade-in.ytd-moving-thumbnail-renderer, #play.show.ytd-moving-thumbnail-renderer { opacity: 0.8; } #play.ytd-moving-thumbnail-renderer { height: 48px; width: 48px; margin: auto; opacity: 0; fill: var(--yt-spec-static-brand-white); position: absolute; inset: 0px; } ytd-thumbnail-overlay-button-renderer { --paper-tooltip-background: var(--yt-spec-static-overlay-background-heavy); position: absolute; top: 0px; right: 0px; cursor: pointer; color: var(--yt-spec-static-overlay-text-primary); outline: none; background-color: var(--ytd-thumbnail-overlay-button-background,var(--yt-spec-static-overlay-background-heavy)); transition: opacity 0.3s; width: 28px; height: 28px; border-radius: 4px; margin: 4px; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-thumbnail-overlay-button-renderer:focus yt-icon.ytd-thumbnail-overlay-button-renderer { outline: rgb(91, 157, 217) auto 5px; } @keyframes slide-in-from-bottom { 0% { transform: translateY(50px); } 100% { transform: translateY(0px); } } ytd-thumbnail-overlay-endorsement-renderer { animation: 0.2s cubic-bezier(0.05, 0, 0, 1) 0s 1 normal none running slide-in-from-bottom; background-color: var(--yt-spec-base-background); position: absolute; overflow: hidden; bottom: -12px; left: 0px; right: 0px; z-index: 1; } ytd-thumbnail-overlay-endorsement-renderer[disable-animation] { animation: auto ease 0s 1 normal none running none; } ytd-thumbnail-overlay-endorsement-renderer[rounded] { border-radius: 12px 12px 0px 0px; } #inner-background.ytd-thumbnail-overlay-endorsement-renderer { background-color: var(--yt-spec-additive-background); color: var(--yt-spec-text-secondary); padding: 8px 12px 20px; display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #bottom-right-corner.ytd-thumbnail-overlay-endorsement-renderer { border-bottom: 36px solid var(--yt-spec-additive-background); border-left: 36px solid transparent; position: absolute; height: 0px; width: 0px; bottom: 0px; right: 0px; } ytd-thumbnail-overlay-endorsement-renderer[transparent-background] { background-color: transparent; } ytd-thumbnail-overlay-endorsement-renderer[transparent-background] #inner-background.ytd-thumbnail-overlay-endorsement-renderer { background-color: transparent; } ytd-thumbnail-overlay-endorsement-renderer[transparent-background] #bottom-right-corner.ytd-thumbnail-overlay-endorsement-renderer { border-bottom: none; } ytd-thumbnail-overlay-endorsement-renderer[no-padding] #inner-background.ytd-thumbnail-overlay-endorsement-renderer { padding: 0px; } ytd-thumbnail-overlay-icon-renderer:not([icon-position]) { text-align: center; z-index: 1; position: absolute; inset: 0px; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-thumbnail-overlay-icon-renderer:not([icon-style]) { color: var(--yt-spec-static-overlay-icon-active-other); background-color: var(--yt-spec-static-overlay-background-medium-light); } ytd-thumbnail-overlay-icon-renderer[icon-position="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_POSITION_UNKNOWN"] { text-align: center; z-index: 1; position: absolute; inset: 0px; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-thumbnail-overlay-icon-renderer[icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_UNKNOWN"] { color: var(--yt-spec-static-overlay-icon-active-other); background-color: var(--yt-spec-static-overlay-background-medium-light); } ytd-thumbnail-overlay-icon-renderer[icon-position="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_POSITION_BOTTOM_LEFT_CORNER"] { position: absolute; z-index: 1; bottom: 0px; left: 0px; display: flex; flex-direction: row; } ytd-thumbnail-overlay-icon-renderer[icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED"] { background-color: var(--yt-spec-static-overlay-icon-active-other); border-radius: 50%; margin: 4px; padding: 3px; } ytd-thumbnail-overlay-icon-renderer[icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED"] yt-icon.ytd-thumbnail-overlay-icon-renderer { --iron-icon-height: 12px; --iron-icon-width: 12px; color: var(--yt-spec-static-overlay-background-solid); } ytd-thumbnail-overlay-inline-unplayable-renderer { position: absolute; top: 4px; left: 4px; border-radius: 2px; color: var(--yt-spec-static-overlay-text-primary); max-width: 70%; background: none; padding-left: 4px; display: flex; align-items: center; justify-content: center; } yt-icon.ytd-thumbnail-overlay-inline-unplayable-renderer { width: 20px; height: 20px; min-width: 20px; min-height: 20px; } span.ytd-thumbnail-overlay-inline-unplayable-renderer { padding: 4px 8px 4px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-thumbnail-overlay-loading-preview-renderer { position: absolute; bottom: 0px; right: 0px; color: var(--yt-spec-static-overlay-text-primary); padding: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; display: flex; align-items: center; justify-content: center; } span.ytd-thumbnail-overlay-loading-preview-renderer { background: var(--yt-spec-static-overlay-background-solid); border-radius: 2px; padding: 4px 8px; } ytd-thumbnail-overlay-loading-preview-renderer:not([is-preview-loading]) { display: none; } ytd-thumbnail-overlay-pinking-renderer { position: absolute; inset: 0px; } .pinking-left.ytd-thumbnail-overlay-pinking-renderer { position: absolute; left: -1px; width: 5px; height: 100%; } .pinking-right.ytd-thumbnail-overlay-pinking-renderer { position: absolute; right: -1px; width: 5px; height: 100%; } .pinking.ytd-thumbnail-overlay-pinking-renderer { fill: var(--ytd-thumbnail-overlay-pinking-renderer-background,var(--yt-spec-general-background-a)); } ytd-thumbnail-overlay-toggle-button-renderer { --paper-tooltip-background: var(--yt-spec-static-overlay-background-heavy); position: absolute; top: 0px; right: 0px; cursor: pointer; color: var(--yt-spec-static-overlay-text-primary); outline: none; background-color: var(--yt-spec-static-overlay-background-heavy); transition: opacity 0.3s; width: 28px; height: 28px; margin: 4px; border-radius: 4px; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-thumbnail-overlay-toggle-button-renderer:focus yt-icon.ytd-thumbnail-overlay-toggle-button-renderer { outline: rgb(91, 157, 217) auto 5px; } #label-container.ytd-thumbnail-overlay-toggle-button-renderer { display: none; } ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip] #label-container.ytd-thumbnail-overlay-toggle-button-renderer { display: block; position: absolute; width: auto; height: 28px; overflow: hidden; right: 24px; } ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip] #label.ytd-thumbnail-overlay-toggle-button-renderer { padding: 0px 6px 0px 8px; white-space: nowrap; height: 100%; will-change: transform; transform: translateX(100%); background-color: var(--yt-spec-static-overlay-background-heavy); transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1); border-radius: 4px 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; display: flex; flex-direction: row; align-items: center; } ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][hovered] { border-radius: 0px 4px 4px 0px; background-color: var(--yt-spec-static-overlay-background-solid); z-index: 1; } ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][hovered] #label.ytd-thumbnail-overlay-toggle-button-renderer { transform: translateX(0px); background-color: var(--yt-spec-static-overlay-background-solid); transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1); } ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][toggled] yt-icon.ytd-thumbnail-overlay-toggle-button-renderer, ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip][toggled] #label.ytd-thumbnail-overlay-toggle-button-renderer { color: var(--yt-spec-static-overlay-text-primary); } ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip]:focus yt-icon.ytd-thumbnail-overlay-toggle-button-renderer { outline: none; } ytd-thumbnail-overlay-toggle-button-renderer[use-expandable-tooltip] tp-yt-paper-tooltip.ytd-thumbnail-overlay-toggle-button-renderer { display: none; } #icon-on-hover-element.ytd-thumbnail-overlay-toggle-button-renderer { visibility: hidden; position: absolute; } ytd-thumbnail-overlay-toggle-button-renderer[icon-on-hover] #icon.ytd-thumbnail-overlay-toggle-button-renderer { opacity: 1; transition: opacity 0.2s cubic-bezier(0.2, 0, 0.6, 1); } ytd-thumbnail-overlay-toggle-button-renderer[icon-on-hover] #icon-on-hover-element.ytd-thumbnail-overlay-toggle-button-renderer { visibility: visible; opacity: 0; transition: opacity 0.2s cubic-bezier(0.2, 0, 0.6, 1); } ytd-thumbnail-overlay-toggle-button-renderer[icon-on-hover][hovered] #icon.ytd-thumbnail-overlay-toggle-button-renderer { opacity: 0; } ytd-thumbnail-overlay-toggle-button-renderer[icon-on-hover][hovered] #icon-on-hover-element.ytd-thumbnail-overlay-toggle-button-renderer { opacity: 1; } ytd-thumbnail { display: block; position: relative; flex: 0 0 auto; } ytd-thumbnail-overlay-hover-text-renderer.ytd-thumbnail { opacity: 1; } #length.ytd-thumbnail { position: absolute; bottom: 0px; right: 0px; margin: 4px; color: var(--yt-spec-static-overlay-text-primary); background-color: var(--yt-spec-static-overlay-background-heavy); padding: 3px 4px; height: 12px; border-radius: 4px; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,.5px); } ytd-thumbnail #thumbnail.ytd-thumbnail { height: 100%; position: relative; margin-left: auto; margin-right: auto; overflow: hidden; display: block; } ytd-thumbnail #thumbnail.ytd-thumbnail yt-img-shadow.ytd-thumbnail { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } ytd-thumbnail[size][circular] a.ytd-thumbnail, ytd-thumbnail[size][circular]::before { border-radius: 50%; } ytd-thumbnail[size="small"] a.ytd-thumbnail, ytd-thumbnail[size="small"]::before { border-radius: 4px; } ytd-thumbnail[size="small"] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail, ytd-thumbnail[size="small"] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail, ytd-thumbnail[size="small"] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail { margin: 2px; } ytd-thumbnail[size="medium"] a.ytd-thumbnail, ytd-thumbnail[size="medium"]::before { border-radius: 8px; } ytd-thumbnail[size="medium"] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail, ytd-thumbnail[size="medium"] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail, ytd-thumbnail[size="medium"] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail { margin: 4px; } ytd-thumbnail[size="large"] a.ytd-thumbnail, ytd-thumbnail[size="large"]::before { border-radius: 12px; } ytd-thumbnail[size="large"] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail, ytd-thumbnail[size="large"] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail, ytd-thumbnail[size="large"] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail { margin: 8px; } ytd-thumbnail[size][has-clip] a.ytd-thumbnail, ytd-thumbnail[size][has-clip]::before { border-radius: 0px; } ytd-thumbnail #thumbnail.ytd-thumbnail { position: absolute; inset: 0px; } ytd-thumbnail[add-background] yt-img-shadow.ytd-thumbnail { --yt-img-shadow-placeholder-color: var(--yt-spec-10-percent-layer); --yt-img-shadow-min-height: 100%; --yt-img-shadow-min-width: 100%; } ytd-thumbnail[queued] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail { display: none; } ytd-thumbnail[hide-playback-status] ytd-thumbnail-overlay-playback-status-renderer.ytd-thumbnail { display: none; } ytd-thumbnail-overlay-now-playing-renderer.ytd-thumbnail { opacity: 0; pointer-events: none; } ytd-thumbnail[now-playing] ytd-thumbnail-overlay-now-playing-renderer.ytd-thumbnail { opacity: 1; pointer-events: auto; } ytd-thumbnail[now-playing] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail, ytd-thumbnail[is-preview-loading] ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail, ytd-thumbnail[is-preview-loading] ytd-thumbnail-overlay-toggle-button-renderer.ytd-thumbnail, ytd-thumbnail[is-preview-loading] ytd-thumbnail-overlay-endorsement-renderer.ytd-thumbnail, ytd-thumbnail[is-preview-loading] ytd-thumbnail-overlay-button-renderer.ytd-thumbnail, ytd-thumbnail[is-preview-loading] ytd-thumbnail-overlay-hover-text-renderer.ytd-thumbnail { display: none; } ytd-thumbnail[object-fit="CONTAIN"] yt-img-shadow.ytd-thumbnail { width: 100%; height: 100%; } ytd-thumbnail[is-original-aspect-ratio] yt-img-shadow.ytd-thumbnail { width: 100%; height: 100%; } ytd-thumbnail[is-original-aspect-ratio] #thumbnail.ytd-thumbnail { background-color: var(--yt-spec-badge-chip-background); } #overlays.ytd-thumbnail { display: none; } .ytd-thumbnail[top-right-overlay] ~ .ytd-thumbnail[top-right-overlay] { top: 32px; } .ytd-thumbnail[top-right-overlay]:not(:nth-child(1)) ~ .ytd-thumbnail[top-right-overlay] { top: 64px; } yt-img-shadow.ytd-thumbnail[loaded] ~ #overlays.ytd-thumbnail { display: block; } ytd-thumbnail[loaded] #overlays.ytd-thumbnail { display: block; } ytd-thumbnail[no-rounded-corners][size] #thumbnail.ytd-thumbnail { border-radius: 0px; } ytd-thumbnail[disable-interaction] #thumbnail.ytd-thumbnail { cursor: default; } .ytThumbnailBottomOverlayViewModelHost { display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; } .ytThumbnailBottomOverlayViewModelHostBackground { flex: 1 1 1e-09px; display: flex; flex-direction: row; justify-content: flex-end; height: 68px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); } .ytThumbnailBottomOverlayViewModelHostContainer { position: absolute; bottom: 0px; left: 0px; right: 4px; display: flex; align-items: flex-end; } .ytThumbnailBottomOverlayViewModelHostBadge { display: flex; flex-direction: row; margin: 4px 0px 4px 4px; } .ytThumbnailOverlayProgressBarHost { display: flex; width: 100%; } .ytThumbnailOverlayProgressBarHostProgressBar { width: 100%; border-radius: 2px; display: flex; flex-direction: row; margin: 0px 8px 8px 12px; } .ytThumbnailOverlayProgressBarHostProgressBarSegment { flex-shrink: 0; } .ytThumbnailOverlayProgressBarHostProgressBarActiveSegment { background-color: rgb(255, 255, 255); height: 6px; } .ytThumbnailOverlayProgressBarHostProgressBarInactiveSegment { background-color: rgba(255, 255, 255, 0.3); height: 4px; border-radius: 2px 0px 0px 2px; margin-right: 2px; margin-left: 2px; margin-top: 2px; } .ytThumbnailOverlayProgressBarHostProgressBarLeftSegment { border-radius: 2px 0px 0px 2px; } .ytThumbnailOverlayProgressBarHostProgressBarRightSegment { border-radius: 0px 2px 2px 0px; flex: 1 1 0%; } .ytThumbnailOverlayProgressBarHostProgressBarContainer { position: relative; } .ytThumbnailOverlayProgressBarHostWatchedProgressBar { height: 4px; margin: 0px 4px 8px 8px; background-color: rgba(255, 255, 255, 0.3); width: 100%; border-radius: 2px; display: flex; flex-direction: row; overflow: hidden; } .ytThumbnailOverlayProgressBarHostWatchedProgressBarSegment { background: linear-gradient(to right, rgb(255, 0, 51) 80%, rgb(255, 39, 145) 100%); } .ytThumbnailOverlayProgressBarHostUseLegacyBar { position: absolute; bottom: 0px; margin: 0px; border-radius: 0px; } .ytThumbnailOverlayProgressBarHostLabel { position: absolute; background-color: rgb(255, 255, 255); color: rgb(3, 3, 3); padding: 0px 4px; bottom: 16px; left: -10px; border-radius: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .ytThumbnailOverlayProgressBarHostLabelTriangle { position: absolute; bottom: 12px; left: -5px; height: 0px; width: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgb(255, 255, 255); } .yt-thumbnail-badge-view-model-wiz { display: block; } .ytThumbnailOverlayAvatarStackViewModelHost { display: block; } .ytThumbnailOverlayAvatarStackViewModelavatarStack { display: flex; position: absolute; bottom: 0px; left: 0px; } .ytThumbnailOverlayAvatarStackViewModelavatarStackSmall { margin: 4px; } .ytThumbnailOverlayAvatarStackViewModelavatarStackMedium { margin-bottom: 2px; margin-left: 4px; } .ytThumbnailOverlayAvatarStackViewModelavatarStackLarge { margin: 10px; } .ytThumbnailHoverOverlayViewModelHost { opacity: 0; transition: opacity 0.3s; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; cursor: pointer; } .ytThumbnailHoverOverlayViewModelHost:focus, .ytThumbnailHoverOverlayViewModelHost:focus-within, .ytThumbnailHoverOverlayViewModelHost:hover { opacity: 1; } .ytThumbnailHoverOverlayViewModelHostForceHover { opacity: 1; transition: none; } .ytThumbnailHoverOverlayViewModelScrim { display: block; position: relative; height: 100%; } .ytThumbnailHoverOverlayViewModelStyleCover { background-color: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; width: 100%; } .ytThumbnailHoverOverlayViewModelStyleButton { background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 16px; right: 16px; display: flex; align-items: center; justify-content: center; height: 36px; border-radius: 18px; padding: 0px 16px; } .ytThumbnailHoverOverlayViewModelText { margin: 4px; color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytThumbnailHoverOverlayViewModelIcon { margin: 4px; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); height: 24px; } .yt-spec-avatar-shape { display: flex; flex-direction: row; align-items: center; } .yt-spec-avatar-shape__button { display: flex; justify-content: center; align-items: center; position: relative; background-color: transparent; border-style: none; } .yt-spec-avatar-shape__button--tappable { cursor: pointer; } .yt-spec-avatar-shape__button--button-tiny { width: 16px; height: 16px; } .yt-spec-avatar-shape__button--button-extra-small { width: 24px; height: 24px; } .yt-spec-avatar-shape__button--button-small { width: 32px; height: 32px; } .yt-spec-avatar-shape__button--button-medium { width: 36px; height: 36px; } .yt-spec-avatar-shape__button--button-48 { width: 48px; height: 48px; } .yt-spec-avatar-shape__button--button-large { width: 56px; height: 56px; } .yt-spec-avatar-shape__button--button-extra-large { width: 72px; height: 72px; } .yt-spec-avatar-shape__button--button-extra-extra-large { width: 120px; height: 120px; } .yt-spec-avatar-shape__button--button-giant { width: 160px; height: 160px; } .yt-spec-avatar-shape__button--button-responsive { width: 128px; height: 128px; } .yt-spec-avatar-shape__image { border-radius: 50%; } .yt-spec-avatar-shape__image--ads-app { border-radius: 20%; } .yt-spec-avatar-shape__image-overlays { overflow: hidden; position: absolute; inset: 0px; } .yt-spec-avatar-shape--stories-watched { border: 2px solid rgb(113, 113, 113); display: flex; justify-content: center; align-items: center; border-radius: 50%; } .yt-spec-avatar-shape--stories-unwatched { border: 2px solid rgb(225, 0, 45); display: flex; justify-content: center; align-items: center; border-radius: 50%; } .yt-spec-avatar-shape--live-ring { display: flex; justify-content: center; align-items: center; border-radius: 50%; } .yt-spec-avatar-shape--live-ring::after { border-radius: 50%; padding: 2px; position: absolute; content: ""; inset: -4px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); background: linear-gradient(to right top, rgb(225, 0, 45) 60%, rgb(224, 19, 120) 85%); } .yt-spec-avatar-shape__on-select-border { border: 1px solid rgb(241, 241, 241); display: flex; justify-content: center; align-items: center; border-radius: 50%; } .yt-spec-avatar-shape--background-border { border: 2px solid rgb(15, 15, 15); display: flex; justify-content: center; align-items: center; border-radius: 50%; } .yt-spec-avatar-shape--background-border-thin { border: 1px solid rgb(15, 15, 15); display: flex; justify-content: center; align-items: center; border-radius: 50%; } .yt-spec-avatar-shape__white-border { border: 2px solid rgb(255, 255, 255); display: flex; justify-content: center; align-items: center; border-radius: 50%; } .yt-spec-avatar-shape__white-border--white-border-thin { border-width: 1px; } .yt-spec-avatar-shape--is-overlay.yt-spec-avatar-shape--background-border, .yt-spec-avatar-shape--is-overlay.yt-spec-avatar-shape--background-border-thin { border-color: rgb(255, 255, 255); } .yt-spec-avatar-shape__badge-text { padding: 0px 2px; justify-content: center; align-items: center; visibility: hidden; color: rgb(255, 255, 255); z-index: 1; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 500; white-space: nowrap; } .yt-spec-avatar-shape__badge-icon { max-width: 16px; padding: 0px 2px; display: flex; align-items: center; justify-content: center; color: rgb(255, 255, 255); } .yt-spec-avatar-shape__live-badge { border-radius: 4px; text-align: center; background-color: rgb(225, 0, 45); display: flex; justify-content: center; align-items: center; position: absolute; bottom: -4px; } .yt-spec-avatar-shape__live-badge--badge-small { max-width: 32px; height: 13px; } .yt-spec-avatar-shape__live-badge--badge-medium { max-width: 36px; height: 14px; } .yt-spec-avatar-shape__live-badge--badge-large { max-width: 52px; height: 14px; } .yt-spec-avatar-shape__live-badge--badge-extra-large { border-radius: 4px; max-width: 68px; height: 16px; } .yt-spec-avatar-shape__live-badge--badge-extra-large .yt-spec-avatar-shape__badge-icon { max-width: 24px; padding: 0px 4px; } .yt-spec-avatar-shape__live-badge--badge-extra-large .yt-spec-avatar-shape__badge-text { padding: 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .yt-spec-avatar-shape__new-content { background-color: rgb(62, 166, 255); } .yt-spec-avatar-shape__live-dot { background-color: rgb(225, 0, 45); } .yt-spec-avatar-shape--avatar-size-tiny { margin: 2px; position: relative; display: flex; justify-content: center; width: 16px; height: 16px; } .yt-spec-avatar-shape--avatar-size-tiny .yt-spec-avatar-shape__new-content, .yt-spec-avatar-shape--avatar-size-tiny .yt-spec-avatar-shape__live-dot { position: absolute; border: 2px solid rgb(33, 33, 33); border-radius: 50%; bottom: -1.664px; right: -1.664px; width: 8px; height: 8px; } .yt-spec-avatar-shape--avatar-size-tiny.yt-spec-avatar-shape--no-margin { margin: 0px; } .yt-spec-avatar-shape--avatar-size-extra-small { margin: 2px; position: relative; display: flex; justify-content: center; width: 24px; height: 24px; } .yt-spec-avatar-shape--avatar-size-extra-small .yt-spec-avatar-shape__new-content, .yt-spec-avatar-shape--avatar-size-extra-small .yt-spec-avatar-shape__live-dot { position: absolute; border: 2px solid rgb(33, 33, 33); border-radius: 50%; bottom: -1.496px; right: -1.496px; width: 10px; height: 10px; } .yt-spec-avatar-shape--avatar-size-extra-small.yt-spec-avatar-shape--no-margin { margin: 0px; } .yt-spec-avatar-shape--avatar-size-small { margin: 2px; position: relative; display: flex; justify-content: center; width: 32px; height: 32px; } .yt-spec-avatar-shape--avatar-size-small .yt-spec-avatar-shape__new-content, .yt-spec-avatar-shape--avatar-size-small .yt-spec-avatar-shape__live-dot { position: absolute; border: 2px solid rgb(33, 33, 33); border-radius: 50%; bottom: -0.828px; right: -0.828px; width: 11px; height: 11px; } .yt-spec-avatar-shape--avatar-size-small.yt-spec-avatar-shape--no-margin { margin: 0px; } .yt-spec-avatar-shape--avatar-size-medium { margin: 2px; position: relative; display: flex; justify-content: center; width: 36px; height: 36px; } .yt-spec-avatar-shape--avatar-size-medium .yt-spec-avatar-shape__new-content, .yt-spec-avatar-shape--avatar-size-medium .yt-spec-avatar-shape__live-dot { position: absolute; border: 2px solid rgb(33, 33, 33); border-radius: 50%; bottom: -0.744px; right: -0.744px; width: 12px; height: 12px; } .yt-spec-avatar-shape--avatar-size-medium.yt-spec-avatar-shape--no-margin { margin: 0px; } .yt-spec-avatar-shape--avatar-size-48 { margin: 2px; position: relative; display: flex; justify-content: center; width: 48px; height: 48px; } .yt-spec-avatar-shape--avatar-size-48 .yt-spec-avatar-shape__new-content, .yt-spec-avatar-shape--avatar-size-48 .yt-spec-avatar-shape__live-dot { position: absolute; border: 2px solid rgb(33, 33, 33); border-radius: 50%; bottom: 0.508px; right: 0.508px; width: 13px; height: 13px; } .yt-spec-avatar-shape--avatar-size-48.yt-spec-avatar-shape--no-margin { margin: 0px; } .yt-spec-avatar-shape--avatar-size-large { margin: 2px; position: relative; display: flex; justify-content: center; width: 56px; height: 56px; } .yt-spec-avatar-shape--avatar-size-large .yt-spec-avatar-shape__new-content, .yt-spec-avatar-shape--avatar-size-large .yt-spec-avatar-shape__live-dot { position: absolute; border: 2px solid rgb(33, 33, 33); border-radius: 50%; bottom: 0.676px; right: 0.676px; width: 15px; height: 15px; } .yt-spec-avatar-shape--avatar-size-large.yt-spec-avatar-shape--no-margin { margin: 0px; } .yt-spec-avatar-shape--avatar-size-extra-large { margin: 2px; position: relative; display: flex; justify-content: center; width: 72px; height: 72px; } .yt-spec-avatar-shape--avatar-size-extra-large .yt-spec-avatar-shape__new-content, .yt-spec-avatar-shape--avatar-size-extra-large .yt-spec-avatar-shape__live-dot { position: absolute; border: 2px solid rgb(33, 33, 33); border-radius: 50%; bottom: 1.512px; right: 1.512px; width: 18px; height: 18px; } .yt-spec-avatar-shape--avatar-size-extra-large.yt-spec-avatar-shape--no-margin { margin: 0px; } .yt-spec-avatar-shape--avatar-size-extra-extra-large { margin: 2px; position: relative; display: flex; justify-content: center; width: 120px; height: 120px; } .yt-spec-avatar-shape--avatar-size-extra-extra-large .yt-spec-avatar-shape__new-content, .yt-spec-avatar-shape--avatar-size-extra-extra-large .yt-spec-avatar-shape__live-dot { position: absolute; border: 2px solid rgb(33, 33, 33); border-radius: 50%; bottom: 8.52px; right: 8.52px; width: 18px; height: 18px; } .yt-spec-avatar-shape--avatar-size-extra-extra-large.yt-spec-avatar-shape--no-margin { margin: 0px; } .yt-spec-avatar-shape--avatar-size-giant { margin: 2px; position: relative; display: flex; justify-content: center; width: 160px; height: 160px; } .yt-spec-avatar-shape--avatar-size-giant .yt-spec-avatar-shape__new-content, .yt-spec-avatar-shape--avatar-size-giant .yt-spec-avatar-shape__live-dot { position: absolute; border: 2px solid rgb(33, 33, 33); border-radius: 50%; bottom: 14.36px; right: 14.36px; width: 18px; height: 18px; } .yt-spec-avatar-shape--avatar-size-giant.yt-spec-avatar-shape--no-margin { margin: 0px; } .yt-spec-avatar-shape--avatar-size-responsive { margin: 2px; position: relative; display: flex; justify-content: center; width: 128px; height: 128px; max-width: 144px; } .yt-spec-avatar-shape--avatar-size-responsive.yt-spec-avatar-shape--no-margin { margin: 0px; } .yt-avatar-stack-view-model-wiz { display: inline-flex; align-items: center; } .yt-avatar-stack-view-model-wiz__avatars { display: flex; flex-direction: row-reverse; } .yt-avatar-stack-view-model-wiz__avatar--avatar-size-tiny:not(:last-child) { margin-left: -8px; } .yt-avatar-stack-view-model-wiz__avatar--avatar-size-extra-small:not(:last-child) { margin-left: -8px; } .yt-avatar-stack-view-model-wiz__avatar--avatar-size-small:not(:last-child) { margin-left: -8px; } .yt-avatar-stack-view-model-wiz__avatar--avatar-size-medium:not(:last-child) { margin-left: -8px; } .yt-avatar-stack-view-model-wiz__avatar--avatar-size-48:not(:last-child) { margin-left: -8px; } .yt-avatar-stack-view-model-wiz__avatar--avatar-size-large:not(:last-child) { margin-left: -8px; } .yt-avatar-stack-view-model-wiz__avatar--avatar-size-extra-large:not(:last-child) { margin-left: -8px; } .yt-avatar-stack-view-model-wiz__avatar--avatar-size-extra-extra-large:not(:last-child) { margin-left: -8px; } .yt-avatar-stack-view-model-wiz__avatar--avatar-size-giant:not(:last-child) { margin-left: -8px; } .yt-avatar-stack-view-model-wiz__avatar--avatar-size-responsive:not(:last-child) { margin-left: -8px; } .yt-avatar-stack-view-model-wiz__text-container { display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); margin: 2px 0px 2px -8px; border: 2px solid rgb(15, 15, 15); } .yt-avatar-stack-view-model-wiz__text-container--thin-border { margin-top: 3px; margin-bottom: 3px; border-width: 1px; } .yt-avatar-stack-view-model-wiz__text-container--thin-border-overlay { border: 1px solid rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.1); } .yt-avatar-stack-view-model-wiz__avatar-decorated-text { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .yt-avatar-stack-view-model-wiz__avatar-stack-text { margin-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-avatar-stack-view-model-wiz__avatar-stack-text:first-child { margin-left: 0px; } .yt-avatar-stack-view-model-wiz--tappable { cursor: pointer; } .yt-avatar-stack-view-model-wiz__avatar-button { margin: 4px 0px; } .yt-avatar-stack-view-model-wiz--is-overlay { position: relative; left: 2px; margin-right: 2px; } .yt-avatar-stack-view-model-wiz--medium-text .yt-avatar-stack-view-model-wiz__avatar-stack-text { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-decorated-avatar-view-model-wiz { display: block; } .yt-thumbnail-overlay-title-view-model { position: absolute; top: 0px; left: 0px; right: 0px; padding: 12px 12px 16px; background: linear-gradient(rgba(0, 0, 0, 0.6), transparent); } .yt-thumbnail-overlay-title-view-model__title { color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-thumbnail-overlay-title-view-model__subtitle { color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-thumbnail-overlay-badge-view-model-wiz { display: flex; flex-direction: row; position: absolute; } .yt-thumbnail-overlay-badge-view-model-wiz--small { margin: 2px; } .yt-thumbnail-overlay-badge-view-model-wiz--medium { margin: 4px; } .yt-thumbnail-overlay-badge-view-model-wiz--large { margin: 8px; } .yt-thumbnail-overlay-badge-view-model-wiz--top-start { top: 0px; left: 0px; } .yt-thumbnail-overlay-badge-view-model-wiz--top-start .yt-thumbnail-overlay-badge-view-model-wiz__badge { margin-right: 4px; } .yt-thumbnail-overlay-badge-view-model-wiz--bottom-end { bottom: 0px; right: 0px; } .yt-thumbnail-overlay-badge-view-model-wiz--bottom-end .yt-thumbnail-overlay-badge-view-model-wiz__badge { margin-left: 4px; } .yt-thumbnail-overlay-badge-view-model-wiz--clip.yt-thumbnail-overlay-badge-view-model-wiz--bottom-end .yt-thumbnail-overlay-badge-view-model-wiz__badge:last-child { margin-right: 4px; } .yt-page-indicator-view-model { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 12px 12px 16px; flex: 1 1 1e-09px; display: flex; flex-direction: row; justify-content: flex-end; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); } .yt-page-indicator-view-model__indicator { background-color: rgba(255, 255, 255, 0.7); height: 8px; width: 8px; border-radius: 100%; } .yt-page-indicator-view-model__indicator:not(:last-child) { margin-right: 8px; } .yt-page-indicator-view-model__indicator--hidden { display: none; } .yt-page-indicator-view-model__indicator--selected { background-color: rgb(255, 255, 255); } .content.ytd-info-panel-content-renderer { padding: 12px 16px 16px; cursor: pointer; flex: 1 1 1e-09px; display: flex; flex-direction: row; } ytd-info-panel-content-renderer[background="BLUE"] .content.ytd-info-panel-content-renderer { background: var(--yt-spec-suggested-action); } ytd-info-panel-content-renderer[background="GRAY"] .content.ytd-info-panel-content-renderer { background: var(--yt-spec-general-background-b); } ytd-info-panel-content-renderer[background="OVERLAY_BLACK"] { background: var(--yt-spec-static-overlay-background-medium); --ytd-menu-renderer-button-color: var(--yt-spec-static-overlay-text-primary); --yt-spec-icon-active-other: var(--yt-spec-static-overlay-icon-active-other); } ytd-info-panel-content-renderer[has-menu][background="OVERLAY_BLACK"] { background: var(--yt-spec-static-overlay-background-medium); border: none; } ytd-info-panel-content-renderer[background="OVERLAY_BLACK"] .paragraphs.ytd-info-panel-content-renderer { color: var(--yt-spec-static-overlay-text-primary); } ytd-info-panel-content-renderer[background="OVERLAY_BLACK"] .inline-source.ytd-info-panel-content-renderer { color: var(--yt-spec-static-overlay-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-info-panel-content-renderer[background="OVERLAY_BLACK"] .inline-icon.ytd-info-panel-content-renderer { color: var(--yt-spec-static-overlay-text-primary); } ytd-info-panel-content-renderer[has-menu] .content.ytd-info-panel-content-renderer { padding-top: 16px; align-items: center; } ytd-info-panel-content-renderer[show-vertical-dividers] .content.ytd-info-panel-content-renderer { padding-right: 0px; } .text-content.ytd-info-panel-content-renderer { flex: 1 1 1e-09px; } ytd-info-panel-content-renderer[show-vertical-dividers] .text-content.ytd-info-panel-content-renderer { padding-right: 16px; border-right: 1px solid var(--yt-spec-10-percent-layer); } .title-container.ytd-info-panel-content-renderer { color: var(--yt-spec-call-to-action); margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .inline-link-icon.ytd-info-panel-content-renderer { width: 14px; height: 14px; margin-bottom: 2px; } .metadata-container.ytd-info-panel-content-renderer { color: var(--yt-spec-text-primary); margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .published-time.ytd-info-panel-content-renderer { display: inline-block; color: var(--yt-spec-text-secondary); } .paragraphs.ytd-info-panel-content-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-info-panel-content-renderer[truncate-paragraphs][paragraph-max-lines="3"] .paragraph.ytd-info-panel-content-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-info-panel-content-renderer[truncate-paragraphs][paragraph-max-lines="4"] .paragraph.ytd-info-panel-content-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 8rem; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-info-panel-content-renderer[truncate-paragraphs][paragraph-max-lines="3"] .attributed-paragraph.ytd-info-panel-content-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-info-panel-content-renderer[truncate-paragraphs][paragraph-max-lines="4"] .attributed-paragraph.ytd-info-panel-content-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 8rem; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .disclaimer.ytd-info-panel-content-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--yt-spec-text-secondary); } .disclaimer.ytd-info-panel-content-renderer > a.ytd-info-panel-content-renderer { color: var(--yt-spec-call-to-action); } .inline-source.ytd-info-panel-content-renderer { display: inline-block; color: var(--yt-spec-call-to-action); } .thumbnail.ytd-info-panel-content-renderer { width: 90px; height: 90px; margin-left: 8px; } ytd-info-panel-content-renderer[has-menu] { background: var(--yt-spec-suggested-action); border: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: row; } .inline-icon.ytd-info-panel-content-renderer { width: 24px; height: 24px; margin-right: 16px; color: var(--yt-spec-text-primary); } .inline-disclaimer-icon.ytd-info-panel-content-renderer { color: var(--yt-spec-text-secondary); } .disclaimer-container.ytd-info-panel-content-renderer { margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-info-panel-content-renderer[has-menu] #menu.ytd-info-panel-content-renderer { margin-top: 6.5px; } ytd-info-panel-content-renderer[rounded-container] { border-radius: 12px; } ytd-info-panel-content-renderer[rounded-container] .content.ytd-info-panel-content-renderer { border-radius: inherit; } ytd-info-panel-content-renderer[rounded-container][skip-rounding-top] { border-top-left-radius: 0px; border-top-right-radius: 0px; } ytd-info-panel-content-renderer[amsterdam-enabled] .thumbnail.ytd-info-panel-content-renderer { --yt-img-border-radius: 8px; } ytd-info-panel-content-renderer[disable-top-padding] .content.ytd-info-panel-content-renderer { padding-top: 0px; } ytd-preview-card-renderer { display: inline-block; } #content.ytd-preview-card-renderer { display: flex; flex-direction: row; } ytd-grid-video-renderer.ytd-preview-card-renderer { margin-top: 12px; vertical-align: top; } ytd-grid-video-renderer.ytd-preview-card-renderer:not(:last-child) { margin-right: 4px; } ytd-rich-list-header-renderer { display: inline-block; } #title.ytd-rich-list-header-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } #subtitle.ytd-rich-list-header-renderer { color: var(--yt-spec-text-secondary); margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #title-annotation.ytd-rich-list-header-renderer { color: var(--yt-spec-text-secondary); margin-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-rich-list-header-renderer[title-style="TITLE_STYLE_TYPE_CHANNEL_INLINE_RECS"] #title.ytd-rich-list-header-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } ytd-rich-list-header-renderer[title-style="TITLE_STYLE_TYPE_RICH_GRID_SECTION_HEADER"] #title.ytd-rich-list-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 2.8rem; -webkit-line-clamp: 1; margin: 24px 0px 24px 8px; } ytd-rich-list-header-renderer[avatar-style="CHANNEL_THUMBNAIL_STYLE_BOXART"] #subtitle.ytd-rich-list-header-renderer { margin-top: 0px; } ytd-rich-list-header-renderer[avatar-style="CHANNEL_THUMBNAIL_STYLE_BOXART_ROUNDED"] #subtitle.ytd-rich-list-header-renderer { margin-top: 0px; } ytd-rich-list-header-renderer[avatar-style="CHANNEL_THUMBNAIL_STYLE_PREVIEW_CARD"] #subtitle.ytd-rich-list-header-renderer { margin-top: 0px; } .title-row.ytd-rich-list-header-renderer { display: flex; flex-direction: row; align-items: center; } .title-text.ytd-rich-list-header-renderer { display: flex; flex-direction: column; align-items: center; } #featured-badge.ytd-rich-list-header-renderer { margin-left: 8px; } #avatar.ytd-rich-list-header-renderer > .ytd-rich-list-header-renderer:last-child { margin-right: 8px; } #navigation-button.ytd-rich-list-header-renderer { margin-left: auto; } #information-button.ytd-rich-list-header-renderer { --yt-button-icon-padding: 8px; --yt-button-icon-size: 32px; --yt-icon-button-icon-height: 16px; --yt-icon-button-icon-width: 16px; } ytd-rich-list-header-renderer[is-modern-sd] #title.ytd-rich-list-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.6rem; -webkit-line-clamp: 1; } ytd-rich-list-header-renderer[modern-typography] #title.ytd-rich-list-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-rich-list-header-renderer[modern-typography] #title.ytd-rich-list-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-rich-list-header-renderer[modern-typography] #subtitle.ytd-rich-list-header-renderer { margin-top: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-compact-channel-recommendation-card-renderer { display: inline-block; width: 210px; position: relative; } ytd-compact-channel-recommendation-card-renderer[is-dismissed] { display: none; } #banner.ytd-compact-channel-recommendation-card-renderer { position: relative; display: flex; flex-direction: row; align-items: center; width: 210px; height: 56px; } #avatar.ytd-compact-channel-recommendation-card-renderer { border: 1px solid rgba(255, 255, 255, 0.3); height: 32px; margin-left: 8px; position: absolute; width: 32px; border-radius: 50%; background-color: transparent; overflow: hidden; flex: 1 1 1e-09px; } [dir="rtl"] #avatar-protection.ytd-compact-channel-recommendation-card-renderer, #avatar-protection.ytd-compact-channel-recommendation-card-renderer[dir="rtl"] { transform: scale(-1, 1); } #channel-art.ytd-compact-channel-recommendation-card-renderer, #avatar-protection.ytd-compact-channel-recommendation-card-renderer { position: absolute; width: 210px; height: 56px; } #lower-overlay.ytd-compact-channel-recommendation-card-renderer { fill: var(--ytd-channel-recommendation-card-avatar-overlay-color); fill-opacity: 0.5; } #upper-overlay.ytd-compact-channel-recommendation-card-renderer { fill: var(--ytd-channel-recommendation-card-avatar-overlay-color); fill-opacity: 0.8; } #card-body.ytd-compact-channel-recommendation-card-renderer { max-width: 100%; } #channel-info.ytd-compact-channel-recommendation-card-renderer { margin: 0px 8px; align-items: center; display: flex; flex-direction: column; flex: 1 1 1e-09px; } #title.ytd-compact-channel-recommendation-card-renderer { color: var(--yt-spec-text-primary); margin: 16px 0px 12px; max-width: 100%; text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } #subscribe-container.ytd-compact-channel-recommendation-card-renderer { padding: 0px 8px; align-items: center; display: flex; flex-direction: column; } ytd-subscribe-button-renderer.ytd-compact-channel-recommendation-card-renderer { max-width: 100%; } ytd-menu-renderer.ytd-compact-channel-recommendation-card-renderer { --yt-icon-width: 24px; --yt-icon-height: 24px; position: absolute; right: 4px; top: 64px; } ytd-compact-channel-recommendation-card-renderer[card-style="CARD_STYLE_COMPACT_LEFT_ALIGN"] #channel-info.ytd-compact-channel-recommendation-card-renderer { margin: 0px; padding-right: 24px; align-items: flex-start; } ytd-compact-channel-recommendation-card-renderer[card-style="CARD_STYLE_COMPACT_LEFT_ALIGN"] #subscribe-container.ytd-compact-channel-recommendation-card-renderer { padding: 0px; align-items: flex-start; } ytd-compact-channel-recommendation-card-renderer[card-style="CARD_STYLE_COMPACT_LEFT_ALIGN"] #title.ytd-compact-channel-recommendation-card-renderer { align-items: flex-start; } ytd-media-upsell-renderer { flex-direction: column; overflow-y: auto; display: inline-block; max-width: 420px; --yt-img-max-height: 100px; --yt-img-min-height: 100px; --yt-lightsource-section3-color: var(--yt-spec-general-background-c); --yt-lightsource-primary-title-color: var(--yt-spec-text-primary); } ytd-media-upsell-renderer::-webkit-scrollbar { width: 16px; } ytd-media-upsell-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } ytd-media-upsell-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } ytd-media-upsell-renderer[is-carousel] .details-wrapper.ytd-media-upsell-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; padding: 0px 16px 16px 0px; } .details-wrapper.ytd-media-upsell-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; padding: 16px; } .details.ytd-media-upsell-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: column; justify-content: space-between; margin: 0px 0px 0px 12px; } .metadata-wrapper.ytd-media-upsell-renderer { flex: 1 1 1e-09px; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4.4rem; -webkit-line-clamp: 2; } .media-thumbnail.ytd-media-upsell-renderer { max-width: 160px; display: block; } #media-title.ytd-media-upsell-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4.4rem; -webkit-line-clamp: 2; color: var(--yt-spec-text-primary); margin: 0px 0px 4px; } #metadata.ytd-media-upsell-renderer { min-height: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; color: var(--yt-spec-text-secondary); margin: 0px 0px 12px; } #synopsis.ytd-media-upsell-renderer { color: var(--yt-spec-text-secondary); } #expander.ytd-media-upsell-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin: 0px 16px; } .more-button.ytd-media-upsell-renderer, .less-button.ytd-media-upsell-renderer { display: flex; flex-direction: row; } .expander-text.ytd-media-upsell-renderer { margin: 8px 0px 16px; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; color: var(--yt-spec-text-secondary); } #drop-down-icon.ytd-media-upsell-renderer, #drop-up-icon.ytd-media-upsell-renderer { margin: 6px 0px 16px; color: var(--yt-spec-text-secondary); } .image-wrapper.ytd-media-upsell-renderer { display: inline-block; position: relative; height: fit-content; } .tv-show-season-wrapper.ytd-media-upsell-renderer { background-color: var(--yt-lightsource-section3-color); opacity: 0.8; bottom: 0px; position: absolute; height: 24px; width: 100%; } #tv-show-season.ytd-media-upsell-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; bottom: 0px; color: var(--yt-lightsource-primary-title-color); position: absolute; right: 5px; max-width: 75%; } #tv-show-icon.ytd-media-upsell-renderer { bottom: 0px; color: var(--yt-lightsource-primary-title-color); left: 5px; position: absolute; } ytd-expander { display: block; } tp-yt-paper-button.ytd-expander { display: inline-block; text-align: center; font-family: inherit; min-width: 0px; } ytd-expander[collapsed] > #content.ytd-expander { overflow: hidden; max-height: var(--ytd-expander-collapsed-height); } ytd-expander[reversed], ytd-expander[reversed] > #content.ytd-expander { display: flex; flex-direction: column; } ytd-expander[reversed][collapsed][collapsed-height="0"] > #content.ytd-expander { display: none; visibility: hidden; } ytd-expander[should-use-number-of-lines][collapsed] > #content.ytd-expander { color: var(--yt-spec-text-primary); display: -webkit-box; overflow: hidden; max-height: none; -webkit-box-orient: vertical; -webkit-line-clamp: var(--ytd-expander-max-lines,4); } ytd-expander > * { overflow-wrap: break-word; min-width: 0px; } tp-yt-paper-button.ytd-expander { margin: var(--ytd-expander-button-margin,0); padding: 0px; align-self: flex-start; } ytd-expander[align-auto] tp-yt-paper-button.ytd-expander { align-self: auto; } #more.ytd-expander:focus, #less.ytd-expander:focus { outline: -webkit-focus-ring-color auto 5px; } #more.ytd-expander:focus:hover, #less.ytd-expander:focus:hover { outline: none; } #less.scrolling.ytd-expander { box-shadow: var(--ytd-expander-button-scrolling-box-shadow); border-radius: var(--ytd-expander-button-border-radius); } ytd-macro-markers-list-item-renderer { padding: 8px 8px 8px 0px; display: flex; flex-direction: row; flex: 0 0 auto; } ytd-macro-markers-list-item-renderer[carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"] { padding: 24px 8px 24px 0px; border-top: 1px solid var(--yt-spec-10-percent-layer); } ytd-macro-markers-list-item-renderer:hover, ytd-macro-markers-list-item-renderer[active] { background: var(--ytd-macro-markers-list-item-background-color,var(--yt-spec-badge-chip-background)); } ytd-macro-markers-list-item-renderer:hover h4.ytd-macro-markers-list-item-renderer, ytd-macro-markers-list-item-renderer[active] h4.ytd-macro-markers-list-item-renderer { color: var(--ytd-macro-markers-list-item-title-color,var(--yt-spec-text-primary)); } ytd-macro-markers-list-item-renderer:hover #time.ytd-macro-markers-list-item-renderer, ytd-macro-markers-list-item-renderer[active] #time.ytd-macro-markers-list-item-renderer { color: var(--ytd-macro-markers-list-item-secondary-color,var(--yt-spec-themed-blue)); background-color: var(--ytd-macro-markers-list-item-timestamp-background-color,var(--yt-spec-suggested-action)); } #endpoint.ytd-macro-markers-list-item-renderer { user-select: none; display: flex; flex-direction: row; flex: 1 1 1e-09px; align-items: center; } ytd-macro-markers-list-item-renderer:not([active]):not([should-show-buttons]) #share-button.ytd-macro-markers-list-item-renderer, ytd-macro-markers-list-item-renderer:not([active]):not([should-show-buttons]) #repeat-button.ytd-macro-markers-list-item-renderer { display: none; } #thumbnail.ytd-macro-markers-list-item-renderer { height: 56px; width: 100px; background: rgb(0, 0, 0); margin-left: 16px; position: relative; border-radius: 8px; overflow: hidden; } ytd-macro-markers-list-item-renderer[modern][active][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] #thumbnail.ytd-macro-markers-list-item-renderer { box-sizing: border-box; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] { border-radius: 8px; } #details.ytd-macro-markers-list-item-renderer { min-width: 0px; margin-left: 16px; flex: 1 1 1e-09px; display: flex; flex-direction: column; justify-content: center; } h4.ytd-macro-markers-list-item-renderer { margin-bottom: 8px; color: var(--yt-spec-text-primary); } ytd-macro-markers-list-item-renderer[carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"] h4.ytd-macro-markers-list-item-renderer { padding-bottom: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-macro-markers-list-item-renderer:not([carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"]) h4.ytd-macro-markers-list-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #time.ytd-macro-markers-list-item-renderer { padding: 2px 6px; border-radius: 2px; color: var(--yt-spec-themed-blue); background-color: var(--yt-spec-suggested-action); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; align-self: flex-start; } ytd-macro-markers-list-item-renderer[use-custom-colors] #time.ytd-macro-markers-list-item-renderer { color: var(--yt-spec-static-overlay-text-primary); background-color: var(--yt-lightsource-section1-color); } #share-button.ytd-macro-markers-list-item-renderer, #repeat-button.ytd-macro-markers-list-item-renderer { display: flex; flex-direction: column; justify-content: center; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] { padding: 4px 3px; border: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; border-radius: 2px; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"][enable-problem-walkthrough][carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"] { width: var(--ytd-horizontal-card-list-item-width); border-radius: 8px; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"][enable-problem-walkthrough][carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"]:not([modern]) h4.ytd-macro-markers-list-item-renderer { padding-bottom: 0px; margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 12rem; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"]:not([carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"]) { width: 104px; height: var(--yt-macro-marker-list-item-height,160px); } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] #details.ytd-macro-markers-list-item-renderer { margin-left: 0px; padding: 8px 4px 4px; display: flex; flex-direction: column; width: 100%; flex-basis: auto; box-sizing: border-box; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] #endpoint.ytd-macro-markers-list-item-renderer { display: flex; flex-direction: column; align-items: flex-start; height: 100%; width: 100%; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] #thumbnail.ytd-macro-markers-list-item-renderer { width: 96px; height: 54px; margin-left: unset; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] #thumbnail.ytd-macro-markers-list-item-renderer yt-img-shadow.ytd-macro-markers-list-item-renderer { width: 100%; height: 100%; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] h4.problem-walkthroughs.ytd-macro-markers-list-item-renderer { overflow-wrap: break-word; margin-bottom: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] h4.macro-markers.ytd-macro-markers-list-item-renderer { overflow-wrap: break-word; margin-bottom: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] #time.ytd-macro-markers-list-item-renderer { padding: 0px 4px; margin-top: auto; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; } ytd-macro-markers-list-item-renderer[layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] #share-button.ytd-macro-markers-list-item-renderer { display: none; } ytd-macro-markers-list-item-renderer[is-highlighted] h4.ytd-macro-markers-list-item-renderer { color: var(--yt-spec-themed-blue); } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] { width: 156px; border: unset; background: unset; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"][carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"] { margin-top: 0px; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"][carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"] #details.ytd-macro-markers-list-item-renderer { height: 100%; padding: 0px; max-height: 165px; justify-content: flex-end; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"][carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"] #details.ytd-macro-markers-list-item-renderer #time.ytd-macro-markers-list-item-renderer { margin-bottom: 0px; margin-top: 11px; z-index: 1; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"][carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"] #endpoint.ytd-macro-markers-list-item-renderer { box-sizing: border-box; max-height: 140px; padding-top: 12px; padding-bottom: 8px; border-radius: 8px; background: var(--ytd-macro-markers-list-item-background-color,var(--yt-spec-badge-chip-background)); align-items: center; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"][carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"] h4.ytd-macro-markers-list-item-renderer { width: 100%; box-sizing: border-box; padding: 0px 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 12rem; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"][carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"][modern][active] #endpoint.ytd-macro-markers-list-item-renderer { border: 2px solid var(--yt-spec-themed-blue); } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"]:not([carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"]) { height: var(--yt-macro-marker-list-item-height,165px); border: unset; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"]:not([carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"]) #details.ytd-macro-markers-list-item-renderer { display: flex; flex-direction: column-reverse; justify-content: flex-end; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"]:not([carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"]) #details.ytd-macro-markers-list-item-renderer #time.ytd-macro-markers-list-item-renderer { margin-top: unset; margin-bottom: 8px; z-index: 1; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"]:not([carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"])[active] #thumbnail.ytd-macro-markers-list-item-renderer { border: 2px solid var(--yt-spec-themed-blue); } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"]:hover:not([carousel-type="MACRO_MARKERS_LIST_ITEM_RENDERER_CAROUSEL_TYPE_TEXT_ONLY"]) { background: var(--yt-spec-badge-chip-background); } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] #thumbnail.ytd-macro-markers-list-item-renderer { height: 85px; width: 150px; flex-shrink: 0; } ytd-macro-markers-list-item-renderer[modern][layout="MACRO_MARKERS_LIST_ITEM_RENDERER_LAYOUT_VERTICAL"] h4.ytd-macro-markers-list-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-thumbnail-overlay-now-playing-renderer.ytd-macro-markers-list-item-renderer { opacity: 0.3; } ytd-macro-markers-list-item-renderer[use-highlight-styling][use-custom-colors] #time.ytd-macro-markers-list-item-renderer { background-color: var(--yt-lightsource-icon-disabled-color); color: var(--yt-lightsource-secondary-title-color); } ytd-macro-markers-list-item-renderer[use-highlight-styling][use-custom-colors] h4.ytd-macro-markers-list-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 12rem; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; color: var(--yt-lightsource-secondary-title-color); } ytd-macro-markers-list-item-renderer[use-highlight-styling][use-custom-colors][is-highlighted] h4.ytd-macro-markers-list-item-renderer { color: var(--yt-lightsource-primary-title-color); } ytd-macro-markers-list-item-renderer[use-highlight-styling][use-custom-colors][is-highlighted] #thumbnail.ytd-macro-markers-list-item-renderer { outline: 2px var(--yt-lightsource-primary-title-color) solid; } ytd-macro-markers-list-item-renderer[use-highlight-styling][use-custom-colors][is-highlighted] #time.ytd-macro-markers-list-item-renderer { background-color: var(--yt-lightsource-primary-title-color); color: var(--yt-spec-text-primary-inverse); } ytd-horizontal-card-list-renderer { --ytd-horizontal-card-list-item-width: 415px; display: block; position: relative; } ytd-horizontal-card-list-renderer[is-dismissed] #dismissible.ytd-horizontal-card-list-renderer, ytd-horizontal-card-list-renderer:not([is-dismissed]) #dismissed.ytd-horizontal-card-list-renderer { display: none; } #dismissed.ytd-horizontal-card-list-renderer { padding-top: 24px; } #header-container.ytd-horizontal-card-list-renderer { display: flex; flex-direction: row; } #header.ytd-horizontal-card-list-renderer { flex: 1 1 1e-09px; } ytd-horizontal-card-list-renderer[center-header-title] #header.ytd-horizontal-card-list-renderer { text-align: center; } ytd-title-and-button-list-header-renderer.ytd-horizontal-card-list-renderer { margin-bottom: 16px; } ytd-rich-list-header-renderer.ytd-horizontal-card-list-renderer { margin: 16px 0px; } ytd-preview-card-renderer.ytd-horizontal-card-list-renderer { vertical-align: top; padding-right: 16px; margin-right: 16px; } ytd-preview-card-renderer.ytd-horizontal-card-list-renderer:not(:last-child) { border-right: 1px solid var(--yt-spec-10-percent-layer); } #header-button.ytd-horizontal-card-list-renderer { align-self: center; } #shelf-container.ytd-horizontal-card-list-renderer { position: relative; } #scroll-container.ytd-horizontal-card-list-renderer { overflow: hidden; } #items.ytd-horizontal-card-list-renderer { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); will-change: transform; display: inline-block; white-space: nowrap; } ytd-search-refinement-card-renderer.ytd-horizontal-card-list-renderer { padding-right: 4px; vertical-align: top; white-space: normal; } ytd-compact-channel-recommendation-card-renderer.ytd-horizontal-card-list-renderer { padding-right: 4px; } ytd-grid-video-renderer.ytd-horizontal-card-list-renderer { padding-right: 4px; vertical-align: top; display: inline-block; width: 210px; margin-bottom: 24px; } ytd-game-card-renderer.ytd-horizontal-card-list-renderer { padding-right: 4px; width: 210px; margin-bottom: 24px; } ytd-info-panel-content-renderer.ytd-horizontal-card-list-renderer { display: inline-block; width: 640px; white-space: normal; } ytd-media-upsell-renderer.ytd-horizontal-card-list-renderer { display: inline-block; width: 420px; white-space: normal; } .lockup.ytd-horizontal-card-list-renderer { display: inline-block; width: 210px; padding-right: 4px; } #sort-filter.ytd-horizontal-card-list-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; } .arrow-container.ytd-horizontal-card-list-renderer { position: absolute; top: 0px; bottom: 0px; pointer-events: none; display: flex; flex-direction: column; align-items: center; justify-content: center; } #left-arrow-container.ytd-horizontal-card-list-renderer { left: -20px; } #right-arrow-container.ytd-horizontal-card-list-renderer { right: -16px; } .arrow-container.ytd-horizontal-card-list-renderer { z-index: 200; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_CHANNEL_SHELF"] .arrow-container.ytd-horizontal-card-list-renderer { bottom: auto; height: 118px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_CHANNEL_SHELF"][has-game-card] .arrow-container.ytd-horizontal-card-list-renderer { bottom: auto; height: 290px; } ytd-horizontal-card-list-renderer:not([card-list-style]) .arrow-container.ytd-horizontal-card-list-renderer { height: 90px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_CHANNEL_SHELF"][has-game-card] #items.ytd-horizontal-card-list-renderer { display: inline-flex; } ytd-horizontal-card-list-renderer[has-portrait-mini-app] ytd-mini-game-card-view-model.ytd-horizontal-card-list-renderer { padding-right: 4px; width: 210px; margin-bottom: 24px; } ytd-horizontal-card-list-renderer[has-portrait-mini-app][has-skinny-width-portrait-mini-app] ytd-mini-game-card-view-model.ytd-horizontal-card-list-renderer { width: calc((var(--ytd-watch-flexy-sidebar-width) - 12px)/3); } ytd-horizontal-card-list-renderer[has-portrait-mini-app] .arrow-container.ytd-horizontal-card-list-renderer { bottom: auto; height: calc(100% - 24px); } ytd-horizontal-card-list-renderer[has-square-mini-app] ytd-mini-game-card-view-model.ytd-horizontal-card-list-renderer { padding-right: 4px; width: 113px; margin-bottom: 24px; } ytd-horizontal-card-list-renderer[has-square-mini-app] .arrow-container.ytd-horizontal-card-list-renderer { bottom: auto; height: 113px; } ytd-horizontal-card-list-renderer[has-portrait-mini-app] #items.ytd-horizontal-card-list-renderer, ytd-horizontal-card-list-renderer[has-square-mini-app] #items.ytd-horizontal-card-list-renderer { display: inline-flex; } .arrow.ytd-horizontal-card-list-renderer, .ytd-horizontal-card-list-renderer[arrow] { pointer-events: all; cursor: pointer; width: 40px; height: 40px; border-radius: 24px; background-color: var(--yt-spec-brand-background-solid); color: var(--yt-spec-icon-inactive); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 0px 4px; } .center-aligned.ytd-horizontal-card-list-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; } ytd-horizontal-card-list-renderer[has-info-panel] #items.ytd-horizontal-card-list-renderer { background-color: var(--yt-spec-suggested-action); } ytd-macro-markers-list-item-renderer.ytd-horizontal-card-list-renderer { display: inline-block; margin-right: var(--yt-macro-marker-list-item-margin-right,12px); vertical-align: bottom; } ytd-macro-markers-list-item-renderer.ytd-horizontal-card-list-renderer:first-of-type { margin-left: var(--yt-macro-marker-list-first-item-margin-left,16px); } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"] ytd-macro-markers-list-item-renderer.ytd-horizontal-card-list-renderer:first-of-type { margin-left: 0px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"] ytd-rich-list-header-renderer.ytd-horizontal-card-list-renderer { width: calc(100% - 20px); margin: 0px 16px 0px 0px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"] #right-arrow-container.ytd-horizontal-card-list-renderer { right: 20px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"] #left-arrow-container.ytd-horizontal-card-list-renderer { left: 20px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"] #items.ytd-horizontal-card-list-renderer { max-height: 160px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"]:not([center-items]) #items.ytd-horizontal-card-list-renderer { max-height: 160px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"][center-items] #items.ytd-horizontal-card-list-renderer { max-height: 180px; min-height: 92px; display: inline-flex; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"] #header-container.ytd-horizontal-card-list-renderer { margin-bottom: 4px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"][is-search] #right-arrow-container.ytd-horizontal-card-list-renderer { right: -16px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"][is-search] #left-arrow-container.ytd-horizontal-card-list-renderer { left: -16px; } ytd-horizontal-card-list-renderer[inline-structured-description] ytd-rich-list-header-renderer.ytd-horizontal-card-list-renderer { margin-left: unset; width: 100%; } ytd-horizontal-card-list-renderer[inline-structured-description] ytd-macro-markers-list-item-renderer.ytd-horizontal-card-list-renderer:first-of-type { margin-left: unset; } ytd-horizontal-card-list-renderer[inline-structured-description][hide-navigation-button] ytd-rich-list-header-renderer.ytd-horizontal-card-list-renderer { margin-bottom: 12px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_VIDEO_CARD_ENGAGEMENT_PANEL_SECTION"] .arrow-container.ytd-horizontal-card-list-renderer { height: 118px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_VIDEO_CARD_ENGAGEMENT_PANEL_SECTION"] #right-arrow-container.ytd-horizontal-card-list-renderer { right: 8px; } ytd-horizontal-card-list-renderer[card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_VIDEO_CARD_ENGAGEMENT_PANEL_SECTION"] #left-arrow-container.ytd-horizontal-card-list-renderer { left: 8px; } ytd-horizontal-card-list-renderer[modern-chapters][card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"] { --ytd-modern-macro-markers-width: 160px; } ytd-horizontal-card-list-renderer[modern-chapters][card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"] #items.ytd-horizontal-card-list-renderer::before { content: ""; position: absolute; width: calc(100% - var(--ytd-modern-macro-markers-width)); height: 2px; background-color: var(--yt-spec-suggested-action); margin-left: 24px; } ytd-horizontal-card-list-renderer[modern-chapters][card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"]:not([center-items]) #items.ytd-horizontal-card-list-renderer::before { top: 104px; } ytd-horizontal-card-list-renderer[modern-chapters][card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"][center-items] #items.ytd-horizontal-card-list-renderer { display: inline-flex; } ytd-horizontal-card-list-renderer[modern-chapters][card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"][center-items] #items.ytd-horizontal-card-list-renderer::before { bottom: 11px; } ytd-horizontal-card-list-renderer[modern-chapters][card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"][use-custom-colors]:not([use-highlight-styling]) #items.ytd-horizontal-card-list-renderer::before { background-color: var(--yt-lightsource-section1-color); } ytd-horizontal-card-list-renderer[modern-chapters][card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"][use-custom-colors][use-highlight-styling] #items.ytd-horizontal-card-list-renderer::before { background-color: var(--yt-lightsource-icon-disabled-color); } ytd-horizontal-card-list-renderer[modern-info-panels] #scroll-container.ytd-horizontal-card-list-renderer { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } ytd-horizontal-card-list-renderer[has-video-attribute-view-models][card-list-style="HORIZONTAL_CARD_LIST_STYLE_TYPE_ENGAGEMENT_PANEL_SECTION"] #items.ytd-horizontal-card-list-renderer { max-height: 255px; } yt-video-attribute-view-model.ytd-horizontal-card-list-renderer { display: inline-block; margin-right: 12px; } #footer-section.ytd-horizontal-card-list-renderer { margin-top: 16px; max-width: 328px; } ytd-title-and-button-list-header-renderer { display: block; } #title.ytd-title-and-button-list-header-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } ytd-title-and-button-list-header-renderer[modern-typography] #title.ytd-title-and-button-list-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-title-and-button-list-header-renderer[modern-typography] #title.ytd-title-and-button-list-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-mini-game-card-view-model { display: block; } .yt-mini-game-card-view-model { height: 100%; display: inline-block; position: relative; box-sizing: border-box; vertical-align: top; } .yt-mini-game-card-view-model__background-base { position: absolute; inset: 0px; } .yt-mini-game-card-view-model__background-blur { background-position: center center; background-repeat: no-repeat; background-size: 200%; filter: blur(35px); position: absolute; inset: 0px; } .yt-mini-game-card-view-model__gradient-scrim { position: absolute; inset: 0px; } .yt-mini-game-card-view-model__thumbnail-wrapper { border-radius: 4px; display: block; overflow: hidden; position: relative; } .yt-mini-game-card-view-model__thumbnail-image { border-radius: inherit; box-sizing: border-box; position: absolute; top: 0px; left: 0px; } .yt-mini-game-card-view-model__badge-container { position: absolute; display: flex; align-items: center; justify-content: center; gap: 4px; } .yt-mini-game-card-view-model__attribute-badge-container { align-items: center; bottom: 12px; display: flex; gap: 4px; justify-content: center; position: absolute; right: 12px; } .yt-mini-game-card-view-model__badge-content-type { align-items: center; display: flex; gap: 2px; } .yt-mini-game-card-view-model__badge-high-score { align-items: center; display: flex; gap: 2px; } .yt-mini-game-card-view-model__icon { align-items: center; height: 12px; margin: 0px 2px; width: 12px; } .yt-mini-game-card-view-model__badge-text { margin: 0px 1px; } .yt-mini-game-card-view-model__badge { align-items: center; justify-content: center; width: fit-content; background-color: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); border-radius: 2px; padding: 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model__unplayable-badge { align-items: center; color: rgb(255, 255, 255); display: flex; justify-content: center; } .yt-mini-game-card-view-model__unplayable-icon { align-items: center; height: 16px; margin: 0px 2px; width: 16px; } .yt-mini-game-card-view-model__avatar { margin-right: 12px; } .yt-mini-game-card-view-model__channel-metadata-line { display: flex; -webkit-line-clamp: 2; flex-wrap: wrap; } .yt-mini-game-card-view-model__card-metadata-wrapper { position: relative; margin-top: 8px; display: flex; flex-direction: row; } .yt-mini-game-card-view-model__metadata-details { flex-grow: 1; text-decoration: none; } .yt-mini-game-card-view-model__title { color: rgb(255, 255, 255); margin-bottom: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model__genre { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model__genre-with-separator { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model__genre-with-separator::before { content: "•"; margin: 0px 4px; } .yt-mini-game-card-view-model__description { color: rgb(170, 170, 170); text-decoration: none; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model__search-result-channel-text { color: rgb(170, 170, 170); text-decoration: none; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model__search-result-channel-text:hover { color: rgb(241, 241, 241); } .yt-mini-game-card-view-model__overflow-button { transform: scale(1); } .yt-mini-game-card-view-model__card-action-button { margin-top: 8px; display: block; } .yt-mini-game-card-view-model--square-card { width: 96px; } .yt-mini-game-card-view-model--square-card .yt-mini-game-card-view-model__thumbnail-wrapper { border-radius: 8px; padding-top: 100%; } .yt-mini-game-card-view-model--square-card .yt-mini-game-card-view-model__title { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model--square-card .yt-mini-game-card-view-model__genre { color: rgb(170, 170, 170); } .yt-mini-game-card-view-model--square-card .yt-mini-game-card-view-model__overflow-button { margin-top: -8px; margin-right: -8px; transform: scale(0.67); } .yt-mini-game-card-view-model--square-card .yt-mini-game-card-view-model__metadata-details { max-width: calc(100% - 22px); } .yt-mini-game-card-view-model__cinematic-background-wrapper { position: relative; } .yt-mini-game-card-view-model--portrait-card { width: 150px; overflow: hidden; padding: 8px; border-radius: 12px; } .yt-mini-game-card-view-model--portrait-card .yt-mini-game-card-view-model__thumbnail-wrapper { border-radius: 4px; padding-top: 140%; } .yt-mini-game-card-view-model--portrait-card .yt-mini-game-card-view-model__badge-container { top: 4px; left: 4px; } .yt-mini-game-card-view-model--portrait-card .yt-mini-game-card-view-model__overflow-button { margin-top: -8px; margin-right: -12px; transform: scale(0.67); } .yt-mini-game-card-view-model--thumbnail-landscape-aspect-ratio .yt-mini-game-card-view-model__thumbnail-wrapper { padding-top: 56.25%; } .yt-mini-game-card-view-model--singleton-card { display: block; overflow: hidden; padding: 8px; border-radius: 12px; } .yt-mini-game-card-view-model--singleton-card .yt-mini-game-card-view-model__thumbnail-wrapper { padding-top: 56.25%; } .yt-mini-game-card-view-model--singleton-card .yt-mini-game-card-view-model__badge-container { bottom: 4px; right: 4px; } .yt-mini-game-card-view-model--singleton-card .yt-mini-game-card-view-model__metadata-details { margin-right: 12px; } .yt-mini-game-card-view-model--singleton-card .yt-mini-game-card-view-model__overflow-button { margin-top: -2px; } @media (min-aspect-ratio: 13 / 9) and (orientation: landscape), (min-width: 931px) and (orientation: landscape) { .yt-mini-game-card-view-model--singleton-card { width: 200px; margin-right: 12px; } } @media (min-width: 1024px) { .yt-mini-game-card-view-model--singleton-card { width: 200px; margin-right: 12px; } } .yt-mini-game-card-view-model--singleton-card-desktop { max-width: 360px; min-width: 240px; margin-right: 16px; flex: 1 1 1e-09px; } .yt-mini-game-card-view-model--search-result-mweb { padding: 0px 12px; margin-bottom: 12px; } @media (max-width: 299px) and (orientation: portrait) { .yt-mini-game-card-view-model--search-result-mweb { margin-bottom: 0px; padding: 0px 8px; } } @media (min-aspect-ratio: 13 / 9) and (orientation: landscape), (min-width: 931px) and (orientation: landscape) { .yt-mini-game-card-view-model--search-result-mweb { margin-top: 12px; padding: 0px 12px; flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: flex-start; } .yt-mini-game-card-view-model--search-result-mweb .yt-mini-game-card-view-model__card-metadata-wrapper, .yt-mini-game-card-view-model--search-result-mweb .yt-mini-game-card-view-model__card-action-button { display: none; } } @media (min-width: 1024px) { .yt-mini-game-card-view-model--search-result-mweb { margin-top: 12px; padding: 0px 12px; flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: flex-start; } .yt-mini-game-card-view-model--search-result-mweb .yt-mini-game-card-view-model__card-metadata-wrapper, .yt-mini-game-card-view-model--search-result-mweb .yt-mini-game-card-view-model__card-action-button { display: none; } } .yt-mini-game-card-view-model--search-result-top-margin { margin-top: 16px; } .yt-mini-game-card-view-model--search-result-desktop { flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: flex-start; } .yt-mini-game-card-view-model--search-result-metadata-wrapper { max-width: none; cursor: pointer; text-decoration: none; flex: 1 1 1e-09px; } .yt-mini-game-card-view-model--search-result-metadata-wrapper .yt-mini-game-card-view-model__title { margin-right: 8px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model--search-result-metadata-wrapper .yt-mini-game-card-view-model__genre { color: rgb(170, 170, 170); } .yt-mini-game-card-view-model--search-result-metadata-wrapper-mweb { display: none; cursor: default; } @media (min-aspect-ratio: 13 / 9) and (orientation: landscape), (min-width: 931px) and (orientation: landscape) { .yt-mini-game-card-view-model--search-result-metadata-wrapper-mweb { align-self: stretch; flex: 1 1 1e-09px; display: flex; flex-direction: column; } } @media (min-width: 1024px) { .yt-mini-game-card-view-model--search-result-metadata-wrapper-mweb { align-self: stretch; flex: 1 1 1e-09px; display: flex; flex-direction: column; } } .yt-mini-game-card-view-model--search-result-metadata-wrapper-mweb .yt-mini-game-card-view-model__title { margin-right: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model__search-result-info-row { flex: 1 1 1e-09px; display: flex; flex-direction: row; } .yt-mini-game-card-view-model__search-result-info-row-mweb { padding-right: 16px; } .yt-mini-game-card-view-model__search-result-action-button { margin-right: 16px; } .yt-mini-game-card-view-model__search-result-channel-row { flex: 3 1 0%; display: flex; flex-direction: row; } .yt-mini-game-card-view-model--search-result-channel-name { padding: 12px 0px; min-width: fit-content; align-self: baseline; display: flex; flex-direction: row; align-items: center; } .yt-mini-game-card-view-model--search-result-channel-name .yt-mini-game-card-view-model__avatar { margin-right: 8px; } .yt-mini-game-card-view-model__metadata-row-extra-endpoint { flex: 1 1 1e-09px; } .yt-mini-game-card-view-model--square-card-desktop { width: 113px; } .yt-mini-game-card-view-model--portrait-card-desktop { width: 210px; } .yt-mini-game-card-view-model--portrait-card-desktop-skinny-width { width: 131px; } .yt-mini-game-card-view-model--use-full-width { width: 100%; } .yt-mini-game-card-view-model--extra-bottom-padding { padding-bottom: 12px; } .yt-mini-game-card-view-model--big-metadata-font .yt-mini-game-card-view-model__title { color: rgb(255, 255, 255); margin-bottom: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model--big-metadata-font .yt-mini-game-card-view-model__genre { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model--big-metadata-font .yt-mini-game-card-view-model__overflow-button { margin-top: -5px; margin-right: -12px; transform: scale(1); } .yt-mini-game-card-view-model--show-overflow-menu-on-hover .yt-mini-game-card-view-model__overflow-button { opacity: 0; } .yt-mini-game-card-view-model--show-overflow-menu-on-hover .yt-mini-game-card-view-model__overflow-button:focus-within { opacity: 1; } .yt-mini-game-card-view-model--show-overflow-menu-on-hover:hover .yt-mini-game-card-view-model__overflow-button { opacity: 1; } @media (pointer: coarse) { .yt-mini-game-card-view-model--show-overflow-menu-on-hover .yt-mini-game-card-view-model__overflow-button { opacity: 1; } } .yt-mini-game-card-view-model--show-unplayable-on-hover .yt-mini-game-card-view-model__unplayable-badge { opacity: 0; } .yt-mini-game-card-view-model--show-unplayable-on-hover .yt-mini-game-card-view-model__unplayable-badge:focus-within { opacity: 1; } .yt-mini-game-card-view-model--show-unplayable-on-hover:hover .yt-mini-game-card-view-model__unplayable-badge { opacity: 1; } @media (pointer: coarse) { .yt-mini-game-card-view-model--show-unplayable-on-hover .yt-mini-game-card-view-model__unplayable-badge { opacity: 1; } } .yt-mini-game-card-view-model__dismissed-card { position: relative; } .yt-mini-game-card-view-model__dismissed-portrait-card { padding-top: 140%; } .yt-mini-game-card-view-model--dismissed-square-card { padding-top: 100%; } .yt-mini-game-card-view-model__dismissed-mini-app-content { box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.2); display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 12px; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; } .yt-mini-game-card-view-model__dismissed-text { text-align: center; margin: 8px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-mini-game-card-view-model--change-layout-with-cta { border-radius: 0px; display: block; padding: 0px; overflow: visible; } .yt-mini-game-card-view-model--change-layout-with-cta .yt-mini-game-card-view-model__cinematic-background-wrapper { border-radius: 12px; overflow: hidden; padding: 8px; } .yt-mini-game-card-view-model--change-layout-with-cta .yt-mini-game-card-view-model__title { color: rgb(241, 241, 241); } .yt-mini-game-card-view-model--change-layout-with-cta .yt-mini-game-card-view-model__genre { color: rgb(170, 170, 170); } .yt-mini-game-card-view-model--change-layout-with-game-console .yt-mini-game-card-view-model__title { color: rgb(241, 241, 241); } .yt-mini-game-card-view-model__game-console-wrapper { align-items: center; box-sizing: border-box; display: flex; justify-content: space-between; padding: 12px 4px 4px; position: relative; width: 100%; } .yt-mini-game-card-view-model__game-console-icon { display: block; } .yt-spec-place-data-view-model-shape { width: 120px; display: inline-block; cursor: pointer; margin-right: 8px; } .yt-spec-place-data-view-model-shape__place-link { text-decoration: none; } .yt-spec-place-data-view-model-shape__name { color: rgb(241, 241, 241); min-height: 4rem; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; margin-top: 8px; } .yt-spec-place-data-view-model-shape__metadata { color: rgb(170, 170, 170); } .yt-spec-place-data-view-model-shape__thumbnail { width: 120px; height: 90px; } .yt-spec-place-data-view-model-shape__thumbnail-round { border-radius: 8px; } .yt-spec-place-data-view-model-shape__metadata-row { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-spec-place-data-view-model-shape__metadata-row-star-icon { margin-left: 4px; margin-bottom: 4px; } .yt-spec-place-data-view-model-shape__metadata-row-reviews { margin-left: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: block; } .yt-spec-place-data-view-model-shape__metadata-row-categories { margin-top: 2px; } .yt-spec-place-data-view-model-shape__metadata-row-ratings { display: flex; align-items: center; min-height: 20px; } .yt-collection-thumbnail-view-model { display: block; position: relative; width: 100%; } .yt-collection-thumbnail-view-model__slideshow { position: absolute; inset: 0px; } .yt-collection-thumbnail-view-model--has-stacks { border-top: 1px solid rgb(15, 15, 15); margin-top: -1px; } .yt-collection-thumbnail-slideshow { display: block; position: relative; } .yt-collection-thumbnail-slideshow__slideshow-thumbnail { position: absolute; top: 0px; left: 0px; right: 0px; opacity: 0; transition: opacity 0.8s; } .yt-collection-thumbnail-slideshow--first-slide { position: relative; } .yt-collection-thumbnail-slideshow--show-slide { opacity: 1; } .ytAnimatedThumbnailOverlayViewModelHost { display: block; position: absolute; inset: 0px; } .ytThumbnailOverlayButtonViewModelHost { display: block; } .ytThumbnailOverlayButtonViewModelButton { position: absolute; bottom: 4px; right: 4px; } .ytThumbnailOverlayButtonViewModelButtonLegacyIcon { position: absolute; bottom: 8px; right: 8px; } .ytThumbnailHoverOverlayToggleActionsViewModelHost { display: block; top: 0px; right: 0px; position: absolute; z-index: 200; } .ytThumbnailHoverOverlayToggleActionsViewModelButton { padding: 4px 4px 0px; } .ytThumbnailOverlayFullViewModelHost { display: flex; position: absolute; inset: 0px; align-items: center; flex-direction: column; justify-content: center; background-color: rgba(0, 0, 0, 0.6); } .ytThumbnailOverlayFullViewModelText { margin: 4px; color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytThumbnailOverlayFullViewModelIcon { margin: 4px; color: rgb(255, 255, 255); fill: rgb(255, 255, 255); height: 24px; } .yt-thumbnail-view-model { display: block; position: relative; width: 100%; overflow: hidden; height: 0px; } .yt-thumbnail-view-model--cinematic { background-color: rgb(0, 0, 0); } .yt-thumbnail-view-model--aspect-ratio-16-by-9 { padding-top: 56.25%; } .yt-thumbnail-view-model--aspect-ratio-2-by-3 { padding-top: 150%; } .yt-thumbnail-view-model--shorts-aspect-ratio-9-by-16 { padding-top: 178%; } .yt-thumbnail-view-model--aspect-ratio-1-by-1 { padding-top: 100%; } .yt-thumbnail-view-model--small { border-radius: 4px; } .yt-thumbnail-view-model--medium { border-radius: 8px; } .yt-thumbnail-view-model--large { border-radius: 12px; } .yt-thumbnail-view-model__image { position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; height: 100%; } .yt-thumbnail-view-model__blurred-image { position: absolute; inset: 0px; height: 200%; filter: blur(30px); transform: translateY(-25%); } .yt-pinking { position: absolute; inset: 0px; } .yt-pinking__pinking-left { position: absolute; left: 0px; width: 4px; height: 100%; } .yt-pinking__pinking-right { position: absolute; right: 0px; width: 4px; height: 100%; } .yt-pinking__pinking { fill: rgb(15, 15, 15); } .ytLockupAttachmentsViewModelHost { display: flex; flex: 1 1 0%; } .ytLockupAttachmentsViewModelAttachment { margin-top: 12px; min-width: 0px; flex: 1 1 0%; } .ytwAdButtonGroupViewModelHost { display: flex; flex-basis: 100%; flex-direction: row; align-items: center; } .ytwAdButtonGroupViewModelHostPrimaryButton { flex: 1 1 0%; } .ytwAdButtonGroupViewModelHostSecondaryButton { margin-right: 4px; flex: 1 1 0%; } .ytwAdButtonViewModelHost { display: block; height: max-content; } .ytwAdButtonViewModelHostHasAnimation { transition: opacity 0.3s, height; } .ytwAdButtonViewModelShow { opacity: 1; } .ytwAdButtonViewModelHide { opacity: 0; } .ytwAdButtonViewModelFullHeight { height: auto; } .ytwAdButtonViewModelNoHeight { height: 0px; } .ytSurveyIconsHost { display: flex; flex-direction: column; } .ytSurveyIconsHeader { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .ytSurveyIconsTitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } .ytSurveyIconsAnswers { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .ytSurveyIconsIcon { color: rgb(241, 241, 241); width: 36px; height: 36px; margin: -6px; } .ytSurveyIconsAnswersText { color: rgb(241, 241, 241); display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytSlimlineSurveyViewModelHost { position: relative; border-radius: 12px; background-color: rgb(33, 33, 33); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 10px; margin-top: 24px; display: flex; flex-direction: column; max-height: 300px; transition: max-height 0.3s, margin 0.3s, opacity 0.3s; } .ytSlimlineSurveyViewModelHost::before { content: ""; background-color: rgb(33, 33, 33); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 4px; position: absolute; margin-left: -12px; width: 24px; height: 24px; top: -12px; left: 50%; transform: rotate(45deg); } .ytSlimlineSurveyViewModelCollapsed { max-height: 0px; margin-top: 0px; opacity: 0; } .ytSlimlineSurveyViewModelCollapsed::before { opacity: 0; } .ytSlimlineSurveyViewModelContainer { display: flex; flex-direction: column; box-sizing: border-box; border-radius: 12px; background-color: rgb(33, 33, 33); padding: 8px 12px; overflow: hidden; position: relative; } .ytSlimlineSurveyViewModelHeader { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .ytSlimlineSurveyViewModelTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } .ytSlimlineSurveyViewModelAnswers { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .ytSlimlineSurveyViewModelIcon { width: 36px; height: 36px; } .ytSlimlineSurveyViewModelAnswersText { display: flex; flex-direction: row; align-items: center; justify-content: space-between; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .yt-lockup-metadata-view-model-wiz { display: flex; position: relative; flex-direction: row; min-width: 0px; --yt-attributed-string-link-hover-color: #f1f1f1; } .yt-lockup-metadata-view-model-wiz__heading-reset { margin: 0px; padding: 0px; border: 0px; max-height: unset; } .yt-lockup-metadata-view-model-wiz__text-container { display: flex; flex-direction: column; min-width: 0px; } .yt-lockup-metadata-view-model-wiz__avatar { margin-right: 12px; display: none; } .yt-lockup-metadata-view-model-wiz--standard .yt-lockup-metadata-view-model-wiz__avatar { display: block; } .yt-lockup-metadata-view-model-wiz__title { text-decoration: none; word-break: break-word; padding-right: 24px; color: rgb(241, 241, 241); } .yt-lockup-metadata-view-model-wiz__metadata { color: rgb(170, 170, 170); } .yt-lockup-metadata-view-model-wiz__menu-button { position: absolute; top: -6px; right: -10px; } .yt-lockup-metadata-view-model-wiz__attribution { margin-top: 2px; color: rgb(170, 170, 170); } .yt-lockup-metadata-view-model-wiz--card { margin: 4px 0px; } .yt-lockup-metadata-view-model-wiz--vertical.yt-lockup-metadata-view-model-wiz--centered { justify-content: center; } .yt-lockup-metadata-view-model-wiz--vertical.yt-lockup-metadata-view-model-wiz--centered .yt-lockup-metadata-view-model-wiz__title { padding-right: 0px; } .yt-lockup-metadata-view-model-wiz--vertical.yt-lockup-metadata-view-model-wiz--centered .yt-lockup-metadata-view-model-wiz__text-container { align-items: center; } .yt-lockup-metadata-view-model-wiz--vertical.yt-lockup-metadata-view-model-wiz--centered .yt-lockup-metadata-view-model-wiz__attribution { margin-top: 12px; } .yt-lockup-metadata-view-model-wiz--vertical.yt-lockup-metadata-view-model-wiz--card { margin: 0px 8px 8px; } .yt-lockup-metadata-view-model-wiz--overlay { --yt-attributed-string-link-hover-color: #fff; } .yt-lockup-metadata-view-model-wiz--overlay .yt-lockup-metadata-view-model-wiz__title, .yt-lockup-metadata-view-model-wiz--overlay .yt-lockup-metadata-view-model-wiz__metadata { color: rgb(255, 255, 255); } .yt-lockup-metadata-view-model-wiz--horizontal .yt-lockup-metadata-view-model-wiz__avatar { display: none; } .yt-lockup-metadata-view-model-wiz--horizontal.yt-lockup-metadata-view-model-wiz--centered .yt-lockup-metadata-view-model-wiz__text-container { justify-content: center; padding-right: 28px; } .yt-lockup-metadata-view-model-wiz--horizontal.yt-lockup-metadata-view-model-wiz--centered .yt-lockup-metadata-view-model-wiz__title { padding-right: 0px; } .yt-lockup-metadata-view-model-wiz--horizontal.yt-lockup-metadata-view-model-wiz--centered .yt-lockup-metadata-view-model-wiz__menu-button { top: 50%; transform: translateY(-50%); } .yt-lockup-metadata-view-model-wiz--standard .yt-lockup-metadata-view-model-wiz__title { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-lockup-metadata-view-model-wiz--standard.yt-lockup-metadata-view-model-wiz--typography-bump .yt-lockup-metadata-view-model-wiz__title { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-lockup-metadata-view-model-wiz--standard.yt-lockup-metadata-view-model-wiz--legacy-typography .yt-lockup-metadata-view-model-wiz__title { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-lockup-metadata-view-model-wiz--standard.yt-lockup-metadata-view-model-wiz--rich-grid-legacy-typography .yt-lockup-metadata-view-model-wiz__title { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-lockup-metadata-view-model-wiz--compact .yt-lockup-metadata-view-model-wiz__title { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-lockup-metadata-view-model-wiz--compact.yt-lockup-metadata-view-model-wiz--typography-bump .yt-lockup-metadata-view-model-wiz__title { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-lockup-metadata-view-model-wiz--compact.yt-lockup-metadata-view-model-wiz--rich-grid-legacy-typography .yt-lockup-metadata-view-model-wiz__title { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-lockup-metadata-view-model-wiz--tiny .yt-lockup-metadata-view-model-wiz__title { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-attribution-view-model-wiz { display: flex; align-items: center; min-width: 0px; } .yt-attribution-view-model-wiz__attribution-text { min-width: 32px; background-color: unset; border-style: unset; flex-shrink: 1; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .yt-attribution-view-model-wiz__suffix { margin-left: 4px; background-color: unset; border-style: unset; flex-shrink: 0; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .yt-attribution-view-model-wiz__attribution-image { margin-right: 8px; flex: 0 0 auto; } .yt-attribution-view-model-wiz__badge { margin-right: 4px; flex: 0 0 auto; } .yt-attribution-view-model-wiz--tappable { background-color: transparent; border-style: none; padding: 0px; cursor: pointer; color: inherit; display: flex; align-items: center; min-width: 0px; } .yt-attribution-view-model-wiz--medium-text .yt-attribution-view-model-wiz__attribution-text, .yt-attribution-view-model-wiz--medium-text .yt-attribution-view-model-wiz__suffix { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .yt-badge-view-model-wiz { display: inline-block; } .ytBrNzBadgeShapeHost { display: block; } .ytBrNzBadgeShapeBadgeStyleTypeNzRatingRedSquare { background: rgb(240, 57, 54); height: 2.2rem; width: 2.2rem; border-radius: 0px; color: black; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeNzRatingYellowCircle { background: rgb(255, 239, 0); height: 2.2rem; width: 2.2rem; border-radius: 50%; color: black; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeNzRatingGreenCircle { background: rgb(66, 199, 88); height: 2.2rem; width: 2.2rem; border-radius: 50%; color: black; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallGreenSquare { background: rgb(0, 166, 81); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallBlueSquare { background: rgb(0, 149, 218); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingLargeBlueSquare { background: rgb(0, 149, 218); height: 2.2rem; width: 2.2rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallYellowSquare { background: rgb(251, 193, 21); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingLargeYellowSquare { background: rgb(251, 193, 21); height: 2.2rem; width: 2.2rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallOrangeSquare { background: rgb(245, 130, 32); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingLargeOrangeSquare { background: rgb(245, 130, 32); height: 2.2rem; width: 2.2rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallRedSquare { background: rgb(236, 29, 37); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingLargeRedSquare { background: rgb(236, 29, 37); height: 2.2rem; width: 2.2rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingSmallBlackSquare { background: rgb(0, 0, 0); height: 1.8rem; width: 1.8rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .ytBrNzBadgeShapeBadgeStyleTypeBrRatingLargeBlackSquare { background: rgb(0, 0, 0); height: 2.2rem; width: 2.2rem; color: white; border: 1px solid white; border-radius: 10%; white-space: nowrap; overflow: hidden; text-overflow: clip; padding: 0px; display: flex; text-align: center; justify-content: center; align-items: center; } .yt-content-preview-image-view-model-wiz { display: flex; overflow: hidden; position: relative; } .yt-content-preview-image-view-model-wiz--circle-image { border-radius: 50%; } .yt-content-preview-image-view-model-wiz--extra-small-rounded-image { border-radius: 2px; } .yt-content-preview-image-view-model-wiz--small-rounded-image { border-radius: 4px; } .yt-content-preview-image-view-model-wiz--large-rounded-image { border-radius: 8px; } .yt-content-preview-image-view-model-wiz--tappable { cursor: pointer; } .yt-content-metadata-view-model-wiz { display: block; } .yt-content-metadata-view-model-wiz__metadata-row { display: flex; align-items: center; margin-top: 2px; overflow: hidden; } .yt-content-metadata-view-model-wiz__metadata-row--metadata-row-inline { display: inline-flex; } .yt-content-metadata-view-model-wiz__metadata-row--metadata-row-padding { padding: 12px 0px; } .yt-content-metadata-view-model-wiz__metadata-row--metadata-row-wrap { flex-wrap: wrap; } .yt-content-metadata-view-model-wiz__badge { margin-right: 4px; } .yt-content-metadata-view-model-wiz__spacer { height: 12px; } .yt-content-metadata-view-model-wiz__metadata-text { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; } .yt-content-metadata-view-model-wiz__metadata-text:last-of-type { overflow: hidden; } .yt-content-metadata-view-model-wiz__metadata-text-max-lines-0 { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .yt-content-metadata-view-model-wiz__metadata-text-max-lines-2 { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-content-metadata-view-model-wiz__metadata-text-max-lines-3 { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 5.4rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-content-metadata-view-model-wiz__metadata-text-max-lines-4 { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 7.2rem; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-content-metadata-view-model-wiz__delimiter { margin: 0px 4px; vertical-align: middle; } .yt-content-metadata-view-model-wiz__delimiter--standalone { display: inline-block; margin-top: 2px; } .yt-content-metadata-view-model-wiz--inline { white-space: normal; } .yt-content-metadata-view-model-wiz--inline .yt-content-metadata-view-model-wiz__metadata-row { vertical-align: middle; } .yt-content-metadata-view-model-wiz--tappable { cursor: pointer; } .yt-content-metadata-view-model-wiz--medium-text .yt-content-metadata-view-model-wiz__metadata-text { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; } .yt-content-metadata-view-model-wiz--medium-text .yt-content-metadata-view-model-wiz__metadata-text-max-lines-0 { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-content-metadata-view-model-wiz--medium-text .yt-content-metadata-view-model-wiz__metadata-text-max-lines-2 { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-content-metadata-view-model-wiz--medium-text .yt-content-metadata-view-model-wiz__metadata-text-max-lines-3 { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-content-metadata-view-model-wiz--medium-text .yt-content-metadata-view-model-wiz__metadata-text-max-lines-4 { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 8rem; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-lockup-view-model-wiz { display: flex; flex: 1 1 0%; position: relative; cursor: pointer; min-width: 0px; -webkit-tap-highlight-color: transparent; } .yt-lockup-view-model-wiz__metadata { position: relative; display: flex; min-width: 0px; flex-direction: column; } .yt-lockup-view-model-wiz--centered .yt-lockup-view-model-wiz__metadata { justify-content: center; } .yt-lockup-view-model-wiz--add-margins { margin-right: 12px; margin-left: 12px; } .yt-lockup-view-model-wiz--fullbleed .yt-lockup-view-model-wiz__metadata { margin-left: 12px; margin-right: 12px; } .yt-lockup-view-model-wiz__content-image { display: flex; flex-direction: inherit; } .yt-lockup-view-model-wiz--vertical { flex-direction: column; } .yt-lockup-view-model-wiz--vertical .yt-lockup-view-model-wiz__content-image { padding-bottom: 8px; align-items: center; } .yt-lockup-view-model-wiz--vertical.yt-lockup-view-model-wiz--rich-grid-legacy-margin .yt-lockup-view-model-wiz__content-image { padding-bottom: 12px; } .yt-lockup-view-model-wiz--horizontal { flex-direction: row; height: inherit; } .yt-lockup-view-model-wiz--horizontal .yt-lockup-view-model-wiz__content-image { display: flex; flex: 0 0 auto; padding-right: 16px; justify-content: center; max-width: 500px; } .yt-lockup-view-model-wiz--horizontal .yt-lockup-view-model-wiz__metadata { flex: 1 1 0%; } .yt-lockup-view-model-wiz--horizontal.yt-lockup-view-model-wiz--collection-stack-1 { position: relative; margin-top: 6px; } .yt-lockup-view-model-wiz--horizontal.yt-lockup-view-model-wiz--collection-stack-2 { position: relative; margin-top: 10px; } .yt-lockup-view-model-wiz--horizontal.yt-lockup-view-model-wiz--compact .yt-lockup-view-model-wiz__content-image { padding-right: 8px; } .yt-lockup-view-model-wiz--single-column-grid.yt-lockup-view-model-wiz--collection-stack-1 { position: relative; margin-top: 6px; } .yt-lockup-view-model-wiz--single-column-grid.yt-lockup-view-model-wiz--collection-stack-2 { position: relative; margin-top: 10px; } .yt-lockup-view-model-wiz--overlay { flex-direction: column; position: relative; } .yt-lockup-view-model-wiz--overlay .yt-lockup-view-model-wiz__metadata { position: absolute; bottom: 0px; padding: 8px; background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0px, rgba(0, 0, 0, 0) 100%); right: 0px; left: 0px; } .yt-lockup-view-model-wiz--card { border-radius: 12px; overflow: hidden; background-color: rgba(255, 255, 255, 0.1); } .yt-lockup-view-model-wiz--protect-background { background-color: rgba(0, 0, 0, 0.8); } .ytDismissibleItemReplacedContent { position: relative; flex: 1 1 0%; } .ytDismissibleItemAspectRatioContainer { position: absolute; inset: 0px; display: flex; } .ytDismissibleItemAspectRatio16By9 { padding-top: 56.25%; } .ytDismissibleItemAspectRatio2By3 { padding-top: 150%; } .ytDismissibleItemAspectRatio3By4 { padding-top: 133.33%; } .ytDismissibleItemShortsAspectRatio9By16 { padding-top: 178%; } .ytDismissibleItemAspectRatio1By1 { padding-top: 100%; } .ytNotificationMultiActionRendererHost { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 20px 12px 8px; text-align: center; justify-content: center; display: flex; align-items: center; flex: 1 1 0%; flex-direction: column; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .ytNotificationMultiActionRendererHostLegacyShelfStyle { flex-direction: row; justify-content: flex-start; border: none; } .ytNotificationMultiActionRendererTextContainer { flex: 1 1 0%; display: flex; justify-content: center; text-align: center; align-items: center; margin-bottom: 12px; } .ytNotificationMultiActionRendererTextContainerLegacyShelfStyle { flex: 0 0 auto; margin-bottom: 0px; } .ytNotificationMultiActionRendererButtonContainer { display: flex; flex-direction: column; width: 100%; } .ytNotificationMultiActionRendererButtonContainerLegacyShelfStyle { width: auto; } .ytNotificationMultiActionRendererButton { padding: 6px 0px; display: flex; flex: 1 1 0%; } .ytNotificationTextRendererHost { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 12px; text-align: center; justify-content: center; display: flex; flex: 1 1 0%; align-items: center; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .ytwAdAvatarViewModelHostIsClickableAdComponent, .ytwAdAvatarViewModelHost { display: block; } .ytwAdBadgeViewModelHostIsClickableAdComponent, .ytwAdBadgeViewModelHost { display: inline; } .ytwAdBadgeViewModelHostIsClickableAdComponentStyleStandard, .ytwAdBadgeViewModelHostStyleStandard { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytwAdBadgeViewModelHostIsClickableAdComponentStyleStandardBrowse, .ytwAdBadgeViewModelHostStyleStandardBrowse { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytwAdDetailsLineViewModelHostIsClickableAdComponent, .ytwAdDetailsLineViewModelHost { display: block; } .ytwAdDetailsLineViewModelHostIsClickableAdComponentTextStyleStandard, .ytwAdDetailsLineViewModelHostTextStyleStandard { color: rgb(170, 170, 170); padding-right: 0px; padding-left: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; word-break: break-all; } .ytwAdDetailsLineViewModelHostIsClickableAdComponentTextStyleStandardBrowse, .ytwAdDetailsLineViewModelHostTextStyleStandardBrowse { white-space: nowrap; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponent, .ytwFeedAdMetadataViewModelHost { display: flex; flex-direction: row; width: 100%; position: relative; cursor: pointer; --feed-ad-metadata-top-padding: 12px; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadata, .ytwFeedAdMetadataViewModelHostMetadata { display: flex; flex-direction: column; padding-right: 24px; width: 100%; overflow: hidden; --feed-ad-metadata-bottom-margin: 12px; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadataNoBottomMargin, .ytwFeedAdMetadataViewModelHostMetadataNoBottomMargin { --feed-ad-metadata-bottom-margin: 0; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadataAdBadgeDetailsLineContainer, .ytwFeedAdMetadataViewModelHostMetadataAdBadgeDetailsLineContainer { display: flex; cursor: pointer; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadataAdBadgeDetailsLineContainerStyleCompactSearch, .ytwFeedAdMetadataViewModelHostMetadataAdBadgeDetailsLineContainerStyleCompactSearch { padding-top: 8px; display: flex; cursor: pointer; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadataAdBadgeDetailsLineContainerStyleStandard, .ytwFeedAdMetadataViewModelHostMetadataAdBadgeDetailsLineContainerStyleStandard { display: flex; cursor: pointer; padding-bottom: var(--feed-ad-metadata-bottom-margin); } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadataAdBadgeDetailsLineContainerStyleStandardLegacy, .ytwFeedAdMetadataViewModelHostMetadataAdBadgeDetailsLineContainerStyleStandardLegacy { display: flex; cursor: pointer; padding-bottom: 15px; padding-top: 3px; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentNoTopPadding, .ytwFeedAdMetadataViewModelHostNoTopPadding { --feed-ad-metadata-top-padding: 0; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenu, .ytwFeedAdMetadataViewModelHostMenu { display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; top: 0px; right: 0px; width: 24px; height: 24px; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenuSearch, .ytwFeedAdMetadataViewModelHostMenuSearch { padding-right: 2px; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenuStyleStandard, .ytwFeedAdMetadataViewModelHostMenuStyleStandard { padding-top: var(--feed-ad-metadata-top-padding); display: flex; flex-direction: row; align-items: center; justify-content: center; position: absolute; top: -6px; right: -10px; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentAvatarStyleStandard, .ytwFeedAdMetadataViewModelHostAvatarStyleStandard { display: inline-block; margin-right: 12px; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadline, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadline { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; margin-bottom: 4px; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadlineTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadlineTypographyBump { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadlineSearch, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadlineSearch { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; margin-bottom: 4px; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescription, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescription { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 5.4rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescriptionTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescriptionTypographyBump { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescriptionSearch, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescriptionSearch { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 5.4rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadline, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadline { padding-top: var(--feed-ad-metadata-top-padding); margin-bottom: 4px; color: rgb(241, 241, 241); flex: 1 1 auto; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBump { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBumpV2, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBumpV2 { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 900; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBumpV2, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBumpV2 { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 900; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardDescription, .ytwFeedAdMetadataViewModelHostTextsStyleStandardDescription { margin-bottom: 4px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardSecondaryDescription, .ytwFeedAdMetadataViewModelHostTextsStyleStandardSecondaryDescription { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .truncated-text-wiz { display: block; position: relative; overflow: auto; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .truncated-text-wiz__truncated-text-content { overflow: hidden; display: block; } .truncated-text-wiz__inline-button { visibility: hidden; border: none; margin: 0px; padding: 0px; cursor: pointer; background: transparent; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .truncated-text-wiz__absolute-button { position: absolute; bottom: 0px; right: 0px; border: none; margin: 0px; padding: 0px; cursor: pointer; background: transparent; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .truncated-text-wiz__bottom-button { float: right; border: none; margin: 0px; padding: 0px; cursor: pointer; background: transparent; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .truncated-text-wiz--overlay { color: rgba(255, 255, 255, 0.7); } .truncated-text-wiz--overlay .truncated-text-wiz__inline-button, .truncated-text-wiz--overlay .truncated-text-wiz__absolute-button, .truncated-text-wiz--overlay .truncated-text-wiz__bottom-button { color: rgb(255, 255, 255); } .truncated-text-wiz--hidden { display: none; } .truncated-text-wiz--medium-text { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .truncated-text-wiz--medium-text .truncated-text-wiz__inline-button, .truncated-text-wiz--medium-text .truncated-text-wiz__absolute-button, .truncated-text-wiz--medium-text .truncated-text-wiz__bottom-button { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .yt-video-attribute-view-model { position: relative; } .yt-video-attribute-view-model__hero-section { overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; } .yt-video-attribute-view-model__title { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-video-attribute-view-model--small-font .yt-video-attribute-view-model__title { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-video-attribute-view-model__subtitle { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-video-attribute-view-model__secondary-subtitle { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-video-attribute-view-model__hero-image { width: 100%; } .yt-video-attribute-view-model__hero-text-wrapper { width: 100%; height: 100%; background-color: rgb(38, 56, 80); display: flex; align-items: center; justify-content: center; } .yt-video-attribute-view-model__hero-text { color: rgb(62, 166, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-video-attribute-view-model__metadata { margin: 0px; display: flex; flex-direction: column; } .yt-video-attribute-view-model__button { margin-top: auto; } .yt-video-attribute-view-model__link-container { display: block; text-decoration: none; } .yt-video-attribute-view-model__overflow-menu { position: absolute; top: 0px; right: 0px; color: rgb(255, 255, 255); } .yt-video-attribute-view-model--horizontal .yt-video-attribute-view-model__link-container { display: flex; flex-direction: row; } .yt-video-attribute-view-model--horizontal .yt-video-attribute-view-model__metadata { margin-left: 16px; } .yt-video-attribute-view-model--image-small .yt-video-attribute-view-model__hero-section { border-radius: 4px; width: 72px; } .yt-video-attribute-view-model--image-large .yt-video-attribute-view-model__hero-section { border-radius: 8px; width: 164px; } @media (max-width: 299.9px) { .yt-video-attribute-view-model--image-large.yt-video-attribute-view-model--horizontal .yt-video-attribute-view-model__link-container { display: flex; flex-direction: column; } .yt-video-attribute-view-model--image-large.yt-video-attribute-view-model--horizontal .yt-video-attribute-view-model__metadata { margin-left: 0px; margin-top: 4px; } .yt-video-attribute-view-model--image-large.yt-video-attribute-view-model--horizontal .yt-video-attribute-view-model__button { margin-top: 8px; } } .yt-video-attribute-view-model--vertical .yt-video-attribute-view-model__link-container { display: flex; flex-direction: column; } .yt-video-attribute-view-model--vertical .yt-video-attribute-view-model__metadata { margin-top: 4px; } .yt-video-attribute-view-model--vertical.yt-video-attribute-view-model--image-small { width: 72px; } .yt-video-attribute-view-model--vertical.yt-video-attribute-view-model--image-large { width: 164px; } .yt-video-attribute-view-model--image-square.yt-video-attribute-view-model--image-small .yt-video-attribute-view-model__hero-section { height: 72px; } .yt-video-attribute-view-model--image-square.yt-video-attribute-view-model--image-large .yt-video-attribute-view-model__hero-section { height: 164px; } .yt-video-attribute-view-model--image-avatar .yt-video-attribute-view-model__hero-image { border-radius: 50%; } .yt-video-attribute-view-model--metadata-header .yt-video-attribute-view-model__title { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 6.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .yt-video-attribute-view-model--metadata-header .yt-video-attribute-view-model__title { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .yt-video-attribute-view-model--clickable { cursor: pointer; } .yt-video-attribute-view-model--container-card { margin: 12px 16px; background-color: rgb(38, 56, 80); border-radius: 12px; padding: 12px; } .yt-video-attribute-view-model--container-card .yt-video-attribute-view-model__hero-section { flex-shrink: 0; } .yt-video-attribute-view-model--container-card .yt-video-attribute-view-model__metadata { flex-direction: column; justify-content: center; } .yt-video-attribute-view-model--container-card .yt-video-attribute-view-model__subtitle { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .video-summary-content-view-model-wiz { display: block; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .video-summary-content-view-model-wiz--is-search { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .video-summary-content-view-model-wiz__list { margin-left: 24px; margin-bottom: 4px; list-style-type: disc; } .video-summary-content-view-model-wiz__list-item { padding-left: 8px; } .video-summary-content-view-model-wiz__paragraph { margin-bottom: 4px; } .video-summary-content-view-model-wiz__bottomButtonsContainer { display: flex; flex-direction: row; margin-top: 16px; } .video-summary-content-view-model-wiz__likeButton { margin-right: 8px; } ytd-video-renderer { --yt-button-compact-background-color: var(--yt-spec-10-percent-layer); --yt-button-compact-text-color: var(--yt-spec-text-secondary); display: block; position: relative; } ytd-video-renderer:not([use-search-ui]) { max-width: 862px; } ytd-video-renderer[is-backstage-video] { max-width: 818px; } ytd-video-renderer[is-post-compact-video] { max-width: 736px; } ytd-video-renderer[is-hidden] #dismissible.ytd-video-renderer, ytd-video-renderer[is-dismissed] #dismissible.ytd-video-renderer, ytd-video-renderer:not([is-dismissed]) #dismissed.ytd-video-renderer { display: none; } #dismissible.ytd-video-renderer { position: relative; display: flex; flex-direction: row; align-items: flex-start; } #dismissed.ytd-video-renderer:focus { outline: none; } ytd-video-renderer:not([use-search-ui]) ytd-thumbnail.ytd-video-renderer { flex: 0 0 auto; width: 246px; height: 138px; margin-right: 16px; } ytd-video-renderer[is-backstage-video] ytd-thumbnail.ytd-video-renderer { width: 210px; height: 118px; margin-right: 8px; --yt-shorts-compact-label-text-hidden: none; } ytd-video-renderer[is-post-compact-video] ytd-thumbnail.ytd-video-renderer { width: 128px; height: 72px; margin-right: 8px; --yt-shorts-compact-label-text-hidden: none; } ytd-video-renderer[video-style="VIDEO_STYLE_TYPE_WITH_EXPANDED_METADATA"] { max-width: unset; } ytd-video-renderer[video-style="VIDEO_STYLE_TYPE_WITH_EXPANDED_METADATA"] ytd-thumbnail.ytd-video-renderer { width: 500px; height: 280px; margin-right: 16px; } ytd-video-renderer[video-style="VIDEO_STYLE_TYPE_WITH_EXPANDED_METADATA"] .metadata-snippet-container-one-line.ytd-video-renderer, ytd-video-renderer[video-style="VIDEO_STYLE_TYPE_WITH_EXPANDED_METADATA"] #description-text.ytd-video-renderer { display: none; } ytd-video-renderer[video-style="VIDEO_STYLE_TYPE_WITH_EXPANDED_METADATA"] #channel-info.ytd-video-renderer { padding: 8px 0px 0px; display: flex; flex-direction: row; align-items: center; } ytd-video-renderer[video-style="VIDEO_STYLE_TYPE_WITH_EXPANDED_METADATA"] #video-title.ytd-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #description-text.ytd-video-renderer { color: var(--yt-spec-text-secondary); padding-top: 8px; margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .metadata-snippet-container.ytd-video-renderer { margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .metadata-snippet-container-one-line.ytd-video-renderer { margin-bottom: 8px; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } .metadata-snippet-text.ytd-video-renderer, .metadata-snippet-text-navigation.ytd-video-renderer { display: inline; color: var(--yt-spec-text-secondary); } .metadata-snippet-text-navigation.ytd-video-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } .metadata-snippet-timestamp.ytd-video-renderer { display: inline; } #time.ytd-video-renderer { color: var(--yt-spec-themed-blue); padding: 2px 6px; border-radius: 2px; background-color: var(--yt-spec-suggested-action); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .text-wrapper.ytd-video-renderer { max-width: 600px; min-width: 0px; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); flex: 1 1 1e-09px; display: flex; flex-direction: column; } .text-wrapper.ytd-video-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #title-wrapper.ytd-video-renderer { display: flex; justify-content: space-between; } #menu.ytd-video-renderer { height: 2.4rem; } ytd-menu-renderer.ytd-video-renderer { margin-top: -11px; } #video-title.ytd-video-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } ytd-video-renderer[use-three-line-title] #video-title.ytd-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 7.8rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #inline-title-icon.ytd-video-renderer { color: var(--yt-spec-icon-active-other); height: 18px; display: inline-flex; align-items: center; } ytd-video-renderer[is-backstage-video] #video-title.ytd-video-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-renderer[is-post-compact-video] #video-title.ytd-video-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-renderer.blue-links #video-title.ytd-video-renderer { color: rgb(22, 122, 198); } .title-and-badge.ytd-video-renderer { min-width: 0px; color: var(--yt-spec-text-primary); margin-right: 8px; overflow: hidden; } #buttons.ytd-video-renderer > .ytd-video-renderer { margin-top: 4px; } ytd-video-renderer[is-post-compact-video] #description-text.ytd-video-renderer, ytd-video-renderer[is-post-compact-video] #buttons.ytd-video-renderer { display: none; } ytd-video-renderer[is-post-compact-video] .text-wrapper.ytd-video-renderer { margin-top: 8px; margin-right: 8px; } #channel-info.ytd-video-renderer { display: none; } ytd-video-renderer[use-search-ui] ytd-thumbnail.ytd-video-renderer::before { display: block; content: ""; padding-top: 56.11%; } ytd-video-renderer[use-search-ui] ytd-thumbnail.ytd-video-renderer { margin-right: 16px; max-width: 360px; min-width: 240px; flex: 1 1 1e-09px; } ytd-video-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-video-renderer { max-width: 420px; min-width: 240px; } ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style="MEDIUM"] ytd-thumbnail.ytd-video-renderer { max-width: 450px; min-width: 240px; } ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] ytd-thumbnail.ytd-video-renderer { max-width: 500px; min-width: 240px; } ytd-video-renderer[use-bigger-thumbs][bigger-thumbs-style="MASSIVE"] ytd-thumbnail.ytd-video-renderer { max-width: 600px; min-width: 240px; } ytd-video-renderer[use-search-ui] #channel-info.ytd-video-renderer { padding: 12px 0px; display: flex; flex-direction: row; align-items: center; } yt-img-shadow.ytd-video-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; } ytd-video-renderer[use-search-ui] .text-wrapper.ytd-video-renderer { max-width: none; } ytd-video-renderer[use-search-ui] #description-text.ytd-video-renderer { padding-top: 0px; } #badges.ytd-video-renderer { margin-bottom: 8px; } @media (min-width: 0) and (max-width: 691px) { ytd-video-renderer[use-search-ui] #description-text.ytd-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } } @media (min-width: 0) and (max-width: 627px) { ytd-video-renderer[use-search-ui] #description-text.ytd-video-renderer { display: none; } } #channel-name.ytd-video-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); align-self: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: flex; flex-direction: row; } #channel-thumbnail.ytd-video-renderer { padding-right: 8px; } #channel-thumbnail.ytd-video-renderer:empty { padding-right: 0px; } #expandable-metadata.ytd-video-renderer:not(:empty) { margin: 12px 0px; } ytd-backstage-post-renderer { --ytd-comment-thumb-dimension: 32px; display: block; } ytd-backstage-post-renderer[uses-full-lockup] { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 12px; padding: 16px 16px 8px; } ytd-backstage-post-renderer[hide-border] { border: none; } #body.ytd-backstage-post-renderer { display: flex; flex-direction: row; } #main.ytd-backstage-post-renderer { min-width: 0px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #header.ytd-backstage-post-renderer { margin-bottom: 2px; } #content-attachment.ytd-backstage-post-renderer { margin-top: 4px; } #content-attachment.ytd-backstage-post-renderer ytd-video-renderer.ytd-backstage-post-renderer, #content-attachment.ytd-backstage-post-renderer ytd-playlist-renderer.ytd-backstage-post-renderer { padding: 8px; background-color: var(--yt-spec-general-background-a); } #header-author.ytd-backstage-post-renderer { display: flex; flex-direction: row; } #author-thumbnail.ytd-backstage-post-renderer { flex: 0 0 auto; } #author-thumbnail.ytd-backstage-post-renderer yt-img-shadow.ytd-backstage-post-renderer { width: 40px; height: 40px; margin-right: 16px; border-radius: 50%; background-color: transparent; overflow: hidden; } #author-text.yt-simple-endpoint.ytd-backstage-post-renderer { margin-right: 8px; color: var(--yt-spec-text-primary); margin-bottom: 2px; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } #author-comment-badge.ytd-backstage-post-renderer { margin-right: 8px; } #published-time-text.ytd-backstage-post-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #poll-icon.ytd-backstage-post-renderer { color: var(--yt-spec-text-secondary); height: 16px; margin-right: 8px; width: 16px; } .poll-metadata-text.ytd-backstage-post-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .poll-metadata-text-separator.ytd-backstage-post-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); margin-left: 4px; margin-right: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #video-time-text.ytd-backstage-post-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; background-color: var(--yt-spec-suggested-action); border-radius: 2px; color: var(--yt-endpoint-color,var(--yt-spec-themed-blue)); display: inline-block; margin-bottom: 8px; padding: 0px 4px; text-transform: uppercase; } ytd-backstage-post-renderer[should-show-menu-in-compact-view] div#body.ytd-backstage-post-renderer { position: relative; } ytd-backstage-post-renderer[should-show-menu-in-compact-view] #action-menu.ytd-backstage-post-renderer { position: absolute; right: 0px; } ytd-backstage-post-renderer[should-show-menu-in-compact-view] #header.ytd-backstage-post-renderer { align-items: center; display: flex; flex-direction: row; height: var(--yt-icon-height); justify-content: space-between; } ytd-backstage-post-renderer[should-show-menu-in-compact-view] #video-time-text.ytd-backstage-post-renderer { margin-bottom: 0px; } #voted-option.ytd-backstage-post-renderer { display: block; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #content-text.ytd-backstage-post-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } yt-formatted-string.ytd-backstage-post-renderer { word-break: break-word; } .more-button.ytd-backstage-post-renderer, .less-button.ytd-backstage-post-renderer { text-transform: none; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #action-buttons.ytd-backstage-post-renderer { margin-top: 4px; } tp-yt-paper-spinner-lite.ytd-backstage-post-renderer { margin: auto; display: none; } tp-yt-paper-spinner-lite.ytd-backstage-post-renderer[active] { display: block; } ytd-post-multi-image-renderer { --yt-img-max-height: var(--yt-post-multi-image-attachment-size,638px); display: block; position: relative; width: var(--yt-post-multi-image-attachment-size,638px); } #shelf-container.ytd-post-multi-image-renderer { display: flex; flex-direction: row; margin-top: 8px; } #scroll-container.ytd-post-multi-image-renderer { overflow: hidden; } #items.ytd-post-multi-image-renderer { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); will-change: transform; display: inline-block; white-space: nowrap; } #items.ytd-post-multi-image-renderer > .ytd-post-multi-image-renderer { display: inline-block; vertical-align: top; white-space: normal; } .arrow-container.ytd-post-multi-image-renderer { position: absolute; top: 0px; bottom: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; } #left-arrow-container.ytd-post-multi-image-renderer { left: -20px; } #right-arrow-container.ytd-post-multi-image-renderer { right: -20px; } .arrow-container.ytd-post-multi-image-renderer { z-index: 200; } .arrow.ytd-post-multi-image-renderer { justify-content: center; align-items: center; display: flex; flex-direction: column; background-color: var(--yt-spec-brand-background-solid); border-radius: 24px; box-shadow: 0 4px 4px var(--yt-spec-10-percent-layer),0 0 8px var(--yt-spec-10-percent-layer); color: var(--yt-spec-icon-inactive); cursor: pointer; height: 40px; width: 40px; } .center-aligned.ytd-post-multi-image-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; } ytd-backstage-image-renderer.ytd-post-multi-image-renderer { width: var(--yt-post-multi-image-attachment-size,638px); } ytd-shared-post-renderer[uses-compact-lockup] { padding: 0px; } #repost-context.ytd-shared-post-renderer { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: row; } ytd-shared-post-renderer[uses-full-lockup] #repost-context.ytd-shared-post-renderer { border-bottom: 0px; margin-top: 8px; margin-bottom: 8px; padding: 16px 16px 8px 17px; } ytd-shared-post-renderer[uses-compact-lockup] #repost-context.ytd-shared-post-renderer { cursor: pointer; background-color: var(--yt-spec-brand-background-solid); align-items: center; border-top: 1px solid var(--yt-spec-10-percent-layer); border-left: 1px solid var(--yt-spec-10-percent-layer); border-right: 1px solid var(--yt-spec-10-percent-layer); border-bottom: none; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 12px 24px; margin-bottom: 0px; } ytd-shared-post-renderer[uses-compact-lockup]:not([is-rich-grid]) #repost-context.ytd-shared-post-renderer { max-width: 386px; width: 386px; } ytd-shared-post-renderer[uses-compact-lockup] #original-post.ytd-shared-post-renderer ytd-post-renderer.ytd-shared-post-renderer { border-top: none; border-top-left-radius: 0px; border-top-right-radius: 0px; } #repost-main.ytd-shared-post-renderer, #repost-main-compact.ytd-shared-post-renderer { overflow-wrap: break-word; min-width: 0px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #repost-author-thumbnail.ytd-shared-post-renderer { flex: 0 0 auto; } #repost-author-thumbnail.ytd-shared-post-renderer yt-img-shadow.ytd-shared-post-renderer { width: 40px; height: 40px; margin-right: 16px; border-radius: 50%; background-color: transparent; overflow: hidden; } ytd-shared-post-renderer[uses-compact-lockup] #repost-author-thumbnail.ytd-shared-post-renderer yt-img-shadow.ytd-shared-post-renderer { width: 24px; height: 24px; margin-right: 12px; } #repost-header-author.ytd-shared-post-renderer { display: flex; flex-direction: row; margin-bottom: 4px; } #repost-author-text.yt-simple-endpoint.ytd-shared-post-renderer { margin-right: 8px; color: var(--yt-spec-text-primary); font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } #repost-published-time-text.ytd-shared-post-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #repost-content-text.ytd-shared-post-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-shared-post-renderer[uses-full-lockup] #repost-content-text.ytd-shared-post-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-shared-post-renderer[show-full-content-text] #repost-content-text.ytd-shared-post-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 5.4rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-shared-post-renderer[show-full-content-text][uses-full-lockup] #repost-content-text.ytd-shared-post-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 6.6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #repost-content-text.ytd-shared-post-renderer[split-lines] { white-space: pre-line; } #condensed-repost-content-text.ytd-shared-post-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } #action-menu.ytd-shared-post-renderer { margin-top: 4px; } #more.ytd-shared-post-renderer { display: inline-block; text-align: center; font-family: inherit; } #more.ytd-shared-post-renderer { text-transform: none; color: var(--yt-spec-text-primary); margin: 0px; padding: 0px; align-self: flex-start; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #more.ytd-shared-post-renderer:focus { outline: -webkit-focus-ring-color auto 5px; } #more.ytd-shared-post-renderer:focus:hover { outline: none; } #divider-line-container.ytd-shared-post-renderer { background-color: var(--yt-spec-brand-background-solid); border-left: 1px solid var(--yt-spec-10-percent-layer); border-right: 1px solid var(--yt-spec-10-percent-layer); } #divider-line.ytd-shared-post-renderer { width: 95%; margin: auto; background: var(--yt-spec-10-percent-layer); height: 1px; } #original-post-deleted-message.ytd-shared-post-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-shared-post-renderer[uses-compact-lockup] #original-post-deleted-message.ytd-shared-post-renderer { background-color: var(--yt-spec-brand-background-solid); border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: 0px 1px 1px; padding: 12px 24px 0px; height: 144px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } ytd-shared-post-renderer[uses-full-lockup] #original-post-deleted-message.ytd-shared-post-renderer { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 12px; padding: 8px 16px; } ytd-background-promo-renderer { --ytd-icon-promo-width-default: 120px; --ytd-icon-promo-height-default: 120px; --ytd-icon-color: var(--yt-spec-icon-disabled); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .image.ytd-background-promo-renderer { color: var(--ytd-icon-color); height: var(--ytd-background-promo-renderer-icon-height,var(--ytd-icon-promo-height-default)); width: var(--ytd-background-promo-renderer-icon-width,var(--ytd-icon-promo-width-default)); margin-bottom: 24px; align-self: center; } #buttons.ytd-background-promo-renderer { padding-bottom: 8px; display: flex; flex-direction: column; align-items: center; } #buttons.ytd-background-promo-renderer > .ytd-background-promo-renderer { margin-bottom: 8px; width: 100%; } .promo-message.ytd-background-promo-renderer { color: var(--yt-spec-text-secondary); margin: 0px auto 24px; } ytd-background-promo-renderer[renderer-style="left-justified-no-padding"] { text-align: left; } ytd-background-promo-renderer:not([renderer-style="full-height"]):not([renderer-style="adaptive-full-height"]):not([renderer-style="left-justified-no-padding"]) .promo-message.ytd-background-promo-renderer { width: 280px; } .promo-title.ytd-background-promo-renderer { margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } ytd-background-promo-renderer[renderer-style="embedded-container"] .promo-title.ytd-background-promo-renderer { color: var(--yt-spec-text-primary); } .promo-body-text.ytd-background-promo-renderer { margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-background-promo-renderer[thumbnail] .promo-body-text.ytd-background-promo-renderer { display: block; max-width: 400px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2.2rem; font-weight: 400; } ytd-background-promo-renderer[thumbnail] .promo-title.ytd-background-promo-renderer { max-width: 400px; } ytd-background-promo-renderer[renderer-style="full-height"] { --ytd-icon-color: var(--yt-spec-icon-inactive); padding-top: 140px; } ytd-background-promo-renderer[renderer-style="adaptive-full-height"] { --ytd-icon-color: var(--yt-spec-icon-inactive); padding-top: 40px; } ytd-background-promo-renderer[renderer-style="left-justified-no-padding"] { --ytd-icon-color: var(--yt-spec-icon-inactive); padding-top: 0px; } ytd-background-promo-renderer[renderer-style="content-height"] { --ytd-icon-color: var(--yt-spec-icon-inactive); padding-top: 28px; } ytd-background-promo-renderer[renderer-style="full-height"] .image.ytd-background-promo-renderer, ytd-background-promo-renderer[renderer-style="adaptive-full-height"] .image.ytd-background-promo-renderer, ytd-background-promo-renderer[renderer-style="left-justified-no-padding"] .image.ytd-background-promo-renderer, ytd-background-promo-renderer[renderer-style="content-height"] .image.ytd-background-promo-renderer { margin-bottom: 0px; } ytd-background-promo-renderer[renderer-style="full-height"] .promo-message.ytd-background-promo-renderer, ytd-background-promo-renderer[renderer-style="adaptive-full-height"] .promo-message.ytd-background-promo-renderer, ytd-background-promo-renderer[renderer-style="left-justified-no-padding"] .promo-message.ytd-background-promo-renderer { margin-top: 24px; margin-bottom: 24px; } ytd-background-promo-renderer[renderer-style="full-height"] .promo-title.ytd-background-promo-renderer:not([hidden]), ytd-background-promo-renderer[renderer-style="adaptive-full-height"] .promo-title.ytd-background-promo-renderer:not([hidden]), ytd-background-promo-renderer[renderer-style="left-justified-no-padding"] .promo-title.ytd-background-promo-renderer:not([hidden]) { color: var(--yt-message-renderer-text-color,var(--yt-spec-text-primary)); margin-bottom: 0px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } ytd-background-promo-renderer[renderer-style="full-height"][has-body-text] .promo-title.ytd-background-promo-renderer:not([hidden]), ytd-background-promo-renderer[renderer-style="adaptive-full-height"][has-body-text] .promo-title.ytd-background-promo-renderer:not([hidden]), ytd-background-promo-renderer[renderer-style="left-justified-no-padding"][has-body-text] .promo-title.ytd-background-promo-renderer:not([hidden]) { margin-bottom: 16px; } ytd-background-promo-renderer[renderer-style="full-height"] .promo-body-text.ytd-background-promo-renderer:not([hidden]), ytd-background-promo-renderer[renderer-style="adaptive-full-height"] .promo-body-text.ytd-background-promo-renderer:not([hidden]), ytd-background-promo-renderer[renderer-style="left-justified-no-padding"] .promo-body-text.ytd-background-promo-renderer:not([hidden]) { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (max-width: 424px) { ytd-background-promo-renderer[renderer-style="full-height"] .image.ytd-background-promo-renderer, ytd-background-promo-renderer[renderer-style="adaptive-full-height"] .image.ytd-background-promo-renderer, ytd-background-promo-renderer[renderer-style="left-justified-no-padding"] .image.ytd-background-promo-renderer { width: 100%; } } ytd-background-promo-renderer[renderer-style="no-icon"] yt-icon.ytd-background-promo-renderer, ytd-background-promo-renderer[renderer-style="adaptive-full-height"] yt-icon.ytd-background-promo-renderer { display: none; } ytd-background-promo-renderer[renderer-style="full-height"][icon-name="promo-full-height:EMPTY_SEARCH"], ytd-background-promo-renderer[renderer-style="full-height"][icon-name="hashtag-landing-page:HASHTAG_LANDING_PAGE_ERROR"], ytd-background-promo-renderer[renderer-style="full-height"][icon-name="hashtag-landing-page:HASHTAG_LANDING_PAGE_ERROR_DARK_MODE"] { --ytd-background-promo-renderer-icon-width: 424px; --ytd-background-promo-renderer-icon-height: auto; } ytd-background-promo-renderer[renderer-style="adaptive-full-height"] { --ytd-background-promo-renderer-icon-width: 424px; --ytd-background-promo-renderer-icon-height: auto; } ytd-background-promo-renderer[renderer-style="full-height"] yt-img-shadow.ytd-background-promo-renderer { --ytd-background-promo-renderer-icon-width: 278px; --ytd-background-promo-renderer-icon-height: 161px; } ytd-compact-station-renderer { display: inline-block; } .flex-container.ytd-compact-station-renderer { background-color: var(--yt-spec-general-background-b); width: 317px; display: flex; flex-direction: row; } ytd-thumbnail.ytd-compact-station-renderer { height: 118px; width: 118px; } a.ytd-compact-station-renderer { margin: 8px; display: flex; flex-direction: column; } h3.ytd-compact-station-renderer { color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #description.ytd-compact-station-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #flex-item.ytd-compact-station-renderer { margin-bottom: 8px; flex: 1 1 1e-09px; } #video-count-text.ytd-compact-station-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-compact-station-renderer[collections] h3.ytd-compact-station-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; display: block; max-height: 2.6rem; -webkit-line-clamp: 1; } ytd-compact-station-renderer[collections] .modern-collection-parent.ytd-compact-station-renderer { margin-top: 8px; position: relative; } ytd-compact-station-renderer[collections] ytd-thumbnail.ytd-compact-station-renderer { border-top: 1px solid var(--yt-spec-base-background); } ytd-grid-channel-renderer { display: inline-block; } ytd-grid-channel-renderer:not([is-rich-grid]) { width: 210px; } yt-img-shadow.ytd-grid-channel-renderer { height: 103px; width: 103px; border-radius: 50%; background-color: transparent; overflow: hidden; display: flex; flex-direction: column; justify-content: center; } #channel.ytd-grid-channel-renderer { display: flex; flex-direction: column; align-items: center; flex: 1 1 1e-09px; } #channel-info.ytd-grid-channel-renderer { max-width: 100%; align-items: center; display: flex; flex-direction: column; } #title.ytd-grid-channel-renderer, #thumbnail-attribution.ytd-grid-channel-renderer { max-width: 100%; } #title.ytd-grid-channel-renderer { color: var(--yt-spec-text-primary); margin: 4px 0px; text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } #thumbnail-attribution.ytd-grid-channel-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } #badges.ytd-grid-channel-renderer { padding-top: 8px; } #subscribe.ytd-grid-channel-renderer, #action-button.ytd-grid-channel-renderer { padding-top: 16px; } ytd-grid-movie-playlist-renderer { display: inline-block; width: 210px; } ytd-thumbnail.ytd-grid-movie-playlist-renderer { height: 302px; width: 210px; } ytd-video-meta-block.ytd-grid-movie-playlist-renderer { padding-right: 24px; } #badges.ytd-grid-movie-playlist-renderer { margin-top: 8px; } #video-title.ytd-grid-movie-playlist-renderer { margin: 8px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4rem; -webkit-line-clamp: 2; } h3.ytd-grid-movie-playlist-renderer { color: var(--yt-spec-text-primary); } .yt-simple-endpoint.ytd-grid-movie-playlist-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-grid-movie-playlist-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } ytd-grid-playlist-renderer { display: inline-block; width: 210px; position: relative; } ytd-grid-playlist-renderer[modern-buttons] #view-more.ytd-grid-playlist-renderer { text-transform: unset; } ytd-grid-playlist-renderer[use-modern-collections-v2] ytd-playlist-thumbnail.ytd-grid-playlist-renderer { position: relative; margin-top: 6px; } ytd-playlist-thumbnail.ytd-grid-playlist-renderer { height: 118px; width: 210px; } .yt-simple-endpoint.ytd-grid-playlist-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-grid-playlist-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #meta.yt-simple-endpoint.ytd-grid-playlist-renderer { padding-right: 24px; } a.yt-simple-endpoint.ytd-grid-playlist-renderer { display: block; } ytd-badge-supported-renderer.ytd-grid-playlist-renderer { margin-top: 4px; } h3.ytd-grid-playlist-renderer { margin: 8px 0px; } #video-title.ytd-grid-playlist-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #details.ytd-grid-playlist-renderer { position: relative; cursor: pointer; display: flex; flex-direction: column; } #view-more.ytd-grid-playlist-renderer { color: var(--yt-spec-text-secondary); display: block; margin-top: 4px; --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); font-size: 1.25rem; font-weight: 500; letter-spacing: 0.007px; text-transform: uppercase; } ytd-grid-playlist-renderer[download-state="DOWNLOADING"] #view-more.ytd-grid-playlist-renderer { color: var(--yt-spec-call-to-action); } ytd-grid-playlist-renderer[download-state="DOWNLOADED"] #view-more.ytd-grid-playlist-renderer { color: var(--yt-spec-text-secondary); text-transform: uppercase; } h3.ytd-grid-playlist-renderer { color: var(--yt-spec-text-primary); } ytd-grid-playlist-renderer:not([menu-hidden]) #details.ytd-grid-playlist-renderer { padding-right: 24px; } #menu.ytd-grid-playlist-renderer { position: absolute; top: -4px; right: -8px; } ytd-grid-radio-renderer { display: inline-block; width: 210px; position: relative; } ytd-grid-radio-renderer[is-dismissed] #dismissible.ytd-grid-radio-renderer, ytd-grid-radio-renderer #dismissed.ytd-grid-radio-renderer { display: none; } ytd-grid-radio-renderer[is-dismissed] #dismissed.ytd-grid-radio-renderer { display: block; } ytd-thumbnail.ytd-grid-radio-renderer { height: 118px; width: 210px; } ytd-video-meta-block.ytd-grid-radio-renderer { padding-right: 24px; } .yt-simple-endpoint.ytd-grid-radio-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-grid-radio-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-grid-radio-renderer { display: block; } #video-title.ytd-grid-radio-renderer { margin: 8px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4rem; -webkit-line-clamp: 2; } ytd-grid-radio-renderer #video-title.ytd-grid-radio-renderer { margin: 8px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-grid-radio-renderer { color: var(--yt-spec-text-primary); } #details.ytd-grid-radio-renderer { position: relative; padding-right: 24px; } ytd-menu-renderer.ytd-grid-radio-renderer { position: absolute; top: 0px; right: 0px; margin-top: 4px; } ytd-grid-radio-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } ytd-grid-radio-renderer[collections] .modern-collection-parent.ytd-grid-radio-renderer { margin-top: 4px; position: relative; } ytd-grid-radio-renderer[collections] ytd-thumbnail.ytd-grid-radio-renderer { border-top: 1px solid var(--yt-spec-base-background); } ytd-grid-radio-renderer[collections] .details.ytd-grid-radio-renderer { margin-top: 4px; margin-left: 8px; } ytd-grid-show-renderer { display: inline-block; position: relative; width: 210px; } ytd-playlist-thumbnail.ytd-grid-show-renderer { height: 118px; width: 210px; } ytd-grid-show-renderer[use-modern-collections-v2] ytd-playlist-thumbnail.ytd-grid-show-renderer { margin-top: 4px; } ytd-video-meta-block.ytd-grid-show-renderer { padding-right: 24px; } #details.ytd-grid-show-renderer { display: flex; flex-direction: column; } .badge.ytd-grid-show-renderer { margin-top: 8px; } #video-title.ytd-grid-show-renderer { margin: 8px 0px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-grid-show-renderer { color: var(--yt-spec-text-primary); } .yt-simple-endpoint.ytd-grid-show-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-grid-show-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } ytd-shopping-companion-item-renderer { --yt-img-max-height: 100%; display: inline-block; width: 125px; } #card.ytd-shopping-companion-item-renderer { width: 120px; cursor: pointer; display: flex; flex-direction: column; } #image.ytd-shopping-companion-item-renderer { background-color: var(--yt-spec-static-white-background); height: 120px; width: 120px; } #info.ytd-shopping-companion-item-renderer { height: 90px; padding-top: 8px; display: flex; flex-direction: column; } #headline.ytd-shopping-companion-item-renderer { color: var(--yt-spec-text-secondary); overflow: hidden; max-height: 6rem; font-size: 1.3rem; font-weight: 400; line-height: 1.5rem; } #price.ytd-shopping-companion-item-renderer { color: var(--yt-spec-text-secondary); padding-top: 4px; padding-bottom: 4px; white-space: nowrap; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 700; } @media (max-width: 999px) { ytd-shopping-companion-item-renderer { width: 136px; } } @media (max-width: 856px) { ytd-shopping-companion-item-renderer { width: 121px; } } @media (max-width: 656px) { ytd-shopping-companion-item-renderer { width: 133px; } } ytd-vertical-product-card-renderer { display: inline-block; --yt-img-max-height: 100%; --yt-formatted-string-bold-color: var(--yt-spec-text-primary); } ytd-vertical-product-card-renderer yt-formatted-string .yt-formatted-string[style-target="bold"] { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--yt-formatted-string-bold-color,inherit); } ytd-vertical-product-card-renderer[use-new-style] #product-card-renderer-container.ytd-vertical-product-card-renderer { margin-bottom: 0px; } ytd-vertical-product-card-renderer[use-new-style] #product-name.ytd-vertical-product-card-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .yt-simple-endpoint.ytd-vertical-product-card-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } #product-card-renderer-container.ytd-vertical-product-card-renderer { margin-right: 4px; margin-bottom: 32px; } #product-card-renderer-container.ytd-vertical-product-card-renderer .yt-simple-endpoint.ytd-vertical-product-card-renderer { display: block; padding: 4px; text-decoration: none; } #card-with-protection.ytd-vertical-product-card-renderer { width: 208px; } #product-image.ytd-vertical-product-card-renderer { background-color: white; height: 208px; margin-bottom: 10px; width: 100%; border-radius: 8px; } yt-img-shadow.ytd-vertical-product-card-renderer { height: 192px; margin: 8px; width: 192px; } .product-info-row.ytd-vertical-product-card-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin-bottom: 2px; } #product-name.ytd-vertical-product-card-renderer { -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; margin-bottom: 4px; overflow: hidden; -webkit-line-clamp: 2; } #merchant-name.ytd-vertical-product-card-renderer { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; color: var(--yt-spec-themed-blue); } ytd-vertical-product-card-renderer[use-from-brand-cta-style] .cta-row.ytd-vertical-product-card-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } ytd-vertical-product-card-renderer[use-from-vendor-cta-style] .cta-row.ytd-vertical-product-card-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; color: var(--yt-spec-themed-blue); } ytd-vertical-product-card-renderer[use-shopping-collection-cta-style] .cta-row.ytd-vertical-product-card-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } #additional-taxes.ytd-vertical-product-card-renderer, #variants-description.ytd-vertical-product-card-renderer, #product-deal.ytd-vertical-product-card-renderer { color: var(--yt-spec-text-secondary); } ytd-vertical-product-card-renderer[use-sale-style] #product-deal.ytd-vertical-product-card-renderer { text-decoration: line-through; } #price.ytd-vertical-product-card-renderer, #price-replacement.ytd-vertical-product-card-renderer, #affiliate-disclaimer.ytd-vertical-product-card-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } yt-icon.ytd-vertical-product-card-renderer { color: var(--yt-spec-themed-blue); height: 14px; width: 14px; } ytd-vertical-product-card-renderer[is-expandable-content]:first-child { margin-left: 16px; } ytd-vertical-product-card-renderer[is-expandable-content] #product-card-renderer-container.ytd-vertical-product-card-renderer { margin-bottom: 0px; } ytd-vertical-product-card-renderer[is-expandable-content] #card-with-protection.ytd-vertical-product-card-renderer { width: 96px; } ytd-vertical-product-card-renderer[is-expandable-content] #product-image.ytd-vertical-product-card-renderer { display: block; background-color: white; height: 96px; width: 100%; margin-bottom: 8px; border-radius: 4px; } ytd-vertical-product-card-renderer[is-expandable-content] yt-img-shadow.ytd-vertical-product-card-renderer { height: 80px; margin: 8px; width: 80px; } ytd-vertical-product-card-renderer[is-expandable-content] #product-info.ytd-vertical-product-card-renderer { max-height: max-content; } ytd-vertical-product-card-renderer[is-expandable-content] #product-name.ytd-vertical-product-card-renderer { height: 40px; width: 96px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-vertical-product-card-renderer[is-expandable-content] .product-info-row.ytd-vertical-product-card-renderer { height: 16px; width: 80px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; } ytd-vertical-product-card-renderer[is-expandable-content] #product-deal.ytd-vertical-product-card-renderer { height: 14px; width: 95px; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; } ytd-vertical-product-card-renderer[is-expandable-content] .cta-row.ytd-vertical-product-card-renderer { display: none; } ytd-vertical-product-card-renderer[is-expandable-content] #affiliate-disclaimer.ytd-vertical-product-card-renderer { display: none; } ytd-grid-movie-renderer { display: inline-block; width: 210px; position: relative; } ytd-thumbnail.ytd-grid-movie-renderer { height: 302px; width: 210px; } ytd-video-meta-block.ytd-grid-movie-renderer { padding-right: 24px; } .grid-movie-renderer-metadata.ytd-grid-movie-renderer { color: var(--ytd-metadata-line-color,var(--yt-spec-text-secondary)); margin-top: 6px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .badges.ytd-grid-movie-renderer { white-space: nowrap; margin-top: 2px; } .yt-simple-endpoint.ytd-grid-movie-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-grid-movie-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-grid-movie-renderer { display: block; } #video-title.ytd-grid-movie-renderer { margin: 8px 0px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4rem; -webkit-line-clamp: 2; } h3.ytd-grid-movie-renderer { color: var(--yt-spec-text-primary); } ytd-merch-shelf-item-renderer { --yt-img-max-height: 100%; display: block; } ytd-merch-shelf-item-renderer[item-style="small-item"]:hover, ytd-merch-shelf-item-renderer[item-style="large-item"]:hover, ytd-merch-shelf-item-renderer[item-style="cta-item"]:hover { background-color: var(--yt-spec-badge-chip-background); border-radius: 2px; } .yt-simple-endpoint.ytd-merch-shelf-item-renderer { cursor: pointer; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); padding: 4px; display: block; text-decoration: none; } .yt-simple-endpoint.ytd-merch-shelf-item-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } yt-icon.ytd-merch-shelf-item-renderer { color: var(--yt-spec-brand-icon-inactive); height: 15px; width: 15px; flex-shrink: 0; } .product-item-info.ytd-merch-shelf-item-renderer { position: relative; margin-left: 10px; display: flex; flex-direction: column; flex: 1 1 1e-09px; } .product-item-info-wrapper.ytd-merch-shelf-item-renderer { position: absolute; width: 100%; } .product-item-title.ytd-merch-shelf-item-renderer { color: var(--yt-spec-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .product-item-image.ytd-merch-shelf-item-renderer { height: 90px; width: 90px; background-color: var(--yt-spec-static-white-background); overflow: hidden; } ytd-merch-shelf-item-renderer[rounded] .product-item-image.ytd-merch-shelf-item-renderer { border-radius: 4px; } .product-item-price-wrapper.ytd-merch-shelf-item-renderer { display: flex; flex-direction: column; align-items: flex-start; } .product-item-price.ytd-merch-shelf-item-renderer { color: var(--yt-spec-text-primary); margin: 2px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .product-item-additional-fees-text.ytd-merch-shelf-item-renderer { margin-top: 2px; color: var(--yt-spec-text-secondary); margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } .product-item-merchant.ytd-merch-shelf-item-renderer { display: flex; flex-direction: row; } .product-item-merchant-text.ytd-merch-shelf-item-renderer { color: var(--yt-spec-text-secondary); white-space: nowrap; text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } .product-item-merchant-icon.ytd-merch-shelf-item-renderer { padding-left: 3px; padding-top: 1px; } .product-item-merchant-icon--inline.ytd-merch-shelf-item-renderer { display: none; } .product-item-description.ytd-merch-shelf-item-renderer { color: var(--yt-spec-text-secondary); text-overflow: ellipsis; white-space: nowrap; margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } .product-item-button.ytd-merch-shelf-item-renderer { background-color: var(--yt-spec-call-to-action); border-radius: 2px; color: var(--yt-spec-filled-button-text); padding: 8px 24px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .product-item-button-wrapper.ytd-merch-shelf-item-renderer { margin-left: 8px; display: flex; flex-direction: column; align-items: flex-end; } .product-item-button-wrapper.ytd-merch-shelf-item-renderer .product-item-merchant.ytd-merch-shelf-item-renderer { margin-top: 8px; text-align: end; } ytd-merch-shelf-item-renderer:hover .product-item-merchant-text.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer:hover .product-item-merchant.ytd-merch-shelf-item-renderer yt-icon.ytd-merch-shelf-item-renderer { color: var(--yt-spec-themed-blue); } ytd-merch-shelf-item-renderer[item-style="small-item"] { width: 98px; } ytd-merch-shelf-item-renderer[item-style="small-item"] .product-item-merchant-text.ytd-merch-shelf-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-merch-shelf-item-renderer[item-style="small-item"] .product-item-image.ytd-merch-shelf-item-renderer { margin-bottom: 4px; } ytd-merch-shelf-item-renderer[item-style="small-item"] .product-item-price.ytd-merch-shelf-item-renderer { width: 90px; } ytd-merch-shelf-item-renderer[item-style="small-item"] .product-item-additional-fees-text.ytd-merch-shelf-item-renderer { margin-top: 0px; margin-bottom: 4px; width: 90px; } ytd-merch-shelf-item-renderer[item-style="small-item"] .product-item-info-wrapper.ytd-merch-shelf-item-renderer { position: relative; width: 90px; } ytd-merch-shelf-item-renderer[item-style="small-item"] .small-item-hide.ytd-merch-shelf-item-renderer { display: none; } ytd-merch-shelf-item-renderer[item-style="small-item"] .product-item-info.ytd-merch-shelf-item-renderer { margin-left: 0px; } ytd-merch-shelf-item-renderer[item-style="large-item"] { width: 282px; } ytd-merch-shelf-item-renderer[item-style="large-item"] .large-item-hide.ytd-merch-shelf-item-renderer { display: none; } ytd-merch-shelf-item-renderer[item-style="large-item"] .product-item.ytd-merch-shelf-item-renderer { width: 274px; height: 90px; display: flex; flex-direction: row; } ytd-merch-shelf-item-renderer[item-style="large-item"] .product-item-merchant.ytd-merch-shelf-item-renderer[no-price] .product-item-merchant-text.ytd-merch-shelf-item-renderer { white-space: normal; overflow: initial; text-overflow: clip; } ytd-merch-shelf-item-renderer[item-style="large-item"] .product-item-merchant.ytd-merch-shelf-item-renderer[no-price] .product-item-merchant-icon.ytd-merch-shelf-item-renderer { display: none; } ytd-merch-shelf-item-renderer[item-style="large-item"] .product-item-merchant.ytd-merch-shelf-item-renderer[no-price] .product-item-merchant-icon--inline.ytd-merch-shelf-item-renderer { display: inline-flex; padding-left: 0px; padding-top: 0px; padding-bottom: 2px; } ytd-merch-shelf-item-renderer[item-style="large-item"] .product-item-additional-fees-text.ytd-merch-shelf-item-renderer { margin-bottom: 8px; } ytd-merch-shelf-item-renderer[item-style="large-item"] .product-item-additional-fees-text.ytd-merch-shelf-item-renderer { margin-top: 0px; margin-bottom: 4px; } ytd-merch-shelf-item-renderer[item-style="cta-item"] { width: 100%; } ytd-merch-shelf-item-renderer[item-style="cta-item"] .cta-item-hide.ytd-merch-shelf-item-renderer { display: none; } ytd-merch-shelf-item-renderer[item-style="cta-item"] .product-item.ytd-merch-shelf-item-renderer { margin-left: 0px; width: 100%; height: 90px; display: flex; flex-direction: row; } ytd-merch-shelf-item-renderer[item-style="cta-item"] .product-item-price-wrapper.ytd-merch-shelf-item-renderer { align-items: center; display: flex; flex-direction: row; } ytd-merch-shelf-item-renderer[item-style="cta-item"] .product-item-additional-fees-text.ytd-merch-shelf-item-renderer { padding-left: 5px; margin-bottom: 0px; } ytd-merch-shelf-item-renderer[item-style="cta-item"] .product-item-description.ytd-merch-shelf-item-renderer { color: var(--yt-spec-text-secondary); margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-merch-shelf-item-renderer[item-style="link-item"] { width: 340px; } ytd-merch-shelf-item-renderer[item-style="cta-link-item"] { width: 100%; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item-image.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item-image.ytd-merch-shelf-item-renderer { height: 40px; width: 40px; margin: 10px 8px; background-color: var(--yt-spec-static-white-background); overflow: hidden; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item-info.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item-info.ytd-merch-shelf-item-renderer { margin: 12px 12px 12px 0px; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item-info-wrapper.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item-info-wrapper.ytd-merch-shelf-item-renderer { display: flex; flex-direction: column; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item-title.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item-title.ytd-merch-shelf-item-renderer { margin-right: 25px; flex: 2 1 0%; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item-price-wrapper.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item-price-wrapper.ytd-merch-shelf-item-renderer { flex: 0 0 auto; width: auto; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item-price.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item-price.ytd-merch-shelf-item-renderer { margin: 0px; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item-additional-fees-text.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item-additional-fees-text.ytd-merch-shelf-item-renderer { display: none; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item-info-wrapper-row-1.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item-info-wrapper-row-1.ytd-merch-shelf-item-renderer { flex: 1 1 0%; display: flex; flex-direction: row; width: 100%; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item-info-wrapper-row-2.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item-info-wrapper-row-2.ytd-merch-shelf-item-renderer { flex: 1 1 0%; display: flex; flex-direction: row; margin-right: 30px; margin-top: -2px; } ytd-merch-shelf-item-renderer[item-style="link-item"] .affiliate-disclaimer-text.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .affiliate-disclaimer-text.ytd-merch-shelf-item-renderer { flex: 0 0 auto; margin-right: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 700; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item-description.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item-description.ytd-merch-shelf-item-renderer { flex: 1 1 0%; margin-top: 0px; color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-merch-shelf-item-renderer[item-style="link-item"] .link-item-hide.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .link-item-hide.ytd-merch-shelf-item-renderer { display: none; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item.ytd-merch-shelf-item-renderer { margin-left: 0px; width: 100%; height: 60px; display: flex; flex-direction: row; background-color: var(--yt-spec-themed-overlay-background); border-radius: 12px; } ytd-merch-shelf-item-renderer[item-style="link-item"] .product-item.ytd-merch-shelf-item-renderer:hover, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .product-item.ytd-merch-shelf-item-renderer:hover { background-color: var(--yt-spec-brand-background-secondary); } ytd-merch-shelf-item-renderer[item-style="link-item"] .yt-simple-endpoint.ytd-merch-shelf-item-renderer, ytd-merch-shelf-item-renderer[item-style="cta-link-item"] .yt-simple-endpoint.ytd-merch-shelf-item-renderer { padding-left: 0px; padding-right: 8px; } .product-placeholder-item-info-center.ytd-merch-shelf-item-renderer { height: 100%; align-items: center; display: flex; flex-direction: row; } .ytwButtonCardViewModelHost { display: inline-flex; width: 144px; height: 100%; position: relative; padding-bottom: 48px; align-items: center; justify-content: center; } .ytwButtonCardViewModelHostImage { width: 24px; height: 24px; } .ytwButtonCardViewModelHostContentContainer { display: flex; flex-direction: column; align-items: center; } .ytwButtonCardViewModelHostContentContainerIconContainer { align-items: center; justify-content: center; width: 48px; height: 48px; margin-top: 16px; margin-bottom: 20px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); display: flex; flex-direction: column; } .ytwButtonCardViewModelHostContentContainerTitleContainer { margin-top: 3px; color: rgb(241, 241, 241); align-self: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytdShoppingItemCardHost { display: inline-block; position: relative; cursor: pointer; } .ytdShoppingItemCardHostLink { text-decoration: none; } .ytdShoppingItemCardHostThumbnailViewModel { display: flex; width: 192px; height: 192px; margin-bottom: 8px; } .ytdShoppingItemCardHostItemTitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; text-overflow: ellipsis; max-width: 192px; } .ytdShoppingItemCardHostPrice { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; color: rgb(241, 241, 241); } .shortsLockupViewModelHost { display: inline-block; position: relative; width: var(--ytd-reel-item-width,100%); } .shortsLockupViewModelHostThumbnailContainer { height: 100%; } .shortsLockupViewModelHostThumbnailContainer::before { display: block; content: ""; width: 100%; padding-top: 177.34%; } .shortsLockupViewModelHostThumbnailContainerIsSlimShort::before { display: block; content: ""; width: 100%; padding-top: 133.34%; } .shortsLockupViewModelHostThumbnailContainerRounded { border-radius: 8px; overflow: hidden; transform: translateZ(0px); } .shortsLockupViewModelHostThumbnailContainerAspectRatioTwoByThree::before { display: block; content: ""; width: 100%; padding-top: 150%; } .shortsLockupViewModelHostThumbnailContainerAspectRatioThreeByFour::before { display: block; content: ""; width: 100%; padding-top: 133.34%; } .shortsLockupViewModelHostThumbnailContainerCustomDimensions { height: var(--ytd-reel-item-thumbnail-height,auto); } .shortsLockupViewModelHostThumbnail { position: absolute; inset: 0px; } .shortsLockupViewModelHostEndpoint { display: block; position: relative; text-decoration: none; height: 100%; } .shortsLockupViewModelHostMetadataRounded { border-radius: 8px; overflow: hidden; } .shortsLockupViewModelHostMetadataTitle { width: 100%; margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; word-break: break-word; } .shortsLockupViewModelHostMetadataTitleTextShadow { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px; } .shortsLockupViewModelHostMetadataSubhead { opacity: 1; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } @media (min-width: 1024px) { .shortsLockupViewModelHostMetadataSubhead { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } } .shortsLockupViewModelHostMetadataSubheadNew { text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px; } .shortsLockupViewModelHostMetadataSubheadTextShadow { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px; } .shortsLockupViewModelHostInlineMetadata { display: flex; flex-direction: column; justify-content: flex-end; color: rgb(255, 255, 255); position: absolute; inset: 0px; padding: 8px; background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0px, rgba(0, 0, 0, 0) 100%); } .shortsLockupViewModelHostInlineMetadataMenu { position: absolute; top: 0px; right: 0px; } .shortsLockupViewModelHostInlineMetadataShortScrim { background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0px, rgba(0, 0, 0, 0) 36px); } .shortsLockupViewModelHostInlineMetadataShortScrimNew { background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0px, rgba(0, 0, 0, 0) 22%); } .shortsLockupViewModelHostInlineMetadataMediumScrim { background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0px, rgba(0, 0, 0, 0) 30%); } .shortsLockupViewModelHostShowOverPlayer { z-index: 2; } .shortsLockupViewModelHostOutsideMetadata { position: relative; color: rgb(241, 241, 241); padding: 8px 36px 0px 0px; min-height: 36px; cursor: pointer; } .shortsLockupViewModelHostOutsideMetadataTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .shortsLockupViewModelHostOutsideMetadataMissingTitle { display: none; } .shortsLockupViewModelHostOutsideMetadataEndpoint { color: rgb(241, 241, 241); } .shortsLockupViewModelHostOutsideMetadataMenu { position: absolute; top: 8px; right: 0px; } .shortsLockupViewModelHostOutsideMetadataSubhead { color: rgb(170, 170, 170); } .shortsLockupViewModelHostBadge { position: absolute; top: 0px; left: 0px; margin: 5px; } #container.yt-dynamic-sizing-formatted-string { max-height: 100%; max-width: 100%; } #text.yt-dynamic-sizing-formatted-string { white-space: pre-line; } .overflown.yt-dynamic-sizing-formatted-string { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .yt-sans-120.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 12rem; line-height: 15.4rem; font-weight: 700; } .yt-sans-96.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 9.6rem; line-height: 12.4rem; font-weight: 700; } .yt-sans-84.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 8.4rem; line-height: 10.8rem; font-weight: 700; } .yt-sans-72.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 7.2rem; line-height: 9.2rem; font-weight: 700; } .yt-sans-64.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 6.4rem; line-height: 8rem; font-weight: 700; } .yt-sans-56.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 700; } .yt-sans-48.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 700; } .yt-sans-40.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 700; } .yt-sans-36.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } .yt-sans-32.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } .yt-sans-28.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } .yt-sans-26.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.6rem; line-height: 3.6rem; font-weight: 700; } .yt-sans-24.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } .yt-sans-22.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.2rem; line-height: 3rem; font-weight: 700; } .yt-sans-20.yt-dynamic-sizing-formatted-string { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } .roboto-36.yt-dynamic-sizing-formatted-string { font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 500; } .roboto-32.yt-dynamic-sizing-formatted-string { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 500; } .roboto-28.yt-dynamic-sizing-formatted-string { font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 500; } .roboto-24.yt-dynamic-sizing-formatted-string { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 500; } .roboto-20.yt-dynamic-sizing-formatted-string { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 500; } .roboto-18.yt-dynamic-sizing-formatted-string { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } .roboto-16.yt-dynamic-sizing-formatted-string { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .roboto-14.yt-dynamic-sizing-formatted-string { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .roboto-12.yt-dynamic-sizing-formatted-string { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .roboto-10.yt-dynamic-sizing-formatted-string { font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 500; } ytd-account-item-renderer { display: block; cursor: pointer; } ytd-account-item-renderer[thumbnail-size="36"] { --paper-item-icon-width: 48px; --paper-item-min-height: 56px; } ytd-account-item-renderer[thumbnail-size="48"] { --paper-item-icon-width: 60px; --paper-item-min-height: 64px; } tp-yt-paper-item-body.ytd-account-item-renderer { display: flex; flex-direction: column; } #channel-title.ytd-account-item-renderer { color: var(--yt-spec-text-primary); } #channel-title.ytd-account-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } yt-img-shadow.ytd-account-item-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; } ytd-account-item-renderer[enable-ring-for-active-account] yt-img-shadow.ytd-account-item-renderer { border: 2px solid var(--yt-spec-call-to-action); } yt-formatted-string.ytd-account-item-renderer[secondary] { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } tp-yt-paper-icon-item.ytd-account-item-renderer { height: 56px; } #selected.ytd-account-item-renderer { color: var(--yt-spec-icon-inactive); padding-left: 24px; } #studio-redirect.ytd-account-item-renderer { color: var(--yt-spec-icon-inactive); } ytd-identity-chip-renderer { display: flex; flex-direction: column; } #header-text.ytd-identity-chip-renderer { color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #name.ytd-identity-chip-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #handle.ytd-identity-chip-renderer { color: var(--yt-spec-text-primary); margin-top: -2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #name-handle-div.ytd-identity-chip-renderer { margin: 0px 16px 0px 8px; align-self: center; overflow: hidden; } #avatar-image.ytd-identity-chip-renderer { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; background-color: transparent; } #content-row.ytd-identity-chip-renderer { display: flex; align-items: flex-end; } #info-div.ytd-identity-chip-renderer { display: flex; flex-direction: row; align-items: flex-end; overflow: hidden; } yt-icon.ytd-identity-chip-renderer { color: var(--yt-spec-icon-active-other); } #edit-icon-button.ytd-identity-chip-renderer { width: 24px; height: 24px; vertical-align: bottom; margin-bottom: 4px; } #rendering-content.ytd-in-feed-ad-layout-renderer { height: 100%; } #rendering-content.ytd-in-feed-ad-layout-renderer ytd-promoted-sparkles-text-search-renderer.ytd-in-feed-ad-layout-renderer { margin-top: var(--ytd-item-section-item-margin,16px); } #rendering-content.ytd-in-feed-ad-layout-renderer ytd-promoted-sparkles-text-search-renderer.ytd-in-feed-ad-layout-renderer:last-child { margin-bottom: var(--ytd-item-section-item-margin,16px); } #rendering-content.ytd-in-feed-ad-layout-renderer ytd-promoted-video-renderer.ytd-in-feed-ad-layout-renderer { margin-top: var(--ytd-item-section-item-margin,16px); } ytd-carousel-ad-renderer { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; } #title.ytd-carousel-ad-renderer { min-width: 0px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #badge.ytd-carousel-ad-renderer { flex: 0 0 auto; } #title-text.ytd-carousel-ad-renderer { height: 48px; color: var(--yt-spec-text-primary); flex: 1 1 auto; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #menu.ytd-carousel-ad-renderer { flex: 0 0 auto; } #content.ytd-carousel-ad-renderer { --yt-horizontal-list-renderer-width: auto; flex: 1 1 auto; } #footer-string.ytd-carousel-ad-renderer { flex: 1 1 100%; color: var(--yt-spec-text-secondary); overflow: hidden; text-overflow: ellipsis; padding-bottom: 48px; padding-top: 32px; font-size: 1.2rem; font-weight: 500; line-height: 1.5rem; } ytd-continuation-item-renderer { min-width: 1px; flex: 1 1 1e-09px; display: flex; flex-direction: column; align-items: center; } ytd-continuation-item-renderer[ghost-card-experiment-enabled][is-shorts-page]:not([is-comments-section]):only-child { position: relative; height: calc(100% - 112px); justify-content: center; } ytd-continuation-item-renderer[ghost-card-experiment-enabled][is-comments-section] { padding: 0px; } tp-yt-paper-spinner.ytd-continuation-item-renderer { margin: 16px 0px; } #button.ytd-continuation-item-renderer { width: 100%; } #button.ytd-continuation-item-renderer ytd-button-renderer.ytd-continuation-item-renderer { width: var(--ytd-continuation-item-renderer-width,100%); } #ghost-cards.ytd-continuation-item-renderer, #ghost-comment-section.ytd-continuation-item-renderer { width: 100%; } ytd-ghost-grid-renderer { display: flex; justify-content: center; --ytd-ghost-grid-items-per-row: 3; --ytd-ghost-grid-min-width: 280px; } ytd-ghost-grid-renderer[is-watch-next] { margin-right: calc(var(--ytd-rich-grid-item-margin)*-1/2); margin-left: calc(var(--ytd-rich-grid-item-margin)*-1/2); } ytd-ghost-grid-renderer[is-watch-next] .ghost-grid.ytd-ghost-grid-renderer { margin: 16px 0px 0px; height: 100%; justify-content: space-between; } ytd-ghost-grid-renderer[is-watch-next] .ghost-card.ytd-ghost-grid-renderer { flex-basis: var(--ytd-ghost-grid-min-width); min-width: var(--ytd-ghost-grid-min-width); max-width: 700px; flex-grow: 1; } ytd-ghost-grid-renderer[is-explore-hub] .ghost-grid.ytd-ghost-grid-renderer { margin: 0px; } .ghost-grid.ytd-ghost-grid-renderer { display: flex; flex-wrap: wrap; width: 100%; max-width: calc(var(--ytd-rich-grid-content-max-width) + var(--ytd-rich-grid-item-margin)); margin: 0px 16px; } .ghost-card.ytd-ghost-grid-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); margin-bottom: 40px; max-width: var(--ytd-rich-grid-item-max-width); width: calc(100%/var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-ghost-grid-renderer[is-shorts] .ghost-card.ytd-ghost-grid-renderer { margin: 0 calc(var(--ytd-rich-grid-shorts-item-margin)/2) var(--ytd-rich-grid-shorts-item-margin) var(--ytd-rich-grid-shorts-item-margin); max-width: calc(var(--ytd-rich-grid-slim-items-per-row)*(var(--ytd-rich-grid-slim-item-max-width) + var(--ytd-rich-grid-shorts-item-margin))); width: calc(100%/var(--ytd-rich-grid-slim-items-per-row) - var(--ytd-rich-grid-shorts-item-margin) - .01px); } ytd-ghost-grid-renderer[mini-mode] .ghost-card.ytd-ghost-grid-renderer { max-width: var(--ytd-rich-grid-mini-item-max-width); } .skeleton-bg-color.ytd-ghost-grid-renderer { background-color: var(--yt-spec-10-percent-layer); } .rich-thumbnail.ytd-ghost-grid-renderer { height: 0px; padding-top: 56.25%; width: 100%; border-radius: 12px; } ytd-ghost-grid-renderer[is-shorts] .rich-thumbnail.ytd-ghost-grid-renderer { padding-top: 177.34%; border-radius: 0px; } ytd-ghost-grid-renderer .ghost-grid.ytd-ghost-grid-renderer .ghost-card.ytd-ghost-grid-renderer .skeleton-bg-color.ytd-ghost-grid-renderer { animation: auto ease 0s 1 normal none running none; } .details.ytd-ghost-grid-renderer { display: flex; } ytd-ghost-grid-renderer[is-shorts] .details.ytd-ghost-grid-renderer { display: none; } .channel-avatar.ytd-ghost-grid-renderer { border-radius: 50%; height: 36px; margin-top: 12px; margin-right: 12px; width: 36px; } .rich-video-title.ytd-ghost-grid-renderer { height: 12px; } .details-text-shell.ytd-ghost-grid-renderer { display: flex; flex: 1 1 auto; flex-direction: column; height: 100%; } .text-shell.ytd-ghost-grid-renderer { border-radius: 2px; margin-top: 12px; padding-bottom: 4px; height: 12px; } .rich-video-title.ytd-ghost-grid-renderer { width: 90%; } .video-meta.ytd-ghost-grid-renderer { width: 60%; } .ytGhostCommentsHost { display: block; max-width: 96%; flex: 1 1 0%; padding-top: 0px; } .ytGhostCommentsComments { display: flex; flex-direction: column; width: 100%; } .ytGhostCommentsGhostCard { display: flex; padding-bottom: 16px; gap: 4px; } .ytGhostCommentsMeta { width: clamp(128px, 50%, 256px); } .ytGhostCommentsGhostFill { background-color: rgba(255, 255, 255, 0.2); border-radius: 4px; margin-bottom: 8px; width: 100%; } .ytGhostCommentsAvatar { margin-right: 8px; } .ytGhostCommentsCircle { width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); } .ytGhostCommentsGhostText { height: 16px; } .ytGhostCommentsGhostCommentCount { height: 28px; } .ytGhostCommentsGhostSort { height: 28px; width: 80px; } .ytGhostCommentsGhostInputPlaceholder { height: 16px; width: 110px; } .ytGhostCommentsGhostInputUnderline { height: 2px; } .ytGhostCommentsGhostCommentsHeader { display: flex; flex-direction: row; gap: 32px; margin-bottom: 16px; width: 256px; } .ytGhostCommentsGhostLikeDislike { display: flex; flex-direction: row; gap: 8px; width: 120px; } ytd-downloaded-video-grid-video-renderer { display: inline-block; } ytd-grid-renderer { display: flex; flex-direction: column; } #items.ytd-grid-renderer { display: flex; flex-flow: wrap; } #items.hovering.ytd-grid-renderer { position: relative; overflow-x: hidden; } #items.ytd-grid-renderer > ytd-grid-video-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-downloaded-video-grid-video-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-radio-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-channel-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-playlist-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-movie-playlist-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-movie-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-grid-show-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > ytd-game-card-renderer.ytd-grid-renderer, #items.ytd-grid-renderer > .lockup.ytd-grid-renderer { margin-right: 4px; display: inline-block; width: 210px; margin-bottom: 24px; } #items.ytd-grid-renderer > .lockup.ytd-grid-renderer { flex: 0 0 auto; } #items.ytd-grid-renderer > ytd-game-card-renderer.ytd-grid-renderer { display: flex; flex-direction: column; } #items.ytd-grid-renderer > yt-music-pass-small-feature-info-renderer.ytd-grid-renderer { width: 312px; } yt-music-pass-small-feature-info-renderer.ytd-grid-renderer { margin-top: 64px; margin-bottom: 64px; } yt-music-pass-small-feature-info-renderer.ytd-grid-renderer:not(:last-child) { margin-right: 24px; } #show-more-button.ytd-grid-renderer { margin-bottom: 16px; align-self: flex-start; } #view-all.ytd-grid-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); display: block; color: var(--yt-spec-text-secondary); cursor: pointer; margin: 16px 0px 24px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-continuation-item-renderer.ytd-grid-renderer { min-width: 100%; } ytd-promoted-sparkles-text-search-renderer { position: relative; display: block; } #root-container.ytd-promoted-sparkles-text-search-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; justify-content: space-between; } #main-container.ytd-promoted-sparkles-text-search-renderer { padding-right: 100px; overflow: hidden; text-overflow: ellipsis; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #right-container.ytd-promoted-sparkles-text-search-renderer { display: flex; flex-direction: column; } #title.ytd-promoted-sparkles-text-search-renderer { color: var(--yt-spec-text-primary); align-self: flex-start; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #favicon.ytd-promoted-sparkles-text-search-renderer { vertical-align: -10%; } #description.ytd-promoted-sparkles-text-search-renderer { color: var(--yt-spec-text-secondary); padding-top: 8px; margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 5.4rem; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } #format-container.ytd-promoted-sparkles-text-search-renderer { height: 36px; display: flex; flex-direction: row; } #ad-badge.ytd-promoted-sparkles-text-search-renderer { margin-top: auto; margin-bottom: auto; } #display-url.ytd-promoted-sparkles-text-search-renderer { margin-top: auto; margin-bottom: auto; margin-right: 4px; } #display-url.ytd-promoted-sparkles-text-search-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } #sitelinks-table.ytd-promoted-sparkles-text-search-renderer { display: flex; flex-wrap: wrap; white-space: normal; overflow: hidden; text-overflow: ellipsis; min-width: 0px; max-height: 48px; } #sitelinks.ytd-promoted-sparkles-text-search-renderer { padding: 16px; max-width: 250px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } #sitelinks.ytd-promoted-sparkles-text-search-renderer:first-child { padding-left: 0px; } #call-to-action.ytd-promoted-sparkles-text-search-renderer { margin-left: auto; margin-top: auto; margin-right: calc(var(--yt-icon-width)/2); margin-bottom: 10px; } #menu.ytd-promoted-sparkles-text-search-renderer { height: 2.4rem; margin-left: auto; } ytd-menu-renderer.ytd-promoted-sparkles-text-search-renderer { margin-top: -11px; } @media (min-width: 0) and (max-width: 662px) { #main-container.ytd-promoted-sparkles-text-search-renderer { padding-right: 0px; } #call-to-action.ytd-promoted-sparkles-text-search-renderer { display: none; } } ytd-promoted-sparkles-web-renderer { position: relative; display: flex; flex-direction: row; } ytd-promoted-sparkles-web-renderer:hover #media-hover-overlay.ytd-promoted-sparkles-web-renderer { visibility: visible; } ytd-promoted-sparkles-web-renderer[collapsed] { display: none; } #sparkles-container.ytd-promoted-sparkles-web-renderer { pointer-events: none; flex: 1 1 1e-09px; display: flex; flex-direction: row; } #thumbnail-container.ytd-promoted-sparkles-web-renderer { position: relative; margin-right: 8px; cursor: pointer; pointer-events: auto; height: 168px; width: 168px; background-color: var(--yt-spec-10-percent-layer); border-radius: 8px; overflow: hidden; } #thumbnail-hover-container.ytd-promoted-sparkles-web-renderer { position: relative; } #thumbnail-deep-container.ytd-promoted-sparkles-web-renderer, #thumbnail.ytd-promoted-sparkles-web-renderer, #thumbnail.ytd-promoted-sparkles-web-renderer img.ytd-promoted-sparkles-web-renderer { height: 168px; width: 168px; } #media-hover-overlay.ytd-promoted-sparkles-web-renderer { position: absolute; visibility: hidden; inset: 0px; background-color: var(--yt-spec-static-overlay-background-medium); justify-content: center; display: flex; flex-direction: row; } #media-hover-overlay.ytd-promoted-sparkles-web-renderer ytd-button-renderer.ytd-promoted-sparkles-web-renderer { align-items: center; display: flex; flex-direction: row; } ytd-promoted-sparkles-web-renderer[hide-hover-overlay] #media-hover-overlay.ytd-promoted-sparkles-web-renderer { display: none; } #sparkles-body.ytd-promoted-sparkles-web-renderer { width: 10px; padding-right: 24px; flex: 1 1 1e-09px; display: flex; flex-direction: column; align-items: flex-start; } #sparkles-body-container.ytd-promoted-sparkles-web-renderer { width: 10px; flex: 1 1 1e-09px; display: flex; flex-direction: row; justify-content: space-between; } ytd-promoted-sparkles-web-renderer[web-search-layout] #sparkles-body.ytd-promoted-sparkles-web-renderer { padding-right: 0px; } ytd-promoted-sparkles-web-renderer[web-search-layout] #sparkles-body-container.ytd-promoted-sparkles-web-renderer { padding-right: 0px; } #title.ytd-promoted-sparkles-web-renderer { cursor: pointer; pointer-events: auto; width: 100%; margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-promoted-sparkles-web-renderer { color: var(--yt-spec-text-primary); } #website-text-container.ytd-promoted-sparkles-web-renderer { cursor: pointer; pointer-events: auto; overflow: hidden; text-overflow: ellipsis; width: 100%; display: flex; flex-direction: row; } #website-text.ytd-promoted-sparkles-web-renderer { color: var(--yt-spec-text-secondary); text-overflow: ellipsis; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } #description.ytd-promoted-sparkles-web-renderer { color: var(--yt-spec-text-secondary); width: 100%; margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 5.4rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; cursor: pointer; pointer-events: auto; } #action-button.ytd-promoted-sparkles-web-renderer { margin-top: 16px; max-width: 100%; } ytd-promoted-sparkles-web-renderer[hide-action-button] #action-button.ytd-promoted-sparkles-web-renderer { display: none; } ytd-promoted-sparkles-web-renderer[web-search-layout] #action-button.ytd-promoted-sparkles-web-renderer { margin-right: calc(var(--yt-icon-width)/-2); } #action-button.ytd-promoted-sparkles-web-renderer ytd-button-renderer.ytd-promoted-sparkles-web-renderer { cursor: pointer; pointer-events: auto; max-width: 100%; } ytd-promoted-sparkles-web-renderer[sparkles-cta-no-background] #action-button.ytd-promoted-sparkles-web-renderer ytd-button-renderer.ytd-promoted-sparkles-web-renderer { background-color: transparent; } ytd-promoted-sparkles-web-renderer:not([web-search-layout]) ytd-menu-renderer.ytd-promoted-sparkles-web-renderer { cursor: pointer; pointer-events: auto; position: absolute; top: 0px; right: 0px; } ytd-promoted-sparkles-web-renderer:not([web-search-layout]) ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } ytd-promoted-sparkles-web-renderer:not([web-search-layout]) #media-badge-search.ytd-promoted-sparkles-web-renderer { display: none; } ytd-promoted-sparkles-web-renderer[web-search-layout] #thumbnail-container.ytd-promoted-sparkles-web-renderer { width: auto; height: auto; max-width: 360px; min-width: 240px; display: block; flex: 1 1 1e-09px; } ytd-promoted-sparkles-web-renderer[web-search-layout] #thumbnail-hover-container.ytd-promoted-sparkles-web-renderer, ytd-promoted-sparkles-web-renderer[web-search-layout] #thumbnail-deep-container.ytd-promoted-sparkles-web-renderer { height: 100%; width: auto; } ytd-promoted-sparkles-web-renderer[web-search-layout] #media-badge-search.ytd-promoted-sparkles-web-renderer { position: absolute; width: 40px; height: 40px; border-radius: 50%; right: 8px; bottom: 8px; background-color: var(--yt-spec-static-overlay-background-medium); --ytd-badge-icon-size: 22px; --ytd-badge-icon-color: var(--yt-spec-static-overlay-text-primary); display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-promoted-sparkles-web-renderer[web-search-layout] #title.ytd-promoted-sparkles-web-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } ytd-promoted-sparkles-web-renderer[web-search-layout] #action-button.ytd-promoted-sparkles-web-renderer { align-self: end; } ytd-promoted-sparkles-web-renderer[web-search-layout] #sparkles-container.ytd-promoted-sparkles-web-renderer { margin-top: 16px; } ytd-promoted-sparkles-web-renderer[web-search-layout] ytd-menu-renderer.ytd-promoted-sparkles-web-renderer { margin-top: 16px; } ytd-promoted-sparkles-web-renderer[web-search-layout] #sparkles-body.ytd-promoted-sparkles-web-renderer { width: auto; } ytd-promoted-sparkles-web-renderer[web-search-layout] #sparkles-body-container.ytd-promoted-sparkles-web-renderer { margin-left: 8px; width: auto; } ytd-promoted-sparkles-web-renderer[web-search-layout][use-bigger-thumbs] #thumbnail-container.ytd-promoted-sparkles-web-renderer { max-width: 420px; min-width: 240px; } ytd-promoted-sparkles-web-renderer[web-search-layout][use-bigger-thumbs][bigger-thumbs-style="MEDIUM"] #thumbnail-container.ytd-promoted-sparkles-web-renderer { max-width: 450px; min-width: 240px; } ytd-promoted-sparkles-web-renderer[web-search-layout][use-bigger-thumbs][bigger-thumbs-style="BIG"] #thumbnail-container.ytd-promoted-sparkles-web-renderer { max-width: 500px; min-width: 240px; } ytd-promoted-sparkles-web-renderer[web-search-layout][use-bigger-thumbs][bigger-thumbs-style="MASSIVE"] #thumbnail-container.ytd-promoted-sparkles-web-renderer { max-width: 600px; min-width: 240px; } ytd-promoted-sparkles-web-renderer[web-search-layout-square] #thumbnail-container.ytd-promoted-sparkles-web-renderer { max-height: 202px; } ytd-promoted-sparkles-web-renderer[web-search-layout-square] #thumbnail-deep-container.ytd-promoted-sparkles-web-renderer { position: relative; display: flex; flex-direction: row; justify-content: center; } ytd-promoted-sparkles-web-renderer[web-search-layout-square] #thumbnail.ytd-promoted-sparkles-web-renderer, ytd-promoted-sparkles-web-renderer[web-search-layout-square] #thumbnail.ytd-promoted-sparkles-web-renderer img.ytd-promoted-sparkles-web-renderer { width: 202px; height: 202px; } ytd-promoted-sparkles-web-renderer[web-search-layout-square][use-bigger-thumbs-square] #thumbnail-container.ytd-promoted-sparkles-web-renderer { max-height: 235px; } ytd-promoted-sparkles-web-renderer[web-search-layout-square][use-bigger-thumbs-square][bigger-thumbs-style="BIG"] #thumbnail-container.ytd-promoted-sparkles-web-renderer { max-height: 280px; } ytd-promoted-sparkles-web-renderer[web-search-layout-square][use-bigger-thumbs-square][bigger-thumbs-style="MASSIVE"] #thumbnail-container.ytd-promoted-sparkles-web-renderer { max-height: 337px; } ytd-promoted-sparkles-web-renderer[web-search-layout-square][use-bigger-thumbs-square] #thumbnail.ytd-promoted-sparkles-web-renderer, #thumbnail.ytd-promoted-sparkles-web-renderer img.ytd-promoted-sparkles-web-renderer { width: 235px; height: 235px; } ytd-promoted-sparkles-web-renderer[web-search-layout-square][use-bigger-thumbs-square][bigger-thumbs-style="BIG"] #thumbnail.ytd-promoted-sparkles-web-renderer, #thumbnail.ytd-promoted-sparkles-web-renderer img.ytd-promoted-sparkles-web-renderer { width: 280px; height: 280px; } ytd-promoted-sparkles-web-renderer[web-search-layout-square][use-bigger-thumbs-square][bigger-thumbs-style="MASSIVE"] #thumbnail.ytd-promoted-sparkles-web-renderer, #thumbnail.ytd-promoted-sparkles-web-renderer img.ytd-promoted-sparkles-web-renderer { width: 337px; height: 337px; } ytd-promoted-sparkles-web-renderer[web-search-layout-landscape] #thumbnail-deep-container.ytd-promoted-sparkles-web-renderer { position: relative; width: auto; display: flex; flex-direction: column; justify-content: center; } ytd-promoted-sparkles-web-renderer[web-search-layout-landscape] #thumbnail.ytd-promoted-sparkles-web-renderer, ytd-promoted-sparkles-web-renderer[web-search-layout-landscape] #thumbnail.ytd-promoted-sparkles-web-renderer img.ytd-promoted-sparkles-web-renderer { width: auto; height: auto; } ytd-promoted-sparkles-web-renderer[web-search-layout] #thumbnail-container.ytd-promoted-sparkles-web-renderer { border-radius: 12px; } ytd-promoted-sparkles-web-renderer[has-new-ad-badge] #ad-badge.ytd-promoted-sparkles-web-renderer { display: none; } ytd-promoted-sparkles-web-renderer:not([has-new-ad-badge]) #ad-badge-new.ytd-promoted-sparkles-web-renderer { display: none; } ytd-promoted-sparkles-web-renderer[web-search-layout][fix-alignment-small-screens] #thumbnail-container.ytd-promoted-sparkles-web-renderer { margin-right: 16px; } ytd-promoted-sparkles-web-renderer[web-search-layout][fix-alignment-small-screens] ytd-menu-renderer.ytd-promoted-sparkles-web-renderer { margin-top: 0px; pointer-events: auto; } ytd-promoted-sparkles-web-renderer[web-search-layout][fix-alignment-small-screens] #sparkles-body-container.ytd-promoted-sparkles-web-renderer { margin-left: 0px; } ytd-promoted-video-renderer { position: relative; display: flex; flex-direction: row; } #main-container.ytd-promoted-video-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; } #description-text.ytd-promoted-video-renderer { color: var(--yt-spec-text-secondary); padding-top: 8px; margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 3.6rem; -webkit-line-clamp: 2; } #metadata-container.ytd-promoted-video-renderer { max-width: none; flex: 1 1 1e-09px; display: flex; flex-direction: row; justify-content: space-between; } #text-container.ytd-promoted-video-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: column; } ytd-promoted-video-renderer:not([show-cta]) #text-container.ytd-promoted-video-renderer { display: block; } #endpoint.ytd-promoted-video-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } ytd-promoted-video-renderer:not([show-cta]) #endpoint.ytd-promoted-video-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: column; } #endpoint.ytd-promoted-video-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #title-wrapper.ytd-promoted-video-renderer { display: flex; justify-content: space-between; } #meta-block.ytd-promoted-video-renderer, #byline.ytd-promoted-video-renderer { display: flex; flex-direction: row; } #call-to-action.ytd-promoted-video-renderer { max-width: 100%; } ytd-promoted-video-renderer[is-short-dr-or-new-ui] #call-to-action.ytd-promoted-video-renderer { flex: 1 1 0%; width: 100%; } ytd-promoted-video-renderer[is-short-dr-or-new-ui] #call-to-action.ytd-promoted-video-renderer > ytd-button-renderer.ytd-promoted-video-renderer:not(:empty) { width: 100%; } ytd-promoted-video-renderer:not([show-cta]) #call-to-action.ytd-promoted-video-renderer { display: none; } #secondary-button.ytd-promoted-video-renderer { flex: 1 1 0%; max-width: 100%; margin: 0px 12px 0px 0px; } #button-container.ytd-promoted-video-renderer { display: flex; flex-direction: row; justify-content: flex-end; width: 100%; margin-top: 16px; } ytd-promoted-video-renderer[is-short-dr-or-new-ui] #button-container.ytd-promoted-video-renderer { justify-content: flex-start; width: 50%; min-width: 200px; } ytd-promoted-video-renderer[is-new-ui-and-not-short-dr] #button-container.ytd-promoted-video-renderer { width: 25%; min-width: 100px; } #ad-badge-container.ytd-promoted-video-renderer { margin-top: auto; margin-bottom: auto; } ytd-promoted-video-renderer[is-short-dr-or-new-ui] #channel-thumbnail-container.ytd-promoted-video-renderer { display: flex; flex-direction: row; margin-right: 8px; } ytd-promoted-video-renderer[is-short-dr-or-new-ui] #avatar.ytd-promoted-video-renderer { width: 24px; height: 24px; border-radius: 50%; background-color: transparent; overflow: hidden; } #ad-badge-metablock.ytd-promoted-video-renderer { display: block; } ytd-promoted-video-renderer[is-short-dr-or-new-ui] #ad-badge-metablock.ytd-promoted-video-renderer { align-self: center; } #menu.ytd-promoted-video-renderer { height: 2.4rem; } ytd-menu-renderer.ytd-promoted-video-renderer { margin-top: -11px; } #video-title.ytd-promoted-video-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-thumbnail.ytd-promoted-video-renderer::before { display: block; content: ""; padding-top: 56.11%; } ytd-thumbnail.ytd-promoted-video-renderer { margin-right: 16px; max-width: 360px; min-width: 240px; flex: 1 1 1e-09px; } ytd-promoted-video-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-promoted-video-renderer { max-width: 420px; min-width: 240px; } ytd-promoted-video-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] ytd-thumbnail.ytd-promoted-video-renderer { max-width: 500px; min-width: 240px; } ytd-promoted-video-renderer[use-bigger-thumbs][bigger-thumbs-style="MEDIUM"] ytd-thumbnail.ytd-promoted-video-renderer { max-width: 450px; min-width: 240px; } ytd-promoted-video-renderer[use-bigger-thumbs][bigger-thumbs-style="MASSIVE"] ytd-thumbnail.ytd-promoted-video-renderer { max-width: 600px; min-width: 240px; } ytd-text-image-no-button-layout-renderer:hover #media-hover-overlay.ytd-text-image-no-button-layout-renderer { visibility: visible; } #root-container.ytd-text-image-no-button-layout-renderer { margin-top: 16px; display: flex; flex-direction: row; align-items: flex-start; } #text-image-container.ytd-text-image-no-button-layout-renderer { position: relative; background: rgb(38, 56, 80); display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 360px; min-width: 240px; aspect-ratio: 1.78 / 1; flex: 1 1 1e-09px; margin-right: 16px; border-radius: 12px; overflow: hidden; } ytd-text-image-no-button-layout-renderer[use-bigger-thumbs] #text-image-container.ytd-text-image-no-button-layout-renderer { max-width: 420px; min-width: 240px; } ytd-text-image-no-button-layout-renderer[use-bigger-thumbs][bigger-thumbs-style="MEDIUM"] #text-image-container.ytd-text-image-no-button-layout-renderer { max-width: 450px; min-width: 240px; } ytd-text-image-no-button-layout-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] #text-image-container.ytd-text-image-no-button-layout-renderer { max-width: 500px; min-width: 240px; } ytd-text-image-no-button-layout-renderer[use-bigger-thumbs][bigger-thumbs-style="MASSIVE"] #text-image-container.ytd-text-image-no-button-layout-renderer { max-width: 600px; min-width: 240px; } #text-image.ytd-text-image-no-button-layout-renderer { text-align: center; display: flex; flex-direction: column; align-items: center; padding: 24px; } #text-image-title.ytd-text-image-no-button-layout-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; overflow: hidden; max-height: 12.8rem; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; color: white; } ytd-text-image-no-button-layout-renderer[show-favicon] #text-image-title.ytd-text-image-no-button-layout-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; overflow: hidden; max-height: 6.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #text-image-favicon.ytd-text-image-no-button-layout-renderer { height: 64px; width: 64px; margin-bottom: 8px; border-radius: 4px; overflow: hidden; } #media-hover-overlay.ytd-text-image-no-button-layout-renderer { visibility: hidden; background-color: var(--yt-spec-static-overlay-background-medium); position: absolute; inset: 0px; display: flex; flex-direction: row; align-items: center; justify-content: center; } #media-badge.ytd-text-image-no-button-layout-renderer { position: absolute; width: 40px; height: 40px; border-radius: 50%; right: 8px; bottom: 8px; background-color: var(--yt-spec-static-overlay-background-medium); --ytd-badge-icon-size: 22px; --ytd-badge-icon-color: var(--yt-spec-static-overlay-text-primary); display: flex; flex-direction: row; align-items: center; justify-content: center; } #metadata-container.ytd-text-image-no-button-layout-renderer { flex: 1 1 1e-09px; } ytd-text-image-no-button-layout-renderer[enable-thumbnail-scaling-fix] #metadata-container.ytd-text-image-no-button-layout-renderer { display: flex; flex-direction: row; min-width: 0px; } ytd-text-image-no-button-layout-renderer[enable-thumbnail-scaling-fix] #metadata-body.ytd-text-image-no-button-layout-renderer { flex: 1 1 1e-09px; overflow: hidden; } #headline.ytd-text-image-no-button-layout-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } #description.ytd-text-image-no-button-layout-renderer { color: var(--yt-spec-text-secondary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 5.4rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #details-line.ytd-text-image-no-button-layout-renderer { display: flex; flex-direction: row; } #website-text.ytd-text-image-no-button-layout-renderer { color: var(--yt-spec-text-secondary); text-overflow: ellipsis; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } #sitelinks-carousel.ytd-text-image-no-button-layout-renderer { display: flex; flex-flow: wrap; max-height: 48px; overflow: hidden; margin-top: 8px; } .sitelink-container.ytd-text-image-no-button-layout-renderer { height: 48px; display: flex; flex-direction: column; justify-content: center; padding-left: 12px; } .sitelink-container.ytd-text-image-no-button-layout-renderer:first-child { padding-left: 0px; } .sitelink.ytd-text-image-no-button-layout-renderer { max-width: 250px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; padding: 5px 11px; border: 1px solid var(--yt-spec-outline); border-radius: 16px; flex-shrink: 0; color: var(--yt-spec-text-primary); } ytd-ad-inline-playback-meta-block { display: inline-block; width: 100%; } #ad-inline-playback-metadata.ytd-ad-inline-playback-meta-block { width: 100%; } #meta-container.ytd-ad-inline-playback-meta-block { position: relative; cursor: pointer; margin: 0px; display: flex; flex-direction: row; } ytd-ad-inline-playback-meta-block[is-inline-playback-state] #meta-container.ytd-ad-inline-playback-meta-block { position: relative; cursor: pointer; margin: 0px 12px; flex: 1 1 auto; display: flex; flex-direction: row; } #channel-thumbnail-container.ytd-ad-inline-playback-meta-block { display: flex; flex-direction: column; } #avatar-link.ytd-ad-inline-playback-meta-block { height: 36px; margin-top: 12px; margin-right: 12px; } #avatar.ytd-ad-inline-playback-meta-block { width: 36px; height: 36px; border-radius: 50%; background-color: transparent; overflow: hidden; } #info-container.ytd-ad-inline-playback-meta-block { overflow-x: hidden; padding-right: 24px; } #video-title.ytd-ad-inline-playback-meta-block { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-ad-inline-playback-meta-block[typography-bump] #video-title.ytd-ad-inline-playback-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-ad-inline-playback-meta-block[typography-bump-v2] #video-title.ytd-ad-inline-playback-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 900; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-ad-inline-playback-meta-block[typography-bump-v2] #video-title.ytd-ad-inline-playback-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 900; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-ad-inline-playback-meta-block[mini-mode] #video-title.ytd-ad-inline-playback-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-ad-inline-playback-meta-block[typography-bump][mini-mode] #video-title.ytd-ad-inline-playback-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #title-container.ytd-ad-inline-playback-meta-block { color: var(--yt-spec-text-primary); margin: 12px 0px 4px; } ytd-menu-renderer.ytd-ad-inline-playback-meta-block { position: absolute; top: 4px; right: -12px; } ytd-ad-inline-playback-meta-block[is-inline-playback-state] ytd-menu-renderer.ytd-ad-inline-playback-meta-block { position: absolute; top: 0px; right: 0px; margin-top: 12px; } #byline-container.ytd-ad-inline-playback-meta-block { margin-right: 24px; display: flex; flex-direction: row; align-items: center; } #badge.ytd-ad-inline-playback-meta-block { flex: 0 0 auto; } #short-byline-text.ytd-ad-inline-playback-meta-block { flex: 1 1 10%; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #short-byline-text.ytd-ad-inline-playback-meta-block:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); } ytd-ad-inline-playback-meta-block[mini-mode] #short-byline-text.ytd-ad-inline-playback-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-ad-inline-playback-meta-block[typography-bump][mini-mode] #short-byline-text.ytd-ad-inline-playback-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #description.ytd-ad-inline-playback-meta-block { flex: 1 1 10%; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: none; } ytd-ad-inline-playback-meta-block[mini-mode] #description.ytd-ad-inline-playback-meta-block { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: none; } #secondary-description-container.ytd-ad-inline-playback-meta-block { margin-right: 24px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; flex-direction: row; align-items: center; } #separator.ytd-ad-inline-playback-meta-block { margin: 0px 4px; } #call-to-action.ytd-ad-inline-playback-meta-block { display: flex; flex-direction: row; } ytd-ad-inline-playback-meta-block[is-button-group] #call-to-action.ytd-ad-inline-playback-meta-block { flex: 1 1 0%; } ytd-ad-inline-playback-meta-block[hide-cta] #call-to-action.ytd-ad-inline-playback-meta-block { visibility: hidden; opacity: 0; } ytd-ad-inline-playback-meta-block[hide-cta][animate-in-cta] #call-to-action.ytd-ad-inline-playback-meta-block { visibility: visible; opacity: 1; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); } ytd-ad-inline-playback-meta-block[is-inline-playback-state] #call-to-action.ytd-ad-inline-playback-meta-block { margin: 12px; display: flex; flex-direction: row; } #call-to-action.ytd-ad-inline-playback-meta-block > ytd-button-renderer.ytd-ad-inline-playback-meta-block:not(:empty) { width: 100%; } #secondary-button.ytd-ad-inline-playback-meta-block { width: 100%; margin: 0px 4px; display: flex; flex-direction: row; flex: 1 1 0%; } #button-container.ytd-ad-inline-playback-meta-block { margin: 12px 0px; transition: opacity 0.5s ease-out, transform 0.5s ease-out; display: block; } #button-container.hide-delayed-buttons.ytd-ad-inline-playback-meta-block { opacity: 0; transform: translateY(-20px); pointer-events: none; } #button-container.show-delayed-buttons.ytd-ad-inline-playback-meta-block { opacity: 1; transform: translateY(0px); pointer-events: auto; } ytd-ad-inline-playback-meta-block[no-bottom-margin] #button-container.ytd-ad-inline-playback-meta-block { margin-bottom: 0px; } ytd-ad-inline-playback-meta-block[is-button-group] #button-container.ytd-ad-inline-playback-meta-block { display: flex; } ytd-video-display-full-buttoned-and-button-group-renderer { width: 100%; height: 100%; display: inline-block; } ytd-video-display-full-buttoned-and-button-group-renderer[is-dismissed] #dismissible.ytd-video-display-full-buttoned-and-button-group-renderer, ytd-video-display-full-buttoned-and-button-group-renderer #dismissed.ytd-video-display-full-buttoned-and-button-group-renderer { display: none; } ytd-video-display-full-buttoned-and-button-group-renderer[is-dismissed] #dismissed.ytd-video-display-full-buttoned-and-button-group-renderer { display: block; } #root.ytd-video-display-full-buttoned-and-button-group-renderer { width: 100%; height: 100%; display: flex; flex-flow: wrap; align-items: center; } #thumbnail-container.ytd-video-display-full-buttoned-and-button-group-renderer { width: 100%; } ytd-thumbnail.ytd-video-display-full-buttoned-and-button-group-renderer { width: 100%; position: relative; } ytd-thumbnail.ytd-video-display-full-buttoned-and-button-group-renderer::before { display: block; content: ""; width: 100%; padding-top: 56.25%; background-color: var(--yt-spec-10-percent-layer); } ytd-video-display-full-buttoned-renderer { width: 100%; height: 100%; display: inline-block; } ytd-video-display-full-buttoned-renderer[is-dismissed] #dismissible.ytd-video-display-full-buttoned-renderer, ytd-video-display-full-buttoned-renderer #dismissed.ytd-video-display-full-buttoned-renderer { display: none; } ytd-video-display-full-buttoned-renderer[is-dismissed] #dismissed.ytd-video-display-full-buttoned-renderer { display: block; } #root.ytd-video-display-full-buttoned-renderer { width: 100%; height: 100%; display: flex; flex-flow: wrap; align-items: center; } #thumbnail-container.ytd-video-display-full-buttoned-renderer { width: 100%; } ytd-thumbnail.ytd-video-display-full-buttoned-renderer { width: 100%; position: relative; } ytd-thumbnail.ytd-video-display-full-buttoned-renderer::before { display: block; content: ""; width: 100%; padding-top: 56.25%; background-color: var(--yt-spec-10-percent-layer); } .ytwAdImageViewModelHostIsClickableAdComponent, .ytwAdImageViewModelHost { display: flex; width: 100%; height: 100%; } .ytwAdImageViewModelHostIsClickableAdComponentImageContainer, .ytwAdImageViewModelHostImageContainer { width: 100%; height: 100%; position: relative; display: inline-block; } .ytwAdImageViewModelHostIsClickableAdComponentImage, .ytwAdImageViewModelHostImage { visibility: inherit; } .ytwAdImageViewModelHostInGridView { width: 100%; height: 100%; position: absolute; } .ytwAdImageViewModelHostInGridViewImageContainer { width: 100%; height: 100%; position: relative; display: inline-block; } .ytwAdImageViewModelHostInGridViewImage { visibility: inherit; } .ytwAdButtonHoverOverlayViewModelHostIsClickableAdComponent, .ytwAdButtonHoverOverlayViewModelHost { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); } .ytwCompactLandscapeNoButtonLayoutViewModelHost { margin-top: 16px; display: flex; flex-direction: row; } .ytwCompactLandscapeNoButtonLayoutViewModelHostMetadata { display: block; margin-left: 16px; flex: 1 1 0%; } .ytwCompactLandscapeNoButtonLayoutViewModelHostImageHoverOverlayContainer { border-radius: 12px; overflow: hidden; max-width: 500px; min-width: 240px; display: grid; flex: 1 1 1e-09px; justify-content: center; position: relative; background-color: rgba(255, 255, 255, 0.2); } .ytwCompactLandscapeNoButtonLayoutViewModelHostImageHoverOverlayContainerOverlayIcon { position: absolute; width: 40px; height: 40px; border-radius: 50%; right: 8px; bottom: 8px; background-color: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; display: flex; } .ytwCompactLandscapeNoButtonLayoutViewModelHostImageHoverOverlayContainerOverlayIconIconShape { color: rgb(255, 255, 255); width: 24px; height: 24px; } .ytwCompactLandscapeNoButtonLayoutViewModelHostImageHoverOverlayContainerSquareImageContainer { max-height: 280px; } .ytwCompactLandscapeNoButtonLayoutViewModelHostImageHoverOverlayContainerLandscapeImageContainer { height: auto; width: auto; } .ytwCompactLandscapeNoButtonLayoutViewModelHostImageHoverOverlayContainerAdButtonHoverOverlay { display: none; } .ytwCompactLandscapeNoButtonLayoutViewModelHostImageHoverOverlayContainerAdButtonHoverOverlayVisible { inset: 0px; z-index: 2; position: absolute; display: unset; cursor: pointer; } .ytwSquareImageLayoutViewModelHost { display: flex; flex-direction: row; position: relative; } .ytwSquareImageLayoutViewModelHostImage { cursor: pointer; margin-right: 8px; width: 168px; height: 168px; flex-shrink: 0; display: inline-block; border-radius: 8px; overflow: hidden; background-color: rgba(255, 255, 255, 0.2); } .ytwSquareImageLayoutViewModelHostImageExp { cursor: pointer; width: 100%; height: 100%; max-width: 100%; display: block; border-radius: 8px; object-fit: contain; overflow: clip; overflow-clip-margin: content-box; } .ytwSquareImageLayoutViewModelHostMetadataButtonContainer { display: flex; width: 100%; flex-direction: column; position: relative; } .ytwSquareImageLayoutViewModelHostMetadataButtonContainerButton { display: flex; position: absolute; bottom: 0px; max-width: 100%; } .ytwSquareImageLayoutViewModelHostColumn { flex-direction: column; } .ytwSquareImageLayoutViewModelHostColumnImage { margin-right: 0px; margin-top: 8px; width: 100%; height: 0px; padding-bottom: 56.25%; position: relative; } .ytwSquareImageLayoutViewModelHostColumnAdButtonViewModel { position: absolute; width: 100%; height: 100%; } .ytwSquareImageLayoutViewModelHostColumnMetadataButtonContainer { margin-top: 8px; } .ytwSquareImageLayoutViewModelHostColumnMetadataButtonContainerButton { position: relative; margin-top: 8px; } .ytwTopLandscapeImageLayoutViewModelHostIsClickableAdComponent, .ytwTopLandscapeImageLayoutViewModelHost { width: 100%; margin: 0px; display: block; cursor: pointer; } .ytwTopLandscapeImageLayoutViewModelHostIsClickableAdComponentMetadata, .ytwTopLandscapeImageLayoutViewModelHostMetadata { display: flex; flex-direction: column; } .ytwTopLandscapeImageLayoutViewModelHostIsClickableAdComponentImageHoverOverlayContainer, .ytwTopLandscapeImageLayoutViewModelHostImageHoverOverlayContainer { display: grid; justify-content: center; align-items: center; position: relative; border-radius: 12px; overflow: hidden; padding-top: 56.25%; } .ytwTopLandscapeImageLayoutViewModelHostIsClickableAdComponentImageHoverOverlayContainerBackgroundImage, .ytwTopLandscapeImageLayoutViewModelHostImageHoverOverlayContainerBackgroundImage { filter: blur(5px); width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.8); } .ytwTopLandscapeImageLayoutViewModelHostIsClickableAdComponentImageHoverOverlayContainerImage, .ytwTopLandscapeImageLayoutViewModelHostImageHoverOverlayContainerImage { width: 100%; display: block; position: absolute; } .ytwTopLandscapeImageLayoutViewModelHostIsClickableAdComponentImageHoverOverlayContainerImageExperiment, .ytwTopLandscapeImageLayoutViewModelHostImageHoverOverlayContainerImageExperiment { visibility: inherit; } .ytwTopLandscapeImageLayoutViewModelHostIsClickableAdComponentImageHoverOverlayContainerAdButtonHoverOverlay, .ytwTopLandscapeImageLayoutViewModelHostImageHoverOverlayContainerAdButtonHoverOverlay { display: none; } .ytwTopLandscapeImageLayoutViewModelHostIsClickableAdComponentImageHoverOverlayContainerAdButtonHoverOverlayVisible, .ytwTopLandscapeImageLayoutViewModelHostImageHoverOverlayContainerAdButtonHoverOverlayVisible { inset: 0px; z-index: 2; position: absolute; display: unset; } .ytwTopLandscapeImageLayoutViewModelHostIsClickableAdComponentImageHoverOverlayContainerOverlayIcon, .ytwTopLandscapeImageLayoutViewModelHostImageHoverOverlayContainerOverlayIcon { position: absolute; width: 40px; height: 40px; border-radius: 50%; right: 8px; bottom: 8px; background-color: rgba(0, 0, 0, 0.6); justify-content: center; align-items: center; display: flex; } .ytwTopLandscapeImageLayoutViewModelHostIsClickableAdComponentImageHoverOverlayContainerOverlayIconIconShape, .ytwTopLandscapeImageLayoutViewModelHostImageHoverOverlayContainerOverlayIconIconShape { color: rgb(255, 255, 255); width: 24px; height: 24px; } .ytwVideoDisplayButtonGroupLayoutViewModelHostIsClickableAdComponent, .ytwVideoDisplayButtonGroupLayoutViewModelHost { width: 100%; margin: 0px; display: block; cursor: pointer; } .ytwVideoDisplayFullLayoutViewModelHostIsClickableAdComponent, .ytwVideoDisplayFullLayoutViewModelHost { width: 100%; margin: 0px; display: block; cursor: pointer; } .ytwCarouselAdCardCollectionViewModelHost { display: flex; } .ytwCarouselAdCardCollectionViewModelFullHeightButton { height: 100%; } .ytwCarouselAdCardCollectionViewModelFullHeightButton > .yt-spec-button-shape-next { height: 100%; border-radius: 12px; } .ytwCarouselAdCardImageViewModelHostIsClickableAdComponent, .ytwCarouselAdCardImageViewModelHost { aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; max-height: 100%; max-width: 100%; display: flex; flex-grow: 1; align-self: stretch; cursor: pointer; position: relative; } .ytwCarouselAdCardImageViewModelHostIsClickableAdComponent::after, .ytwCarouselAdCardImageViewModelHost::after { content: ""; background-color: rgb(0, 0, 0); will-change: opacity; opacity: 0; transition: opacity 0.3s cubic-bezier(0.05, 0, 0, 1); pointer-events: none; position: absolute; inset: 0px; } .ytwCarouselAdCardImageViewModelHostIsClickableAdComponent:hover::after, .ytwCarouselAdCardImageViewModelHost:hover::after { opacity: 0.1; } .ytwCarouselAdCardImageViewModelHostIsClickableAdComponentCardBadge, .ytwCarouselAdCardImageViewModelHostCardBadge { position: absolute; top: 0px; left: 0px; display: flex; } .ytwAdCardBadgeViewModelHost { display: block; height: 18px; padding: 4px; background-color: white; border-radius: 0px 0px 4px; } .ytwHorizontalCarouselHost { display: flex; align-items: stretch; width: 100%; overflow: hidden; } .ytwHorizontalCarouselCarouselWrapper { display: flex; width: 100%; overflow: hidden; } .ytwHorizontalCarouselCarouselInnerWrapper { display: flex; align-items: center; gap: 8px; width: 100%; } .ytwHorizontalCarouselAnimating { transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1); transform: translateX(-100%); } .ytwHorizontalCarouselCarouselItem { flex-shrink: 0; } .ytwHorizontalCarouselNextButton { display: flex; align-items: center; cursor: pointer; margin-left: 8px; } .ytwCarouselButtonViewModelHost { display: flex; flex-direction: column; gap: 12px; } .ytwPivotButtonViewModelHost { display: flex; justify-content: center; cursor: pointer; } .ytwPivotButtonViewModelHostImage { border-radius: 6px; width: 40px; height: 40px; display: block; } .ytwPivotButtonViewModelHostIcon { border: 1px solid rgb(255, 255, 255); border-radius: 6px; padding: 6px; } .ytwPivotButtonViewModelHost[data-background-color="THEME_ATTRIBUTE_OVERLAY_BACKGROUND_MEDIUM"] .ytwPivotButtonViewModelHostIcon { background-color: rgba(0, 0, 0, 0.6); } .ytwReelActionBarViewModelHost { display: flex; flex-direction: column; } .ytwReelActionBarViewModelHost > * { margin-top: 16px; } @media (max-height: 411px) and (orientation: landscape) { .ytwReelActionBarViewModelHost > * { margin-top: 0px; } .ytwReelActionBarViewModelHost .yt-spec-button-shape-with-label__label { display: none; } } .ytAdMetadataShapeHost { display: flex; flex-direction: column; color: var(--reel-metadata-color,#fff); } .ytAdMetadataShapeHostAvatarLockup { display: flex; align-items: center; margin-bottom: 12px; } .ytAdMetadataShapeHostHeadlineContainer { display: flex; flex-direction: column; align-items: flex-start; margin-left: 10px; } .ytAdMetadataShapeHostHeadline { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytAdMetadataShapeHostDescription { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytAdMetadataShapeHostLarge .ytAdMetadataShapeHostHeadline { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytAdMetadataShapeHostLarge .ytAdMetadataShapeHostDescription { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 9.6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .ytAdMetadataShapeHostLarge .ytAdMetadataShapeHostDescription { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 8.4rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .ytwReelsAdCardButtonedViewModelHost, .ytwReelsAdCardButtonedViewModelHostIsClickableAdComponent { --reel-metadata-color: #fff; display: flex; flex-direction: column; padding: 16px; border-radius: 12px; background-color: rgba(40, 40, 40, 0.6); color: rgb(255, 255, 255); pointer-events: auto; } .ytwReelsAdCardButtonedViewModelHostIsClickableAdComponent { cursor: pointer; } .ytwReelsAdCardButtonedViewModelHostExpansive { --reel-metadata-color: #f1f1f1; background-color: rgba(255, 255, 255, 0.1); color: rgb(241, 241, 241); } .ytwReelsAdMetadataViewModelHost { display: flex; } .ytwReelsAdMetadataViewModelHostIsClickableAdComponent { pointer-events: auto; cursor: pointer; } .ytwReelsPlayerOverlayLayoutViewModelHost { display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; height: 100%; width: var(--ytd-shorts-player-width); min-width: 315px; } .ytwReelsPlayerOverlayLayoutViewModelHost[overlay-density="1"] { width: 100%; justify-content: center; } .ytwReelsPlayerOverlayLayoutViewModelHost[overlay-density="1"] .ytwReelsPlayerOverlayLayoutViewModelHostMetadataContainer { width: calc((100% - max(var(--ytd-shorts-player-width), 315px))/2); padding-right: 0px; margin-right: max(var(--ytd-shorts-player-width),315px); background: unset; } .ytwReelsPlayerOverlayLayoutViewModelHost[overlay-density="1"] .ytwReelsPlayerOverlayLayoutViewModelHostActionBar { flex-grow: 1; align-items: flex-start; } .ytwReelsPlayerOverlayLayoutViewModelHost[overlay-density="2"] .ytwReelsPlayerOverlayLayoutViewModelHostMetadataContainer { flex: 0 0 33%; } .ytwReelsPlayerOverlayLayoutViewModelHostMetadataContainer { position: relative; flex: 1 1 0%; height: 160px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent); } .ytwReelsPlayerOverlayLayoutViewModelHostMetadataContainerEnableBorderRadius { border-radius: 0px 0px 0px 12px; } @media (min-width: 600px) { .ytwReelsPlayerOverlayLayoutViewModelHostMetadataContainerEnableBorderRadius { border-radius: 0px 0px 12px 12px; } } .ytwReelsPlayerOverlayLayoutViewModelHostAnimatingContainer { position: absolute; right: 0px; bottom: 0px; left: 0px; padding: 16px 0px 16px 16px; transition: opacity 0.3s, visibility 0.3s; } @media (min-width: 600px) { .ytwReelsPlayerOverlayLayoutViewModelHostDesktop .ytwReelsPlayerOverlayLayoutViewModelHostAnimatingContainer { padding-right: 16px; } } .ytwReelsPlayerOverlayLayoutViewModelHostActionBar { display: flex; flex-direction: column; pointer-events: auto; width: 48px; margin-right: 0px; padding: 12px 12px 16px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent 160px); } @media (min-width: 600px) { .ytwReelsPlayerOverlayLayoutViewModelHostDesktop:not([overlay-density="2"]) .ytwReelsPlayerOverlayLayoutViewModelHostActionBar { margin-right: -72px; padding-bottom: 0px; background: unset; } } .ytwReelsPlayerOverlayLayoutViewModelHostHasExtension .ytwReelsPlayerOverlayLayoutViewModelHostExtension { pointer-events: auto; width: 100%; } .ytwReelsPlayerOverlayLayoutViewModelHostMenuButton, .ytwReelsPlayerOverlayLayoutViewModelHostPivotButton { margin-top: 16px; } @media (max-height: 411px) and (orientation: landscape) { .ytwReelsPlayerOverlayLayoutViewModelHostMenuButton, .ytwReelsPlayerOverlayLayoutViewModelHostPivotButton { margin-top: 0px; } } @media (display-mode: picture-in-picture) { .ytwReelsPlayerOverlayLayoutViewModelHost { min-width: unset; } .ytwReelsPlayerOverlayLayoutViewModelHostAnimatingContainer { padding: 16px; } .ytwReelsPlayerOverlayLayoutViewModelHostActionBar { display: none; } } .ytwReelsPlayerOverlayLayoutViewModelShow { opacity: 1; visibility: visible; } .ytwReelsPlayerOverlayLayoutViewModelHide { opacity: 0; visibility: hidden; } .ytwReelsPlayerOverlayLayoutViewModelTopMargin { margin-top: 16px; } #rendering-content.ytd-page-top-ad-layout-renderer { width: 100%; flex: 0 0 auto; display: flex; flex-direction: row; justify-content: center; } @media (min-width: 671px) { #rendering-content.ytd-page-top-ad-layout-renderer ytd-video-masthead-ad-v3-renderer.ytd-page-top-ad-layout-renderer { overflow: hidden; width: 100% !important; } } #rendering-content.ytd-page-top-ad-layout-renderer ytd-video-masthead-ad-v3-renderer.ytd-page-top-ad-layout-renderer { margin: 16px 24px 0px; } ytd-video-masthead-ad-advertiser-info-renderer { display: flex; flex-direction: column; height: 121px; --yt-endpoint-color: var(--yt-spec-text-secondary); } ytd-video-masthead-ad-advertiser-info-renderer.no-thumbnail #thumbnail-container.ytd-video-masthead-ad-advertiser-info-renderer { display: none; } ytd-video-masthead-ad-advertiser-info-renderer.channel-banner { height: 239px; } #banner.ytd-video-masthead-ad-advertiser-info-renderer { display: none; background-repeat: no-repeat; aspect-ratio: auto 3.7 / 1; margin-bottom: 5px; } ytd-video-masthead-ad-advertiser-info-renderer.channel-banner #banner.ytd-video-masthead-ad-advertiser-info-renderer { display: block; outline: none; background-image: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-position: center center; background-size: cover; } ytd-video-masthead-ad-advertiser-info-renderer[resizable-ad-banner-safari-fix] #banner.ytd-video-masthead-ad-advertiser-info-renderer { margin-bottom: 10px; max-height: 141px; min-width: 100%; } ytd-video-masthead-ad-advertiser-info-renderer.channel-banner #banner.ytd-video-masthead-ad-advertiser-info-renderer ~ #info-container.ytd-video-masthead-ad-advertiser-info-renderer #thumbnail-endpoint.ytd-video-masthead-ad-advertiser-info-renderer { position: relative; } #info-container.ytd-video-masthead-ad-advertiser-info-renderer { display: flex; flex-direction: row; flex: 1 1 1e-09px; } #thumbnail-container.ytd-video-masthead-ad-advertiser-info-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 20px; margin-right: 20px; } #thumbnail.ytd-video-masthead-ad-advertiser-info-renderer { border-radius: 50%; overflow: hidden; width: 80px; } #thumbnail-endpoint.ytd-video-masthead-ad-advertiser-info-renderer { outline: none; line-height: 0; } #right-container.ytd-video-masthead-ad-advertiser-info-renderer { display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; overflow: hidden; white-space: nowrap; } #title-container.ytd-video-masthead-ad-advertiser-info-renderer { display: flex; flex-direction: row; justify-content: space-between; } #title.ytd-video-masthead-ad-advertiser-info-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4.4rem; -webkit-line-clamp: 2; margin-bottom: 6px; color: var(--yt-spec-text-primary); } #menu.ytd-video-masthead-ad-advertiser-info-renderer { margin-top: -4px; } ytd-video-masthead-ad-advertiser-info-renderer[menu-fix] #menu.ytd-video-masthead-ad-advertiser-info-renderer { margin-top: -2px; } ytd-video-masthead-ad-advertiser-info-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } #byline-container.ytd-video-masthead-ad-advertiser-info-renderer { display: flex; flex-direction: row; align-items: center; margin-bottom: 6px; margin-right: 24px; --yt-endpoint-visited-color: var(--yt-spec-text-secondary); } ytd-video-masthead-ad-advertiser-info-renderer:not([has-live-description]) #byline.ytd-video-masthead-ad-advertiser-info-renderer { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #badges.ytd-video-masthead-ad-advertiser-info-renderer { display: inline-block; } yt-formatted-string.ytd-video-masthead-ad-advertiser-info-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--yt-spec-text-secondary); } #live-description-container.ytd-video-masthead-ad-advertiser-info-renderer { width: 100%; height: 100%; position: relative; } #live-description.ytd-video-masthead-ad-advertiser-info-renderer, #short-live-description.ytd-video-masthead-ad-advertiser-info-renderer { width: inherit; position: absolute; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #live-description.ytd-video-masthead-ad-advertiser-info-renderer::before, #short-live-description.ytd-video-masthead-ad-advertiser-info-renderer::before { content: "•"; margin: 0px 3px; } ytd-video-masthead-ad-advertiser-info-renderer.short-live-description #live-description.ytd-video-masthead-ad-advertiser-info-renderer { visibility: hidden; } ytd-video-masthead-ad-advertiser-info-renderer:not(.short-live-description) #short-live-description.ytd-video-masthead-ad-advertiser-info-renderer { visibility: hidden; } ytd-video-masthead-ad-advertiser-info-renderer[rounded] #banner.ytd-video-masthead-ad-advertiser-info-renderer { border-radius: 12px; } ytd-video-masthead-ad-expandable-thumbnail-tile-renderer { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 210px; height: 239px; transition: width 0.2s; overflow: hidden; border-radius: 12px; } ytd-video-masthead-ad-expandable-thumbnail-tile-renderer[expanded] { width: 424px; } #endpoint.ytd-video-masthead-ad-expandable-thumbnail-tile-renderer { width: 424px; position: relative; } #thumbnail.ytd-video-masthead-ad-expandable-thumbnail-tile-renderer { width: 424px; } #overlay.ytd-video-masthead-ad-expandable-thumbnail-tile-renderer { display: flex; align-items: center; justify-content: center; position: absolute; inset: 0px; z-index: 1; } #play-button.ytd-video-masthead-ad-expandable-thumbnail-tile-renderer { width: 68px; height: 48px; } ytd-video-masthead-ad-expandable-video-tile-renderer { width: 210px; height: 239px; transition: width 0.2s; overflow: hidden; position: relative; border-radius: 12px; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-video-masthead-ad-expandable-video-tile-renderer[expanded] { width: 424px; } ytd-video-masthead-ad-expandable-video-tile-renderer.video-playing #mute-button.ytd-video-masthead-ad-expandable-video-tile-renderer { display: block; } ytd-video-masthead-ad-expandable-video-tile-renderer.video-ended #replay-button.ytd-video-masthead-ad-expandable-video-tile-renderer { display: block; } #container.ytd-video-masthead-ad-expandable-video-tile-renderer { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 424px; } #player-container.ytd-video-masthead-ad-expandable-video-tile-renderer { width: 424px; height: 239px; } #player.ytd-video-masthead-ad-expandable-video-tile-renderer, #ytd-player.ytd-video-masthead-ad-expandable-video-tile-renderer { width: 100%; height: 100%; } #click-target.ytd-video-masthead-ad-expandable-video-tile-renderer { position: absolute; inset: 0px; z-index: 1; cursor: pointer; } #overlay.ytd-video-masthead-ad-expandable-video-tile-renderer { width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 2; display: flex; flex-direction: row; } #mute-button.ytd-video-masthead-ad-expandable-video-tile-renderer, #replay-button.ytd-video-masthead-ad-expandable-video-tile-renderer, #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer { display: none; } #replay-button.ytd-video-masthead-ad-expandable-video-tile-renderer ytd-button-renderer.ytd-video-masthead-ad-expandable-video-tile-renderer { --yt-button-color: var(--yt-spec-static-overlay-text-primary); } #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer { color: var(--yt-spec-static-overlay-text-primary); height: 40px; font-size: 1.5rem; align-items: center; } #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer::before { display: inline-block; width: 6px; height: 6px; vertical-align: 4%; margin-right: 5px; content: ""; border-radius: 100%; } ytd-video-masthead-ad-expandable-video-tile-renderer.video-playing #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer { display: flex; flex-direction: row; } ytd-video-masthead-ad-expandable-video-tile-renderer.video-playing #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer::before { background: var(--yt-spec-static-overlay-background-brand); } ytd-video-masthead-ad-expandable-video-tile-renderer.video-ended #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer { display: flex; flex-direction: row; margin-left: 10px; } ytd-video-masthead-ad-expandable-video-tile-renderer.video-ended #live-badge.ytd-video-masthead-ad-expandable-video-tile-renderer::before { background: var(--yt-spec-static-overlay-icon-inactive); } ytd-video-masthead-ad-primary-video-overlay-renderer { display: flex; flex-direction: row; justify-content: space-between; color: var(--yt-spec-static-overlay-text-primary); white-space: nowrap; width: 424px; --yt-endpoint-color: var(--yt-spec-static-overlay-text-primary); } #advertiser-info.ytd-video-masthead-ad-primary-video-overlay-renderer { display: flex; flex-direction: column; margin: 8px 0px 0px 8px; width: 100%; overflow: hidden; } #title.ytd-video-masthead-ad-primary-video-overlay-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4rem; -webkit-line-clamp: 2; margin-bottom: 6px; text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px; } #byline-container.ytd-video-masthead-ad-primary-video-overlay-renderer { display: flex; flex-direction: row; align-items: center; margin-bottom: 6px; --yt-endpoint-visited-color: var(--yt-spec-static-overlay-text-primary); --yt-endpoint-hover-color: var(--yt-spec-static-overlay-text-primary); } yt-formatted-string.ytd-video-masthead-ad-primary-video-overlay-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; text-shadow: rgba(0, 0, 0, 0.3) 2px 2px 2px; } #byline.ytd-video-masthead-ad-primary-video-overlay-renderer { pointer-events: auto; } #menu.ytd-video-masthead-ad-primary-video-overlay-renderer { pointer-events: auto; margin-top: 8px; } #live-description-container.ytd-video-masthead-ad-primary-video-overlay-renderer { width: 100%; height: 100%; position: relative; } #live-description.ytd-video-masthead-ad-primary-video-overlay-renderer, #short-live-description.ytd-video-masthead-ad-primary-video-overlay-renderer { width: inherit; overflow: hidden; position: absolute; text-overflow: ellipsis; } #live-description.ytd-video-masthead-ad-primary-video-overlay-renderer::before, #short-live-description.ytd-video-masthead-ad-primary-video-overlay-renderer::before { content: "•"; margin: 0px 4px; } ytd-video-masthead-ad-primary-video-overlay-renderer.short-live-description #live-description.ytd-video-masthead-ad-primary-video-overlay-renderer { visibility: hidden; } ytd-video-masthead-ad-primary-video-overlay-renderer:not(.short-live-description) #short-live-description.ytd-video-masthead-ad-primary-video-overlay-renderer { visibility: hidden; } #reminder-button.ytd-video-masthead-ad-primary-video-overlay-renderer { pointer-events: auto; } ytd-video-masthead-ad-primary-video-overlay-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } ytd-video-masthead-ad-primary-video-renderer { display: block; position: relative; } ytd-video-masthead-ad-primary-video-renderer.video-playing #mute-button.ytd-video-masthead-ad-primary-video-renderer { display: block; } ytd-video-masthead-ad-primary-video-renderer.video-ended #replay-button.ytd-video-masthead-ad-primary-video-renderer { display: block; } ytd-video-masthead-ad-primary-video-renderer.video-ended #player.ytd-video-masthead-ad-primary-video-renderer, ytd-video-masthead-ad-primary-video-renderer.video-ended #ytd-player.ytd-video-masthead-ad-primary-video-renderer { height: 100%; } #player-container.ytd-video-masthead-ad-primary-video-renderer { max-width: 424px; height: 239px; overflow: hidden; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; border-radius: 12px; } #player-container.widescreen.ytd-video-masthead-ad-primary-video-renderer { max-width: 852px; } #player-container.ytd-video-masthead-ad-primary-video-renderer:not(.widescreen) #player.ytd-video-masthead-ad-primary-video-renderer, #player-container.ytd-video-masthead-ad-primary-video-renderer:not(.widescreen) #ytd-player.ytd-video-masthead-ad-primary-video-renderer { height: 100%; } #player.ytd-video-masthead-ad-primary-video-renderer, #ytd-player.ytd-video-masthead-ad-primary-video-renderer { width: 100%; height: 641px; } .yt-simple-endpoint.ytd-video-masthead-ad-primary-video-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-video-masthead-ad-primary-video-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #click-target.yt-simple-endpoint.ytd-video-masthead-ad-primary-video-renderer { position: absolute; inset: 0px; z-index: 1; cursor: pointer; } #overlay.ytd-video-masthead-ad-primary-video-renderer { width: 100%; position: absolute; bottom: 0px; z-index: 2; display: flex; flex-direction: row; } #mute-button.ytd-video-masthead-ad-primary-video-renderer, #replay-button.ytd-video-masthead-ad-primary-video-renderer, #live-badge.ytd-video-masthead-ad-primary-video-renderer { display: none; } #replay-button.ytd-video-masthead-ad-primary-video-renderer ytd-button-renderer.ytd-video-masthead-ad-primary-video-renderer { --yt-button-color: var(--yt-spec-static-overlay-text-primary); } #live-badge.ytd-video-masthead-ad-primary-video-renderer { color: var(--yt-spec-static-overlay-text-primary); height: 40px; font-size: 1.5rem; align-items: center; } #live-badge.ytd-video-masthead-ad-primary-video-renderer::before { display: inline-block; width: 6px; height: 6px; vertical-align: 4%; margin-right: 5px; content: ""; border-radius: 100%; } ytd-video-masthead-ad-primary-video-renderer.video-playing #live-badge.ytd-video-masthead-ad-primary-video-renderer { display: flex; flex-direction: row; } ytd-video-masthead-ad-primary-video-renderer.video-playing #live-badge.ytd-video-masthead-ad-primary-video-renderer::before { background: var(--yt-spec-static-overlay-background-brand); } ytd-video-masthead-ad-primary-video-renderer.video-ended #live-badge.ytd-video-masthead-ad-primary-video-renderer { display: flex; flex-direction: row; margin-left: 10px; } ytd-video-masthead-ad-primary-video-renderer.video-ended #live-badge.ytd-video-masthead-ad-primary-video-renderer::before { background: var(--yt-spec-static-overlay-icon-inactive); } ytd-video-masthead-ad-v3-renderer.grid:not(.grid-disabled) { max-width: var(--ytd-grid-max-width); } ytd-video-masthead-ad-v3-renderer.grid-1-columns, .grid-1-columns.ytd-video-masthead-ad-v3-renderer { width: var(--ytd-grid-1-columns-width) !important; } ytd-video-masthead-ad-v3-renderer.grid-2-columns, .grid-2-columns.ytd-video-masthead-ad-v3-renderer { width: var(--ytd-grid-2-columns-width) !important; } ytd-video-masthead-ad-v3-renderer.grid-3-columns, .grid-3-columns.ytd-video-masthead-ad-v3-renderer { width: var(--ytd-grid-3-columns-width) !important; } ytd-video-masthead-ad-v3-renderer.grid-4-columns, .grid-4-columns.ytd-video-masthead-ad-v3-renderer { width: var(--ytd-grid-4-columns-width) !important; } ytd-video-masthead-ad-v3-renderer.grid-5-columns, .grid-5-columns.ytd-video-masthead-ad-v3-renderer { width: var(--ytd-grid-5-columns-width) !important; } ytd-video-masthead-ad-v3-renderer.grid-6-columns, .grid-6-columns.ytd-video-masthead-ad-v3-renderer { width: var(--ytd-grid-6-columns-width) !important; } ytd-video-masthead-ad-v3-renderer { display: block; position: relative; max-width: 1280px; margin-right: 4px; } @media (min-width: 671px) { ytd-video-masthead-ad-v3-renderer { width: 100% !important; max-width: 1280px !important; } } ytd-video-masthead-ad-v3-renderer[widescreen] #video-container.ytd-video-masthead-ad-v3-renderer { max-width: 852px; } ytd-video-masthead-ad-v3-renderer[widescreen] #right-container.ytd-video-masthead-ad-v3-renderer { max-width: 436px; } ytd-video-masthead-ad-v3-renderer[expandable] #right-container.ytd-video-masthead-ad-v3-renderer { overflow: hidden; } #top-container.ytd-video-masthead-ad-v3-renderer { display: flex; flex-direction: row; } ytd-video-masthead-ad-v3-renderer[collapsed] #top-container.ytd-video-masthead-ad-v3-renderer > .ytd-video-masthead-ad-v3-renderer:not(:last-child) { display: none; } #show-ad.ytd-video-masthead-ad-v3-renderer { display: none; } ytd-video-masthead-ad-v3-renderer[collapsed] #show-ad.ytd-video-masthead-ad-v3-renderer { display: block; margin: auto; } #video-container.ytd-video-masthead-ad-v3-renderer { flex: 1 1 1e-09px; min-width: 424px; max-width: 424px; margin-right: var(--ytd-rich-grid-item-margin); } #expandable-tile-container.ytd-video-masthead-ad-v3-renderer { display: flex; flex-direction: row; max-width: 852px; } #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer { margin-right: var(--ytd-rich-grid-item-margin); } #expandable-tile-container.ytd-video-masthead-ad-v3-renderer:empty { display: none; } #right-container.ytd-video-masthead-ad-v3-renderer { display: flex; flex-direction: column; flex: 1 1 1e-09px; } #top-container.ytd-video-masthead-ad-v3-renderer #video-overlay.ytd-video-masthead-ad-v3-renderer { display: none; pointer-events: none; position: absolute; top: 0px; left: 0px; z-index: 3; } #compact-tile-container.ytd-video-masthead-ad-v3-renderer { display: flex; flex-direction: row; } #compact-tile-container.ytd-video-masthead-ad-v3-renderer ytd-thumbnail.ytd-video-masthead-ad-v3-renderer { margin-right: var(--ytd-rich-grid-item-margin); } ytd-thumbnail.ytd-video-masthead-ad-v3-renderer { height: 118px; width: 210px; } @media (max-width: 1280px) { ytd-video-masthead-ad-v3-renderer.client-side #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+3).ytd-video-masthead-ad-v3-renderer { display: none; } } @media (max-width: 1066px) { ytd-video-masthead-ad-v3-renderer.client-side #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+2).ytd-video-masthead-ad-v3-renderer { display: none; } ytd-video-masthead-ad-v3-renderer.client-side #right-container.ytd-video-masthead-ad-v3-renderer { width: 424px; } } @media (max-width: 852px) { ytd-video-masthead-ad-v3-renderer.client-side #right-container.ytd-video-masthead-ad-v3-renderer { width: 210px; } ytd-video-masthead-ad-v3-renderer.client-side #compact-tile-container.ytd-video-masthead-ad-v3-renderer ytd-thumbnail.ytd-video-masthead-ad-v3-renderer + ytd-thumbnail.ytd-video-masthead-ad-v3-renderer { display: none; } } @media (max-width: 638px) { ytd-video-masthead-ad-v3-renderer.client-side #right-container.ytd-video-masthead-ad-v3-renderer { display: none; } ytd-video-masthead-ad-v3-renderer.client-side #top-container.ytd-video-masthead-ad-v3-renderer #video-overlay.ytd-video-masthead-ad-v3-renderer { display: block; } } ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-1-columns #right-container.ytd-video-masthead-ad-v3-renderer, ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-2-columns #right-container.ytd-video-masthead-ad-v3-renderer { display: none; } ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-1-columns #top-container.ytd-video-masthead-ad-v3-renderer #video-overlay.ytd-video-masthead-ad-v3-renderer, ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-2-columns #top-container.ytd-video-masthead-ad-v3-renderer #video-overlay.ytd-video-masthead-ad-v3-renderer { display: block; } ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-2-columns #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+2).ytd-video-masthead-ad-v3-renderer { display: none; } ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-3-columns #right-container.ytd-video-masthead-ad-v3-renderer { width: 210px; } ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-3-columns #compact-tile-container.ytd-video-masthead-ad-v3-renderer ytd-thumbnail.ytd-video-masthead-ad-v3-renderer + ytd-thumbnail.ytd-video-masthead-ad-v3-renderer { display: none; } ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-3-columns #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+2).ytd-video-masthead-ad-v3-renderer { display: none; } ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-4-columns #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+2).ytd-video-masthead-ad-v3-renderer { display: none; } ytd-video-masthead-ad-v3-renderer:not(.client-side).grid-5-columns #expandable-tile-container.ytd-video-masthead-ad-v3-renderer .ytd-video-masthead-ad-v3-renderer:nth-child(n+3).ytd-video-masthead-ad-v3-renderer { display: none; } ytd-ad-slot-renderer[layout="display-ad-layout-top-landscape-image"] { max-width: var(--ytd-rich-grid-item-max-width); } ytd-ad-slot-renderer { width: 100%; } #fulfilled-layout.ytd-ad-slot-renderer { height: 100%; } ytd-compact-promoted-video-renderer { position: relative; display: flex; flex-direction: row; } ytd-compact-promoted-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-promoted-video-renderer { margin-right: 8px; height: 94px; width: 168px; } .details.ytd-compact-promoted-video-renderer { padding-right: 24px; box-sizing: border-box; width: 100%; min-width: 0px; } #endpoint-link.ytd-compact-promoted-video-renderer { flex: 1 1 1e-09px; } #ad-badge-container.ytd-compact-promoted-video-renderer { align-items: center; display: flex; flex-direction: row; } .yt-simple-endpoint.ytd-compact-promoted-video-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-compact-promoted-video-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-compact-promoted-video-renderer { min-width: 0px; flex: 1 1 1e-09px; } #video-title.ytd-compact-promoted-video-renderer { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-compact-promoted-video-renderer { color: var(--yt-spec-text-primary); } ytd-menu-renderer.ytd-compact-promoted-video-renderer { position: absolute; top: 0px; right: 0px; } ytd-compact-promoted-video-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] { display: flex; flex-direction: column; } ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] h3.ytd-compact-promoted-video-renderer { margin: 0px; } ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] ytd-thumbnail.ytd-compact-promoted-video-renderer::before { display: block; content: ""; padding-top: 55.95%; background-color: var(--yt-spec-10-percent-layer); } ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] .secondary-metadata.ytd-compact-promoted-video-renderer { display: flex; flex-direction: row; } ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] #ad-badge-container.ytd-compact-promoted-video-renderer { padding-left: 8px; } ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] .details.ytd-compact-promoted-video-renderer { padding-top: 8px; padding-bottom: 8px; position: relative; display: flex; flex-direction: row; } ytd-compact-promoted-video-renderer[watch-feed-big-thumbs] ytd-menu-renderer.ytd-compact-promoted-video-renderer { margin-top: 8px; } ytd-search-pyv-renderer { display: inline-block; width: 100%; } ytd-promoted-video-renderer.ytd-search-pyv-renderer { padding-top: 24px; } ytd-backstage-post-thread-renderer { display: block; margin-top: 24px; border: 1px solid var(--yt-spec-10-percent-layer); padding: 16px 16px 8px; } ytd-backstage-post-thread-renderer[rounded-container] { border-radius: 12px; } ytd-backstage-post-thread-renderer[hide-border] { border: none; } ytd-backstage-post-thread-renderer[is-compact] { margin-top: 0px; } ytd-backstage-post-thread-renderer[uses-full-lockup] { border: 0px; padding: 0px; } #comments-disabled.ytd-backstage-post-thread-renderer { margin-left: 56px; margin-top: 4px; margin-bottom: 8px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-backstage-post-thread-renderer[enable-improved-community-tab] { border: 1px solid var(--yt-spec-10-percent-layer); padding: 16px 0px; max-width: 638px; } #comment-dialog.ytd-backstage-post-thread-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); padding: 8px 8px 0px; margin: 8px 8px 0px; } ytd-backstage-post-thread-renderer[enable-improved-community-tab] #comments-disabled.ytd-backstage-post-thread-renderer { margin-left: 16px; } ytd-backstage-prefilled-post-dialog-header-renderer { background: var(--yt-spec-general-background-b); border-radius: 3px; font-family: Roboto, sans-serif; display: flex; flex-direction: column; } #banner.ytd-backstage-prefilled-post-dialog-header-renderer { background-repeat: repeat-x; background-size: auto 100%; border-radius: 3px 3px 0px 0px; overflow: hidden; height: 24px; width: 100%; } #title.ytd-backstage-prefilled-post-dialog-header-renderer { color: var(--yt-spec-text-primary); font-size: 1.8rem; font-weight: 400; } ytd-backstage-prefilled-post-dialog-header-renderer[has-text] #title.ytd-backstage-prefilled-post-dialog-header-renderer { margin-bottom: 8px; } #text.ytd-backstage-prefilled-post-dialog-header-renderer { color: var(--yt-spec-text-secondary); font-size: 1.4rem; } #message.ytd-backstage-prefilled-post-dialog-header-renderer { line-height: 2rem; margin: 20px 16px 24px; text-align: left; width: 100%; } ytd-backstage-zero-state-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; } #image.ytd-backstage-zero-state-renderer { width: 140px; height: 140px; margin-bottom: 24px; } #title.ytd-backstage-zero-state-renderer { color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #text.ytd-backstage-zero-state-renderer { color: var(--yt-spec-text-primary); margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #link.ytd-backstage-zero-state-renderer { margin-bottom: 24px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #footer.ytd-backstage-zero-state-renderer { color: var(--yt-spec-text-secondary); padding: 24px 12px 0px; border-top: 1px solid var(--yt-spec-10-percent-layer); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-post-filter-zero-state-renderer { display: flex; flex-direction: column; align-items: center; } #icon-container.ytd-post-filter-zero-state-renderer { align-items: center; background-color: var(--yt-spec-10-percent-layer); border-radius: 32px; display: flex; flex-direction: column; height: 64px; justify-content: center; margin-bottom: 20px; width: 64px; } #icon.ytd-post-filter-zero-state-renderer { color: var(--yt-spec-icon-active-other); height: 40px; width: 40px; } #subtitle.ytd-post-filter-zero-state-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); margin-bottom: 8px; } #title.ytd-post-filter-zero-state-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; color: var(--yt-spec-text-primary); margin-bottom: 8px; } ytd-post-scheduling-zero-state-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; } #image.ytd-post-scheduling-zero-state-renderer { width: 40px; height: 40px; margin-bottom: 20px; color: var(--yt-spec-text-secondary); } #title.ytd-post-scheduling-zero-state-renderer { color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } ytd-post-stream-filter-renderer { display: block; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #filter-container.ytd-post-stream-filter-renderer { display: flex; flex-direction: row; } tp-yt-paper-tabs.ytd-post-stream-filter-renderer { --paper-tabs-selection-bar-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-secondary); height: 48px; font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } ytd-post-stream-filter-renderer tp-yt-paper-tabs .tp-yt-paper-tabs[style-target="selection-bar"] { border-bottom-width: 2px; } tp-yt-paper-tab.iron-selected.ytd-post-stream-filter-renderer { color: var(--yt-spec-text-primary); } tp-yt-paper-tab.ytd-post-stream-filter-renderer { padding: 0px 32px; --paper-tab-ink: var(--yt-spec-paper-tab-ink); } .posts-count.ytd-post-stream-filter-renderer { background-color: var(--yt-spec-badge-chip-background); border-radius: 0.2rem; height: 1.6rem; width: 1.6rem; text-align: center; margin-left: 12px; display: inline-block; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; } ytd-channel-age-gate-renderer { display: block; padding: 96px; justify-content: center; } #container.ytd-channel-age-gate-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: row; flex: 0 0 auto; } yt-formatted-string.ytd-channel-age-gate-renderer { color: var(--yt-spec-text-secondary); padding-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-button-renderer.ytd-channel-age-gate-renderer, #channel.ytd-channel-age-gate-renderer { padding-bottom: 8px; } #channel.ytd-channel-age-gate-renderer, #header.ytd-channel-age-gate-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #channel-container.ytd-channel-age-gate-renderer { padding-right: 16px; flex: 0 0 auto; } yt-img-shadow.ytd-channel-age-gate-renderer { width: 144px; height: 144px; border-radius: 50%; background-color: transparent; overflow: hidden; } #info.ytd-channel-age-gate-renderer { display: flex; flex-direction: column; } #info.ytd-channel-age-gate-renderer > ytd-button-renderer.ytd-channel-age-gate-renderer { align-self: flex-start; } ytd-channel-owner-empty-state-renderer { display: flex; } .container.ytd-channel-owner-empty-state-renderer { display: flex; flex-direction: column; flex: 1 1 1e-09px; align-items: center; justify-content: space-between; margin-top: 96px; margin-bottom: 56px; } .content.ytd-channel-owner-empty-state-renderer { margin-top: 12px; width: 528px; display: flex; flex-direction: column; justify-content: center; } .header.ytd-channel-owner-empty-state-renderer { text-align: center; padding: 0px 24px; margin-bottom: 8px; display: inline-flex; justify-content: center; } .header-title.ytd-channel-owner-empty-state-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .description.ytd-channel-owner-empty-state-renderer { margin-bottom: 24px; padding: 0px 24px; display: inline-flex; justify-content: center; } .description-text.ytd-channel-owner-empty-state-renderer { text-align: center; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; width: 315px; } .button-layer.ytd-channel-owner-empty-state-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: column; align-items: center; } .learn-more.ytd-channel-owner-empty-state-renderer { text-align: center; color: var(--yt-spec-text-secondary); margin-top: 24px; min-height: 32px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-channel-switcher-header-renderer { color: var(--yt-spec-text-primary); height: 64px; margin: 0px; display: flex; flex-direction: row; align-items: center; } #header-container.ytd-channel-switcher-header-renderer { flex: 1 1 0%; } h2.ytd-channel-switcher-header-renderer { margin-left: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; flex: 1 1 1e-09px; } h2.ytd-channel-switcher-header-renderer yt-formatted-string.ytd-channel-switcher-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #buttons.ytd-channel-switcher-header-renderer { margin-right: 8px; } #search-box.ytd-channel-switcher-header-renderer { display: flex; } #search-box.ytd-channel-switcher-header-renderer ytd-search-box-renderer.ytd-channel-switcher-header-renderer { flex: 1 1 0%; } ytd-channel-switcher-search-box-renderer { margin: 4px 16px 8px; flex-direction: row; align-items: center; display: inline-flex; } form.ytd-channel-switcher-search-box-renderer { margin-bottom: 0px; } tp-yt-paper-input.ytd-channel-switcher-search-box-renderer { --paper-input-container-color: var(--yt-spec-text-secondary); --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-underline-color: var(--yt-spec-text-primary); --paper-input-container-underline-legacy-height: 0; width: 250px; } tp-yt-paper-input.ytd-channel-switcher-search-box-renderer .input-content.tp-yt-paper-input-container > input, tp-yt-paper-input.ytd-channel-switcher-search-box-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, tp-yt-paper-input.ytd-channel-switcher-search-box-renderer .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-input.ytd-channel-switcher-search-box-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-input.ytd-channel-switcher-search-box-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: 1.4rem; line-height: 2.1rem; } tp-yt-paper-input.ytd-channel-switcher-search-box-renderer #labelAndInputContainer.tp-yt-paper-input-container > label, tp-yt-paper-input.ytd-channel-switcher-search-box-renderer #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label { color: var(--yt-spec-text-primary); font-size: 1.4rem; line-height: 2.1rem; } tp-yt-paper-input.ytd-channel-switcher-search-box-renderer[focused] #labelAndInputContainer.tp-yt-paper-input-container > label, tp-yt-paper-input.ytd-channel-switcher-search-box-renderer[focused] #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label { opacity: 0.5; color: var(--yt-spec-text-primary); font-size: 1.4rem; line-height: 2.1rem; } tp-yt-paper-input.ytd-channel-switcher-search-box-renderer { margin-bottom: -2px; } tp-yt-paper-input.ytd-channel-switcher-search-box-renderer[focused] ytd-button-renderer.ytd-channel-switcher-search-box-renderer { --yt-button-color: var(--yt-spec-text-primary); } ytd-channel-switcher-search-box-renderer[hide-clear-button] #clear-button.ytd-channel-switcher-search-box-renderer { display: none; } #clear-button.ytd-channel-switcher-search-box-renderer ytd-button-renderer.ytd-channel-switcher-search-box-renderer { --yt-icon-button-icon-width: 20px; } #search-button.ytd-channel-switcher-search-box-renderer { margin-left: -8px; } #clear-button.ytd-channel-switcher-search-box-renderer { margin-right: -12px; } ytd-search-box-renderer { margin: 4px 16px 8px; flex-direction: row; align-items: center; display: inline-flex; } form.ytd-search-box-renderer { margin-bottom: 0px; } tp-yt-paper-input.ytd-search-box-renderer { --paper-input-container-color: var(--yt-spec-text-secondary); --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-underline-color: var(--yt-spec-text-secondary); --paper-input-container-underline-legacy-height: 0; width: 250px; } tp-yt-paper-input.ytd-search-box-renderer .input-content.tp-yt-paper-input-container > input, tp-yt-paper-input.ytd-search-box-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, tp-yt-paper-input.ytd-search-box-renderer .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-input.ytd-search-box-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-input.ytd-search-box-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--paper-input-container-input-color)); } tp-yt-paper-input.ytd-search-box-renderer #labelAndInputContainer.tp-yt-paper-input-container > label, tp-yt-paper-input.ytd-search-box-renderer #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } tp-yt-paper-input.ytd-search-box-renderer[focused] #labelAndInputContainer.tp-yt-paper-input-container > label, tp-yt-paper-input.ytd-search-box-renderer[focused] #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label { opacity: 0.5; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } tp-yt-paper-input.ytd-search-box-renderer { margin-bottom: -2px; } tp-yt-paper-input.ytd-search-box-renderer[focused] ytd-button-renderer.ytd-search-box-renderer { --yt-button-color: var(--yt-spec-text-primary); } ytd-search-box-renderer[hide-clear-button] #clear-button.ytd-search-box-renderer { display: none; } #clear-button.ytd-search-box-renderer ytd-button-renderer.ytd-search-box-renderer { --yt-icon-button-icon-width: 20px; } #search-button.ytd-search-box-renderer { margin-left: -8px; } #clear-button.ytd-search-box-renderer { margin-right: -12px; } ytd-channel-switcher-page-renderer { display: inline; } #header.ytd-channel-switcher-page-renderer { position: fixed; background: var(--yt-spec-base-background); z-index: 2020; width: calc(-304px + 100vw); max-width: 1080px; } @media (max-width: 680px) { #header.ytd-channel-switcher-page-renderer { width: calc(-64px + 100vw); } } #body.ytd-channel-switcher-page-renderer { padding-top: 80px; } #contents.ytd-channel-switcher-page-renderer { display: grid; grid-template-columns: repeat(3, minmax(0px, 298px)); } #contents.ytd-channel-switcher-page-renderer > .ytd-channel-switcher-page-renderer { height: 64px; border-right: 1px solid var(--yt-spec-10-percent-layer); } .spinner-container.ytd-channel-switcher-page-renderer { margin-left: 50%; } #alert.ytd-channel-switcher-page-renderer { padding: 5px 8px 5px 24px; margin-bottom: 17px; max-width: 785px; background: var(--yt-spec-additive-background); display: flex; flex-direction: row; justify-content: space-between; } #alert.ytd-channel-switcher-page-renderer ytd-button-renderer.ytd-channel-switcher-page-renderer yt-icon.ytd-channel-switcher-page-renderer { color: var(--yt-spec-icon-inactive); width: 24px; height: 24px; } #alert.ytd-channel-switcher-page-renderer ytd-button-renderer.ytd-channel-switcher-page-renderer:not(.style-primary):hover { color: var(--yt-spec-icon-active-other); } #alert-message.ytd-channel-switcher-page-renderer { color: var(--yt-spec-text-primary); align-self: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #contents.ytd-channel-switcher-page-renderer > .ytd-channel-switcher-page-renderer:nth-child(3n) { border-right: none; } #contents.ytd-channel-switcher-page-renderer ytd-button-renderer.ytd-channel-switcher-page-renderer { display: inline-flex; padding: 14px 98px 14px 0px; height: 36px; } #contents.ytd-channel-switcher-page-renderer ytd-button-renderer.ytd-channel-switcher-page-renderer { padding-right: 20px; } ytd-channel-switcher-page-renderer[hide-create-channel-button] #contents.ytd-channel-switcher-page-renderer ytd-button-renderer.ytd-channel-switcher-page-renderer { display: none; } #contents.ytd-channel-switcher-page-renderer ytd-account-item-renderer.ytd-channel-switcher-page-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } #no-result.ytd-channel-switcher-page-renderer { color: var(--yt-spec-text-primary); justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: flex; flex-direction: row; align-items: center; } ytd-alert-with-button-renderer { padding: 8px 8px 8px 24px; display: flex; flex-direction: row; justify-content: space-between; } ytd-alert-with-button-renderer[type="INFO"], ytd-alert-with-button-renderer[type="SUCCESS"] { background-color: var(--yt-spec-additive-background); } ytd-alert-with-button-renderer[is-displayed] { display: flex; } ytd-alert-with-button-renderer:not([is-displayed]) { display: none; } #buttons.ytd-alert-with-button-renderer { display: flex; flex-direction: row; } #text.ytd-alert-with-button-renderer { color: var(--yt-spec-text-primary); align-self: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #button.ytd-alert-with-button-renderer { align-self: center; } ytd-button-renderer.ytd-alert-with-button-renderer yt-icon.ytd-alert-with-button-renderer { color: var(--yt-spec-icon-inactive); width: 24px; height: 24px; } ytd-button-renderer.ytd-alert-with-button-renderer:not(.style-primary):hover { color: var(--yt-spec-icon-active-other); } ytd-backstage-image-poll-editor-renderer { display: flex; flex-direction: column; --ytd-add-image-icon-button-size: 38px; --ytd-add-image-icon-size: 18px; --ytd-footer-button-height: 50px; --ytd-remove-option-button-size: 24px; --ytd-remove-option-icon-size: 18px; --ytd-image-poll-option-height: 125px; --ytd-image-select-container-size: 125px; --ytd-image-thumbnail-size: 125px; margin: 12px 16px 0px; width: auto; } .poll-option.ytd-backstage-image-poll-editor-renderer { display: flex; flex-direction: row; align-items: center; border: 2px solid var(--yt-spec-10-percent-layer); border-radius: 4px; height: var(--ytd-image-poll-option-height); margin-bottom: 16px; } ytd-backstage-image-poll-editor-renderer tp-yt-paper-input-char-counter[style-target="host"] { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; color: var(--yt-spec-text-secondary); margin-right: 20px; margin-top: 4px; margin-left: 8px; } .image-thumbnail.ytd-backstage-image-poll-editor-renderer { height: var(--ytd-image-select-container-size); width: var(--ytd-image-select-container-size); overflow: hidden; } .image-select-container.ytd-backstage-image-poll-editor-renderer { align-items: center; background-color: var(--yt-spec-general-background-b); display: flex; height: var(--ytd-image-select-container-size); justify-content: center; width: var(--ytd-image-select-container-size); } .poll-option-input.ytd-backstage-image-poll-editor-renderer { --paper-input-container-input-wrapper-flex: 1; --paper-input-container-input-wrapper-min-width: 0; display: flex; flex: 1 1 0%; margin-left: 12px; min-width: 0px; } ytd-backstage-image-poll-editor-renderer tp-yt-iron-autogrow-textarea.poll-option-input-text .tp-yt-iron-autogrow-textarea[style-target="textarea"] { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .add-image-icon-button.ytd-backstage-image-poll-editor-renderer { background: var(--yt-spec-themed-blue); border-radius: 100px; height: var(--ytd-add-image-icon-button-size); width: var(--ytd-add-image-icon-button-size); } .add-image-icon.ytd-backstage-image-poll-editor-renderer { color: var(--yt-spec-base-background); height: var(--ytd-add-image-icon-size); width: var(--ytd-add-image-icon-size); } .remove-button.ytd-backstage-image-poll-editor-renderer { color: var(--yt-spec-icon-inactive); height: var(--ytd-remove-option-button-size); margin-right: 12px; width: var(--ytd-remove-option-button-size); } .remove-option.ytd-backstage-image-poll-editor-renderer { height: var(--ytd-remove-option-icon-size); width: var(--ytd-remove-option-icon-size); } .button-container.ytd-backstage-image-poll-editor-renderer { display: flex; flex-direction: row; } .add-option.ytd-backstage-image-poll-editor-renderer { height: var(--ytd-footer-button-height); margin-right: 24px; width: 50%; } .reposition-images.ytd-backstage-image-poll-editor-renderer { height: var(--ytd-footer-button-height); width: 50%; } ytd-backstage-multi-image-reposition-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 1px; --ytd-image-thumbnail-size: 80px; } .image-reposition-container.ytd-backstage-multi-image-reposition-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; min-height: 482px; } .image-reposition.ytd-backstage-multi-image-reposition-renderer { background-color: var(--yt-spec-general-background-a); box-shadow: rgba(0, 0, 0, 0.1) 1px 0px 0px inset; padding-left: 25px; padding-right: 25px; width: 100%; } .thumbnail-images-container.ytd-backstage-multi-image-reposition-renderer { padding: 25px 15px; } .thumbnail-image.ytd-backstage-multi-image-reposition-renderer { margin-bottom: var(--ytd-img-default-margin); position: absolute; } ytd-backstage-image-preview-renderer { --ytd-backstage-image-picker-size: 200px; --ytd-backstage-image-preview-border-width: 2px; --ytd-backstage-image-preview-height: 482px; --ytd-backstage-image-preview-size: 300px; height: 100%; min-height: var(--ytd-backstage-image-preview-height); flex: 1 1 1e-09px; display: flex; flex-direction: row; } #picker-container.ytd-backstage-image-preview-renderer { height: 100%; overflow: hidden; position: relative; width: 100%; } .preview.ytd-backstage-image-preview-renderer #picker-container.ytd-backstage-image-preview-renderer { opacity: 0; } #image-in-picker-background.ytd-backstage-image-preview-renderer, #picker.ytd-backstage-image-preview-renderer, #overlay.ytd-backstage-image-preview-renderer { position: absolute; } #image-in-picker.ytd-backstage-image-preview-renderer { pointer-events: none; user-select: none; } #picker.ytd-backstage-image-preview-renderer { border-style: solid; border-image: initial; border-color: var(--yt-spec-static-white-background); border-width: var(--ytd-backstage-image-preview-border-width); height: var(--ytd-backstage-image-picker-size); left: calc(0px - var(--ytd-backstage-image-preview-border-width)); overflow: hidden; pointer-events: none; position: absolute; top: calc(0px - var(--ytd-backstage-image-preview-border-width)); user-select: none; width: var(--ytd-backstage-image-picker-size); } #overlay.ytd-backstage-image-preview-renderer { background: rgb(196, 196, 196); cursor: all-scroll; height: 100%; opacity: 0.7; width: 100%; } #container.ytd-backstage-image-preview-renderer { margin-left: auto; margin-right: auto; margin-top: 70px; } #preview-clipper.ytd-backstage-image-preview-renderer { height: var(--ytd-backstage-image-preview-size); min-height: var(--ytd-backstage-image-preview-size); min-width: var(--ytd-backstage-image-preview-size); overflow: hidden; position: relative; width: var(--ytd-backstage-image-preview-size); } #image-in-preview-clipper.ytd-backstage-image-preview-renderer { height: 100%; position: absolute; width: 100%; } #image-in-preview-clipper.PORTRAIT.ytd-backstage-image-preview-renderer { height: auto; width: 100%; } #image-in-preview-clipper.LANDSCAPE.ytd-backstage-image-preview-renderer { height: 100%; width: auto; } #edit-container.ytd-backstage-image-preview-renderer, #preview-container.ytd-backstage-image-preview-renderer { height: var(--ytd-backstage-image-preview-size); width: var(--ytd-backstage-image-preview-size); } .buttons-container.ytd-backstage-image-preview-renderer { display: flex; flex-flow: row; justify-content: space-between; margin-top: 20px; } #edit-button.ytd-backstage-image-preview-renderer, #delete-button.ytd-backstage-image-preview-renderer, #save-button.ytd-backstage-image-preview-renderer, #cancel-button.ytd-backstage-image-preview-renderer { width: 140px; } #delete-button.ytd-backstage-image-preview-renderer { color: var(--yt-spec-call-to-action); } ytd-backstage-image-select-renderer { --ytd-cancel-button-right: -12px; --ytd-cancel-button-top: -12px; --ytd-cancel-button-size: 24px; --ytd-image-preview-max-height: 420px; --ytd-image-preview-picker-max-height: 482px; margin: 12px 12px 8px 0px; display: flex; flex-direction: row; justify-content: flex-start; } #dropzone.ytd-backstage-image-select-renderer { flex-basis: 100%; border: 1px dashed var(--yt-spec-icon-disabled); border-radius: 2px; min-height: 100px; padding: 32px 8px 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; } #dropzone.dragover.ytd-backstage-image-select-renderer { border: 2px dashed var(--yt-spec-call-to-action); } #dropzone.error.ytd-backstage-image-select-renderer { border-color: var(--yt-spec-error-indicator); } .cancel.ytd-backstage-image-select-renderer > ytd-button-renderer.ytd-backstage-image-select-renderer { --yt-button-icon-size: var(--ytd-cancel-button-size); --yt-button-icon-padding: 4px; position: absolute; right: var(--ytd-cancel-button-right); top: var(--ytd-cancel-button-top); width: var(--ytd-cancel-button-size); height: var(--ytd-cancel-button-size); z-index: 1; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 0px 4px; border-radius: 50%; background-color: var(--yt-spec-brand-background-primary); color: var(--yt-spec-icon-active-other); } #drop-icon.ytd-backstage-image-select-renderer { --iron-icon-width: 48px; --iron-icon-height: 48px; color: var(--yt-spec-icon-active-other); } #prompt.ytd-backstage-image-select-renderer { padding-top: 8px; padding-bottom: 12px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #license-text.ytd-backstage-image-select-renderer, #aspect-ratio-message.ytd-backstage-image-select-renderer { color: var(--yt-spec-text-secondary); } #error-message.ytd-backstage-image-select-renderer { margin-top: 16px; color: var(--yt-spec-error-indicator); font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } .messages.ytd-backstage-image-select-renderer { padding-top: 48px; margin-top: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #image-preview.ytd-backstage-image-select-renderer { position: relative; display: flex; flex-direction: row; } #preview.ytd-backstage-image-select-renderer { max-width: 100%; max-height: var(--ytd-image-preview-max-height); } #image-preview.ytd-backstage-image-select-renderer { flex-grow: 1; } #preview-picker.ytd-backstage-image-select-renderer { width: 100%; max-width: 100%; height: var(--ytd-image-preview-picker-max-height); border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 2px; } ytd-backstage-image-select-renderer[is-backstage-post] { margin: 16px 0px 0px; } ytd-backstage-image-select-renderer[is-backstage-post] #dropzone.ytd-backstage-image-select-renderer { border-color: var(--yt-spec-icon-disabled); background: var(--yt-spec-general-background-a); } ytd-backstage-image-select-renderer[is-backstage-post] #dropzone.dragover.ytd-backstage-image-select-renderer { border: 1px solid var(--yt-spec-10-percent-layer); background: var(--yt-spec-general-background-a); } ytd-backstage-image-select-renderer[is-backstage-post] #dropzone.error.ytd-backstage-image-select-renderer { border-color: var(--yt-spec-error-indicator); } ytd-backstage-image-select-renderer[is-backstage-post] #drop-icon.ytd-backstage-image-select-renderer { color: var(--yt-spec-text-secondary); } ytd-backstage-multi-image-select-renderer { --thumbnail-size: 80px; --thumbnail-size-selected: 78px; --ytd-cancel-button-right: -12px; --ytd-cancel-button-top: -12px; --ytd-cancel-button-size: 24px; border: 1px solid rgb(226, 226, 226); border-radius: 1px; height: 100%; margin-top: 12px; min-height: 280px; flex: 1 1 1e-09px; display: flex; flex-direction: row; } #multi-image-container.ytd-backstage-multi-image-select-renderer { min-height: 482px; flex: 1 1 1e-09px; display: flex; flex-direction: row; } #preview.ytd-backstage-multi-image-select-renderer { background-color: var(--yt-spec-general-background-a); box-shadow: rgba(0, 0, 0, 0.1) 1px 0px 0px inset; width: 100%; } #thumbnail-images-container.ytd-backstage-multi-image-select-renderer { padding: 25px 15px; } .thumbnail-image.ytd-backstage-multi-image-select-renderer { margin-bottom: var(--ytd-img-default-margin); position: absolute; } #dropzone.ytd-backstage-multi-image-select-renderer { flex-basis: 100%; border-radius: 2px; min-height: 100px; padding: 78px 8px 12px; background: var(--yt-spec-general-background-a); display: flex; flex-direction: column; align-items: center; justify-content: center; } #dropzone.error.ytd-backstage-multi-image-select-renderer { border-color: var(--yt-spec-error-indicator); } #drop-icon-container.ytd-backstage-multi-image-select-renderer { background: var(--yt-spec-themed-blue); border-radius: 100px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } #drop-icon.ytd-backstage-multi-image-select-renderer { --iron-icon-width: 20px; --iron-icon-height: 20px; color: var(--yt-spec-general-background-a); } #prompt.ytd-backstage-multi-image-select-renderer { padding-top: 12px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #select-link.ytd-backstage-multi-image-select-renderer { color: var(--yt-spec-themed-blue); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } #license-text.ytd-backstage-multi-image-select-renderer, #aspect-ratio-message.ytd-backstage-multi-image-select-renderer { color: var(--yt-spec-text-secondary); } #error-message.ytd-backstage-multi-image-select-renderer { margin-top: 16px; color: var(--yt-spec-error-indicator); font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } #add-image-button-container.ytd-backstage-multi-image-select-renderer { background-color: var(--yt-spec-suggested-action); border-radius: 3px; display: table-cell; height: var(--thumbnail-size); margin-bottom: 20px; text-align: center; vertical-align: middle; width: var(--thumbnail-size); } #add-image-button.ytd-backstage-multi-image-select-renderer ytd-button-renderer.ytd-backstage-multi-image-select-renderer { --yt-button-color: var(--yt-spec-call-to-action); } .cancel.ytd-backstage-multi-image-select-renderer > ytd-button-renderer.ytd-backstage-multi-image-select-renderer { --yt-button-icon-size: var(--ytd-cancel-button-size); --yt-button-icon-padding: 4px; background-color: var(--yt-spec-brand-background-primary); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 0px 4px; color: var(--yt-spec-icon-active-other); cursor: pointer; height: var(--ytd-cancel-button-size); position: absolute; right: var(--ytd-cancel-button-right); top: var(--ytd-cancel-button-top); width: var(--ytd-cancel-button-size); } ytd-backstage-multi-image-select-renderer[modern] .cancel.ytd-backstage-multi-image-select-renderer > ytd-button-renderer.ytd-backstage-multi-image-select-renderer { height: unset; width: unset; } .messages.ytd-backstage-multi-image-select-renderer { margin-top: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-backstage-multi-image-thumbnail-renderer { --thumbnail-size: var(--ytd-image-thumbnail-size,80px); } .image-container.ytd-backstage-multi-image-thumbnail-renderer { border-radius: 1px; height: var(--thumbnail-size); overflow: hidden; position: relative; width: var(--thumbnail-size); } .container.ytd-backstage-multi-image-thumbnail-renderer { margin-bottom: 8px; } ytd-backstage-multi-image-thumbnail-renderer[selected] .container.ytd-backstage-multi-image-thumbnail-renderer { border: 2px solid var(--yt-spec-call-to-action); border-radius: 3px; margin-left: -3px; padding: 1px; width: var(--thumbnail-size); } ytd-backstage-post-dialog-renderer { display: flex; flex-direction: column; } #author-thumbnail.ytd-backstage-post-dialog-renderer { width: 40px; height: 40px; margin-right: 16px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } #dialog-header.ytd-backstage-post-dialog-renderer { padding: 16px 8px 0px 16px; display: flex; flex-direction: row; } #dialog-header.ytd-backstage-post-dialog-renderer #header-author-thumbnail.ytd-backstage-post-dialog-renderer { width: 32px; height: 32px; margin-right: 16px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } #dialog-header.ytd-backstage-post-dialog-renderer #header-channel-name.ytd-backstage-post-dialog-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #dialog-header.ytd-backstage-post-dialog-renderer #header-visibility-label.ytd-backstage-post-dialog-renderer { color: var(--yt-spec-text-secondary); margin-left: auto; -webkit-font-smoothing: antialiased; display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #dialog-header.ytd-backstage-post-dialog-renderer #header-default-visibility.ytd-backstage-post-dialog-renderer { color: var(--yt-spec-text-secondary); margin-left: 16px; margin-right: 16px; -webkit-font-smoothing: antialiased; display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #dialog-header.ytd-backstage-post-dialog-renderer #access-restrictions-selector.ytd-backstage-post-dialog-renderer { display: flex; flex-direction: row; align-items: center; } #unopened-dialog.ytd-backstage-post-dialog-renderer { display: flex; flex-direction: row; } #main.ytd-backstage-post-dialog-renderer { flex: 1 1 1e-09px; } #commentbox-placeholder.ytd-backstage-post-dialog-renderer { display: block; color: var(--yt-spec-text-secondary); outline: none; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #placeholder-area.ytd-backstage-post-dialog-renderer { cursor: text; padding-bottom: 4px; margin-bottom: 7px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); flex: 1 1 1e-09px; } #attachments.ytd-backstage-post-dialog-renderer { display: flex; flex-flow: wrap; margin-left: -10px; } #disabled-message.ytd-backstage-post-dialog-renderer { border: 2px solid var(--yt-spec-10-percent-layer); padding: 16px; margin-bottom: 24px; } #disabled-message-annotation.ytd-backstage-post-dialog-renderer { color: var(--yt-spec-text-secondary); margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #disabled-message-text.ytd-backstage-post-dialog-renderer { color: var(--yt-spec-text-primary); margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-backstage-post-dialog-renderer:not([modern]) ytd-button-renderer.ytd-backstage-post-dialog-renderer:hover { color: var(--yt-spec-icon-active-other); } ytd-button-renderer.ytd-backstage-post-dialog-renderer { --yt-button-icon-size: 36px; } ytd-commentbox.ytd-backstage-post-dialog-renderer { --ytd-commentbox-textarea-margin-bottom: 2px; } ytd-backstage-post-dialog-renderer:not([modern]) #option-menu.ytd-backstage-post-dialog-renderer ytd-menu-renderer.ytd-backstage-post-dialog-renderer { --yt-icon-width: 32px; --yt-icon-height: 36px; --ytd-menu-renderer-button-color: var(--yt-spec-text-primary-inverse); border-left: 1px solid var(--yt-spec-10-percent-layer); } ytd-backstage-post-dialog-renderer:not([modern]) #option-menu.ytd-backstage-post-dialog-renderer { border-bottom-right-radius: var(--yt-button-border-radius,3px); border-top-right-radius: var(--yt-button-border-radius,3px); background: var(--yt-spec-icon-disabled); } #post-buttons-wrapper.ytd-backstage-post-dialog-renderer { border-radius: 6px; display: flex; flex-direction: row; } ytd-backstage-post-dialog-renderer[is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer #post-buttons-wrapper.ytd-backstage-post-dialog-renderer { margin-left: auto; background: var(--yt-spec-icon-disabled); } ytd-backstage-post-dialog-renderer[modern][is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer #post-buttons-wrapper.ytd-backstage-post-dialog-renderer { background: unset; } ytd-backstage-post-dialog-renderer[is-creation-dialog] { background: var(--yt-spec-general-background-a); border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 2px; } ytd-backstage-post-dialog-renderer[is-creation-dialog][rounded-container] { border-radius: 12px; } ytd-backstage-post-dialog-renderer:not([in-popup-container])[is-creation-dialog][rounded-container] { overflow: hidden; } ytd-backstage-post-dialog-renderer[is-creation-dialog] #disabled-message.ytd-backstage-post-dialog-renderer { border: none; } ytd-backstage-post-dialog-renderer[is-creation-dialog] #author-thumbnail.ytd-backstage-post-dialog-renderer { display: none; } ytd-backstage-post-dialog-renderer[is-creation-dialog] #placeholder-area.ytd-backstage-post-dialog-renderer { padding-top: 20px; margin-left: 16px; border-bottom: none; margin-bottom: 0px; } ytd-backstage-post-dialog-renderer[is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer { margin-left: -6px; padding: 16px; } ytd-backstage-post-dialog-renderer[is-creation-dialog][is-creation-dialog-with-header] #attachments.ytd-backstage-post-dialog-renderer { margin-left: -12px; } ytd-backstage-post-dialog-renderer[is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer ytd-button-renderer.ytd-backstage-post-dialog-renderer { --yt-button-icon-padding: 6px; color: var(--yt-spec-text-secondary); } ytd-backstage-post-dialog-renderer[is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer ytd-button-renderer.ytd-backstage-post-dialog-renderer:hover { color: var(--yt-spec-icon-active-other); } ytd-backstage-post-dialog-renderer[is-creation-dialog][is-creation-dialog-with-header] #video-link-button.ytd-backstage-post-dialog-renderer > ytd-button-renderer.ytd-backstage-post-dialog-renderer, #poll-button.ytd-backstage-post-dialog-renderer > ytd-button-renderer.ytd-backstage-post-dialog-renderer, #image-button.ytd-backstage-post-dialog-renderer > ytd-button-renderer.ytd-backstage-post-dialog-renderer { --yt-button-padding: 6px 12px; } ytd-backstage-post-dialog-renderer[is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer #post-button.ytd-backstage-post-dialog-renderer { margin-left: auto; background: var(--yt-spec-icon-disabled); color: var(--yt-spec-text-primary-inverse); } ytd-backstage-post-dialog-renderer[modern][is-creation-dialog] #attachments.ytd-backstage-post-dialog-renderer #post-button.ytd-backstage-post-dialog-renderer { background: unset; color: unset; } ytd-backstage-post-dialog-renderer[is-creation-dialog][is-open] #dialog-header.ytd-backstage-post-dialog-renderer { background: var(--yt-spec-brand-background-primary); } div.ytd-backstage-post-dialog-renderer[slot="repost-preview"] { margin-top: 16px; margin-bottom: 16px; display: flex; flex-direction: column; align-items: center; } ytd-flat-dropdown-renderer { display: inline-block; max-width: 100%; } tp-yt-paper-menu-button.ytd-flat-dropdown-renderer { color: var(--yt-spec-text-secondary); } tp-yt-paper-menu-button.ytd-flat-dropdown-renderer, #label-text.ytd-flat-dropdown-renderer { max-width: 100%; } #label-text.ytd-flat-dropdown-renderer { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } tp-yt-paper-menu-button.ytd-flat-dropdown-renderer { padding: 0px; } tp-yt-paper-listbox.ytd-flat-dropdown-renderer { background-color: var(--yt-spec-raised-background); } tp-yt-paper-listbox.ytd-flat-dropdown-renderer ytd-privacy-dropdown-item-renderer.ytd-flat-dropdown-renderer { cursor: pointer; } tp-yt-paper-listbox.ytd-flat-dropdown-renderer ytd-privacy-dropdown-item-renderer.ytd-flat-dropdown-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } #label.ytd-flat-dropdown-renderer { cursor: pointer; text-transform: var(--yt-dropdown-menu-label-transform,none); padding: 0px; margin: 0px; min-width: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; flex-direction: row; align-items: center; } #label-text.ytd-flat-dropdown-renderer { color: var(--yt-spec-text-primary); } #label.keyboard-focus.ytd-flat-dropdown-renderer #label-text.ytd-flat-dropdown-renderer { font-weight: 500; } #label-icon.ytd-flat-dropdown-renderer { flex-shrink: 0; margin-right: 8px; color: var(--yt-spec-icon-inactive); } ytd-flat-dropdown-renderer.text-secondary-style #label-text.ytd-flat-dropdown-renderer { color: var(--yt-spec-text-secondary); margin-left: 16px; margin-right: 8px; -webkit-font-smoothing: antialiased; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-privacy-dropdown-item-renderer { display: block; outline: none; } ytd-privacy-dropdown-item-renderer:hover { cursor: pointer; background-color: var(--yt-spec-10-percent-layer); } #label.ytd-privacy-dropdown-item-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #description.ytd-privacy-dropdown-item-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #dropdown-icon.ytd-privacy-dropdown-item-renderer { color: var(--yt-spec-brand-icon-inactive); margin-left: -8px; margin-right: 8px; } ytd-privacy-dropdown-item-renderer tp-yt-paper-item-body.ytd-privacy-dropdown-item-renderer { min-height: 0px; max-width: 100%; flex: 0 0 auto; } ytd-backstage-quiz-editor-renderer { display: flex; flex-direction: column; --ytd-option-selector-button-size: 19px; --ytd-option-selector-size: 19px; --ytd-footer-button-height: 50px; --ytd-remove-option-button-size: 19px; --ytd-remove-option-icon-size: 17px; --ytd-backstage-quiz-option-height: 28px; --ytd-explanation-height: 16px; margin: 12px 16px 0px; width: auto; } .quiz-option-container.ytd-backstage-quiz-editor-renderer { display: flex; flex-direction: row; align-items: center; min-height: var(--ytd-backstage-quiz-option-height); width: 100%; } .quiz-option.ytd-backstage-quiz-editor-renderer { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 12px; min-height: var(--ytd-backstage-quiz-option-height); margin-bottom: 16px; display: flex; flex-direction: column; } .quiz-option.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > input, .quiz-option.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, .quiz-option.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > textarea, .quiz-option.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, .quiz-option.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } tp-yt-paper-input-container.ytd-backstage-quiz-editor-renderer { --paper-input-container-underline-display: none; --paper-input-container-underline-disabled-display: none; --paper-input-container-underline-focus-display: none; --paper-input-container-underline-wrapper-height: 0; --paper-input-container-shared-input-style-padding: 0; } .option-selector-button.ytd-backstage-quiz-editor-renderer { border-radius: 100px; height: var(--ytd-option-selector-button-size); margin-left: 12px; width: var(--ytd-option-selector-button-size); } .option-selector.ytd-backstage-quiz-editor-renderer { color: var(--yt-spec-text-secondary); height: var(--ytd-option-selector-size); width: var(--ytd-option-selector-size); } .option-selector-correct.ytd-backstage-quiz-editor-renderer { color: var(--yt-spec-themed-green); height: var(--ytd-option-selector-size); width: var(--ytd-option-selector-size); } .remove-button.ytd-backstage-quiz-editor-renderer { color: var(--yt-spec-text-primary); height: var(--ytd-remove-option-button-size); margin-right: 12px; width: var(--ytd-remove-option-button-size); } .input-wrapper.tp-yt-paper-input-container.ytd-backstage-quiz-editor-renderer { flex: 1 1 0%; min-width: 0px; } .remove-option.ytd-backstage-quiz-editor-renderer { height: var(--ytd-remove-option-icon-size); width: var(--ytd-remove-option-icon-size); } .quiz-explanation.ytd-backstage-quiz-editor-renderer { margin-left: 8px; padding-right: 12px; } .quiz-explanation.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > input, .quiz-explanation.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, .quiz-explanation.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > textarea, .quiz-explanation.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, .quiz-explanation.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .quiz-explanation-input.ytd-backstage-quiz-editor-renderer { display: inline; } .quiz-explanation-input.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > input, .quiz-explanation-input.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, .quiz-explanation-input.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > textarea, .quiz-explanation-input.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, .quiz-explanation-input.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .quiz-explanation-input-input.ytd-backstage-quiz-editor-renderer { --paper-input-container-underline-color: none; border: none; } .quiz-explanation-input-input.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > input, .quiz-explanation-input-input.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, .quiz-explanation-input-input.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > textarea, .quiz-explanation-input-input.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, .quiz-explanation-input-input.ytd-backstage-quiz-editor-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .quiz-option-input.ytd-backstage-quiz-editor-renderer { --paper-input-container-input-wrapper-flex: 1; --paper-input-container-input-wrapper-min-width: 0; display: flex; flex: 1 1 0%; margin-left: 8px; min-width: 0px; } .quiz-option-input.ytd-backstage-quiz-editor-renderer tp-yt-paper-input-char-counter[style-target="host"] { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--yt-spec-text-secondary); margin-top: 3px; visibility: hidden; } .quiz-option.ytd-backstage-quiz-editor-renderer tp-yt-iron-autogrow-textarea .tp-yt-iron-autogrow-textarea[style-target="textarea"] { overflow: hidden; } .quiz-explanation.ytd-backstage-quiz-editor-renderer tp-yt-iron-autogrow-textarea .tp-yt-iron-autogrow-textarea[style-target="textarea"] { overflow: hidden; } .explanation-counter.ytd-backstage-quiz-editor-renderer { margin-bottom: 7px; padding-top: 2px; } .option-counter.ytd-backstage-quiz-editor-renderer { margin-right: 14px; padding-left: 5px; } .quiz-option-input-input.ytd-backstage-quiz-editor-renderer { flex: 1 1 1e-09px; --paper-input-container-underline-color: none; border: none; } .button-container.ytd-backstage-quiz-editor-renderer { display: flex; flex-direction: row; } .add-answer.ytd-backstage-quiz-editor-renderer { height: var(--ytd-footer-button-height); width: 100%; } .quiz-explanation-input.ytd-backstage-quiz-editor-renderer:focus-within tp-yt-paper-input-char-counter[style-target="host"] { visibility: visible; } .quiz-explanation-input.ytd-backstage-quiz-editor-renderer tp-yt-paper-input-char-counter[style-target="host"] { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--yt-spec-text-secondary); visibility: hidden; } .quiz-option-input.ytd-backstage-quiz-editor-renderer:focus-within tp-yt-paper-input-char-counter[style-target="host"] { visibility: visible; } ytd-date-time-picker-renderer { display: flex; flex-direction: column; } #hint.ytd-date-time-picker-renderer { display: flex; flex-direction: row; } #picker-component.ytd-date-time-picker-renderer > .ytd-date-time-picker-renderer { margin-left: 16px; } ytd-calendar-date-picker.ytd-date-time-picker-renderer { width: 140px; } .dropdown-trigger.ytd-date-time-picker-renderer { background-color: var(--yt-spec-brand-background-solid); border: 1px solid var(--yt-spec-icon-disabled); border-radius: 2px; color: var(--yt-spec-text-secondary); height: 36px; margin: 0px; padding: 0px 12px; text-transform: none; justify-content: space-between; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #timezone-picker.ytd-date-time-picker-renderer { width: 224px; } #time-picker.ytd-date-time-picker-renderer { width: 124px; } #time-listbox.ytd-date-time-picker-renderer { width: 106px; } #timezone-listbox.ytd-date-time-picker-renderer { width: 206px; } tp-yt-paper-item.ytd-date-time-picker-renderer { --paper-item-min-height: 36px; cursor: pointer; background-color: var(--yt-spec-brand-background-solid); color: var(--yt-spec-text-primary); height: 36px; width: calc(100% - 12px); padding: 0px 0px 0px 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } tp-yt-paper-item.ytd-date-time-picker-renderer:hover { background: var(--yt-spec-general-background-a); } tp-yt-paper-listbox.ytd-date-time-picker-renderer { background-color: var(--yt-spec-brand-background-solid); padding-left: 1px; max-height: 360px; } tp-yt-paper-menu-button.ytd-date-time-picker-renderer { padding: 0px; --paper-menu-button-dropdown-background: var( --yt-spec-brand-background-solid ); } yt-formatted-string.ytd-date-time-picker-renderer { color: var(--yt-spec-text-secondary); padding: 2px 0px 17px 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #cancel-button-wrapper.ytd-date-time-picker-renderer ytd-button-renderer.ytd-date-time-picker-renderer { color: var(--yt-spec-icon-inactive); position: absolute; z-index: 10; right: 8px; top: -8px; } #cancel-button-wrapper.ytd-date-time-picker-renderer { width: 100%; position: relative; } ytd-calendar-date-picker { flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } tp-yt-paper-menu-button.ytd-calendar-date-picker { padding: 0px; } tp-yt-paper-dialog.ytd-calendar-date-picker > .ytd-calendar-date-picker { padding: 0px; margin: 0px; } #date-picker.ytd-calendar-date-picker { background-color: var(--yt-spec-brand-background-solid); border: 1px solid var(--yt-spec-icon-disabled); border-radius: 2px; color: var(--yt-spec-text-secondary); width: 144px; height: 36px; padding: 0px 12px; margin: 0px; text-transform: none; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; justify-content: space-between; } #control-area.ytd-calendar-date-picker { margin: 6px 8px 0px; display: flex; flex-direction: row; } #date-input.ytd-calendar-date-picker { margin-left: 8px; flex: 1 1 1e-09px; } tp-yt-paper-input-container.ytd-calendar-date-picker { --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-invalid-color: var(--yt-spec-error-indicator); } tp-yt-paper-input-container.ytd-calendar-date-picker .input-content.tp-yt-paper-input-container > input, tp-yt-paper-input-container.ytd-calendar-date-picker .input-content.tp-yt-paper-input-container > tp-yt-iron-input, tp-yt-paper-input-container.ytd-calendar-date-picker .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-input-container.ytd-calendar-date-picker .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-input-container.ytd-calendar-date-picker .input-content.tp-yt-paper-input-container > .paper-input-input { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } input.ytd-calendar-date-picker { position: relative; outline: none; box-shadow: none; padding: var(--paper-input-container-shared-input-style-padding,0); margin: 0px; width: var(--paper-input-container-shared-input-style-width,100%); max-width: 100%; background: transparent; border: none; color: var(--paper-input-container-input-color,var(--primary-text-color)); appearance: none; text-align: inherit; vertical-align: var(--paper-input-container-input-align,bottom); -webkit-font-smoothing: antialiased; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #month-controller.ytd-calendar-date-picker { width: 40px; margin: 0px 8px; display: flex; flex-direction: row; justify-content: space-between; } #prev-month.ytd-calendar-date-picker, #next-month.ytd-calendar-date-picker { color: var(--yt-spec-icon-inactive); width: 16px; height: 16px; margin: auto; } #calendar-dialog.ytd-calendar-date-picker { width: 277px; height: 370px; background-color: var(--yt-spec-brand-background-solid); margin: 0px; } .calendar-container.ytd-calendar-date-picker { max-height: calc(100% - 46px); background-color: var(--yt-spec-brand-background-solid); flex: 1 1 1e-09px; display: flex; flex-direction: column; } .calendar-header.ytd-calendar-date-picker { height: 32px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; display: flex; flex-direction: row; } #calendar-main.ytd-calendar-date-picker { overflow: hidden auto; max-height: 288px; flex: 1 1 auto; } #calendar-main.ytd-calendar-date-picker:focus { outline: none; } .calendar-header-day.ytd-calendar-date-picker { color: var(--yt-spec-text-secondary); display: inline-block; max-height: 100%; width: 36px; padding-top: 7px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .calendar-header-day.ytd-calendar-date-picker:first-of-type { margin-left: 8px; } .calendar-month.ytd-calendar-date-picker { display: inline-block; } .calendar-month-label.ytd-calendar-date-picker { color: var(--yt-spec-text-secondary); margin-left: 16px; max-height: 36px; padding: 8px 0px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .calendar-month-label.shift-down-label.ytd-calendar-date-picker { position: absolute; } .calendar-week.ytd-calendar-date-picker { margin-left: 8px; width: 252px; display: flex; flex-direction: row; } .calendar-day.ytd-calendar-date-picker { color: var(--yt-spec-text-primary); cursor: pointer; position: relative; display: inline-block; width: 36px; max-height: 36px; padding: 9px 0px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .calendar-day.ytd-calendar-date-picker:hover:not(.disabled)::after, .calendar-day.today.ytd-calendar-date-picker::after, .calendar-day.selected.ytd-calendar-date-picker::after { content: ""; position: absolute; z-index: -1; inset: 2px; border-radius: 100%; } .calendar-day.today.ytd-calendar-date-picker::after { box-shadow: inset 0 0 0 1px var(--yt-spec-icon-inactive); } .calendar-day.ytd-calendar-date-picker:hover:not(.disabled) { color: var(--yt-spec-text-primary); } .calendar-day.ytd-calendar-date-picker:hover:not(.disabled)::after { background: var(--yt-spec-general-background-a); } .calendar-day.selected.ytd-calendar-date-picker { color: var(--yt-spec-static-overlay-text-primary); } .calendar-day.selected.ytd-calendar-date-picker::after { background: var(--yt-spec-themed-blue); } .calendar-day.disabled.ytd-calendar-date-picker { color: var(--yt-spec-text-disabled); cursor: default; pointer-events: none; } .invisible.ytd-calendar-date-picker { visibility: hidden; } ytd-backstage-dismissable-attachment { display: block; margin: 16px 0px 0px; justify-content: flex-start; } ytd-backstage-dismissable-attachment[attachment-type="image"] { display: flex; flex-direction: row; } ytd-button-renderer.ytd-backstage-dismissable-attachment { --yt-button-icon-size: 24px; --yt-button-icon-padding: 4px; position: absolute; right: -12px; top: -12px; width: 24px; height: 24px; z-index: 1; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 0px 4px; border-radius: 50%; background-color: var(--yt-spec-brand-background-primary); color: var(--yt-spec-icon-active-other); } #attachment-preview-container.ytd-backstage-dismissable-attachment { position: relative; } ytd-backstage-dismissable-attachment[attachment-type="image"] #attachment-preview-container.ytd-backstage-dismissable-attachment { max-width: 100%; max-height: 420px; } ytd-backstage-dismissable-attachment[attachment-type="video"] #attachment-preview-container.ytd-backstage-dismissable-attachment { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 2px; padding: 8px; background-color: var(--yt-spec-brand-background-solid); } ytd-video-renderer.ytd-backstage-dismissable-attachment { --ytd-metadata-line-color: var(--yt-spec-text-secondary); --yt-metadata-color: var(--yt-spec-text-secondary); } ytd-backstage-video-link-attachment { --paper-input-container-input-align: baseline; --ytd-cancel-button-right: -12px; --ytd-cancel-button-top: -12px; --ytd-cancel-button-size: 24px; display: block; position: relative; padding: 0px; margin: 20px 0px 0px; } #cancel-button.ytd-backstage-video-link-attachment { position: absolute; right: var(--ytd-cancel-button-right); top: var(--ytd-cancel-button-top); width: var(--ytd-cancel-button-size); height: var(--ytd-cancel-button-size); z-index: 1; } #cancel-button.ytd-backstage-video-link-attachment > ytd-button-renderer.ytd-backstage-video-link-attachment { --yt-button-icon-size: var(--ytd-cancel-button-size); --yt-button-icon-padding: 4px; position: absolute; width: var(--ytd-cancel-button-size); height: var(--ytd-cancel-button-size); z-index: 1; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 0px 4px; border-radius: 50%; background-color: var(--yt-spec-brand-background-primary); color: var(--yt-spec-icon-active-other); } #video-preview.ytd-backstage-video-link-attachment { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 2px; padding: 8px; background-color: var(--yt-spec-general-background-a); } ytd-commentbox { --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-input-color: var(--yt-spec-text-primary); --yt-formatted-string-contenteditable-endpoint-background: var( --yt-spec-badge-chip-background ); --yt-formatted-string-contenteditable-endpoint-border-radius: 0.2em; --yt-formatted-string-contenteditable-endpoint-color: var( --yt-spec-text-primary ); --yt-formatted-string-contenteditable-endpoint-cursor: default; --yt-formatted-string-contenteditable-endpoint-max-width: 100%; --yt-formatted-string-contenteditable-endpoint-white-space: nowrap; --yt-formatted-string-contenteditable-endpoint-overflow: hidden; --yt-formatted-string-contenteditable-endpoint-text-overflow: ellipsis; --yt-formatted-string-contenteditable-endpoint-vertical-align: top; --yt-formatted-string-contenteditable-endpoint-pointer-events: none; --yt-post-multi-image-attachment-size: 420px; display: flex; flex-direction: column; } ytd-commentbox #main.ytd-commentbox .input-content.tp-yt-paper-input-container > input, ytd-commentbox #main.ytd-commentbox .input-content.tp-yt-paper-input-container > tp-yt-iron-input, ytd-commentbox #main.ytd-commentbox .input-content.tp-yt-paper-input-container > textarea, ytd-commentbox #main.ytd-commentbox .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, ytd-commentbox #main.ytd-commentbox .input-content.tp-yt-paper-input-container > .paper-input-input { line-height: 20px; font-size: 14px; } ytd-commentbox[is-backstage-post] #main.ytd-commentbox tp-yt-paper-input-container.ytd-commentbox .input-content.tp-yt-paper-input-container > input, ytd-commentbox[is-backstage-post] #main.ytd-commentbox tp-yt-paper-input-container.ytd-commentbox .input-content.tp-yt-paper-input-container > tp-yt-iron-input, ytd-commentbox[is-backstage-post] #main.ytd-commentbox tp-yt-paper-input-container.ytd-commentbox .input-content.tp-yt-paper-input-container > textarea, ytd-commentbox[is-backstage-post] #main.ytd-commentbox tp-yt-paper-input-container.ytd-commentbox .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, ytd-commentbox[is-backstage-post] #main.ytd-commentbox tp-yt-paper-input-container.ytd-commentbox .input-content.tp-yt-paper-input-container > .paper-input-input { line-height: 20px; font-size: 16px; } ytd-commentbox[is-backstage-comment] { margin-top: 12px; } #contenteditable-textarea.ytd-commentbox[aria-label]:empty::before { color: var(--yt-spec-text-secondary); -webkit-font-smoothing: subpixel-antialiased; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; content: attr(aria-label); cursor: text; } yt-formatted-string#contenteditable-textarea.ytd-commentbox { --yt-formatted-string-contenteditable-root-style-outline: none; --contenteditable-root-style-placeholder-with-aria-color: var( --yt-spec-text-secondary ); --contenteditable-root-style-placeholder-with-aria-content: attr(aria-label); --contenteditable-root-style-placeholder-with-aria-cursor: text; --yt-formatted-string-contenteditable-emoji-width: var( --yt-formatted-string-emoji-size,24px ); --yt-formatted-string-contenteditable-emoji-height: var( --yt-formatted-string-emoji-size,24px ); --yt-formatted-string-contenteditable-emoji-margin: -1px 2px 1px; --yt-formatted-string-contenteditable-emoji-vertical-align: middle; --yt-formatted-string-contenteditable-emoji-padding-right: 0.2em; --yt-formatted-string-contenteditable-small-emoji-width: var( --yt-formatted-string-small-emoji-size,16px ); --yt-formatted-string-contenteditable-small-emoji-height: var( --yt-formatted-string-small-emoji-size,16px ); --yt-formatted-string-contenteditable-small-emoji-margin: -1px 2px 1px; --yt-formatted-string-contenteditable-small-emoji-vertical-align: middle; --yt-formatted-string-contenteditable-small-emoji-padding-right: 0.2em; display: block; word-break: normal; overflow-wrap: break-word; --paper-input-container-input_-_white-space: pre-wrap; } ytd-commentbox:not([is-backstage-post]) yt-formatted-string#contenteditable-textarea.ytd-commentbox { margin-bottom: 0.25em; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-commentbox[is-backstage-post] #contenteditable-textarea.ytd-commentbox[aria-label]:empty::before { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } tp-yt-paper-input-container.ytd-commentbox { padding-top: 0px; } #input-container.ytd-commentbox { --paper-input-container-underline-color: var(--yt-spec-text-disabled); --paper-input-container-underline-focus-color: var(--yt-spec-text-primary); } #author-thumbnail.ytd-commentbox, ytd-commentbox[is-reply][is-backstage-comment] #author-thumbnail.ytd-commentbox { width: 40px; height: 40px; margin-right: 16px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } ytd-commentbox[is-reply] #author-thumbnail.ytd-commentbox { width: 24px; height: 24px; margin-right: 16px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } #main.ytd-commentbox { flex: 1 1 1e-09px; min-width: 0px; } #footer.ytd-commentbox { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } #attachments.ytd-commentbox { margin-left: -10px; display: flex; flex-direction: row; } ytd-button-renderer.ytd-commentbox { --yt-button-icon-size: 36px; } #footer-text.ytd-commentbox { flex: 1 1 1e-09px; } .footer-error-message.ytd-commentbox { color: var(--yt-spec-error-indicator); } .footer-alert-message.ytd-commentbox { color: var(--yt-spec-text-secondary); } #footer-message.ytd-commentbox { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; flex: 1 1 1e-09px; } #zero-step-footer-text.ytd-commentbox { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; flex: 1 1 1e-09px; } #buttons.ytd-commentbox { display: flex; flex-direction: row; } #cancel-button.ytd-commentbox, #submit-button.ytd-commentbox { margin-left: 8px; } tp-yt-paper-spinner-lite.ytd-commentbox { margin: auto; display: none; } tp-yt-paper-spinner-lite.ytd-commentbox[active] { display: block; } #poll-attachment.ytd-commentbox { --ytd-paper-input-container-underline-color: var(--yt-spec-text-secondary); } #access-restrictions-selector.ytd-commentbox { overflow: hidden; } ytd-commentbox[is-backstage-post] tp-yt-paper-spinner-lite.ytd-commentbox { padding: 24px 0px; } ytd-commentbox[is-backstage-post][is-creation-box] { background: var(--yt-spec-brand-background-primary); } ytd-commentbox[is-backstage-post][is-creation-box] #author-thumbnail.ytd-commentbox { display: none; } ytd-commentbox[is-backstage-post][is-creation-box] #input-container.ytd-commentbox { --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; padding: 0px; } ytd-commentbox[is-creation-box] #contenteditable-textarea.ytd-commentbox { color: var(--yt-spec-text-primary); } ytd-commentbox[is-backstage-post][is-creation-box] #contenteditable-textarea.ytd-commentbox { margin-bottom: 0px; } ytd-commentbox[is-backstage-post][is-creation-box] #creation-box.ytd-commentbox { padding: 20px 16px 4px; } ytd-commentbox[is-backstage-post][is-creation-box] #submit-button.ytd-commentbox[disabled] { background: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-disabled); } ytd-commentbox[is-backstage-post][is-creation-box] #cancel-button.ytd-commentbox { color: var(--yt-spec-text-secondary); } ytd-commentbox[is-backstage-post][is-creation-box] #attachments.ytd-commentbox { flex-wrap: wrap; margin-left: -6px; } ytd-commentbox[is-backstage-post][is-creation-box][is-post-creation-dialog-v2] #attachments.ytd-commentbox { margin-left: -12px; } ytd-commentbox[is-backstage-post][is-creation-box][is-post-creation-dialog-v2] #attachments.ytd-commentbox ytd-button-renderer.ytd-commentbox { --yt-button-padding: 6px 12px; } ytd-commentbox[is-backstage-post][is-creation-box][is-post-creation-dialog-v2] #access-restrictions-selector.ytd-commentbox { display: none; } ytd-commentbox[is-backstage-post][is-creation-box] #footer.ytd-commentbox { flex-wrap: wrap; margin: 16px; } ytd-commentbox[is-backstage-post][is-creation-box] #attachments.ytd-commentbox ytd-button-renderer.ytd-commentbox { --yt-button-icon-padding: 6px; color: var(--yt-spec-text-secondary); } ytd-commentbox[is-backstage-post][is-creation-box] #attachments.ytd-commentbox ytd-button-renderer.ytd-commentbox:hover { color: var(--yt-spec-text-primary); } ytd-commentbox[is-backstage-post][is-creation-box][is-post-creation-dialog-v2] #submit-button.ytd-commentbox:not([disabled]):hover { color: var(--yt-spec-text-disabled); } ytd-commentbox:not([is-popup-box])[prefilled-attachment_="video"] ytd-backstage-dismissable-attachment.ytd-commentbox { display: block; margin-top: 20px; } #option-menu.ytd-commentbox ytd-menu-renderer.ytd-commentbox { --yt-icon-width: 32px; --yt-icon-height: 36px; --ytd-menu-renderer-button-color: var(--yt-spec-text-primary-inverse); border-left: 1px solid var(--yt-spec-static-overlay-icon-disabled); } #option-menu.ytd-commentbox { border-top-right-radius: 2px; border-bottom-right-radius: 2px; background: var(--yt-spec-call-to-action); } ytd-commentbox[modern] #option-menu.ytd-commentbox { background: unset; } #scheduling-panel.ytd-commentbox ytd-date-time-picker-renderer.ytd-commentbox { border-top: 1px solid var(--yt-spec-10-percent-layer); background: var(--yt-spec-general-background-a); padding: 16px 0px; } #poll-preview-edit-dialog.ytd-commentbox > yt-formatted-string.ytd-commentbox { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #buttons.with-options.ytd-commentbox #submit-button.ytd-commentbox { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } #submit-button.ytd-commentbox[disabled] + #option-menu.ytd-commentbox { background: var(--yt-spec-badge-chip-background); } #submit-button.ytd-commentbox[disabled] + #option-menu.ytd-commentbox > ytd-menu-renderer.ytd-commentbox { border-left: 1px solid var(--yt-spec-10-percent-layer); } ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] { background: var(--yt-spec-brand-background-primary); } ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] ytd-backstage-dismissable-attachment.ytd-commentbox { margin-top: 12px; margin-bottom: 12px; } ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] #creation-box.ytd-commentbox { padding: 0px; } ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] #creation-box.ytd-commentbox #contenteditable-textarea.ytd-commentbox { --yt-formatted-string-contenteditable-root-style-max-height: 86px; --yt-formatted-string-contenteditable-root-style-overflow: auto; --yt-formatted-string-contenteditable-root-style-outline: none; overflow: auto; } ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] #creation-box.ytd-commentbox #contenteditable-textarea.ytd-commentbox { max-height: 86px; } ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] #footer.ytd-commentbox { margin: 24px 0px 0px; } ytd-commentbox[is-backstage-post][is-creation-box][is-popup-box] #submit-button.ytd-commentbox[disabled] { background: var(--yt-spec-badge-chip-background); } #contenteditable-textarea.ytd-commentbox { margin-bottom: var(--ytd-commentbox-textarea-margin-bottom,4px); padding: 0px; } #emoji-button.ytd-commentbox { margin-left: calc(var(--yt-button-icon-padding,8px)*-1); } ytd-commentbox[is-emoji-picker-displayed] #emoji-button.ytd-commentbox > ytd-button-renderer.ytd-commentbox { color: var(--yt-spec-icon-active-other); } #emojis.ytd-commentbox { width: 424px; padding: 16px; margin-bottom: 20px; margin-top: 2px; position: absolute; z-index: 2; background: var(--yt-spec-brand-background-primary); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.4) 0px 8px 10px -5px; } ytd-commentbox[swatcheroo] #emojis.ytd-commentbox { width: 260px; } .emoji.ytd-commentbox, .small-emoji.ytd-commentbox { margin: -1px 2px 1px; vertical-align: middle; padding-right: 0.2em; } .emoji.ytd-commentbox { width: var(--yt-formatted-string-emoji-size,24px); height: var(--yt-formatted-string-emoji-size,24px); } .emoji.small-emoji.ytd-commentbox { width: var(--yt-formatted-string-small-emoji-size,16px); height: var(--yt-formatted-string-small-emoji-size,16px); } #char-count.ytd-commentbox { color: var(--yt-spec-text-secondary); } ytd-commentbox[above-char-limit_] #char-count.ytd-commentbox { color: var(--yt-spec-error-indicator); } ytd-commentbox[is-backstage-post] #divider-line.ytd-commentbox { height: 1px; width: 690px; margin-left: -24px; } ytd-commentbox[is-backstage-post][text-requires-scrolling] #divider-line.ytd-commentbox { border-top: 1px solid var(--yt-spec-10-percent-layer); } ytd-commentbox:not([is-backstage-post]) #divider-line.ytd-commentbox { } #identity-chip.ytd-commentbox ytd-identity-chip-renderer.ytd-commentbox { padding-bottom: 16px; } #thumbnail-input-row.ytd-commentbox { word-break: break-all; display: flex; flex-direction: row; } #external-links-banner.ytd-commentbox { display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; background: var(--yt-spec-additive-background); border-radius: 4px; margin-bottom: 4px; margin-top: 8px; padding: 8px 24px; } #verification-button.ytd-commentbox { margin-left: auto; } ytd-emoji-input { display: block; position: relative; } #dropdown.ytd-emoji-input { border-radius: 4px; background-color: var(--yt-live-chat-text-input-field-suggestion-background-color,#fff); box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } #dropdown-content.ytd-emoji-input { max-height: 200px; padding: 8px 0px; } tp-yt-paper-item.ytd-emoji-suggestion { font-size: 15px; min-height: 40px; color: var(--yt-live-chat-text-input-field-suggestion-text-color,#666); cursor: pointer; } ytd-emoji-suggestion:hover tp-yt-paper-item.ytd-emoji-suggestion, ytd-emoji-suggestion[active] tp-yt-paper-item.ytd-emoji-suggestion { background-color: var(--yt-live-chat-text-input-field-suggestion-background-color-hover,#eee); color: var(--yt-live-chat-text-input-field-suggestion-text-color-hover,#333); } img.ytd-emoji-suggestion { width: 24px; height: 24px; margin-right: 8px; flex: 0 0 auto; } img.ytd-emoji-suggestion[author] { border-radius: 12px; } ytd-poll-attachment tp-yt-paper-input.ytd-poll-attachment { --paper-input-container-underline-color: var(--yt-spec-text-secondary); --paper-input-container-underline-legacy-height: 0; --paper-input-container-underline-focus-color: var(--yt-spec-text-primary); height: 54px; } ytd-poll-attachment tp-yt-paper-input-char-counter[style-target="host"] { color: var(--yt-spec-text-secondary); margin-top: 2px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-poll-attachment { --paper-input-container-underline-box-sizing: border-box; } #poll-options.ytd-poll-attachment { margin: 12px 16px 0px; width: auto; } .poll-option.ytd-poll-attachment { display: flex; flex-direction: row; } .poll-option-input.ytd-poll-attachment { flex: 1 1 1e-09px; } .remove-button.ytd-poll-attachment { width: 24px; height: 24px; margin-right: 12px; margin-top: 6px; color: var(--yt-spec-icon-inactive); } .remove-button.ytd-poll-attachment:hover { color: var(--yt-spec-icon-active-other); } .remove-option.ytd-poll-attachment { width: 16px; height: 16px; } #add-option.ytd-poll-attachment ytd-button-renderer.ytd-poll-attachment { margin-left: 20px; } #add-option.ytd-poll-attachment { margin-bottom: -16px; } ytd-poll-attachment[has-max-options] .poll-option.ytd-poll-attachment:last-of-type { margin-bottom: 16px; } ytd-comment-action-buttons-renderer { display: block; color: var(--yt-spec-text-secondary); min-height: 16px; } #toolbar.ytd-comment-action-buttons-renderer { align-items: center; display: flex; flex-direction: row; } ytd-comment-action-buttons-renderer[action-buttons-style="desktop-toolbar"] ytd-comment-reply-dialog-renderer.ytd-comment-action-buttons-renderer { padding-top: 4px; } ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:not([is-icon-button]), ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button-end.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:not([is-icon-button]) { --yt-button-padding: 8px 16px; color: var(--yt-spec-text-secondary); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-comment-action-buttons-renderer[modern]:not([use-comment-icon]) #reply-button.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:not([is-icon-button]), ytd-comment-action-buttons-renderer[modern]:not([use-comment-icon]) #reply-button-end.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:not([is-icon-button]) { margin-left: 8px; } ytd-comment-action-buttons-renderer[use-comment-icon] #reply-button-end.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer { background-color: transparent; } #vote-count-left.ytd-comment-action-buttons-renderer { display: inline-block; margin-left: 4px; margin-right: 16px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #vote-count-middle.ytd-comment-action-buttons-renderer { display: inline-block; margin-right: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #comment-count.ytd-comment-action-buttons-renderer { display: inline-block; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-comment-action-buttons-renderer[system-icons][is-liked] #vote-count-left.ytd-comment-action-buttons-renderer, ytd-comment-action-buttons-renderer[system-icons][is-liked] #vote-count-middle.ytd-comment-action-buttons-renderer { color: var(--yt-spec-text-primary); } #like-button.ytd-comment-action-buttons-renderer, #dislike-button.ytd-comment-action-buttons-renderer { --yt-button-icon-size: var(--ytd-comment-thumb-dimension); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #share-button.ytd-comment-action-buttons-renderer { margin-left: 16px; margin-right: 8px; } ytd-comment-action-buttons-renderer[use-comment-icon] #share-button.ytd-comment-action-buttons-renderer { margin-left: auto; margin-right: 8px; } ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer #reply-button-end.ytd-comment-action-buttons-renderer { --yt-button-icon-size: 32px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button], ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button] { color: var(--yt-spec-text-secondary); } ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button]:hover, ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button]:hover, ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer #like-button.ytd-comment-action-buttons-renderer[is-icon-button]:hover, ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer #dislike-button.ytd-comment-action-buttons-renderer[is-icon-button]:hover { color: var(--yt-spec-text-primary); } ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button].style-default-active, ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button].style-default-active { color: var(--yt-spec-call-to-action); } ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button][system-icons].style-default-active, ytd-comment-action-buttons-renderer.ytd-backstage-post-renderer ytd-toggle-button-renderer.ytd-comment-action-buttons-renderer[is-icon-button][system-icons].style-default-active { color: var(--yt-spec-text-primary); } ytd-comment-action-buttons-renderer[use-comment-icon] #share-button.ytd-comment-action-buttons-renderer[hidden] + #reply-button-end.ytd-comment-action-buttons-renderer { margin-left: auto; } #like-button.ytd-comment-action-buttons-renderer:hover, #dislike-button.ytd-comment-action-buttons-renderer:hover, #share-button.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:hover, ytd-comment-action-buttons-renderer[use-comment-icon] #reply-button.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:hover, ytd-comment-action-buttons-renderer[use-comment-icon] #reply-button-end.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:hover { color: var(--yt-spec-icon-active-other); } ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:hover, ytd-comment-action-buttons-renderer:not([use-comment-icon]) #reply-button-end.ytd-comment-action-buttons-renderer ytd-button-renderer.ytd-comment-action-buttons-renderer:hover { color: var(--yt-spec-text-primary); } #vote-count-left.ytd-comment-action-buttons-renderer[hidden] + #like-button.ytd-comment-action-buttons-renderer { margin-left: -8px; } ytd-creator-heart-renderer { display: inline-block; } #creator-heart-button.ytd-creator-heart-renderer { position: relative; width: 36px; height: 36px; } #creator-heart-button.ytd-creator-heart-renderer[disabled] { pointer-events: auto; } ytd-creator-heart-renderer[heart-button-style="visibly-disabled"] #creator-heart-button.ytd-creator-heart-renderer { opacity: 0.38; } #hearted-thumbnail.ytd-creator-heart-renderer { width: 24px; height: 24px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.12); } #hearted.ytd-creator-heart-renderer { position: absolute; right: 4px; bottom: 5px; width: 13px; height: 13px; color: var(--yt-spec-static-brand-red); z-index: 1; } #hearted-border.ytd-creator-heart-renderer { position: absolute; right: 3px; bottom: 4px; width: 15px; height: 15px; color: var(--yt-spec-static-overlay-icon-active-other); } #unhearted.ytd-creator-heart-renderer { width: 20px; height: 20px; padding: 4px; color: var(--yt-spec-icon-inactive); } #unhearted.ytd-creator-heart-renderer:hover { color: var(--yt-spec-icon-active-other); } tp-yt-paper-tooltip.ytd-creator-heart-renderer { white-space: nowrap; } ytd-comment-dialog-renderer { --paper-input-container-input-align: baseline; } ytd-comment-engagement-bar { display: block; color: var(--yt-spec-text-secondary); min-height: 16px; } #toolbar.ytd-comment-engagement-bar { align-items: center; display: flex; flex-direction: row; margin-left: -8px; } ytd-comment-engagement-bar[system-icons][is-liked] #vote-count-left.ytd-comment-engagement-bar, ytd-comment-engagement-bar[system-icons][is-liked] #vote-count-middle.ytd-comment-engagement-bar { color: var(--yt-spec-text-primary); } #like-button.ytd-comment-engagement-bar, #dislike-button.ytd-comment-engagement-bar { --yt-button-icon-size: var(--ytd-comment-thumb-dimension); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #vote-count-middle.ytd-comment-engagement-bar { display: inline-block; margin-right: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #like-button.ytd-comment-engagement-bar:hover, #dislike-button.ytd-comment-engagement-bar:hover { color: var(--yt-spec-icon-active-other); } #reply-button-end.ytd-comment-engagement-bar { --yt-button-padding: 8px 16px; color: var(--yt-spec-text-secondary); margin-left: 8px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #reply-button-end.ytd-comment-engagement-bar:hover { color: var(--yt-spec-text-primary); } ytd-comment-inline-thumbnail-renderer { display: inline-block; vertical-align: top; } yt-img-shadow.ytd-comment-inline-thumbnail-renderer { --yt-img-border-radius: 4px; --yt-img-max-height: 59px; --yt-img-max-width: 44px; width: 44px; height: 59px; } #pause-composer.ytd-comment-pause-composer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); border-radius: 12px; background: var(--yt-spec-badge-chip-background); min-width: max(381px, 50% - 12px); padding: 12px 16px; flex: 1 1 1e-09px; } ytd-comment-replies-renderer { --yt-next-continuation-button-margin-left: -8px; display: block; margin-left: 56px; } ytd-comment-replies-renderer[is-watch-grid] { margin-left: 28px; } ytd-comment-replies-renderer #creator-thumbnail.ytd-comment-replies-renderer { flex: 0 0 auto; display: inline-block; cursor: pointer; } ytd-comment-replies-renderer #creator-thumbnail.ytd-comment-replies-renderer yt-img-shadow.ytd-comment-replies-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; width: 24px; height: 24px; } ytd-comment-replies-renderer:not([modern]) #less-replies.ytd-comment-replies-renderer, ytd-comment-replies-renderer:not([modern]) #more-replies.ytd-comment-replies-renderer { --yt-button-padding: 2px 0 10px 0; --yt-button-padding-minus-focus-outline-width: 2px; --yt-button-icon-padding: 0; --yt-button-padding-minus-focus-outline: 0 0 8px 0; text-transform: none; --iron-icon-width: 20px; --iron-icon-height: 20px; display: inline-block; } ytd-comment-replies-renderer #more-replies.ytd-comment-replies-renderer:focus, ytd-comment-replies-renderer #less-replies.ytd-comment-replies-renderer:focus { outline: -webkit-focus-ring-color auto 5px; } ytd-comment-replies-renderer #more-replies.ytd-comment-replies-renderer:focus:hover, ytd-comment-replies-renderer #less-replies.ytd-comment-replies-renderer:focus:hover { outline: none; } ytd-comment-replies-renderer:not([modern]) .more-button.ytd-comment-replies-renderer, ytd-comment-replies-renderer:not([modern]) .less-button.ytd-comment-replies-renderer { color: var(--yt-spec-call-to-action); --iron-icon-margin-left: -6px; margin-right: -8px; } ytd-comment-replies-renderer[modern] #more-replies-icon.ytd-comment-replies-renderer, ytd-comment-replies-renderer[modern] #less-replies-icon.ytd-comment-replies-renderer { margin-right: -4px; } .more-button.ytd-comment-replies-renderer, .less-button.ytd-comment-replies-renderer { align-items: center; display: inline-flex; } #expander.ytd-comment-replies-renderer { display: block; text-transform: none; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #expander.ytd-comment-replies-renderer .dot.ytd-comment-replies-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 500; color: var(--yt-spec-text-primary); margin: 0px -12px 0px 4px; } #expander.ytd-comment-replies-renderer .expander-header.ytd-comment-replies-renderer[teaser] { display: flex; align-items: center; margin-left: -10px; } #expander.ytd-comment-replies-renderer .expander-header.ytd-comment-replies-renderer[teaser] #less-replies.ytd-comment-replies-renderer, #expander.ytd-comment-replies-renderer .expander-header.ytd-comment-replies-renderer[teaser] #more-replies.ytd-comment-replies-renderer { --yt-button-padding: unset; --yt-button-padding-minus-focus-outline: unset; } ytd-comment-replies-renderer[modern] #expander.ytd-comment-replies-renderer .expander-header.ytd-comment-replies-renderer[teaser] { margin-left: unset; } ytd-expander.ytd-comment-replies-renderer tp-yt-paper-button.ytd-comment-replies-renderer { align-self: flex-start; } ytd-comment-replies-renderer:not([modern]) yt-next-continuation.ytd-comment-replies-renderer, ytd-comment-replies-renderer:not([modern]) ytd-continuation-item-renderer.ytd-comment-replies-renderer { --iron-icon-width: 20px; --iron-icon-height: 20px; display: inline-flex; } ytd-comment-replies-renderer:not([modern]) yt-next-continuation.ytd-comment-replies-renderer tp-yt-paper-button[style-target="host"], ytd-comment-replies-renderer:not([modern]) ytd-continuation-item-renderer.ytd-comment-replies-renderer tp-yt-paper-button[style-target="host"] { text-transform: none; } ytd-comment-replies-renderer:not([modern]) .cont-button.ytd-comment-replies-renderer, ytd-comment-replies-renderer:not([modern]) ytd-continuation-item-renderer.ytd-comment-replies-renderer { color: var(--yt-spec-call-to-action); --iron-icon-margin-top: -8px; --iron-icon-margin-right: 8px; --iron-icon-margin-left: 8px; } ytd-comment-replies-renderer:not([modern]) yt-icon.ytd-comment-replies-renderer { --iron-icon-width: 20px; --iron-icon-height: 20px; margin-bottom: 4px; } ytd-comment-replies-renderer:not([modern]) #expander.ytd-comment-replies-renderer .dot.ytd-comment-replies-renderer { color: var(--yt-spec-call-to-action); } #teaser-replies.ytd-comment-replies-renderer, #contents.ytd-comment-replies-renderer { display: flex; flex-direction: column; } .reloading.ytd-comment-replies-renderer { opacity: 0.25; pointer-events: none; } #expander-contents.ytd-comment-replies-renderer tp-yt-paper-spinner-lite.ytd-comment-replies-renderer { display: none; } #expander-contents.ytd-comment-replies-renderer tp-yt-paper-spinner-lite.ytd-comment-replies-renderer[active] { display: block; margin: -8px auto 8px; } ytd-continuation-item-renderer.ytd-comment-replies-renderer { --yt-button-color: var(--yt-spec-call-to-action); --yt-button-text-transform: none; --yt-string-icon-padding: 4px; --yt-button-paper-button-margin-left: -8px; --yt-button-paper-button-margin-right: 0.29em; --yt-button-padding: 0.7em 0.57em; --ytd-continuation-item-renderer-width: auto; } ytd-comment-reply-dialog-renderer { --paper-input-container-input-align: baseline; --yt-basic-foreground-title-color: var(--yt-spec-text-secondary); } #unopened-dialog.ytd-comment-reply-dialog-renderer { margin-top: 12px; margin-bottom: 30px; display: flex; flex-direction: row; } #author-thumbnail.ytd-comment-reply-dialog-renderer { width: 40px; height: 40px; margin-right: 16px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } #placeholder-area.ytd-comment-reply-dialog-renderer { cursor: text; margin-bottom: 12px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); flex: 1 1 1e-09px; } #placeholder-text.ytd-comment-reply-dialog-renderer { color: var(--yt-spec-text-secondary); outline: none; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-pinned-comment-badge-renderer { display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #label.ytd-pinned-comment-badge-renderer { color: var(--yt-spec-text-secondary); } yt-icon.ytd-pinned-comment-badge-renderer { --iron-icon-height: 12px; --iron-icon-width: 12px; margin-right: 4px; margin-bottom: 1px; color: var(--yt-spec-icon-active-other); } ytd-sponsor-comment-badge-renderer { display: inline-block; margin-top: 1px; } #custom-badge.ytd-sponsor-comment-badge-renderer yt-img-shadow.ytd-sponsor-comment-badge-renderer, #icon.ytd-sponsor-comment-badge-renderer yt-icon.ytd-sponsor-comment-badge-renderer { width: var(--ytd-sponsor-comment-badge-width,14px); height: var(--ytd-sponsor-comment-badge-height,14px); } ytd-comment-view-model { --ytd-comment-thumb-dimension: 32px; --ytd-pinned-comment-badge-margin-left: -2px; display: block; border-radius: 4px; margin-bottom: 8px; position: relative; margin-top: calc(var(--ytd-decorated-comment-background-offset-top,0px)*-1); margin-left: calc(var(--ytd-decorated-comment-background-offset-left,0px)*-1); padding-top: var(--ytd-decorated-comment-background-offset-top,0); padding-left: var(--ytd-decorated-comment-background-offset-left,0); --yt-endpoint-word-wrap: break-word; --yt-endpoint-word-break: break-word; } #body.ytd-comment-view-model { position: relative; display: flex; flex-direction: row; } #main.ytd-comment-view-model { min-width: 0px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #header.ytd-comment-view-model { margin-bottom: 2px; } #linked-comment-badge.ytd-comment-view-model { margin-bottom: 8px; } #pinned-comment-badge.ytd-comment-view-model { margin-left: var(--ytd-pinned-comment-badge-margin-left); margin-bottom: 8px; } #header-author.ytd-comment-view-model { align-items: baseline; display: flex; flex-direction: row; } #sponsor-comment-badge.ytd-comment-view-model { align-self: start; } #author-thumbnail.ytd-comment-view-model { flex: 0 0 auto; margin-right: 16px; } ytd-comment-view-model[use-small-avatars] #author-thumbnail.ytd-comment-view-model { margin-right: 12px; } #author-thumbnail.ytd-comment-view-model yt-img-shadow.ytd-comment-view-model { width: 40px; height: 40px; border-radius: 50%; background-color: transparent; overflow: hidden; } ytd-comment-view-model[use-small-avatars] #author-thumbnail.ytd-comment-view-model yt-img-shadow.ytd-comment-view-model { width: 24px; height: 24px; } ytd-comment-view-model[is-reply] #author-thumbnail.ytd-comment-view-model yt-img-shadow.ytd-comment-view-model, ytd-comment-view-model[is-creator-reply] #author-thumbnail.ytd-comment-view-model yt-img-shadow.ytd-comment-view-model { width: 24px; height: 24px; } #author-text.yt-simple-endpoint.ytd-comment-view-model { margin-right: 4px; color: var(--yt-spec-text-primary); padding-bottom: 2px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } #header-author.ytd-comment-view-model > h3.ytd-comment-view-model { min-width: 0px; } #author-thumbnail-button.ytd-comment-view-model { background: none; border: none; padding: 0px; cursor: pointer; } .channel-owner.ytd-comment-view-model { background-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-primary-inverse); } #author-comment-badge.ytd-comment-view-model, #sponsor-comment-badge.ytd-comment-view-model { min-width: 0px; max-width: 100%; box-sizing: border-box; padding-right: 4px; } #published-time-text.ytd-comment-view-model { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); white-space: nowrap; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #content-text.ytd-comment-view-model { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-call-to-action); --yt-endpoint-visited-color: var(--yt-spec-call-to-action); color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem; } #expander.ytd-comment-view-model { --ytd-expander-button-margin: 4px 0 0 0; } ytd-comment-view-model[has-voice-reply] #expander.ytd-comment-view-model { background-color: var(--yt-spec-additive-background); padding: 8px 12px; border-radius: 8px; width: max-content; max-width: fit-content; } .more-button.ytd-comment-view-model, .less-button.ytd-comment-view-model { text-transform: none; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .translate-button.ytd-comment-view-model { margin: 4px 0px 0px; padding: 0px; text-transform: none; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .translate-button.ytd-comment-view-model:hover, .translate-button.ytd-comment-view-model:focus, .more-button.ytd-comment-view-model:hover, .more-button.ytd-comment-view-model:focus, .less-button.ytd-comment-view-model:hover, .less-button.ytd-comment-view-model:focus { text-decoration: underline; } ytd-comment-view-model[is-creator-reply] { margin-left: 56px; margin-top: 8px; } #action-buttons.ytd-comment-view-model { margin-top: 4px; } ytd-comment-view-model[no-actions] #action-buttons.ytd-comment-view-model { display: none; } ytd-comment-view-model[optimal-reading-width-comments] #action-menu.ytd-comment-view-model { position: absolute; top: -12px; right: 0px; } tp-yt-paper-spinner-lite.ytd-comment-view-model { margin: auto; display: none; } tp-yt-paper-spinner-lite.ytd-comment-view-model[active] { display: block; } #paid-comment-chip.ytd-comment-view-model { margin-right: 5px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #paid-comment-background.ytd-comment-view-model { overflow: hidden; position: absolute; height: calc(100% - var(--ytd-decorated-comment-background-offset-top,0px) - var(--ytd-decorated-comment-reply-box-height-offset,0px)); width: calc(100% - var(--ytd-decorated-comment-background-offset-top,0px)); margin-bottom: var(--ytd-decorated-comment-background-offset-top,0); background-color: var(--ytd-comment-paid-background-color); border-radius: 4px; margin-top: calc(var(--ytd-decorated-comment-background-offset-top,0px)*-1); margin-left: calc(var(--ytd-decorated-comment-background-offset-left,0px)*-1); padding-top: var(--ytd-decorated-comment-background-offset-top,0); padding-left: var(--ytd-decorated-comment-background-offset-left,0); } ytd-comment-view-model:not([pinned]) #pinned-comment-badge.ytd-comment-view-model { display: none; } ytd-comment-view-model:not([linked]) #linked-comment-badge.ytd-comment-view-model { display: none; } ytd-comment-view-model:not([has-author-badge]) #author-comment-badge.ytd-comment-view-model { display: none; } ytd-comment-view-model:not([has-sponsor-badge]) #sponsor-comment-badge.ytd-comment-view-model { display: none; } #error-text.ytd-comment-view-model { padding-top: 4px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-tri-state-button-view-model { display: inline-block; } tp-yt-paper-button.ytd-tri-state-button-view-model { text-decoration: inherit; text-transform: inherit; margin: 0px; padding: 0px; } ytd-comment-simplebox-renderer { --paper-input-container-input-align: baseline; margin-right: 16px; display: flex; flex-flow: wrap; align-items: flex-start; } #author-thumbnail.ytd-comment-simplebox-renderer { width: 40px; height: 40px; margin-right: 16px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } ytd-comment-simplebox-renderer[use-small-avatars] #author-thumbnail.ytd-comment-simplebox-renderer { width: 24px; height: 24px; margin-right: 12px; } ytd-comment-simplebox-renderer[engagement-panel][use-small-avatars-engagement-panel-only] #author-thumbnail.ytd-comment-simplebox-renderer { width: 24px; height: 24px; margin-right: 12px; } #comment-dialog.ytd-comment-simplebox-renderer { flex: 1 1 1e-09px; min-width: 0px; } #simplebox-placeholder.ytd-comment-simplebox-renderer { color: var(--yt-spec-text-secondary); outline: none; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #placeholder-area.ytd-comment-simplebox-renderer { cursor: text; padding-bottom: 4px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); flex: 1 1 1e-09px; } #attachments.ytd-comment-simplebox-renderer { margin-left: 56px; flex-basis: 100%; display: flex; flex-direction: row; } #attachments.ytd-comment-simplebox-renderer ytd-button-renderer.ytd-comment-simplebox-renderer { --yt-button-color: var(--yt-spec-icon-inactive); } ytd-comment-thread-renderer { display: block; margin-bottom: var(--ytd-comment-thread-margin-bottom,16px); } ytd-comment-thread-renderer[add-hover-effect]:not([engagement-panel]) { border-radius: 4px; cursor: pointer; transition: box-shadow 0.3s cubic-bezier(0.05, 0, 0, 1), background-color 0.3s cubic-bezier(0.05, 0, 0, 1); } ytd-comment-thread-renderer[add-hover-effect]:not([engagement-panel]):hover { background-color: var(--yt-spec-additive-background); box-shadow: 0 0 0 8px var(--yt-spec-additive-background); cursor: pointer; } ytd-comment-thread-renderer[add-hover-effect]:not([engagement-panel]):active { background-color: var(--yt-spec-outline); box-shadow: 0 0 0 8px var(--yt-spec-outline); cursor: pointer; } #comment.ytd-comment-thread-renderer { margin-bottom: calc(var(--ytd-decorated-comment-background-offset-bottom,0px)*-1); padding-bottom: var(--ytd-decorated-comment-background-offset-bottom,0); } ytd-comments-header-renderer { --paper-input-container-input-align: baseline; margin-top: var(--comments-header-renderer-margin-top,24px); margin-bottom: var(--comments-header-renderer-margin-bottom,32px); display: flex; flex-direction: column; } ytd-comments-header-renderer[compact-header] { margin-top: 24px; margin-bottom: 24px; } ytd-comments-header-renderer #leading-section.ytd-comments-header-renderer, #additional-section.ytd-comments-header-renderer { display: flex; flex-direction: row; align-items: center; } ytd-comments-header-renderer[is-backstage] { margin-bottom: 24px; } ytd-comments-header-renderer[engagement-panel] { margin: 0px; padding: 16px; border-top: 1px solid var(--yt-spec-10-percent-layer); } .count-text.ytd-comments-header-renderer { vertical-align: middle; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-comments-header-renderer:not([use-space-between]):not([compact-header]) yt-sort-filter-sub-menu-renderer.ytd-comments-header-renderer { margin-top: -3px; } ytd-alert-with-button-renderer.ytd-comments-header-renderer { margin: 0px 0px 24px; } #title.ytd-comments-header-renderer { margin-bottom: 24px; display: flex; flex-direction: row; align-items: center; justify-content: start; } ytd-comments-header-renderer[compact-header] #title.ytd-comments-header-renderer { margin-bottom: 12px; } ytd-comments-header-renderer[use-space-between] #title.ytd-comments-header-renderer { justify-content: space-between; } ytd-comments-header-renderer[use-space-between] #sort-menu.ytd-comments-header-renderer { margin-right: 8px; } #count.ytd-comments-header-renderer { display: inline-block; margin: 0px 32px 0px 0px; align-items: center; } ytd-comments-header-renderer[modern-typography] .count-text.ytd-comments-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-comments-header-renderer[modern-typography] .count-text.ytd-comments-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-comments-header-renderer[modern-typography][compact-header] .count-text.ytd-comments-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #panel-button.ytd-comments-header-renderer { --yt-button-icon-padding: 0; --yt-button-icon-size: 24px; } yt-formatted-string.ytd-comments-header-renderer { color: var(--yt-spec-text-primary); } #toggle-button.ytd-comments-header-renderer { margin-left: auto; } #red-commenting-text.ytd-comments-header-renderer { color: var(--yt-spec-text-secondary); } #red-commenting-div.ytd-comments-header-renderer { margin-top: -4px; padding: 0px 0px 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #red-commenting-text.ytd-comments-header-renderer:empty { display: none; } ytd-post-stream-filter-renderer.ytd-comments-header-renderer { margin-top: 24px; } ytd-backstage-zero-state-renderer.ytd-comments-header-renderer { margin: 16px 0px; } ytd-post-filter-zero-state-renderer.ytd-comments-header-renderer { margin: 32px 0px 16px; } ytd-post-scheduling-zero-state-renderer.ytd-comments-header-renderer { margin: 72px 0px 16px; } ytd-backstage-prefilled-post-dialog-header-renderer.ytd-comments-header-renderer { margin-bottom: 16px; } ytd-destination-button-renderer { width: 210px; background-color: var(--yt-spec-additive-background); border-radius: 8px; display: flex; } ytd-destination-button-renderer:hover { background-color: var(--yt-spec-button-chip-background-hover); } #destination-content-root.ytd-destination-button-renderer { width: 100%; display: flex; flex-direction: column; align-items: flex-start; } #destination-icon.ytd-destination-button-renderer { margin: 20px 20px 4px; } #destination-label-wrapper.ytd-destination-button-renderer { margin: 0px 20px 12px; height: 48px; max-height: 48px; display: flex; align-items: center; } #destination-label.ytd-destination-button-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4.4rem; -webkit-line-clamp: 2; } ytd-destination-shelf-renderer { position: relative; display: flex; flex-direction: column; } ytd-destination-shelf-renderer[is-rich-grid] { width: 100%; } #header.ytd-destination-shelf-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); display: flex; flex-direction: column; } #title.ytd-destination-shelf-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 400; } #subtitle.ytd-destination-shelf-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-destination-shelf-renderer[modern-typography] #title.ytd-destination-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-destination-shelf-renderer[modern-typography] #title.ytd-destination-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-destination-shelf-renderer[modern-typography] #subtitle.ytd-destination-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #destination-buttons.ytd-destination-shelf-renderer { overflow-y: hidden; width: 100%; margin-top: 12px; margin-bottom: 8px; margin-right: -4px; display: flex; flex-flow: wrap; justify-content: flex-start; } #destination-buttons.ytd-destination-shelf-renderer > .ytd-destination-shelf-renderer { margin-right: 4px; margin-bottom: 4px; } ytd-destination-shelf-renderer[is-rich-grid] #destination-buttons.ytd-destination-shelf-renderer > ytd-destination-button-renderer.ytd-destination-shelf-renderer { width: calc(100%/(var(--ytd-rich-grid-items-per-row) + 1) - var(--ytd-rich-grid-item-margin) - .01px); margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); margin-bottom: var(--ytd-rich-grid-item-margin); } #show-more-button.ytd-destination-shelf-renderer { display: none; margin: 0px; cursor: pointer; width: 100%; padding-top: 20px; padding-bottom: 20px; background: linear-gradient(rgba(0,0,0,0),var(--yt-spec-general-background-a)); position: absolute; z-index: 200; } #show-more-button.ytd-destination-shelf-renderer:hover { background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--yt-spec-general-background-b); } #show-more-button-icon.ytd-destination-shelf-renderer { color: var(--yt-spec-icon-inactive); } ytd-destination-shelf-renderer[fully-visible-rows="1"][is-show-more-visible] #destination-buttons.ytd-destination-shelf-renderer { max-height: 184px; } ytd-destination-shelf-renderer[fully-visible-rows="2"][is-show-more-visible] #destination-buttons.ytd-destination-shelf-renderer { max-height: 304px; } ytd-destination-shelf-renderer[is-rich-grid][fully-visible-rows="1"][is-show-more-visible] #destination-buttons.ytd-destination-shelf-renderer { max-height: 196px; } ytd-destination-shelf-renderer[is-rich-grid][fully-visible-rows="2"][is-show-more-visible] #destination-buttons.ytd-destination-shelf-renderer { max-height: 328px; } ytd-destination-shelf-renderer[is-show-more-visible] #show-more-button.ytd-destination-shelf-renderer { bottom: 8px; display: flex; align-items: center; justify-content: center; } .thumbnail.ytd-brandconnect-cta-shelf-card-renderer { height: 112px; width: 112px; } .cta-renderer.ytd-brandconnect-cta-shelf-card-renderer { display: flex; flex-direction: row; position: relative; border-bottom: 6px solid var(--yt-spec-10-percent-layer); padding-bottom: 12px; margin-bottom: 12px; } .provider-details.ytd-brandconnect-cta-shelf-card-renderer { display: flex; flex-direction: column; justify-content: space-between; height: 100px; margin-left: 4px; padding-top: 8px; padding-bottom: 8px; } ytd-button-renderer.ytd-brandconnect-cta-shelf-card-renderer { --yt-button-padding: 0px 8px; } #header-line.ytd-brandconnect-cta-shelf-card-renderer { font-size: 1rem; font-weight: 400; line-height: 1.4rem; color: var(--yt-spec-text-secondary); margin-left: 8px; } #brand-name.ytd-brandconnect-cta-shelf-card-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; color: var(--yt-spec-text-primary); margin-left: 8px; } #description.ytd-brandconnect-cta-shelf-card-renderer { font-family: Roboto, Arial, sans-serif; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; color: var(--yt-spec-text-secondary); margin-left: 8px; max-width: 200px; } #information-button.ytd-brandconnect-cta-shelf-card-renderer { --yt-button-color: var(--yt-spec-icon-active-other); right: 4px; position: absolute; } ytd-rating-survey-option-renderer { color: var(--yt-spec-text-primary); } yt-icon-button.ytd-rating-survey-option-renderer { box-sizing: content-box; padding: 12px; } ytd-rating-survey-option-renderer[is-shorts-style] { color: var(--yt-spec-static-overlay-text-primary); } ytd-rating-survey-option-renderer[is-shorts-style] yt-icon-button.ytd-rating-survey-option-renderer { width: 36px; height: 36px; padding: 8px; } ytd-rating-survey-option-renderer[is-slimline-survey], ytd-rating-survey-option-renderer[is-slimline-survey-follow-up] { color: var(--yt-spec-text-primary); } ytd-rating-survey-option-renderer[is-slimline-survey] yt-icon-button.ytd-rating-survey-option-renderer, ytd-rating-survey-option-renderer[is-slimline-survey-follow-up] yt-icon-button.ytd-rating-survey-option-renderer { width: 36px; height: 36px; padding: 8px; } ytd-rating-survey-renderer { display: flex; flex-direction: column; align-items: flex-start; } #selection-panel.ytd-rating-survey-renderer { width: 100%; display: flex; flex-direction: column; flex: 1 1 1e-09px; justify-content: center; } #options.ytd-rating-survey-renderer { display: flex; flex-direction: row; justify-content: space-between; } #ratings.ytd-rating-survey-renderer { width: 100%; margin-left: 8px; margin-right: 16px; justify-content: space-between; display: flex; flex-direction: row; align-items: center; align-self: flex-start; } ytd-button-renderer.ytd-rating-survey-renderer { margin-top: 8px; } #selected-response-icon.ytd-rating-survey-renderer { color: var(--yt-spec-text-primary); margin-bottom: 16px; margin-left: 16px; margin-top: 16px; } ytd-rating-survey-renderer[is-shorts-style] { display: flex; flex-direction: row; justify-content: space-between; } ytd-rating-survey-renderer[is-shorts-style] #ratings.ytd-rating-survey-renderer { margin-right: 8px; display: flex; flex-direction: row; justify-content: space-between; } ytd-rating-survey-renderer[is-shorts-style] #selected-response-icon.ytd-rating-survey-renderer { color: var(--yt-spec-static-overlay-text-primary); } ytd-rating-survey-renderer[is-shorts-style] #bottom-text-container.ytd-rating-survey-renderer { width: 100%; margin-top: 4px; margin-bottom: 4px; display: flex; flex-direction: row; justify-content: space-between; } ytd-rating-survey-renderer[is-shorts-style] #first-response-text.ytd-rating-survey-renderer, ytd-rating-survey-renderer[is-shorts-style] #last-response-text.ytd-rating-survey-renderer { color: var(--yt-spec-static-overlay-text-primary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-rating-survey-renderer[is-shorts-style] #first-response-text.ytd-rating-survey-renderer { margin-left: 16px; } ytd-rating-survey-renderer[is-shorts-style] #last-response-text.ytd-rating-survey-renderer { margin-right: 16px; } ytd-rating-survey-renderer[is-slimline-survey] #ratings.ytd-rating-survey-renderer { margin-right: 8px; } ytd-rating-survey-renderer[is-slimline-survey] #bottom-text-container.ytd-rating-survey-renderer { width: 100%; margin-top: 4px; margin-bottom: 4px; display: flex; flex-direction: row; justify-content: space-between; } ytd-rating-survey-renderer[is-slimline-survey] #first-response-text.ytd-rating-survey-renderer, ytd-rating-survey-renderer[is-slimline-survey] #last-response-text.ytd-rating-survey-renderer { color: var(--yt-spec-text-primary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-rating-survey-renderer[is-slimline-survey-follow-up] #ratings.ytd-rating-survey-renderer { margin-right: 8px; } ytd-rating-survey-renderer[is-slimline-survey-follow-up] #not-sure-button.ytd-rating-survey-renderer, ytd-rating-survey-renderer[is-slimline-survey-follow-up] #undo-button.ytd-rating-survey-renderer { display: none; } ytd-report-history-section-header-renderer { display: block; } .filter.ytd-report-history-section-header-renderer:not(:first-of-type) { margin-left: 24px; } ytd-date-period-picker-renderer { display: flex; flex-direction: column; overflow: hidden; width: 352px; } form.ytd-date-period-picker-renderer { margin: 0px; display: flex; align-items: center; } .error-message.ytd-date-period-picker-renderer { color: var(--yt-spec-error-indicator); height: 18px; margin-bottom: 4px; margin-top: -12px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #separator.ytd-date-period-picker-renderer { padding: 0px 8px; text-align: center; } #calendar.ytd-date-period-picker-renderer { min-height: 0px; flex: 1 1 1e-09px; } #control-area.ytd-date-period-picker-renderer { margin: 0px 20px; flex: 0 0 auto; } #buttons.ytd-date-period-picker-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); padding: 8px 16px; display: flex; justify-content: flex-end; flex: 0 0 auto; } #buttons.ytd-date-period-picker-renderer ytd-button-renderer.ytd-date-period-picker-renderer { margin-right: 8px; flex: 0 0 auto; } yt-text-input-form-field-renderer.ytd-date-period-picker-renderer { --paper-input-container-floated-label-placeholder-display: none; --paper-input-container-shared-input-style-padding: 4px 0; text-align: center; } ytd-scrollable-calendar { --ytd-scrollable-calendar-row-width: 312px; min-height: 250px; display: flex; flex-direction: row; } .calendar-container.ytd-scrollable-calendar { background-color: var(--yt-spec-brand-background-solid); max-width: calc(var(--ytd-scrollable-calendar-row-width) + 25px); flex: 1 1 1e-09px; display: flex; flex-direction: column; } .calendar-header.ytd-scrollable-calendar { background-color: var(--yt-spec-brand-background-solid); border-bottom: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; padding: 0px 16px 16px; display: flex; flex-direction: row; } #calendar-main.ytd-scrollable-calendar { padding: 0px 16px; overflow: hidden auto; flex: 1 1 1e-09px; } .calendar-month.ytd-scrollable-calendar { display: inline-block; } .calendar-month-label.ytd-scrollable-calendar { color: var(--yt-spec-text-secondary); margin-left: 16px; margin-top: 12px; font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } .calendar-month-label.shift-down-label.ytd-scrollable-calendar { position: absolute; } .calendar-week.ytd-scrollable-calendar { margin-left: 8px; width: var(--ytd-scrollable-calendar-row-width); display: flex; flex-direction: row; } .calendar-header-day.ytd-scrollable-calendar { width: 40px; display: flex; align-items: center; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .calendar-header-day.ytd-scrollable-calendar:first-of-type { margin-left: 8px; } .calendar-day.ytd-scrollable-calendar { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .calendar-header-day.ytd-scrollable-calendar { color: var(--yt-spec-text-disabled); } .calendar-day.ytd-scrollable-calendar { color: var(--yt-spec-text-primary); cursor: pointer; position: relative; } .calendar-day.ytd-scrollable-calendar:hover:not(.disabled)::after, .calendar-day.today.ytd-scrollable-calendar::after, .calendar-day.selected.ytd-scrollable-calendar::after, .calendar-day.period-start.ytd-scrollable-calendar::after, .calendar-day.period-end.ytd-scrollable-calendar::after { border-radius: 100%; inset: 2px; content: ""; position: absolute; z-index: -1; } .calendar-day.today.ytd-scrollable-calendar::after { box-shadow: inset 0 0 0 1px var(--yt-spec-text-disabled); } .calendar-day.ytd-scrollable-calendar:hover:not(.disabled) { color: var(--yt-spec-text-primary); } .calendar-day.ytd-scrollable-calendar:hover:not(.disabled)::after { background: var(--yt-spec-general-background-c); } .calendar-day.selected.ytd-scrollable-calendar { color: var(--yt-spec-text-primary-inverse); } .calendar-day.period-start.ytd-scrollable-calendar:not(.selected):hover::after, .calendar-day.period-end.ytd-scrollable-calendar:not(.selected):hover::after { background: var(--yt-spec-general-background-c); } .calendar-day.period-start.ytd-scrollable-calendar:not(.selected)::after, .calendar-day.period-end.ytd-scrollable-calendar:not(.selected)::after { background: var(--yt-spec-call-to-action); } .calendar-day.selected.ytd-scrollable-calendar::after { background: var(--yt-spec-call-to-action); } .calendar-day.disabled.ytd-scrollable-calendar { color: var(--yt-spec-text-disabled); cursor: default; pointer-events: none; } .calendar-day.highlighted.ytd-scrollable-calendar { color: var(--yt-spec-text-primary); } .calendar-day.highlighted.period-start.ytd-scrollable-calendar:not(:hover), .calendar-day.highlighted.period-end.ytd-scrollable-calendar:not(:hover) { color: var(--yt-spec-text-primary-inverse); } .calendar-day.highlighted.ytd-scrollable-calendar::before { background-color: var(--yt-spec-suggested-action); content: ""; height: 36px; left: 0px; position: absolute; top: 2px; width: 40px; z-index: -1; } .calendar-day.highlighted.ytd-scrollable-calendar:not(.selected)::before { left: 0px; width: 40px; } .calendar-day.highlighted.period-start.ytd-scrollable-calendar::before { left: 20px; width: 20px; } .calendar-day.highlighted.period-end.ytd-scrollable-calendar::before { left: 0px; width: 20px; } .calendar-day.period-start.period-end.ytd-scrollable-calendar::before { background-color: transparent; } .invisible.ytd-scrollable-calendar { visibility: hidden; } ytd-report-history-table-cell-renderer { display: inline-block; } ytd-report-history-table-reason-cell-renderer { display: inline-block; } #show-all-reasons.ytd-report-history-table-reason-cell-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-call-to-action); margin-top: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-report-history-table-text-cell-renderer { display: flex; } .icon-wrapper.ytd-report-history-table-text-cell-renderer { color: var(--yt-spec-text-primary); margin-right: 8px; width: 24px; } yt-formatted-string.ytd-report-history-table-text-cell-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-call-to-action); --yt-endpoint-visited-color: var(--yt-spec-call-to-action); display: block; } .text.ytd-report-history-table-text-cell-renderer { margin-top: 2px; overflow: hidden; } .main-text.ytd-report-history-table-text-cell-renderer { color: var(--main-text-color,var(--yt-spec-text-primary)); margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .sub-text.ytd-report-history-table-text-cell-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-report-history-table-row-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding: 16px 0px; } ytd-report-history-table-row-renderer, #row-container.ytd-report-history-table-row-renderer { width: 100%; display: flex; } ytd-report-history-table-cell-renderer.ytd-report-history-table-row-renderer { width: 100%; } ytd-report-history-table-row-renderer[component-style="COMPACT_ROW"] { border-bottom: none; padding: 8px 0px; } ytd-report-history-table-row-renderer[component-style="COMPACT_ROW"] ytd-report-history-table-cell-renderer.date.ytd-report-history-table-row-renderer { --main-text-color: var(--yt-spec-text-secondary); } ytd-report-reason-history-modal-renderer { display: block; min-width: 400px; max-width: 500px; } ytd-report-reason-history-modal-renderer.style-scope { margin: 0px; padding: 0px; } #report-history-modal-body.ytd-report-reason-history-modal-renderer { padding: 24px; } .title.ytd-report-reason-history-modal-renderer { color: var(--yt-spec-text-primary); margin-bottom: 20px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #content-info.ytd-report-reason-history-modal-renderer { margin-bottom: 12px; } #scroller.ytd-report-reason-history-modal-renderer { height: 250px; width: 100%; overflow: auto; --paper-dialog-scrollable-padding: 0; } #report-history-modal-footer.ytd-report-reason-history-modal-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); padding: 8px 4px; display: flex; justify-content: flex-end; } #table-header.ytd-table-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding: 16px 0px; display: flex; } .cell-header.ytd-table-renderer { color: var(--yt-spec-text-disabled); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-page-introduction-renderer { min-height: 180px; color: var(--yt-spec-text-primary); display: flex; } #primary-content.ytd-page-introduction-renderer { width: 100%; flex-grow: 1; padding-top: 48px; justify-content: space-between; display: flex; flex-direction: row; } yt-icon.ytd-page-introduction-renderer { height: 180px; width: 180px; min-width: 40px; min-height: 40px; } #name.ytd-page-introduction-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } #title.ytd-page-introduction-renderer { margin: 40px 0px 12px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #text.ytd-page-introduction-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #introduction-text.ytd-page-introduction-renderer { padding-bottom: 24px; } .introduction-bullet-items.ytd-page-introduction-renderer { margin: 8px 12px; } .introduction-bullet-items.ytd-page-introduction-renderer li.ytd-page-introduction-renderer, .introduction-additional-lines.ytd-page-introduction-renderer p.ytd-page-introduction-renderer { padding-bottom: 4px; } .introduction-bullet-items.ytd-page-introduction-renderer li.ytd-page-introduction-renderer yt-formatted-string.ytd-page-introduction-renderer { vertical-align: middle; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .introduction-additional-lines.ytd-page-introduction-renderer { margin-bottom: 12px; } #report-stats.ytd-page-introduction-renderer { flex-grow: 1; margin-bottom: 12px; margin-left: 16px; margin-top: -24px; } ytd-profile-column-renderer { margin-left: 32px; display: flex; flex-direction: column; flex: 0 0 auto; align-items: center; } #items.ytd-profile-column-renderer > .ytd-profile-column-renderer { margin-bottom: 20px; } ytd-profile-column-stats-entry-renderer { color: var(--yt-spec-text-secondary); padding: 10px 0px; display: flex; flex-direction: row; } #label.ytd-profile-column-stats-entry-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; flex: 1 1 auto; } #value.ytd-profile-column-stats-entry-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-profile-column-stats-renderer { display: inline-block; width: 178px; } #items.ytd-profile-column-stats-renderer > .ytd-profile-column-stats-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #items.ytd-profile-column-stats-renderer > .ytd-profile-column-stats-renderer:first-child { border-top: 1px solid var(--yt-spec-10-percent-layer); } ytd-profile-column-user-info-renderer { width: 178px; display: flex; flex-direction: column; align-items: center; } ytd-profile-column-user-info-renderer[component-style="NON_CENTERED_PROFILE"] { width: 250px; align-items: flex-start; } ytd-profile-column-user-info-renderer[component-style="NON_CENTERED_PROFILE"] #thumbnail.ytd-profile-column-user-info-renderer { border-radius: 0px; margin: 88px 0px 16px; width: unset; height: unset; } #thumbnail.ytd-profile-column-user-info-renderer { width: 80px; height: 80px; margin: 88px 16px 16px; border-radius: 50%; background-color: transparent; overflow: hidden; } #title.ytd-profile-column-user-info-renderer { color: var(--yt-spec-text-primary); margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #subtitle.ytd-profile-column-user-info-renderer { color: var(--yt-spec-text-secondary); margin-bottom: 4px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-report-description-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: flex; flex-direction: row; } .report-description-vertical-line.ytd-report-description-renderer { border-left: 2px solid var(--yt-spec-10-percent-layer); margin: 14px -5px 13px 20px; } .report-description.ytd-report-description-renderer { min-width: 0px; display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 auto; } .report-description-item.ytd-report-description-renderer { min-width: 0px; display: flex; flex-direction: row; } .report-description-bullet.ytd-report-description-renderer { min-width: 0px; border-radius: 50%; width: 8px; height: 8px; margin-top: 6px; margin-right: 10px; flex: 0 0 auto; } .report-description-upper-bullet.ytd-report-description-renderer { margin-top: 6px; background: var(--yt-spec-10-percent-layer); } .report-description-lower-bullet.ytd-report-description-renderer { margin-top: 4px; background: var(--yt-spec-text-disabled); } .report-state.ytd-report-description-renderer { min-width: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .report-receipt.ytd-report-description-renderer { min-width: 0px; white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word; margin-bottom: 16px; } ytd-report-history-section-renderer { color: var(--yt-spec-text-primary); display: block; } #items.ytd-report-history-section-renderer > .ytd-report-history-section-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding: 16px 0px 20px; } #header.ytd-report-history-section-renderer { margin-bottom: 4px; } .table-container.ytd-report-history-section-renderer { position: relative; } .spinner-container.ytd-report-history-section-renderer { background: var(--yt-spec-brand-background-solid); opacity: 0.5; display: flex; align-items: center; justify-content: center; position: absolute; inset: 0px; } #unified-report-history.ytd-report-history-section-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); padding-top: 20px; overflow-x: auto; } ytd-video-report-renderer { --paper-input-container-input-align: baseline; color: var(--yt-spec-text-primary); display: flex; flex-direction: row; } .report-info.ytd-video-report-renderer { min-width: 200px; padding: 4px; overflow: hidden; display: flex; flex-direction: column; flex: 1 1 1e-09px; } .report-info.ytd-video-report-renderer yt-formatted-string.ytd-video-report-renderer { margin-bottom: 4px; } .report-subtitle.ytd-video-report-renderer { white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } .report-thumbnail.ytd-video-report-renderer { background-color: var(--yt-spec-10-percent-layer); height: 54px; margin-right: 16px; width: 96px; } @media screen and (max-width: 712px) { .report-thumbnail.ytd-video-report-renderer { display: none; } } .report-title.ytd-video-report-renderer { white-space: pre-wrap; overflow-wrap: break-word; word-break: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #description.ytd-video-report-renderer { overflow: hidden; display: flex; flex-direction: row; flex: 1 1 1e-09px; } ytd-message-renderer { padding: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; } ytd-message-renderer[shelf] { padding: 0px 0px 24px; align-items: flex-start; } ytd-message-renderer[panel] { padding: 8px 24px; align-items: flex-start; } #message.ytd-message-renderer { color: var(--yt-message-renderer-text-color,var(--yt-spec-text-primary)); text-align: var(--yt-message-renderer-text-align,initial); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #submessage.ytd-message-renderer { color: var(--yt-spec-text-secondary); text-align: var(--yt-message-renderer-text-align,initial); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #message.ytd-message-renderer, #submessage.ytd-message-renderer { max-width: 100%; overflow-wrap: break-word; } #message.ytd-message-renderer:not([hidden]) + #submessage.ytd-message-renderer { margin-top: 16px; } #message-button.ytd-message-renderer:not(:empty) { margin-top: 16px; } ytd-message-renderer[component-style="RENDER_STYLE_EMPTY_STATE"] { padding-top: 140px; } ytd-message-renderer[component-style="RENDER_STYLE_EMPTY_STATE"] yt-icon.ytd-message-renderer { height: 96px; width: 96px; color: var(--yt-spec-icon-inactive); } ytd-message-renderer[component-style="RENDER_STYLE_EMPTY_STATE"] #message.ytd-message-renderer:not([hidden]) { margin-top: 24px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } ytd-message-renderer[component-style="RENDER_STYLE_EMPTY_STATE"] #submessage.ytd-message-renderer:not([hidden]) { margin-top: 8px; color: var(--yt-spec-text-primary); } ytd-message-renderer[component-style="RENDER_STYLE_EMPTY_STATE"] #message-button.ytd-message-renderer:not(:empty) { margin-top: 24px; } ytd-message-renderer[component-style="RENDER_STYLE_DIALOG"] { max-width: 400px; margin-left: 16px; margin-right: 16px; } ytd-message-renderer[component-style="RENDER_STYLE_SIMPLE_HEADER"] { padding: 8px 12px; align-items: flex-start; } ytd-message-renderer[component-style="RENDER_STYLE_SIMPLE_HEADER"] #message.ytd-message-renderer:not([hidden]) + #submessage.ytd-message-renderer { margin-top: 4px; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; } ytd-message-renderer[component-style="RENDER_STYLE_SHORTS_SURVEYS"] #message.ytd-message-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } ytd-message-renderer[component-style="RENDER_STYLE_BANNER_PANEL"] { background-color: var(--yt-spec-general-background-a); display: flex; flex-direction: row; align-items: center; justify-content: flex-start; } ytd-message-renderer[component-style="RENDER_STYLE_BANNER_PANEL"] #message.ytd-message-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-message-renderer[component-style="RENDER_STYLE_BANNER_PANEL"] yt-icon.ytd-message-renderer { width: 12px; height: 12px; margin-right: 16px; } ytd-message-renderer[component-style="RENDER_STYLE_BANNER_PANEL"] #message-button.ytd-message-renderer:not(:empty) { margin-top: 0px; margin-left: auto; } ytd-message-renderer[component-style="RENDER_STYLE_BANNER_PANEL"] #message-button.ytd-message-renderer:not(:empty) > .ytd-message-renderer:first-child { margin-left: 12px; } ytd-message-renderer[component-style="RENDER_STYLE_PANEL"] { padding: 8px 12px 8px 16px; } ytd-message-renderer[panel][component-style="RENDER_STYLE_BANNER_PANEL"] { padding: 8px 12px 8px 16px; } ytd-message-renderer[component-style="RENDER_STYLE_NO_PADDING"] { padding: 0px; } ytd-message-renderer[component-style="RENDER_STYLE_VERTICAL_CENTERED"] { align-items: center; background: var(--yt-spec-base-background); } ytd-message-renderer[component-style="RENDER_STYLE_VERTICAL_CENTERED"] #message.ytd-message-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; color: var(--yt-spec-text-secondary); text-align: center; } ytd-message-renderer[component-style="RENDER_STYLE_FULL_PAGE_CENTERED"] { margin-top: 50vh; transform: translateY(-100%); } ytd-message-renderer[component-style="RENDER_STYLE_FULL_PAGE_CENTERED"] #message.ytd-message-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } @media (max-width: 527.9px) { ytd-message-renderer[component-style="RENDER_STYLE_FULL_PAGE_CENTERED"] #message.ytd-message-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } ytd-message-renderer[component-style="RENDER_STYLE_FULL_PAGE_CENTERED"] #submessage.ytd-message-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-handles-claiming-faq-renderer { cursor: pointer; border-bottom: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: column; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 400; } .head.ytd-handles-claiming-faq-renderer { display: flex; flex-direction: row; align-items: center; } .answer-arrow.ytd-handles-claiming-faq-renderer { color: var(--yt-spec-text-primary); } .question.ytd-handles-claiming-faq-renderer { color: var(--yt-spec-text-primary); margin: var(--ytd-margin-4x) 0; flex: 1 1 1e-09px; } .answer.ytd-handles-claiming-faq-renderer { display: block; color: var(--yt-spec-text-secondary); margin-bottom: var(--ytd-margin-2x); letter-spacing: var(--ytd-subheadline-letter-spacing); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; } ytd-handles-claiming-faq-section-renderer { padding: 64px 0px; color: var(--yt-spec-text-primary); display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 556; } #wrapper.ytd-handles-claiming-faq-section-renderer { width: 928px; padding: 24px; } #title.ytd-handles-claiming-faq-section-renderer { display: block; margin-bottom: 32px; } ytd-handles-claiming-header-renderer { align-items: center; justify-content: center; display: flex; flex-direction: row; } @keyframes fade-in-slide-left-down { 0% { transform: translateY(-32px) translateX(32px); } 100% { transform: translateY(0px) translateX(0px); } } @keyframes fade-in-slide-right-down { 0% { transform: translateY(-32px) translateX(-32px); } 100% { transform: translateY(0px) translateX(0px); } } #left-container.ytd-handles-claiming-header-renderer, #right-container.ytd-handles-claiming-header-renderer { position: relative; min-height: 500px; min-width: 200px; height: 100%; } #left-image.ytd-handles-claiming-header-renderer { background-image: var(--yt-left-squiggly-background); background-repeat: no-repeat; position: absolute; width: 200px; height: 210px; background-size: contain; transform: rotate(-17.68deg); top: 200px; margin-right: -150px; animation: 2s ease 0s 1 normal forwards running fade-in-slide-right-down; } #right-image.ytd-handles-claiming-header-renderer { background-image: var(--yt-right-squiggly-background); background-repeat: no-repeat; position: absolute; width: 200px; height: 230px; background-size: contain; transform: rotate(-1.5deg); margin-right: 24px; animation: 2s ease 0s 1 normal forwards running fade-in-slide-left-down; } #outer-container.ytd-handles-claiming-header-renderer { color: var(--yt-spec-text-primary); text-align: center; align-items: center; display: flex; flex-direction: column; } #title.ytd-handles-claiming-header-renderer { display: block; text-align: center; max-width: 906px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 700; } #subtitle.ytd-handles-claiming-header-renderer { display: block; text-align: center; word-break: break-word; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 700; } #profile-picture.ytd-handles-claiming-header-renderer { width: 150px; height: 150px; border: 1px solid var(--yt-spec-inverted-background); margin-bottom: 24px; margin-top: 100px; border-radius: 50%; background-color: transparent; overflow: hidden; } #display-name.ytd-handles-claiming-header-renderer { margin-bottom: 40px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 556; } #action-button.ytd-handles-claiming-header-renderer { margin-top: 40px; } #action-button.ytd-handles-claiming-header-renderer ytd-button-renderer.ytd-handles-claiming-header-renderer { width: 320px; } ytd-handles-claiming-title-images-section-renderer { color: var(--yt-spec-static-overlay-text-primary); padding: 100px 0px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 400; } ytd-handles-claiming-title-images-section-renderer:not([is-dark-theme]) { background: var(--yt-spec-static-overlay-background-solid); } #title.ytd-handles-claiming-title-images-section-renderer { margin-bottom: 100px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 556; } #image-container.ytd-handles-claiming-title-images-section-renderer { padding-bottom: 100px; justify-content: center; display: flex; flex-direction: row; } #left-container.ytd-handles-claiming-title-images-section-renderer, #right-container.ytd-handles-claiming-title-images-section-renderer { position: relative; width: 422px; height: 1500px; margin: 0px 56px; display: flex; flex-direction: column; } #image0.ytd-handles-claiming-title-images-section-renderer { position: absolute; top: 96px; } #image1.ytd-handles-claiming-title-images-section-renderer { position: absolute; bottom: 0px; } #image2.ytd-handles-claiming-title-images-section-renderer { position: absolute; top: 96px; } #image3.ytd-handles-claiming-title-images-section-renderer { top: 660px; position: absolute; } #image4.ytd-handles-claiming-title-images-section-renderer { position: absolute; bottom: 0px; } #title0.ytd-handles-claiming-title-images-section-renderer { position: absolute; top: 0px; } #title1.ytd-handles-claiming-title-images-section-renderer { position: absolute; top: 980px; } #title2.ytd-handles-claiming-title-images-section-renderer { position: absolute; top: 0px; } #title3.ytd-handles-claiming-title-images-section-renderer { position: absolute; top: 580px; } #title4.ytd-handles-claiming-title-images-section-renderer { position: absolute; top: 1040px; } .image-title.ytd-handles-claiming-title-images-section-renderer { width: 100%; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 369; } #background-image0.ytd-handles-claiming-title-images-section-renderer { background-image: var(--yt-image0-squiggly-background); background-repeat: no-repeat; background-size: contain; position: absolute; width: 220px; height: 200px; top: 20px; left: -120px; } #background-image1.ytd-handles-claiming-title-images-section-renderer { background-image: var(--yt-image1-squiggly-background); background-repeat: no-repeat; background-size: contain; position: absolute; width: 160px; height: 240px; bottom: -160px; left: 80px; } #background-image3.ytd-handles-claiming-title-images-section-renderer { background-image: var(--yt-image3-squiggly-background); background-repeat: no-repeat; background-size: contain; position: absolute; width: 280px; height: 330px; top: 875px; left: 305px; } ytd-handles-claiming-update-social-renderer { color: var(--yt-spec-text-primary); text-align: center; display: flex; flex-direction: row; justify-content: center; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 500; } .yt-simple-endpoint.ytd-handles-claiming-update-social-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } #wrapper.ytd-handles-claiming-update-social-renderer { max-width: 906px; align-items: center; justify-content: center; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #title.ytd-handles-claiming-update-social-renderer { padding-top: 96px; padding-bottom: 40px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 556; } #primary-url.ytd-handles-claiming-update-social-renderer { margin-bottom: 24px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 556; } #social-title.ytd-handles-claiming-update-social-renderer { max-width: 440px; margin-bottom: 24px; margin-top: 56px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #channel-info.ytd-handles-claiming-update-social-renderer { margin-bottom: 12px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #primary-channel-url.ytd-handles-claiming-update-social-renderer { background: rgb(230, 239, 254); border-radius: 7px; padding: 8px 20px; color: rgb(0, 0, 178); } ytd-handles-claiming-update-social-renderer[is-dark-theme] #primary-channel-url.ytd-handles-claiming-update-social-renderer { background: rgb(164, 197, 255); } #copy-icon-button.ytd-handles-claiming-update-social-renderer { vertical-align: middle; display: inline-flex; } #copy-icon.ytd-handles-claiming-update-social-renderer { margin-left: 4px; } #copy-icon.ytd-handles-claiming-update-social-renderer { --iron-icon-width: 24px; --iron-icon-height: 24px; } #socials-container.ytd-handles-claiming-update-social-renderer { gap: 32px; display: flex; flex-direction: row; } ytd-handles-claiming-vanity-info-renderer { --yt-spec-call-to-action: var(--yt-spec-static-overlay-background-solid); color: var(--yt-spec-text-primary); justify-content: center; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; display: flex; flex-direction: row; } #wrapper.ytd-handles-claiming-vanity-info-renderer { max-width: 1042px; display: flex; flex-direction: column; } #info-text.ytd-handles-claiming-vanity-info-renderer { display: block; margin-bottom: 48px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #vanity-title.ytd-handles-claiming-vanity-info-renderer { display: block; margin-bottom: 68px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 556; } #info-title.ytd-handles-claiming-vanity-info-renderer { display: block; margin: 40px 0px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 556; } #vanities.ytd-handles-claiming-vanity-info-renderer { display: block; } .vanity.ytd-handles-claiming-vanity-info-renderer { display: block; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #text-pic-container.ytd-handles-claiming-vanity-info-renderer { gap: 48px; margin-bottom: 100px; display: flex; flex-direction: row; } #text-container.ytd-handles-claiming-vanity-info-renderer { margin: 64px 0px; flex: 1 1 1e-09px; } #pic-container.ytd-handles-claiming-vanity-info-renderer { background-image: var(--yt-squiggly-background); background-repeat: no-repeat; margin-top: 48px; min-height: 500px; flex: 1 1 1e-09px; } ytd-handles-claiming-vanity-info-renderer[is-dark-theme] #vanity-container.ytd-handles-claiming-vanity-info-renderer { background: rgb(164, 197, 255); } ytd-handles-claiming-vanity-info-renderer:not([is-dark-theme]) #vanity-container.ytd-handles-claiming-vanity-info-renderer { background: rgb(230, 239, 254); } #vanity-container.ytd-handles-claiming-vanity-info-renderer { color: var(--yt-spec-static-overlay-background-solid); border-radius: 20px; padding: 100px 56px; margin: 0px 64px 100px; } ytd-handles-claiming-video-item-renderer { color: var(--yt-spec-text-primary); justify-content: center; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 700; display: flex; flex-direction: row; } #container.ytd-handles-claiming-video-item-renderer { margin: 100px 0px; max-width: 906px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #text-pic-container.ytd-handles-claiming-video-item-renderer { gap: 32px; display: flex; flex-direction: row; } #text-container.ytd-handles-claiming-video-item-renderer { display: flex; flex-direction: column; } #pic-container.ytd-handles-claiming-video-item-renderer { background-image: var(--yt-squiggly-background); background-repeat: no-repeat; background-size: contain; min-height: 400px; min-width: 300px; } #title.ytd-handles-claiming-video-item-renderer { margin-top: 100px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 556; } #subtitle.ytd-handles-claiming-video-item-renderer { margin-top: 36px; width: 556px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #player-container.ytd-handles-claiming-video-item-renderer { margin-bottom: 100px; justify-content: center; display: flex; flex-direction: row; } #player.ytd-handles-claiming-video-item-renderer { width: 906px; height: 510px; } ytd-feed-filter-chip-bar-renderer { --ytd-rich-grid-chips-bar-width: 100%; --ytd-rich-grid-chips-bar-top: 56px; --ytd-sort-filter-header-margin-left: 0; width: 100%; height: 56px; display: flex; } ytd-feed-filter-chip-bar-renderer[updating] yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer { transition-duration: 0s; } #scroll-container.ytd-feed-filter-chip-bar-renderer { position: relative; white-space: nowrap; overflow: hidden; } #left-arrow.ytd-feed-filter-chip-bar-renderer::after, #right-arrow.ytd-feed-filter-chip-bar-renderer::before { height: 100%; width: 50px; content: ""; pointer-events: none; } #left-arrow.ytd-feed-filter-chip-bar-renderer::after { background: linear-gradient(to right,var(--yt-spec-base-background) 20%,rgba(255,255,255,0) 80%); } ytd-feed-filter-chip-bar-renderer[is-dark-theme] #left-arrow.ytd-feed-filter-chip-bar-renderer::after { background: linear-gradient(to right,var(--yt-spec-base-background) 20%,rgba(33,33,33,0) 80%); } #right-arrow.ytd-feed-filter-chip-bar-renderer::before { background: linear-gradient(to left,var(--yt-spec-base-background) 20%,rgba(255,255,255,0) 80%); } ytd-feed-filter-chip-bar-renderer[is-dark-theme] #right-arrow.ytd-feed-filter-chip-bar-renderer::before { background: linear-gradient(to left,var(--yt-spec-base-background) 20%,rgba(33,33,33,0) 80%); } ytd-feed-filter-chip-bar-renderer[frosted-glass-mode="with-chipbar"] #right-arrow.ytd-feed-filter-chip-bar-renderer::before, ytd-feed-filter-chip-bar-renderer[frosted-glass-mode="with-chipbar"] #left-arrow.ytd-feed-filter-chip-bar-renderer::after, ytd-feed-filter-chip-bar-renderer[frosted-glass-mode="with-chipbar"] #left-arrow-button.ytd-feed-filter-chip-bar-renderer, ytd-feed-filter-chip-bar-renderer[frosted-glass-mode="with-chipbar"] #right-arrow-button.ytd-feed-filter-chip-bar-renderer { background: transparent; } ytd-feed-filter-chip-bar-renderer[frosted-glass-mode="with-chipbar"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { background-color: transparent; z-index: 2019; } ytd-feed-filter-chip-bar-renderer[frosted-glass-mode="with-chipbar"] ytd-button-renderer.ytd-feed-filter-chip-bar-renderer { background-color: var(--yt-spec-base-background); } #chips.ytd-feed-filter-chip-bar-renderer { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); will-change: transform; display: inline-block; white-space: nowrap; } ytd-sort-filter-header-renderer.ytd-feed-filter-chip-bar-renderer { padding: 0px 16px 0px 0px; margin-top: 4px; margin-right: 8px; border-right: 1px solid var(--yt-spec-10-percent-layer); } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_PLAYLIST_PAGE"] ytd-sort-filter-header-renderer.ytd-feed-filter-chip-bar-renderer { margin-top: 0px; } yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer { margin: 12px 12px 12px 0px; } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID"] yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer { margin-bottom: 0px; margin-top: 0px; } yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer:first-of-type { margin-left: var(--yt-feed-filter-chip-bar-margin-left-first-item,24px); } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID"] yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer:first-of-type { margin-left: 0px; } yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer:last-of-type { margin-right: 0px; } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID"] yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer:last-of-type { margin-right: 0px; } #left-arrow.ytd-feed-filter-chip-bar-renderer, #right-arrow.ytd-feed-filter-chip-bar-renderer { position: absolute; height: 100%; z-index: 2020; display: flex; flex-direction: row; justify-content: center; } #left-arrow.ytd-feed-filter-chip-bar-renderer { top: 0px; left: 0px; } #right-arrow.ytd-feed-filter-chip-bar-renderer { top: 0px; right: 0px; } ytd-feed-filter-chip-bar-renderer[at-start] #left-arrow.ytd-feed-filter-chip-bar-renderer { display: none; } ytd-feed-filter-chip-bar-renderer[at-end] #right-arrow.ytd-feed-filter-chip-bar-renderer { display: none; } #left-arrow-button.ytd-feed-filter-chip-bar-renderer, #right-arrow-button.ytd-feed-filter-chip-bar-renderer { background-color: var(--yt-spec-base-background); display: flex; flex-direction: column; justify-content: center; } ytd-button-renderer.ytd-feed-filter-chip-bar-renderer { --yt-button-color: var(--yt-spec-icon-active-other); --yt-button-icon-size: 32px; border-radius: 16px; height: 32px; margin: 0px 12px; width: 32px; display: flex; align-items: center; justify-content: center; } #chips-wrapper.ytd-feed-filter-chip-bar-renderer { position: fixed; top: var(--ytd-rich-grid-chips-bar-top); width: var(--ytd-rich-grid-chips-bar-width); background-color: var(--yt-spec-base-background); z-index: 2000; display: flex; justify-content: center; } #chips-content.ytd-feed-filter-chip-bar-renderer { box-sizing: border-box; width: 100%; display: flex; } ytd-feed-filter-chip-bar-renderer[fluid-width] #chips-content.ytd-feed-filter-chip-bar-renderer { max-width: calc(var(--ytd-rich-grid-content-max-width) + 48px); padding: 0px 24px; } ytd-feed-filter-chip-bar-renderer[not-sticky] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { position: relative; top: 0px; width: 100%; } ytd-feed-filter-chip-bar-renderer[transparent-background] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { background-color: transparent; } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_HASHTAG_LANDING_PAGE"] { margin-bottom: var(--yt-feed-filter-chip-bar-margin,-24px); } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_PLAYLIST_PAGE"] { margin-bottom: var(--yt-feed-filter-chip-bar-margin,-24px); } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID"] { margin-bottom: -8px; margin-top: 16px; height: auto; } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_HASHTAG_LANDING_PAGE"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { background-color: var(--yt-spec-base-background); border: none; z-index: 2000; padding-left: var(--yt-feed-filter-chip-bar-padding-left,0); justify-content: flex-start; } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { background-color: var(--yt-spec-base-background); border: none; z-index: 0; justify-content: flex-start; } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_PLAYLIST_PAGE"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { background-color: var(--yt-spec-base-background); border: none; z-index: 2000; justify-content: flex-start; } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_PLAYLIST_PAGE"] #chips-content.ytd-feed-filter-chip-bar-renderer { padding-left: var(--yt-feed-filter-chip-bar-padding-left,0); padding-right: var(--yt-feed-filter-chip-bar-padding-right,0); } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_PLAYLIST_PAGE"] #filter.ytd-feed-filter-chip-bar-renderer { display: grid; align-content: center; } ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_HASHTAG_LANDING_PAGE"][not-sticky] #chips-wrapper.ytd-feed-filter-chip-bar-renderer, ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_CHANNEL_PAGE_GRID"][not-sticky] #chips-wrapper.ytd-feed-filter-chip-bar-renderer, ytd-feed-filter-chip-bar-renderer[component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_PLAYLIST_PAGE"][not-sticky] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { top: 0px; } ytd-feed-filter-chip-bar-renderer[page-subtype="playlist"][playlist-voting-animation-enabled][component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_HASHTAG_LANDING_PAGE"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { view-transition-name: chips-wrapper; view-transition-class: ytd-playlist-voting-animation-group; } ytd-feed-filter-chip-bar-renderer[page-subtype="playlist"][playlist-voting-animation-enabled][component-style="FEED_FILTER_CHIP_BAR_STYLE_TYPE_PLAYLIST_PAGE"] #chips-wrapper.ytd-feed-filter-chip-bar-renderer { view-transition-name: chips-wrapper; view-transition-class: ytd-playlist-voting-animation-group; } .ytChipShapeButtonReset { display: inline-flex; color: inherit; border: none; cursor: pointer; outline-width: 0px; box-sizing: border-box; background: none; text-decoration: none; padding: 0px; -webkit-tap-highlight-color: transparent; } .ytChipShapeHost { display: block; } .ytChipShapeChip { align-items: center; border: none; border-radius: 8px; display: inline-flex; height: 32px; min-width: 12px; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytChipShapeOnlyTextPadding { padding: 0px 12px; } .ytChipShapeOnlyIconPadding { padding: 0px; } .ytChipShapeStartIconPadding { padding-inline-end: 12px; } .ytChipShapeEndIconPadding { padding-inline-start: 12px; } .ytChipShapeActive { background-color: rgb(241, 241, 241); color: rgb(15, 15, 15); } .ytChipShapeDisabled { background-color: rgba(255, 255, 255, 0.1); color: rgb(113, 113, 113); } .ytChipShapeInactive { background-color: rgba(255, 255, 255, 0.1); color: rgb(241, 241, 241); } .ytChipShapeFocused { outline: rgb(241, 241, 241) solid 2px; outline-offset: -2px; background-color: rgb(15, 15, 15); color: rgb(241, 241, 241); } .ytChipShapeIconStart { height: 18px; margin: 0px 4px 0px 8px; width: 18px; } .ytChipShapeIconOnly { height: 24px; margin: 0px 8px; width: 24px; } .ytChipShapeIconEnd { height: 18px; margin: 0px 6px 0px 4px; width: 18px; } ytd-feed-nudge-renderer { display: flex; justify-content: center; width: 100%; } ytd-feed-nudge-renderer[is-hidden], ytd-feed-nudge-renderer[is-dismissed] #dismissible.ytd-feed-nudge-renderer, ytd-feed-nudge-renderer:not([is-dismissed]) #dismissed.ytd-feed-nudge-renderer { display: none; } ytd-feed-nudge-renderer[is-dark-theme] #content-wrapper.ytd-feed-nudge-renderer { background-color: var(--yt-spec-static-white-background); } #dismissible.ytd-feed-nudge-renderer { border-radius: 5px; border: 1px solid var(--yt-spec-outline); height: 100%; position: relative; width: 100%; max-width: var(--ytd-rich-grid-item-max-width,360px); display: flex; flex-direction: column; } ytd-feed-nudge-renderer:not([trim-style="no-trim"]) #dismissible.ytd-feed-nudge-renderer { border-top: none; } ytd-feed-nudge-renderer[rounded-container] #dismissible.ytd-feed-nudge-renderer { border-radius: 12px; overflow: hidden; } ytd-feed-nudge-renderer[trim-style="gradient-trim-1"] #dismissible.ytd-feed-nudge-renderer::before { border-top-left-radius: 5px; border-top-right-radius: 5px; background: linear-gradient(to right, rgb(255, 137, 131) 17.85%, rgb(127, 14, 127) 53.28%, rgb(0, 122, 101) 100%); content: ""; height: 4px; width: 100%; } #content-wrapper.ytd-feed-nudge-renderer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: var(--yt-spec-brand-background-primary); padding: 0px 6%; height: 100%; align-items: center; justify-content: center; display: flex; flex-direction: column; } ytd-feed-nudge-renderer[contents-location="FEED_NUDGE_CONTENTS_LOCATION_MIDDLE"] #content-wrapper.ytd-feed-nudge-renderer { padding: 0px 12px; } ytd-feed-nudge-renderer[background-style="FEED_NUDGE_BACKGROUND_STYLE_LINEAR_GRADIENT"] #content-wrapper.ytd-feed-nudge-renderer { background: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0px, rgba(131, 195, 255, 0.1) 23.44%, rgba(236, 170, 236, 0.1) 46.88%, rgba(245, 118, 0, 0.1) 74.48%, rgba(255, 255, 255, 0.1) 100%), rgb(255, 255, 255); } ytd-feed-nudge-renderer[background-style="FEED_NUDGE_BACKGROUND_STYLE_LINEAR_GRADIENT"][is-dark-theme] #content-wrapper.ytd-feed-nudge-renderer { background: linear-gradient(to top, rgba(61, 61, 61, 0.4) 0px, rgba(0, 0, 102, 0.4) 23.44%, rgba(57, 0, 63, 0.4) 46.88%, rgba(102, 26, 0, 0.4) 74.48%, rgba(53, 57, 61, 0.4) 100%), rgba(255, 255, 255, 0.1); } #header-container.ytd-feed-nudge-renderer { width: 100%; margin-top: 8px; display: flex; flex-direction: row; justify-content: center; } ytd-feed-nudge-renderer[contents-location="FEED_NUDGE_CONTENTS_LOCATION_MIDDLE"] #header-container.ytd-feed-nudge-renderer { margin-top: 20px; } #dismiss-button.ytd-feed-nudge-renderer { box-sizing: border-box; margin-top: 4px; padding-right: 4px; position: absolute; top: 4px; width: 100%; display: flex; flex-direction: row; justify-content: flex-end; } ytd-feed-nudge-renderer[contents-location="FEED_NUDGE_CONTENTS_LOCATION_MIDDLE"] #dismiss-button.ytd-feed-nudge-renderer { top: 0px; } #button-container.ytd-feed-nudge-renderer { width: 100%; margin-bottom: 8px; display: flex; flex-direction: column; } ytd-feed-nudge-renderer[is-horizontal-buttons] #button-container.ytd-feed-nudge-renderer { display: flex; flex-direction: row; } ytd-feed-nudge-renderer[is-horizontal-buttons] #button-container.ytd-feed-nudge-renderer #primary-button.ytd-feed-nudge-renderer { display: flex; margin-right: 4px; } ytd-feed-nudge-renderer[is-horizontal-buttons] #button-container.ytd-feed-nudge-renderer #secondary-button.ytd-feed-nudge-renderer { display: flex; margin-left: 4px; } ytd-feed-nudge-renderer[is-horizontal-buttons] #button-container.ytd-feed-nudge-renderer #primary-button.ytd-feed-nudge-renderer > ytd-button-renderer.ytd-feed-nudge-renderer, ytd-feed-nudge-renderer[is-horizontal-buttons] #button-container.ytd-feed-nudge-renderer #secondary-button.ytd-feed-nudge-renderer > ytd-button-renderer.ytd-feed-nudge-renderer { display: flex; align-self: stretch; } #image-container.ytd-feed-nudge-renderer { display: flex; align-self: center; } #text-container.ytd-feed-nudge-renderer { align-items: center; display: flex; flex-direction: column; margin: 8px 0px 12px; } #title-container.ytd-feed-nudge-renderer { color: var(--yt-spec-text-primary); margin-bottom: 12px; text-align: center; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 600; } #subtitle-container.ytd-feed-nudge-renderer { color: var(--yt-spec-text-secondary); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #primary-button.ytd-feed-nudge-renderer, #secondary-button.ytd-feed-nudge-renderer { align-items: center; width: 100%; } #primary-button.ytd-feed-nudge-renderer ytd-button-renderer.ytd-feed-nudge-renderer, #secondary-button.ytd-feed-nudge-renderer ytd-button-renderer.ytd-feed-nudge-renderer { box-sizing: border-box; border: 1px solid var(--yt-spec-10-percent-layer); margin-bottom: 8px; width: 100%; } ytd-feed-nudge-renderer[button-update] #primary-button.ytd-feed-nudge-renderer ytd-button-renderer.ytd-feed-nudge-renderer, ytd-feed-nudge-renderer[button-update] #secondary-button.ytd-feed-nudge-renderer ytd-button-renderer.ytd-feed-nudge-renderer { border: none; } #dismissed.ytd-feed-nudge-renderer { padding-bottom: 56.19%; border: 1px solid var(--yt-spec-10-percent-layer); position: relative; flex-grow: 1; } ytd-feed-nudge-renderer[rounded-container] #dismissed.ytd-feed-nudge-renderer { border-radius: 12px; } #dismissed.ytd-feed-nudge-renderer:focus { outline: none; } #dismissed-content.ytd-feed-nudge-renderer { box-sizing: border-box; padding: 8px; display: flex; justify-content: center; align-items: center; position: absolute; inset: 0px; } ytd-feed-nudge-renderer[contents-location="FEED_NUDGE_CONTENTS_LOCATION_MIDDLE"] #contents.ytd-feed-nudge-renderer { width: 100%; } #contents.ytd-feed-nudge-renderer yt-chip-cloud-chip-renderer.ytd-feed-nudge-renderer { margin-bottom: 16px; } ytd-feed-nudge-renderer[nudge-style="modernized-nudge"] { border-radius: 12px; width: 100%; } ytd-feed-nudge-renderer[nudge-style="modernized-nudge"] #content-wrapper.ytd-feed-nudge-renderer { background-color: var(--yt-spec-raised-background); } ytd-feed-nudge-renderer[nudge-style="modernized-nudge"] #dismissible.ytd-feed-nudge-renderer, ytd-feed-nudge-renderer[nudge-style="modernized-nudge"] #dismissed.ytd-feed-nudge-renderer { height: auto; flex-grow: 1; width: 100%; max-width: var(--ytd-rich-grid-item-max-width,360px); } ytd-feed-nudge-renderer[nudge-style="modernized-nudge"] #title.ytd-feed-nudge-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 900; } ytd-feed-nudge-renderer[nudge-style="modernized-nudge"] #subtitle.ytd-feed-nudge-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-feed-nudge-renderer[nudge-style="modernized-nudge"] #text-container.ytd-feed-nudge-renderer { text-align: center; } ytd-feed-nudge-renderer[nudge-style="modernized-nudge"][no-icon] #text-container.ytd-feed-nudge-renderer { margin-top: 16px; } ytd-feed-nudge-renderer[nudge-style="modernized-nudge"][no-shadow] #title.ytd-feed-nudge-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 900; } ytd-feed-nudge-renderer[nudge-style="modernized-nudge"]:not([is-dark-mode]):not([no-shadow]) #dismissible.ytd-feed-nudge-renderer, ytd-feed-nudge-renderer[nudge-style="modernized-nudge"]:not([is-dark-mode]):not([no-shadow]) #dismissed.ytd-feed-nudge-renderer { border: none; box-shadow: 0 8px 23px var(--yt-spec-10-percent-layer); } ytd-feed-nudge-renderer[contents-location="FEED_NUDGE_CONTENTS_LOCATION_MIDDLE"] #dismissible.ytd-feed-nudge-renderer, #dismissed.ytd-feed-nudge-renderer { width: 100%; max-width: 100%; } .nudge-form-view-model-wiz { display: flex; flex-direction: column; align-items: center; } @media (max-width: 300px) { .nudge-form-view-model-wiz { margin-left: -16px; margin-right: -16px; } } .nudge-form-view-model-wiz__subtitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: rgb(241, 241, 241); display: table-cell; text-align: center; margin-top: 12px; margin-bottom: 6px; } .nudge-form-view-model-wiz__form-options { display: flex; flex-flow: wrap; justify-content: space-between; max-width: 330px; align-items: stretch; } .nudge-form-view-model-wiz__submit { margin-top: 6px; width: 100%; } .toggleable-image-button-view-model-wiz { display: flex; flex-direction: column; align-items: center; border-radius: 16px; box-sizing: border-box; cursor: pointer; padding: 4px 10px 0px; width: 33%; overflow: hidden; position: relative; } .toggleable-image-button-view-model-wiz__image { visibility: inherit; border: 2px solid transparent; position: relative; } .toggleable-image-button-view-model-wiz__circular-radius { border-radius: 50%; } .toggleable-image-button-view-model-wiz__label { display: flex; flex-direction: row; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: rgb(241, 241, 241); margin-top: 8px; user-select: none; text-align: center; } .toggleable-image-button-view-model-wiz__gradient-ring { box-shadow: rgb(33, 33, 33) 0px 0px 0px 1000px inset; } .toggleable-image-button-view-model-wiz__gradient-ring::after { content: ""; position: absolute; inset: 0px; mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box xor, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); pointer-events: none; } .toggleable-image-button-view-model-wiz__bold-text { text-shadow: 0.5px 0px 0px; } .toggleable-image-button-view-model-wiz__semi-transparent { opacity: 0.4; } html.ytd-rich-grid-media[system-icons] { --yt-spec-icon-active-other: #030303; --yt-spec-icon-inactive: #030303; --yt-spec-icon-disabled: #909090; --yt-spec-brand-icon-active: #030303; --yt-spec-brand-icon-inactive: #030303; --yt-button-icon-button-text-color: var(--yt-spec-text-primary); } html.ytd-rich-grid-media[system-icons][dark], html.ytd-rich-grid-media[system-icons] .ytd-rich-grid-media[dark] { --yt-spec-icon-inactive: #fff; --yt-spec-icon-disabled: #717171; --yt-spec-brand-icon-inactive: #fff; } html.ytd-rich-grid-media, .ytd-rich-grid-media[light] { --yt-spec-base-background: #fff; --yt-spec-raised-background: #fff; --yt-spec-menu-background: #fff; --yt-spec-inverted-background: #0f0f0f; --yt-spec-additive-background: rgba(0,0,0,0.05); --yt-spec-outline: rgba(0,0,0,0.1); --yt-spec-outline-inverse: rgba(255,255,255,0.2); --yt-spec-outline-inverse-medium: rgba(255,255,255,0.3); --yt-spec-shadow: rgba(0,0,0,0.25); --yt-spec-text-primary: #030303; --yt-spec-text-primary-inverse: #fff; --yt-spec-text-secondary: #606060; --yt-spec-text-disabled: #909090; --yt-spec-call-to-action: #065fd4; --yt-spec-call-to-action-inverse: #3ea6ff; --yt-spec-suggested-action: #def1ff; --yt-spec-suggested-action-inverse: #263850; --yt-spec-icon-active-other: #606060; --yt-spec-icon-inactive: #909090; --yt-spec-icon-disabled: #ccc; --yt-spec-button-chip-background-hover: rgba(0,0,0,0.1); --yt-spec-touch-response: #000; --yt-spec-touch-response-inverse: #fff; --yt-spec-brand-icon-active: #f03; --yt-spec-brand-icon-inactive: #606060; --yt-spec-red-indicator: #e1002d; --yt-spec-wordmark-text: #000; --yt-spec-error-indicator: #c30027; --yt-spec-error-background-red: rgba(255,85,119,0.2); --yt-spec-themed-blue: #065fd4; --yt-spec-themed-green: #107516; --yt-spec-ad-indicator: #00716c; --yt-spec-themed-overlay-background: rgba(255,255,255,0.7); --yt-spec-commerce-badge-background: #deffde; --yt-spec-static-white-background: #fff; --yt-spec-static-black: #0f0f0f; --yt-spec-static-brand-red: #f03; --yt-spec-static-brand-white: #fff; --yt-spec-static-brand-black: #000; --yt-spec-static-clear-color: rgba(255,255,255,0); --yt-spec-static-clear-black: rgba(0,0,0,0); --yt-spec-static-ad-yellow: #fbc02d; --yt-spec-static-grey: #606060; --yt-spec-brand-red-contrast: #c30027; --yt-spec-static-overlay-additive-background: rgba(40,40,40,0.6); --yt-spec-static-overlay-background-solid: #000; --yt-spec-static-overlay-background-heavy: rgba(0,0,0,0.8); --yt-spec-static-overlay-background-medium: rgba(0,0,0,0.6); --yt-spec-static-overlay-background-medium-light: rgba(0,0,0,0.3); --yt-spec-static-overlay-background-light: rgba(0,0,0,0.1); --yt-spec-static-overlay-text-primary: #fff; --yt-spec-static-overlay-text-primary-inverse: #030303; --yt-spec-static-overlay-text-secondary: rgba(255,255,255,0.7); --yt-spec-static-overlay-text-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-call-to-action: #3ea6ff; --yt-spec-static-overlay-call-to-action-hover: #65b8ff; --yt-spec-static-overlay-icon-active-other: #fff; --yt-spec-static-overlay-icon-inactive: rgba(255,255,255,0.7); --yt-spec-static-overlay-icon-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-secondary: rgba(255,255,255,0.1); --yt-spec-static-overlay-button-primary: rgba(255,255,255,0.3); --yt-spec-static-overlay-touch-response: #fff; --yt-spec-static-overlay-touch-response-inverse: #000; --yt-spec-static-overlay-background-brand: rgba(225,0,45,0.9); --yt-spec-assistive-feed-vibrant-gradient-1: #007a65; --yt-spec-assistive-feed-vibrant-gradient-2: #7f0e7f; --yt-spec-assistive-feed-vibrant-gradient-3: #ff8983; --yt-spec-assistive-feed-themed-gradient-1: #d4fff8; --yt-spec-assistive-feed-themed-gradient-2: #ffdeff; --yt-spec-assistive-feed-themed-gradient-3: #ffe6e6; --yt-spec-gen-ai-gradient-1: #007a65; --yt-spec-gen-ai-gradient-2: #7f0e7f; --yt-spec-gen-ai-gradient-3: #aa09aa; --yt-spec-gen-ai-gradient-4: #ff4e45; --yt-spec-gen-ai-additive-gradient-1: rgba(0,122,101,0.2); --yt-spec-gen-ai-additive-gradient-2: rgba(127,14,127,0.2); --yt-spec-gen-ai-additive-gradient-3: rgba(170,9,170,0.2); --yt-spec-gen-ai-additive-gradient-4: rgba(255,78,69,0.2); --yt-spec-scrim-background-gradient-1: rgba(255,255,255,0); --yt-spec-scrim-background-gradient-2: rgba(255,255,255,0.3); --yt-spec-scrim-background-gradient-3: rgba(255,255,255,0.6); --yt-spec-scrim-background-gradient-4: rgba(255,255,255,0.9); --yt-spec-scrim-background-gradient-5: white; --yt-spec-discover-red: #c00; --yt-spec-discover-green: #007f1b; --yt-spec-discover-blue: #005cff; --yt-frosted-glass-mobile: rgba(255,255,255,0.9); --yt-frosted-glass-desktop: rgba(255,255,255,0.9); --yt-spec-expressive-trend-10: #fbfee6; --yt-spec-expressive-trend-20: #f5ffb7; --yt-spec-expressive-trend-30: #ecfd83; --yt-spec-expressive-trend-40: #dafd00; --yt-spec-expressive-trend-50: #bbe900; --yt-spec-expressive-trend-60: #8abb03; --yt-spec-expressive-trend-70: #5c7e00; --yt-spec-correct-indicator: #00e800; --yt-spec-incorrect-indicator: #ff4e45; --yt-spec-brand-background-solid: #fff; --yt-spec-brand-background-primary: rgba(255,255,255,0.98); --yt-spec-brand-background-secondary: rgba(255,255,255,0.95); --yt-spec-general-background-a: #f9f9f9; --yt-spec-general-background-b: #f1f1f1; --yt-spec-general-background-c: #e9e9e9; --yt-spec-error-background: #181818; --yt-spec-10-percent-layer: rgba(0,0,0,0.1); --yt-spec-10-percent-layer-inverse: rgba(255,255,255,0.1); --yt-spec-snackbar-background: #212121; --yt-spec-snackbar-background-updated: #181818; --yt-spec-badge-chip-background: rgba(0,0,0,0.05); --yt-spec-badge-chip-background-inverse: rgba(255,255,255,0.1); --yt-spec-verified-badge-background: rgba(0,0,0,0.15); --yt-spec-brand-button-background: #c00; --yt-spec-brand-link-text: #c00; --yt-spec-brand-link-text-faded: rgba(204,0,0,0.3); --yt-spec-call-to-action-faded: rgba(6,95,212,0.3); --yt-spec-call-to-action-hover: #0551b4; --yt-spec-brand-button-background-hover: #990412; --yt-spec-filled-button-focus-outline: rgba(0,0,0,0.6); --yt-spec-static-overlay-button-hover: rgba(255,255,255,0.5); --yt-spec-mono-filled-hover: #272727; --yt-spec-mono-filled-hover-inverse: #d9d9d9; --yt-spec-commerce-filled-hover: #0556bf; --yt-spec-mono-tonal-hover: rgba(0,0,0,0.1); --yt-spec-mono-tonal-hover-inverse: rgba(255,255,255,0.2); --yt-spec-commerce-tonal-hover: #dadfe6; --yt-spec-static-overlay-filled-hover: #e6e6e6; --yt-spec-static-overlay-tonal-hover: rgba(255,255,255,0.2); --yt-spec-filled-button-text: #fff; --yt-spec-paper-tab-ink: rgba(0,0,0,0.3); --yt-spec-selected-nav-text: #c00; } html.ytd-rich-grid-media[darker-dark-theme], .ytd-rich-grid-media[darker-dark-theme] .ytd-rich-grid-media[light] { --yt-spec-text-primary: #0f0f0f; --yt-spec-text-primary-inverse: #fff; } html.ytd-rich-grid-media[dark], .ytd-rich-grid-media[dark] { --yt-spec-base-background: #0f0f0f; --yt-spec-raised-background: #212121; --yt-spec-menu-background: #282828; --yt-spec-inverted-background: #f1f1f1; --yt-spec-additive-background: rgba(255,255,255,0.1); --yt-spec-outline: rgba(255,255,255,0.2); --yt-spec-outline-inverse: rgba(0,0,0,0.1); --yt-spec-outline-inverse-medium: rgba(0,0,0,0.3); --yt-spec-shadow: rgba(0,0,0,0.25); --yt-spec-text-primary: #fff; --yt-spec-text-secondary: #aaa; --yt-spec-text-disabled: #717171; --yt-spec-text-primary-inverse: #030303; --yt-spec-call-to-action: #3ea6ff; --yt-spec-call-to-action-inverse: #065fd4; --yt-spec-suggested-action: #263850; --yt-spec-suggested-action-inverse: #def1ff; --yt-spec-icon-active-other: #fff; --yt-spec-icon-inactive: #909090; --yt-spec-icon-disabled: #606060; --yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); --yt-spec-touch-response: #fff; --yt-spec-touch-response-inverse: #000; --yt-spec-brand-icon-active: #fff; --yt-spec-brand-icon-inactive: #909090; --yt-spec-red-indicator: #e1002d; --yt-spec-wordmark-text: #fff; --yt-spec-error-indicator: #f57; --yt-spec-error-background-red: rgba(255,85,119,0.2); --yt-spec-themed-blue: #3ea6ff; --yt-spec-themed-green: #2ba640; --yt-spec-ad-indicator: #00aaa7; --yt-spec-themed-overlay-background: rgba(0,0,0,0.8); --yt-spec-commerce-badge-background: #002d08; --yt-spec-static-white-background: #fff; --yt-spec-static-black: #0f0f0f; --yt-spec-static-brand-red: #f03; --yt-spec-static-brand-white: #fff; --yt-spec-static-brand-black: #000; --yt-spec-static-clear-color: rgba(255,255,255,0); --yt-spec-static-clear-black: rgba(0,0,0,0); --yt-spec-static-ad-yellow: #fbc02d; --yt-spec-static-grey: #606060; --yt-spec-brand-red-contrast: #f57; --yt-spec-static-overlay-additive-background: rgba(40,40,40,0.6); --yt-spec-static-overlay-background-solid: #000; --yt-spec-static-overlay-background-heavy: rgba(0,0,0,0.8); --yt-spec-static-overlay-background-medium: rgba(0,0,0,0.6); --yt-spec-static-overlay-background-medium-light: rgba(0,0,0,0.3); --yt-spec-static-overlay-background-light: rgba(0,0,0,0.1); --yt-spec-static-overlay-text-primary: #fff; --yt-spec-static-overlay-text-primary-inverse: #030303; --yt-spec-static-overlay-text-secondary: rgba(255,255,255,0.7); --yt-spec-static-overlay-text-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-call-to-action: #3ea6ff; --yt-spec-static-overlay-call-to-action-hover: #65b8ff; --yt-spec-static-overlay-icon-active-other: #fff; --yt-spec-static-overlay-icon-inactive: rgba(255,255,255,0.7); --yt-spec-static-overlay-icon-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-primary: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-secondary: rgba(255,255,255,0.1); --yt-spec-static-overlay-touch-response: #fff; --yt-spec-static-overlay-touch-response-inverse: #000; --yt-spec-static-overlay-background-brand: rgba(225,0,45,0.9); --yt-spec-assistive-feed-themed-gradient-1: #005446; --yt-spec-assistive-feed-themed-gradient-2: #39003f; --yt-spec-assistive-feed-themed-gradient-3: #590000; --yt-spec-gen-ai-gradient-1: #007a65; --yt-spec-gen-ai-gradient-2: #7f0e7f; --yt-spec-gen-ai-gradient-3: #aa09aa; --yt-spec-gen-ai-gradient-4: #ff4e45; --yt-spec-gen-ai-additive-gradient-1: rgba(0,122,101,0.3); --yt-spec-gen-ai-additive-gradient-2: rgba(127,14,127,0.3); --yt-spec-gen-ai-additive-gradient-3: rgba(170,9,170,0.3); --yt-spec-gen-ai-additive-gradient-4: rgba(255,78,69,0.3); --yt-spec-scrim-background-gradient-1: rgba(15,15,15,0); --yt-spec-scrim-background-gradient-2: rgba(15,15,15,0.3); --yt-spec-scrim-background-gradient-3: rgba(15,15,15,0.6); --yt-spec-scrim-background-gradient-4: rgba(15,15,15,0.9); --yt-spec-scrim-background-gradient-5: #0f0f0f; --yt-spec-discover-red: #ff4e45; --yt-spec-discover-green: #a4ffa4; --yt-spec-discover-blue: #6ea2ff; --yt-frosted-glass-mobile: rgba(15,15,15,0.7); --yt-frosted-glass-desktop: rgba(15,15,15,0.8); --yt-spec-expressive-trend-10: #fbfee6; --yt-spec-expressive-trend-20: #f5ffb7; --yt-spec-expressive-trend-30: #ecfd83; --yt-spec-expressive-trend-40: #dafd00; --yt-spec-expressive-trend-50: #bbe900; --yt-spec-expressive-trend-60: #8abb03; --yt-spec-expressive-trend-70: #5c7e00; --yt-spec-correct-indicator: #00a513; --yt-spec-incorrect-indicator: #c00; --yt-spec-brand-background-solid: #212121; --yt-spec-brand-background-primary: rgba(33,33,33,0.98); --yt-spec-brand-background-secondary: rgba(33,33,33,0.95); --yt-spec-general-background-a: #181818; --yt-spec-general-background-b: #0f0f0f; --yt-spec-general-background-c: #030303; --yt-spec-error-background: #f9f9f9; --yt-spec-10-percent-layer: rgba(255,255,255,0.1); --yt-spec-10-percent-layer-inverse: rgba(0,0,0,0.1); --yt-spec-snackbar-background: #030303; --yt-spec-snackbar-background-updated: #f9f9f9; --yt-spec-badge-chip-background: rgba(255,255,255,0.1); --yt-spec-badge-chip-background-inverse: rgba(0,0,0,0.05); --yt-spec-verified-badge-background: rgba(255,255,255,0.25); --yt-spec-brand-button-background: #c00; --yt-spec-brand-link-text: #ff4e45; --yt-spec-brand-link-text-faded: rgba(255,78,69,0.3); --yt-spec-call-to-action-faded: rgba(62,166,255,0.3); --yt-spec-call-to-action-hover: #6ebcff; --yt-spec-brand-button-background-hover: #990412; --yt-spec-filled-button-focus-outline: rgba(255,255,255,0.7); --yt-spec-static-overlay-button-hover: rgba(255,255,255,0.5); --yt-spec-mono-filled-hover: #d9d9d9; --yt-spec-mono-filled-hover-inverse: #272727; --yt-spec-commerce-filled-hover: #65b8ff; --yt-spec-mono-tonal-hover: rgba(255,255,255,0.2); --yt-spec-mono-tonal-hover-inverse: rgba(0,0,0,0.1); --yt-spec-commerce-tonal-hover: #515561; --yt-spec-static-overlay-filled-hover: #e6e6e6; --yt-spec-static-overlay-tonal-hover: rgba(255,255,255,0.2); --yt-spec-paper-tab-ink: rgba(255,255,255,0.3); --yt-spec-filled-button-text: #030303; --yt-spec-selected-nav-text: #fff; } html.ytd-rich-grid-media[darker-dark-theme][dark], .ytd-rich-grid-media[darker-dark-theme] .ytd-rich-grid-media[dark] { --yt-spec-text-primary: #f1f1f1; --yt-spec-text-primary-inverse: #0f0f0f; } html.ytd-rich-grid-media[darker-dark-theme-deprecate], .ytd-rich-grid-media[darker-dark-theme-deprecate] { --yt-spec-brand-background-solid: var(--yt-spec-raised-background); --yt-spec-brand-background-primary: var(--yt-spec-raised-background); --yt-spec-brand-background-secondary: var(--yt-spec-raised-background); --yt-spec-general-background-a: var(--yt-spec-base-background); --yt-spec-general-background-b: var(--yt-spec-base-background); --yt-spec-general-background-c: var(--yt-spec-base-background); --yt-spec-error-background: var(--yt-spec-inverted-background); --yt-spec-badge-chip-background: var(--yt-spec-additive-background); --yt-spec-verified-badge-background: var(--yt-spec-additive-background); --yt-spec-10-percent-layer: var(--yt-spec-outline); --yt-spec-snackbar-background: var(--yt-spec-inverted-background); } ytd-rich-grid-media { --yt-button-compact-background-color: var(--yt-spec-10-percent-layer); --yt-button-compact-text-color: var(--yt-spec-text-secondary); width: 100%; margin: 0px; display: block; max-width: var(--ytd-rich-grid-item-max-width); position: relative; } ytd-rich-grid-media[full-height] { height: 100%; } ytd-rich-grid-media[mini-mode] { max-width: var(--ytd-rich-grid-mini-item-max-width); } ytd-rich-grid-media[is-dismissed] #dismissible.ytd-rich-grid-media, ytd-rich-grid-media #dismissed.ytd-rich-grid-media { display: none; } ytd-rich-grid-media[is-dismissed] #dismissed.ytd-rich-grid-media { display: block; } ytd-rich-grid-media[modern-buttons] #view-more.ytd-rich-grid-media { text-transform: unset; } #dismissible.ytd-rich-grid-media { position: relative; height: 100%; display: flex; flex-direction: column; } ytd-thumbnail.ytd-rich-grid-media, ytd-playlist-thumbnail.ytd-rich-grid-media { width: 100%; position: relative; } ytd-thumbnail.ytd-rich-grid-media::before, ytd-playlist-thumbnail.ytd-rich-grid-media::before { display: block; content: ""; width: 100%; padding-top: 56.25%; background-color: var(--yt-spec-10-percent-layer); } #meta.ytd-rich-grid-media { overflow-x: hidden; padding-right: 24px; } #badges.ytd-rich-grid-media { margin-top: 8px; } #thumbnail-underlay.ytd-rich-grid-media { cursor: pointer; } #details.ytd-rich-grid-media { position: relative; cursor: pointer; flex: 1 1 auto; display: flex; flex-direction: row; } #avatar-container.ytd-rich-grid-media { height: 36px; margin-top: 12px; margin-right: 12px; } #avatar.ytd-rich-grid-media { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; background-color: var(--yt-spec-10-percent-layer) !important; } ytd-menu-renderer.ytd-rich-grid-media { position: absolute; top: 4px; right: -12px; } #dismissed.ytd-rich-grid-media { padding-bottom: 56.19%; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 12px; position: relative; } #dismissed.ytd-rich-grid-media:focus { outline: none; } #dismissed-content.ytd-rich-grid-media { box-sizing: border-box; padding: 8px; position: absolute; inset: 0px; } #video-title-link.ytd-rich-grid-media { display: block; } #video-title.ytd-rich-grid-media { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-rich-grid-media[typography-bump] #video-title.ytd-rich-grid-media { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-rich-grid-media[typography-bump-v2] #video-title.ytd-rich-grid-media { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 900; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-rich-grid-media[typography-bump-v2] #video-title.ytd-rich-grid-media { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 900; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-rich-grid-media[mini-mode] #video-title.ytd-rich-grid-media { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-rich-grid-media[mini-mode][typography-bump] #video-title.ytd-rich-grid-media { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-rich-grid-media[mini-mode][typography-bump-v2] #video-title.ytd-rich-grid-media { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-rich-grid-media { color: var(--yt-spec-text-primary); margin: 12px 0px 4px; } ytd-rich-grid-media[mini-mode] h3.ytd-rich-grid-media { margin-bottom: 6px; } #buttons.ytd-rich-grid-media > .ytd-rich-grid-media { margin-top: 4px; } #dismissed-content.ytd-rich-grid-media { display: flex; justify-content: center; align-items: center; } .title-badge.ytd-rich-grid-media, .video-badge.ytd-rich-grid-media { margin: 4px 4px 0px 0px; } .top-badge.ytd-rich-grid-media { margin: 4px 4px 2px 0px; } #preview-loading-overlay.ytd-rich-grid-media { border-radius: 2px; position: absolute; top: 4px; color: var(--yt-spec-static-overlay-text-primary); left: 4px; background: var(--yt-spec-static-overlay-background-solid); padding-left: 8px; display: flex; align-items: center; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #preview-loading-overlay.ytd-rich-grid-media tp-yt-paper-spinner-lite.ytd-rich-grid-media { --paper-spinner-color: var(--yt-spec-static-overlay-icon-active-other); width: 12px; height: 12px; } #preview-loading-overlay.ytd-rich-grid-media span.ytd-rich-grid-media { padding: 4px 8px; } #view-more.ytd-rich-grid-media { display: block; margin-top: 4px; --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-rich-grid-media[typography-bump] #preview-loading-overlay.ytd-rich-grid-media, ytd-rich-grid-media[typography-bump] #view-more.ytd-rich-grid-media { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #attached-survey.ytd-rich-grid-media { display: block; width: 100%; } ytd-slimline-survey-renderer { width: 100%; } ytd-slimline-survey-renderer[is-dismissed] #dismissible.ytd-slimline-survey-renderer, ytd-slimline-survey-renderer:not([is-dismissed]) #dismissed.ytd-slimline-survey-renderer { display: none; } #dismissible.ytd-slimline-survey-renderer { position: relative; border-radius: 12px; background-color: var(--yt-spec-brand-background-primary); box-shadow: 0 2px 10px var(--yt-spec-shadow); margin-top: 24px; display: flex; flex-direction: column; max-height: 300px; transition: max-height 0.3s, margin 0.3s, opacity 0.3s; } #dismissible.ytd-slimline-survey-renderer::before { content: ""; background-color: var(--yt-spec-brand-background-primary); box-shadow: 0 0 4px var(--yt-spec-shadow); position: absolute; margin-left: -12px; width: 24px; height: 24px; top: -12px; left: 50%; transform: rotate(45deg); z-index: 1; } ytd-slimline-survey-renderer[collapsed] #dismissible.ytd-slimline-survey-renderer { max-height: 0px; margin-top: 0px; opacity: 0; } ytd-slimline-survey-renderer[collapsed] #dismissible.ytd-slimline-survey-renderer::before { opacity: 0; } #content-wrapper.ytd-slimline-survey-renderer { box-sizing: border-box; border-radius: 12px; background-color: var(--yt-spec-brand-background-primary); padding: 8px 12px; width: 100%; overflow: hidden; position: relative; z-index: 2; display: flex; flex-direction: column; } #header-container.ytd-slimline-survey-renderer { width: 100%; justify-content: space-between; display: flex; flex-direction: row; } #title-container.ytd-slimline-survey-renderer { color: var(--yt-spec-text-primary); margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } ytd-endorsement-header-renderer { padding: 8px 12px; background-color: var(--yt-spec-general-background-b); color: var(--yt-spec-text-secondary); display: flex; flex-direction: row; justify-content: flex-start; } #icon.ytd-endorsement-header-renderer { margin-right: 8px; flex-shrink: 0; } #text.ytd-endorsement-header-renderer { margin-top: 2px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-rich-grid-slim-media { width: 100%; margin: 0px; display: block; position: relative; max-width: var(--ytd-rich-grid-slim-item-max-width); } ytd-rich-grid-slim-media[remove-max-width] { max-width: unset; } ytd-rich-grid-slim-media[is-slim-short] #details.ytd-rich-grid-slim-media { bottom: 36px; margin-bottom: -36px; padding: 8px; background: linear-gradient(to top,var(--yt-spec-static-overlay-background-medium) 0,var(--yt-spec-static-clear-black) 100%); } ytd-rich-grid-slim-media[is-slim-short] #menu.ytd-rich-grid-slim-media, ytd-rich-grid-slim-media[is-slim-short] h3.ytd-rich-grid-slim-media { display: none; } ytd-thumbnail.ytd-rich-grid-slim-media { width: 100%; position: relative; } ytd-thumbnail.ytd-rich-grid-slim-media::before { display: block; content: ""; width: 100%; padding-top: 144%; background-color: var(--yt-spec-10-percent-layer); } ytd-rich-grid-slim-media[is-short] ytd-thumbnail.ytd-rich-grid-slim-media::before { padding-top: 177.34%; } #badges.ytd-rich-grid-slim-media { margin-top: 8px; } #details.ytd-rich-grid-slim-media { position: relative; cursor: pointer; } #video-title.ytd-rich-grid-slim-media { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-rich-grid-slim-media[mini-mode] #video-title.ytd-rich-grid-slim-media { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-rich-grid-slim-media { color: var(--yt-spec-text-primary); padding: 12px 24px 0px 0px; } ytd-video-metadata-block.ytd-rich-grid-slim-media { padding-right: 24px; } ytd-badge-supported-renderer.ytd-rich-grid-slim-media { --ytd-badge-white-space: nowrap; margin: 4px 4px 0px 0px; } ytd-rich-grid-slim-media[is-short] ytd-badge-supported-renderer.ytd-rich-grid-slim-media { position: absolute; top: 0px; left: 0px; margin: 5px; } ytd-menu-renderer.ytd-rich-grid-slim-media { position: absolute; top: 0px; right: 0px; margin-top: 12px; } ytd-rich-grid-slim-media ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } ytd-rich-grid-slim-media[is-dismissed] #dismissible.ytd-rich-grid-slim-media, ytd-rich-grid-slim-media #dismissed.ytd-rich-grid-slim-media { display: none; } ytd-rich-grid-slim-media[is-dismissed] #dismissed.ytd-rich-grid-slim-media { display: block; } #dismissed.ytd-rich-grid-slim-media { padding-top: 176%; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 12px; position: relative; } .yt-simple-endpoint.ytd-rich-grid-slim-media { overflow-x: hidden; max-width: 100%; } #metadata.ytd-rich-grid-slim-media { color: var(--ytd-metadata-line-color,var(--yt-spec-text-secondary)); margin-top: 6px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-rich-grid-slim-media[inset-metadata] { height: 100%; border-radius: 12px; overflow: hidden; --ytd-metadata-line-color: var(--yt-spec-static-overlay-text-secondary); } ytd-rich-grid-slim-media[inset-metadata] #dismissible.ytd-rich-grid-slim-media, ytd-rich-grid-slim-media[inset-metadata] ytd-thumbnail.ytd-rich-grid-slim-media { height: 100%; } ytd-rich-grid-slim-media[inset-metadata] ytd-thumbnail.ytd-rich-grid-slim-media::before { padding-top: 144%; } ytd-rich-grid-slim-media[inset-metadata] #dismissed.ytd-rich-grid-slim-media { height: 100%; padding-top: 0px; } ytd-rich-grid-slim-media[inset-metadata] #details.ytd-rich-grid-slim-media { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 24px 8px 4px; background: linear-gradient(var(--yt-spec-static-clear-black),var(--yt-spec-static-overlay-background-heavy)); } ytd-rich-grid-slim-media[inset-metadata] h3.ytd-rich-grid-slim-media { padding: 0px; } ytd-rich-grid-slim-media[inset-metadata] #video-title.ytd-rich-grid-slim-media { color: var(--yt-spec-static-overlay-text-primary); } ytd-rich-grid-slim-media[inset-metadata] ytd-menu-renderer.ytd-rich-grid-slim-media { right: 4px; filter: drop-shadow(0 1px 2px var(--yt-spec-static-overlay-background-medium)); --ytd-menu-renderer-button-color: var( --yt-spec-static-overlay-text-primary ); --yt-spec-icon-active-other: var(--yt-spec-static-overlay-text-primary); } ytd-rich-grid-slim-media[inset-metadata] #details.ytd-rich-grid-slim-media, ytd-rich-grid-slim-media[inset-metadata] ytd-menu-renderer.ytd-rich-grid-slim-media { z-index: 2; } #dismissed.ytd-rich-grid-slim-media:focus { outline: none; } #dismissed-content.ytd-rich-grid-slim-media { box-sizing: border-box; padding: 8px; position: absolute; inset: 0px; } #dismissed-content.ytd-rich-grid-slim-media { display: flex; justify-content: center; align-items: center; } ytd-rich-item-renderer { position: relative; margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); margin-bottom: var(--ytd-rich-grid-row-margin); width: calc(100%/var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - .01px); --ytd-shorts-rich-grid-width-without-margin: calc(100% - var(--ytd-rich-grid-shorts-item-margin)*(var(--ytd-rich-grid-slim-items-per-row)*2)); --ytd-shorts-rich-grid-item-width: calc(var(--ytd-shorts-rich-grid-width-without-margin)/var(--ytd-rich-grid-slim-items-per-row) - 0.01px); scroll-margin-top: var(--ytd-rich-grid-content-offset-top); } ytd-rich-item-renderer[rendered-from-rich-grid] { --ytd-rich-item-row-usable-width: calc(100% - var(--ytd-rich-grid-gutter-margin)*2); width: calc(var(--ytd-rich-item-row-usable-width)/var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[rendered-from-rich-grid][is-in-first-column] { margin-left: calc(var(--ytd-rich-grid-item-margin)/2 + var(--ytd-rich-grid-gutter-margin)); } ytd-rich-item-renderer[use-compact-list] { margin-bottom: 16px; } ytd-rich-item-renderer[is-compact-grid], ytd-rich-item-renderer[is-compact-grid][rendered-from-rich-grid][is-in-first-column] { margin-left: calc(var(--ytd-rich-grid-compact-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-compact-item-margin)/2); margin-bottom: 24px; } ytd-rich-item-renderer[is-shorts-grid] { margin-left: calc(var(--ytd-rich-grid-shorts-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-shorts-item-margin)/2); margin-bottom: var(--ytd-rich-grid-shorts-item-margin); } ytd-rich-item-renderer[no-gutter-margins]:first-of-type, ytd-rich-item-renderer[no-gutter-margins][rendered-from-rich-grid][is-in-first-column] { margin-left: 0px; } ytd-rich-item-renderer[no-gutter-margins]:last-of-type { margin-right: 0px; } ytd-rich-item-renderer[is-post] { width: calc(100%/var(--ytd-rich-grid-posts-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-post][rendered-from-rich-grid] { width: calc(var(--ytd-rich-item-row-usable-width)/var(--ytd-rich-grid-posts-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-slim-media] { width: calc(100%/var(--ytd-rich-grid-slim-items-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-slim-media][rendered-from-rich-grid] { width: calc(var(--ytd-rich-item-row-usable-width)/var(--ytd-rich-grid-slim-items-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-compact-grid] { width: calc(100%/var(--ytd-rich-grid-slim-items-per-row) - var(--ytd-rich-grid-compact-item-margin) - .01px); } ytd-rich-item-renderer[is-compact-grid][rendered-from-rich-grid] { width: calc(var(--ytd-rich-item-row-usable-width)/var(--ytd-rich-grid-slim-items-per-row) - var(--ytd-rich-grid-compact-item-margin) - .01px); } ytd-rich-item-renderer[is-shorts-grid][is-slim-media] { width: calc(100%/var(--ytd-rich-grid-slim-items-per-row) - var(--ytd-rich-grid-shorts-item-margin) - .01px); } ytd-rich-item-renderer[is-shorts-grid][is-slim-media][rendered-from-rich-grid] { width: calc(var(--ytd-rich-item-row-usable-width)/var(--ytd-rich-grid-slim-items-per-row) - var(--ytd-rich-grid-shorts-item-margin) - .01px); } ytd-rich-item-renderer[is-shorts-grid][is-slim-media][rendered-from-rich-grid][is-shorts-panel-grid] { width: var(--ytd-shorts-rich-grid-item-width); margin: 0 var(--ytd-rich-grid-shorts-item-margin); } ytd-rich-item-renderer[is-game-card-shelf] { width: calc(100%/var(--ytd-rich-grid-game-cards-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-mini-game-card-shelf] { width: calc(100%/var(--ytd-rich-grid-mini-game-cards-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-link-card-shelf][is-link-card-full-width], ytd-rich-item-renderer[is-link-card-shelf][is-responsive-grid][is-link-card-full-width] { width: calc(100% - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-link-card-shelf], ytd-rich-item-renderer[is-link-card-shelf][is-responsive-grid] { width: calc(50% - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-expand-on-hover-card-shelf] { width: calc(100%/var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-expand-on-hover-card-shelf][items-per-row="1"][is-shelf-item] { width: calc(100% - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-expand-on-hover-card-shelf][items-per-row="2"][is-shelf-item] { width: calc(100%/min(var(--ytd-rich-shelf-items-count),2) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-expand-on-hover-card-shelf][is-shelf-item] { width: calc(100%/var(--ytd-rich-shelf-items-count) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[contains-lumiere-posters] { width: calc(100%/var(--ytd-rich-grid-slim-items-per-row)*2 - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-responsive-grid] { width: calc(100%/var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-responsive-grid][rendered-from-rich-grid] { width: calc(var(--ytd-rich-item-row-usable-width)/var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin) - .01px); } ytd-rich-item-renderer[is-inline-group-item] { width: calc(100%/var(--ytd-rich-grid-items-per-group)); } ytd-rich-item-renderer[rich-grid-hover-highlight] { transition: border-radius 0.3s cubic-bezier(0.05, 0, 0, 1), background-color, box-shadow; } ytd-rich-item-renderer.ytd-rich-item-renderer-highlight { border-radius: 8px; background-color: var(--yt-spec-outline); box-shadow: 0 0 0 10px var(--yt-spec-outline); } ytd-rich-item-renderer.ytd-rich-item-renderer-highlight-border { border-radius: 8px; background-color: var(--yt-transparent-background); } ytd-rich-item-renderer.ytd-rich-item-renderer-highlight-border::before { content: ""; position: absolute; top: -8px; left: -8px; width: calc(100% + 16px); height: calc(100% + 16px); border: 1px solid var(--yt-spec-outline); border-radius: 12px; } #content.ytd-rich-item-renderer { height: 100%; display: flex; align-items: flex-start; justify-content: center; } ytd-rich-item-renderer[is-shorts-grid][is-reel-item-style-avatar-circle] #content.ytd-rich-item-renderer { margin-bottom: 16px; } #content.ytd-rich-item-renderer ytd-post-renderer.ytd-rich-item-renderer, #content.ytd-rich-item-renderer ytd-shared-post-renderer.ytd-rich-item-renderer { max-width: 100%; width: 100%; overflow: hidden; } #content.ytd-rich-item-renderer ytd-mini-game-card-view-model.ytd-rich-item-renderer { max-width: 100%; width: 100%; } #content.ytd-rich-item-renderer > .lockup.ytd-rich-item-renderer { display: flex; max-width: 100%; width: 100%; } #content.ytd-rich-item-renderer ytd-feed-nudge-renderer.ytd-rich-item-renderer, #content.ytd-rich-item-renderer ytd-mini-game-card-view-model.ytd-rich-item-renderer { height: 100%; } ytd-rich-item-renderer[is-teaser-card] #content.ytd-rich-item-renderer { height: 100%; } ytd-expand-on-hover-card-renderer { width: 100%; min-width: calc(var(--ytd-rich-grid-item-min-width)/2); position: relative; display: flex; flex-direction: column; } ytd-expand-on-hover-card-renderer #card.ytd-expand-on-hover-card-renderer { border-radius: 16px; background: var(--yt-spec-raised-background); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 16px; } ytd-expand-on-hover-card-renderer #overlay.ytd-expand-on-hover-card-renderer { border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.12) 0px 8px 32px; } .content.ytd-expand-on-hover-card-renderer { margin: 20px; display: flex; flex-direction: column; } #card.ytd-expand-on-hover-card-renderer { position: relative; width: 100%; border-radius: 6px; background: var(--yt-spec-general-background-a); } #overlay.ytd-expand-on-hover-card-renderer { position: absolute; top: 0px; left: 0px; width: 100%; border-radius: 6px; background: var(--yt-spec-raised-background); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 4px; z-index: 1; } .icon-line.ytd-expand-on-hover-card-renderer { justify-content: space-between; align-items: center; display: flex; flex-direction: row; } .info.ytd-expand-on-hover-card-renderer { color: var(--yt-spec-text-secondary); width: 16px; height: 16px; } .icon.ytd-expand-on-hover-card-renderer { color: var(--yt-spec-text-primary); width: 24px; height: 24px; } .title.ytd-expand-on-hover-card-renderer { margin-top: 6px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .subtitle.ytd-expand-on-hover-card-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .details.ytd-expand-on-hover-card-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-channel-renderer { display: block; } ytd-channel-renderer[channel-renderer-style="CHANNEL_RENDERER_STYLE__PREMIUM_CHANNEL_MEMBERSHIPS"] { padding: 0px 0px 24px; max-width: 862px; } ytd-channel-renderer[channel-renderer-style="CHANNEL_RENDERER_STYLE__PREMIUM_CHANNEL_MEMBERSHIPS"] #avatar.ytd-channel-renderer { padding: 24px 0px 0px; } #content-section.ytd-channel-renderer { display: flex; flex-direction: row; } .channel-link.ytd-channel-renderer { min-width: 0px; display: flex; flex-direction: row; flex: 1 1 1e-09px; } yt-img-shadow.ytd-channel-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; height: 136px; width: 136px; margin-right: 16px; } ytd-channel-renderer[compact-style] yt-img-shadow.ytd-channel-renderer { height: 108px; width: 108px; margin-right: 16px; } #channel-user-state.ytd-channel-renderer { padding-top: 16px; color: var(--yt-spec-text-primary); margin: 20px 0px 4px 48px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #avatar.ytd-channel-renderer { width: 246px; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 0 0 auto; } ytd-channel-renderer[channel-renderer-style="CHANNEL_RENDERER_STYLE__NARROW_THUMBNAIL_SPACING"] #avatar.ytd-channel-renderer { width: 136px; } #info.ytd-channel-renderer { padding: 0px 16px 16px; min-width: 0px; display: flex; flex-direction: column; justify-content: center; flex: 1 1 1e-09px; } #channel-title.ytd-channel-renderer { --ytd-badge-icon-size: 16px; --ytd-channel-name-container-display: -webkit-box; --ytd-channel-name-text-display: -webkit-box; --ytd-channel-name-text-line-clamp: 2; color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; flex-direction: row; align-items: center; } #metadata.ytd-channel-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; word-break: break-word; overflow-wrap: anywhere; margin-bottom: 4px; } ytd-channel-renderer[compact-style] #metadata.ytd-channel-renderer { margin-bottom: 8px; } #description.ytd-channel-renderer { color: var(--yt-spec-text-secondary); word-break: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 3.6rem; -webkit-line-clamp: 2; } #dot.ytd-channel-renderer { margin: 0px 4px; } #purchase-button.ytd-channel-renderer, #subscribe-button.ytd-channel-renderer { padding-bottom: 8px; } ytd-channel-renderer[compact-style] #subscribe-button.ytd-channel-renderer { padding-bottom: 0px; } ytd-channel-renderer[dual-buttons] #buttons.ytd-channel-renderer { display: flex; flex-direction: column; align-items: flex-end; padding-top: 24px; --ytd-subscribe-button-margin: 0; } ytd-channel-renderer:not([dual-buttons]) #buttons.ytd-channel-renderer { display: flex; flex-direction: row; align-items: center; padding-bottom: 8px; } ytd-channel-renderer[compact-style] #buttons.ytd-channel-renderer { padding-bottom: 0px; } #channel-memberships-button.ytd-channel-renderer { display: flex; flex-direction: row; align-items: center; } #navigation-icon.ytd-channel-renderer { flex: 0 1 0%; padding-right: 48px; justify-content: flex-end; display: flex; flex-direction: row; align-items: center; } #navigation-icon.ytd-channel-renderer yt-icon.ytd-channel-renderer { color: var(--yt-spec-icon-active-other); } #badges.ytd-channel-renderer { margin-top: 8px; } @media (min-width: 0) and (max-width: 662px) { #subscribe-button.ytd-channel-renderer, #navigation-icon.ytd-channel-renderer { display: none; } #info.ytd-channel-renderer { padding: 0px 0px 0px 16px; } } #avatar-section.ytd-channel-renderer { margin-right: 16px; max-width: 360px; min-width: 240px; flex: 1 1 1e-09px; } ytd-channel-renderer[use-bigger-thumbs] #avatar-section.ytd-channel-renderer { max-width: 420px; min-width: 240px; } ytd-channel-renderer[use-bigger-thumbs][bigger-thumb-style="MEDIUM"] #avatar-section.ytd-channel-renderer { max-width: 450px; min-width: 240px; } ytd-channel-renderer[use-bigger-thumbs][bigger-thumb-style="BIG"] #avatar-section.ytd-channel-renderer { max-width: 500px; min-width: 240px; } ytd-channel-renderer[use-bigger-thumbs][bigger-thumb-style="MASSIVE"] #avatar-section.ytd-channel-renderer { max-width: 600px; min-width: 240px; } ytd-channel-renderer[use-bigger-thumbs][compact-style] #avatar-section.ytd-channel-renderer { min-width: 168px; margin-right: 8px; height: 94px; width: 168px; } ytd-channel-renderer[channel-renderer-style][channel-renderer-style="CHANNEL_RENDERER_STYLE__NARROW_THUMBNAIL_SPACING"] #avatar-section.ytd-channel-renderer { min-width: 136px; flex: 0 0 auto; } #avatar-section.ytd-channel-renderer .channel-link.ytd-channel-renderer { justify-content: center; } yt-img-shadow.ytd-channel-renderer { margin: 0px; } #info-section.ytd-channel-renderer { display: flex; flex-direction: row; flex: 1 1 1e-09px; } ytd-channel-renderer[compact-style] #info-section.ytd-channel-renderer { display: flex; flex-direction: column; } #info.ytd-channel-renderer { padding-left: 0px; } ytd-channel-renderer[compact-style] #info.ytd-channel-renderer { padding-bottom: 0px; } ytd-channel-renderer[compact-style] #video-count.ytd-channel-renderer { display: block; } ytd-feed-entry-renderer:not([is-rich-grid]) { --yt-endpoint-color: var(--yt-spec-text-primary); padding: 24px 0px; display: flex; flex-direction: row; } ytd-feed-entry-renderer[is-rich-grid] { width: 100%; } yt-img-shadow.ytd-feed-entry-renderer { width: 48px; height: 48px; margin-right: 16px; border-radius: 50%; background-color: transparent; overflow: hidden; } .info.ytd-feed-entry-renderer { min-width: 0px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #title.ytd-feed-entry-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } #title-container.ytd-feed-entry-renderer { height: 48px; display: flex; flex-direction: row; align-items: center; } #post.ytd-feed-entry-renderer { color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-radio-renderer { position: relative; display: flex; flex-direction: row; --ytd-thumbnail-max-width: 360px; --ytd-thumbnail-min-width: 240px; } #content.ytd-radio-renderer { overflow: hidden; max-width: 600px; flex: 1 1 1e-09px; } #list.ytd-radio-renderer { list-style-type: none; padding: 0px; margin: 12px 0px 8px; } #list.ytd-radio-renderer li.ytd-radio-renderer { padding-bottom: 4px; } #video-title.ytd-radio-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-radio-renderer { color: var(--yt-spec-text-primary); } ytd-thumbnail.ytd-radio-renderer::before, ytd-playlist-thumbnail.ytd-radio-renderer::before { display: block; content: ""; padding-top: 56.11%; } ytd-thumbnail.ytd-radio-renderer, ytd-playlist-thumbnail.ytd-radio-renderer { margin-right: 16px; max-width: var(--ytd-thumbnail-max-width); min-width: var(--ytd-thumbnail-min-width); flex: 1 1 1e-09px; } ytd-radio-renderer[use-bigger-thumbs] ytd-thumbnail.ytd-radio-renderer, ytd-radio-renderer[use-bigger-thumbs] ytd-playlist-thumbnail.ytd-radio-renderer { max-width: 420px; min-width: 240px; } ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style="MEDIUM"] ytd-thumbnail.ytd-radio-renderer, ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style="MEDIUM"] ytd-playlist-thumbnail.ytd-radio-renderer { max-width: 450px; min-width: 240px; } ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] ytd-thumbnail.ytd-radio-renderer, ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] ytd-playlist-thumbnail.ytd-radio-renderer { max-width: 500px; min-width: 240px; } ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style="MASSIVE"] ytd-thumbnail.ytd-radio-renderer, ytd-radio-renderer[use-bigger-thumbs][bigger-thumbs-style="MASSIVE"] ytd-playlist-thumbnail.ytd-radio-renderer { max-width: 600px; min-width: 240px; } ytd-radio-renderer[collections] ytd-playlist-thumbnail.ytd-radio-renderer { border-top: 1px solid var(--yt-spec-base-background); } ytd-show-renderer { position: relative; display: flex; flex-direction: row; } ytd-show-renderer:not([use-prominent-thumbs]) ytd-playlist-thumbnail.ytd-show-renderer { flex: 0 0 auto; width: 246px; height: 138px; margin-right: 16px; } ytd-show-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-show-renderer::before { display: block; content: ""; padding-top: 56.11%; } ytd-show-renderer[use-prominent-thumbs] ytd-playlist-thumbnail.ytd-show-renderer { margin-right: 16px; max-width: 360px; min-width: 240px; flex: 1 1 1e-09px; } ytd-video-meta-block.ytd-show-renderer { margin-right: 48px; } #description-text.ytd-show-renderer { color: var(--yt-spec-text-secondary); padding-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 3.6rem; -webkit-line-clamp: 2; } #badges.ytd-show-renderer, #bottom-standalone-badge.ytd-show-renderer { padding-top: 8px; } #content.ytd-show-renderer { max-width: 600px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } ytd-menu-renderer.ytd-show-renderer { position: absolute; top: -8px; right: 0px; } #video-title.ytd-show-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-show-renderer { color: var(--yt-spec-text-primary); padding-right: 24px; } .yt-simple-endpoint.ytd-show-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-show-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } ytd-link-card-renderer { width: 100%; min-width: var(--ytd-rich-grid-item-min-width); position: relative; display: flex; flex-direction: column; } #content.ytd-link-card-renderer { overflow: hidden; border-radius: 6px; border: 1px solid var(--yt-spec-10-percent-layer); background: var(--yt-spec-raised-background); display: flex; flex-direction: column; } #card-link.ytd-link-card-renderer { padding: 24px; display: flex; flex-direction: row; } #thumbnail.ytd-link-card-renderer { width: 60px; height: 60px; } #text-container.ytd-link-card-renderer { margin-left: 24px; display: flex; flex-direction: column; align-self: center; } #text-container.ytd-link-card-renderer #title.ytd-link-card-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } #text-container.ytd-link-card-renderer #subtitle.ytd-link-card-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #chevron.ytd-link-card-renderer { margin-left: auto; color: var(--yt-spec-text-primary); align-self: center; } ytd-lumiere-promo-item-image-renderer { width: 100%; margin: 0px; display: block; max-width: var(--ytd-rich-grid-item-max-width); } ytd-lumiere-promo-item-image-renderer[is-dismissed] #dismissible.ytd-lumiere-promo-item-image-renderer, ytd-lumiere-promo-item-image-renderer #dismissed.ytd-lumiere-promo-item-image-renderer { display: none; } ytd-lumiere-promo-item-image-renderer[is-dismissed] #dismissed.ytd-lumiere-promo-item-image-renderer { display: block; } yt-img-shadow.ytd-lumiere-promo-item-image-renderer { width: 100%; position: relative; cursor: pointer; } #metadata.ytd-lumiere-promo-item-image-renderer { position: relative; cursor: pointer; margin: 0px 12px; display: flex; flex-direction: row; } @media (min-width: 392px) { #metadata.ytd-lumiere-promo-item-image-renderer { margin: 0px; } } #item-details.ytd-lumiere-promo-item-image-renderer { overflow-x: hidden; padding-right: 24px; } #title.ytd-lumiere-promo-item-image-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-lumiere-promo-item-image-renderer { color: var(--yt-spec-text-primary); margin: 12px 0px 4px; } #item-title.ytd-lumiere-promo-item-image-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } #item-subtitle.ytd-lumiere-promo-item-image-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } yt-icon.ytd-lumiere-promo-item-image-renderer { color: var(--yt-spec-brand-icon-inactive); margin-left: 4px; height: 15px; width: 15px; flex-shrink: 0; } ytd-menu-renderer.ytd-lumiere-promo-item-image-renderer { position: absolute; top: 0px; right: 0px; margin-top: 12px; } ytd-lumiere-promo-item-image-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } #dismissed.ytd-lumiere-promo-item-image-renderer { padding-bottom: 56.19%; border: 1px solid var(--yt-spec-10-percent-layer); position: relative; } #dismissed.ytd-lumiere-promo-item-image-renderer:focus { outline: none; } #dismissed-content.ytd-lumiere-promo-item-image-renderer { display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 8px; position: absolute; inset: 0px; } ytd-lumiere-shelf-details-renderer { width: 100%; margin: 0px 8px; display: block; max-width: calc(var(--ytd-rich-grid-slim-item-max-width)*2); } #title.ytd-lumiere-shelf-details-renderer { color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } #subtitle.ytd-lumiere-shelf-details-renderer { margin-top: 8px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } ytd-lumiere-shelf-details-renderer[items-per-row="2"] #title.ytd-lumiere-shelf-details-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } ytd-lumiere-shelf-details-renderer[items-per-row="2"] #subtitle.ytd-lumiere-shelf-details-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-lumiere-shelf-details-renderer[items-per-row="1"] #subtitle.ytd-lumiere-shelf-details-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #badge.ytd-lumiere-shelf-details-renderer { margin-top: 12px; } ytd-primetime-promo-details-renderer { width: 100%; height: 100%; min-width: var(--ytd-rich-grid-mini-item-min-width); } #content.ytd-primetime-promo-details-renderer { padding-top: 56.25%; position: relative; } #centered-container.ytd-primetime-promo-details-renderer { position: absolute; inset: 0px; display: flex; flex-direction: column; justify-content: center; } #action-button.ytd-primetime-promo-details-renderer { margin-top: 16px; } #detail-text.ytd-primetime-promo-details-renderer { margin-top: 12px; color: var(--yt-spec-text-secondary); flex: 0 0 auto; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #headline.ytd-primetime-promo-details-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } ytd-badge-supported-renderer.ytd-primetime-promo-details-renderer { margin-top: 12px; } #header.ytd-primetime-promo-details-renderer { gap: 12px; display: flex; flex-direction: row; flex: 1 1 1e-09px; } #header.ytd-primetime-promo-details-renderer ytd-badge-supported-renderer.ytd-primetime-promo-details-renderer { margin-top: 0px; margin-bottom: 12px; } #header.ytd-primetime-promo-details-renderer yt-formatted-string.ytd-primetime-promo-details-renderer { margin-top: 0px; margin-bottom: 12px; } yt-formatted-string.ytd-panel-show-style-metadata-renderer { display: block; margin-top: 12px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-primetime-promo-panel-renderer #thumbnail.ytd-primetime-promo-panel-renderer { display: flex; flex-direction: column; } ytd-primetime-promo-panel-renderer[rounded-container] #thumbnail.ytd-primetime-promo-panel-renderer { border-radius: 12px; overflow: hidden; } #action-button.ytd-primetime-promo-panel-renderer { height: 36px; padding-right: 10px; padding-left: 16px; background-color: var(--yt-spec-suggested-action); color: var(--yt-spec-call-to-action); font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); display: flex; align-items: center; } ytd-primetime-promo-panel-renderer[modern-buttons] #action-button.ytd-primetime-promo-panel-renderer { background-color: transparent; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: none; border-radius: 0px 0px 12px 12px; color: var(--yt-spec-call-to-action); text-transform: none; } ytd-primetime-promo-panel-renderer[modern-buttons] #thumbnail.ytd-primetime-promo-panel-renderer:hover #action-button.ytd-primetime-promo-panel-renderer, ytd-primetime-promo-panel-renderer[modern-buttons] #action-button.ytd-primetime-promo-panel-renderer:hover #action-button.ytd-primetime-promo-panel-renderer { background-color: var(--yt-spec-suggested-action); border-color: var(--yt-spec-suggested-action); } #action-button.ytd-primetime-promo-panel-renderer > yt-formatted-string.ytd-primetime-promo-panel-renderer { flex: 1 1 1e-09px; } .ytTeaserCardViewModelHost { display: block; box-sizing: border-box; width: 150px; height: 100%; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; } .ytTeaserCardViewModelUseFullWidth { width: 100%; } .ytTeaserCardViewModelLink { display: block; box-sizing: border-box; padding: 8px; height: 100%; text-decoration: none; } .ytTeaserCardViewModelImageContainer { border-radius: 4px; overflow: hidden; padding-top: 140%; position: relative; } .ytTeaserCardViewModelImage { left: 0px; position: absolute; top: 0px; } .ytTeaserCardViewModelCaption { margin-top: 8px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 8.8rem; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytFeedbackItemRendererHost { display: flex; flex-direction: column; width: 100%; height: 100%; } .ytFeedbackItemRendererSelectableFeedback { cursor: pointer; } .ytFeedbackItemRendererContentContainer { height: 100%; margin-bottom: 12px; } .ytFeedbackItemRendererButtonsContainer { align-self: end; width: 100%; } ytd-rich-shelf-renderer { width: 100%; display: flex; flex-direction: row; justify-content: center; } ytd-rich-shelf-renderer[is-dismissed] #dismissible.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer:not([is-dismissed]) #dismissed.ytd-rich-shelf-renderer { display: none; } ytd-rich-shelf-renderer[is-header-hidden] #rich-shelf-header.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer:not([has-chevron-buttons]) #previous-button.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer:not([has-chevron-buttons]) #next-button.ytd-rich-shelf-renderer { display: none; } #dismissible.ytd-rich-shelf-renderer { width: 100%; margin-bottom: 48px; position: relative; padding-bottom: 17px; } ytd-rich-shelf-renderer:not([hide-bottom-divider]) #dismissible.ytd-rich-shelf-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-rich-shelf-renderer[is-show-more-hidden][is-show-less-hidden] #dismissible.ytd-rich-shelf-renderer { margin-bottom: 32px; } ytd-rich-shelf-renderer[is-shorts][is-show-more-hidden][is-show-less-hidden][is-truncated] #dismissible.ytd-rich-shelf-renderer { margin-bottom: 44px; padding-bottom: 0px; border-bottom: none; } ytd-rich-shelf-renderer[is-shorts][is-header-hidden][is-show-more-hidden][is-show-less-hidden] #dismissible.ytd-rich-shelf-renderer { margin-bottom: 0px; border-bottom: none; padding-bottom: 0px; } ytd-rich-shelf-renderer[is-inner-shelf] #dismissible.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer[is-inner-shelf]:not([hide-bottom-divider]) #dismissible.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer[is-inner-shelf][is-show-more-hidden][is-show-less-hidden] #dismissible.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer[is-inner-shelf][is-shorts][is-show-more-hidden][is-show-less-hidden][is-truncated] #dismissible.ytd-rich-shelf-renderer { margin-bottom: 0px; } #dismissed.ytd-rich-shelf-renderer { margin-bottom: var(--ytd-rich-grid-row-margin); width: 100%; } #dismissed.ytd-rich-shelf-renderer:focus { outline: none; } #rich-shelf-header.ytd-rich-shelf-renderer { margin: 0px 0px 24px 8px; justify-content: space-between; display: flex; flex-direction: row; } #rich-shelf-header.ytd-rich-shelf-renderer:focus { outline: none; } ytd-rich-shelf-renderer[elements-per-row="1"] #rich-shelf-header.ytd-rich-shelf-renderer { margin-left: 8px; } ytd-rich-shelf-renderer[has-bottom-cta-button] #rich-shelf-header-container.ytd-rich-shelf-renderer { margin-bottom: 24px; } #rich-shelf-header.ytd-rich-shelf-renderer h2.ytd-rich-shelf-renderer { align-items: center; align-self: center; display: flex; flex-direction: row; } #rich-shelf-header.ytd-rich-shelf-renderer a.ytd-rich-shelf-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); display: flex; } #image-container.ytd-rich-shelf-renderer { display: flex; flex-direction: row; align-items: center; } #avatar.ytd-rich-shelf-renderer { height: 36px; width: 36px; margin-right: 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } ytd-rich-shelf-renderer[has-box-art-thumbnail-style] #avatar.ytd-rich-shelf-renderer { height: 41px; width: 29px; margin-right: 8px; overflow: unset; } ytd-rich-shelf-renderer[has-rounded-box-art-thumbnail-style] #avatar.ytd-rich-shelf-renderer { height: 41px; width: 29px; margin-right: 8px; border-radius: 4px; overflow: hidden; } #icon.ytd-rich-shelf-renderer { margin-right: 8px; } #title-container.ytd-rich-shelf-renderer { display: flex; flex-direction: column; justify-content: center; } #title-text.ytd-rich-shelf-renderer { display: flex; flex-direction: row; } #title.ytd-rich-shelf-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { #title.ytd-rich-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } #subtitle.ytd-rich-shelf-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-rich-shelf-renderer[is-shorts] #title-container.ytd-rich-shelf-renderer { display: flex; flex-direction: row; } ytd-rich-shelf-renderer[is-shorts] #subtitle.ytd-rich-shelf-renderer { margin-left: 4px; } ytd-rich-shelf-renderer[has-paygated-featured-badge] #subtitle-text.ytd-rich-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-rich-shelf-renderer[has-paygated-featured-badge] #subtitle.ytd-rich-shelf-renderer { display: inline; max-height: none; } ytd-rich-shelf-renderer:not([is-lumiere]) #featured-badge.ytd-rich-shelf-renderer { margin-left: 8px; } ytd-rich-shelf-renderer:not([is-lumiere]) #paygated-featured-badge.ytd-rich-shelf-renderer { display: inline-flex; margin-right: 4px; } #menu-container.ytd-rich-shelf-renderer { display: flex; flex-direction: row; align-items: center; gap: 8px; } #menu.ytd-rich-shelf-renderer { display: flex; flex-direction: row; } #contents-container.ytd-rich-shelf-renderer { margin-top: -12px; } ytd-rich-shelf-renderer[has-chevron-buttons] #contents-container.ytd-rich-shelf-renderer { overflow: hidden; } #contents.ytd-rich-shelf-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)*-1/2); margin-right: calc(var(--ytd-rich-grid-item-margin)*-1/2); display: flex; flex-flow: wrap; transition: height 0.2s ease-in-out; visibility: hidden; padding-top: 12px; } ytd-rich-shelf-renderer[has-chevron-buttons] #contents.ytd-rich-shelf-renderer { transition: transform 0.15s cubic-bezier(0.05, 0, 0, 1); will-change: transform; flex-wrap: nowrap; } ytd-rich-shelf-renderer[restrict-contents-overflow]:not([has-chevron-buttons]) #contents.ytd-rich-shelf-renderer { clip-path: inset(-20px -20px 0px); } ytd-rich-shelf-renderer[is-shorts][is-header-hidden][is-show-more-hidden][is-show-less-hidden] #contents.ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer { margin-bottom: var(--ytd-rich-grid-row-margin); } ytd-rich-shelf-renderer:not([is-expanded]) #contents.ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer[initially-is-expanded] #contents.ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer { margin-bottom: calc(var(--ytd-rich-grid-row-margin)/2); } ytd-rich-shelf-renderer[has-chevron-buttons] #contents.ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer { flex: 0 0 auto; } ytd-rich-shelf-renderer[has-bottom-cta-button] .cta-button.ytd-rich-shelf-renderer { width: 100%; } .expand-collapse-button.ytd-rich-shelf-renderer { cursor: pointer; max-width: 360px; width: 100%; display: flex; justify-content: center; } .expand-collapse-button.ytd-rich-shelf-renderer:focus { outline: none; } .expand-collapse-button.ytd-rich-shelf-renderer:hover { color: var(--yt-spec-icon-active-other); } .button-container.ytd-rich-shelf-renderer { position: absolute; bottom: -37px; left: 50%; transform: translate(-50%, -50%); background-color: var(--yt-spec-base-background); z-index: 1; width: 360px; max-width: 100%; } ytd-rich-shelf-renderer[standard-shelf-margins] { --ytd-rich-grid-shelf-margin: calc(var(--ytd-rich-grid-row-margin)*1.5); } ytd-rich-shelf-renderer[standard-shelf-margins] #dismissible.ytd-rich-shelf-renderer { margin-bottom: calc(17px + var(--ytd-rich-grid-shelf-margin)*.6666666667); padding-bottom: calc(17px + var(--ytd-rich-grid-shelf-margin)*.3333333333); } ytd-rich-shelf-renderer[standard-shelf-margins] #rich-shelf-header.ytd-rich-shelf-renderer { margin-bottom: calc(var(--ytd-rich-grid-row-margin)/2); } ytd-rich-shelf-renderer[standard-shelf-margins] .button-container.ytd-rich-shelf-renderer { bottom: 0px; transform: translate(-50%, 50%); } ytd-rich-shelf-renderer[is-inner-shelf][standard-shelf-margins] #dismissible.ytd-rich-shelf-renderer { margin-bottom: 17px; } ytd-rich-shelf-renderer[standard-shelf-margins]:not([is-expanded]) #contents.ytd-rich-shelf-renderer ytd-rich-item-renderer.ytd-rich-shelf-renderer { margin-bottom: 0px; } ytd-rich-shelf-renderer[standard-shelf-margins][is-show-more-hidden][is-show-less-hidden] #dismissible.ytd-rich-shelf-renderer { margin-bottom: calc(var(--ytd-rich-grid-shelf-margin)*.6666666667); padding-bottom: calc(var(--ytd-rich-grid-shelf-margin)*.3333333333); } ytd-rich-shelf-renderer[standard-shelf-margins][is-header-hidden][is-show-more-hidden][is-show-less-hidden] #dismissible.ytd-rich-shelf-renderer { margin-bottom: var(--ytd-rich-grid-row-margin); } ytd-rich-shelf-renderer[standard-shelf-margins][is-shorts][is-show-more-hidden][is-show-less-hidden] #dismissible.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer[standard-shelf-margins][hide-bottom-divider] #dismissible.ytd-rich-shelf-renderer { margin-bottom: var(--ytd-rich-grid-shelf-margin); padding-bottom: 0px; } ytd-rich-shelf-renderer[standard-shelf-margins][is-shorts][is-show-more-hidden][is-show-less-hidden][is-truncated] #dismissible.ytd-rich-shelf-renderer { margin-bottom: var(--ytd-rich-grid-shelf-margin); } ytd-rich-shelf-renderer[is-inner-shelf][standard-shelf-margins][is-show-more-hidden][is-show-less-hidden] #dismissible.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer[is-inner-shelf][standard-shelf-margins][is-header-hidden][is-show-more-hidden][is-show-less-hidden] #dismissible.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer[is-inner-shelf][standard-shelf-margins][is-shorts][is-show-more-hidden][is-show-less-hidden] #dismissible.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer[is-inner-shelf][standard-shelf-margins][hide-bottom-divider] #dismissible.ytd-rich-shelf-renderer, ytd-rich-shelf-renderer[is-inner-shelf][standard-shelf-margins][is-shorts][is-show-more-hidden][is-show-less-hidden][is-truncated] #dismissible.ytd-rich-shelf-renderer { margin-bottom: 0px; } ytd-statement-banner-renderer { --ytd-statement-banner-thumbnail-width: calc((100% + var(--ytd-rich-grid-item-margin))/var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin)); display: block; } ytd-statement-banner-renderer[is-dismissed] #dismissible.ytd-statement-banner-renderer, ytd-statement-banner-renderer:not([is-dismissed]) #dismissed.ytd-statement-banner-renderer { display: none; } ytd-statement-banner-renderer[is-dark-theme] #background-content.ytd-statement-banner-renderer { background-color: var(--yt-spec-static-white-background); } #dismissible.ytd-statement-banner-renderer { display: flex; flex-direction: column; } #attached-survey.ytd-statement-banner-renderer { align-self: flex-start; } #statement-banner-content.ytd-statement-banner-renderer { border-radius: 12px; overflow: hidden; position: relative; } #background-content.ytd-statement-banner-renderer { background-color: var(--yt-spec-general-background-c); background-position: left center; background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; width: 100%; } [dir="rtl"] #background-content.ytd-statement-banner-renderer, #background-content.ytd-statement-banner-renderer[dir="rtl"] { transform: scaleX(-1); } #background-lottie.ytd-statement-banner-renderer { height: 100%; position: absolute; width: 100%; } #dismissed.ytd-statement-banner-renderer .ytd-statement-banner-renderer:not(#hide-enclosing-action) { border-radius: 12px; border: 1px solid var(--yt-spec-outline); width: 100%; } ytd-statement-banner-renderer:not([location="slot-zero-home"]):not([banner-style="statement-banner-style-type-compact"]) { margin-left: -16px; margin-right: -16px; } ytd-statement-banner-renderer:not([location="slot-zero-home"]):not([banner-style="statement-banner-style-type-compact"]) #foreground-content.ytd-statement-banner-renderer { padding: 16px; } ytd-statement-banner-renderer:not([location="slot-zero-home"]):not([banner-style="statement-banner-style-type-compact"]) #details-container.ytd-statement-banner-renderer { padding-top: 0px; padding-bottom: 0px; } ytd-statement-banner-renderer:not([location="slot-zero-home"]):not([banner-style="statement-banner-style-type-compact"]) .showcase-image.ytd-statement-banner-renderer { align-self: flex-start; } #foreground-content.ytd-statement-banner-renderer { position: relative; align-items: center; display: flex; flex-direction: row; } .showcase-image.ytd-statement-banner-renderer { width: var(--ytd-statement-banner-thumbnail-width); flex-shrink: 0; height: auto; position: relative; padding-bottom: calc(var(--ytd-statement-banner-thumbnail-width)*9/16); } #tile-image.ytd-statement-banner-renderer { width: 100%; height: 100%; display: block; } #tile-container.ytd-statement-banner-renderer { border-radius: 8px; overflow: hidden; position: absolute; width: 100%; height: 100%; cursor: pointer; align-self: center; } #tile-lottie.ytd-statement-banner-renderer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden; align-self: center; } #logo-container.ytd-statement-banner-renderer { justify-content: center; display: flex; flex-direction: column; } #logo-wrapper.ytd-statement-banner-renderer { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; justify-content: center; display: flex; flex-direction: column; } #details-container.ytd-statement-banner-renderer { padding: 16px 16px 16px var(--ytd-rich-grid-item-margin); flex: 1 1 0%; display: flex; flex-direction: row; justify-content: flex-start; } #details-container.ytd-statement-banner-renderer:last-child { margin-bottom: 0px; } #text-container.ytd-statement-banner-renderer { width: calc(100%/(var(--ytd-rich-grid-items-per-row) - 1)*2); max-width: calc(100%/(var(--ytd-rich-grid-items-per-row) - 1)*2); padding-right: var(--ytd-rich-grid-item-margin); margin-bottom: 8px; } #metadata-container.ytd-statement-banner-renderer { margin-bottom: 8px; display: flex; flex-direction: row; align-items: flex-end; } #metadata-container.ytd-statement-banner-renderer #logo-image.ytd-statement-banner-renderer { margin-right: 8px; } #metadata-container.ytd-statement-banner-renderer #logo-image-with-padding.ytd-statement-banner-renderer { margin-bottom: -6px; margin-right: 8px; } #badge-container.ytd-statement-banner-renderer { margin-top: 8px; margin-bottom: -0.4rem; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #button-container.ytd-statement-banner-renderer { display: flex; flex-direction: row; } #button-wrapper.ytd-statement-banner-renderer { display: flex; flex-flow: wrap; align-self: center; } #dynamic-title.ytd-statement-banner-renderer { cursor: pointer; color: var(--yt-spec-text-primary); margin-bottom: 8px; } #subtitle-container.ytd-statement-banner-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #supplemental-text-container.ytd-statement-banner-renderer { color: var(--yt-spec-text-secondary); margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; } #primary-button.ytd-statement-banner-renderer { margin-right: 12px; } #dismiss-button.ytd-statement-banner-renderer, #overflow-button.ytd-statement-banner-renderer { border-radius: 50%; position: absolute; top: 8px; right: 8px; z-index: 1; } #primary-button.ytd-statement-banner-renderer, #secondary-button.ytd-statement-banner-renderer { margin-top: calc(var(--ytd-margin-3x)/2); margin-bottom: calc(var(--ytd-margin-3x)/2); } ytd-statement-banner-renderer[elements-per-row="1"] #subtitle.ytd-statement-banner-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-statement-banner-renderer[elements-per-row="1"] #foreground-content.ytd-statement-banner-renderer { display: flex; flex-direction: column; } ytd-statement-banner-renderer[elements-per-row="1"] #details-container.ytd-statement-banner-renderer { padding-top: 40px; padding-left: 12px; padding-right: 12px; display: flex; flex-direction: column; justify-content: center; align-self: flex-start; } ytd-statement-banner-renderer[elements-per-row="1"] #dynamic-title.ytd-statement-banner-renderer { margin-bottom: 0px; } ytd-statement-banner-renderer[elements-per-row="1"] #subtitle-container.ytd-statement-banner-renderer { margin-top: 8px; } ytd-statement-banner-renderer[elements-per-row="1"] #text-container.ytd-statement-banner-renderer { padding-right: 0px; width: auto; margin-bottom: 0px; } ytd-statement-banner-renderer[elements-per-row="1"] #primary-button.ytd-statement-banner-renderer, ytd-statement-banner-renderer[elements-per-row="1"] #secondary-button.ytd-statement-banner-renderer { margin-top: 16px; margin-bottom: 0px; } ytd-statement-banner-renderer[elements-per-row="1"] #dismiss-button.ytd-statement-banner-renderer { top: 12px; right: 12px; } ytd-statement-banner-renderer[banner-style="statement-banner-style-type-compact"][elements-per-row="1"] .showcase-image.ytd-statement-banner-renderer { width: 100%; height: 100px; padding-bottom: 0px; } ytd-statement-banner-renderer[location="slot-zero-home"] { margin-left: 24px; margin-right: 24px; display: flex; flex-direction: row; justify-content: center; } ytd-statement-banner-renderer[location="slot-zero-home"] #dismissible.ytd-statement-banner-renderer { width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)); } ytd-statement-banner-renderer[location="search"] { margin-top: 16px; } ytd-statement-banner-renderer[location="search"] .showcase-image.ytd-statement-banner-renderer { width: 360px; padding-bottom: 202.5px; max-width: 360px; min-width: 240px; flex: 1 1 1e-09px; } ytd-statement-banner-renderer[location="search"][use-bigger-showcase-image] .showcase-image.ytd-statement-banner-renderer { width: 500px; padding-bottom: 281.25px; max-width: 500px; min-width: 240px; } ytd-statement-banner-renderer[elements-per-row="1"]:not([has-tile]) .showcase-image.ytd-statement-banner-renderer { margin-top: 0px; padding-bottom: 0px; } ytd-statement-banner-renderer[elements-per-row="1"][has-tile] .showcase-image.ytd-statement-banner-renderer { margin-top: 0px; } ytd-statement-banner-renderer[elements-per-row="1"][has-tile] #details-container.ytd-statement-banner-renderer { margin: 16px 0px 8px; padding-top: 0px; } ytd-statement-banner-renderer[elements-per-row="2"] .showcase-image.ytd-statement-banner-renderer { flex-shrink: 0; } ytd-statement-banner-renderer[elements-per-row="2"] #details-container.ytd-statement-banner-renderer { display: flex; flex-direction: column; justify-content: center; } ytd-statement-banner-renderer[elements-per-row="2"] #primary-button.ytd-statement-banner-renderer, ytd-statement-banner-renderer[elements-per-row="2"] #secondary-button.ytd-statement-banner-renderer { margin-top: 12px; margin-bottom: 0px; } ytd-statement-banner-renderer[elements-per-row="2"] #text-container.ytd-statement-banner-renderer { width: auto; margin-bottom: 0px; } ytd-statement-banner-renderer[elements-per-row="2"] #tile.ytd-statement-banner-renderer { align-self: center; } ytd-statement-banner-renderer[elements-per-row="2"] #subtitle.ytd-statement-banner-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-statement-banner-renderer[elements-per-row="3"] #details-container.ytd-statement-banner-renderer { display: flex; flex-direction: column; justify-content: center; } ytd-statement-banner-renderer[elements-per-row="3"] #text-container.ytd-statement-banner-renderer { margin-bottom: 0px; } ytd-statement-banner-renderer[elements-per-row="3"] #primary-button.ytd-statement-banner-renderer, ytd-statement-banner-renderer[elements-per-row="3"] #secondary-button.ytd-statement-banner-renderer { margin-top: 12px; margin-bottom: 0px; } ytd-statement-banner-renderer[elements-per-row="3"] #tile.ytd-statement-banner-renderer { align-self: center; } ytd-statement-banner-renderer[elements-per-row="4"] #tile-container.ytd-statement-banner-renderer { align-self: center; } #new-badge-container.ytd-statement-banner-renderer { margin-top: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-reel-shelf-renderer { display: flex; flex-direction: column; } #title-container.ytd-reel-shelf-renderer { color: var(--yt-spec-text-primary); height: 2rem; margin-top: 24px; display: flex; flex-direction: row; align-items: center; margin-left: var(--reel-shelf-title-margin-left); } ytd-reel-shelf-renderer[engagement-panel] { margin: 0px -16px; padding-left: 16px; } ytd-reel-shelf-renderer[engagement-panel] #menu.ytd-reel-shelf-renderer { display: none; } ytd-reel-shelf-renderer[hide-shelf-header] #title-container.ytd-reel-shelf-renderer { margin: 12px 0px; } ytd-reel-shelf-renderer[hide-shelf-header] #contents.ytd-reel-shelf-renderer { margin-top: 0px; margin-bottom: 8px; } #icon.ytd-reel-shelf-renderer { margin-right: 8px; } #title.ytd-reel-shelf-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #title-superscript.ytd-reel-shelf-renderer { color: var(--yt-spec-text-secondary); margin: 0px 0px 4px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #menu.ytd-reel-shelf-renderer { margin-left: auto; } ytd-reel-shelf-renderer[modern-typography] #title.ytd-reel-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-reel-shelf-renderer[modern-typography] #title.ytd-reel-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-reel-shelf-renderer[modern-typography] #title-superscript.ytd-reel-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h2.ytd-reel-shelf-renderer { display: flex; flex-direction: row; align-items: center; } #contents.ytd-reel-shelf-renderer { margin-top: 24px; } #about-container.ytd-about-channel-renderer { flex: 2 1 0%; color: var(--yt-spec-text-primary); min-width: 0px; overflow-wrap: break-word; max-height: 65vh; --paper-dialog-scrollable-height: 100%; --paper-dialog-scrollable-padding: 0; } h1.ytd-about-channel-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; margin-top: 8px; margin-bottom: 12px; width: 100%; } @media (max-width: 527.9px) { h1.ytd-about-channel-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } .subheadline.ytd-about-channel-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; display: block; margin-top: 16px; margin-bottom: 8px; } @media (max-width: 527.9px) { .subheadline.ytd-about-channel-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } #header-row.ytd-about-channel-renderer { display: flex; flex-direction: row; } p.ytd-about-channel-renderer, td.ytd-about-channel-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-simple-endpoint.ytd-about-channel-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-about-channel-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #dismiss-button.ytd-about-channel-renderer { display: block; } #view-email-button-container.ytd-about-channel-renderer { display: flex; } #description-container.ytd-about-channel-renderer { padding-bottom: 16px; } #links-container.ytd-about-channel-renderer .image-container.ytd-about-channel-renderer { height: 2.2rem; width: 2.2rem; padding-right: 12px; } #links-container.ytd-about-channel-renderer .href-container.ytd-about-channel-renderer { vertical-align: baseline; } #link-list-container.ytd-about-channel-renderer { display: flex; flex-direction: column; row-gap: 8px; } #additional-info-container.ytd-about-channel-renderer td.ytd-about-channel-renderer:nth-child(1) { width: 36px; } #additional-info-container.ytd-about-channel-renderer tr.ytd-about-channel-renderer { height: 40px; } table.ytd-about-channel-renderer { border-collapse: separate; } .phone-status-info.ytd-about-channel-renderer { margin-left: 4px; } #button-container.ytd-about-channel-renderer { min-height: 4rem; margin-top: 12px; } #button-container.ytd-about-channel-renderer .button.ytd-about-channel-renderer { display: inline-block; margin-right: 12px; } .yt-channel-external-link-view-model-wiz { display: flex; flex-direction: row; align-items: center; } .yt-channel-external-link-view-model-wiz__favicon { flex-shrink: 0; margin-right: 16px; } .yt-channel-external-link-view-model-wiz__container { display: flex; flex-direction: column; min-width: 0px; align-items: start; } .yt-channel-external-link-view-model-wiz__title { max-width: 100%; margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .yt-channel-external-link-view-model-wiz__title--title-small-font { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .yt-channel-external-link-view-model-wiz__link { max-width: 100%; color: rgb(62, 166, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-channel-external-link-view-model-wiz__link--link-small-font { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-channel-list-sub-menu-avatar-renderer { display: inline-block; } a.ytd-channel-list-sub-menu-avatar-renderer { display: flex; flex-direction: column; align-items: center; } yt-img-shadow.ytd-channel-list-sub-menu-avatar-renderer { width: 80px; height: 80px; --yt-img-border-radius: 40px; } #title.ytd-channel-list-sub-menu-avatar-renderer { margin-top: 8px; color: var(--ytd-channel-list-sub-menu-link-color,var(--yt-spec-text-secondary)); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } ytd-channel-list-sub-menu-renderer { display: inline-block; } #contents.ytd-channel-list-sub-menu-renderer { max-width: var(--ytd-channel-list-sub-menu-max-width,560px); display: flex; flex-direction: row; justify-content: space-between; } #contents.ytd-channel-list-sub-menu-renderer .ytd-channel-list-sub-menu-renderer:not(:first-child) { margin-left: 24px; } ytd-channel-list-sub-menu-renderer[aligment="distributed"] { display: block; } ytd-channel-list-sub-menu-renderer[aligment="distributed"] #contents.ytd-channel-list-sub-menu-renderer { justify-content: space-around; } ytd-channel-sub-menu-renderer { height: 56px; margin: 8px 0px; display: flex; flex-direction: row; align-items: center; } #primary-items.ytd-channel-sub-menu-renderer { color: var(--yt-spec-text-primary); flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; } ytd-compact-infocard-renderer { box-sizing: border-box; display: inline-block; width: 100%; } ytd-media-lockup-renderer { flex: 1 1 1e-09px; } #lockup-container.ytd-media-lockup-renderer { text-decoration: none; display: flex; flex-direction: row; } #description.ytd-media-lockup-renderer { margin-left: 16px; } ytd-media-lockup-renderer[is-compact] #thumbnail-container.ytd-media-lockup-renderer { border-radius: 8px; position: relative; width: 112px; height: 64px; overflow: hidden; } ytd-media-lockup-renderer[is-compact] #thumbnail.ytd-media-lockup-renderer { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } #thumbnail-container.ytd-media-lockup-renderer { height: 112px; width: 80px; border-radius: 4px; overflow: hidden; } #title.ytd-media-lockup-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #subtitle.ytd-media-lockup-renderer { color: var(--yt-spec-text-secondary); align-items: center; display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #subtitle-text.ytd-media-lockup-renderer { margin-right: 4px; } #subtitle.ytd-media-lockup-renderer .media-lockup-icon.ytd-media-lockup-renderer { height: 12px; width: 12px; } ytd-structured-description-channel-lockup-renderer { display: flex; flex-direction: row; align-items: center; } ytd-thumbnail.ytd-structured-description-channel-lockup-renderer { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; } #thumbnail-container.ytd-structured-description-channel-lockup-renderer { margin-right: 16px; display: flex; align-items: center; justify-content: center; width: 112px; height: 64px; overflow: hidden; } #title.ytd-structured-description-channel-lockup-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #subscriber-count.ytd-structured-description-channel-lockup-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-structured-description-playlist-lockup-renderer { display: flex; flex: 1 1 1e-09px; } #lockup-container.ytd-structured-description-playlist-lockup-renderer { text-decoration: none; display: flex; flex-direction: row; } #playlist-thumbnail.ytd-structured-description-playlist-lockup-renderer { position: relative; border-radius: 8px; } #overlay.ytd-structured-description-playlist-lockup-renderer { background-color: var(--yt-spec-static-overlay-background-heavy); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; bottom: 0px; color: var(--yt-spec-static-overlay-text-primary); position: absolute; right: 0px; text-align: center; width: 100%; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #description.ytd-structured-description-playlist-lockup-renderer { margin-left: 16px; } #thumbnail.ytd-structured-description-playlist-lockup-renderer { display: block; border-radius: 4px; overflow: hidden; } #title.ytd-structured-description-playlist-lockup-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #subtitle.ytd-structured-description-playlist-lockup-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-structured-description-playlist-lockup-renderer[show-side-panel-thumbnail-overlay] ytd-thumbnail-overlay-side-panel-renderer.ytd-structured-description-playlist-lockup-renderer { width: 50px; } ytd-structured-description-playlist-lockup-renderer[show-side-panel-thumbnail-overlay] #playlist-thumbnail.ytd-structured-description-playlist-lockup-renderer { flex-shrink: 0; } ytd-structured-description-playlist-lockup-renderer[collections] { margin-top: 4px; } ytd-structured-description-playlist-lockup-renderer[collections] #lockup-container.ytd-structured-description-playlist-lockup-renderer { position: relative; } ytd-structured-description-playlist-lockup-renderer[collections] #playlist-thumbnail.ytd-structured-description-playlist-lockup-renderer { border-top: 1px solid var(--yt-spec-base-background); } ytd-thumbnail-overlay-side-panel-renderer.ytd-structured-description-playlist-lockup-renderer { --thumbnail-overlay-side-panel-font-size: var( --yt-thumbnail-attribution-font-size ); } ytd-structured-description-playlist-lockup-renderer[two-line-title] #title.ytd-structured-description-playlist-lockup-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-structured-description-playlist-lockup-renderer[is-compact] #playlist-thumbnail.ytd-structured-description-playlist-lockup-renderer { width: 112px; height: 64px; overflow: hidden; } ytd-structured-description-playlist-lockup-renderer[is-compact] #playlist-thumbnail.ytd-structured-description-playlist-lockup-renderer yt-img-shadow.ytd-structured-description-playlist-lockup-renderer { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } ytd-structured-description-video-lockup-renderer { display: flex; flex-direction: row; } ytd-thumbnail.ytd-structured-description-video-lockup-renderer { width: 112px; height: 64px; margin-right: 16px; } #title.ytd-structured-description-video-lockup-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #subtitle.ytd-structured-description-video-lockup-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #metadata-details.ytd-structured-description-video-lockup-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-compact-playlist-renderer { position: relative; display: flex; flex-direction: row; } ytd-compact-playlist-renderer:not([watch-feed-big-thumbs]) ytd-playlist-thumbnail.ytd-compact-playlist-renderer { margin-right: 8px; height: 94px; width: 168px; } .details.ytd-compact-playlist-renderer { width: 100%; min-width: 0px; } #title.ytd-compact-playlist-renderer { flex: 1 1 1e-09px; } #video-title.ytd-compact-playlist-renderer { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-compact-playlist-renderer #video-title.ytd-compact-playlist-renderer { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-compact-playlist-renderer { color: var(--yt-spec-text-primary); } .yt-simple-endpoint.ytd-compact-playlist-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-compact-playlist-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-compact-playlist-renderer { min-width: 0px; } #badges.ytd-compact-playlist-renderer { margin-top: 8px; } ytd-compact-playlist-renderer[is-dismissed] #dismissible.ytd-compact-playlist-renderer, ytd-compact-playlist-renderer:not([is-dismissed]) #dismissed.ytd-compact-playlist-renderer { display: none; } #dismissible.ytd-compact-playlist-renderer { display: flex; flex-direction: row; } #dismissed.ytd-compact-playlist-renderer { padding: 8px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 8px; } #dismissible.ytd-compact-playlist-renderer, #dismissed.ytd-compact-playlist-renderer { width: 100%; } #dismissed.ytd-compact-playlist-renderer:focus { outline: none; } .metadata.ytd-compact-playlist-renderer { min-width: 0px; width: 100%; padding-right: 24px; box-sizing: border-box; display: flex; flex-direction: column; } ytd-menu-renderer.ytd-compact-playlist-renderer { --yt-button-icon-padding: 0; --yt-button-icon-size: 24px; position: absolute; top: 0px; right: 0px; } ytd-compact-playlist-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } #buttons.ytd-compact-playlist-renderer > .ytd-compact-playlist-renderer { margin-top: 4px; } ytd-compact-playlist-renderer[watch-feed-big-thumbs]:not([is-dismissed]) #dismissible.ytd-compact-playlist-renderer { display: flex; flex-direction: column; } ytd-compact-playlist-renderer[watch-feed-big-thumbs] ytd-playlist-thumbnail.ytd-compact-playlist-renderer::before { display: block; content: ""; padding-top: 55.95%; background-color: var(--yt-spec-10-percent-layer); } ytd-compact-playlist-renderer[watch-feed-big-thumbs] .secondary-metadata.ytd-compact-playlist-renderer { display: flex; flex-direction: row; } ytd-compact-playlist-renderer[watch-feed-big-thumbs] .metadata.ytd-compact-playlist-renderer { padding-top: 8px; padding-bottom: 8px; } ytd-compact-playlist-renderer[watch-feed-big-thumbs] .details.ytd-compact-playlist-renderer { position: relative; display: flex; flex-direction: row; } ytd-compact-playlist-renderer[watch-feed-big-thumbs] ytd-menu-renderer.ytd-compact-playlist-renderer { margin-top: 8px; } ytd-compact-playlist-renderer[watch-feed-big-thumbs] #dismissed.ytd-compact-playlist-renderer { margin-bottom: 8px; } ytd-compact-playlist-renderer[watch-feed-big-thumbs][is-dismissed] #dismissed.ytd-compact-playlist-renderer { max-height: var(--ytd-compact-item-dismissed-height); display: flex; align-items: center; justify-content: center; } ytd-compact-playlist-renderer[use-modern-collections-v2] ytd-playlist-thumbnail.ytd-compact-playlist-renderer { position: relative; margin-top: 6px; } ytd-compact-playlist-renderer[use-modern-collections-v2] .details.ytd-compact-playlist-renderer { margin-top: 4px; } ytd-compact-playlist-renderer[watch-feed-big-thumbs] #badges.ytd-compact-playlist-renderer { margin-top: 0px; padding-left: 8px; } ytd-compact-promoted-item-renderer { display: block; } ytd-compact-promoted-item-renderer[is-dismissed] #dismissible.ytd-compact-promoted-item-renderer, ytd-compact-promoted-item-renderer:not([is-dismissed]) #dismissed.ytd-compact-promoted-item-renderer { display: none; } #dismissible.ytd-compact-promoted-item-renderer { background-color: var(--yt-spec-additive-background); color: var(--yt-spec-text-primary); display: flex; flex-direction: row; } ytd-compact-promoted-item-renderer[rounded-container] #dismissible.ytd-compact-promoted-item-renderer { border-radius: 12px; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #dismissed.ytd-compact-promoted-item-renderer { border-top: 4px solid var(--yt-spec-10-percent-layer); border-bottom: 4px solid var(--yt-spec-10-percent-layer); width: 100%; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #dismissed.ytd-compact-promoted-item-renderer:focus { outline: none; } #content.ytd-compact-promoted-item-renderer { width: 100%; display: flex; flex-direction: column; } ytd-thumbnail.ytd-compact-promoted-item-renderer { margin: 24px 8px 24px 24px; height: 100px; width: 100px; } #info.ytd-compact-promoted-item-renderer { margin-top: 24px; margin-left: 16px; } #title.ytd-compact-promoted-item-renderer { font-family: "YouTube Sans", "YT Sans", Roboto, sans-serif; font-size: 28px; line-height: 36px; font-weight: 400; } ytd-compact-promoted-item-renderer:not([view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"]) #subtitle-container.ytd-compact-promoted-item-renderer { display: flex; flex-direction: row; margin-top: 8px; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #subtitle-container.ytd-compact-promoted-item-renderer { margin-top: 4px; } #subtitle.ytd-compact-promoted-item-renderer { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #button.ytd-compact-promoted-item-renderer ytd-button-renderer.ytd-compact-promoted-item-renderer { margin-top: 8px; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #dismissible.ytd-compact-promoted-item-renderer { border-top: 4px solid var(--yt-spec-10-percent-layer); border-bottom: 4px solid var(--yt-spec-10-percent-layer); background-color: transparent; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] ytd-thumbnail.ytd-compact-promoted-item-renderer { margin-left: 0px; margin-right: 16px; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #title.ytd-compact-promoted-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #subtitle.ytd-compact-promoted-item-renderer { display: inline; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #button.ytd-compact-promoted-item-renderer ytd-button-renderer.ytd-compact-promoted-item-renderer { margin-top: 16px; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #featured-badge.ytd-compact-promoted-item-renderer { display: inline-block; margin-left: 4px; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #info.ytd-compact-promoted-item-renderer { margin-left: 0px; margin-top: 0px; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #content.ytd-compact-promoted-item-renderer { justify-content: space-between; min-height: 100px; margin: 24px 0px; } ytd-compact-promoted-item-renderer[view-style="COMPACT_PROMOTED_ITEM_STYLE_RICH_GRID"] #dismiss-button.ytd-compact-promoted-item-renderer { margin-top: 16px; margin-left: 8px; } @media (max-width: 871px) { #title.ytd-compact-promoted-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #subtitle.ytd-compact-promoted-item-renderer { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } } ytd-compact-radio-renderer { position: relative; display: flex; flex-direction: row; } ytd-compact-radio-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-radio-renderer { margin-right: 8px; height: 94px; width: 168px; } .details.ytd-compact-radio-renderer { width: 100%; min-width: 0px; } .yt-simple-endpoint.ytd-compact-radio-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-compact-radio-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #title.yt-simple-endpoint.ytd-compact-radio-renderer { min-width: 0px; flex: 1 1 1e-09px; } #video-title.ytd-compact-radio-renderer { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-compact-radio-renderer.use-ellipsis #video-title.ytd-compact-radio-renderer { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-compact-radio-renderer { color: var(--yt-spec-text-primary); } ytd-compact-radio-renderer[is-dismissed] #dismissible.ytd-compact-radio-renderer, ytd-compact-radio-renderer:not([is-dismissed]) #dismissed.ytd-compact-radio-renderer { display: none; } #dismissible.ytd-compact-radio-renderer { display: flex; flex-direction: row; } #dismissed.ytd-compact-radio-renderer { padding: 8px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 8px; } #dismissible.ytd-compact-radio-renderer, #dismissed.ytd-compact-radio-renderer { width: 100%; } #dismissed.ytd-compact-radio-renderer:focus { outline: none; } .metadata.ytd-compact-radio-renderer { min-width: 0px; width: 100%; padding-right: 24px; box-sizing: border-box; display: flex; flex-direction: column; } ytd-menu-renderer.ytd-compact-radio-renderer { --yt-button-icon-padding: 0; --yt-button-icon-size: 24px; position: absolute; top: 0px; right: 0px; } ytd-compact-radio-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } #buttons.ytd-compact-radio-renderer > .ytd-compact-radio-renderer { margin-top: 4px; } ytd-compact-radio-renderer[watch-feed-big-thumbs]:not([is-dismissed]) #dismissible.ytd-compact-radio-renderer { display: flex; flex-direction: column; } ytd-compact-radio-renderer[watch-feed-big-thumbs] ytd-thumbnail.ytd-compact-radio-renderer::before { display: block; content: ""; padding-top: 55.95%; background-color: var(--yt-spec-10-percent-layer); } ytd-compact-radio-renderer[watch-feed-big-thumbs] .metadata.ytd-compact-radio-renderer { padding-top: 8px; padding-bottom: 8px; } ytd-compact-radio-renderer[watch-feed-big-thumbs] .details.ytd-compact-radio-renderer { position: relative; display: flex; flex-direction: row; } ytd-compact-radio-renderer[watch-feed-big-thumbs] ytd-menu-renderer.ytd-compact-radio-renderer { margin-top: 8px; } ytd-compact-radio-renderer[watch-feed-big-thumbs] #dismissed.ytd-compact-radio-renderer { margin-bottom: 8px; } ytd-compact-radio-renderer[watch-feed-big-thumbs][is-dismissed] #dismissed.ytd-compact-radio-renderer { max-height: var(--ytd-compact-item-dismissed-height); display: flex; align-items: center; justify-content: center; } ytd-compact-radio-renderer[collections] .modern-collection-parent.ytd-compact-radio-renderer { margin-top: 4px; position: relative; } ytd-compact-radio-renderer[collections] ytd-thumbnail.ytd-compact-radio-renderer { border-top: 1px solid var(--yt-spec-base-background); } ytd-compact-radio-renderer[collections] .details.ytd-compact-radio-renderer { margin-top: 4px; margin-left: 8px; } ytd-compact-radio-renderer:not([watch-feed-big-thumbs])[collections] ytd-thumbnail.ytd-compact-radio-renderer { margin-right: 0px; } ytd-compact-text-promo-renderer { display: flex; flex-direction: column; margin: 32px 0px 24px 48px; } .title.ytd-compact-text-promo-renderer { color: var(--yt-spec-text-primary); margin: 8px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .subtitle.ytd-compact-text-promo-renderer { color: var(--yt-spec-text-secondary); margin-bottom: 28px; font-size: 1.2rem; font-weight: 400; line-height: 1.2rem; } ytd-compact-text-promo-renderer[renderer-style="big-fonts"] { margin-bottom: 0px; } ytd-compact-text-promo-renderer[renderer-style="big-fonts"] .title.ytd-compact-text-promo-renderer { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 500; margin: 8px 0px 12px; } ytd-compact-text-promo-renderer[renderer-style="big-fonts"] .subtitle.ytd-compact-text-promo-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin-bottom: 24px; } ytd-compact-video-renderer { --yt-button-compact-background-color: var(--yt-spec-10-percent-layer); --yt-button-compact-text-color: var(--yt-spec-text-secondary); --yt-shorts-compact-label-text-hidden: none; position: relative; display: flex; flex-direction: row; } @keyframes fade-out-slide-up { 0% { opacity: 1; transform: translateY(0px); } 80% { opacity: 0; transform: translateY(-16px); } 100% { opacity: 0; } } ytd-compact-video-renderer[animation="fade-out-slide-up"] { animation: 0.62s linear 0s 1 normal forwards running fade-out-slide-up; } @keyframes fade-in-slide-up { 0% { opacity: 0; transform: translateY(16px); } 20% { opacity: 0; transform: translateY(16px); } 100% { opacity: 1; transform: translateY(0px); } } ytd-compact-video-renderer[animation="fade-in-slide-up"] { animation: 0.62s linear 0s 1 normal forwards running fade-in-slide-up; } @keyframes expanded-slide-down { 0% { transform: translateY(-94px); } 100% { transform: translateY(0px); } } ytd-compact-video-renderer[animation="expanded-slide-down"] { animation: 0.4s linear 0s 1 normal forwards running expanded-slide-down; } ytd-compact-video-renderer[expansion="expanded"]:not([is-dismissed]) { max-height: 94px; margin-bottom: 8px; } ytd-compact-video-renderer[expansion="collapsed"] { max-height: 0px; margin-bottom: 0px; overflow: hidden; } ytd-compact-video-renderer:not(:hover) #queue-button.ytd-compact-video-renderer { opacity: 0; } ytd-compact-video-renderer[edu-force-menu-display_] ytd-menu-renderer.ytd-compact-video-renderer, ytd-compact-video-renderer[edu-force-menu-display_]:not(:hover) ytd-menu-renderer.ytd-compact-video-renderer { opacity: 1; } ytd-compact-video-renderer[queue-hide-menu] ytd-menu-renderer.ytd-compact-video-renderer { display: none; } ytd-compact-video-renderer[is-dismissed] #dismissible.ytd-compact-video-renderer, ytd-compact-video-renderer:not([is-dismissed]) #dismissed.ytd-compact-video-renderer { display: none; } #dismissible.ytd-compact-video-renderer, #dismissed.ytd-compact-video-renderer { width: 100%; } #dismissible.ytd-compact-video-renderer { display: flex; flex-direction: row; } #dismissed.ytd-compact-video-renderer { padding: 8px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 8px; } #dismissed.ytd-compact-video-renderer:focus { outline: none; } ytd-compact-video-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-video-renderer { margin-right: 8px; height: 94px; width: 168px; } .details.ytd-compact-video-renderer { width: 100%; min-width: 0px; } .metadata.ytd-compact-video-renderer { min-width: 0px; width: 100%; padding-right: 24px; box-sizing: border-box; display: flex; flex-direction: column; } a.yt-simple-endpoint.ytd-compact-video-renderer { min-width: 0px; } #queue-button.ytd-compact-video-renderer ytd-button-renderer.ytd-compact-video-renderer, ytd-menu-renderer.ytd-compact-video-renderer { --yt-button-icon-padding: 0; --yt-button-icon-size: 24px; position: absolute; top: 0px; right: 0px; } #queue-button.ytd-compact-video-renderer ytd-button-renderer .ytd-button-renderer[style-target="button"], ytd-compact-video-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } #video-title.ytd-compact-video-renderer { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #video-title.compact-title.ytd-compact-video-renderer { margin: 0px; } ytd-compact-video-renderer[has-one-line-title] #video-title.ytd-compact-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-compact-video-renderer { color: var(--yt-spec-text-primary); } #buttons.ytd-compact-video-renderer > .ytd-compact-video-renderer { margin-top: 4px; } ytd-compact-video-renderer[watch-feed-big-thumbs]:not([is-dismissed]) #dismissible.ytd-compact-video-renderer { display: flex; flex-direction: column; } ytd-compact-video-renderer[watch-feed-big-thumbs] ytd-thumbnail.ytd-compact-video-renderer::before { display: block; content: ""; padding-top: 55.95%; background-color: var(--yt-spec-10-percent-layer); } ytd-compact-video-renderer[watch-feed-big-thumbs] .metadata.ytd-compact-video-renderer { padding-top: 8px; padding-bottom: 8px; } ytd-compact-video-renderer[watch-feed-big-thumbs] .secondary-metadata.ytd-compact-video-renderer { display: flex; flex-direction: row; } ytd-compact-video-renderer[watch-feed-big-thumbs]:not([meta-block-empty]) .badges.ytd-compact-video-renderer { padding-left: 8px; align-items: flex-start; } ytd-compact-video-renderer[watch-feed-big-thumbs] .details.ytd-compact-video-renderer { position: relative; display: flex; flex-direction: row; } ytd-compact-video-renderer[watch-feed-big-thumbs] ytd-menu-renderer.ytd-compact-video-renderer { margin-top: 8px; } ytd-compact-video-renderer[watch-feed-big-thumbs] #dismissed.ytd-compact-video-renderer { margin-bottom: 8px; } ytd-compact-video-renderer[watch-feed-big-thumbs][is-dismissed] #dismissed.ytd-compact-video-renderer { max-height: var(--ytd-compact-item-dismissed-height); display: flex; align-items: center; justify-content: center; } ytd-compact-video-renderer[disable-interaction] a.yt-simple-endpoint.ytd-compact-video-renderer { cursor: default; } ytd-compact-video-renderer[music-metadata-video-lockup] { border-radius: 6px; box-sizing: border-box; display: inline-block; min-width: 250px; width: var(--ytd-compact-video-renderer-width); margin-right: 16px; background-color: var(--yt-spec-badge-chip-background); } ytd-compact-video-renderer[music-metadata-video-lockup] .metadata.ytd-compact-video-renderer { padding-right: unset; } ytd-compact-video-renderer[music-metadata-video-lockup] a.ytd-compact-video-renderer { padding: 8px; } ytd-compact-video-renderer[music-metadata-video-lockup] #video-title.ytd-compact-video-renderer { margin-bottom: unset; } ytd-compact-video-renderer[music-metadata-video-lockup] a.yt-simple-endpoint.ytd-compact-video-renderer[href] h3.ytd-compact-video-renderer { color: var(--yt-spec-call-to-action); } ytd-compact-video-renderer[music-metadata-video-lockup] a.yt-simple-endpoint.ytd-compact-video-renderer:not([href]) #video-title.ytd-compact-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-dropdown-item-renderer { background-color: var(--ytd-dropdown-item-background-color,inherit); outline: none; min-width: 56px; cursor: default; display: flex; flex-direction: row; justify-content: flex-start; } #label.ytd-dropdown-item-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-dropdown-renderer { display: block; --paper-dropdown-menu-color: var(--yt-spec-text-secondary); --paper-dropdown-menu-focus-color: var(--yt-spec-text-primary); --paper-dropdown-error-color: var(--yt-spec-error-indicator); --paper-menu-button-content-box-shadow: 0px 4px 4px rgba(0,0,0,0.25); --paper-menu-button-content-background: none; --paper-dropdown-menu-icon-color: var(--yt-spec-text-secondary); } ytd-dropdown-renderer tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="label"], ytd-dropdown-renderer tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"] { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--paper-dropdown-menu-color)); } ytd-dropdown-renderer[no-underline] tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"] { border-bottom: none; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--paper-dropdown-menu-color)); } ytd-dropdown-renderer[has-background] tp-yt-paper-dropdown-menu-light.ytd-dropdown-renderer { color: var(--yt-spec-text-secondary); background-color: var(--yt-spec-10-percent-layer); padding: 0px 16px; } ytd-dropdown-renderer[has-background] tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"] { border-bottom: none; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--paper-dropdown-menu-color)); } ytd-dropdown-renderer[has-background] tp-yt-paper-dropdown-menu-light:focus .tp-yt-paper-dropdown-menu-light[style-target="input"] { border-bottom: none; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--paper-dropdown-menu-color)); } ytd-dropdown-renderer[use-primary-color] { --paper-dropdown-menu-color: var(--yt-spec-text-primary); } ytd-dropdown-renderer[theme="WHITE_THEME"] { --paper-dropdown-menu-color: var(--yt-spec-static-overlay-text-primary); --paper-dropdown-menu-focus-color: var(--yt-spec-static-overlay-text-primary); --paper-dropdown-menu-icon-color: var(--yt-spec-static-overlay-text-primary); } tp-yt-paper-dropdown-menu-light.ytd-dropdown-renderer { width: 100%; } #entries.ytd-dropdown-renderer { width: var(--ytd-dropdown-renderer-width); max-height: 400px; } ytd-navigation-dropdown-item-renderer { display: block; outline: none; } #label.ytd-navigation-dropdown-item-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-simple-endpoint.ytd-navigation-dropdown-item-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-navigation-dropdown-item-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } ytd-expanded-shelf-contents-renderer { display: block; margin-bottom: 24px; } #grid-container.ytd-expanded-shelf-contents-renderer { display: flex; flex-flow: wrap; } yt-formatted-string.ytd-expanded-shelf-contents-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); display: block; color: var(--yt-spec-text-secondary); cursor: pointer; margin-top: 16px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #grid-container.ytd-expanded-shelf-contents-renderer > .ytd-expanded-shelf-contents-renderer { width: 100%; } #grid-container.ytd-expanded-shelf-contents-renderer > .ytd-expanded-shelf-contents-renderer:not(:last-child) { margin-bottom: 16px; } @media (min-width: 1560px) { ytd-expanded-shelf-contents-renderer:not([is-constrained-list]) ytd-playlist-renderer.ytd-expanded-shelf-contents-renderer, ytd-expanded-shelf-contents-renderer:not([is-constrained-list]) ytd-channel-renderer.ytd-expanded-shelf-contents-renderer, ytd-expanded-shelf-contents-renderer:not([is-constrained-list]) ytd-radio-renderer.ytd-expanded-shelf-contents-renderer, ytd-expanded-shelf-contents-renderer:not([is-constrained-list]) ytd-video-renderer.ytd-expanded-shelf-contents-renderer, ytd-expanded-shelf-contents-renderer:not([is-constrained-list]) ytd-movie-playlist-renderer.ytd-expanded-shelf-contents-renderer { width: 50%; padding-right: 24px; box-sizing: border-box; flex: 0 0 auto; } } .yt-simple-endpoint.ytd-expanded-shelf-contents-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-expanded-shelf-contents-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } ytd-feed-channel-filter-header-renderer { margin: 32px 0px 0px; display: flex; flex-direction: row; align-items: flex-start; } h2.ytd-feed-channel-filter-header-renderer { display: flex; flex-direction: row; align-items: center; flex: 1 1 1e-09px; } a.ytd-feed-channel-filter-header-renderer { display: flex; flex-direction: row; align-items: flex-start; } #avatar.ytd-feed-channel-filter-header-renderer { height: 56px; width: 56px; margin-right: 24px; border-radius: 50%; background-color: transparent; overflow: hidden; } #title.ytd-feed-channel-filter-header-renderer { margin-top: 5px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } ytd-info-panel-container-renderer { border: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: column; } ytd-info-panel-container-renderer[background="GRAY"] { border: none; } ytd-info-panel-container-renderer[background="OVERLAY_BLACK"] { border: none; } ytd-info-panel-container-renderer[background="BLUE"] .header.ytd-info-panel-container-renderer { background: var(--yt-spec-suggested-action); } ytd-info-panel-container-renderer[background="GRAY"] .header.ytd-info-panel-container-renderer { background: var(--yt-spec-general-background-c); color: var(--yt-spec-text-secondary); } ytd-info-panel-container-renderer[rounded-container] { border-radius: 12px; } ytd-info-panel-container-renderer[rounded-container][has-title] .header.ytd-info-panel-container-renderer { border-radius: 12px 12px 0px 0px; } .header.ytd-info-panel-container-renderer { color: var(--yt-spec-text-primary); height: 36px; padding-left: 16px; padding-top: 4px; display: flex; align-items: center; justify-content: space-between; } .header-left-items.ytd-info-panel-container-renderer { display: flex; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .header-icon.ytd-info-panel-container-renderer { margin-right: 8px; } .link-icon.ytd-info-panel-container-renderer { color: var(--yt-spec-call-to-action); margin-left: 4px; width: 14px; height: 14px; } ytd-info-panel-container-renderer[title-style="LINK"] .title.ytd-info-panel-container-renderer { color: var(--yt-spec-call-to-action); } .divider-container.ytd-info-panel-container-renderer { display: flex; } ytd-info-panel-container-renderer:not([has-title]) .divider-container.ytd-info-panel-container-renderer, ytd-info-panel-container-renderer[background="GRAY"] .divider-container.ytd-info-panel-container-renderer { display: none; } .divider.ytd-info-panel-container-renderer { flex: 1 1 1e-09px; border-top: 1px solid var(--yt-spec-outline); } ytd-info-panel-container-renderer[amsterdam-enabled][background="BLUE"] .divider-offset.ytd-info-panel-container-renderer { border-top: 1px solid var(--yt-spec-suggested-action); width: 16px; } ytd-info-panel-container-renderer[amsterdam-enabled] { border: unset; } ytd-medical-panel-content-renderer { display: inline-block; width: 100%; background: var(--yt-spec-suggested-action); } .content.ytd-medical-panel-content-renderer { padding: 0px 16px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } ytd-medical-panel-section-renderer.ytd-medical-panel-content-renderer { padding: 10px 0px; } #expandable-sections.ytd-medical-panel-content-renderer ytd-medical-panel-section-renderer.ytd-medical-panel-content-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); } .footer.ytd-medical-panel-content-renderer { display: flex; flex: 1 1 1e-09px; justify-content: center; } ytd-medical-panel-content-renderer[rounded-container] { border-radius: 12px; } ytd-medical-panel-content-renderer[rounded-container][skip-rounding-top] { border-top-left-radius: 0px; border-top-right-radius: 0px; } ytd-medical-panel-section-renderer { display: inline-block; width: 100%; } ytd-medical-panel-section-renderer[has-section-endpoint] { cursor: pointer; } #header.ytd-medical-panel-section-renderer { color: var(--yt-spec-text-secondary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #header-link.ytd-medical-panel-section-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-hover-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); --yt-endpoint-text-regular-decoration: none; } #header-link.header-link-active.ytd-medical-panel-section-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-call-to-action); } .icons.ytd-medical-panel-section-renderer { height: 14px; width: 14px; margin-bottom: 2px; } #subheader.ytd-medical-panel-section-renderer { color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #subheader-link.ytd-medical-panel-section-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-text-primary); --yt-endpoint-text-regular-decoration: none; } .paragraph.ytd-medical-panel-section-renderer { color: var(--yt-spec-text-primary); --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-visited-color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .paragraph.ytd-medical-panel-section-renderer:not(:first-child) { margin-top: 16px; } #footer.ytd-medical-panel-section-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); margin-top: 8px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-item-section-header-renderer { display: flex; justify-content: space-between; align-items: center; } #title.ytd-item-section-header-renderer { color: var(--yt-spec-text-primary); padding-top: 24px; padding-bottom: 8px; font-size: 1.6em; line-height: 1.4em; font-weight: 500; } #subtitle.ytd-item-section-header-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-item-section-header-renderer[title-style="ITEM_SECTION_HEADER_TITLE_STYLE_HISTORY"] #title.ytd-item-section-header-renderer { padding-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-item-section-header-renderer[modern-typography] #title.ytd-item-section-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-item-section-header-renderer[modern-typography] #title.ytd-item-section-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-item-section-header-renderer[modern-typography] #subtitle.ytd-item-section-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-item-section-header-renderer[title-style="ITEM_SECTION_HEADER_TITLE_STYLE_TRANSFER_CHANNEL_DIALOG"] #title.ytd-item-section-header-renderer { padding-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-item-section-header-renderer[title-style="ITEM_SECTION_HEADER_TITLE_STYLE_LIVE_CHAT_ENGAGEMENT_PANEL"] #title.ytd-item-section-header-renderer { padding-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } ytd-item-section-header-renderer[title-style="ITEM_SECTION_HEADER_TITLE_STYLE_SHOPFRONT_FEED_ITEMS"] #title.ytd-item-section-header-renderer { padding-left: 48px; } ytd-item-section-header-renderer[title-style="ITEM_SECTION_HEADER_TITLE_STYLE_TRANSFER_CHANNEL_DIALOG"] #subtitle.ytd-item-section-header-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-item-section-header-renderer[title-style="ITEM_SECTION_HEADER_TITLE_STYLE_PLAYLIST_RECOMMENDATIONS"] { padding: 16px 0px 8px 36px; } ytd-item-section-header-renderer[title-style="ITEM_SECTION_HEADER_TITLE_STYLE_PLAYLIST_RECOMMENDATIONS"] #title.ytd-item-section-header-renderer { padding-top: 8px; } yt-subscription-product-renderer.ytd-item-section-renderer, yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer { display: inline-block; box-sizing: border-box; margin: 0 0 var(--yt-subscription-product-grid-margin); vertical-align: top; width: 100%; } @media (min-width: 876px) { yt-subscription-product-renderer.ytd-item-section-renderer, yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer { width: 50%; } yt-subscription-product-renderer.ytd-item-section-renderer:nth-of-type(2n+1), yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer:nth-of-type(2n+1) { padding: 0 var(--yt-subscription-product-grid-margin-half) 0 0; } yt-subscription-product-renderer.ytd-item-section-renderer:nth-of-type(2n), yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer:nth-of-type(2n) { padding: 0 0 0 var(--yt-subscription-product-grid-margin-half); } } @media (min-width: 1090px) { yt-subscription-product-renderer.ytd-item-section-renderer, yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer { width: 33.33%; } yt-subscription-product-renderer.ytd-item-section-renderer:nth-of-type(3n+1).ytd-item-section-renderer, yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer:nth-of-type(3n+1).ytd-item-section-renderer { padding: 0 var(--yt-subscription-product-grid-margin-two-thirds) 0 0; } yt-subscription-product-renderer.ytd-item-section-renderer:nth-of-type(3n+2).ytd-item-section-renderer, yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer:nth-of-type(3n+2).ytd-item-section-renderer { padding: 0 var(--yt-subscription-product-grid-margin-one-third); } yt-subscription-product-renderer.ytd-item-section-renderer:nth-of-type(3n+3).ytd-item-section-renderer, yt-subscription-product-upsell-offer-renderer.ytd-item-section-renderer:nth-of-type(3n+3).ytd-item-section-renderer { padding: 0 0 0 var(--yt-subscription-product-grid-margin-two-thirds); } } ytd-item-section-renderer { display: block; } ytd-item-section-renderer[suppress-disclaimer-separator] ytd-shelf-renderer.ytd-item-section-renderer { border-top: none; } ytd-button-renderer.ytd-item-section-renderer, ytd-compact-radio-renderer.ytd-item-section-renderer, ytd-compact-video-renderer.ytd-item-section-renderer, ytd-compact-movie-renderer.ytd-item-section-renderer, ytd-compact-playlist-renderer.ytd-item-section-renderer, ytd-emergency-onebox-renderer.ytd-item-section-renderer, ytd-feed-nudge-renderer.ytd-item-section-renderer, ytd-movie-renderer.ytd-item-section-renderer, ytd-playlist-renderer.ytd-item-section-renderer, ytd-show-renderer.ytd-item-section-renderer, ytd-radio-renderer.ytd-item-section-renderer, yt-search-no-results-renderer.ytd-item-section-renderer, ytd-video-renderer.ytd-item-section-renderer, ytd-channel-renderer.ytd-item-section-renderer, ytd-promoted-sparkles-text-search-renderer.ytd-item-section-renderer, ytd-web-answer-renderer.ytd-item-section-renderer, ytd-clarification-renderer.ytd-item-section-renderer, ytd-info-panel-container-renderer.ytd-item-section-renderer, ytd-continuation-item-renderer.ytd-item-section-renderer:not(:has(yt-ghost-comments)), ytd-compact-promoted-item-renderer.ytd-item-section-renderer, ytd-mini-game-card-view-model.ytd-item-section-renderer, .lockup.ytd-item-section-renderer, ytd-message-renderer.ytd-item-section-renderer:not(:first-child), ytd-expandable-video-description-body-renderer.ytd-item-section-renderer:not(ytd-video-description-header-renderer + ytd-expandable-video-description-body-renderer.ytd-item-section-renderer, ytd-video-description-infocards-section-renderer.ytd-item-section-renderer + ytd-expandable-video-description-body-renderer).ytd-item-section-renderer, yt-official-card-view-model.ytd-item-section-renderer { margin-top: var(--ytd-item-section-item-margin,16px); } yt-official-card-view-model.ytd-item-section-renderer { margin-bottom: var(--ytd-item-section-item-margin,24px); } .lockup.ytd-item-section-renderer { display: flex; } ytd-button-renderer.ytd-item-section-renderer:last-child, ytd-compact-radio-renderer.ytd-item-section-renderer:last-child, ytd-compact-video-renderer.ytd-item-section-renderer:last-child, ytd-compact-movie-renderer.ytd-item-section-renderer:last-child, ytd-compact-playlist-renderer.ytd-item-section-renderer:last-child, ytd-emergency-onebox-renderer.ytd-item-section-renderer:last-child, ytd-movie-renderer.ytd-item-section-renderer:last-child, ytd-playlist-renderer.ytd-item-section-renderer:last-child, ytd-show-renderer.ytd-item-section-renderer:last-child, ytd-radio-renderer.ytd-item-section-renderer:last-child, yt-search-no-results-renderer.ytd-item-section-renderer:last-child, ytd-video-renderer.ytd-item-section-renderer:last-child, ytd-channel-renderer.ytd-item-section-renderer:last-child, ytd-promoted-sparkles-text-search-renderer.ytd-item-section-renderer:last-child, ytd-web-answer-renderer.ytd-item-section-renderer:last-child, ytd-mini-game-card-view-model.ytd-item-section-renderer:last-child, .lockup.ytd-item-section-renderer:last-child, ytd-clarification-renderer.ytd-item-section-renderer, ytd-info-panel-container-renderer.ytd-item-section-renderer { margin-bottom: var(--ytd-item-section-item-margin,16px); } .ytGridShelfViewModelGridShelfRow.ytd-item-section-renderer:not(:last-of-type) { margin-bottom: 24px; } yt-subscription-product-header-renderer.ytd-item-section-renderer { margin: 40px 0px 16px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } ytd-exploratory-results-renderer.ytd-item-section-renderer, ytd-horizontal-card-list-renderer.ytd-item-section-renderer:not(:first-child), ytd-reel-shelf-renderer.ytd-item-section-renderer, grid-shelf-view-model.ytd-item-section-renderer, ytd-shelf-renderer.ytd-item-section-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); border-bottom: 1px solid var(--yt-spec-10-percent-layer); margin-top: 24px; } ytd-item-section-renderer[hide-shorts-shelf-header] ytd-reel-shelf-renderer.ytd-item-section-renderer { margin: 12px 0px; } ytd-horizontal-card-list-renderer.ytd-item-section-renderer:not(:first-child) { padding: 4px 0px 24px; margin-bottom: 24px; } ytd-horizontal-card-list-renderer.ytd-item-section-renderer:first-child { padding-top: 16px; } ytd-item-section-renderer[is-search-friction-page] ytd-horizontal-card-list-renderer.ytd-item-section-renderer:not(:first-child) { border: none; padding: 0px; margin: 0px 0px 16px; } #contents.ytd-item-section-renderer > ytd-settings-options-renderer.ytd-item-section-renderer:first-child { margin-top: 20px; } #contents.ytd-item-section-renderer > ytd-settings-options-renderer.ytd-item-section-renderer:last-child { margin-bottom: 20px; } #contents.ytd-item-section-renderer > ytd-settings-options-renderer.ytd-item-section-renderer:only-child { margin: 0px; } ytd-exploratory-results-renderer.ytd-item-section-renderer + ytd-exploratory-results-renderer.ytd-item-section-renderer, ytd-exploratory-results-renderer.ytd-item-section-renderer + ytd-shelf-renderer.ytd-item-section-renderer, ytd-reel-shelf-renderer.ytd-item-section-renderer + ytd-shelf-renderer.ytd-item-section-renderer, grid-shelf-view-model.ytd-item-section-renderer + ytd-shelf-renderer.ytd-item-section-renderer, #contents.ytd-item-section-renderer > ytd-exploratory-results-renderer.ytd-item-section-renderer:first-child, #contents.ytd-item-section-renderer > ytd-reel-shelf-renderer.ytd-item-section-renderer:first-child, #contents.ytd-item-section-renderer > grid-shelf-view-model.ytd-item-section-renderer:first-child, ytd-shelf-renderer.ytd-item-section-renderer + ytd-exploratory-results-renderer.ytd-item-section-renderer, ytd-shelf-renderer.ytd-item-section-renderer + ytd-horizontal-card-list-renderer.ytd-item-section-renderer, ytd-shelf-renderer.ytd-item-section-renderer + ytd-shelf-renderer.ytd-item-section-renderer, ytd-shelf-renderer.ytd-item-section-renderer + ytd-reel-shelf-renderer.ytd-item-section-renderer, ytd-shelf-renderer.ytd-item-section-renderer + grid-shelf-view-model.ytd-item-section-renderer, grid-shelf-view-model.ytd-item-section-renderer + grid-shelf-view-model.ytd-item-section-renderer, #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer:first-child { border-top: none; margin-top: 0px; } #contents.ytd-item-section-renderer > ytd-exploratory-results-renderer.ytd-item-section-renderer:last-child, #contents.ytd-item-section-renderer > ytd-reel-shelf-renderer.ytd-item-section-renderer:last-child, #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer:last-child { border-bottom: none; } #contents.ytd-item-section-renderer > ytd-sponsorships-alert-renderer.ytd-item-section-renderer::before { background: var(--yt-spec-error-background); content: ""; position: absolute; left: 0px; height: 100%; width: 9999px; top: 0px; margin-left: -4999px; } ytd-sponsorships-alert-renderer.ytd-item-section-renderer { position: relative; } #spinner-container.ytd-item-section-renderer { height: 0px; display: flex; } ytd-item-section-renderer[continuation-is-reloading] #contents.ytd-item-section-renderer { opacity: 0.25; pointer-events: none; } .reloading.ytd-item-section-renderer { opacity: 0.25; pointer-events: none; } tp-yt-paper-spinner-lite.ytd-item-section-renderer { margin: auto; display: none; } tp-yt-paper-spinner-lite.ytd-item-section-renderer[active] { display: block; margin-top: 150px; } yt-next-continuation.ytd-item-section-renderer { text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } yt-next-continuation.ytd-item-section-renderer tp-yt-paper-button[style-target="host"] { background-color: var(--yt-spec-10-percent-layer); border: 1px solid transparent; color: var(--yt-spec-text-secondary); width: 100%; margin: 0px; } ytd-item-section-renderer[can-show-more][use-height-hack] { min-height: 7000px; } ytd-item-section-renderer[can-show-more] #continuations.ytd-item-section-renderer { visibility: hidden; } ytd-item-section-renderer[section-identifier="sponsorships"] { max-width: 852px; } ytd-item-section-renderer[section-identifier="ptc-in-app-landing-page"] { max-width: 620px; } ytd-item-section-renderer[section-identifier="ptc-in-app-landing-page-matching-width"] { max-width: 900px; min-width: 360px; } @media (min-width: 840px) { ytd-item-section-renderer[section-identifier="ptc-in-app-landing-page-matching-width"] { min-width: 720px; } } @media (max-width: 839px) { ytd-item-section-renderer[section-identifier="ptc-in-app-landing-page-matching-width"] { max-width: 540px; } } ytd-item-section-renderer[is-playlist-video-container] { margin-right: 24px; } ytd-item-section-renderer[static-comments-header] { display: flex; flex-direction: column-reverse; justify-content: flex-end; padding-left: 0px; height: calc(var(--ytd-comments-engagement-panel-content-height) - var(--ytd-comments-engagement-panel-header-height)); } ytd-item-section-renderer[static-comments-header][darker-panels] #header.ytd-item-section-renderer { background-color: var(--yt-spec-base-background); } ytd-item-section-renderer[static-comments-header][enable-squeezeback-panels] #header.ytd-item-section-renderer { background-color: var(--ytd-squeezeback-panel-background-color); } ytd-item-section-renderer[static-comments-header][enable-anchored-panel] #header.ytd-item-section-renderer { background-color: var(--ytd-anchored-panel-background-color); } ytd-item-section-renderer[static-comments-header][enable-anchored-panel] #contents.ytd-item-section-renderer { padding-top: 16px; } ytd-item-section-renderer[static-comments-header] #header.ytd-item-section-renderer { background-color: var(--yt-spec-raised-background); --yt-formatted-string-contenteditable-root-style-max-height: 100px; --yt-formatted-string-contenteditable-root-style-overflow: hidden auto; --yt-formatted-string-contenteditable-root-style-overscroll-behavior: contain; } ytd-item-section-renderer[static-comments-header] #contents.ytd-item-section-renderer { padding-left: 16px; padding-right: 16px; scrollbar-gutter: stable; height: calc(var(--ytd-comments-engagement-panel-content-height) - var(--ytd-comments-engagement-panel-header-height) - 58px); min-height: calc(var(--ytd-engagement-panel-content-min-height) - var(--ytd-comments-engagement-panel-header-height) - 58px); overflow: hidden auto; scrollbar-color: transparent transparent; scrollbar-width: thin; overscroll-behavior: contain; } ytd-item-section-renderer[static-comments-header] #contents.ytd-item-section-renderer::-webkit-scrollbar { background: transparent; width: 8px; } ytd-item-section-renderer[static-comments-header] #contents.ytd-item-section-renderer::-webkit-scrollbar-thumb { height: 56px; background: transparent; } ytd-item-section-renderer[static-comments-header] #contents.ytd-item-section-renderer:hover { scrollbar-color: var(--yt-spec-icon-disabled) transparent; } ytd-item-section-renderer[static-comments-header] #contents.ytd-item-section-renderer:hover::-webkit-scrollbar-thumb { background: var(--yt-spec-icon-disabled); } ytd-item-section-renderer[static-comments-header][ep-restyle] #contents.ytd-item-section-renderer { flex: 1 1 0%; height: unset; min-height: unset; } yt-chip-cloud-renderer.ytd-item-section-renderer:first-child + ytd-exploratory-results-renderer.ytd-item-section-renderer, yt-chip-cloud-renderer.ytd-item-section-renderer:first-child + ytd-horizontal-card-list-renderer.ytd-item-section-renderer, yt-chip-cloud-renderer.ytd-item-section-renderer:first-child + ytd-reel-shelf-renderer.ytd-item-section-renderer, yt-chip-cloud-renderer.ytd-item-section-renderer:first-child + ytd-shelf-renderer.ytd-item-section-renderer { border-top: none; margin-top: 0px; } #header.ytd-item-section-renderer { --yt-feed-filter-chip-bar-margin: 0; --yt-feed-filter-chip-bar-padding-left: 36px; --yt-feed-filter-chip-bar-padding-right: 36px; --yt-feed-filter-chip-bar-margin-left-first-item: 0; } ytd-item-section-renderer[fit-container], ytd-item-section-renderer[fit-container] #contents.ytd-item-section-renderer { height: 100%; } ytd-item-section-renderer[header-style="sticky-header"] #header.ytd-item-section-renderer { position: sticky; top: 0px; z-index: 1; } ytd-item-section-renderer[page-subtype="playlist"] #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer { margin-left: 36px; margin-right: 36px; } ytd-item-section-renderer[top-spacing-zero]:first-child #contents.ytd-item-section-renderer .ytd-item-section-renderer:first-child { margin-top: 0px; } ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer { width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); grid-auto-flow: dense; gap: 16px; } ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer > ytd-horizontal-card-list-renderer.ytd-item-section-renderer, ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer > ytd-playlist-video-list-renderer.ytd-item-section-renderer, ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer > ytd-recognition-shelf-renderer.ytd-item-section-renderer, ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer > ytd-rich-shelf-renderer.ytd-item-section-renderer, ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer > ytd-shelf-renderer.ytd-item-section-renderer, ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer > ytd-ypc-offers-list-renderer.ytd-item-section-renderer, ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer > ytd-brandconnect-cta-shelf-card-renderer.ytd-item-section-renderer, ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer > ytd-reel-shelf-renderer.ytd-item-section-renderer, ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer > ytd-horizontal-card-list-renderer.ytd-item-section-renderer, ytd-item-section-renderer[lockup-container-type="2"] #contents.ytd-item-section-renderer > ytd-continuation-item-renderer.ytd-item-section-renderer { grid-column: 1 / -1; } ytw-search-friction-view-model.ytd-item-section-renderer { margin-bottom: 16px; } chip-bar-view-model.ytd-item-section-renderer { margin-bottom: 12px; } learning-journey-quiz-view-model.ytd-item-section-renderer { margin-bottom: 20px; } ytd-playlist-video-renderer { cursor: default; display: flex; flex-direction: row; align-items: center; border-radius: 12px; } ytd-playlist-video-renderer #content.ytd-playlist-video-renderer { padding: 8px 0px; } ytd-playlist-video-renderer[playlist-voting-animation-enabled] { view-transition-class: ytd-playlist-voting-animation-group; } ytd-playlist-video-renderer[amsterdam-post-mvp] ytd-thumbnail.ytd-playlist-video-renderer { height: 90px; width: 160px; } ytd-playlist-video-renderer[cairo-collab-playlist-post-mvp] ytd-thumbnail.ytd-playlist-video-renderer { height: 113px; width: 200px; } ytd-playlist-video-renderer[is-dismissed] { display: none; } ytd-playlist-video-renderer[can-reorder]:hover, ytd-playlist-video-renderer[can-reorder][menu-opened], ytd-playlist-video-renderer[can-reorder].dragging { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px; } ytd-playlist-video-renderer[can-reorder][persistent-drag-handle] { box-shadow: none; } ytd-playlist-video-renderer[can-reorder][persistent-drag-handle][handle-is-hovered], ytd-playlist-video-renderer[can-reorder][persistent-drag-handle].dragging { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px; transition: box-shadow 0.2s; cursor: grab; } #index-container.ytd-playlist-video-renderer { align-self: stretch; display: flex; flex-direction: row; align-items: center; } ytd-playlist-video-renderer[can-reorder]:not([persistent-drag-handle]):hover { cursor: grab; } ytd-playlist-video-renderer[can-reorder]:hover.dragging, ytd-playlist-video-renderer[can-reorder].dragging { cursor: grabbing; z-index: 2; background-color: var(--yt-spec-badge-chip-background); } ytd-playlist-video-renderer:hover:not(.dragging) { background-color: var(--yt-spec-badge-chip-background); } #menu.ytd-playlist-video-renderer { min-width: 40px; } ytd-playlist-video-renderer:not(:hover):not([style-type="playlist-video-renderer-style-recommended-video"]) ytd-menu-renderer.ytd-playlist-video-renderer:not([menu-active]):not(:focus-within) { opacity: 0; } @media (any-pointer: coarse) { ytd-menu-renderer.ytd-playlist-video-renderer { opacity: 1; } } ytd-playlist-video-renderer[can-reorder].dragging a.ytd-playlist-video-renderer { cursor: grabbing; } ytd-menu-renderer.ytd-playlist-video-renderer { display: block; } a.yt-simple-endpoint.ytd-playlist-video-renderer { min-width: 0px; flex: 1 1 1e-09px; display: flex; flex-direction: row; } #contributor.ytd-playlist-video-renderer, #index.ytd-playlist-video-renderer { padding: 16px 0px; } #index.ytd-playlist-video-renderer { color: var(--yt-spec-text-secondary); text-align: center; width: 36px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; display: flex; flex-direction: column; flex: 0 0 auto; justify-content: center; } #contributor.ytd-playlist-video-renderer { color: var(--yt-spec-text-secondary); text-align: right; margin: auto 0px; padding: 8px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; flex: 0 0 auto; } ytd-playlist-video-renderer[can-reorder]:hover #index.ytd-playlist-video-renderer, ytd-playlist-video-renderer[persistent-drag-handle] #index.ytd-playlist-video-renderer { display: none; } ytd-playlist-video-renderer[can-reorder]:hover #reorder.ytd-playlist-video-renderer, ytd-playlist-video-renderer[persistent-drag-handle] #reorder.ytd-playlist-video-renderer { color: var(--yt-spec-icon-inactive); padding: 0px 6px; display: block; flex: 0 0 auto; } #reorder.ytd-playlist-video-renderer { display: none; } #content.ytd-playlist-video-renderer { cursor: pointer; min-width: 0px; display: flex; flex-flow: wrap; flex: 1 1 1e-09px; justify-content: flex-start; } ytd-thumbnail.ytd-playlist-video-renderer { margin-right: 8px; height: 68px; width: 120px; flex: 0 0 auto; } ytd-playlist-video-renderer[style-type="playlist-video-renderer-style-episode"] ytd-thumbnail.ytd-playlist-video-renderer { height: 96px; width: 170px; } #meta.ytd-playlist-video-renderer { min-width: 0px; flex: 1 1 1e-09px; } #badges.ytd-playlist-video-renderer { margin: 8px; align-items: center; flex-flow: wrap; display: flex; justify-content: center; } #offer-button.ytd-playlist-video-renderer { align-items: flex-end; display: flex; flex-direction: column; justify-content: center; } #video-title.ytd-playlist-video-renderer { margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } ytd-playlist-video-renderer[playlist-voting-animation-enabled] #video-title.ytd-playlist-video-renderer { -webkit-line-clamp: 1; } h3.ytd-playlist-video-renderer { color: var(--yt-spec-text-primary); } #container.ytd-playlist-video-renderer { min-width: 0px; flex-basis: 368px; flex-grow: 1; display: flex; flex-direction: row; } #bottom-standalone-badge.ytd-playlist-video-renderer { margin-top: 4px; } .ytEngagementBarViewModelHost { display: block; } .ytEngagementBarViewModelEngagementBarWrapper { display: flex; flex-direction: row; height: 48px; align-items: center; } .ytVotingViewModelHost { display: flex; } .ytVotingViewModelVoteCount { display: flex; align-items: center; margin: 0px 8px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytVotingViewModelVoteCountDisabled { color: rgb(113, 113, 113); } ytd-premium-browse-footer-renderer { display: flex; flex-direction: column; margin: 32px 0px 24px 48px; } .title.ytd-premium-browse-footer-renderer { color: var(--yt-spec-text-primary); margin: 8px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .subtitle.ytd-premium-browse-footer-renderer { color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.2rem; } ytd-primetime-promo-header-renderer { display: inline-block; width: 210px; } #logo.ytd-primetime-promo-header-renderer { margin-top: 20px; margin-bottom: 24px; display: flex; flex-direction: row; align-items: flex-end; } ytd-badge-supported-renderer.ytd-primetime-promo-header-renderer { color: var(--yt-spec-text-secondary); margin-left: 12px; align-items: center; } #logo.ytd-primetime-promo-header-renderer > yt-img-shadow.ytd-primetime-promo-header-renderer { height: 24px; } ytd-primetime-promo-renderer { margin-right: 0px; border-top: 4px solid var(--yt-spec-10-percent-layer); border-bottom: 4px solid var(--yt-spec-10-percent-layer); display: flex; } ytd-primetime-promo-renderer[is-dismissed] #dismissible.ytd-primetime-promo-renderer, ytd-primetime-promo-renderer:not([is-dismissed]) #dismissed.ytd-primetime-promo-renderer { display: none; } ytd-primetime-promo-renderer #dismissed.ytd-primetime-promo-renderer:focus { outline: none; } #content-wrapper.ytd-primetime-promo-renderer { min-width: 0px; flex: 1 1 auto; } #dismissible.ytd-primetime-promo-renderer, #dismissed.ytd-primetime-promo-renderer { width: 100%; display: flex; flex-direction: column; } #dismiss-button.ytd-primetime-promo-renderer, #overflow-button.ytd-primetime-promo-renderer { margin-top: 12px; } #shelf-header-container.ytd-primetime-promo-renderer { width: 100%; display: flex; flex-direction: column; } #shelf-header-container.ytd-primetime-promo-renderer #section-header-container.ytd-primetime-promo-renderer { margin-top: 12px; flex: 1 1 1e-09px; } #shelf-header-container.ytd-primetime-promo-renderer #details-panel.ytd-primetime-promo-renderer { flex: 1 1 1e-09px; } #header.ytd-primetime-promo-renderer { display: flex; flex-direction: row; } #header-contents.ytd-primetime-promo-renderer { flex: 1 1 1e-09px; } #panels.ytd-primetime-promo-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)*-1/2); margin-right: calc(var(--ytd-rich-grid-item-margin)*-1/2); display: flex; flex-direction: row; } .ytSectionHeaderViewModelHost { display: block; } .ytSectionHeaderViewModelBadgeWithLabel { margin-right: 8px; } .shelf-header-layout-wiz { display: flex; flex: 1 1 0%; flex-direction: row; align-items: center; min-height: 48px; padding: 8px 12px; box-sizing: border-box; } .shelf-header-layout-wiz--responsive { min-height: 56px; } @media (max-width: 527.9px) { .shelf-header-layout-wiz--responsive { min-height: 48px; } } .shelf-header-layout-wiz--narrow { min-height: 48px; } .shelf-header-layout-wiz--disable-horizontal-padding { padding-left: 0px; padding-right: 0px; } .shelf-header-layout-wiz--disable-vertical-padding { padding-top: 0px; padding-bottom: 0px; } .shelf-header-layout-wiz__leading-icon { margin-right: 24px; height: 24px; width: 24px; color: rgb(241, 241, 241); } .shelf-header-layout-wiz__leading-image { margin-right: 12px; max-height: 36px; max-width: 36px; } .shelf-header-layout-wiz__leading-image--circular-image { border-radius: 50%; overflow: hidden; } .shelf-header-layout-wiz__label-container { display: flex; flex: 1 1 0%; flex-direction: column; } .shelf-header-layout-wiz__title-row { display: flex; flex-direction: row; align-items: baseline; } .shelf-header-layout-wiz__title { color: rgb(241, 241, 241); padding: 0px; margin: 0px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .shelf-header-layout-wiz__title { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .shelf-header-layout-wiz__title--small-title { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .shelf-header-layout-wiz__detail { margin-left: 12px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .shelf-header-layout-wiz__detail { display: none; } } .shelf-header-layout-wiz__sublabel { color: rgb(170, 170, 170); padding-top: 2px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .shelf-header-layout-wiz__superlabel { color: rgb(170, 170, 170); padding-bottom: 2px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .shelf-header-layout-wiz__trailing-actions { margin-left: 12px; } .shelf-header-layout-wiz--is-overlay .shelf-header-layout-wiz__title { color: rgb(255, 255, 255); } .shelf-header-layout-wiz--is-overlay .shelf-header-layout-wiz__sublabel { color: rgba(255, 255, 255, 0.7); } .shelf-header-layout-wiz--tappable { cursor: pointer; } ytd-recognition-shelf-renderer { display: flex; flex-direction: row; } #container.ytd-recognition-shelf-renderer { display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin-top: 16px; margin-bottom: 16px; } #text-container.ytd-recognition-shelf-renderer { margin-right: 40px; padding: 6px 0px; flex-grow: 1; } .title.ytd-recognition-shelf-renderer { display: block; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .subtitle.ytd-recognition-shelf-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #avatars-container.ytd-recognition-shelf-renderer { display: flex; margin-right: 24px; padding: 6px 0px; } .avatar.ytd-recognition-shelf-renderer { width: 36px; margin-right: 16px; border-radius: 50%; background-color: transparent; overflow: hidden; } #action-button.ytd-recognition-shelf-renderer { padding: 6px 0px; } ytd-shelf-renderer { display: flex; flex-direction: column; } ytd-shelf-renderer[is-dismissed] #dismissible.ytd-shelf-renderer, ytd-shelf-renderer:not([is-dismissed]) #dismissed.ytd-shelf-renderer { display: none; } ytd-shelf-renderer[enable-fluid-dismiss_][is-dismissed] #dismissed.ytd-shelf-renderer { display: none; } .grid-subheader.ytd-shelf-renderer { margin-top: 24px; } #title-text.ytd-shelf-renderer { display: flex; flex-direction: column; } #contents.ytd-shelf-renderer { margin-top: 24px; } #title-container.ytd-shelf-renderer { color: var(--yt-spec-text-primary); height: 2rem; display: flex; flex-direction: row; align-items: center; } #title-container.ytd-shelf-renderer a.ytd-shelf-renderer { display: flex; --yt-endpoint-color: var(--yt-spec-text-primary); } #title.ytd-shelf-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } #title-annotation.ytd-shelf-renderer { color: var(--yt-spec-text-secondary); margin-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-shelf-renderer[modern-typography] #title.ytd-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-shelf-renderer[modern-typography] #title.ytd-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-shelf-renderer[modern-typography] #title-annotation.ytd-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-shelf-renderer[modern-typography] #image-container.ytd-shelf-renderer #title-annotation.ytd-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-shelf-renderer[thumbnail-style="CHANNEL_THUMBNAIL_STYLE_BOXART"] #title-annotation.ytd-shelf-renderer { margin-left: 0px; } ytd-shelf-renderer[thumbnail-style="CHANNEL_THUMBNAIL_STYLE_BOXART_ROUNDED"] #title-annotation.ytd-shelf-renderer { margin-left: 0px; } yt-sort-filter-sub-menu-renderer.ytd-shelf-renderer { margin-left: 28px; } yt-sort-filter-sub-menu-renderer.ytd-shelf-renderer yt-dropdown-menu .yt-dropdown-menu[style-target="label-text"] { color: var(--yt-spec-text-secondary); font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } h2.ytd-shelf-renderer { display: flex; flex-direction: row; align-items: center; } #avatar.ytd-shelf-renderer { height: 32px; width: 32px; margin-right: 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } ytd-shelf-renderer[thumbnail-style="CHANNEL_THUMBNAIL_STYLE_BOXART"] #avatar.ytd-shelf-renderer { width: 29px; height: 40px; border-radius: 0px; background-color: transparent; overflow: hidden; } ytd-shelf-renderer[thumbnail-style="CHANNEL_THUMBNAIL_STYLE_BOXART_ROUNDED"] #avatar.ytd-shelf-renderer { width: 29px; height: 40px; border-radius: 4px; background-color: transparent; overflow: hidden; } #icon.ytd-shelf-renderer { margin-right: 16px; color: var(--yt-spec-icon-inactive); } #featured-badge.ytd-shelf-renderer { margin-left: 8px; } #subtitle.ytd-shelf-renderer { color: var(--yt-spec-text-secondary); margin-top: 8px; max-width: 615px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #subtitle.can-be-empty.ytd-shelf-renderer[is-empty] { display: none; } #image-container.ytd-shelf-renderer { display: flex; flex-direction: row; align-items: center; } #spacer.ytd-shelf-renderer { flex: 1 1 1e-09px; } #dismissed.ytd-shelf-renderer { padding: 8px; } #dismissed.ytd-shelf-renderer:focus { outline: none; } ytd-vertical-list-renderer { display: block; padding-bottom: 24px; } ytd-vertical-list-renderer #items.ytd-vertical-list-renderer > .ytd-vertical-list-renderer:first-child { margin-top: 0px; } ytd-vertical-list-renderer[modern-buttons] #more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer, ytd-vertical-list-renderer[modern-buttons] #all.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer { text-transform: capitalize; } #items.ytd-vertical-list-renderer > .ytd-vertical-list-renderer { margin-top: 16px; } .lockup.ytd-vertical-list-renderer { display: flex; } #more.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer, #all.ytd-vertical-list-renderer yt-formatted-string.ytd-vertical-list-renderer { color: var(--yt-spec-text-secondary); cursor: pointer; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #more.ytd-vertical-list-renderer, #all.ytd-vertical-list-renderer { padding-top: 24px; display: flex; flex-direction: row; justify-content: center; } ytd-sort-filter-header-renderer { display: block; flex: 1 1 1e-09px; } ytd-sort-filter-header-renderer:not([has-title]) #filter-menu.ytd-sort-filter-header-renderer { margin-left: var(--ytd-sort-filter-header-margin-left,36px); } #header-container.ytd-sort-filter-header-renderer { margin-top: 16px; margin-bottom: -4px; display: flex; flex-direction: row; } ytd-sort-filter-header-renderer[is-playlist] #header-container.ytd-sort-filter-header-renderer { margin-top: 16px; margin-bottom: 16px; } ytd-sort-filter-header-renderer[is-playlist-page-with-filters] #header-container.ytd-sort-filter-header-renderer { margin: 0px; } #headings.ytd-sort-filter-header-renderer { flex: 1 1 1e-09px; } #title.ytd-sort-filter-header-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } #subtitle.ytd-sort-filter-header-renderer { color: var(--yt-spec-text-secondary); margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #filter-menu.ytd-sort-filter-header-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; } ytd-video-description-infocards-section-renderer { display: block; padding: 16px 0px; } ytd-video-description-infocards-section-renderer[engagement-panel] #social-links.ytd-video-description-infocards-section-renderer { margin: 0px -16px; padding-left: 16px; } #header.ytd-video-description-infocards-section-renderer { margin-bottom: 16px; display: flex; flex-direction: row; align-items: center; } #header.ytd-video-description-infocards-section-renderer #thumbnail.ytd-video-description-infocards-section-renderer { border-radius: 50%; margin-right: 12px; overflow: hidden; } #title.ytd-video-description-infocards-section-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.6rem; -webkit-line-clamp: 1; } #subtitle.ytd-video-description-infocards-section-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } ytd-video-description-infocards-section-renderer[show-creator-custom-url-buttons] #subtitle.ytd-video-description-infocards-section-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } #action-buttons.ytd-video-description-infocards-section-renderer { margin-bottom: 16px; max-width: 720px; display: flex; flex-direction: row; align-items: center; } #action-buttons.ytd-video-description-infocards-section-renderer ytd-button-renderer.ytd-video-description-infocards-section-renderer { border-radius: 4px; box-sizing: border-box; width: 100%; } #action-buttons.ytd-video-description-infocards-section-renderer #infocard-videos-button.ytd-video-description-infocards-section-renderer { margin-right: 12px; } #action-buttons.ytd-video-description-infocards-section-renderer #infocard-videos-button.ytd-video-description-infocards-section-renderer, #action-buttons.ytd-video-description-infocards-section-renderer #infocard-channel-button.ytd-video-description-infocards-section-renderer { flex: 1 1 1e-09px; } #infocards-section.ytd-video-description-infocards-section-renderer { display: flex; flex-direction: column; } ytd-compact-infocard-renderer.ytd-video-description-infocards-section-renderer { margin-bottom: 12px; } #social-links.ytd-video-description-infocards-section-renderer { position: relative; margin-bottom: 16px; display: flex; flex-direction: row; align-items: center; } #social-links.ytd-video-description-infocards-section-renderer:hover .arrow-container.ytd-video-description-infocards-section-renderer { visibility: visible; } #items.ytd-video-description-infocards-section-renderer { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); will-change: transform; display: inline-block; white-space: nowrap; } #items.ytd-video-description-infocards-section-renderer yt-button-view-model.ytd-video-description-infocards-section-renderer, #items.ytd-video-description-infocards-section-renderer ytd-button-renderer.ytd-video-description-infocards-section-renderer { margin-right: 8px; display: inline-block; vertical-align: top; white-space: normal; } .arrow-container.ytd-video-description-infocards-section-renderer { position: absolute; cursor: pointer; visibility: hidden; border-radius: 50%; color: var(--yt-spec-text-primary); background-color: var(--yt-spec-raised-background); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 0px 4px; z-index: 200; } #left-arrow-container.ytd-video-description-infocards-section-renderer { left: 20px; } #right-arrow-container.ytd-video-description-infocards-section-renderer { right: 20px; } #scroll-container.ytd-video-description-infocards-section-renderer { overflow: hidden; } ytd-eom-settings-disclaimer-renderer { margin-top: 8px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #app.ytd-eom-settings-disclaimer-renderer { padding: 20px 24px; background: var(--yt-spec-suggested-action); border-radius: 8px; display: flex; flex-direction: row; align-items: center; } #info.ytd-eom-settings-disclaimer-renderer { min-width: 24px; } #label.ytd-eom-settings-disclaimer-renderer { margin-left: 16px; } ytd-product-list-header-renderer { display: inline-block; } ytd-product-list-header-renderer[suppress-padding-disclaimer] #main.ytd-product-list-header-renderer { padding-left: 0px; padding-right: 0px; } #main.ytd-product-list-header-renderer { display: flex; padding: 8px 16px; } #title.ytd-product-list-header-renderer { color: var(--yt-spec-text-primary); align-self: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-hashtag-tile-renderer { display: block; margin-top: 12px; } #content-section.ytd-hashtag-tile-renderer { display: flex; flex-direction: row; } .hashtag-link.ytd-hashtag-tile-renderer { min-width: 0px; display: flex; flex-direction: row; flex: 1 1 1e-09px; } #thumbnail-spacing-wrapper.ytd-hashtag-tile-renderer { display: flex; align-items: center; justify-content: center; height: 136px; width: 136px; margin-right: 16px; } #thumbnail-color-wrapper.ytd-hashtag-tile-renderer { display: flex; align-items: center; justify-content: center; height: 128px; width: 128px; border-radius: 6px; } #info-section.ytd-hashtag-tile-renderer { display: flex; flex-direction: row; flex: 1 1 1e-09px; } #thumbnail.ytd-hashtag-tile-renderer { width: 246px; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 0 0 auto; } #info.ytd-hashtag-tile-renderer { padding: 0px 16px 16px; min-width: 0px; display: flex; flex-direction: column; justify-content: center; flex: 1 1 1e-09px; } #hashtag.ytd-hashtag-tile-renderer { --ytd-channel-name-container-display: -webkit-box; --ytd-channel-name-text-display: -webkit-box; --ytd-channel-name-text-line-clamp: 2; color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; flex-direction: row; align-items: center; align-self: flex-start; } #metadata.ytd-hashtag-tile-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 3.6rem; -webkit-line-clamp: 2; margin-bottom: 4px; } @media (min-width: 0) and (max-width: 662px) { #info.ytd-hashtag-tile-renderer { padding: 0px 0px 0px 16px; } } #thumbnail-section.ytd-hashtag-tile-renderer { margin-right: 16px; max-width: 360px; min-width: 240px; flex: 1 1 1e-09px; } #thumbnail-section.ytd-hashtag-tile-renderer .hashtag-link.ytd-hashtag-tile-renderer { justify-content: center; } #thumbnail-spacing-wrapper.ytd-hashtag-tile-renderer { margin: 0px; } #info.ytd-hashtag-tile-renderer { padding-left: 0px; } ytd-sponsorships-alert-renderer { padding: 16px 0px; background-color: var(--yt-spec-error-background); display: flex; flex-direction: row; flex: 1 1 1e-09px; } ytd-sponsorships-alert-renderer > .ytd-sponsorships-alert-renderer { position: relative; } #alert-message.ytd-sponsorships-alert-renderer { align-self: center; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary-inverse); } #action-buttons.ytd-sponsorships-alert-renderer { text-align: end; flex: 0 0 auto; padding-left: 16px; } ytd-compact-movie-renderer { position: relative; display: flex; flex-direction: row; } ytd-compact-movie-renderer[is-dismissed] #dismissible.ytd-compact-movie-renderer, ytd-compact-movie-renderer:not([is-dismissed]) #dismissed.ytd-compact-movie-renderer { display: none; } #dismissible.ytd-compact-movie-renderer, #dismissed.ytd-compact-movie-renderer { width: 100%; } #dismissible.ytd-compact-movie-renderer { display: flex; flex-direction: row; } #dismissed.ytd-compact-movie-renderer { padding: 8px; border: 1px solid var(--yt-spec-10-percent-layer); } #dismissed.ytd-compact-movie-renderer:focus { outline: none; } ytd-compact-movie-renderer:not([watch-feed-big-thumbs]) ytd-thumbnail.ytd-compact-movie-renderer { margin-right: 8px; height: 94px; width: 168px; } .details.ytd-compact-movie-renderer { width: 100%; min-width: 0px; } .yt-simple-endpoint.ytd-compact-movie-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-compact-movie-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-compact-movie-renderer { min-width: 0px; padding-right: 24px; box-sizing: border-box; flex: 1 1 1e-09px; } ytd-menu-renderer.ytd-compact-movie-renderer { position: absolute; top: 0px; right: 0px; } ytd-compact-movie-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } #movie-title.ytd-compact-movie-renderer { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-compact-movie-renderer #video-title.ytd-compact-movie-renderer { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } h3.ytd-compact-movie-renderer { color: var(--yt-spec-text-primary); } .movie-metadata.ytd-compact-movie-renderer { color: var(--yt-spec-text-secondary); padding: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-compact-movie-renderer[watch-feed-big-thumbs]:not([is-dismissed]) #dismissible.ytd-compact-movie-renderer { display: flex; flex-direction: column; } ytd-compact-movie-renderer[watch-feed-big-thumbs] ytd-thumbnail.ytd-compact-movie-renderer::before { display: block; content: ""; padding-top: 55.95%; background-color: var(--yt-spec-10-percent-layer); } ytd-compact-movie-renderer[watch-feed-big-thumbs] .details.ytd-compact-movie-renderer { padding-top: 8px; padding-bottom: 8px; position: relative; display: flex; flex-direction: row; } ytd-compact-movie-renderer[watch-feed-big-thumbs] ytd-menu-renderer.ytd-compact-movie-renderer { margin-top: 8px; } ytd-compact-movie-renderer[watch-feed-big-thumbs] #dismissed.ytd-compact-movie-renderer { margin-bottom: 8px; } ytd-compact-movie-renderer[watch-feed-big-thumbs][is-dismissed] #dismissed.ytd-compact-movie-renderer { max-height: var(--ytd-compact-item-dismissed-height); display: flex; align-items: center; justify-content: center; } ytd-compact-movie-renderer[watch-feed-big-thumbs] .secondary-metadata.ytd-compact-movie-renderer { display: flex; flex-direction: row; } ytd-compact-movie-renderer[watch-feed-big-thumbs] .movie-metadata.ytd-compact-movie-renderer { white-space: nowrap; text-overflow: ellipsis; } ytd-expandable-video-description-body-renderer { display: block; } #source-attributions-wrapper.ytd-expandable-video-description-body-renderer { display: flex; flex-flow: wrap; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .source-attribution.ytd-expandable-video-description-body-renderer { margin-top: 4px; margin-right: 8px; } ytd-expandable-video-description-body-renderer[engagement-panel] #source-attributions-wrapper.ytd-expandable-video-description-body-renderer { margin-left: 8px; } ytd-text-inline-expander { display: block; position: relative; overflow: hidden; contain: content; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-text-inline-expander[engagement-panel][show-expand-button] #expand.ytd-text-inline-expander, ytd-text-inline-expander[engagement-panel][is-expanded] #expand.ytd-text-inline-expander { bottom: 12px; } ytd-text-inline-expander[engagement-panel][show-expand-button]:hover, ytd-text-inline-expander[engagement-panel][is-expanded]:hover { background-color: var(--yt-spec-outline); cursor: pointer; } ytd-text-inline-expander[engagement-panel][show-expand-button]:active, ytd-text-inline-expander[engagement-panel][is-expanded]:active { background-color: var(--yt-spec-additive-background); cursor: pointer; } ytd-text-inline-expander[engagement-panel] { border-radius: 12px; padding: 12px; background: var(--yt-spec-additive-background); --ytd-text-inline-expander-button-color: var(--yt-spec-text-primary); } ytd-text-inline-expander[engagement-panel] #ellipsis.ytd-text-inline-expander { display: none; } #snippet.ytd-text-inline-expander { white-space: pre-wrap; } #ellipsis.ytd-text-inline-expander { display: inline-block; width: 0px; } .button.ytd-text-inline-expander { margin: 0px; padding: 0px; min-width: 40px; color: var(--ytd-text-inline-expander-button-color,var(--yt-spec-text-secondary)); white-space: pre; text-transform: none; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #expand-sizer.ytd-text-inline-expander { visibility: hidden; } #expand.ytd-text-inline-expander { position: absolute; bottom: 0px; } #collapse.ytd-text-inline-expander { margin-top: 2rem; } ytd-text-inline-expander:not([is-expanded]) > [slot="extra-content"] { display: none; } ytd-video-description-header-renderer { display: block; padding: 24px; } #title.ytd-video-description-header-renderer { padding: 4px 0px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; max-height: 13rem; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-description-header-renderer[shorts-panel][watch-while-sdp] #title.ytd-video-description-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; padding: 0px 0px 16px; } #channel-info.ytd-video-description-header-renderer { display: flex; flex-direction: row; padding: 4px 0px; } #avatar.ytd-video-description-header-renderer { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; background-color: var(--yt-spec-static-overlay-icon-disabled); } #channel-name.ytd-video-description-header-renderer { display: flex; flex-direction: row; align-self: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: var(--yt-spec-text-primary); } .yt-simple-endpoint.ytd-video-description-header-renderer { margin-right: 8px; display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-video-description-header-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #factoids.ytd-video-description-header-renderer { display: flex; flex-direction: row; margin: 16px 0px; justify-content: space-around; } ytd-video-description-header-renderer[shorts-panel][watch-while-sdp] #factoids.ytd-video-description-header-renderer { border-top: solid var(--yt-spec-10-percent-layer) 1px; padding: 16px 0px; margin: 0px; } .ytwFactoidRendererHost { display: block; } .ytwFactoidRendererFactoid { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; padding: 0px 4px; text-align: center; width: 100%; } .ytwFactoidRendererValue { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; margin-bottom: 2px; } .ytwFactoidRendererLabel { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-list-item-view-model { display: block; position: relative; } #list-item.ytd-list-item-view-model { height: 40px; padding: 8px 12px 8px 0px; display: flex; align-items: center; } ytd-list-item-view-model[no-padding] #list-item.ytd-list-item-view-model { padding: 0px; } #content.ytd-list-item-view-model { flex: 1 1 1e-09px; display: flex; flex-direction: column; } #title.ytd-list-item-view-model { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #subtitle.ytd-list-item-view-model { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #leading-image-container.ytd-list-item-view-model { height: 24px; width: 24px; padding-right: 12px; align-items: center; } .ytmLpComplexOfferCardSectionViewModelHost { justify-content: center; align-items: center; flex-direction: column; display: flex; } .ytmLpComplexOfferCardSectionViewModelSectionContainer { padding: 32px 0px 20px; display: flex; justify-content: center; flex-direction: column; max-width: 618px; } .ytmLpComplexOfferCardSectionViewModelSectionContainerAlignLeft { justify-content: left; } .ytmLpComplexOfferCardSectionViewModelTitleContainer { display: flex; justify-content: center; } .ytmLpComplexOfferCardSectionViewModelTitleContainerAlignLeft { justify-content: left; margin: 20px 0px 0px 20px; } .ytmLpComplexOfferCardSectionViewModelTitleText { text-align: center; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytmLpComplexOfferCardSectionViewModelTitleText { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } .ytmLpComplexOfferCardSectionViewModelTitleTextAlignLeft { text-align: left; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 900; } @media (max-width: 527.9px) { .ytmLpComplexOfferCardSectionViewModelTitleTextAlignLeft { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 900; } } .ytmLpComplexOfferCardSectionViewModelSubtitleContainer { display: flex; justify-content: center; padding-top: 10px; } .ytmLpComplexOfferCardSectionViewModelSubtitleContainerAlignLeft { justify-content: left; margin: 20px 0px 0px 20px; } .ytmLpComplexOfferCardSectionViewModelSubtitleText { text-align: center; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytmLpComplexOfferCardSectionViewModelSubtitleTextAlignLeft { text-align: left; } .ytmLpComplexOfferCardSectionViewModelOfferCardsContainer { justify-content: center; flex-flow: column wrap; } .ytmLpComplexOfferCardSectionViewModelOfferCardsContainerAlignLeft { justify-content: left; } .ytmLpComplexOfferCardSectionViewModelOfferCardContainer { flex: 1 1 0px; margin: 20px; } .ytLpComplexOfferCardDetailsViewModelExpandedDetails { display: flex; flex-direction: column; justify-content: center; } .ytLpComplexOfferCardDetailsViewModelExpandedTitle { display: flex; justify-content: center; color: rgb(241, 241, 241); cursor: pointer; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytLpComplexOfferCardDetailsViewModelExpandedTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } .ytLpComplexOfferCardDetailsViewModelLegalText { color: rgb(170, 170, 170); text-align: center; margin-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; } .ytLpComplexOfferCardDetailsViewModelCollapsedDetails { display: flex; justify-content: center; color: rgb(241, 241, 241); cursor: pointer; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytLpComplexOfferCardDetailsViewModelOfferPlanDetailsContainer { margin-left: 12px; margin-right: 12px; } .ytLpComplexOfferCardDetailsViewModelExpandIconContainer { display: flex; margin-left: 8px; margin-top: -2px; } .ytLpComplexOfferCardDetailsViewModelOfferPlanDetailsContainers { display: flex; flex-direction: column; justify-content: center; margin-top: 16px; } .ytOfferPlanDetailsContainerViewModelHost { padding: 8px; display: flex; justify-content: center; flex-flow: column wrap; } .ytOfferPlanDetailsContainerViewModelOfferPlanContainer { background-color: rgba(255, 255, 255, 0.1); border-radius: 24px; display: flex; justify-content: center; flex-flow: column wrap; } .ytOfferPlanDetailsContainerViewModelOfferPlanDetailsItemContainer { flex: 1 1 0px; margin: 12px; } .ytOfferPlanDetailsContainerViewModelDivider { align-self: center; border-top: 1px solid rgba(255, 255, 255, 0.2); width: 55%; } .ytOfferPlanDetailsContainerViewModelDividerContainer { display: flex; padding: 12px 12px 0px; } .ytOfferPlanDetailsContainerViewModelAddIconContainer { background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; height: 24px; width: 28px; justify-content: center; margin: 4px; } .ytOfferPlanDetailsContainerViewModelAddIcon { align-self: center; color: rgb(170, 170, 170); } .ytOfferPlanDetailsItemViewModelHost { display: flex; flex-direction: column; justify-content: center; padding: 0px 2px; } .ytOfferPlanDetailsItemViewModelOfferPlanDetailsItemContainer { display: flex; justify-content: center; } .ytOfferPlanDetailsItemViewModelOfferPlanDetailsItemContent { display: flex; flex-direction: column; align-items: center; } .ytOfferPlanDetailsItemViewModelTitleText { display: flex; justify-content: center; color: rgb(241, 241, 241); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytOfferPlanDetailsItemViewModelSubtitleText { color: rgb(241, 241, 241); text-align: center; margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; } .ytOfferPlanDetailsItemViewModelDivider { margin-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.2); } .ytOfferPlanDetailsItemViewModelLogo { display: flex; height: 50px; margin-bottom: 8px; } .ytOfferPlanDetailsItemViewModelLogoImage { object-fit: contain; } .ytLpComplexOfferCardOptionViewModelCardContainer { display: flex; flex-direction: column; gap: 10px; margin: 0px; padding: 0px; max-width: 572px; background-color: rgb(33, 33, 33); overflow: hidden; } .ytLpComplexOfferCardOptionViewModelPlanPricingPrimary { color: rgb(241, 241, 241); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; padding: 0px 20px; } .ytLpComplexOfferCardOptionViewModelPlanPricingSecondary { color: rgb(170, 170, 170); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; padding: 0px 20px; } .ytLpComplexOfferCardOptionViewModelPrimaryButtonContainer { padding: 0px 20px; box-sizing: border-box; width: 100%; } .ytLpComplexOfferCardOptionViewModelPrimaryButton { display: flex; flex-direction: column; align-self: center; } .ytmLpComplexOfferCardViewModelHost { display: flex; flex-direction: column; align-items: center; } .ytmLpComplexOfferCardViewModelCardContainer { display: flex; flex-direction: column; gap: 10px; margin: 0px; padding: 0px; max-width: 572px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 24px; background-color: rgb(33, 33, 33); overflow: hidden; } .ytmLpComplexOfferCardViewModelCardContainerAlignLeft { align-items: start; } .ytmLpComplexOfferCardViewModelTitle { color: rgb(241, 241, 241); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 900; padding: 10px 20px 0px; } .ytmLpComplexOfferCardViewModelTitleAlignLeft { text-align: left; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 900; } @media (max-width: 527.9px) { .ytmLpComplexOfferCardViewModelTitleAlignLeft { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 900; } } .ytmLpComplexOfferCardViewModelSubtitle { color: rgb(170, 170, 170); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; padding: 0px 20px; } .ytmLpComplexOfferCardViewModelSubtitleAlignLeft { text-align: left; } .ytmLpComplexOfferCardViewModelPlanPricingPrimary { color: rgb(241, 241, 241); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; padding: 0px 20px; } .ytmLpComplexOfferCardViewModelPlanPricingSecondary { color: rgb(170, 170, 170); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; padding: 0px 20px; } .ytmLpComplexOfferCardViewModelLegalText { color: rgb(170, 170, 170); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; padding: 0px 20px 16px; } .ytmLpComplexOfferCardViewModelLegalTextAlignLeft { text-align: left; } .ytmLpComplexOfferCardViewModelPurchaseButtonContainer { padding: 0px 20px; box-sizing: border-box; width: 100%; } .ytmLpComplexOfferCardViewModelPurchaseButton { display: flex; flex-direction: column; align-self: center; } .ytmLpComplexOfferCardViewModelLogo { height: 64px; padding-top: 20px; justify-content: center; } .ytmLpComplexOfferCardViewModelLogoAlignLeft { justify-content: left; padding: 20px 20px 0px; } .ytmLpComplexOfferCardViewModelLogoImage { object-fit: contain; } .ytmLpComplexOfferCardViewModelBannerTextContainer { background-color: rgba(255, 255, 255, 0.1); width: 100%; } .ytmLpComplexOfferCardViewModelBannerText { text-align: center; color: rgb(43, 166, 64); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; padding: 10px; } .ytmLpComplexOfferCardViewModelOfferCardDetails { padding: 16px 0px; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); } .ytmLpComplexOfferCardViewModelOfferOptions { display: flex; flex-direction: column; width: 100%; gap: 10px; margin: 0px; padding: 0px; } .yt-lp-faq-entry-view-model { display: flex; flex-direction: column; border-bottom-style: solid; border-bottom-width: 1px; border-color: var(--premium-yt-spec-outline); padding: 20px 0px; cursor: pointer; --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } .yt-lp-faq-entry-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } .yt-lp-faq-entry-view-model:hover [class$="icon-hover-highlighting"] { background-color: var(--premium-yt-spec-button-chip-background-hover); } .yt-lp-faq-entry-view-model__faq-question-and-answers-section { display: flex; align-items: center; } .yt-lp-faq-entry-view-model__lp-faq-question { color: var(--premium-yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } .yt-lp-faq-entry-view-model__icon-container { display: flex; position: relative; color: var(--premium-yt-spec-text-primary); } .yt-lp-faq-entry-view-model__icon-hover-highlighting { position: absolute; width: 200%; height: 200%; transform: translate(-25%, -25%); border-radius: 40px; } .yt-lp-faq-entry-view-model__lp-faq-section-faqs-question { flex-grow: 1; margin-right: 10px; } .yt-lp-faq-entry-view-model__lp-faq-section-faqs-answer { display: block; margin-top: 20px; color: var(--premium-yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .yt-lp-faq-entry-view-model__lp-faq-section-faqs-outer-answer { transition: height 0.3s; overflow: hidden; } .yt-lp-faq-entry-view-model__lp-faq-section-faqs-outer-answer--collapsed { display: none; } .yt-lp-faq-section-view-model { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); display: flex; flex-direction: column; } .yt-lp-faq-section-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } .yt-lp-faq-section-view-model__faq-container { background-color: var(--premium-yt-spec-additive-background); border-radius: 16px; height: 100%; padding: 44px 16px; } @media (min-width: 1024px) { .yt-lp-faq-section-view-model__faq-container { padding: 24px; margin: 80px; } } @media (max-width: 1023.9px) { .yt-lp-faq-section-view-model__faq-container { margin-top: 100px; } } @media (min-width: 528px) and (max-width: 1023px) { .yt-lp-faq-section-view-model__faq-container { padding: 24px; } } @media (max-width: 527.9px) { .yt-lp-faq-section-view-model__faq-container { border-radius: 32px; } } .yt-lp-faq-section-view-model__lp-faq-section-header { display: flex; color: var(--premium-yt-spec-text-primary); margin-bottom: 24px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { .yt-lp-faq-section-view-model__lp-faq-section-header { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } @media (max-width: 527px) { .yt-lp-faq-section-view-model__lp-faq-section-header { margin-top: 16px; margin-bottom: 16px; } } @media (min-width: 840px) and (max-width: 1023px) { .yt-lp-faq-section-view-model__lp-faq-section-header { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 700; } } @media (min-width: 840px) and (max-width: 1023px) and (max-width: 527.9px) { .yt-lp-faq-section-view-model__lp-faq-section-header { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 700; } } @media (min-width: 1024px) { .yt-lp-faq-section-view-model__lp-faq-section-header { margin-top: 24px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 6.4rem; line-height: 8rem; font-weight: 700; } } @media (min-width: 1024px) and (max-width: 527.9px) { .yt-lp-faq-section-view-model__lp-faq-section-header { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 700; } } .yt-lp-faq-section-view-model__lp-faq-section-faqs { margin-bottom: 20px; } .yt-lp-faq-section-view-model__lp-faq-section-footers { display: flex; flex-direction: column; color: var(--premium-yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } @media (min-width: 840px) { .yt-lp-faq-section-view-model__lp-faq-section-footers { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } } .yt-lp-faq-section-view-model__lp-faq-section-legal { display: flex; color: var(--premium-yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-lp-faq-section-view-model--ptc-layout-type { align-items: center; } .yt-lp-faq-section-view-model--ptc-layout-type .yt-lp-faq-section-view-model__faq-container { max-width: 540px; padding: 0px 16px 16px; margin: 0px 20px 20px; } .yt-lp-faq-section-view-model--ptc-layout-type .yt-lp-faq-section-view-model__lp-faq-section-header { display: flex; color: var(--premium-yt-spec-text-primary); margin-top: 32px; margin-bottom: 24px; font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 900; } @media (max-width: 527.9px) { .yt-lp-faq-section-view-model--ptc-layout-type .yt-lp-faq-section-view-model__lp-faq-section-header { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 900; } } .lp-header-section-view-model { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); display: flex; flex-direction: column; justify-content: center; padding: 0px 80px; max-width: 1440px; box-sizing: border-box; margin: auto; } .lp-header-section-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } @media (max-width: 527.9px) { .lp-header-section-view-model { padding: 0px 16px; margin-bottom: 50px; max-width: 360px; } } @media (min-width: 528px) and (max-width: 1023.9px) { .lp-header-section-view-model { margin-bottom: 32px; } } @media (min-width: 1024px) { .lp-header-section-view-model { margin-bottom: 60px; } } @media ((min-width: 528px) and (max-width: 839.9px)) { .lp-header-section-view-model__lp-header-section-margin { margin-top: 50px; } } .lp-header-section-view-model__lp-header-button-section { display: flex; flex-direction: row; justify-content: center; margin-top: 40px; } @media (max-width: 527.9px) { .lp-header-section-view-model__lp-header-button-section { margin-top: 32px; flex-direction: column; justify-content: normal; align-items: stretch; } } .lp-header-section-view-model__lp-header-logo { margin-top: 104px; max-height: 40px; height: 40px; justify-content: center; } @media (max-width: 527.9px) { .lp-header-section-view-model__lp-header-logo { margin-top: 80px; } } .lp-header-section-view-model__lp-header-subtitle-section { margin-top: 40px; text-align: center; color: var(--premium-yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .lp-header-section-view-model__lp-header-subtitle-line:not(:first-child) { margin-top: 22px; } .lp-header-section-view-model__lp-header-billing-info { text-align: center; margin-top: 40px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--premium-yt-spec-text-secondary); } .lp-header-section-view-model__lp-header-other-offers-info { text-align: center; margin-top: 40px; color: var(--premium-yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .lp-header-section-view-model__lp-header-title { text-align: center; margin-top: 40px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 6.4rem; line-height: 8rem; font-weight: 700; color: var(--premium-yt-spec-text-primary); } @media (max-width: 527.9px) { .lp-header-section-view-model__lp-header-title { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 700; } } @media (max-width: 527.9px) { .lp-header-section-view-model__lp-header-title { margin-top: 32px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } } @media (max-width: 527.9px) and (max-width: 527.9px) { .lp-header-section-view-model__lp-header-title { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } @media (min-width: 528px) and (max-width: 1023.9px) { .lp-header-section-view-model__lp-header-title { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 700; } } @media (min-width: 528px) and (max-width: 1023.9px) and (max-width: 527.9px) { .lp-header-section-view-model__lp-header-title { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 700; } } .lp-header-section-view-model__lp-header-additional-info { text-align: center; margin-top: 20px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 700; color: var(--premium-yt-spec-text-primary); } .lp-header-section-view-model__lp-header-primary-button { min-width: 175px; } @media (max-width: 527.9px) { .lp-header-section-view-model__lp-header-primary-button { } } .lp-header-section-view-model__lp-header-secondary-button { min-width: 175px; margin-left: 16px; } @media (max-width: 527.9px) { .lp-header-section-view-model__lp-header-secondary-button { min-width: 0px; margin-left: 0px; margin-top: 16px; } } .lp-header-section-view-model--ptc-layout-type .lp-header-section-view-model__lp-header-logo { justify-content: center; margin-top: 150px; max-height: 100px; height: 100px; } @media (max-width: 527.9px) { .lp-header-section-view-model--ptc-layout-type .lp-header-section-view-model__lp-header-logo { margin-top: 120px; max-height: 80px; height: 80px; } } .lp-header-section-view-model--ptc-layout-type .lp-header-section-view-model__lp-header-subtitle-section { margin-top: 10px; text-align: center; color: var(--premium-yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .lp-header-section-view-model--ptc-layout-type .lp-header-section-view-model__lp-header-billing-info { text-align: center; margin-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; color: var(--premium-yt-spec-text-secondary); } .lp-header-section-view-model--ptc-layout-type .lp-header-section-view-model__lp-header-title { padding-top: 30px; max-width: 540px; margin: 0px auto; font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 900; color: var(--premium-yt-spec-text-primary); } @media (max-width: 527.9px) { .lp-header-section-view-model--ptc-layout-type .lp-header-section-view-model__lp-header-title { padding-top: 20px; } } @media (max-width: 527.9px) { .lp-header-section-view-model--ptc-layout-type .lp-header-section-view-model__lp-header-title { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 900; } } .lp-header-section-view-model--ptc-layout-type .lp-header-section-view-model__lp-header-button-section { margin-top: 16px; } .ytm-lp-headline-section-view-model { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); display: block; margin: 0px auto; } .ytm-lp-headline-section-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } @media (max-width: 527.9px) { .ytm-lp-headline-section-view-model { max-width: 360px; padding: 50px 16px; } } @media (min-width: 528px) and (max-width: 1023.9px) { .ytm-lp-headline-section-view-model { padding: 32px 80px; } } @media (min-width: 1024px) { .ytm-lp-headline-section-view-model { max-width: 1440px; padding: 60px 80px; } } .ytm-lp-headline-section-view-model__title-text { text-align: center; color: var(--premium-yt-spec-text-primary); } @media (max-width: 527px) { .ytm-lp-headline-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } } @media (max-width: 527px) and (max-width: 527.9px) { .ytm-lp-headline-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } @media (min-width: 528px) and (max-width: 1023px) { .ytm-lp-headline-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 700; } } @media (min-width: 528px) and (max-width: 1023px) and (max-width: 527.9px) { .ytm-lp-headline-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 700; } } @media (min-width: 1024px) { .ytm-lp-headline-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 6.4rem; line-height: 8rem; font-weight: 700; } } @media (min-width: 1024px) and (max-width: 527.9px) { .ytm-lp-headline-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 700; } } .ytm-lp-headline-section-view-model__subtitle-text { text-align: center; margin-top: 16px; color: var(--premium-yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .yt-lp-large-feature-section-view-model { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); display: flex; flex-direction: row; place-content: center; margin: 60px 80px; } .yt-lp-large-feature-section-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model { flex-direction: column; max-width: 360px; margin: 66px auto; } } @media (min-width: 528px) and (max-width: 1023.9px) { .yt-lp-large-feature-section-view-model { margin: 50px 80px; } } .yt-lp-large-feature-section-view-model__lp-large-feature-section-container { display: flex; flex-direction: column; place-content: center; flex: 1 1 0%; background-size: cover; } .yt-lp-large-feature-section-view-model__lp-large-feature-section-text-container { margin: 0px 48px; } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model__lp-large-feature-section-text-container { margin: 0px; padding: 16px; } } @media (min-width: 528px) and (max-width: 1023.9px) { .yt-lp-large-feature-section-view-model__lp-large-feature-section-text-container { margin: 0px; padding: 0px 24px; } } .yt-lp-large-feature-section-view-model__lp-large-feature-section-eyebrow-text { text-align: start; color: var(--premium-yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model__lp-large-feature-section-eyebrow-text { margin-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } } .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { margin-top: 16px; text-align: start; color: var(--premium-yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { margin-top: 24px; } } @media (min-width: 1024px) { .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 700; } } @media (min-width: 1024px) and (max-width: 527.9px) { .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 700; } } .yt-lp-large-feature-section-view-model__lp-large-feature-section-subtitles { margin-top: 16px; text-align: start; color: var(--premium-yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } @media (min-width: 1024px) { .yt-lp-large-feature-section-view-model__lp-large-feature-section-subtitles { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } } .yt-lp-large-feature-section-view-model__lp-large-feature-section-logo { max-height: 20px; place-content: start; } .yt-lp-large-feature-section-view-model--block-feature-type-2 { flex-direction: row-reverse; } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model--block-feature-type-2 { flex-direction: column; max-width: 360px; margin: 66px auto; } } @media (min-width: 528px) and (max-width: 1023.9px) { .yt-lp-large-feature-section-view-model--block-feature-type-2 { margin: 50px 80px; } } .yt-lp-large-feature-section-view-model--music-feature-type { overflow: hidden; flex-direction: row-reverse; border-radius: 38.5px; } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model--music-feature-type { flex-direction: column-reverse; width: 100%; } } @media ((min-width: 528px) and (max-width: 839.9px)) { .yt-lp-large-feature-section-view-model--music-feature-type { flex-direction: column-reverse; width: 100%; margin: 0px; } } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model--music-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-text-container { margin: 0px; padding: 32px; } } @media ((min-width: 528px) and (max-width: 839.9px)) { .yt-lp-large-feature-section-view-model--music-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-text-container { max-width: 500px; margin: 40px auto; } } @media (min-width: 840px) { .yt-lp-large-feature-section-view-model--music-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-text-container { margin: 48px; } } .yt-lp-large-feature-section-view-model--music-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { color: var(--premium-yt-spec-static-overlay-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model--music-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } @media (max-width: 839.9px) { .yt-lp-large-feature-section-view-model--music-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } @media (max-width: 839.9px) and (max-width: 527.9px) { .yt-lp-large-feature-section-view-model--music-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } .yt-lp-large-feature-section-view-model--music-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-subtitles { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; color: var(--premium-yt-spec-static-overlay-text-primary); } @media (max-width: 839.9px) { .yt-lp-large-feature-section-view-model--music-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-subtitles { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } } .yt-lp-large-feature-section-view-model--ptc-feature-type { margin: 16px 24px; } .yt-lp-large-feature-section-view-model--ptc-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-container { max-width: 282px; } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model--ptc-feature-type { margin: 16px 10px; margin-inline: auto; } .yt-lp-large-feature-section-view-model--ptc-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-container { max-width: 360px; } } .yt-lp-large-feature-section-view-model--ptc-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-text-container { margin: 0px 0px 0px 5px; } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model--ptc-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-text-container { margin: 0px; padding: 0px; } } .yt-lp-large-feature-section-view-model--ptc-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { text-align: left; margin-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 900; } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model--ptc-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { margin: 0px; text-align: center; } } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model--ptc-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-title { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 900; } } .yt-lp-large-feature-section-view-model--ptc-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-subtitles { text-align: left; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @media (max-width: 527.9px) { .yt-lp-large-feature-section-view-model--ptc-feature-type .yt-lp-large-feature-section-view-model__lp-large-feature-section-subtitles { margin: 10px; text-align: center; } } .ytm-lp-offer-card-section-view-model { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); display: block; margin: 0px auto; } .ytm-lp-offer-card-section-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } @media (max-width: 527px) { .ytm-lp-offer-card-section-view-model { max-width: 360px; padding: 32px 16px; } } @media (min-width: 528px) and (max-width: 1023px) { .ytm-lp-offer-card-section-view-model { max-width: 400px; padding: 32px 0px; } } @media (min-width: 1024px) { .ytm-lp-offer-card-section-view-model { padding: 32px 64px; } } .ytm-lp-offer-card-section-view-model__title-container { display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (max-width: 1023px) { .ytm-lp-offer-card-section-view-model__title-container { margin-bottom: 16px; } } @media (min-width: 1024px) { .ytm-lp-offer-card-section-view-model__title-container { margin-bottom: 104px; } } .ytm-lp-offer-card-section-view-model__title-text { text-align: center; color: var(--premium-yt-spec-text-primary); } @media (max-width: 299px) { .ytm-lp-offer-card-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } } @media (max-width: 299px) and (max-width: 527.9px) { .ytm-lp-offer-card-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } @media (min-width: 300px) and (max-width: 527px) { .ytm-lp-offer-card-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; font-weight: 700; line-height: 54px; } } @media (min-width: 300px) and (max-width: 527px) and (max-width: 527.9px) { .ytm-lp-offer-card-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 700; } } @media (min-width: 528px) { .ytm-lp-offer-card-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 6.4rem; line-height: 8rem; font-weight: 700; } } @media (min-width: 528px) and (max-width: 527.9px) { .ytm-lp-offer-card-section-view-model__title-text { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 700; } } .ytm-lp-offer-card-section-view-model__subtitle-text { text-align: center; color: var(--premium-yt-spec-text-secondary); margin-top: 16px; } @media (max-width: 299px) { .ytm-lp-offer-card-section-view-model__subtitle-text { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } } @media (min-width: 300px) and (max-width: 527px) { .ytm-lp-offer-card-section-view-model__subtitle-text { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } } @media (min-width: 528px) { .ytm-lp-offer-card-section-view-model__subtitle-text { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } } @media (min-width: 1024px) { .ytm-lp-offer-card-section-view-model__subtitle-text { max-width: 550px; } } .ytm-lp-offer-card-section-view-model__offer-cards-container { display: flex; justify-content: center; flex-wrap: wrap; } @media (max-width: 1023px) { .ytm-lp-offer-card-section-view-model__offer-cards-container { flex-direction: column; } } @media (min-width: 1024px) { .ytm-lp-offer-card-section-view-model__offer-cards-container { flex-direction: row; } } .ytm-lp-offer-card-section-view-model__offer-card-container { flex: 1 1 0px; } @media (max-width: 1023px) { .ytm-lp-offer-card-section-view-model__offer-card-container { margin-top: 16px; } } @media (min-width: 1024px) { .ytm-lp-offer-card-section-view-model__offer-card-container { margin: 16px; max-width: 500px; } } .ytm-lp-offer-card-section-view-model__footer-text { text-align: center; color: var(--premium-yt-spec-text-secondary); margin-top: 48px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .ytLpFeatureListItemViewModelHost { display: block; } .ytLpFeatureListItemViewModelFeatureList { display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytLpFeatureListItemViewModelFeatureListIcon { height: 16px; } .ytLpFeatureListItemViewModelFeatureListIconGreen { height: 18px; color: rgb(43, 166, 64); } .ytLpFeatureListItemViewModelFeatureListIconDefault { height: 14px; color: rgb(241, 241, 241); } .ytLpFeatureListItemViewModelFeatureListText { align-self: center; margin: 4px 3px; color: rgb(241, 241, 241); } .ytm-lp-offer-card-option-view-model { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); display: flex; flex-direction: row; align-items: center; padding: 16px 0px; cursor: default; } .ytm-lp-offer-card-option-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } .ytm-lp-offer-card-option-view-model__input-el { height: 20px; width: 20px; margin: 0px 14px 0px 0px; } .ytm-lp-offer-card-option-view-model__eyebrow-text { color: var(--premium-yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 500; line-height: 16px; } .ytm-lp-offer-card-option-view-model__title { color: var(--premium-yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 400; } .ytm-lp-offer-card-option-view-model__subtitle { color: var(--premium-yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 18px; } .ytm-lp-offer-card-option-view-model__description { color: var(--premium-yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 16px; } .ytm-lp-offer-card-option-view-model__feature-list-items { padding: 4px 0px 6px; } .ytm-lp-offer-card-view-model { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); display: flex; flex-direction: column; align-items: flex-start; max-width: 500px; padding: 16px; gap: 20px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 16px; border-radius: 24px; background-color: var(--premium-yt-spec-raised-background); } .ytm-lp-offer-card-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } .ytm-lp-offer-card-view-model__title-container { display: flex; align-items: center; width: 100%; margin: 0px auto; } .ytm-lp-offer-card-view-model__offer-options-container { display: block; width: 100%; } .ytm-lp-offer-card-view-model__icon-container { display: flex; justify-content: flex-start; margin-right: 14px; color: var(--premium-yt-spec-text-primary); } .ytm-lp-offer-card-view-model__title-text { color: var(--premium-yt-spec-text-primary); justify-content: flex-start; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } .ytm-lp-offer-card-view-model__title-badge { justify-self: flex-end; margin-left: auto; padding-right: 8px; } .ytm-lp-offer-card-view-model__divider { border-top: 1px solid var(--premium-yt-spec-outline); } .ytm-lp-offer-card-view-model__purchase-button-container { display: block; width: 100%; } .yt-lp-offer-table-cell-content-view-model { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin: 4px auto; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-title { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } @media (max-width: 527.9px) { .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-title { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-subtitle { word-break: break-word; color: rgb(62, 166, 255); font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-subtitle { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-description { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-feature-description { max-width: none; text-align: left; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } @media (max-width: 1023.9px) { .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-feature-description { margin-top: 8px; text-align: center; } } .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-icon { color: rgb(241, 241, 241); } .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-purchase-button { color: rgb(62, 166, 255); margin-top: 4px; } .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-note { max-width: 175px; } @media (max-width: 1023.9px) { .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-note { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } } .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-feature-detail { max-width: 175px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } @media (max-width: 1023.9px) { .yt-lp-offer-table-cell-content-view-model__lp-offer-table-cell-feature-detail { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } } .ytLpOfferTableCellViewModelCellWrapper { height: 100%; flex-direction: column; display: flex; margin: auto; } .yt-lp-offer-table-row-view-model { display: grid; grid-template-columns: repeat(auto-fit, minmax(0px, 1fr)); gap: 30px; } @media (max-width: 1023.9px) { .yt-lp-offer-table-row-view-model { grid-template-columns: 1fr 1fr; gap: 0px; } } .yt-lp-offer-table-row-view-model__lp-offer-table-row-header-cell { display: flex; flex-direction: column; align-items: start; justify-content: center; padding-top: 12px; padding-bottom: 12px; border-top: 1px solid rgba(255, 255, 255, 0.2); } @media (max-width: 1023.9px) { .yt-lp-offer-table-row-view-model__lp-offer-table-row-header-cell { align-items: center; grid-column: 1 / -1; padding: 0px; width: 100%; } } .yt-lp-offer-table-row-view-model__lp-offer-table-first-row-header-cell { padding-top: 12px; padding-bottom: 12px; } @media (max-width: 1023.9px) { .yt-lp-offer-table-row-view-model__lp-offer-table-first-row-header-cell { grid-column: 1 / -1; } } .yt-lp-offer-table-row-view-model__lp-offer-table-row-content-cell { padding-top: 12px; padding-bottom: 12px; } @media (min-width: 1024px) { .yt-lp-offer-table-row-view-model__lp-offer-table-row-content-cell { border-top: 1px solid rgba(255, 255, 255, 0.2); border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); } } .yt-lp-offer-table-row-view-model__lp-offer-table-first-row-content-cell { padding-top: 12px; padding-bottom: 12px; } @media (min-width: 1024px) { .yt-lp-offer-table-row-view-model__lp-offer-table-first-row-content-cell { border-top: 1px solid rgba(255, 255, 255, 0.2); border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.2); border-top-right-radius: 24px; border-top-left-radius: 24px; } } .yt-lp-offer-table-row-view-model__lp-offer-table-last-row-content-cell { padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } @media (min-width: 1024px) { .yt-lp-offer-table-row-view-model__lp-offer-table-last-row-content-cell { border: 1px solid rgba(255, 255, 255, 0.2); border-bottom-right-radius: 24px; border-bottom-left-radius: 24px; } } .yt-lp-offer-table-view-model { text-align: center; } .yt-lp-offer-table-view-model__lp-offer-table-section-title { padding: 64px 16px 0px; color: rgb(241, 241, 241); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 6.4rem; line-height: 8rem; font-weight: 700; } @media (max-width: 527.9px) { .yt-lp-offer-table-view-model__lp-offer-table-section-title { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 700; } } @media (max-width: 1023.9px) { .yt-lp-offer-table-view-model__lp-offer-table-section-title { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 700; } } @media (max-width: 1023.9px) and (max-width: 527.9px) { .yt-lp-offer-table-view-model__lp-offer-table-section-title { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 700; } } .yt-lp-offer-table-view-model__lp-offer-table-section-subtitle { padding: 16px 16px 0px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-lp-offer-table-view-model__lp-offer-table-section-rows { display: flex; flex-direction: column; justify-content: center; margin: 32px 80px 24px; max-width: 1000px; } @media (min-width: 1024px) { .yt-lp-offer-table-view-model__lp-offer-table-section-rows { margin: 32px auto 24px; } } @media (max-width: 527.9px) { .yt-lp-offer-table-view-model__lp-offer-table-section-rows { margin: 32px 16px 24px; } } .yt-lp-offer-table-view-model__lp-offer-table-section-footer { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-lp-offer-table-view-model__lp-offer-table-section-logo { margin-top: 104px; max-height: 40px; height: 40px; justify-content: center; } @media (max-width: 527.9px) { .yt-lp-offer-table-view-model__lp-offer-table-section-logo { margin-top: 80px; } } .yt-lp-offer-table-view-model__lp-offer-table-section-footer-title { color: rgb(241, 241, 241); text-align: left; padding: 4px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .yt-lp-offer-table-view-model__lp-offer-table-section-disclaimers { text-align: center; padding: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); } .yt-lp-offer-table-view-model__lp-offer-table-section-footer-description { color: rgb(170, 170, 170); text-align: left; padding: 4px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-lp-offer-table-view-model__lp-offer-table-section-footer-wrapper { background-color: rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 16px; max-width: 1000px; margin: auto; } .ytm-lp-small-feature-section-group-view-model { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); display: block; margin: 0px auto; } .ytm-lp-small-feature-section-group-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } @media (max-width: 527.9px) { .ytm-lp-small-feature-section-group-view-model { max-width: 360px; padding: 32px 16px; } } @media (min-width: 528px) and (max-width: 1023.9px) { .ytm-lp-small-feature-section-group-view-model { max-width: 400px; padding: 32px 0px; } } @media (min-width: 1024px) { .ytm-lp-small-feature-section-group-view-model { max-width: none; padding: 32px 64px; } } .ytm-lp-small-feature-section-group-view-model__small-features-container { display: flex; justify-content: center; flex-flow: column wrap; } @media (min-width: 1024px) { .ytm-lp-small-feature-section-group-view-model__small-features-container { flex-direction: row; } } .ytm-lp-small-feature-section-group-view-model__small-feature-container { flex: 1 1 0px; margin-top: 16px; } @media (min-width: 1024px) { .ytm-lp-small-feature-section-group-view-model__small-feature-container { margin: 16px; max-width: 500px; } } .ytm-lp-small-feature-section-view-model { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; padding: 16px; } .ytm-lp-small-feature-section-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } @media (max-width: 527.9px) { .ytm-lp-small-feature-section-view-model { flex-direction: row; } } @media (min-width: 528px) and (max-width: 1023.9px) { .ytm-lp-small-feature-section-view-model { flex-direction: column; } } @media (min-width: 1024px) { .ytm-lp-small-feature-section-view-model { flex-direction: column; } } @media (max-width: 527.9px) { .ytm-lp-small-feature-section-view-model__feature-image-container { margin-right: 16px; } } @media (min-width: 528px) and (max-width: 1023.9px) { .ytm-lp-small-feature-section-view-model__feature-image-container { margin-bottom: 24px; } } @media (max-width: 1023.9px) { .ytm-lp-small-feature-section-view-model__feature-image-container { max-width: 100px; min-width: 100px; } } @media (min-width: 1024px) { .ytm-lp-small-feature-section-view-model__feature-image-container { width: 100px; height: 100px; margin-bottom: 24px; } } .ytm-lp-small-feature-section-view-model__title-text { text-align: left; max-width: 300px; color: var(--premium-yt-spec-text-primary); } @media (max-width: 299px) { .ytm-lp-small-feature-section-view-model__title-text { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } @media (max-width: 299px) and (max-width: 527.9px) { .ytm-lp-small-feature-section-view-model__title-text { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } @media (min-width: 300px) { .ytm-lp-small-feature-section-view-model__title-text { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } @media (min-width: 300px) and (max-width: 527.9px) { .ytm-lp-small-feature-section-view-model__title-text { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } @media (min-width: 528px) and (max-width: 1023.9px) { .ytm-lp-small-feature-section-view-model__title-text { text-align: center; } } @media (min-width: 1024px) { .ytm-lp-small-feature-section-view-model__title-text { text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } @media (min-width: 1024px) and (max-width: 527.9px) { .ytm-lp-small-feature-section-view-model__title-text { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } .ytm-lp-small-feature-section-view-model__description-text { text-align: left; max-width: 300px; color: var(--premium-yt-spec-text-primary); } @media (max-width: 299px) { .ytm-lp-small-feature-section-view-model__description-text { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } } @media (min-width: 300px) { .ytm-lp-small-feature-section-view-model__description-text { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } } @media (min-width: 528px) and (max-width: 1023.9px) { .ytm-lp-small-feature-section-view-model__description-text { text-align: center; } } @media (min-width: 1024px) { .ytm-lp-small-feature-section-view-model__description-text { text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } } .ytm-lp-small-feature-section-view-model__content-section { flex-direction: column; } .yt-lp-section-group-view-model { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-static-brand-white: #fff; --premium-yt-spec-static-overlay-text-primary: #fff; --premium-yt-spec-text-primary: #f1f1f1; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-themed-green: #2ba640; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); background-color: var(--premium-yt-spec-base-background); max-width: none; position: relative; overflow: hidden; } .yt-lp-section-group-view-model--premium-force-dark-mode { --premium-yt-spec-base-background: #0f0f0f; --premium-yt-spec-raised-background: #212121; --premium-yt-spec-additive-background: rgba(255,255,255,0.1); --premium-yt-spec-outline: rgba(255,255,255,0.2); --premium-yt-spec-text-primary: #fff; --premium-yt-spec-text-secondary: #aaa; --premium-yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); } .yt-lp-section-group-view-model__bg-image { background-size: 105% 105%; background-repeat: no-repeat; position: absolute; height: 105%; width: 105%; filter: blur(50px); } .yt-lp-section-group-view-model__bg-image--bg-image-photo { background-size: cover; background-position: center top; height: 100%; width: 100%; filter: unset; } .yt-lp-section-group-view-model__lp-section-group { display: flex; flex-direction: column; justify-content: center; margin: auto; max-width: 1440px; position: relative; } .yt-lp-section-group-view-model--ptc-layout-type .yt-lp-section-group-view-model__bg-image--bg-image-photo { height: 60%; } .ytChipBarViewModelHost { display: flex; flex-direction: row; overflow: auto hidden; scrollbar-width: none; } .ytChipBarViewModelHost::-webkit-scrollbar { display: none; } .ytChipBarViewModelChipWrapper { margin-right: 8px; } .ytChipViewModelHost { display: block; } .ytGridShelfViewModelHost { display: flex; flex-direction: column; position: relative; margin-bottom: 24px; } .ytGridShelfViewModelHostHasBottomButton { padding-bottom: 40px; margin-bottom: 48px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .ytGridShelfViewModelGridShelfRow { display: flex; } .ytGridShelfViewModelGridShelfRow:not(:last-of-type) { margin-bottom: 8px; } .ytGridShelfViewModelGridShelfItem { display: flex; justify-content: center; } .ytGridShelfViewModelGridShelfBottomButtonContainer { position: absolute; bottom: 0px; left: 50%; width: 360px; background-color: rgb(15, 15, 15); transform: translate(-50%, 50%); } .ytAlertBannerViewModelHost { display: flex; color: rgb(241, 241, 241); border-radius: 12px; flex-direction: row; align-items: center; } .ytAlertBannerViewModelNarrow { align-items: start; } .ytAlertBannerViewModelNarrow .ytAlertBannerViewModelOuterContainer { flex-direction: column; align-items: normal; } .ytAlertBannerViewModelNarrow .ytAlertBannerViewModelActionButton { margin: 0px 0px 12px; } .ytAlertBannerViewModelFullbleed { border-radius: 0px; } .ytAlertBannerViewModelInformational { background-color: rgba(255, 255, 255, 0.1); } .ytAlertBannerViewModelTimeSensitive { background-color: rgb(38, 56, 80); } .ytAlertBannerViewModelWarning { background-color: rgba(255, 85, 119, 0.2); } .ytAlertBannerViewModelDismissed { display: none; } .ytAlertBannerViewModelOuterContainer { display: flex; flex-direction: row; align-items: center; flex: 1 1 0%; } .ytAlertBannerViewModelOuterContainer:first-child { padding-left: 12px; } .ytAlertBannerViewModelOuterContainer:last-child { padding-right: 12px; } .ytAlertBannerViewModelContainer { display: flex; flex-direction: row; padding: 12px 0px; align-items: center; flex: 1 1 0%; } .ytAlertBannerViewModelIcon { padding: 12px; } .ytAlertBannerViewModelContent { display: flex; flex-direction: column; } .ytAlertBannerViewModelHeading { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytAlertBannerViewModelBody { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytAlertBannerViewModelActionButton { margin: 6px 0px 6px 12px; } .ytAlertBannerViewModelDismissButton { margin: 6px; } .ytAlertBannerViewModelIsInRichGrid { margin-bottom: 16px; } .ytChipsShelfViewModelHost { display: flex; flex-direction: column; color: rgb(241, 241, 241); } .ytChipsShelfViewModelChipsShelfTitle { margin: 16px; font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytChipsShelfViewModelChipsShelfTitle { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } .ytChipsShelfViewModelChipsShelfContent { position: relative; margin-bottom: 16px; display: flex; align-items: stretch; } .ytChipsShelfViewModelChipsScrollContainer { overflow: hidden; } .ytChipsShelfViewModelChipsScrollContainerIsHorizontallyScrollable { overflow: auto; scrollbar-width: none; } .ytChipsShelfViewModelChipsContainer { display: flex; flex-wrap: wrap; } .ytChipsShelfViewModelChipsContainerIsHorizontallyScrollable { flex-wrap: nowrap; } .ytChipsShelfViewModelChipsContainerIsHorizontallyScrollableFeaturePhone { position: relative; top: 4px; } .ytChipsShelfViewModelLeftArrowContainer, .ytChipsShelfViewModelRightArrowContainer { display: flex; height: 100%; position: absolute; top: 0px; z-index: 1; } .ytChipsShelfViewModelLeftArrowContainer { left: 0px; } .ytChipsShelfViewModelLeftArrowContainerIsHidden { display: none; } .ytChipsShelfViewModelRightArrowContainer { right: 0px; } .ytChipsShelfViewModelRightArrowContainerIsHidden { display: none; } .ytChipsShelfViewModelLeftArrow, .ytChipsShelfViewModelRightArrow { display: flex; align-items: center; background: rgb(15, 15, 15); } .ytChipsShelfViewModelLeftArrowContainer::after, .ytChipsShelfViewModelRightArrowContainer::before { width: 50px; content: ""; pointer-events: none; } .ytChipsShelfViewModelLeftArrowContainer::after { background: linear-gradient(to left, rgba(15, 15, 15, 0) 0px, rgba(15, 15, 15, 0.3) 25%, rgba(15, 15, 15, 0.6) 50%, rgba(15, 15, 15, 0.9) 75%, rgb(15, 15, 15) 100%); } .ytChipsShelfViewModelRightArrowContainer::before { background: linear-gradient(to right, rgba(15, 15, 15, 0) 0px, rgba(15, 15, 15, 0.3) 25%, rgba(15, 15, 15, 0.6) 50%, rgba(15, 15, 15, 0.9) 75%, rgb(15, 15, 15) 100%); } .ytChipsShelfViewModelChipWrapper { margin: 4px; } .ytSwitchListItemViewModelHost { display: block; } .yt-list-item-view-model-wiz { display: inline-block; width: 100%; color: rgb(241, 241, 241); } .yt-list-item-view-model-wiz--keyboard-focused:focus { outline: currentcolor solid 2px; outline-offset: -2px; border-radius: 8px; } .yt-list-item-view-model-wiz__text-wrapper { display: flex; flex-direction: column; flex-grow: 1; min-height: 44px; justify-content: center; } .yt-list-item-view-model-wiz__title-wrapper { display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .yt-list-item-view-model-wiz__title { color: rgb(241, 241, 241); } .yt-list-item-view-model-wiz__subtitle { color: rgb(170, 170, 170); margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .yt-list-item-view-model-wiz__selection-text { color: rgb(170, 170, 170); margin-left: 4px; } .yt-list-item-view-model-wiz__selection-text--trailing-selection-text { margin-left: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-list-item-view-model-wiz__chevron-icon { width: 18px; height: 18px; } .yt-list-item-view-model-wiz__leading { margin-right: 12px; } .yt-list-item-view-model-wiz__trailing { margin-left: 12px; } .yt-list-item-view-model-wiz__button-container { align-self: start; flex-shrink: 0; height: 44px; min-width: 36px; display: flex; align-items: center; justify-content: center; } .yt-list-item-view-model-wiz__image-container { align-self: start; flex-shrink: 0; height: 44px; min-width: 36px; display: flex; align-items: center; justify-content: center; } .yt-list-item-view-model-wiz__image { max-height: 36px; max-width: 36px; } .yt-list-item-view-model-wiz__accessory { border-radius: 2px; overflow: hidden; color: rgb(241, 241, 241); } .yt-list-item-view-model-wiz__label { display: flex; flex-direction: row; } .yt-list-item-view-model-wiz__container { display: flex; flex-direction: row; align-items: center; padding: 2px 16px; box-sizing: border-box; width: 100%; border-radius: 8px; } .yt-list-item-view-model-wiz__container--disable-horizontal-padding { padding: 2px 0px; } .yt-list-item-view-model-wiz__container--in-popup { border-radius: 0px; } .yt-list-item-view-model-wiz__container--disabled { color: rgb(170, 170, 170); } .yt-list-item-view-model-wiz__container--disabled .yt-list-item-view-model-wiz__title, .yt-list-item-view-model-wiz__container--disabled .yt-list-item-view-model-wiz__accessory { color: rgb(170, 170, 170); } .yt-list-item-view-model-wiz__container--tappable { cursor: pointer; user-select: none; } .yt-list-item-view-model-wiz__container--tappable:hover { background-color: rgba(255, 255, 255, 0.1); } .yt-list-item-view-model-wiz__container--has-subtitle { padding: 6px 16px; } .yt-list-item-view-model-wiz__container--compact .yt-list-item-view-model-wiz__text-wrapper { min-height: 36px; } .yt-list-item-view-model-wiz__container--compact .yt-list-item-view-model-wiz__title-wrapper { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-list-item-view-model-wiz__container--compact .yt-list-item-view-model-wiz__selection-text--trailing-selection-text { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .yt-list-item-view-model-wiz__container--compact .yt-list-item-view-model-wiz__chevron-icon { width: 16px; height: 16px; } .yt-list-item-view-model-wiz__container--compact .yt-list-item-view-model-wiz__button-container { height: 36px; min-width: 36px; } .yt-list-item-view-model-wiz__container--compact .yt-list-item-view-model-wiz__image-container { height: 36px; min-width: 24px; max-width: 24px; } .yt-list-item-view-model-wiz__container--compact .yt-list-item-view-model-wiz__image { max-height: 24px; max-width: 24px; } .yt-list-item-view-model-wiz__container--compact.yt-list-item-view-model-wiz__container--has-subtitle .yt-list-item-view-model-wiz__text-wrapper { min-height: 42px; } .yt-list-item-view-model-wiz__container--compact.yt-list-item-view-model-wiz__container--has-subtitle .yt-list-item-view-model-wiz__button-container, .yt-list-item-view-model-wiz__container--compact.yt-list-item-view-model-wiz__container--has-subtitle .yt-list-item-view-model-wiz__image-container { height: 42px; } .yt-list-item-view-model-wiz--is-overlay { color: rgb(255, 255, 255); } .yt-list-item-view-model-wiz--is-overlay .yt-list-item-view-model-wiz__title { color: rgb(255, 255, 255); } .yt-list-item-view-model-wiz--is-overlay .yt-list-item-view-model-wiz__subtitle { color: rgba(255, 255, 255, 0.7); } .yt-list-item-view-model-wiz--is-overlay .yt-list-item-view-model-wiz__accessory { color: rgb(255, 255, 255); } .ytSwitchButtonViewModelHost { display: block; } .ytSwitchButtonViewModelButton { padding: 0px; border: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; } .ytSwitchButtonViewModelTappable { cursor: pointer; } .ytSwitchShapeHost { display: inline-block; position: relative; width: 40px; height: 24px; flex-shrink: 0; } .ytSwitchShapeTrack { position: absolute; width: 40px; height: 24px; border-radius: 12px; background-color: rgb(113, 113, 113); transition: background-color 0.15s; } .ytSwitchShapeTrackActive { background-color: rgb(241, 241, 241); transition: background-color 0.15s; } .ytSwitchShapeTrackDisabled { opacity: 0.3; } .ytSwitchShapeKnob { position: absolute; border-radius: 50%; background-color: rgb(15, 15, 15); width: 20px; height: 20px; top: 2px; transform: translateX(2px); transition: transform 0.15s; } .ytSwitchShapeKnobActive { transform: translateX(18px); transition: transform 0.15s; } @media (forced-colors: active) { .ytSwitchShapeTrack { outline: rgb(113, 113, 113) solid 1px; } .ytSwitchShapeTrackActive { outline: rgb(241, 241, 241) solid 2px; } .ytSwitchShapeKnob { outline: rgb(241, 241, 241) solid 1px; } } .checkbox-shape-wiz { display: flex; flex-direction: row; align-items: center; min-height: 48px; width: 100%; color: rgb(241, 241, 241); } .checkbox-shape-wiz__input { position: fixed; opacity: 0; height: 0px; width: 0px; margin: 0px; } .checkbox-shape-wiz__label { flex-grow: 1; display: inline-block; position: relative; padding-right: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .checkbox-shape-wiz--disable-horizontal-padding .checkbox-shape-wiz__label { padding-right: 0px; } .checkbox-shape-wiz__checkbox--checkbox-default-style { display: flex; padding: 0px 12px; } input:checked ~ .checkbox-shape-wiz__checkbox > :first-child { display: none; } input:not(:checked) ~ .checkbox-shape-wiz__checkbox > :last-child { display: none; } .checkbox-shape-wiz--compact { min-height: 40px; } .radio-shape-wiz { position: relative; display: block; } .radio-shape-wiz__input { position: absolute; opacity: 1e-06; margin: 0px; width: 24px; height: 24px; left: 12px; top: 50%; transform: translateY(-50%); } .radio-shape-wiz__label-container { display: flex; flex-direction: row; align-items: center; min-height: 48px; width: 100%; color: rgb(241, 241, 241); } .radio-shape-wiz__label-container--keyboard-focused { outline: currentcolor solid 2px; outline-offset: -2px; border-radius: 8px; } .radio-shape-wiz__label { flex-grow: 1; display: inline-block; position: relative; padding-right: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .radio-shape-wiz__radio--radio-default-style { display: flex; padding: 0px 12px; height: 24px; width: 24px; } input:not(:checked) + label > .radio-shape-wiz__radio--check-icon > :first-child { visibility: hidden; } input:checked + label > .radio-shape-wiz__radio > :first-child { display: none; } input:not(:checked) + label > .radio-shape-wiz__radio > :last-child { display: none; } .radio-shape-wiz--compact { min-height: 40px; } .yt-list-view-model-wiz { display: flex; flex-direction: column; } @media (max-width: 299.9px) { .yt-list-view-model-wiz--kaios-spat-nav { padding: 3px; } } .ytDownloadListItemViewModelHost { display: flex; flex-direction: column; } .ytwCoursePerksViewModelHost { display: block; box-sizing: border-box; padding: 16px 0px; color: rgb(241, 241, 241); } .ytwCoursePerksViewModelHostPerksTitle { margin: 0px; padding: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.6rem; -webkit-line-clamp: 1; } .ytwCoursePerksViewModelHostOverlay { color: rgb(255, 255, 255); } .ytwCourseProgressViewModelHost { display: block; box-sizing: border-box; padding: 16px 0px; } .ytwCourseProgressViewModelHostProgressTitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; margin: 0px; padding: 0px; max-height: unset; } .ytwCourseProgressViewModelHostProgressSubtitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; margin: 0px; padding: 10px 0px 16px; max-height: unset; } .ytwCourseProgressViewModelHostProgressBar { background-color: rgba(255, 255, 255, 0.2); height: 8px; margin: 2px 16px 6px 0px; max-width: 528px; width: 100%; border-radius: 4px; } .ytwCourseProgressViewModelHostProgressBarFill { height: 8px; background-color: rgb(241, 241, 241); width: 0px; border-radius: 4px; } .ytCourseRatingsViewModelHost { display: block; padding: 0px; box-sizing: border-box; justify-content: center; align-items: center; } .ytCourseRatingsViewModelHostRatingContainer { display: flex; justify-content: center; align-items: center; } .ytCourseRatingsViewModelHostRatingTitle { color: rgb(241, 241, 241); margin: 0px; padding: 16px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytCourseRatingsViewModelHostAverageRatingLabel { color: rgb(241, 241, 241); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 6.4rem; font-weight: 700; overflow: hidden; display: block; text-overflow: ellipsis; margin: 0px; padding: 0px; max-height: unset; white-space: normal; line-height: 50px; } @media (max-width: 527.9px) { .ytCourseRatingsViewModelHostAverageRatingLabel { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 700; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } } .ytCourseRatingsViewModelHostTotalRatingsCountLabel { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; margin: 0px; padding: 0px; max-height: unset; } .ytCourseRatingsViewModelHostZeroStateText { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; margin: 0px; padding: 0px; max-height: unset; } .ytCourseRatingsViewModelHostProgressBarContainer { display: flex; flex-grow: 1; flex-direction: column-reverse; padding-inline-end: 8px; max-height: unset; margin: 0px; } .ytCourseRatingsViewModelHostStarRatingContainer { margin: 0px; padding: 0px; max-height: unset; } .ytCourseRatingsViewModelHostStarRatingAndRatingDataContainer { display: flex; flex-direction: column; align-items: center; margin: 0px; padding: 0px; max-height: unset; } .ytwProgressViewModelHost { display: block; box-sizing: border-box; } .ytwProgressViewModelHostProgressSubtitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; margin: 0px; padding: 10px 0px 16px; max-height: unset; } .ytwProgressViewModelHostProgressContainer { display: flex; align-items: center; } .ytwProgressViewModelHostProgressLeadingLabel { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; max-height: unset; margin: 0px; width: 16px; } .ytwProgressViewModelHostProgressBar { background-color: rgba(255, 255, 255, 0.2); height: 8px; max-width: 528px; width: 100%; border-radius: 4px; } .ytwProgressViewModelHostProgressBarFill { height: 8px; background-color: rgb(241, 241, 241); width: 0px; border-radius: 4px; } .ytStarRatingViewModelHost { display: block; } .ytStarRatingViewModelHostStar { color: rgb(170, 170, 170); display: inline-block; } .learningJourneyLoaderViewModelHost { display: block; } .learningJourneyLoaderViewModelLoader { height: 300px; } .learningJourneyQuizViewModelHost { align-items: flex-start; border-radius: 20px; display: flex; padding: 12px; } .learningJourneyQuizViewModelHostQuiz { display: flex; flex-direction: column; flex-grow: 1; } .learningJourneyQuizViewModelHostQuizContainer { align-self: stretch; display: flex; flex-grow: 1; } .learningJourneyQuizViewModelHostQuizContent { margin-bottom: 16px; } .learningJourneyQuizViewModelHostQuizHeader { justify-content: space-between; align-items: center; display: flex; flex-direction: row; } .learningJourneyQuizViewModelHostQuizHeaderText { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 500; } .learningJourneyQuizViewModelHostQuizHeaderButtons { align-items: center; display: flex; flex-direction: row; } .learningJourneyQuizViewModelHostQuizSubheader { color: rgb(170, 170, 170); margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .learningJourneyQuizViewModelHostQuizOptionsList { align-items: center; flex: 1 1 0%; justify-content: space-between; width: 100%; display: flex; flex-direction: column; } .learningJourneyQuizViewModelHostQuizOptions { align-items: center; background: rgba(255, 255, 255, 0.1); border-radius: 130px; box-sizing: border-box; color: rgb(241, 241, 241); display: flex; flex: 1 1 0%; margin-bottom: 8px; min-height: 48px; padding: 20px; width: -webkit-fill-available; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .learningJourneyQuizViewModelHostQuizHover:hover { cursor: pointer; } .learningJourneyQuizViewModelHostQuizOptionSelectedCorrect { background: rgb(0, 165, 19); color: rgb(241, 241, 241); } .learningJourneyQuizViewModelHostQuizOptionSelectedIncorrect { background: rgb(204, 0, 0); color: rgb(241, 241, 241); } .learningJourneyQuizViewModelHostQuizOptionNotSelected { opacity: 0.5; } .learningJourneyQuizViewModelHostQuizOptionIcon { margin-right: 6px; } .learningJourneyQuizViewModelHostVideoContainer { border-radius: 12px; display: flex; padding: 8px; margin-right: 16px; } .learningJourneyQuizViewModelHostVideoLockup { width: 330px; } .ytwHorizontalShelfViewModelHost, .ytwHorizontalShelfViewModelHeader { display: block; } .ytwHorizontalShelfViewModelOuterContainer { display: inline-block; position: relative; } .ytwHorizontalShelfViewModelHorizontalContainer { overflow: hidden; display: flex; margin-top: -12px; } .ytwHorizontalShelfViewModelItems { display: inline-flex; flex-direction: row; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); will-change: transform; padding-top: 12px; } .ytwHorizontalShelfViewModelLeftArrow { position: absolute; top: 50%; left: 0px; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgb(33, 33, 33); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px; } .ytwHorizontalShelfViewModelRightArrow { position: absolute; top: 50%; right: 0px; transform: translate(50%, -50%); border-radius: 50%; background-color: rgb(33, 33, 33); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px; } .ytMacroMarkerListItemViewModelHost { display: flex; flex-direction: column; } .ytMacroMarkerListItemViewModelMetadataContainer { position: relative; display: flex; flex-direction: column; padding: 8px 4px 0px; align-items: flex-start; } .ytMacroMarkerListItemViewModelTimeLine { width: 100%; height: 2px; top: 16px; right: -20px; position: absolute; background-color: rgb(38, 56, 80); } .ytMacroMarkerListItemViewModelTimeDescription { z-index: 1; border-radius: 2px; padding: 0px 4px; margin-bottom: 8px; color: rgb(62, 166, 255); background-color: rgb(38, 56, 80); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytMacroMarkerListItemViewModelHighlighted { background-color: rgb(241, 241, 241); color: rgb(15, 15, 15); } .ytMacroMarkerListItemViewModelTitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytMacroMarkerListItemViewModelTitle .ytMacroMarkerListItemViewModelHighlighted { color: rgb(62, 166, 255); } .ytAccordionItemViewModelHost { display: block; max-height: 50px; opacity: 1; padding: 20px 0px; transition: 0.5s cubic-bezier(0.25, 0.01, 1, 1); } .ytAccordionItemViewModelContainer { display: flex; padding: 0px 4px; align-items: center; } .ytAccordionItemViewModelLeftSection { display: flex; flex: 1 1 0%; flex-direction: row; align-items: center; cursor: pointer; } .ytAccordionItemViewModelRightSection { display: flex; flex-direction: row; align-items: center; opacity: 1; transition: 0.5s cubic-bezier(0.25, 0.01, 1, 1); } .ytAccordionItemViewModelLabel { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 3.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .ytAccordionItemViewModelLabel { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .ytAccordionItemViewModelSubtitle { padding-right: 4px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytAccordionItemViewModelExpandedSubtitle { margin-top: 8px; } .ytAccordionItemViewModelLockupShelf { margin-top: 20px; } .ytAccordionItemViewModelContent { width: 100%; max-height: 0px; opacity: 0; padding-right: 16px; transition: 0.5s ease-out; } .ytAccordionItemViewModelExpanded { max-height: 600px; } .ytAccordionItemViewModelHost:not(.ytAccordionItemViewModelExpanded) .ytAccordionItemViewModelContent { pointer-events: none; } .ytAccordionItemViewModelExpanded .ytAccordionItemViewModelContent { box-sizing: border-box; opacity: 1; max-height: 390px; } .ytAccordionItemViewModelToggleButton { display: flex; } .ytAccordionItemViewModelHidden:not(.ytAccordionItemViewModelExpanded) { opacity: 0; max-height: 0px; padding: 0px; overflow: hidden; } .ytAccordionItemViewModelHidden .ytAccordionItemViewModelRightSection { opacity: 0; } .ytAccordionItemViewModelMini { padding: 12px 0px; } .ytAccordionItemViewModelMini .ytAccordionItemViewModelLabel { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .ytAccordionItemViewModelMini .ytAccordionItemViewModelLabel { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .ytAccordionItemViewModelMini .ytAccordionItemViewModelContent { overflow-y: visible; padding-right: 0px; } .ytAccordionViewModelHost { max-width: 1000px; } .ytAccordionViewModelRow:not(:first-child) { border-top: 1px solid rgba(255, 255, 255, 0.2); } .ytAccordionViewModelHeader { position: relative; display: flex; flex-direction: row; justify-content: space-between; padding: 8px 4px 4px; z-index: 1; } .ytAccordionViewModelTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; color: rgb(170, 170, 170); opacity: 1; transition: opacity 0.5s ease-in-out; } .ytAccordionViewModelContent { position: relative; max-width: 100%; display: flex; flex-direction: column; z-index: 0; margin-top: 0px; transition: margin-top 0.5s ease-in-out; } .ytAccordionViewModelDisclaimer { color: rgb(170, 170, 170); margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytAccordionViewModelMinimized .ytAccordionViewModelContent { margin-top: -44px; } .ytAccordionViewModelMinimized .ytAccordionViewModelTitle { opacity: 0; } .ytAccordionViewModelMinimized .ytAccordionViewModelRow { border: none; } .ytLearningJourneyZeroStateHost { display: flex; flex-direction: column; justify-content: center; align-items: center; } .ytLearningJourneyZeroStateSearchContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 60%; min-width: 40%; max-width: 70%; } .ytLearningJourneyZeroStateSearchBarContainer { align-items: flex-start; border-radius: 50px; display: flex; width: 100%; } .ytLearningJourneyZeroStateSearchBar { background: rgb(38, 56, 80); border-radius: 50px; flex-grow: 1; padding: 24px; margin-right: 8px; } .ytLearningJourneyZeroStateSearchBarDark { background: rgb(222, 241, 255); } .ytLearningJourneyZeroStateSearchButtonContainer { background: rgb(38, 56, 80); border-radius: 60px; padding: 10px; } .ytLearningJourneyZeroStateSearchButtonContainerDark { background: rgb(222, 241, 255); } .ytLearningJourneyZeroStateErrorBannerContainer { margin-top: 33px; } .ytLearningJourneyZeroStateLoaderContainer { display: flex; flex-direction: row; justify-content: center; } .ytLearningJourneyZeroStateTextInput { background: transparent; border: none; box-sizing: border-box; color: rgb(241, 241, 241); display: block; min-height: auto; outline: none; resize: none; width: 100%; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .ytLearningJourneyZeroStateTextInput:focus { height: 146px; } .ytLearningJourneyZeroStateTextInput::-webkit-input-placeholder { color: rgb(113, 113, 113); } .ytLearningJourneyZeroStateTextInput::placeholder { color: rgb(113, 113, 113); } .ytLearningJourneyZeroStateTextInputDark { color: rgb(15, 15, 15); } .ytLearningJourneyZeroStateLearningIconContainer { margin: 50px 0px 33px; padding: 2px; } .ytLearningJourneyZeroStateLearningIcon { height: 72px; width: 72px; } .ytLearningJourneyZeroStateSuggestedJourneySection { margin-top: 50px; } .ytLearningJourneyZeroStateSuggestedJourneySectionTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; color: rgb(170, 170, 170); text-align: center; margin-bottom: 16px; } .ytLearningJourneyZeroStatePlaylistShelfContainer { margin-top: 50px; } .ytvlLiveLeaderboardItemActionContentViewModelHost { display: flex; flex-direction: column; align-items: flex-start; } .ytvlLiveLeaderboardItemActionContentViewModelActionDescription { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); } .ytvlLiveLeaderboardItemActionContentViewModelActionButton { margin-top: 4px; } .ytvlLiveLeaderboardItemChannelContentViewModelHost { display: flex; flex-direction: row; align-items: center; } .ytvlLiveLeaderboardItemChannelContentViewModelChannelName { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: rgb(241, 241, 241); } .ytvlLiveLeaderboardItemChannelContentViewModelBadge { margin-left: 4px; } .ytvlLiveLeaderboardItemViewModelHost { display: flex; flex-direction: row; align-items: center; padding: 8px 0px; max-width: 100%; } .ytvlLiveLeaderboardItemViewModelRankNumberContainer { width: 62px; display: flex; justify-content: center; min-width: 0px; flex-shrink: 0; } .ytvlLiveLeaderboardItemViewModelRankNumber { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; color: rgb(241, 241, 241); } @media (max-width: 527.9px) { .ytvlLiveLeaderboardItemViewModelRankNumber { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } .ytvlLiveLeaderboardItemViewModelAvatar { margin-left: 12px; min-width: 0px; flex-shrink: 0; } .ytvlLiveLeaderboardItemViewModelContent { margin-left: 12px; margin-right: 12px; color: rgb(241, 241, 241); flex-shrink: 1; min-width: 0px; } .ytvlLiveLeaderboardItemViewModelPoints { margin-left: auto; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); min-width: 0px; flex-shrink: 0; } .ytvlLiveViewerLeaderboardItemViewModelHost { display: flex; flex-direction: row; align-items: center; padding: 8px 16px; } .ytvlLiveViewerLeaderboardItemViewModelRankNumber { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; color: rgb(241, 241, 241); } @media (max-width: 527.9px) { .ytvlLiveViewerLeaderboardItemViewModelRankNumber { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } .ytvlLiveViewerLeaderboardItemViewModelAvatar { margin-left: 12px; } .ytvlLiveViewerLeaderboardItemViewModelChannelContent { margin-left: 12px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 900; color: rgb(241, 241, 241); } @media (max-width: 527.9px) { .ytvlLiveViewerLeaderboardItemViewModelChannelContent { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 900; } } .ytvlLiveViewerLeaderboardItemViewModelPoints { margin-left: auto; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); } .YtQrCodeRendererHost { display: block; text-align: center; padding: 16px; color: rgb(241, 241, 241); } .YtQrCodeRendererHostQrImage { display: block; } .YtQrCodeRendererHostLabel { display: block; font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { .YtQrCodeRendererHostLabel { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } .YtQrCodeRendererHostLabels { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytWebSpinnerWrapper { display: flex; align-items: center; } .ytWebSpinnerSpinner { display: block; box-sizing: border-box; margin: 12px auto; width: 32px; height: 32px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(102, 102, 102) rgb(238, 238, 238) rgb(238, 238, 238); border-image: initial; animation: 0.8s linear 0s infinite normal none running spinner; } .ytWebSpinnerSpinner:not([hidden]) { color: rgb(51, 51, 51); font-size: 1.6rem; } @keyframes spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .ytCinematicContainerViewModelHost { position: absolute; inset: 0px; overflow: hidden; } .ytCinematicContainerViewModelBackgroundImage { position: absolute; width: 200%; max-width: 200%; height: auto; transform: translateX(-25%) translateY(-25%); opacity: 0.7; filter: blur(30px); } .ytCinematicContainerViewModelBackgroundGradient { position: relative; width: 100%; height: 100%; } .ytFlexibleContainerHost { display: block; } .yt-description-preview-view-model-wiz { display: block; } .yt-description-preview-view-model-wiz--clickable { cursor: pointer; } .yt-description-preview-view-model-wiz__description { display: block; position: relative; overflow: auto; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .yt-description-preview-view-model-wiz__description--medium-text { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-description-preview-view-model-wiz--is-overlay .yt-description-preview-view-model-wiz__description { color: rgba(255, 255, 255, 0.7); } .ytwChannelInfoViewModelHost { display: block; box-sizing: border-box; padding: 16px 0px; } .ytwChannelInfoViewModelHostChannelHeader { display: flex; flex-direction: row; align-items: center; } .ytwChannelInfoViewModelHostChannelButtons { margin: 4px 0px; max-width: 720px; display: flex; flex-direction: row; align-items: center; } .ytwChannelInfoViewModelHostChannelDescription { margin-top: 32px; display: flex; flex-direction: row; align-items: center; } .ytwCourseMetadataViewModelHost { display: block; padding: 16px 0px; overflow-y: auto; } .ytwCourseMetadataViewModelHostItem { margin-bottom: 16px; } .ytwFactoidViewModelHost { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: 0px 4px; text-align: center; width: 100%; } .ytwFactoidViewModelHostFactoidValue { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; margin-bottom: 2px; } .ytwFactoidViewModelHostOverlay .ytwFactoidViewModelHostFactoidValue { color: rgb(255, 255, 255); } .ytwFactoidViewModelHostFactoidLabel { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytwFactoidViewModelHostOverlay .ytwFactoidViewModelHostFactoidLabel { color: rgba(255, 255, 255, 0.7); } .ytwFactoidsRowViewModelHost { display: flex; flex-direction: row; padding: 4px 0px; } .page-header-view-model-wiz { --page-header-content-max-width: 600px; display: block; padding: 16px; } .page-header-view-model-wiz__page-header-background { position: absolute; inset: 0px; } .page-header-view-model-wiz__page-header-content { position: relative; } .page-header-view-model-wiz__scroll-container { position: absolute; overflow-y: auto; padding: 24px; inset: 0px; } .page-header-view-model-wiz__page-header-banner-container { height: 0px; padding-top: 16.12%; position: relative; margin-bottom: 16px; } .page-header-view-model-wiz__page-header-banner-container--full-bleed { margin-left: -12px; margin-right: -12px; } .page-header-view-model-wiz__page-header-headline { display: flex; align-items: center; } .page-header-view-model-wiz__page-header-headline--page-header-headline-full-width-hero { flex-direction: column; align-items: start; } .page-header-view-model-wiz__page-header-headline-info { display: flex; flex-direction: column; flex-grow: 1; min-width: 0px; } .page-header-view-model-wiz__page-header-title-container { margin: 0px; max-height: unset; } .page-header-view-model-wiz__page-header-headline-image-hero-container { display: flex; justify-content: center; } .page-header-view-model-wiz__page-header-title { color: rgb(241, 241, 241); } .page-header-view-model-wiz__page-header-title--page-header-title-medium-force-small-layout { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 6.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .page-header-view-model-wiz__page-header-title--page-header-title-medium { font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; overflow: hidden; max-height: 7.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .page-header-view-model-wiz__page-header-title--page-header-title-medium { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 6.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .page-header-view-model-wiz__page-header-title--page-header-title-large { font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; overflow: hidden; max-height: 10rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .page-header-view-model-wiz__page-header-title--page-header-title-large { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; overflow: hidden; max-height: 8.8rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .page-header-view-model-wiz__page-header-title--page-header-title-overlay { color: rgb(255, 255, 255); } .page-header-view-model-wiz__page-header-headline-image { flex-shrink: 0; margin-right: 16px; } .page-header-view-model-wiz__page-header-headline-image--page-header-headline-image-hero { margin: 0px 0px 16px; } .page-header-view-model-wiz__page-header-content-metadata { color: rgb(170, 170, 170); } .page-header-view-model-wiz__page-header-content-metadata--page-header-content-metadata-overlay { color: rgba(255, 255, 255, 0.7); } .page-header-view-model-wiz__page-header-attribution { color: rgb(241, 241, 241); margin-top: 12px; max-width: var(--page-header-content-max-width); } .page-header-view-model-wiz__page-header-attribution--page-header-attribution-overlay { color: rgb(255, 255, 255); } .page-header-view-model-wiz__page-header-description { margin-top: 12px; max-width: var(--page-header-content-max-width); } .page-header-view-model-wiz__page-header-flexible-actions { margin-top: 2px; } .page-header-view-model-wiz__page-header-flexible-actions--page-header-flexible-actions-margin-top { margin-top: 12px; } .page-header-view-model-wiz__page-header-flexible-actions--page-header-flexible-actions-margin-bottom { margin-bottom: 8px; } .page-header-view-model-wiz__page-header-bottom-metadata-flexible-container { margin-top: 12px; } .page-header-view-model-wiz--small-top-padding { padding-top: 8px; } .page-header-view-model-wiz--small-bottom-padding { padding-bottom: 8px; } .page-header-view-model-wiz--no-padding { padding: 0px; } .page-header-view-model-wiz--cinematic-container-overflow-boundary { position: relative; } .page-header-view-model-wiz--display-as-sidebar { width: 360px; height: 100%; padding: 24px; box-sizing: border-box; } .page-header-view-model-wiz--display-as-sidebar .page-header-view-model-wiz__page-header-background { border-radius: 16px; overflow: hidden; } .page-header-view-model-wiz--display-as-panel { padding-top: 16px; } .dynamic-text-view-model-wiz { word-break: break-word; } .dynamic-text-view-model-wiz__h1 { all: unset; } .dynamic-text-view-model-wiz--tappable { cursor: pointer; } .yt-image-banner-view-model-wiz { display: block; position: relative; width: 100%; height: 100%; } .yt-image-banner-view-model-wiz--position-absolute { position: absolute; left: 0px; top: 0px; } .yt-image-banner-view-model-wiz--inset { border-radius: 16px; overflow: hidden; } .yt-image-banner-view-model-wiz--small-inset { border-radius: 8px; } .yt-image-banner-view-model-wiz--tappable { cursor: pointer; } .ytOfficialCardViewModelHost { display: block; padding: 24px; border-radius: 24px; background-color: rgba(255, 255, 255, 0.1); } .ytOfficialCardViewModelExpandedContent { margin-top: 20px; } .ytOfficialCardViewModelExpandButton, .ytOfficialCardViewModelCollapseButton { max-width: 360px; margin: 24px auto 0px; } .ytwSearchFrictionViewModelHost { text-align: center; flex: 1 1 1e-09px; display: flex; flex-direction: column; align-items: center; } .ytwSearchFrictionViewModelHostImage { width: 120px; height: 120px; margin-left: 36px; } .ytwSearchFrictionViewModelHostTitle { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; padding-top: 16px; color: rgb(241, 241, 241); } @media (max-width: 527.9px) { .ytwSearchFrictionViewModelHostTitle { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } .ytwSearchFrictionViewModelHostBodyText { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; padding-top: 12px; color: rgb(241, 241, 241); white-space: pre-wrap; } .ytwSearchFrictionViewModelHostButton { padding-top: 12px; width: 100%; } .ytwSearchFrictionViewModelHostDisclaimer, .ytwSearchFrictionViewModelHostAttribution { padding-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; color: rgb(170, 170, 170); } .ytwSearchFrictionViewModelHostImageAndMenuWrapper { flex: 1 1 1e-09px; display: flex; flex-direction: row; width: 100%; } .ytwSearchFrictionViewModelHostImageContainer { flex: 1 1 1e-09px; } .ytwSearchFrictionViewModelHostMenuButton { flex: 0 0 auto; align-self: flex-start; } .ytwMarkdownDivHost { display: block; } .ytwMarkdownDivHost ul, .ytwMarkdownDivHost ol { padding-left: 12px; } .ytwMarkdownDivHost ul { list-style-type: disc; } .ytwMarkdownDivHost li, .ytwMarkdownDivHost p, .ytwMarkdownDivHost h1, .ytwMarkdownDivHost h2, .ytwMarkdownDivHost h3, .ytwMarkdownDivHost h4 { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytwMarkdownDivHost li, .ytwMarkdownDivHost h1, .ytwMarkdownDivHost h2, .ytwMarkdownDivHost h3, .ytwMarkdownDivHost h4 { margin: 8px 0px; } .ytwMarkdownDivHost strong { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 600; } .ytwMarkdownDivHostSmall li, .ytwMarkdownDivHostSmall p, .ytwMarkdownDivHostSmall h1, .ytwMarkdownDivHostSmall h2, .ytwMarkdownDivHostSmall h3, .ytwMarkdownDivHostSmall h4 { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytwMarkdownDivHostSmall strong { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 600; } .ytwMarkdownDivHost h1 { font-size: 20px; } .ytwMarkdownDivHost h2 { font-size: 18px; } .ytwMarkdownDivHost pre { padding: 4px; background: rgba(255, 255, 255, 0.7); border-radius: 4px; overflow-x: auto; margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytwMarkdownDivHost pre code { font-family: "Roboto Mono", monospace; } .ytwMarkdownDivHost table { padding: 4px; border-spacing: 8px; background: rgba(255, 255, 255, 0.4); margin: 12px auto; width: 100%; border-radius: 8px; border-collapse: collapse; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.2); } .ytwMarkdownDivHost tr { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .ytwMarkdownDivHost tr:last-of-type { border-bottom: none; } .ytwMarkdownDivHost td, .ytwMarkdownDivHost th { padding: 8px; } .ytwMarkdownDivHost th { text-align: left; padding-bottom: 8px; background: rgba(255, 255, 255, 0.8); } .ytwMarkdownDivDark pre { background: rgba(0, 0, 0, 0.7); } .ytwMarkdownDivTimestamp { color: rgb(62, 166, 255); padding: 0px 2px; border-radius: 2px; cursor: pointer; display: inline-block; transition: background-color 0.2s; } .ytwMarkdownDivTimestamp:hover { color: rgb(101, 184, 255); } .ytwGenAiRichTextViewModelHost { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(241, 241, 241); letter-spacing: 0px; padding-bottom: 16px; } .ytwGenAiRichTextViewModelText { display: block; word-break: break-word; } .ytwGenAiRichTextViewModelGreenLinks .ytwGenAiRichTextViewModelText yt-icon { vertical-align: super; margin: 0px 2px; } .ytwGenAiRichTextViewModelGreenLinks .ytwGenAiRichTextViewModelText c3-icon { vertical-align: super; margin: 0px 2px; } .ytwGenAiRichTextViewModelGreenLinks .ytwGenAiRichTextViewModelImageMetadata yt-icon { vertical-align: super; margin: 0px 2px; } .ytwGenAiRichTextViewModelGreenLinks .ytwGenAiRichTextViewModelImageMetadata c3-icon { vertical-align: super; margin: 0px 2px; } .ytwGenAiRichTextViewModelRichContent { display: block; } .ytwGenAiRichTextViewModelContentImage { display: block; width: 80px; height: 80px; margin-right: 12px; border-radius: 4px; float: left; } .ytwGenAiRichTextViewModelImageTitle { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; color: rgb(241, 241, 241); padding-bottom: 2px; } .ytwGenAiRichTextViewModelImageDescription { display: block; } .ytwGenAiRichTextViewModelListTitle { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: rgb(241, 241, 241); padding-bottom: 16px; } .ytwGenAiRichTextViewModelListItem { display: block; margin-bottom: 14px; } .ytwGenAiRichTextViewModelListItem:last-child { display: block; margin-bottom: 0px; } .ytwGenAiRichTextViewModelImageContent { padding-bottom: 14px; width: 100%; } .ytwGenAiRichTextViewModelImageMetadata, .ytwGenAiRichTextViewModelListContent { display: flex; flex-direction: column; } .ytwGenAiRichTextViewModelBulletedList { list-style: unset; } .ytwGenAiRichTextViewModelBulletedListItem { padding-bottom: 16px; margin-left: 24px; list-style-type: disc; } .ytwGenAiRichTextViewModelNumberedList { list-style: unset; } .ytwGenAiRichTextViewModelNumberedListItem { padding-bottom: 16px; margin-left: 24px; list-style-type: auto; } .ytwGenAiRichTextViewModelTableContent { display: table-cell; text-align: left; border-collapse: collapse; } .ytwGenAiRichTextViewModelTableHeaderCell { padding: 8px 16px 8px 0px; } .ytwGenAiRichTextViewModelTableCell { padding: 8px 16px 8px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .ytwGenAiRichTextViewModelImageList { display: flex; flex-direction: column; } .ytwGenAiRichTextViewModelImageList .ytwGenAiRichTextViewModelImageContent { width: 100%; padding-bottom: 0px; } .ytwGenAiRichTextViewModelImageList .ytwGenAiRichTextViewModelListItem { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 14px; } .ytwGenAiRichTextViewModelImageList .ytwGenAiRichTextViewModelImageMetadata { display: flex; flex-direction: column; } .ytwGenAiRichTextViewModelImageList .ytwGenAiRichTextViewModelImageTitle { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; color: rgb(241, 241, 241); padding-bottom: 2px; } .ytwGenAiRichTextViewModelImageList .ytwGenAiRichTextViewModelImageDescription { display: block; } .ytwGenAiRichTextViewModelImageList .ytwGenAiRichTextViewModelContentImage { display: block; width: 52px; height: 52px; margin-right: 12px; border-radius: 4px; } .ytwGenAiRichTextViewModelContentBlock { display: block; } .ytwOverviewAnswerGhostCardHost { display: block; width: 100%; } .ytwOverviewAnswerGhostCardGhostLine { display: block; margin: 0px 20px 10px; height: 14px; border-radius: 6px; max-width: 100%; overflow: hidden; } .ytwOverviewAnswerGhostCardLineBreak { height: 14px; margin-bottom: 10px; } .ytwOverviewAnswerGhostCardSlider { display: flex; width: 200%; height: 14px; animation: 2s linear 0s infinite normal none running slider-loader; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 20%, rgba(166, 87, 166, 0.4) 50%, rgba(0, 0, 0, 0) 80%); } @keyframes slider-loader { 0% { transform: translateX(-100%); } 100% { transform: translateX(38%); } } .ytdOverviewAnswerViewModelHost { display: block; width: 344px; border-radius: 12px; padding-bottom: 16px; margin-top: 16px; color: rgb(241, 241, 241); } .ytdOverviewAnswerViewModelLightBackground { background-image: linear-gradient(rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 100%), linear-gradient(90deg, rgba(127, 14, 127, 0.2) 0px, rgba(170, 9, 170, 0.2) 20%, rgba(255, 78, 69, 0.2) 100%); } .ytdOverviewAnswerViewModelDarkBackground { background-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 100%), linear-gradient(90deg, rgba(127, 14, 127, 0.3) 0px, rgba(170, 9, 170, 0.3) 20%, rgba(255, 78, 69, 0.3) 100%); } .ytdOverviewAnswerViewModelHeader { height: 66px; margin-left: 16px; margin-right: 16px; display: flex; flex-direction: row; align-items: center; } .ytdOverviewAnswerViewModelHeaderIcon { height: 24px; width: 24px; margin-right: 8px; } .ytdOverviewAnswerViewModelHeaderText { display: flex; flex-direction: column; } .ytdOverviewAnswerViewModelHeaderTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytdOverviewAnswerViewModelHeaderSubtext { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); } .ytdOverviewAnswerViewModelText { margin-left: 16px; margin-right: 16px; margin-bottom: 24px; text-wrap: wrap; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); letter-spacing: 0px; } .ytdOverviewAnswerViewModelText strong { color: rgb(241, 241, 241); } .ytdOverviewAnswerViewModelText ul, .ytdOverviewAnswerViewModelText ol { list-style-type: disc; list-style-position: outside; padding-left: 16px; } .ytdOverviewAnswerViewModelText p + ul, .ytdOverviewAnswerViewModelText p + ol, .ytdOverviewAnswerViewModelText ul + p, .ytdOverviewAnswerViewModelText ol + p { margin-top: 16px; } .ytdOverviewAnswerViewModelText li + li { margin-top: 16px; } .ytdOverviewAnswerViewModelText p + p { margin-top: 16px; } .ytdOverviewAnswerViewModelText p:first-of-type { margin-top: 0px; } .ytdOverviewAnswerViewModelText p:last-child { margin-bottom: 0px; } .ytdOverviewAnswerViewModelBottomButtonsContainer { display: flex; flex-direction: row; } .ytdOverviewAnswerViewModelSecondaryHeader { display: flex; justify-content: space-between; align-items: center; margin-left: 16px; margin-right: 16px; margin-bottom: 14px; } .ytdOverviewAnswerViewModelFeedbackButtons { display: flex; } .ytdOverviewAnswerViewModelNextQueryButtons { display: block; margin-bottom: 16px; } .ytdOverviewAnswerViewModelNextQueryButton { display: block; } .ytdOverviewAnswerViewModelSourcesHeaderText { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; display: flex; } .ytdOverviewAnswerViewModelSources { margin-bottom: 16px; display: block; } .ytdOverviewAnswerViewModelRichText { display: block; margin-left: 16px; margin-right: 16px; } .ytdOverviewAnswerViewModelDisclaimer { margin-left: 32px; margin-right: 32px; display: block; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); } .ytwMacroMarkersPanelItemViewModelHost { position: relative; display: block; cursor: pointer; } .ytwMacroMarkersPanelItemViewModelHost:hover { background-color: rgba(255, 255, 255, 0.1); } .ytwTimelineChapterViewModelHost { display: block; padding: 12px 0px 12px 16px; background-color: rgb(15, 15, 15); } .ytwTimelineChapterViewModelTitle { padding-right: 16px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 700; } .ytwTimelineChapterViewModelTitle:not(:last-child) { margin-bottom: 12px; } .ytwTimelineChapterViewModelModern { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } @media (max-width: 527.9px) { .ytwTimelineChapterViewModelModern { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } .ytwTimelineItemViewModelHost { display: flex; overflow: hidden; padding: 12px 16px; } .ytwTimelineItemViewModelHostChapterChild { padding: 0px; } .ytwTimelineItemViewModelTimestampSection { position: relative; } .ytwTimelineItemViewModelTimestamp { background-color: rgba(255, 255, 255, 0.1); color: rgb(170, 170, 170); min-width: 32px; height: 20px; padding: 2px 4px; border-radius: 4px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .ytwTimelineItemViewModelTimestampActive { background-color: rgb(241, 241, 241); color: rgb(15, 15, 15); } .ytwTimelineItemViewModelContentItems { position: relative; margin-left: 22px; min-width: 0px; } .ytwTimelineItemViewModelContentItems .ytwTranscriptSegmentViewModelHost:not(:last-child) { margin-bottom: 12px; } .ytwTimelineItemViewModelModern { display: block; } .ytwTimelineItemViewModelModern .ytwTimelineItemViewModelTimestampSection { display: none; } .ytwTimelineItemViewModelModern .ytwTimelineItemViewModelTimestamp { border-radius: 12px; width: fit-content; min-width: 48px; } .ytwTimelineItemViewModelModern .ytwTimelineItemViewModelContentItems { margin-left: 0px; } .ytwTranscriptSegmentViewModelHost { --timestamp-active-background-color: #f1f1f1; --timestamp-active-color: #0f0f0f; display: block; overflow-wrap: break-word; color: rgb(113, 113, 113); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytwTranscriptSegmentViewModelHostActive { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytwTranscriptSegmentViewModelHostModern { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } @media (max-width: 527.9px) { .ytwTranscriptSegmentViewModelHostModern { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } .ytwTranscriptSegmentViewModelTimestamp { display: inline-block; margin-right: 8px; padding: 2px 6px; border-radius: 100px; vertical-align: middle; background-color: rgba(255, 255, 255, 0.1); color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .ytwTranscriptSegmentViewModelTimestampActive { background-color: var(--timestamp-active-background-color); color: var(--timestamp-active-color); } .yt-video-attributes-section-view-model { display: block; position: relative; } .yt-video-attributes-section-view-model__header { display: flex; flex-direction: column; } .yt-video-attributes-section-view-model__title { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 900; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .yt-video-attributes-section-view-model__title { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 900; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .yt-video-attributes-section-view-model__subtitle { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-video-attributes-section-view-model__video-attributes:not(:first-child) { margin-top: 4px; } .yt-video-attributes-section-view-model__video-attributes-container { display: flex; gap: 16px; transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); } .yt-video-attributes-section-view-model__video-attributes-container > :last-child { padding-right: 16px; } .yt-video-attributes-section-view-model__footer-button { margin-top: 16px; } .yt-video-attributes-section-view-model__scroll-container { display: block; white-space: nowrap; overflow: scroll hidden; scrollbar-width: none; } .yt-video-attributes-section-view-model__scroll-container::-webkit-scrollbar { display: none; } .yt-video-attributes-section-view-model__left-arrow { left: 0px; transform: translate(8px, -50%); position: absolute; top: 50%; border-radius: 50%; background-color: rgb(33, 33, 33); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px, rgba(0, 0, 0, 0.25) 0px 0px 8px; } .yt-video-attributes-section-view-model__right-arrow { right: 0px; transform: translate(-8px, -50%); position: absolute; top: 50%; border-radius: 50%; background-color: rgb(33, 33, 33); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px, rgba(0, 0, 0, 0.25) 0px 0px 8px; } .ytwFantasyLeagueSummaryViewModelHost { display: block; margin-bottom: 12px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.25) 1px 4px 16px -8px; } .ytwFantasyLeagueSummaryViewModelHeader { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .ytwFantasySectionHeaderViewModelHost { display: flex; flex-direction: row; align-items: center; margin: 12px; color: rgb(241, 241, 241); } .ytwFantasySectionHeaderViewModelLogo { display: block; width: 36px; height: 36px; border-radius: 100%; overflow: hidden; } .ytwFantasySectionHeaderViewModelMetadata { flex: 1 1 0%; display: flex; flex-direction: column; margin-left: 12px; } .ytwFantasySectionHeaderViewModelTitle { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .ytwFantasySectionHeaderViewModelSubtitle { display: block; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytwFantasySectionHeaderViewModelTrailingButton { display: block; } .ytwFantasyTeamViewModelHost { display: flex; flex-direction: row; align-items: center; position: relative; padding: 8px 12px; color: rgb(241, 241, 241); } .ytwFantasyTeamViewModelHost:not(.ytwFantasyTeamViewModelCompact) { padding: 8px 12px; } .ytwFantasyTeamViewModelCompact { padding: 12px; } .ytwFantasyTeamViewModelUser::before, .ytwFantasyTeamViewModelOpponent::before { content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); display: block; width: 4px; height: 54px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .ytwFantasyTeamViewModelCompact.ytwFantasyTeamViewModelUser::before, .ytwFantasyTeamViewModelCompact.ytwFantasyTeamViewModelOpponent::before { height: 38px; } .ytwFantasyTeamViewModelUser::before { background-color: rgb(241, 241, 241); } .ytwFantasyTeamViewModelOpponent::before { background-color: rgb(113, 113, 113); } .ytwFantasyTeamViewModelLogo { display: block; margin-right: 12px; border-radius: 100%; overflow: hidden; } .ytwFantasyTeamViewModelHost:not(.ytwFantasyTeamViewModelCompact) .ytwFantasyTeamViewModelLogo { width: 48px; height: 48px; } .ytwFantasyTeamViewModelCompact .ytwFantasyTeamViewModelLogo { width: 36px; height: 36px; } .ytwFantasyTeamViewModelMetadata { display: block; flex: 1 1 0%; } .ytwFantasyTeamViewModelHeader { display: flex; flex-direction: row; align-items: center; } .ytwFantasyTeamViewModelCompact .ytwFantasyTeamViewModelHeader { display: none; } .ytwFantasyTeamViewModelScore { margin-right: 4px; font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytwFantasyTeamViewModelScore { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } .ytwFantasyTeamViewModelProjectedScoreIcon { margin-right: 4px; display: block; width: 12px; height: 12px; color: rgb(170, 170, 170); } .ytwFantasyTeamViewModelProjectedScore { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytwFantasyTeamViewModelPrimaryText { display: block; } .ytwFantasyTeamViewModelHost:not(.ytwFantasyTeamViewModelCompact) .ytwFantasyTeamViewModelPrimaryText { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytwFantasyTeamViewModelCompact .ytwFantasyTeamViewModelPrimaryText { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytwFantasyTeamViewModelSecondaryText, .ytwFantasyTeamViewModelTertiaryText { display: block; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytwFantasyTeamViewModelCompactScore { display: block; margin-left: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytwFantasyTeamViewModelHost:not(.ytwFantasyTeamViewModelCompact) .ytwFantasyTeamViewModelCompactScore { display: none; } .yt-tab-group-shape-wiz { display: block; height: 48px; position: relative; width: max-content; } .yt-tab-group-shape-wiz__tabs { display: flex; flex-direction: row; white-space: nowrap; } .yt-tab-group-shape-wiz__slider { background-color: rgb(241, 241, 241); border-radius: 1px; bottom: 1px; height: 2px; margin-top: -2px; position: absolute; transition: 0.2s; width: 50px; } .yt-tab-group-shape-wiz--overflow-hidden { overflow: hidden; } .yt-tab-group-shape-wiz:focus .yt-tab-group-shape-wiz__tabs { outline: none; } .yt-tab-shape-wiz { align-items: center; display: flex; flex-shrink: 0; height: 48px; justify-content: center; margin-right: 24px; min-width: 48px; padding: 0px; position: relative; } @media (max-width: 299px) { .yt-tab-shape-wiz { margin-right: 12px; } } .yt-tab-shape-wiz--host-disabled { pointer-events: none; } .yt-tab-shape-wiz--host-clickable { cursor: pointer; } .yt-tab-shape-wiz__tab { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .yt-tab-shape-wiz__tab--tab-selected { color: rgb(241, 241, 241); } .yt-tab-shape-wiz__tab--last-tab { margin-right: 0px; } .yt-tab-shape-wiz__tab-bar { bottom: 1px; left: 0px; position: absolute; right: 0px; z-index: 1000; } .yt-tab-shape-wiz__tab-bar--tab-bar-selected { height: 0px; } .yt-tab-shape-wiz__tab-icon { height: 20px; margin-right: 8px; vertical-align: text-bottom; width: 20px; } @media (max-width: 299px) { .yt-tab-shape-wiz__tab-icon { margin-right: 4px; } } .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar { background-color: rgb(113, 113, 113); border-radius: 1px; height: 2px; } .yt-tab-shape-wiz:hover .yt-tab-shape-wiz__tab-bar--tab-bar-selected { height: 0px; } .yt-tab-shape-wiz:focus { outline: none; } .yt-tab-shape-wiz:focus .yt-tab-shape-wiz__tab { color: rgb(241, 241, 241); } .ytTabbedViewModelHost { display: block; } .ytTabbedViewModelTabGroup { display: flex; justify-content: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .ytwFantasyPlayerViewModelHost { display: flex; flex-direction: row; align-items: center; padding: 8px 16px; color: rgb(241, 241, 241); } .ytwFantasyPlayerViewModelLogo { width: 44px; height: 44px; position: relative; } .ytwFantasyPlayerViewModelLogoRing { border: 2px solid transparent; padding: 2px; border-radius: 100%; } .ytwFantasyPlayerViewModelPlaying .ytwFantasyPlayerViewModelLogoRing { border-color: rgb(241, 241, 241); } .ytwFantasyPlayerViewModelOnField .ytwFantasyPlayerViewModelLogoRing, .ytwFantasyPlayerViewModelRedZone .ytwFantasyPlayerViewModelLogoRing { clip-path: path("M 0 0 L 0 44 L 30.8 44 A 10 10 0 0 1 30 40 A 10 10 0 0 1 40 30 A 10 10 0 0 1 44 30.8 L 44 0 L 0 0 Z"); } .ytwFantasyPlayerViewModelLogoImage { display: block; width: 36px; height: 36px; border-radius: 100%; overflow: hidden; } .ytwFantasyPlayerViewModelInGameStatus { position: absolute; bottom: -4px; right: -4px; border-radius: 100%; padding: 2px; } .ytwFantasyPlayerViewModelOnField .ytwFantasyPlayerViewModelInGameStatus { background: rgb(43, 166, 64); } .ytwFantasyPlayerViewModelRedZone .ytwFantasyPlayerViewModelInGameStatus { background: rgb(255, 78, 69); } .ytwFantasyPlayerViewModelHost:not(.ytwFantasyPlayerViewModelOnField):not(.ytwFantasyPlayerViewModelRedZone) .ytwFantasyPlayerViewModelInGameStatus { display: none; } .ytwFantasyPlayerViewModelInGameStatusIcon { display: block; color: rgb(15, 15, 15); width: 12px; height: 12px; } .ytwFantasyPlayerViewModelMetadata { display: block; flex: 1 1 0%; margin-left: 8px; } .ytwFantasyPlayerViewModelHeader { display: flex; flex-direction: row; align-items: baseline; } .ytwFantasyPlayerViewModelName { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytwFantasyPlayerViewModelHost:not(.ytwFantasyPlayerViewModelPlaying) .ytwFantasyPlayerViewModelName { color: rgb(170, 170, 170); } .ytwFantasyPlayerViewModelDescription { display: block; margin-left: 4px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytwFantasyPlayerViewModelSecondaryText { display: flex; flex-direction: row; align-items: baseline; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytwFantasyPlayerViewModelSecondaryItem:not(:empty):not(:first-child) { margin-left: 4px; } .ytwFantasyPlayerViewModelStatus { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .ytwFantasyPlayerViewModelScore { display: block; margin-left: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytwFantasyRosterViewModelHost { display: block; } .ytwFantasyMatchupViewModelHost { display: block; margin-bottom: 12px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.25) 1px 4px 16px -8px; padding: 8px 0px; color: rgb(241, 241, 241); } .ytwFantasyMatchupViewModelTitle { display: block; margin: 0px 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } .ytwFantasyMatchupViewModelNoPlayersMessage { display: block; margin: 32px 0px 20px; color: rgb(170, 170, 170); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytwFantasyWeeklyMatchupSummaryViewModelHost { display: block; margin-bottom: 12px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.25) 1px 4px 16px -8px; padding-top: 4px; color: rgb(241, 241, 241); } .ytwFantasyWeeklyMatchupSummaryViewModelTitle { display: block; margin: 16px 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } .ytwFantasyWeeklyMatchupSummaryViewModelPair { border-top: 1px solid rgba(255, 255, 255, 0.2); } .ytwFantasyWinProbabilityViewModelHost { display: block; margin-bottom: 12px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; padding: 12px; color: rgb(241, 241, 241); box-shadow: rgba(0, 0, 0, 0.25) 1px 4px 16px -8px; } .ytwFantasyWinProbabilityViewModelTop { display: flex; flex-direction: row; align-items: center; } .ytwFantasyWinProbabilityViewModelLogo { height: 36px; width: 36px; border-radius: 100%; overflow: hidden; margin-bottom: 12px; } .ytwFantasyWinProbabilityViewModelTitle { margin-top: 8px; margin-bottom: 8px; color: rgb(170, 170, 170); flex: 1 1 0%; display: flex; align-items: center; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .ytwFantasyWinProbabilityViewModelBottom { display: flex; flex-direction: row; align-items: center; } .ytwFantasyWinProbabilityViewModelPercentage { min-width: 36px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytwFantasyWinProbabilityViewModelProbabilityBars { margin: 0px 8px; display: flex; flex-direction: row; flex: 1 1 0%; align-items: center; } .ytwFantasyWinProbabilityViewModelProbabilityBar { height: 6px; border-radius: 10px; } .ytwFantasyWinProbabilityViewModelProbabilityUserBar { background: rgb(241, 241, 241); margin-right: 2px; } .ytwFantasyWinProbabilityViewModelProbabilityOpponentBar { background: rgb(113, 113, 113); margin-left: 2px; } ytd-offline-item-section-renderer { display: block; } #contents.ytd-offline-item-section-renderer { --yt-message-renderer-text-align: center; } #contents.ytd-offline-item-section-renderer > ytd-item-section-renderer.ytd-offline-item-section-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #contents.ytd-offline-item-section-renderer > ytd-item-section-renderer.ytd-offline-item-section-renderer:last-child { border-bottom: none; } ytd-search-filter-group-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: column; } #filter-group-name.ytd-search-filter-group-renderer { color: var(--yt-spec-text-primary); border-bottom: 1px solid var(--yt-spec-10-percent-layer); margin: 5px 0px; padding: 15px 0px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-search-filter-renderer.ytd-search-filter-group-renderer { color: var(--yt-spec-text-primary); font-size: 12px; padding: 15px 0px 0px; } ytd-search-filter-renderer { display: flex; flex-direction: row; } ytd-search-filter-renderer yt-formatted-string.ytd-search-filter-renderer { font-size: 14px; color: var(--yt-spec-text-secondary); } ytd-search-filter-renderer.disabled yt-formatted-string.ytd-search-filter-renderer { color: var(--yt-spec-text-disabled); } ytd-search-filter-renderer.selected yt-formatted-string.ytd-search-filter-renderer { color: var(--yt-spec-text-primary); font-weight: 500; } #dismiss-x.ytd-search-filter-renderer { display: none; } ytd-search-filter-renderer.selected #dismiss-x.ytd-search-filter-renderer { color: var(--yt-spec-text-primary); display: block; padding-left: 10px; --iron-icon-height: 16px; --iron-icon-width: 16px; } #label.ytd-search-filter-renderer { display: flex; flex-direction: row; align-items: center; } .yt-simple-endpoint.ytd-search-filter-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-search-filter-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } ytd-search-sub-menu-renderer { display: block; } ytd-search-filter-group-renderer.ytd-search-sub-menu-renderer { padding: 0px 32px 0px 0px; } ytd-search-sub-menu-renderer[show-bottom-border] #filter-menu.ytd-search-sub-menu-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #collapse-content.ytd-search-sub-menu-renderer { margin-bottom: 32px; display: flex; flex-direction: row; } #collapse.ytd-search-sub-menu-renderer { overflow: hidden; } #container.ytd-search-sub-menu-renderer, #container.ytd-search-sub-menu-renderer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } ytd-toggle-button-renderer.ytd-search-sub-menu-renderer:hover { color: var(--yt-spec-icon-active-other); } ytd-button-renderer.ytd-search-sub-menu-renderer { text-transform: none; } ytd-section-list-renderer { display: flex; flex-direction: column; } ytd-section-list-renderer[continuation-is-reloading] { opacity: 0.25; pointer-events: none; } ytd-section-list-renderer:not([hide-bottom-separator]):not([page-subtype="history"]):not([page-subtype="memberships-and-purchases"]):not([page-subtype="ypc-offers"]):not([live-chat-engagement-panel]) #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer):not([item-dismissed]):not([has-destination-shelf-renderer]):not(ytd-minor-moment-header-renderer):not([has-section-group-view-model]) { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-section-list-renderer[engagement-panel][panel-target-id="engagement-panel-comments-section"], ytd-section-list-renderer[engagement-panel][panel-target-id="engagement-panel-youchat"], ytd-section-list-renderer[engagement-panel][panel-target-id="PAmini_app_panel"], ytd-section-list-renderer[engagement-panel][panel-target-id="engagement-panel-shorts-remix-handoff"] { height: 100%; padding-left: 0px; } ytd-section-list-renderer[engagement-panel][panel-target-id="engagement-panel-comments-section"] #contents.ytd-section-list-renderer, ytd-section-list-renderer[engagement-panel][panel-target-id="engagement-panel-youchat"] #contents.ytd-section-list-renderer { height: 100%; } ytd-section-list-renderer[engagement-panel][panel-target-id="engagement-panel-shorts-remix-handoff"] #contents.ytd-section-list-renderer { height: 100%; display: flex; align-items: center; } ytd-section-list-renderer[engagement-panel][panel-target-id="PAsearch_preview"][should-scroll-in-panel] { padding-top: 12px; padding-right: 24px; border-top: 1px solid var(--yt-spec-10-percent-layer); height: 100%; overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; overscroll-behavior: contain; } ytd-section-list-renderer[engagement-panel][panel-target-id="PAsearch_preview"][should-scroll-in-panel]::-webkit-scrollbar { background: transparent; width: 8px; } ytd-section-list-renderer[engagement-panel][panel-target-id="PAsearch_preview"][should-scroll-in-panel]::-webkit-scrollbar-thumb { height: 56px; background: transparent; } ytd-section-list-renderer[engagement-panel][panel-target-id="PAsearch_preview"][should-scroll-in-panel]:hover { scrollbar-color: var(--yt-spec-icon-disabled) transparent; } ytd-section-list-renderer[engagement-panel][panel-target-id="PAsearch_preview"][should-scroll-in-panel]:hover::-webkit-scrollbar-thumb { background: var(--yt-spec-icon-disabled); } ytd-section-list-renderer[engagement-panel][panel-target-id="PAsports_fantasy"] { padding: 12px; overflow-y: auto; } ytd-section-list-renderer[engagement-panel][panel-target-id="PAsports_fantasy"]::-webkit-scrollbar { width: 16px; } ytd-section-list-renderer[engagement-panel][panel-target-id="PAsports_fantasy"]::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } ytd-section-list-renderer[engagement-panel][panel-target-id="PAsports_fantasy"]::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } ytd-section-list-renderer[live-chat-engagement-panel]:not([hide-bottom-separator]) #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child):not(ytd-list-item-view-model):not(ytd-item-section-renderer):not(yt-live-chat-item-display-list-renderer) { padding-bottom: var(--yt-live-chat-engagement-panel-separator-padding,8px); margin-bottom: 8px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-section-list-renderer[live-chat-engagement-panel]:not([hide-bottom-separator]) #contents.ytd-section-list-renderer > yt-live-chat-item-display-list-renderer.ytd-section-list-renderer:not(:last-child)::after { content: ""; margin: 8px 24px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-section-list-renderer[live-chat-engagement-panel][should-scroll-in-panel] { height: 100%; overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; overscroll-behavior: contain; } ytd-section-list-renderer[live-chat-engagement-panel][should-scroll-in-panel]::-webkit-scrollbar { background: transparent; width: 8px; } ytd-section-list-renderer[live-chat-engagement-panel][should-scroll-in-panel]::-webkit-scrollbar-thumb { height: 56px; background: transparent; } ytd-section-list-renderer[live-chat-engagement-panel][should-scroll-in-panel]:hover { scrollbar-color: var(--yt-spec-icon-disabled) transparent; } ytd-section-list-renderer[live-chat-engagement-panel][should-scroll-in-panel]:hover::-webkit-scrollbar-thumb { background: var(--yt-spec-icon-disabled); } ytd-section-list-renderer[live-chat-engagement-panel] { padding: 0px; } ytd-section-list-renderer[live-chat-engagement-panel] #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(yt-live-chat-item-display-list-renderer) { margin-left: 24px; margin-right: 24px; } ytd-section-list-renderer[live-chat-engagement-panel] #contents.ytd-section-list-renderer { margin-bottom: 52px; } ytd-section-list-renderer[live-chat-engagement-panel][panel-target-id="PAlive_viewer_leaderboard"] #contents.ytd-section-list-renderer > .ytd-section-list-renderer { margin-left: 0px; margin-right: 0px; margin-bottom: 0px; } ytd-section-list-renderer[live-chat-engagement-panel][panel-target-id="PAlive_viewer_leaderboard"]:not([hide-bottom-separator]) #contents.ytd-section-list-renderer > ytd-item-section-renderer.ytd-section-list-renderer:not(:last-child) { border-bottom: 1px solid var(--yt-spec-outline); } ytd-section-list-renderer:not([live-chat-engagement-panel]) #action-button.ytd-section-list-renderer { display: none; } ytd-section-list-renderer[live-chat-engagement-panel] #action-button.ytd-section-list-renderer { position: absolute; bottom: -52px; padding-bottom: 8px; display: flex; width: 100%; justify-content: center; visibility: hidden; transition: bottom 0.15s cubic-bezier(0, 0, 0.2, 1), visibility 1s; } ytd-section-list-renderer[live-chat-engagement-panel] #action-button.show-scroll-button.ytd-section-list-renderer { bottom: 0px; visibility: visible; transition: visibility, bottom 0.15s cubic-bezier(0, 0, 0.2, 1); } ytd-section-list-renderer[live-chat-engagement-panel][panel-target-id="PAlc_emoji_customization"] #contents.ytd-section-list-renderer { height: 100%; margin-bottom: unset; } ytd-section-list-renderer[page-subtype~="ypc-offers"] #contents.ytd-section-list-renderer { width: 100%; max-width: 700px; margin: 0px auto; } ytd-section-list-renderer[can-show-more] #continuations.ytd-section-list-renderer { visibility: hidden; } ytd-section-list-renderer[has-sort-filter] #header.ytd-section-list-renderer { flex: 1 1 1e-09px; } ytd-section-list-renderer[has-sort-filter] #header-container.ytd-section-list-renderer { display: flex; flex-direction: row; } ytd-section-list-renderer[has-sort-filter] #sub-menu.ytd-section-list-renderer { display: flex; flex-direction: column; justify-content: center; } ytd-channel-list-sub-menu-renderer.ytd-section-list-renderer { display: block; padding: 16px 0px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-section-list-renderer[page-subtype="WEB_PAGE_TYPE_SETTINGS"] { margin: 0px 32px; } ytd-section-list-renderer[page-subtype="channels"] ytd-comments.ytd-section-list-renderer { max-width: 852px; } ytd-section-list-renderer[engagement-panel] { overflow: hidden; flex: 1 1 0%; } ytd-section-list-renderer[engagement-panel]:not([engagement-panel-dropdown]) #contents.ytd-section-list-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } ytd-section-list-renderer[engagement-panel]:not([engagement-panel-dropdown]) #contents.ytd-section-list-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } ytd-section-list-renderer[engagement-panel-dialog]:not([panel-target-id="engagement-panel-comments-section"]) #contents.ytd-section-list-renderer { padding: 0px 24px 24px; } ytd-section-list-renderer[engagement-panel][panel-target-id="PAmini_app_panel"] #contents.ytd-section-list-renderer { height: 100vh; } ytd-section-list-renderer[live-chat-engagement-panel][engagement-panel-dialog] #contents.ytd-section-list-renderer { padding: 0px; margin-bottom: 0px; } ytd-section-list-renderer[live-chat-engagement-panel][engagement-panel-dialog] #contents.ytd-section-list-renderer > .ytd-section-list-renderer { margin-left: 0px; margin-right: 0px; } ytd-section-list-renderer[engagement-panel-dialog][in-reply-panel] #contents.ytd-section-list-renderer { padding: 0px 4px 24px; margin-bottom: 52px; } ytd-section-list-renderer[engagement-panel-dialog][should-scroll-in-panel] #contents.ytd-section-list-renderer { overflow-y: auto; } ytd-section-list-renderer[engagement-panel-dialog][should-scroll-in-panel] #contents.ytd-section-list-renderer::-webkit-scrollbar { width: 16px; } ytd-section-list-renderer[engagement-panel-dialog][should-scroll-in-panel] #contents.ytd-section-list-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } ytd-section-list-renderer[engagement-panel-dialog][should-scroll-in-panel] #contents.ytd-section-list-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } ytd-section-list-renderer[engagement-panel-dropdown] #contents.ytd-section-list-renderer { overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; } ytd-section-list-renderer[engagement-panel-dropdown] #contents.ytd-section-list-renderer::-webkit-scrollbar { background: transparent; width: 8px; } ytd-section-list-renderer[engagement-panel-dropdown] #contents.ytd-section-list-renderer::-webkit-scrollbar-thumb { height: 56px; background: transparent; } ytd-section-list-renderer[engagement-panel-dropdown] #contents.ytd-section-list-renderer:hover { scrollbar-color: var(--yt-spec-icon-disabled) transparent; } ytd-section-list-renderer[engagement-panel-dropdown] #contents.ytd-section-list-renderer:hover::-webkit-scrollbar-thumb { background: var(--yt-spec-icon-disabled); } ytd-section-list-renderer[is-constrained-list] { max-width: 776px; padding: 0px 32px; flex-grow: 1; } ytd-section-list-renderer[is-constrained-list][responsive-sizing="STANDARD"] { max-width: 928px; } @media (min-width: 1024px) { ytd-section-list-renderer[is-constrained-list][responsive-sizing="STANDARD"] { padding: 0px 48px; } } ytd-text-header-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-text-header-renderer[header-style="text-header-renderer-style-bold"] { margin-top: 24px; margin-bottom: 8px; color: var(--yt-spec-text-primary); font-size: 1.6em; line-height: 1.4em; font-weight: 500; } #title.ytd-minor-moment-header-renderer { padding-top: 24px; color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } #caption.ytd-minor-moment-header-renderer { max-width: 360px; padding: 20px 52px 24px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 400; } img.ytd-minor-moment-header-renderer { padding-top: 48px; height: 146px; display: block; margin: 0px auto; } ytd-minor-moment-header-renderer { text-align: center; margin-left: 10px; display: flex; flex-direction: column; align-items: center; } ytd-minor-moment-setting-alert-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; align-items: flex-start; display: flex; flex-direction: column; } yt-formatted-string.ytd-minor-moment-setting-alert-renderer { padding: 12px 0px; } .detail-text.ytd-minor-moment-setting-alert-renderer { color: var(--yt-spec-text-secondary); } #text.ytd-minor-moment-setting-alert-renderer { color: var(--yt-spec-text-primary); } #restriction-apply-button.ytd-minor-moment-setting-alert-renderer { color: var(--yt-spec-call-to-action); } ytd-minor-moment-setting-section-renderer { width: 100%; margin-left: 10px; align-items: center; } #header.ytd-minor-moment-setting-section-renderer { display: block; margin-left: 60px; padding-top: 24px; color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #contents.ytd-minor-moment-setting-section-renderer { max-width: 360px; margin: 0px auto; } #settings.ytd-minor-moment-setting-section-renderer { padding-top: 8px; } #alerts.ytd-minor-moment-setting-section-renderer { margin-left: 60px; width: 340px; margin-bottom: 48px; } .with-bottom-separator.ytd-minor-moment-setting-section-renderer #settings.ytd-minor-moment-setting-section-renderer { box-shadow: 0 25px 0 -24px var(--yt-spec-10-percent-layer); padding-bottom: 20px; } .remove-left-margin.ytd-minor-moment-setting-section-renderer #header.ytd-minor-moment-setting-section-renderer, .remove-left-margin.ytd-minor-moment-setting-section-renderer #alerts.ytd-minor-moment-setting-section-renderer, .remove-left-margin.ytd-minor-moment-setting-section-renderer #summary.ytd-minor-moment-setting-section-renderer { margin-left: 0px; } #contents.extra-bottom-space.ytd-minor-moment-setting-section-renderer { margin-bottom: 48px; } #title.ytd-minor-moment-setting-section-renderer { padding-bottom: 16px; color: var(--yt-spec-text-primary); border-bottom: 1px solid var(--yt-spec-10-percent-layer); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 500; } #summary.ytd-minor-moment-setting-section-renderer { display: block; margin-left: 60px; margin-top: var(--ytd-margin-base); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-settings-switch-renderer { cursor: default; color: var(--yt-spec-text-primary); margin: 12px 0px; align-items: flex-start; display: flex; flex-direction: row; } div.ytd-settings-switch-renderer { display: flex; flex-direction: column; } tp-yt-paper-toggle-button.ytd-settings-switch-renderer { padding-right: 12px; } #subtitle.ytd-settings-switch-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #title.ytd-settings-switch-renderer { color: var(--yt-spec-text-primary); padding-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #icon.ytd-settings-switch-renderer { display: flex; flex-direction: row; } yt-img-shadow.ytd-settings-switch-renderer { padding: 8px 4px; } #text.ytd-settings-switch-renderer { align-self: center; padding-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-empty-product-details-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: row; justify-content: center; } .container.ytd-empty-product-details-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; display: flex; padding: 256px 16px; flex-direction: row; } ytd-sponsorships-expandable-perks-renderer { place-items: baseline start; display: grid; grid-template-areas: "badged-title end-button" "subtitle subtitle" "line line" "expandable-heading bottom-button" "expand-collapse-button ." "expandable-content expandable-content"; margin-top: 40px; margin-bottom: 28px; max-width: 852px; } .badged-title.ytd-sponsorships-expandable-perks-renderer { align-items: baseline; color: var(--yt-spec-text-primary); display: flex; grid-area: badged-title; margin-bottom: 8px; } .badged-title.ytd-sponsorships-expandable-perks-renderer yt-img-shadow.ytd-sponsorships-expandable-perks-renderer { align-self: flex-start; margin-right: 12px; height: 18px; width: 18px; } .badged-title.ytd-sponsorships-expandable-perks-renderer yt-formatted-string.ytd-sponsorships-expandable-perks-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .subtitle.ytd-sponsorships-expandable-perks-renderer { color: var(--yt-spec-text-secondary); grid-area: subtitle; margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .end-button.ytd-sponsorships-expandable-perks-renderer { grid-area: end-button; justify-self: end; margin-left: 12px; } hr.ytd-sponsorships-expandable-perks-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); grid-area: line; margin-bottom: 24px; margin-top: 8px; width: 100%; } .expandable-heading.ytd-sponsorships-expandable-perks-renderer { color: var(--yt-spec-text-primary); grid-area: expandable-heading; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } .bottom-button.ytd-sponsorships-expandable-perks-renderer { grid-area: bottom-button; justify-self: end; margin-left: 12px; } .end-button.ytd-sponsorships-expandable-perks-renderer, .bottom-button.ytd-sponsorships-expandable-perks-renderer { height: 0px; display: flex; align-items: center; } .end-button.ytd-sponsorships-expandable-perks-renderer[has-no-text], .bottom-button.ytd-sponsorships-expandable-perks-renderer[has-no-text] { position: relative; top: -4px; } .expand-collapse-button.ytd-sponsorships-expandable-perks-renderer { grid-area: expand-collapse-button; text-transform: none; --yt-button-padding: 5px 0; --yt-button-padding-minus-focus-outline: 5px 0; --yt-button-padding-minus-focus-outline-width: 2px; --yt-button-text-transform: none; } .expandable-content.ytd-sponsorships-expandable-perks-renderer { grid-area: expandable-content; width: 100%; } .expandable-content.ytd-sponsorships-expandable-perks-renderer > ytd-sponsorships-perk-renderer.ytd-sponsorships-expandable-perks-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); display: block; padding-bottom: 12px; padding-top: 16px; } ytd-sponsorships-expandable-perks-renderer[is-collapsed] .expandable-content.ytd-sponsorships-expandable-perks-renderer { overflow: hidden; height: 0px; } ytd-sponsorships-loyalty-badges-renderer { display: block; } .description-container.ytd-sponsorships-loyalty-badges-renderer { padding-left: 8px; } .description.ytd-sponsorships-loyalty-badges-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .badge-container.ytd-sponsorships-loyalty-badges-renderer { display: inline-block; } .badge-line.ytd-sponsorships-loyalty-badges-renderer { align-items: center; display: flex; flex-direction: row; } .badge-selected.ytd-sponsorships-loyalty-badges-renderer { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 4px; } .badge-not-selected.ytd-sponsorships-loyalty-badges-renderer { opacity: 0.8; } .badge-hidden.ytd-sponsorships-loyalty-badges-renderer { display: none; } .icon-container.ytd-sponsorships-loyalty-badges-renderer { padding: 8px; margin-left: auto; vertical-align: middle; display: block; } .badge-icon.ytd-sponsorships-loyalty-badges-renderer { height: 18px; width: 18px; vertical-align: middle; border-radius: 50%; background-color: transparent; overflow: hidden; } .badge-title-container.ytd-sponsorships-loyalty-badges-renderer { padding: 8px; display: flex; flex-direction: column; } .badge-title.ytd-sponsorships-loyalty-badges-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-sponsorships-perk-renderer { display: inline-block; } #title.ytd-sponsorships-perk-renderer, #description.ytd-sponsorships-perk-renderer, #fulfillment-instructions.ytd-sponsorships-perk-renderer { margin-bottom: 8px; } #title.ytd-sponsorships-perk-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; color: var(--yt-spec-text-primary); } #description.ytd-sponsorships-perk-renderer, #fulfillment-instructions.ytd-sponsorships-perk-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } #fulfillment-instructions.ytd-sponsorships-perk-renderer { margin-top: 16px; } #image-description.ytd-sponsorships-perk-renderer { vertical-align: middle; color: var(--yt-spec-text-secondary); padding-right: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .images-line.ytd-sponsorships-perk-renderer { margin-bottom: 4px; margin-top: 2px; } .images.ytd-sponsorships-perk-renderer { vertical-align: middle; width: 32px; height: 32px; padding-right: 2px; } ytd-sponsorships-perks-renderer { display: block; } .item.ytd-sponsorships-perks-renderer { padding: 8px 0px; } ytd-sponsorships-perk-renderer.ytd-sponsorships-perks-renderer { display: inline; } #perks-title.ytd-sponsorships-perks-renderer { display: block; padding-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: var(--yt-spec-text-primary); } button.ytd-sponsorships-actionable-message-renderer { align-items: center; border: none; color: var(--yt-spec-text-primary); display: flex; padding: 8px 0px; } button.ytd-sponsorships-actionable-message-renderer:not(:focus) { background: none; } button.ytd-sponsorships-actionable-message-renderer:focus { background-color: transparent; } #icon.ytd-sponsorships-actionable-message-renderer { margin-right: 24px; } #title.ytd-sponsorships-actionable-message-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-sponsorships-expandable-message-renderer { display: block; } ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer { width: 100%; border: none; display: flex; text-align: left; } #message-container.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer { flex-grow: 1; margin: auto 0px; font-family: roboto; } #expand-icon.ytd-sponsorships-expandable-message-renderer { color: var(--yt-spec-text-secondary); width: 20px; height: 20px; flex-grow: 0; flex-shrink: 0; } #check-icon.ytd-sponsorships-expandable-message-renderer { color: var(--yt-spec-icon-disabled); width: 26px; height: 26px; padding-right: 12px; flex-grow: 0; flex-shrink: 0; } ytd-sponsorships-expandable-message-renderer .style-tier-upgrade.ytd-sponsorships-expandable-message-renderer { display: block; margin-bottom: 8px; } .style-tier-upgrade.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .style-tier-upgrade.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer { background-color: var(--yt-spec-general-background-a); padding: 16px 12px; } .style-tier-upgrade.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer { background-color: var(--yt-spec-general-background-a); padding: 20px; } .style-included-perks.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer, .style-unspecified.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .style-included-perks.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer, .style-unspecified.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer { padding: 8px 0px; } .style-included-perks.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer:focus, .style-unspecified.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer:focus { background-color: transparent; } .style-included-perks.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer, .style-unspecified.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer { padding: 8px 0px; } div.style-single-perk.ytd-sponsorships-expandable-message-renderer, div.style-single-perk-first.ytd-sponsorships-expandable-message-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } div.style-single-perk-first.ytd-sponsorships-expandable-message-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); } .style-single-perk.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer, .style-single-perk-first.ytd-sponsorships-expandable-message-renderer .text.ytd-sponsorships-expandable-message-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .style-single-perk.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer, .style-single-perk-first.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer { align-items: center; padding: 20px 12px; } .style-single-perk.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer, .style-single-perk-first.ytd-sponsorships-expandable-message-renderer #content-container.ytd-sponsorships-expandable-message-renderer { padding: 8px 40px; } #message-container.ytd-sponsorships-expandable-message-renderer { outline: none; } .style-clickable.ytd-sponsorships-expandable-message-renderer #message-container.ytd-sponsorships-expandable-message-renderer { cursor: pointer; } .ytd-sponsorships-expandable-message-renderer:not(:focus) { background: none; } .ytd-sponsorships-expandable-message-renderer:focus { background-color: transparent; } ytd-sponsorships-heading-renderer { display: flex; flex-direction: row; } #content.ytd-sponsorships-heading-renderer { flex: 1 1 auto; } #title.ytd-sponsorships-heading-renderer { display: block; margin-bottom: 8px; margin-top: 40px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #subtitle-content.ytd-sponsorships-heading-renderer { display: flex; align-items: center; margin-top: 24px; margin-bottom: 8px; } #subtitle-icon.ytd-sponsorships-heading-renderer { width: 18px; margin-right: 12px; border-radius: 50%; background-color: transparent; overflow: hidden; } #subtitle.ytd-sponsorships-heading-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #end-button.ytd-sponsorships-heading-renderer { margin-right: -12px; align-self: flex-end; } #bottom-button.ytd-sponsorships-heading-renderer ytd-button-renderer.ytd-sponsorships-heading-renderer { margin-top: 4px; padding-left: 12px; padding-right: 12px; } ytd-sponsorships-links-renderer { display: block; padding: 28px 0px; border-top: 1px solid var(--yt-spec-10-percent-layer); margin-top: 20px; } .link.ytd-sponsorships-links-renderer { display: block; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; padding-bottom: 4px; color: var(--yt-spec-text-secondary); --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-hover-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); } ytd-sponsorships-list-tile-renderer { display: block; } .tile.ytd-sponsorships-list-tile-renderer { align-items: center; margin-left: -8px; padding: 12px 8px 8px; margin-right: -8px; background: transparent; border: none; text-align: left; text-transform: none; display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .keyboard-focus.ytd-sponsorships-list-tile-renderer { background-color: transparent; } .expandable-tile.ytd-sponsorships-list-tile-renderer { cursor: pointer; } .sponsorships-loyalty-badges-renderer.ytd-sponsorships-list-tile-renderer { margin-left: 40px; } .icon.ytd-sponsorships-list-tile-renderer { align-self: start; margin-right: 24px; width: 24px; flex: 0 0 auto; } .titles.ytd-sponsorships-list-tile-renderer { display: flex; flex-direction: column; flex: 1 1 0%; pointer-events: all; } .title.ytd-sponsorships-list-tile-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .subtitle.ytd-sponsorships-list-tile-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .detail.ytd-sponsorships-list-tile-renderer { color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; padding-top: 4px; } .expand-icon.ytd-sponsorships-list-tile-renderer { width: 20px; margin-right: 4px; color: var(--yt-spec-text-secondary); flex: 0 0 auto; } ytd-sponsorships-management-renderer { display: block; max-width: 1070px; } ytd-sponsorships-alert-renderer.ytd-sponsorships-management-renderer::before { background: var(--yt-spec-error-background); content: ""; position: absolute; left: 0px; height: 100%; width: 9999px; top: 0px; margin-left: -4999px; } ytd-sponsorships-alert-renderer.ytd-sponsorships-management-renderer { position: relative; } #main-section.ytd-sponsorships-management-renderer { display: flex; flex-direction: row; } #content.ytd-sponsorships-management-renderer { flex: 1 1 0%; padding-right: 96px; } #content.ytd-sponsorships-management-renderer ytd-sponsorships-tier-renderer.ytd-sponsorships-management-renderer { margin-bottom: 24px; } #content.ytd-sponsorships-management-renderer ytd-sponsorships-heading-renderer.ytd-sponsorships-management-renderer { margin-bottom: 8px; } #sidebar.ytd-sponsorships-management-renderer { width: 324px; flex: 0 0 auto; } #sidebar.ytd-sponsorships-management-renderer ytd-sponsorships-heading-renderer.ytd-sponsorships-management-renderer { margin-bottom: 12px; } ytd-sponsorships-promotion-renderer { display: inline-block; } .above-redeem-button-text.ytd-sponsorships-promotion-renderer { color: var(--yt-spec-text-primary); margin-right: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .redeem-disclaimer.ytd-sponsorships-promotion-renderer { color: var(--yt-spec-text-secondary); margin-bottom: 4px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } #redeem-button.ytd-sponsorships-promotion-renderer { margin: 8px 0px; } #content.ytd-sponsorships-promotion-renderer { margin: 4px; display: flex; flex-direction: column; } #above-button.ytd-sponsorships-promotion-renderer { display: flex; flex-direction: row; } ytd-sponsorships-purchase-option-renderer { display: block; } .purchase-text.ytd-sponsorships-purchase-option-renderer { color: var(--yt-spec-text-primary); margin-right: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .disclaimer.ytd-sponsorships-purchase-option-renderer { color: var(--yt-spec-text-secondary); margin-bottom: 4px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } #purchase-button.ytd-sponsorships-purchase-option-renderer { margin-left: 16px; } #content.ytd-sponsorships-purchase-option-renderer { justify-content: space-between; display: flex; flex-direction: row; } #purchase-info.ytd-sponsorships-purchase-option-renderer { flex-basis: 0px; flex-grow: 1; display: flex; flex-direction: column; } #header.ytd-sponsorships-purchase-option-renderer { display: flex; flex-flow: wrap; } ytd-sponsorships-tier-renderer { display: block; } #above-purchase-button.ytd-sponsorships-tier-renderer { display: flex; flex-direction: column; margin-bottom: 4px; } #above-purchase-button-text.ytd-sponsorships-tier-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #purchase-text.ytd-sponsorships-tier-renderer { color: var(--yt-spec-call-to-action); margin-top: 8px; margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .disclaimer.ytd-sponsorships-tier-renderer { color: var(--yt-spec-text-secondary); margin: 8px 0px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } #bottom-disclaimer.ytd-sponsorships-tier-renderer { margin-top: 24px; } #expansion_call_to_action.ytd-sponsorships-tier-renderer { background: transparent; border: none; color: var(--yt-spec-call-to-action); cursor: pointer; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin-top: 8px; outline: none; padding: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #title.ytd-sponsorships-tier-renderer { color: var(--yt-spec-text-primary); margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #header.ytd-sponsorships-tier-renderer { display: flex; flex-direction: column; } #content.ytd-sponsorships-tier-renderer { margin-top: 4px; } #expandable-message.ytd-sponsorships-tier-renderer ytd-sponsorships-expandable-message-renderer.ytd-sponsorships-tier-renderer { margin: 8px 0px; } .separator.ytd-sponsorships-tier-renderer { background-color: var(--yt-spec-10-percent-layer); height: 1px; margin: 12px 0px; } #purchase-with-options.ytd-sponsorships-tier-renderer { margin-bottom: 16px; } #offer-promo.ytd-sponsorships-tier-renderer { margin-bottom: 12px; } .subtitle.ytd-sponsorships-tier-renderer { color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-ypc-offer-promo-renderer { display: inline-block; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid var(--yt-spec-10-percent-layer); border-bottom: 1px solid var(--yt-spec-10-percent-layer); width: 100%; } .title.ytd-ypc-offer-promo-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .subtitle.ytd-ypc-offer-promo-renderer { color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } #content.ytd-ypc-offer-promo-renderer { justify-content: space-between; align-items: center; display: flex; flex-direction: row; } #benefit-info.ytd-ypc-offer-promo-renderer { flex-basis: 0px; flex-grow: 1; display: flex; flex-direction: column; } #badge-section.ytd-ypc-offer-promo-renderer { display: flex; flex-flow: wrap; align-items: center; } #icon.ytd-ypc-offer-promo-renderer { color: var(--yt-spec-text-primary); margin-right: 16px; } #header.ytd-ypc-offer-promo-renderer { margin-bottom: 4px; } #badge.ytd-ypc-offer-promo-renderer { margin-right: 8px; } ytd-open-in-native-app-view-model { align-items: center; display: flex; flex-direction: column; } #title.ytd-open-in-native-app-view-model { margin-top: 32px; color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } #image.ytd-open-in-native-app-view-model { width: 296px; display: block; margin: 24px auto; } #text.ytd-open-in-native-app-view-model { width: 448px; text-align: center; color: var(--yt-spec-text-primary); margin-top: 32px; margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #link.ytd-open-in-native-app-view-model { margin-bottom: 16px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } ytd-commerce-cart-checkout-button-renderer { margin: 16px; display: flex; flex-direction: row; justify-content: flex-end; } #estimated-total-line-item.ytd-commerce-cart-checkout-button-renderer { display: flex; flex-direction: row; align-items: center; } ytd-commerce-cart-summary-line-item-renderer.ytd-commerce-cart-checkout-button-renderer { min-height: 40px; flex: 1 1 1e-09px; } ytd-commerce-cart-checkout-button-renderer[full-width] { margin: 0px; display: flex; flex-direction: column; } ytd-commerce-cart-checkout-button-renderer[full-width] #checkout-button.ytd-commerce-cart-checkout-button-renderer, ytd-commerce-cart-checkout-button-renderer[full-width] #cart-button.ytd-commerce-cart-checkout-button-renderer { margin-bottom: 8px; display: flex; flex-direction: row; flex: 1 1 1e-09px; } ytd-commerce-cart-checkout-button-renderer[full-width] #checkout-button.ytd-commerce-cart-checkout-button-renderer:empty, ytd-commerce-cart-checkout-button-renderer[full-width] #cart-button.ytd-commerce-cart-checkout-button-renderer:empty { margin-bottom: 0px; } ytd-commerce-cart-checkout-button-renderer[full-width] yt-button-renderer.ytd-commerce-cart-checkout-button-renderer { flex: 1 1 1e-09px; } ytd-commerce-cart-summary-line-item-renderer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #summary-content.ytd-commerce-cart-summary-line-item-renderer { display: flex; flex-direction: row; align-items: center; } #additional-metadata-text.ytd-commerce-cart-summary-line-item-renderer { margin-left: 8px; } ytd-commerce-cart-header-renderer { display: flex; flex-direction: column; } ytd-commerce-cart-header-renderer[compact] { position: sticky; top: 0px; z-index: 1; background-color: var(--yt-spec-brand-background-primary); } ytd-commerce-cart-item-quantity-picker-renderer { display: flex; flex-direction: row; align-items: center; } #picker-label.ytd-commerce-cart-item-quantity-picker-renderer { color: var(--yt-spec-text-primary); padding-right: 4px; cursor: pointer; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #picker.ytd-commerce-cart-item-quantity-picker-renderer { margin-top: 1px; margin-right: 20px; } ytd-commerce-cart-item-quantity-picker-renderer { height: 20px; } ytd-commerce-cart-item-quantity-picker-renderer[compact] #picker-label.ytd-commerce-cart-item-quantity-picker-renderer { display: none; } ytd-commerce-cart-item-quantity-picker-renderer[compact] #picker.ytd-commerce-cart-item-quantity-picker-renderer { margin: 0px; } ytd-commerce-cart-item-quantity-picker-renderer[compact] #price.ytd-commerce-cart-item-quantity-picker-renderer { width: 72px; margin-left: 16px; display: flex; flex-direction: row; justify-content: flex-end; } ytd-commerce-cart-item-quantity-picker-renderer[quantity-color="CARD_ITEM_COLOR_ERROR_INDICATOR"] #picker-label.ytd-commerce-cart-item-quantity-picker-renderer { color: var(--yt-spec-error-indicator); } ytd-commerce-cart-item-quantity-picker-renderer[quantity-color="CARD_ITEM_COLOR_ERROR_INDICATOR"] ytd-dropdown-renderer.ytd-commerce-cart-item-quantity-picker-renderer { --paper-dropdown-menu-color: var(--yt-spec-error-indicator); } ytd-commerce-cart-item-quantity-picker-renderer[has-quantity-incrementer][compact] #price.ytd-commerce-cart-item-quantity-picker-renderer { margin-left: -4px; } ytd-commerce-cart-item-quantity-picker-renderer[has-quantity-incrementer] #picker-label.ytd-commerce-cart-item-quantity-picker-renderer { display: none; } ytd-commerce-cart-item-quantity-picker-renderer[has-quantity-incrementer] #picker.ytd-commerce-cart-item-quantity-picker-renderer { margin: 0px; } ytd-commerce-cart-item-quantity-picker-renderer[has-quantity-incrementer] #price.ytd-commerce-cart-item-quantity-picker-renderer { width: 72px; margin-left: 4px; display: flex; flex-direction: row; justify-content: flex-end; } .yt-spec-quantity-incrementer-shape { display: flex; flex-direction: row; align-items: center; } .yt-spec-quantity-incrementer-shape__button { display: flex; justify-content: center; align-items: center; height: 48px; width: 48px; background-color: transparent; border-style: none; cursor: pointer; position: relative; } .yt-spec-quantity-incrementer-shape__iconWrapper { display: flex; justify-content: center; align-items: center; position: relative; width: 24px; height: 24px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); } .yt-spec-quantity-incrementer-shape__text { color: rgb(170, 170, 170); background-color: transparent; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-spec-quantity-incrementer-shape__text--invalid { color: rgb(255, 85, 119); } .yt-spec-quantity-incrementer-shape__text--text-disabled { color: rgb(113, 113, 113); } .yt-spec-quantity-incrementer-shape__icon { display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; color: rgb(62, 166, 255); } .yt-spec-quantity-incrementer-shape__icon--disabled { color: rgb(113, 113, 113); } .yt-spec-quantity-incrementer-view-model__quantity-incrementer-minus-icon { height: 16px; width: 16px; } .yt-spec-quantity-incrementer-view-model__quantity-incrementer-plus-icon { height: 16px; width: 16px; } #container.ytd-commerce-cart-item-renderer { padding: 12px 16px 12px 12px; display: flex; flex-direction: row; } ytd-commerce-cart-item-renderer[compact] #container.ytd-commerce-cart-item-renderer yt-button-renderer.ytd-commerce-cart-item-renderer:not([disabled]) { --yt-button-color: var(--yt-spec-text-primary); } ytd-commerce-cart-item-renderer[compact] #container.ytd-commerce-cart-item-renderer { padding: 12px 16px 16px 12px; } ytd-commerce-cart-item-renderer[compact] #container.ytd-commerce-cart-item-renderer #img-container.ytd-commerce-cart-item-renderer { padding: 10px; margin-right: 12px; } ytd-commerce-cart-item-renderer[compact] #container.ytd-commerce-cart-item-renderer yt-img-shadow.ytd-commerce-cart-item-renderer { width: 40px; height: 40px; } ytd-commerce-cart-item-renderer[compact] #container.ytd-commerce-cart-item-renderer #actions.ytd-commerce-cart-item-renderer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } ytd-commerce-cart-item-renderer[error-hidden] #cart-item-notification.ytd-commerce-cart-item-renderer, ytd-commerce-cart-item-renderer[error-hidden] #merchant-update-text.ytd-commerce-cart-item-renderer { display: none; } ytd-commerce-cart-item-renderer[no-on-tap] #img-container.ytd-commerce-cart-item-renderer { cursor: default; } ytd-commerce-cart-item-renderer[no-on-tap] #title.ytd-commerce-cart-item-renderer yt-card-item-text-renderer.ytd-commerce-cart-item-renderer { cursor: default; } #img-container.ytd-commerce-cart-item-renderer { padding: 24px; border: 1px solid var(--yt-spec-10-percent-layer); background-color: var(--yt-spec-static-white-background); border-radius: 4px; margin-right: 12px; cursor: pointer; align-self: flex-start; } #content.ytd-commerce-cart-item-renderer { display: flex; flex-direction: column; flex: 1 1 1e-09px; } #merchant-update-text.ytd-commerce-cart-item-renderer yt-card-item-text-renderer.ytd-commerce-cart-item-renderer { margin: 12px 0px; } #info.ytd-commerce-cart-item-renderer { margin-right: 24px; flex: 1 1 1e-09px; } #item.ytd-commerce-cart-item-renderer { display: flex; flex-direction: row; } yt-img-shadow.ytd-commerce-cart-item-renderer { width: 152px; height: 152px; } yt-button-renderer.ytd-commerce-cart-item-renderer { margin-right: 8px; } #cart-item-notification.ytd-commerce-cart-item-renderer yt-card-item-text-with-image-renderer.ytd-commerce-cart-item-renderer { margin: 4px 0px 18px; } #cart-item-actions.ytd-commerce-cart-item-renderer yt-button-renderer.ytd-commerce-cart-item-renderer:not(:first-child) { margin-left: 0px; } ytd-disabled-cart-item-renderer { margin: 12px; height: 144px; padding-left: 12px; padding-right: 4px; background-color: var(--yt-spec-general-background-a); color: var(--yt-spec-text-primary); align-items: center; display: flex; flex-direction: row; justify-content: space-between; } #text-container.ytd-disabled-cart-item-renderer { display: flex; flex-direction: column; } #title.ytd-disabled-cart-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #description.ytd-disabled-cart-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-commerce-cart-renderer { position: relative; padding: 48px; display: flex; flex-direction: column; } #title-container.ytd-commerce-cart-renderer { margin-bottom: 24px; display: flex; flex-direction: row; align-items: flex-end; } #title.ytd-commerce-cart-renderer { color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } #notification.ytd-commerce-cart-renderer { margin-left: 16px; margin-bottom: 4px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #body.ytd-commerce-cart-renderer { display: flex; flex-direction: row; } #primary-column.ytd-commerce-cart-renderer { margin-right: 24px; display: flex; flex-direction: column; flex: 1 1 1e-09px; } #items.ytd-commerce-cart-renderer, #secondary-column.ytd-commerce-cart-renderer { display: flex; flex-direction: column; } ytd-commerce-cart-renderer yt-card-item-container-renderer.ytd-commerce-cart-renderer { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 4px; } yt-card-item-container-renderer.ytd-commerce-cart-renderer { margin-bottom: 16px; } yt-card-item-container-renderer.ytd-commerce-cart-renderer:last-of-type { margin-bottom: 0px; } ytd-commerce-cart-summary-renderer.ytd-commerce-cart-renderer { background-color: var(--yt-spec-brand-background-solid); width: 360px; } @media (max-width: 1164px) { ytd-commerce-cart-renderer { padding: 48px 24px; } #body.ytd-commerce-cart-renderer { display: flex; flex-direction: column; } ytd-commerce-cart-summary-renderer.ytd-commerce-cart-renderer { width: unset; } #primary-column.ytd-commerce-cart-renderer { margin-right: 0px; margin-bottom: 8px; } #title.ytd-commerce-cart-renderer { color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } #loading-overlay.ytd-commerce-cart-renderer { background-color: var(--yt-spec-themed-overlay-background); position: absolute; inset: 0px; } #loading-overlay.ytd-commerce-cart-renderer #positioning-container.ytd-commerce-cart-renderer { position: relative; left: calc(50% - 14px); } #loading-overlay.ytd-commerce-cart-renderer tp-yt-paper-spinner-lite.ytd-commerce-cart-renderer { --paper-spinner-color: var(--yt-spec-call-to-action); position: fixed; top: calc(50% - 54px); } ytd-commerce-cart-summary-renderer { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 4px; display: flex; flex-direction: column; } #title.ytd-commerce-cart-summary-renderer { padding: 16px 24px; color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #summary-line-items.ytd-commerce-cart-summary-renderer { margin: 0px 24px; } yt-commerce-cart-summary-line-item-renderer.ytd-commerce-cart-summary-renderer { padding: 8px 0px; } #summary-line-items.ytd-commerce-cart-summary-renderer { padding-bottom: 8px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #checkout-button.ytd-commerce-cart-summary-renderer { padding: 0px 24px 12px; flex: 1 1 1e-09px; display: flex; flex-direction: row; } ytd-commerce-cart-checkout-button-renderer.ytd-commerce-cart-summary-renderer { flex: 1 1 1e-09px; } ytd-empty-product-shelf-renderer { position: relative; width: 100%; height: 100%; } .main.ytd-empty-product-shelf-renderer { display: flex; flex-direction: column; align-items: center; } #placeholder-image.ytd-empty-product-shelf-renderer { width: 244px; height: 240px; } ytd-empty-product-shelf-renderer[big-image] #placeholder-image.ytd-empty-product-shelf-renderer { width: 488px; height: 480px; } #image-text.ytd-empty-product-shelf-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-merch-shelf-renderer { display: block; position: relative; padding-bottom: 8px; margin-top: -26px; } ytd-merch-shelf-renderer[watch-metadata-refresh] { margin-top: 0px; margin-bottom: 24px; } ytd-merch-shelf-renderer:not([skinny-mode]):not([in-structured-description]):not([item-style="link-item"]):not([item-style="cta-link-item"]) { background-color: var(--yt-spec-base-background); border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-merch-shelf-renderer[skinny-mode] { border-radius: 4px; } ytd-merch-shelf-renderer[skinny-mode][meta-panel] { margin-right: calc(var(--ytd-watch-grid-meta-panel-margin)*-1); } ytd-merch-shelf-renderer[skinny-mode] #main.ytd-merch-shelf-renderer { padding: 0px 4px; } ytd-merch-shelf-renderer[skinny-mode] #left-arrow-container.ytd-merch-shelf-renderer { left: 0px; } ytd-merch-shelf-renderer[in-structured-description] #left-arrow-container.ytd-merch-shelf-renderer { left: 12px; } ytd-merch-shelf-renderer[skinny-mode] #right-arrow-container.ytd-merch-shelf-renderer { right: 0px; } ytd-merch-shelf-renderer[in-structured-description] #right-arrow-container.ytd-merch-shelf-renderer { right: 12px; } #banner.ytd-merch-shelf-renderer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: 24px; padding-bottom: 9px; margin-left: 64px; } ytd-merch-shelf-renderer[watch-metadata-refresh] #banner.ytd-merch-shelf-renderer { margin-left: 0px; } #action-button.ytd-merch-shelf-renderer { align-self: center; --yt-button-icon-size: 32px; --yt-icon-button-icon-height: 16px; --yt-icon-button-icon-width: 16px; } #title.ytd-merch-shelf-renderer { display: block; text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; color: var(--yt-spec-text-primary); align-self: center; } ytd-merch-shelf-renderer:not([in-structured-description]) #title.ytd-merch-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-merch-shelf-renderer[in-structured-description] #title.ytd-merch-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-merch-shelf-renderer[in-structured-description] #title.ytd-merch-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } #sponsored-text.ytd-merch-shelf-renderer { text-transform: uppercase; align-self: center; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } #banner-info-tooltip.ytd-merch-shelf-renderer { width: 336px; } #item-list.ytd-merch-shelf-renderer { margin-left: 60px; } ytd-merch-shelf-renderer[watch-metadata-refresh] #item-list.ytd-merch-shelf-renderer { margin-left: 0px; } ytd-merch-shelf-renderer[collapsed] #scroll-container.ytd-merch-shelf-renderer { visibility: hidden; max-height: 0px; } #scroll-container.ytd-merch-shelf-renderer { overflow: hidden; } ytd-merch-shelf-item-renderer.ytd-merch-shelf-renderer { display: inline-block; } #items.ytd-merch-shelf-renderer { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); display: inline-block; white-space: nowrap; will-change: unset; } #items.ytd-merch-shelf-renderer[item-style="cta-item"], #items.ytd-merch-shelf-renderer[item-style="cta-link-item"] { display: block; } #items.ytd-merch-shelf-renderer[item-style="large-item"] ytd-merch-shelf-item-renderer.ytd-merch-shelf-renderer { margin-left: 4px; } #items.ytd-merch-shelf-renderer[item-style="large-item"] ytd-merch-shelf-item-renderer.ytd-merch-shelf-renderer:first-child { margin-left: 0px; } #items.ytd-merch-shelf-renderer[item-style="small-item"] ytd-merch-shelf-item-renderer.ytd-merch-shelf-renderer { margin-left: 14px; } #items.ytd-merch-shelf-renderer[item-style="small-item"] ytd-merch-shelf-item-renderer.ytd-merch-shelf-renderer:first-child { margin-left: 0px; } #left-arrow-container.ytd-merch-shelf-renderer { left: 44px; } ytd-merch-shelf-renderer[collapsed] #left-arrow-container.ytd-merch-shelf-renderer { display: none; } #right-arrow-container.ytd-merch-shelf-renderer { right: -16px; } ytd-merch-shelf-renderer[collapsed] #right-arrow-container.ytd-merch-shelf-renderer { display: none; } #left-arrow-container.ytd-merch-shelf-renderer, #right-arrow-container.ytd-merch-shelf-renderer { position: absolute; top: 69px; z-index: 200; } .arrow.ytd-merch-shelf-renderer { cursor: pointer; width: 40px; height: 40px; border-radius: 24px; background-color: var(--yt-spec-brand-background-solid); color: var(--yt-spec-icon-inactive); box-shadow: 0 4px 4px var(--yt-spec-10-percent-layer),0 0 8px var(--yt-spec-10-percent-layer); } .center-aligned.ytd-merch-shelf-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; } ytd-merch-shelf-renderer[item-style="link-item"], ytd-merch-shelf-renderer[item-style="cta-link-item"] { margin-top: 0px; } ytd-merch-shelf-renderer[item-style="link-item"] #title.ytd-merch-shelf-renderer, ytd-merch-shelf-renderer[item-style="cta-link-item"] #title.ytd-merch-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-merch-shelf-renderer[item-style="link-item"] #action-button.ytd-merch-shelf-renderer, ytd-merch-shelf-renderer[item-style="cta-link-item"] #action-button.ytd-merch-shelf-renderer { display: none; } ytd-merch-shelf-renderer[item-style="link-item"] #banner.ytd-merch-shelf-renderer, ytd-merch-shelf-renderer[item-style="cta-link-item"] #banner.ytd-merch-shelf-renderer { padding-bottom: 0px; margin-left: 0px; justify-content: flex-start; } ytd-merch-shelf-renderer[item-style="link-item"] #item-list.ytd-merch-shelf-renderer, ytd-merch-shelf-renderer[item-style="cta-link-item"] #item-list.ytd-merch-shelf-renderer { margin-left: 0px; } ytd-merch-shelf-renderer[item-style="link-item"] #left-arrow-container.ytd-merch-shelf-renderer, ytd-merch-shelf-renderer[item-style="link-item"] #right-arrow-container.ytd-merch-shelf-renderer, ytd-merch-shelf-renderer[item-style="cta-link-item"] #left-arrow-container.ytd-merch-shelf-renderer, ytd-merch-shelf-renderer[item-style="cta-link-item"] #right-arrow-container.ytd-merch-shelf-renderer { top: 37px; } ytd-merch-shelf-renderer[item-style="link-item"] #left-arrow-container.ytd-merch-shelf-renderer, ytd-merch-shelf-renderer[item-style="cta-link-item"] #left-arrow-container.ytd-merch-shelf-renderer { left: 0px; } ytd-backstage-items { display: block; max-width: 852px; } ytd-comments { display: block; } ytd-comments[is-backstage] { --ytd-comment-thread-margin-bottom: 24px; --ytd-comment-replies-margin-top: 8px; --yt-spec-icon-inactive: var(--yt-spec-text-secondary); --yt-spec-icon-active-other: var(--yt-spec-text-primary); max-width: 852px; } tp-yt-paper-spinner-lite.ytd-comments { margin: auto; display: none; } tp-yt-paper-spinner-lite.ytd-comments[active] { display: block; } ytd-comments[engagement-panel] { height: 100%; } ytd-comments[engagement-panel] #sections.ytd-comments { height: 100%; } .yt-mini-app-container-view-model { background-color: rgb(0, 0, 0); bottom: env(safe-area-inset-bottom); display: flex; flex-direction: column; left: env(safe-area-inset-left); position: fixed; right: env(safe-area-inset-right); top: env(safe-area-inset-top); user-select: none; } .yt-mini-app-container-view-model--ios-web-view { height: 100vh; position: absolute; touch-action: none; } .yt-mini-app-container-view-model--desktop { background-color: transparent; box-sizing: border-box; display: flex; flex-direction: column-reverse; padding: 0px 24px; top: 56px; width: 100vw; } .yt-mini-app-container-view-model--desktop-in-panel { display: flex; flex-direction: column-reverse; padding: 0px; width: 100%; height: 100%; top: 0px; position: relative; } .yt-mini-app-container-view-model--position-relative-to-top { top: 0px; position: relative; } .yt-mini-app-container-view-model--desktop-play-page { padding: 0px; width: auto; } .yt-mini-app-container-view-model--show-peek-below { height: calc(-150px + 100vh); } .yt-mini-app-container-view-model--no-top-bar { margin-bottom: 60px; } .yt-mini-app-container-view-model__content { height: 100%; position: relative; width: 100%; } .yt-mini-app-container-view-model__content--desktop-content { border-radius: 12px; overflow: hidden; } .yt-mini-app-container-view-model__content--desktop-content-in-panel { border-radius: 0px; } .yt-mini-app-container-view-model__content--desktop-content-play-page { min-height: 138px; } .yt-mini-app-container-view-model__content--fullscreen { border-radius: 0px; height: 100vh; left: 0px; position: absolute; } .yt-mini-app-container-view-model__iframe { border: 0px; height: 100%; width: 100%; background-color: black; } .yt-mini-app-container-view-model__loading-screen { display: flex; height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; visibility: visible; opacity: 1; justify-content: center; } .yt-mini-app-container-view-model__loading-screen--fade-out { visibility: hidden; opacity: 0; transition: opacity 0.25s linear, visibility 0.25s; } .yt-mini-app-container-view-model__background-base { background-color: rgb(0, 0, 0); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .yt-mini-app-container-view-model__background-blur { background-position: center center; background-repeat: no-repeat; background-size: 120% 150%; filter: blur(200px); height: 100%; width: 100%; } .yt-mini-app-container-view-model__background-scrim { background-color: rgba(0, 0, 0, 0.6); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .yt-mini-app-container-view-model__loading-screen-content { display: flex; flex-direction: column; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .yt-mini-app-container-view-model__loading-icon { align-items: center; display: flex; flex: 1 1 0%; justify-content: center; } .yt-mini-app-container-view-model__loading-icon-animation { width: 50vw; min-width: 160px; max-width: 640px; overflow: hidden; } @media (min-width: 528px) and (max-width: 1023.9px) { .yt-mini-app-container-view-model__loading-icon-animation { width: 40vw; } } @media (min-width: 1024px) { .yt-mini-app-container-view-model__loading-icon-animation { width: 30vw; } } .mini-app-splash-screen-view-model-wiz { display: block; height: 100%; width: 100%; } .mini-app-splash-screen-view-model-wiz__loading-screen { height: 100%; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; } .mini-app-splash-screen-view-model-wiz__background-base { background-color: rgb(0, 0, 0); position: absolute; inset: 0px; } .mini-app-splash-screen-view-model-wiz__background-blur { background-size: 120% 150%; filter: blur(200px); height: 100%; width: 100%; position: absolute; inset: 0px; } .mini-app-splash-screen-view-model-wiz__background-scrim { background-color: rgba(0, 0, 0, 0.6); position: absolute; inset: 0px; } .mini-app-splash-screen-view-model-wiz__loading-screen-content { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .mini-app-splash-screen-view-model-wiz__timeout-message-container { box-sizing: border-box; color: rgb(255, 255, 255); padding: 0px 24px 24px; text-align: center; width: 100%; align-self: flex-end; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .mini-app-splash-screen-view-model-wiz__timeout-heading { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; margin-bottom: 6px; } @media (max-width: 527.9px) { .mini-app-splash-screen-view-model-wiz__timeout-heading { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } @keyframes message-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .mini-app-splash-screen-view-model-wiz__timeout-message { animation: 2s cubic-bezier(0.05, 0, 0, 1) 0s 1 normal none running message-fade-in; display: -webkit-box; overflow: hidden; opacity: 1; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: opacity 0.4s cubic-bezier(0.05, 0, 0, 1); } .mini-app-splash-screen-view-model-wiz__timeout-message-fade-out { opacity: 0; transition: opacity 0.4s cubic-bezier(0.05, 0, 0, 1); } .mini-app-splash-screen-view-model-wiz__loading-bar-track { background-color: rgba(255, 255, 255, 0.3); border-radius: 4px; height: 4px; margin: 16px auto 0px; max-width: 400px; overflow: hidden; width: 100%; } .mini-app-splash-screen-view-model-wiz__loading-bar-segment { background-color: rgb(255, 255, 255); border-radius: 4px; height: 100%; transform: scaleX(0); transform-origin: left top; width: 100%; } .mini-app-splash-screen-view-model-wiz__loading-bar-segment-resource-animation { transition: transform 0.25s cubic-bezier(0.2, 0, 0.6, 1); } .mini-app-splash-screen-view-model-wiz__loading-bar-segment-latency-mood-animation { transition: transform 14s cubic-bezier(0.2, 0, 0.6, 1); } .mini-app-splash-screen-view-model-wiz__loading-bar-segment-latency-motion-animation { transition: transform 14s cubic-bezier(0.05, 0, 0, 1); } .mini-app-splash-screen-view-model-wiz__persistent-error-content { color: rgb(255, 255, 255); text-align: center; flex-direction: column; position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; } .mini-app-splash-screen-view-model-wiz__persistent-error-message-title { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; margin-bottom: 4px; } @media (max-width: 527.9px) { .mini-app-splash-screen-view-model-wiz__persistent-error-message-title { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } .mini-app-splash-screen-view-model-wiz__persistent-error-message-description { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .mini-app-splash-screen-view-model-wiz__loading-icon { flex: 1 1 1e-09px; display: flex; align-items: center; justify-content: center; width: 100%; } .mini-app-splash-screen-view-model-wiz__loading-icon-animation { width: 25%; min-width: 160px; max-width: 228px; overflow: hidden; } @media (min-width: 528px) and (max-width: 1023.9px) { .mini-app-splash-screen-view-model-wiz__loading-icon-animation { width: 40%; } } @media (min-width: 1024px) { .mini-app-splash-screen-view-model-wiz__loading-icon-animation { width: 30%; } } .mini-app-score-button-view-model-wiz { display: none; } .mini-app-score-button-view-model-wiz--is-visible { display: block; align-items: center; pointer-events: all; } .yt-mini-app-top-bar-view-model { background-color: rgb(0, 0, 0); padding: 8px 0px; width: 100%; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .yt-mini-app-top-bar-view-model--mobile { box-sizing: border-box; padding: 6px 4px 6px 6px; height: 48px; align-items: center; justify-content: space-between; } .yt-mini-app-top-bar-view-model__center-buttons { display: flex; align-items: center; justify-content: center; } .yt-mini-app-top-bar-view-model__title { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 6.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; color: rgb(241, 241, 241); } @media (max-width: 527.9px) { .yt-mini-app-top-bar-view-model__title { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .yt-mini-app-top-bar-view-model__play-page-button-view-model { align-items: center; display: block; } .yt-mini-app-top-bar-view-model__start-buttons { display: flex; width: 40%; } .yt-mini-app-top-bar-view-model__end-buttons { display: flex; width: 40%; justify-content: end; } .yt-mini-app-top-bar-view-model--desktop { background-color: transparent; padding: 12px 0px; gap: 12px; align-items: flex-start; justify-content: space-between; } .yt-mini-app-top-bar-view-model--desktop .yt-mini-app-top-bar-view-model__center-buttons, .yt-mini-app-top-bar-view-model--desktop .yt-mini-app-top-bar-view-model__end-buttons { gap: 12px; } .yt-mini-app-top-bar-view-model__theatre-mode-button { display: none; } @media ((min-width: 1001px)) { .yt-mini-app-top-bar-view-model__theatre-mode-button { display: flex; } } .ytdSponsorshipsHubHost { color: rgb(241, 241, 241); display: block; margin: 24px 0px; position: relative; } .ytdSponsorshipsHubHostIndented { padding-left: 12px; } .ytdSponsorshipsHubHeader { align-items: center; display: flex; flex-direction: row; margin-top: 16px; } .ytdSponsorshipsHubAvatarContainer { display: flex; flex-direction: column; align-items: flex-start; align-self: start; flex-grow: 0; flex-shrink: 0; height: 73.5px; width: 91.5px; } .ytdSponsorshipsHubDetails { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; margin: 8px 8px 8px 12px; } .ytdSponsorshipsHubActionButtonsContainer { align-items: center; display: flex; flex-direction: row; } .ytdSponsorshipsHubPerkCards { align-items: flex-start; display: flex; flex-direction: row; } .ytdSponsorshipsHubPerksShelf { margin-top: 8px; } .ytdSponsorshipsHubManageButton { flex-shrink: 0.5; min-width: 80px; } .ytdSponsorshipsHubActionMenuButton { margin-left: 8px; } .ytdSponsorshipsHubAvatar { height: 72px; width: 72px; } .ytdSponsorshipsHubBadgeContainer { background: rgb(33, 33, 33); border-radius: 50%; height: 39px; left: 52.5px; position: absolute; top: 34.5px; width: 39px; } .ytdSponsorshipsHubBadgeInnerContainer { background: rgba(255, 255, 255, 0.1); border-radius: 50%; height: 36px; left: 1.5px; position: absolute; top: 1.5px; width: 36px; } .ytdSponsorshipsHubBadge { height: 24px; left: 6px; position: absolute; top: 6px; width: 24px; } .ytdSponsorshipsHubTierName { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: rgb(241, 241, 241); } .ytdSponsorshipsHubMembershipType { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; color: rgb(62, 166, 255); margin-top: 2px; } .ytdSponsorshipsHubMembershipDurationOrExpiry { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); margin-top: 2px; } .ytdSponsorshipsHubPerksTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: rgb(170, 170, 170); margin-top: 16px; } .ytdSponsorshipsHubViewAllPerksContainer { align-self: center; display: flex; flex-direction: row; padding-right: 16px; } .ytdSponsorshipsHubViewAllPerksInfo { align-self: center; display: flex; flex-direction: column; margin-left: 12px; } .ytdSponsorshipsHubViewAllPerksTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: rgb(241, 241, 241); white-space: nowrap; } .ytdSponsorshipsHubViewAllPerksSubtitle { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); margin-top: 2px; white-space: nowrap; } .ytSponsorshipsHubPerkCardHost { flex-direction: column; color: rgb(241, 241, 241); display: block; position: relative; } .ytSponsorshipsHubPerkCardPerkCard { display: flex; flex-direction: row; align-items: center; background: inherit; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; margin-right: 8px; min-height: 24px; outline: none; padding: 12px; } .ytSponsorshipsHubPerkCardPerkCard:hover { background-color: rgba(255, 255, 255, 0.1); } .ytSponsorshipsHubPerkCardPerkCard:active { background-color: rgba(255, 255, 255, 0.2); } .ytSponsorshipsHubPerkCardPerkCard:focus { border: 1px solid rgb(241, 241, 241); } .ytSponsorshipsHubPerkCardPerkIcon { color: rgb(170, 170, 170); margin-right: 8px; } .ytSponsorshipsHubPerkCardPerkTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: rgb(241, 241, 241); width: max-content; max-width: 300px; overflow: hidden; text-overflow: ellipsis; text-wrap: nowrap; white-space-collapse: collapse; } .ytdSponsorshipsScrollableShelfHost { align-items: center; display: flex; flex-direction: row; position: relative; } .ytdSponsorshipsScrollableShelfContent { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; } .ytdSponsorshipsScrollableShelfPreviousButton { left: 0px; position: absolute; } .ytdSponsorshipsScrollableShelfNextButton { position: absolute; right: 0px; } .ytdSponsorshipsScrollableShelfFadingEffectBothSides { mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, 90px, rgb(0, 0, 0) 100px) left center / 50% no-repeat, linear-gradient(to left, rgba(0, 0, 0, 0) 0px, 90px, rgb(0, 0, 0) 100px) right center / 50%; } .ytdSponsorshipsScrollableShelfFadingEffectStart { mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, 90px, rgb(0, 0, 0) 100px) left center no-repeat; } [dir="rtl"] .ytdSponsorshipsScrollableShelfFadingEffectStart { mask: linear-gradient(to left, rgba(0, 0, 0, 0) 0px, 90px, rgb(0, 0, 0) 100px) right center; } .ytdSponsorshipsScrollableShelfFadingEffectEnd { mask: linear-gradient(to left, rgba(0, 0, 0, 0) 0px, 90px, rgb(0, 0, 0) 100px) right center no-repeat; } [dir="rtl"] .ytdSponsorshipsScrollableShelfFadingEffectEnd { mask: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, 90px, rgb(0, 0, 0) 100px) left center; } .ytDualAvatarViewModelHost { display: flex; align-items: center; justify-content: center; } .ytDualAvatarViewModelAvatarsContainer { display: flex; align-items: center; flex-grow: 0; flex-shrink: 0; gap: var(--yt-dual-avatar-view-model-badge-cutout-radius); mask-image: radial-gradient(circle var(--yt-dual-avatar-view-model-badge-cutout-radius),transparent 100%,black 0); } .ytDualAvatarViewModelBadge { position: absolute; } .ytdSponsorshipsPerksListHost { display: flex; flex-direction: column; color: rgb(241, 241, 241); max-height: 890px; position: relative; } .ytdSponsorshipsPerksListHeaderContainer { background-color: rgb(33, 33, 33); border-radius: 16px; height: 160px; overflow: clip; width: 100%; } .ytdSponsorshipsPerksListHeader { align-items: center; display: flex; flex-direction: row; height: 160px; width: 100%; } .ytdSponsorshipsPerksListBody { display: flex; flex-direction: column; width: 100%; } .ytdSponsorshipsPerksListAvatarsContainer { display: flex; flex-direction: row; justify-content: center; left: 0px; position: absolute; width: 100%; } .ytdSponsorshipsPerksListHeaderImagePart1Container { display: flex; justify-content: start; width: 50%; } .ytdSponsorshipsPerksListHeaderImagePart2Container { display: flex; justify-content: end; width: 50%; } .ytdSponsorshipsPerksListHeaderImagePart1, .ytdSponsorshipsPerksListHeaderImagePart2 { height: 160px; width: auto; } .ytdSponsorshipsPerksListHeaderImageFilterLightTheme { filter: brightness(15%); mix-blend-mode: color-burn; } .ytdSponsorshipsPerksListHeaderImageFilterDarkTheme { filter: brightness(250%); mix-blend-mode: color-dodge; } .ytdSponsorshipsPerksListTitle { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; color: rgb(241, 241, 241); margin-top: 16px; } .ytdSponsorshipsPerksListPerkContainer { display: flex; flex-direction: column; margin-bottom: 12px; } .ytdSponsorshipsPerksListSelectedPerk { display: flex; } .ytdSponsorshipsPerksListPerkCard { display: flex; flex-direction: row; margin-top: 8px; overflow: hidden; padding: 12px 4px; } .ytdSponsorshipsPerksListPerkIcon { color: rgb(241, 241, 241); flex-shrink: 0; margin-right: 8px; } .ytdSponsorshipsPerksListPerkInfo { display: flex; flex-direction: column; flex-shrink: 1; margin-top: 2px; } .ytdSponsorshipsPerksListPerkTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: rgb(241, 241, 241); word-break: break-word; } .ytdSponsorshipsPerksListPerkDescription { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); } .ytdSponsorshipsPerksListPerkSeparator { background-color: rgba(255, 255, 255, 0.2); height: 1px; width: 100%; } .ytdSponsorshipsPerksListPerkInstructions { display: flex; flex-direction: column; margin-top: 12px; } .ytdSponsorshipsPerksListPerkInstructionsTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; color: rgb(170, 170, 170); } .ytdSponsorshipsPerksListPerkInstructionsText { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); } .ytdSponsorshipsPerksListLoyaltyBadgesContainer { display: flex; flex-direction: row; padding: 16px 0px 12px; } .ytdSponsorshipsPerksListLoyaltyBadgeItem { display: flex; flex-direction: row; } .ytdSponsorshipsPerksListLoyaltyBadgeContainer { display: flex; flex-direction: column; width: 120px; } .ytdSponsorshipsPerksListActiveLoyaltyBadgeContainer { margin-top: 0px; } .ytdSponsorshipsPerksListInactiveLoyaltyBadgeContainer { margin-top: 7px; } .ytdSponsorshipsPerksListLoyaltyBadge { align-items: center; align-self: center; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; justify-content: center; } .ytdSponsorshipsPerksListActiveLoyaltyBadge { height: 50px; width: 50px; } .ytdSponsorshipsPerksListInactiveLoyaltyBadge { height: 36px; width: 36px; } .ytdSponsorshipsPerksListActiveLoyaltyBadgeImage { height: 24px; width: 24px; } .ytdSponsorshipsPerksListInactiveLoyaltyBadgeImage { height: 16px; width: 16px; } .ytdSponsorshipsPerksListLoyaltyBadgeTitle { margin-top: 8px; text-align: center; width: 100%; } .ytdSponsorshipsPerksListActiveLoyaltyBadgeTitle { font-weight: bold; } .ytdSponsorshipsPerksListLoyaltyBadgeSeparator { background-color: rgba(255, 255, 255, 0.2); height: 1px; position: relative; top: 25px; width: 50px; } .ytdSponsorshipsPerksListEmojiContainer { display: flex; flex-flow: wrap; margin: 0px -12px 12px 4px; } .ytdSponsorshipsPerksListEmoji { flex-shrink: 0; height: 24px; margin: 0px 12px 12px 0px; width: 24px; } .ytdSponsorshipsPerksListFlipped { transform: scaleX(-1); } .ytwFantasyEmptyStateViewModelHost { display: flex; flex-direction: column; align-items: center; padding: 16px 32px 32px; color: rgb(241, 241, 241); } .ytwFantasyEmptyStateViewModelImage { display: block; width: 220px; height: 220px; } .ytwFantasyEmptyStateViewModelTitle { display: block; margin-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytwFantasyEmptyStateViewModelTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } .ytwFantasyEmptyStateViewModelSubtitle { display: block; margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: rgb(170, 170, 170); } .ytwFantasyEmptyStateViewModelPrimaryButton { display: block; margin-top: 16px; } .miniAppPlayPageRendererHost { box-sizing: border-box; display: flex; flex-wrap: wrap; height: 100%; justify-content: center; padding-top: 24px; position: relative; width: 100%; } .miniAppPlayPageRendererHostDetailsView { flex-wrap: nowrap; } @media ((max-width: 1000px)) { .miniAppPlayPageRendererHostDetailsView { flex-wrap: wrap; } } @media ((min-width: 1708px)) { .miniAppPlayPageRendererHostDetailsView { margin-left: calc(50% - 822px); width: 1644px; } } .miniAppPlayPageRendererGameContainer { position: relative; z-index: 2; flex: 1 1 100%; padding: 0px 24px; } .miniAppPlayPageRendererGameContainerDetailsView { flex-basis: unset; padding: 0px 8px 0px 24px; } @media ((max-width: 1000px)) { .miniAppPlayPageRendererGameContainerDetailsView { flex: 1 1 100%; padding: 0px 24px; } } .miniAppPlayPageRendererDescriptionContainer { background-color: rgba(255, 255, 255, 0.1); border-radius: 8px; padding: 12px; } .miniAppPlayPageRendererDescription { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: rgb(241, 241, 241); text-wrap: wrap; } .miniAppPlayPageRendererPlayNextContainer { width: 100%; position: relative; z-index: 1; } @media ((min-width: 1001px)) { .miniAppPlayPageRendererPlayNextContainer { margin-top: -24px; } } @media ((min-width: 1708px)) { .miniAppPlayPageRendererPlayNextContainer { width: 1644px; } } .miniAppPlayPageRendererPlayNextContainerDetailsView { width: 100%; padding-right: 0px; } @media ((min-width: 1001px)) { .miniAppPlayPageRendererPlayNextContainerDetailsView { max-width: 426px; margin-top: -24px; min-width: 384px; padding-right: 24px; } } .miniAppPlayPageRendererMiniAppDescriptionWrapper { padding: 12px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.1); } .miniAppPlayPageRendererMiniAppDescription { text-wrap: wrap; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-playlist-panel-renderer { display: flex; flex-direction: column; } ytd-playlist-panel-renderer[meta-panel][is-floating][collapsed] { padding: 16px; box-sizing: border-box; } #container.ytd-playlist-panel-renderer, .playlist-items.ytd-playlist-panel-renderer { height: 100%; } ytd-playlist-panel-renderer[collapsible][collapsed], ytd-playlist-panel-renderer[collapsible][collapsed] #container.ytd-playlist-panel-renderer { height: auto; } #container.ytd-playlist-panel-renderer { border: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; display: flex; flex-direction: column; } ytd-playlist-panel-renderer[reduced-playlist-height] #container.ytd-playlist-panel-renderer { max-height: min(var(--ytd-watch-flexy-panel-max-height),342px); } ytd-playlist-panel-renderer #container.ytd-playlist-panel-renderer { min-height: 0px; max-height: var(--ytd-watch-flexy-panel-max-height); } ytd-playlist-panel-renderer[modern-panels]:not([within-miniplayer]) #container.ytd-playlist-panel-renderer { border-radius: 12px; overflow: hidden; } ytd-playlist-panel-renderer[modern-panels][within-miniplayer] #container.ytd-playlist-panel-renderer { border-radius: 0px 0px 12px 12px; overflow: hidden; } ytd-playlist-panel-renderer[collapsible][collapsed] .controls.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[collapsible][collapsed] .playlist-items.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[collapsible][collapsed] #content-header.ytd-playlist-panel-renderer { display: none; } ytd-playlist-panel-renderer[loading] .header.ytd-playlist-panel-renderer { height: 86px; } ytd-playlist-panel-renderer[loading] #header-contents.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[loading] ytd-playlist-panel-video-renderer.ytd-playlist-panel-renderer { visibility: hidden; } #playlist-actions.ytd-playlist-panel-renderer, #publisher-container.ytd-playlist-panel-renderer { display: flex; flex-direction: row; } ytd-playlist-panel-renderer[collapsible] #publisher-container.ytd-playlist-panel-renderer { margin-top: 4px; align-items: center; } #playlist-actions.ytd-playlist-panel-renderer { align-items: flex-end; } #start-actions.ytd-playlist-panel-renderer { flex-grow: 1; justify-content: space-between; } ytd-playlist-panel-renderer[collapsible][collapsed] #playlist-actions.ytd-playlist-panel-renderer { display: none; } #start-actions.ytd-playlist-panel-renderer, #end-actions.ytd-playlist-panel-renderer, #end-actions-in-header.ytd-playlist-panel-renderer { display: flex; flex-direction: row; } ytd-playlist-panel-renderer[has-playlist-buttons] #playlist-action-menu.ytd-playlist-panel-renderer { margin-left: -8px; flex: 1 1 1e-09px; } ytd-playlist-panel-renderer:not([has-playlist-buttons])[has-separate-save-button] #save-button.ytd-playlist-panel-renderer { margin: 16px 0px; flex: 1 1 1e-09px; } #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer { margin-left: -8px; } ytd-playlist-panel-renderer:not([hide-header-text]):not([collapsed]):not([has-toolbar]) #header-contents.ytd-playlist-panel-renderer { margin-bottom: 12px; } ytd-playlist-panel-renderer[playlist-type="TLPP"] #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[playlist-type="TLPQ"] #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer { margin-right: -8px; } ytd-playlist-panel-renderer[hide-header-text][playlist-type="TLPP"] #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[hide-header-text][playlist-type="TLPQ"] #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer { display: none; } ytd-playlist-panel-renderer[move-three-dot-menu-to-top-row] #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer { display: none; } ytd-playlist-panel-renderer:not([move-three-dot-menu-to-top-row]) #overflow-menu-top-row.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer { display: none; } ytd-playlist-panel-renderer[playlist-type="TLPP"] ytd-playlist-panel-segment-header-renderer.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[playlist-type="TLPQ"] ytd-playlist-panel-segment-header-renderer.ytd-playlist-panel-renderer { margin-top: 4px; } .header.ytd-playlist-panel-renderer { background-color: var(--yt-spec-brand-background-primary); padding: 16px 16px 0px 24px; flex: 0 0 auto; } ytd-playlist-panel-renderer[hide-header-text] .header.ytd-playlist-panel-renderer { padding: 16px 16px 0px; } ytd-playlist-panel-renderer[collapsible] .header.ytd-playlist-panel-renderer { padding: 12px 6px 0px 16px; } ytd-playlist-panel-renderer[collapsible][collapsed] .header.ytd-playlist-panel-renderer { padding-bottom: 12px; } ytd-playlist-panel-renderer[use-color-palette] { --yt-active-playlist-panel-background-color: var( --yt-lightsource-section4-color ); } ytd-playlist-panel-renderer[use-color-palette][is-dark-theme] { --yt-active-playlist-panel-background-color: var( --yt-lightsource-section2-color ); } ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .header.ytd-playlist-panel-renderer { --iron-icon-fill-color: var(--yt-lightsource-primary-title-color); background-color: var(--yt-active-playlist-panel-background-color); } ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .title.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] #next-video-title.ytd-playlist-panel-renderer { --yt-endpoint-color: var(--yt-lightsource-primary-title-color); color: var(--yt-lightsource-primary-title-color); } ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .byline-title.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .publisher.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .publisher.ytd-playlist-panel-renderer:not([is-empty]) + .index-message-wrapper.ytd-playlist-panel-renderer::before, ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .byline-title.ytd-playlist-panel-renderer:not([hidden]) ~ .index-message-wrapper.ytd-playlist-panel-renderer::before, ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .index-message-wrapper.ytd-playlist-panel-renderer { --yt-endpoint-color: var(--yt-lightsource-secondary-title-color); --yt-endpoint-visited-color: var(--yt-lightsource-secondary-title-color); color: var(--yt-lightsource-secondary-title-color); } ytd-playlist-panel-renderer[collapsible][collapsed][use-color-palette] .publisher.ytd-playlist-panel-renderer { --yt-endpoint-color: var(--yt-lightsource-secondary-title-color); } ytd-playlist-panel-renderer[hide-header-text] .header.ytd-playlist-panel-renderer { padding-top: 0px; } #header-top-row.ytd-playlist-panel-renderer { display: flex; flex-direction: row; align-items: center; } #header-description.ytd-playlist-panel-renderer { min-width: 0px; margin-right: 8px; flex: 1 1 1e-09px; } #trailing-button.ytd-playlist-panel-renderer { width: 40px; height: 40px; --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; color: var(--yt-spec-icon-active-other); margin-right: unset; } ytd-playlist-panel-renderer:not([collapsible]) #trailing-button.ytd-playlist-panel-renderer { display: none; } ytd-playlist-panel-renderer[hide-header-text] h3.ytd-playlist-panel-renderer .title.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[hide-header-text] #publisher-container.ytd-playlist-panel-renderer { display: none; } .playlist-items.ytd-playlist-panel-renderer { background-color: var(--yt-spec-general-background-a); height: 100%; padding: 0px 0px 4px; overflow-y: auto; } .playlist-items.ytd-playlist-panel-renderer::-webkit-scrollbar { width: 16px; } .playlist-items.ytd-playlist-panel-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } .playlist-items.ytd-playlist-panel-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } ytd-playlist-panel-video-renderer.ytd-playlist-panel-renderer:first-of-type { padding-top: 8px; } .title.ytd-playlist-panel-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); margin-bottom: 8px; } ytd-playlist-panel-renderer:not([modern-panels]):not([hide-header-text]) .title.ytd-playlist-panel-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-playlist-panel-renderer[modern-panels]:not([hide-header-text]) .title.ytd-playlist-panel-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #next-video-title.ytd-playlist-panel-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #next-label.ytd-playlist-panel-renderer { margin-right: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-playlist-panel-renderer[collapsible] .title.ytd-playlist-panel-renderer { margin: 0px; } ytd-playlist-panel-renderer[collapsible]:not([modern-panels]) .title.ytd-playlist-panel-renderer { text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } .publisher.ytd-playlist-panel-renderer, .byline-title.ytd-playlist-panel-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .publisher.ytd-playlist-panel-renderer:hover, .byline-title.ytd-playlist-panel-renderer:hover { color: var(--yt-spec-text-primary); } ytd-playlist-panel-renderer[collapsible] .publisher.ytd-playlist-panel-renderer { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } .index-message-wrapper.ytd-playlist-panel-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; flex: 0 0 auto; } .publisher.ytd-playlist-panel-renderer:not([is-empty]) + .index-message-wrapper.ytd-playlist-panel-renderer::before, .byline-title.ytd-playlist-panel-renderer:not([hidden]) ~ .index-message-wrapper.ytd-playlist-panel-renderer::before { color: var(--yt-spec-text-secondary); content: "-"; padding: 0px 4px; } ytd-playlist-panel-renderer[collapsible] .index-message-wrapper.ytd-playlist-panel-renderer { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-playlist-panel-renderer[show-next-video-header] #publisher-container.ytd-playlist-panel-renderer .publisher.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[show-next-video-header] ytd-badge-supported-renderer.ytd-playlist-panel-renderer { display: none; } @media (display-mode: picture-in-picture) { ytd-playlist-panel-renderer[within-miniplayer][minimize-pip-breakages] { height: 100%; } ytd-playlist-panel-renderer[within-miniplayer][minimize-pip-breakages] .header.ytd-playlist-panel-renderer { display: none; } } ytd-playlist-panel-supported-items { min-height: 36px; } ytd-playlist-panel-video-renderer { padding: 4px 8px 4px 0px; display: flex; flex-direction: row; } ytd-playlist-panel-video-renderer[selected][watch-color-update] { background-color: var(--yt-spec-badge-chip-background); } ytd-playlist-panel-video-renderer[selected][use-color-palette] #video-title.ytd-playlist-panel-video-renderer { color: var(--yt-lightsource-primary-title-color); } ytd-playlist-panel-video-renderer[selected][use-color-palette] #index.ytd-playlist-panel-video-renderer, ytd-playlist-panel-video-renderer[selected][use-color-palette] #byline.ytd-playlist-panel-video-renderer, ytd-playlist-panel-video-renderer[selected][use-color-palette] #video-info.ytd-playlist-panel-video-renderer { color: var(--yt-lightsource-secondary-title-color); } ytd-playlist-panel-video-renderer[selected][use-color-palette], ytd-playlist-panel-video-renderer[selected][use-color-palette]:hover:not(.dragging) { background-color: var(--yt-active-playlist-panel-background-color); } ytd-playlist-panel-video-renderer:not(:hover) #menu.ytd-playlist-panel-video-renderer ytd-menu-renderer.ytd-playlist-panel-video-renderer:not(:focus-within) { opacity: 0; } .yt-simple-endpoint.ytd-playlist-panel-video-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-playlist-panel-video-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-playlist-panel-video-renderer { display: block; min-width: 0px; flex: 1 1 1e-09px; } #container.ytd-playlist-panel-video-renderer { display: flex; flex-direction: row; } #unplayableText.ytd-playlist-panel-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: var(--yt-spec-text-primary); } #index-container.ytd-playlist-panel-video-renderer, #index.ytd-playlist-panel-video-renderer, #reorder.ytd-playlist-panel-video-renderer { color: var(--yt-spec-text-secondary); text-align: center; width: 24px; display: flex; flex-direction: column; justify-content: center; flex: 0 0 auto; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-playlist-panel-video-renderer[watch-color-update] #index.ytd-playlist-panel-video-renderer, ytd-playlist-panel-video-renderer[watch-color-update] #byline.ytd-playlist-panel-video-renderer, ytd-playlist-panel-video-renderer[watch-color-update] #video-info.ytd-playlist-panel-video-renderer { color: var(--yt-spec-text-secondary); } ytd-playlist-panel-video-renderer[larger-playlist-thumbs] #menu.ytd-playlist-panel-video-renderer { --yt-icon-width: 24px; } ytd-playlist-panel-video-renderer[larger-playlist-thumbs] #index.ytd-playlist-panel-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #thumbnail-container.ytd-playlist-panel-video-renderer { width: 100px; height: 56px; position: relative; margin-left: auto; margin-right: auto; overflow: hidden; display: block; flex: 0 0 auto; } ytd-playlist-panel-video-renderer[larger-playlist-thumbs] { padding: 8px 8px 8px 0px; } ytd-playlist-panel-video-renderer[larger-playlist-thumbs] #thumbnail-container.ytd-playlist-panel-video-renderer { width: 151px; height: 85px; } #thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer { height: 56px; display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } ytd-playlist-panel-video-renderer[larger-playlist-thumbs] #thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer { width: 151px; height: 85px; } ytd-playlist-panel-video-renderer[within-miniplayer] #video-info.ytd-playlist-panel-video-renderer { display: none; } #meta.ytd-playlist-panel-video-renderer { min-width: 0px; padding: 0px 8px; display: flex; flex-direction: column; flex: 1 1 1e-09px; } #menu.ytd-playlist-panel-video-renderer { display: flex; flex-direction: column; justify-content: center; } ytd-video-meta-block.ytd-playlist-panel-video-renderer { --ytd-metadata-line-color: var(--yt-spec-text-primary); } #byline-container.ytd-playlist-panel-video-renderer { padding-right: 8px; max-width: 100%; display: flex; flex-direction: row; align-items: center; } #byline.ytd-playlist-panel-video-renderer { margin-right: 8px; text-overflow: ellipsis; white-space: nowrap; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; --yt-endpoint-color: var(--yt-spec-text-primary); } h4.ytd-playlist-panel-video-renderer { color: var(--yt-spec-text-primary); } #video-title.ytd-playlist-panel-video-renderer { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-playlist-panel-video-renderer[can-reorder]:hover, ytd-playlist-panel-video-renderer[can-reorder][menu-opened], ytd-playlist-panel-video-renderer[can-reorder].dragging { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px; } ytd-playlist-panel-video-renderer[can-reorder]:hover.dragging, ytd-playlist-panel-video-renderer[can-reorder].dragging, ytd-playlist-panel-video-renderer[can-reorder]:hover { cursor: grab; } ytd-playlist-panel-video-renderer[can-reorder].dragging a.ytd-playlist-panel-video-renderer { cursor: grabbing; } ytd-playlist-panel-video-renderer[can-reorder]:hover.dragging, ytd-playlist-panel-video-renderer[can-reorder].dragging { z-index: 2; background-color: var(--yt-spec-general-background-b); } ytd-playlist-panel-video-renderer:hover:not(.dragging) { background-color: var(--yt-spec-general-background-b); } ytd-playlist-panel-video-renderer[watch-color-update][can-reorder]:hover.dragging, ytd-playlist-panel-video-renderer[watch-color-update][can-reorder].dragging, ytd-playlist-panel-video-renderer[watch-color-update]:hover:not(.dragging) { background-color: var(--yt-spec-badge-chip-background); } ytd-playlist-panel-video-renderer[can-reorder]:hover #index.ytd-playlist-panel-video-renderer { display: none; } ytd-playlist-panel-video-renderer[can-reorder]:hover #reorder.ytd-playlist-panel-video-renderer { display: flex; } #reorder.ytd-playlist-panel-video-renderer { display: none; } @media (any-pointer: coarse) { ytd-playlist-panel-video-renderer:not(:hover) #menu.ytd-playlist-panel-video-renderer ytd-menu-renderer.ytd-playlist-panel-video-renderer:not(:focus-within) { opacity: 1; } ytd-playlist-panel-video-renderer[touch-persistent-drag-handle] #index.ytd-playlist-panel-video-renderer { display: none; } ytd-playlist-panel-video-renderer[touch-persistent-drag-handle] #reorder.ytd-playlist-panel-video-renderer { display: flex; } ytd-playlist-panel-video-renderer[can-reorder][touch-persistent-drag-handle].dragging, ytd-playlist-panel-video-renderer[can-reorder][touch-persistent-drag-handle].dragging a.ytd-playlist-panel-video-renderer { box-shadow: none; cursor: pointer; } ytd-playlist-panel-video-renderer[can-reorder][touch-persistent-drag-handle][handle-is-hovered], ytd-playlist-panel-video-renderer[can-reorder][touch-persistent-drag-handle].dragging { box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px; cursor: grab; } } #video-info.ytd-playlist-panel-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-playlist-panel-video-renderer[show-action-buttons] #video-title.ytd-playlist-panel-video-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-playlist-panel-video-renderer[show-action-buttons] #byline-container.ytd-playlist-panel-video-renderer { display: none; } @media (display-mode: picture-in-picture) { ytd-playlist-panel-video-renderer[within-miniplayer][minimize-pip-breakages] #action-buttons.ytd-playlist-panel-video-renderer, ytd-playlist-panel-video-renderer[within-miniplayer][minimize-pip-breakages] #menu.ytd-playlist-panel-video-renderer { display: none; } ytd-playlist-panel-video-renderer[within-miniplayer][minimize-pip-breakages] #reorder.ytd-playlist-panel-video-renderer, ytd-playlist-panel-video-renderer[within-miniplayer][minimize-pip-breakages] #thumbnail-container.ytd-playlist-panel-video-renderer { pointer-events: none; } } ytd-slim-metadata-toggle-button-renderer { display: inline-block; } ytd-like-button-renderer { display: flex; flex-direction: row; } ytd-like-button-renderer[text-transform="none"] ytd-toggle-button-renderer.ytd-like-button-renderer { text-transform: none; letter-spacing: 0px; } ytd-like-button-renderer[vertical] { display: flex; flex-direction: column; } ytd-like-button-renderer[vertical] ytd-toggle-button-renderer.ytd-like-button-renderer + ytd-toggle-button-renderer.ytd-like-button-renderer { padding-top: 16px; } ytd-like-button-renderer[modern]:not([vertical]) ytd-toggle-button-renderer.ytd-like-button-renderer:first-child { margin-right: 16px; } ytd-like-button-renderer[use-shorts-icon] ytd-toggle-button-renderer.style-default-active.ytd-like-button-renderer { --yt-button-color: var(--yt-spec-call-to-action); } @media (max-width: 599px) { ytd-like-button-renderer[use-shorts-icon] ytd-toggle-button-renderer.style-default-active.ytd-like-button-renderer { --yt-button-color: var(--yt-spec-static-overlay-call-to-action); } } .ytwPlayerCaptchaViewModelHost { box-sizing: border-box; overflow: hidden; width: 100%; height: 100%; background-color: rgb(0, 0, 0); flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; justify-content: center; } @media (max-width: 527.9px) { .ytwPlayerCaptchaViewModelHost { overflow: scroll; } } @media (max-width: 299.9px) { .ytwPlayerCaptchaViewModelHost { overflow: scroll; } } .ytwPlayerCaptchaViewModelUserMessage { color: rgb(255, 255, 255); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwPlayerCaptchaViewModelGridContainer { display: grid; grid-auto-rows: auto; row-gap: 2px; } .ytwPlayerCaptchaViewModelGridItem { place-items: center; padding-top: 24px; } .ytwPlayerCaptchaViewModelScreenReaderOnly { position: absolute; left: -100rem; width: 1px; height: 1px; overflow: hidden; } .interstitial-view-model-wiz { display: flex; flex-direction: column; align-items: flex-start; padding: 16px; } @media (max-width: 527.9px) { .interstitial-view-model-wiz { overflow-y: scroll; } } .interstitial-view-model-wiz__flex-item { width: 100%; margin: 8px 0px; } .interstitial-view-model-wiz__interstitial-icon { text-align: center; } @media (max-width: 527.9px) { .interstitial-view-model-wiz__icon-image { width: 25%; object-fit: contain; } } .interstitial-view-model-wiz__interstitial-title { color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } @media (max-width: 527.9px) { .interstitial-view-model-wiz__interstitial-title { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } .interstitial-view-model-wiz__interstitial-description { color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .player-interstitial-renderer-wiz { display: block; height: 100%; background: rgb(96, 96, 96); } .player-interstitial-renderer-wiz__scrim { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(rgba(0, 0, 0, 0.4) 0px, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.6) 100%); } .ytBasicContentViewModelHost { display: block; } .ytBasicContentViewModelHeadline { color: rgb(241, 241, 241); margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytBasicContentViewModelParagraphHeadline { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; color: rgb(241, 241, 241); margin-bottom: 8px; } .ytBasicContentViewModelParagraph:not(:last-child) { margin-bottom: 12px; } .ytBasicContentViewModelParagraphContent { display: flex; align-items: center; } .ytBasicContentViewModelParagraphAsset { display: block; margin-right: 12px; } .ytBasicContentViewModelParagraphText { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytExpandableMetadataHeaderViewModelHost { display: block; } .ytExpandableMetadataHeaderViewModelCollapsedHeader { display: flex; padding: 0px 4px; flex-direction: row; align-items: center; justify-content: space-between; } .ytExpandableMetadataHeaderViewModelLeftSection { display: flex; flex-direction: row; align-items: center; } .ytExpandableMetadataHeaderViewModelLeftSectionExpanded { display: flex; flex-direction: row; align-items: center; margin: 12px 0px; } .ytExpandableMetadataHeaderViewModelRightSection { display: flex; flex: 0 0 auto; flex-direction: row; align-items: center; } .ytExpandableMetadataHeaderViewModelCollapsedImage { display: flex; flex: 0 0 auto; height: 20px; margin-left: 4px; } .ytExpandableMetadataHeaderViewModelCollapsedLabelContainer { display: flex; flex: 0 0 auto; flex-direction: row; align-items: center; margin-left: 8px; } .ytExpandableMetadataHeaderViewModelCollapsedLabelImage { display: flex; flex: 0 0 auto; height: 16px; margin-right: 8px; } .ytExpandableMetadataHeaderViewModelCollapsedLabel { color: rgb(241, 241, 241); margin-right: 4px; flex: 0 0 auto; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytExpandableMetadataHeaderViewModelCollapsedTitle { margin-left: 4px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytExpandableMetadataHeaderViewModelExpandedHeader { display: flex; padding: 0px 4px 0px 16px; flex-direction: row; align-items: center; justify-content: space-between; } .ytExpandableMetadataHeaderViewModelExpandedTitleImage { margin-right: 8px; margin-top: 2px; align-self: flex-start; } .ytExpandableMetadataHeaderViewModelExpandedTextContainer { display: flex; flex-direction: column; align-items: flex-start; } .ytExpandableMetadataHeaderViewModelExpandedTextFirstRowContainer { display: flex; flex-direction: row; align-items: center; } .ytExpandableMetadataHeaderViewModelExpandedLabel { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytExpandableMetadataHeaderViewModelExpandedTitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytExpandableMetadataHeaderViewModelExpandedSubtitle { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytExpandableMetadataHeaderViewModelIcon { height: 16px; width: 16px; } .ytExpandableMetadataViewModelHost { display: block; background: rgba(255, 255, 255, 0.1); border-radius: 12px; } .ytExpandableMetadataViewModelExpandedContent { padding-bottom: 16px; } .ytExpandableMetadataViewModelVideoSummaryContent, .ytExpandableMetadataViewModelBasicContent { margin: 0px 16px; } .ytExpandableMetadataViewModelLockup { display: block; margin: 0px 16px; } .ytExpandableMetadataViewModelExpandedBottomButtons { display: flex; margin: 16px 16px 0px; } .ytMarqueeScroll { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytMarqueeScrollHost { display: block; overflow: hidden; } .ytMarqueeScrollAnimationEnabled { animation: 16s linear 3s infinite normal backwards running scrolling-parent; } .ytMarqueeScrollInnerContainer { position: relative; display: inline-flex; } @keyframes scrolling-parent { 100% { transform: translateX(var(--marquee-translate,0)); } } .ytMarqueeScrollPrimaryString, .ytMarqueeScrollDuplicateString { display: inline-block; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytMarqueeScrollHostLarge .ytMarqueeScrollPrimaryString, .ytMarqueeScrollHostLarge .ytMarqueeScrollDuplicateString { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytReelSoundMetadataViewModelHost { display: block; } @media (max-width: 299.9px) { .ytReelSoundMetadataViewModelHost { display: none; } } .ytReelSoundMetadataViewModelMetadataContainer { display: flex; flex-direction: row; align-items: center; cursor: pointer; } .ytReelSoundMetadataViewModelIcon { width: 16px; height: 16px; margin-right: 4px; color: var(--reel-metadata-color,#fff); } .ytReelSoundMetadataViewModelMarqueeContainer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; flex: 1 1 0%; } .ytReelSoundMetadataViewModelMarqueeContainer .yt-core-attributed-string span { color: var(--reel-metadata-color,#fff) !important; } .ytReelSoundMetadataViewModelHostLarge .ytReelSoundMetadataViewModelIcon { width: 22px; height: 22px; margin-right: 8px; } .ytdMiniplayerInfoBarHost { flex: 0 0 auto; display: flex; flex-direction: row; background-color: rgb(33, 33, 33); justify-content: space-between; height: 76px; } .ytdMiniplayerInfoBarContent { flex: 1 1 1e-09px; justify-content: center; padding: 12px 16px; overflow: hidden; cursor: grab; } .ytdMiniplayerInfoBarHasPlaylistData .ytdMiniplayerInfoBarContent { cursor: pointer; } @media (display-mode: picture-in-picture) { .ytdMiniplayerInfoBarContent { cursor: default; } .ytdMiniplayerInfoBarHasPlaylistData .ytdMiniplayerInfoBarContent { cursor: pointer; } } .ytdMiniplayerInfoBarTitle, .ytdMiniplayerInfoBarSubtitle { cursor: pointer; width: fit-content; max-width: 100%; } .ytdMiniplayerInfoBarTitle { overflow: hidden; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; } .ytdMiniplayerInfoBarSubtitle { flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; margin-top: 4px; word-break: break-all; color: rgb(170, 170, 170); } .ytdMiniplayerInfoBarSubtitleText { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytdMiniplayerInfoBarExpand { display: flex; align-items: center; padding-right: 16px; } .ytdMiniplayerInfoBarPlaylistIndex { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; flex: 0 0 auto; } .ytdMiniplayerInfoBarPlaylistIndexTextDivider, .ytdMiniplayerInfoBarPremiumBadge { margin: 0px 4px; } .ytdMiniplayerPlayerContainerHost { display: block; position: relative; width: 100%; height: 100%; background-color: rgb(0, 0, 0); } .ytdMiniplayerPlayerContainerHostShortsPip { background-color: transparent; } @media (display-mode: picture-in-picture) { .ytdMiniplayerPlayerContainerDisabledClose { display: none; } } .ytdMiniplayerPlayerContainerPlayerContainer { width: 100%; height: 100%; } .ytdMiniplayerPlayerContainerPlayabilityError { position: absolute; inset: 0px; color: rgb(255, 255, 255); } .ytdMiniplayerPlayerContainerHidden { display: none; } .ytdMiniplayerPlayerContainerDisabled { position: absolute; inset: 0px; cursor: pointer; } .ytdMiniplayerPlayerContainerDisabledClose { position: absolute; top: 8px; right: 8px; } .ytdMiniplayerToastHost { background-color: rgb(62, 166, 255); opacity: 0; transform: translateY(0px); } .ytdMiniplayerToastInfo { min-width: 0px; display: flex; flex-direction: column; justify-content: center; } .ytdMiniplayerToastLabel { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytdMiniplayerToastTitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytdMiniplayerToastOpening { height: 100%; padding: 0px 16px; opacity: 1; background-color: rgb(33, 33, 33); animation-duration: 0.5s, 0.4s; animation-delay: 0s, 0.1s; animation-timing-function: cubic-bezier(0.05, 0, 0, 1), cubic-bezier(0.2, 0, 0, 0.4); display: flex; flex-direction: row; align-items: center; transform: translateY(0px); animation-name: animate-up, color-surge; } .ytdMiniplayerToastClosing { animation-duration: 0.3s; transform: translateY(100px); animation-name: animate-down; } .ytdMiniplayerToastThumbnail { overflow: hidden; width: 78px; height: 44px; margin-right: 8px; flex: 0 0 auto; border-radius: 4px; } @keyframes animate-up { 0% { transform: translateY(100px); } 100% { transform: translateY(0px); } } @keyframes animate-down { 0% { transform: translateY(0px); } 100% { transform: translateY(100px); } } @keyframes color-surge { 0% { background-color: rgb(62, 166, 255); } 100% { background-color: rgb(33, 33, 33); } } .ytdPipContainerHost { position: absolute; inset: 0px; display: flex; flex-direction: column; overflow: hidden; } .ytdPipContainerPlaylistPanel { height: 285px; min-height: 285px; flex: 1 1 1e-09px; } .ytdPipContainerToast { pointer-events: none; overflow: hidden; position: absolute; bottom: 0px; height: 76px; width: 100%; border-radius: 0px 0px 12px 12px; } .ytChapteredProgressBarHost { display: flex; position: absolute; width: 100%; height: 3px; } .ytChapteredProgressBarChapteredPlayerBarChapter { height: 3px; margin: 0px 1px; position: relative; } .ytChapteredProgressBarChapteredPlayerBarChapterSeen { background: linear-gradient(to right, rgb(255, 0, 51) 80%, rgb(255, 39, 145) 100%); } .ytChapteredProgressBarChapteredPlayerBarChapterIsScrubbing { margin: 0px 2px; } .ytChapteredProgressBarChapteredPlayerBarChapter:first-of-type { margin-left: 0px; } .ytChapteredProgressBarChapteredPlayerBarChapter:last-of-type { margin-right: 0px; } .ytChapteredProgressBarChapteredPlayerBarFill { height: 3px; position: absolute; background: linear-gradient(to right, rgb(255, 0, 51) 80%, rgb(255, 39, 145) 100%); } .ytChapteredProgressBarChapteredPlayerBarLoaded { background: rgba(255, 255, 255, 0.3); height: 3px; position: absolute; } .ytChapteredProgressBarHoveredMacroMarker { transform: scaleY(2); transform-origin: center center; } .ytHeatSeekerHost { position: absolute; left: 0px; right: 0px; bottom: 1.5px; fill: rgba(255, 255, 255, 0.4); } .ytHeatSeekerHighContrast { background: linear-gradient(rgba(0, 0, 0, 0), 90%, rgba(0, 0, 0, 0.6)); fill: rgba(255, 255, 255, 0.5); } .ytProgressBarLineHost { display: block; position: absolute; width: 100%; } .ytProgressBarLineProgressBarLine { position: relative; height: 3px; width: 100%; } .ytProgressBarLineProgressBarLineRounded { border-radius: 1.5px; overflow: hidden; } .ytProgressBarLineProgressBarLineBottomInset { height: 5px; border-radius: 2.5px; overflow: hidden; } .ytProgressBarLineProgressBarBackground { position: absolute; top: 0px; bottom: 0px; background-color: rgb(255, 255, 255); opacity: 0.3; width: 100%; } .ytProgressBarLineProgressBarLoaded { position: absolute; top: 0px; bottom: 0px; background-color: rgb(255, 255, 255); opacity: 0.6; } .ytProgressBarLineProgressBarHovered { position: absolute; top: 0px; bottom: 0px; background-color: rgb(255, 255, 255); opacity: 0.7; } .ytProgressBarLineProgressBarPlayed { position: absolute; top: 0px; bottom: 0px; background: linear-gradient(to right, rgb(255, 0, 51) 80%, rgb(255, 39, 145) 100%); } .ytProgressBarPlayheadHost { display: block; position: absolute; } .ytProgressBarPlayheadProgressBarPlayheadDot { height: 12px; width: 12px; border-radius: 50%; background-color: rgb(255, 0, 51); transform: scale(1); transition: transform 0.1s; } .ytProgressBarPlayheadProgressBarPlayheadDotLarge { height: 16px; width: 16px; } .ytProgressBarPlayheadProgressBarPlayheadDotHide { transform: scale(0); } .ytProgressBarPlayheadProgressBarPlayheadCustom { height: 20px; width: 20px; } .ytProgressBarPlayheadProgressBarPlayheadCustomLarge { height: 24px; width: 24px; } .ytProgressBarPlayheadProgressBarPlayheadCustomHide { transform: scale(0); } .ytPlayerProgressBarHost { position: absolute; display: flex; align-items: center; height: 100%; direction: ltr; } .ytPlayerProgressBarHostReadOnly { pointer-events: none; } .ytPlayerProgressBarHostHidden { opacity: 0; } .ytPlayerProgressBarHostLowerPlayer { bottom: 0px; left: 30px; right: 30px; height: 44px; } .ytPlayerProgressBarHostBottomEdge { height: 28px; left: 0px; right: 0px; bottom: -7px; } .ytPlayerProgressBarHostBottomInset { height: 28px; bottom: 0px; left: 0px; right: 0px; } .ytPlayerProgressBarHostCustom { position: relative; } .ytPlayerProgressBarBackground { position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); opacity: 1; transition: opacity 0.1s cubic-bezier(0.2, 0, 0.6, 1); } .ytPlayerProgressBarBackgroundHide { opacity: 0; } .ytPlayerProgressBarDragContainer { width: 100%; height: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center; } .ytPlayerProgressBarDragContainerBottomEdge { height: 0px; padding: 19.5px 0px 8.5px; } .ytPlayerProgressBarProgressBar { width: 100%; overflow: visible; position: relative; display: flex; align-items: center; } .ytPlayerProgressBarProgressBarInset { padding: 16px 0px 12px; width: calc(100% - 24px); transform: translateY(0px); transition: width 0.1s cubic-bezier(0.05, 0, 0, 1), transform 0.1s cubic-bezier(0.05, 0, 0, 1); } .ytPlayerProgressBarProgressBarInsetMinimized { padding-top: 0px; padding-bottom: 0px; width: 100%; transform: translateY(12px); } .ytPlayerStoryboardHost { position: absolute; bottom: 80px; transform: translateX(-50%); pointer-events: none; } .ytPlayerStoryboardHostBigboard { width: 100%; left: 50%; } .ytPlayerStoryboardHostMwebShorts { margin-bottom: 48px; } .ytPlayerStoryboardHostInlinePlayer { bottom: 56px; } .ytPlayerStoryboardHostDesktopShorts { margin-bottom: 16px; } .ytPlayerStoryboardHostIsDragging { margin-bottom: 80px; } .ytPlayerStoryboardHostFadeIn { animation: 0.1s cubic-bezier(0.2, 0, 0.6, 1) 0s 1 normal none running fade-in; } .ytPlayerStoryboardStoryboardImageWrapper { background-color: rgb(255, 255, 255); border: 2px solid white; overflow: hidden; position: relative; border-radius: 8px; } .ytPlayerStoryboardBigboardWrapper { position: absolute; inset: 0px; background: rgb(0, 0, 0); } .ytPlayerStoryboardBigboardImageWrapper { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; overflow: hidden; } .ytPlayerStoryboardTimestamp { font-weight: 700; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 4px; } .ytPlayerStoryboardTimestampShorts { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; padding-top: 8px; } .ytPlayerStoryboardTimestampIsHovering { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .ytPlayerStoryboardMetadata { position: absolute; bottom: -6px; transform: translate(-50%, 100%); left: 50%; color: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: center; width: 100%; font-size: 12px; } .ytPlayerStoryboardMetadataBigboard { width: auto; color: rgb(255, 255, 255); max-width: 100%; bottom: 6px; border-radius: 16px; background-color: rgba(0, 0, 0, 0.6); padding: 8px 16px; flex-direction: row; column-gap: 1rem; min-width: 0px; } .ytPlayerStoryboardTitle { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 4px; display: flex; align-items: center; } .ytPlayerStoryboardTitleBigboard { margin-bottom: 0px; font-weight: 700; } .ytPlayerStoryboardTimedMarkerIconWrapper { display: flex; } .ytPlayerStoryboardTimedMarkerIcon { height: 14px; width: 14px; margin-right: 4px; } .ytPlayerStoryboardStoryboardImage { width: 100%; height: 100%; position: absolute; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .desktopShortsPlayerControlsWizHost { position: absolute; height: 24px; bottom: 5px; right: 8px; left: 8px; direction: ltr; transform: translateY(50%); } .ytdDesktopShortsVolumeControlsHost { display: flex; gap: 12px; height: 48px; align-items: center; pointer-events: none; border-radius: 50px; position: relative; flex: 1 1 auto; min-width: 0px; } .ytdDesktopShortsVolumeControlsHostExpanded { pointer-events: all; } .ytdDesktopShortsVolumeControlsHostVertical { width: 48px; flex-direction: column; justify-content: flex-start; gap: 60px; height: fit-content; } .ytdDesktopShortsVolumeControlsMuteIconButtonContainer { display: flex; width: 48px; height: 48px; border-radius: 50px; } .ytdDesktopShortsVolumeControlsMuteIconButton { display: flex; align-items: center; min-width: 36px; justify-content: end; z-index: 1; position: relative; background: none; outline: none; border: none; padding: 0px; pointer-events: all; cursor: pointer; } .ytdDesktopShortsVolumeControlsSliderContainer { display: flex; justify-content: center; align-items: center; min-width: 0px; padding-right: 12px; flex-basis: 0%; opacity: 0; visibility: hidden; transition: visibility 0.12s linear, opacity 0.12s linear, flex-basis 0.12s linear; pointer-events: none; } .ytdDesktopShortsVolumeControlsSliderContainerExpanded { flex-basis: 100%; visibility: visible; opacity: 1; transition: visibility 0.3s linear, opacity 0.3s linear, flex-basis 0.3s linear; z-index: 1; pointer-events: all; } .ytdDesktopShortsVolumeControlsSliderContainerVertical { background-color: rgba(0, 0, 0, 0.3); border-radius: 50px; height: 48px; padding: 0px 12px; margin: 0px; flex-basis: unset; transition: visibility 0.3s linear, opacity 0.3s linear, margin 0.3s linear; } .ytdDesktopShortsVolumeControlsSliderContainerVerticalDown { transform: rotate(270deg); } .ytdDesktopShortsVolumeControlsSliderContainerVerticalExpanded { background-color: rgba(40, 40, 40, 0.6); margin-top: 8px; } .ytdDesktopShortsVolumeControlsNativeSlider { --gradient-percent: 0; appearance: none; cursor: pointer; flex-grow: 1; display: block; min-width: 0px; background-color: transparent; border-bottom: none; padding: 6px 0px; } .ytdDesktopShortsVolumeControlsNativeSlider::-webkit-slider-runnable-track { background: linear-gradient(to right,#fff 0,#fff var(--gradient-percent),rgba(255,255,255,0.3) var(--gradient-percent),rgba(255,255,255,0.3) 100%); height: 4px; border-radius: 12px; } .ytdDesktopShortsVolumeControlsNativeSlider::-webkit-slider-thumb { appearance: none; width: 16px; height: 16px; background-color: white; border-radius: 50%; margin-top: -6.5px; } .ytdDesktopShortsVolumeControlsMuteIcon { color: white; pointer-events: all; } .ytdDesktopShortsVolumeControlsBackgroundScrim { height: 48px; width: 48px; z-index: 0; background-color: rgba(0, 0, 0, 0.3); transition: width 0.25s linear; position: absolute; border-radius: 50px; } .ytdDesktopShortsVolumeControlsBackgroundScrimExpanded { width: 100%; background-color: rgba(40, 40, 40, 0.6); } .ytwPlayerDisclosureViewModelHost { display: flex; } .ytwPlayerDisclosureViewModelEndpoint { display: flex; align-items: center; max-width: 516px; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.6); border-radius: 4px; border-left: 4px solid rgb(62, 166, 255); padding: 6px 0px 6px 6px; text-decoration: none; } .ytwPlayerDisclosureViewModelText { margin: 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytReelChannelBarViewModelHost { display: flex; align-items: center; color: var(--reel-metadata-color,#fff); } .ytReelChannelBarViewModelChannelName { padding: 0px 8px; word-break: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 299.9px) { .ytReelChannelBarViewModelChannelName { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .ytReelChannelBarViewModelChannelNameLarge { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 6.6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 299.9px) { .ytReelChannelBarViewModelReelSubscribeButton { display: none; } } @media (max-width: 299.9px) { .ytReelChannelBarViewModelReelSponsorButton { display: none; } } .ytReelMetapanelViewModelHost { display: flex; flex-direction: column; align-items: flex-start; } .ytReelMetapanelViewModelMetapanelItem:not(:first-child) { padding-top: 8px; width: 100%; } .ytReelMultiFormatLinkViewModelHost { display: flex; align-items: center; height: 30px; } .ytReelMultiFormatLinkViewModelHostTall { height: 36px; } @media (max-width: 299.9px) { .ytReelMultiFormatLinkViewModelHost { display: none; } } .ytReelMultiFormatLinkViewModelEndpoint { position: relative; margin-top: 0px; display: inline-block; cursor: pointer; text-decoration: none; color: var(--reel-metadata-color,#fff); } .ytReelMultiFormatLinkViewModelLink { margin-right: 48px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } .ytReelMultiFormatLinkViewModelIcon { width: 18px; height: 18px; margin-right: 6px; vertical-align: middle; } .ytReelMultiFormatLinkViewModelTitle { vertical-align: middle; } .ytReelMultiFormatLinkViewModelHostLarge .ytReelMultiFormatLinkViewModelLink { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } .ytReelMultiFormatLinkViewModelHostLarge .ytReelMultiFormatLinkViewModelIcon { width: 22px; height: 22px; margin-right: 8px; } .ytShortsSuggestedActionViewModelStaticHost { display: inline-flex; position: relative; align-items: center; border-radius: 18px; } @media (max-width: 299.9px) { .ytShortsSuggestedActionViewModelStaticHost { display: none; } } .ytShortsSuggestedActionViewModelStaticHost:hover { background-color: rgba(0, 0, 0, 0.3); } .ytShortsSuggestedActionViewModelStaticHostContainer { display: inline-flex; position: relative; align-items: center; padding: 0px 16px; height: 36px; border: none; border-radius: 18px; background-color: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); cursor: pointer; } .ytShortsSuggestedActionViewModelStaticHostLeadingSection { margin-right: 6px; margin-left: -6px; } .ytShortsSuggestedActionViewModelStaticHostTextSection { display: flex; flex-direction: column; align-items: flex-start; text-align: left; flex-shrink: 1; } .ytShortsSuggestedActionViewModelStaticHostPrimaryText { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytShortsSuggestedActionViewModelStaticHostLeadingSection { max-width: 100%; width: 24px; height: 24px; } .ytShortsSuggestedActionViewModelStaticHostLeadingImage, .ytShortsSuggestedActionViewModelStaticHostLeadingIcon { max-width: 100%; max-height: 100%; } .ytShortsSuggestedActionViewModelDynamicHost { display: inline-flex; position: relative; align-items: center; padding: 16px 8px 8px 0px; } @media (max-width: 299.9px) { .ytShortsSuggestedActionViewModelDynamicHost { display: none; } } .ytShortsSuggestedActionViewModelDynamicHostFixedHeightAuto { height: auto; } .ytShortsSuggestedActionViewModelDynamicHostHidden { opacity: 0; } .ytShortsSuggestedActionViewModelDynamicHostShown { animation: 0.5s ease-in-out 0s 1 normal none running fadeIn; opacity: 1; cursor: pointer; } .ytShortsSuggestedActionViewModelDynamicHostUseRoundBorder { border-radius: 28px; } .ytShortsSuggestedActionViewModelDynamicHostRoundAllCorners { border-radius: 8px; } .ytShortsSuggestedActionViewModelDynamicHostOnlyRoundLeadingCorners { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .ytShortsSuggestedActionViewModelDynamicHostContainer { display: inline-flex; position: relative; align-items: center; border: none; padding: 8px; background-color: rgba(40, 40, 40, 0.6); color: rgb(255, 255, 255); } .ytShortsSuggestedActionViewModelDynamicHostContainer:hover { background-color: rgba(0, 0, 0, 0.6); border-color: transparent; } .ytShortsSuggestedActionViewModelDynamicHostCollapsedLeadingSection { margin-right: 8px; border-radius: 4px; width: 28px; height: 28px; flex-shrink: 0; } .ytShortsSuggestedActionViewModelDynamicHostExpandedLeadingSection { margin-right: 8px; width: 36px; height: 36px; } .ytShortsSuggestedActionViewModelDynamicHostLeadingImage { max-width: 100%; max-height: 100%; border-radius: 4px; } .ytShortsSuggestedActionViewModelDynamicHostCollapsedLeadingIcon { width: 100%; height: 100%; } .ytShortsSuggestedActionViewModelDynamicHostExpandedLeadingIcon { padding: 4px; width: 100%; height: 100%; box-sizing: border-box; border-radius: 4px; } .ytShortsSuggestedActionViewModelDynamicHostCollapsedSecondary { opacity: 0; display: none; } .ytShortsSuggestedActionViewModelDynamicHostExpandedSecondary { animation: 0.25s ease-in-out 0s 1 normal none running fadeIn; opacity: 1; margin-top: -2px; color: rgba(255, 255, 255, 0.7); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytShortsSuggestedActionViewModelDynamicHostCollapsedTrailingSection { cursor: pointer; position: relative; background-color: rgba(40, 40, 40, 0.6); border-radius: 0px 8px 8px 0px; padding: 8px; border-left: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; height: 28px; width: 24px; } .ytShortsSuggestedActionViewModelDynamicHostCollapsedTrailingSection:hover { background-color: rgba(0, 0, 0, 0.3); } .ytShortsSuggestedActionViewModelDynamicHostExpandedTrailingSection { cursor: pointer; position: relative; background-color: rgba(40, 40, 40, 0.6); border-radius: 0px 8px 8px 0px; padding: 14px 12px; border-left: 1px solid rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; height: 24px; width: 24px; } .ytShortsSuggestedActionViewModelDynamicHostExpandedTrailingSection:hover { background-color: rgba(0, 0, 0, 0.3); } .ytShortsSuggestedActionViewModelDynamicHostTrailingIcon { width: 24px; height: 24px; color: rgb(255, 255, 255); } .ytShortsSuggestedActionViewModelExpansiveContainer { background-color: rgba(255, 255, 255, 0.1); color: rgb(241, 241, 241); } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .ytShortsVideoTitleViewModelHost { display: block; color: var(--reel-metadata-color,#fff); } .ytShortsVideoTitleViewModelHostClickable { cursor: pointer; } .ytShortsVideoTitleViewModelShortsVideoTitle { pointer-events: auto; word-break: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 299.9px) { .ytShortsVideoTitleViewModelShortsVideoTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .ytShortsVideoTitleViewModelShortsVideoTitleLarge { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 9.6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .ytShortsVideoTitleViewModelShortsVideoTitleLarge { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 8.4rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .ytShortsVideoTitleViewModelShortsVideoTitle .yt-core-attributed-string span { color: var(--reel-metadata-color,#fff) !important; } .ytdShortsMiniplayerOverlayHost { position: absolute; inset: 0px; pointer-events: none; display: flex; } .ytdShortsMiniplayerOverlayOverlay { position: relative; width: 100%; height: 100%; } .ytdShortsMiniplayerOverlayTopButtons { position: absolute; width: 100%; display: flex; flex-direction: row; align-items: center; box-sizing: border-box; padding: 12px; gap: 12px; } .ytdShortsMiniplayerOverlayActionButtons { position: absolute; height: 100%; right: 0px; display: flex; z-index: 1; flex-direction: column; justify-content: center; align-items: flex-end; box-sizing: border-box; padding: 12px; gap: 12px; } .ytdShortsMiniplayerOverlayPlayerControls { position: absolute; width: 100%; bottom: 12px; } .ytdShortsMiniplayerOverlayPlayerControlsInner { position: relative; margin: 12px; } .ytdShortsMiniplayerOverlayVideoMetaData { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 12px 24px 28px; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent); } .ytdShortsMiniplayerOverlayInteractive { pointer-events: auto; } .ytdShortsMiniplayerOverlayAdsOverlay { position: absolute; inset: 0px; } .ytdShortsMiniplayerOverlayThumbnailBackground { position: absolute; inset: 0px; background-color: rgb(0, 0, 0); background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: -1; } tp-yt-app-toolbar { display: flex; flex-direction: row; align-items: center; position: relative; height: 64px; padding: 0px 16px; pointer-events: none; font-size: var(--app-toolbar-font-size,20px); } tp-yt-app-toolbar > * { pointer-events: auto; } tp-yt-app-toolbar > paper-icon-button { font-size: 0px; } tp-yt-app-toolbar > [main-title], tp-yt-app-toolbar > [condensed-title] { pointer-events: none; flex: 1 1 1e-09px; } tp-yt-app-toolbar > [bottom-item] { position: absolute; right: 0px; bottom: 0px; left: 0px; } tp-yt-app-toolbar > [top-item] { position: absolute; top: 0px; right: 0px; left: 0px; } tp-yt-app-toolbar > [spacer] { margin-left: 64px; } tp-yt-iron-a11y-announcer { display: inline-block; position: fixed; clip: rect(0px, 0px, 0px, 0px); } tp-yt-iron-autogrow-textarea { display: inline-block; position: relative; width: 400px; border: 1px solid; padding: 2px; appearance: textarea; overflow: hidden; } .mirror-text.tp-yt-iron-autogrow-textarea { visibility: hidden; overflow-wrap: break-word; white-space: pre-wrap; } .fit.tp-yt-iron-autogrow-textarea { position: absolute; inset: 0px; } textarea.tp-yt-iron-autogrow-textarea { position: relative; outline: none; border: none; resize: none; background: inherit; color: inherit; width: 100%; height: 100%; font-size: inherit; font-family: inherit; line-height: inherit; text-align: inherit; } textarea.tp-yt-iron-autogrow-textarea::-webkit-input-placeholder { padding: var(--iron-autogrow-textarea-placeholder-padding); } tp-yt-iron-collapse { display: block; transition-duration: var(--iron-collapse-transition-duration,.3s); overflow: visible; } tp-yt-iron-collapse.iron-collapse-closed { display: none; } tp-yt-iron-collapse:not(.iron-collapse-opened) { overflow: hidden; } tp-yt-iron-dropdown { position: fixed; } #contentWrapper.tp-yt-iron-dropdown > * { overflow: auto; } #contentWrapper.animating.tp-yt-iron-dropdown > * { overflow: hidden; pointer-events: none; } tp-yt-iron-icon { display: inline-flex; align-items: center; justify-content: center; position: relative; vertical-align: middle; fill: var(--iron-icon-fill-color,currentcolor); stroke: var(--iron-icon-stroke-color,none); width: var(--iron-icon-width,24px); height: var(--iron-icon-height,24px); animation: var(--iron-icon-animation); margin-top: var(--iron-icon-margin-top); margin-right: var(--iron-icon-margin-right); margin-bottom: var(--iron-icon-margin-bottom); margin-left: var(--iron-icon-margin-left); padding: var(--iron-icon-padding); } tp-yt-iron-icon[hidden] { display: none; } tp-yt-iron-input { display: inline-block; } tp-yt-iron-list { display: block; } @media only screen and (-webkit-max-device-pixel-ratio: 1) { tp-yt-iron-list { will-change: transform; } } #items.tp-yt-iron-list { position: relative; } tp-yt-iron-list:not([grid]) #items.tp-yt-iron-list > * { width: 100%; } #items.tp-yt-iron-list > * { box-sizing: border-box; margin: 0px; position: absolute; top: 0px; will-change: transform; } tp-yt-iron-overlay-backdrop { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--iron-overlay-backdrop-background-color,#000); opacity: 0; transition: opacity 0.2s; pointer-events: none; } tp-yt-iron-overlay-backdrop.opened { opacity: var(--iron-overlay-backdrop-opacity,.6); pointer-events: auto; z-index: var(--iron-overlay-backdrop-opened-z-index); } tp-yt-paper-button { display: inline-flex; align-items: center; justify-content: center; position: relative; box-sizing: border-box; min-width: 5.14em; margin: 0px 0.29em; background: transparent; -webkit-tap-highlight-color: transparent; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; text-transform: uppercase; outline-width: 0px; border-radius: 3px; user-select: none; cursor: pointer; z-index: 0; padding: 0.7em 0.57em; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; } tp-yt-paper-button[elevation="1"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } tp-yt-paper-button[elevation="2"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.4) 0px 2px 4px -1px; } tp-yt-paper-button[elevation="3"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px, rgba(0, 0, 0, 0.4) 0px 3px 5px -1px; } tp-yt-paper-button[elevation="4"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px, rgba(0, 0, 0, 0.4) 0px 5px 5px -3px; } tp-yt-paper-button[elevation="5"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.4) 0px 8px 10px -5px; } tp-yt-paper-button[hidden] { display: none !important; } tp-yt-paper-button[raised].keyboard-focus { font-weight: bold; } tp-yt-paper-button:not([raised]).keyboard-focus { background-color: var(--paper-button-flat-keyboard-focus-background-color); font-weight: var(--paper-button-flat-keyboard-focus-font-weight,bold); outline: var(--paper-button-flat-keyboard-focus-outline); } tp-yt-paper-button[disabled] { background: none; color: rgb(168, 168, 168); cursor: auto; pointer-events: none; } tp-yt-paper-button[disabled][raised] { background: rgb(234, 234, 234); } tp-yt-paper-button[animated] { transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); } tp-yt-paper-ripple.tp-yt-paper-button { color: var(--paper-button-ink-color); } tp-yt-paper-dialog { display: block; margin: 24px 40px; background: var(--paper-dialog-background-color,var(--primary-background-color)); color: var(--paper-dialog-color,var(--primary-text-color)); font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; font-weight: 400; line-height: 20px; box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.4) 0px 8px 10px -5px; } tp-yt-paper-dialog > * { margin-top: 20px; padding: 0px 24px; } tp-yt-paper-dialog > .no-padding { padding: 0px; } tp-yt-paper-dialog[modern] { border-radius: 12px; overflow: hidden; box-shadow: 0 0 24px 12px var(--paper-dialog-shadow-color,rgba(0,0,0,.15)); } tp-yt-paper-dialog[modern]:has(ytd-gaming-account-link-setting-renderer) { overflow: auto; } tp-yt-paper-dialog[modern]:has(ytd-search-filter-options-dialog-renderer) { overflow: auto; } tp-yt-paper-dialog > :first-child { margin-top: 24px; } tp-yt-paper-dialog > :last-child { margin-bottom: 24px; } tp-yt-paper-dialog > h2 { position: relative; margin: 0px; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 20px; font-weight: 500; line-height: 28px; } tp-yt-paper-dialog > h2:first-child { margin-top: 24px; } tp-yt-paper-dialog > h2:last-child { margin-bottom: 24px; } tp-yt-paper-dialog > .paper-dialog-buttons, tp-yt-paper-dialog > .buttons { position: relative; padding: 8px 8px 8px 24px; margin: 0px; color: var(--paper-dialog-button-color,var(--primary-color)); display: flex; flex-direction: row; justify-content: flex-end; } tp-yt-paper-dialog-scrollable { display: block; position: relative; } tp-yt-paper-dialog-scrollable.is-scrolled:not(:first-child)::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; background: var(--divider-color); } tp-yt-paper-dialog-scrollable.can-scroll:not(.scrolled-to-bottom):not(:last-child)::after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 1px; background: var(--divider-color); } .scrollable.tp-yt-paper-dialog-scrollable { overflow-y: auto; box-sizing: var(--paper-dialog-scrollable-box-sizing); height: var(--paper-dialog-scrollable-height); min-width: var(--paper-dialog-scrollable-min-width); overflow-x: var(--paper-dialog-scrollable-overflow-x); padding: var(--paper-dialog-scrollable-padding,0 24px); } .fit.tp-yt-paper-dialog-scrollable { position: absolute; inset: 0px; } tp-yt-paper-dropdown-menu-light { display: inline-block; position: relative; text-align: left; -webkit-tap-highlight-color: transparent; --paper-input-container-input_-_overflow: hidden; --paper-input-container-input_-_white-space: nowrap; --paper-input-container-input_-_text-overflow: ellipsis; --paper-input-container-input_-_max-width: 100%; --paper-input-container-input_-_box-sizing: border-box; --paper-input-container-input_-_cursor: pointer; } tp-yt-paper-dropdown-menu-light:focus { outline: none; } [dir="rtl"] tp-yt-paper-dropdown-menu-light, tp-yt-paper-dropdown-menu-light[dir="rtl"] { text-align: right; } tp-yt-paper-dropdown-menu-light[noink] tp-yt-paper-ripple.tp-yt-paper-dropdown-menu-light { display: none; } tp-yt-paper-dropdown-menu-light[no-label-float] tp-yt-paper-ripple.tp-yt-paper-dropdown-menu-light { top: 8px; } tp-yt-paper-ripple.tp-yt-paper-dropdown-menu-light { inset: 12px 0px 8px; } tp-yt-paper-menu-button.tp-yt-paper-dropdown-menu-light { display: block; padding: 0px; } tp-yt-paper-dropdown-menu-light { width: 200px; } .tp-yt-paper-dropdown-menu-light[slot="dropdown-trigger"] { box-sizing: border-box; position: relative; width: 100%; padding: 16px 0px 8px; } .tp-yt-paper-dropdown-menu-light[slot="dropdown-trigger"]:focus { outline: none; } tp-yt-paper-dropdown-menu-light[disabled] .tp-yt-paper-dropdown-menu-light[slot="dropdown-trigger"] { pointer-events: none; opacity: var(--paper-dropdown-menu-disabled-opacity,.33); } tp-yt-paper-dropdown-menu-light[no-label-float] .tp-yt-paper-dropdown-menu-light[slot="dropdown-trigger"] { padding-top: 8px; } tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"], .tp-yt-paper-dropdown-menu-light[style-target="input"] { font-size: 16px; font-weight: 400; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; line-height: 1.5; border-bottom: 1px solid var(--paper-dropdown-menu-color,var(--secondary-text-color)); color: var(--paper-dropdown-menu-color,var(--primary-text-color)); width: 100%; box-sizing: border-box; padding: 12px 20px 0px 0px; outline: none; } [dir="rtl"] tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"], tp-yt-paper-dropdown-menu-light[dir="rtl"] .tp-yt-paper-dropdown-menu-light[style-target="input"], [dir="rtl"] .tp-yt-paper-dropdown-menu-light[style-target="input"], .tp-yt-paper-dropdown-menu-light[style-target="input"][dir="rtl"] { padding-right: 0px; padding-left: 20px; } tp-yt-paper-dropdown-menu-light[disabled] .tp-yt-paper-dropdown-menu-light[style-target="input"] { border-bottom: 1px dashed var(--paper-dropdown-menu-color,var(--secondary-text-color)); } tp-yt-paper-dropdown-menu-light[invalid] .tp-yt-paper-dropdown-menu-light[style-target="input"] { border-bottom: 2px solid var(--paper-dropdown-error-color,var(--error-color)); } tp-yt-paper-dropdown-menu-light[no-label-float] .tp-yt-paper-dropdown-menu-light[style-target="input"] { padding-top: 0px; } .label.tp-yt-paper-dropdown-menu-light { font-size: 16px; font-weight: 400; line-height: 24px; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; display: block; position: absolute; inset: 28px 0px 0px; box-sizing: border-box; width: 100%; padding-right: 20px; text-align: left; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); color: var(--paper-dropdown-menu-color,var(--secondary-text-color)); } [dir="rtl"] .label.tp-yt-paper-dropdown-menu-light, .label.tp-yt-paper-dropdown-menu-light[dir="rtl"] { padding-right: 0px; padding-left: 20px; text-align: right; } .label.label-is-floating.tp-yt-paper-dropdown-menu-light { font-size: 12px; top: 8px; } .label.label-is-hidden.tp-yt-paper-dropdown-menu-light { visibility: hidden; } .label.tp-yt-paper-dropdown-menu-light::after { background-color: var(--paper-dropdown-menu-focus-color,var(--primary-color)); bottom: 7px; content: ""; height: 2px; left: 45%; position: absolute; transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); visibility: hidden; width: 8px; z-index: 10; } tp-yt-paper-dropdown-menu-light[no-label-float] .label.tp-yt-paper-dropdown-menu-light, tp-yt-paper-dropdown-menu-light[no-label-float] .tp-yt-paper-dropdown-menu-light[style-target="label"] { top: 8px; transition-duration: 0s; } tp-yt-paper-dropdown-menu-light[focused] .label.label-is-floating.tp-yt-paper-dropdown-menu-light, tp-yt-paper-dropdown-menu-light[focused] .tp-yt-paper-dropdown-menu-light[style-target="label"].label-is-floating { color: var(--paper-dropdown-menu-focus-color,var(--primary-color)); } tp-yt-paper-dropdown-menu-light[invalid] .label.label-is-floating.tp-yt-paper-dropdown-menu-light, tp-yt-paper-dropdown-menu-light[invalid] .tp-yt-paper-dropdown-menu-light[style-target="label"].label-is-floating { color: var(--paper-dropdown-error-color,var(--error-color)); } tp-yt-paper-dropdown-menu-light[invalid] .label.tp-yt-paper-dropdown-menu-light::after, tp-yt-paper-dropdown-menu-light[invalid] .tp-yt-paper-dropdown-menu-light[style-target="label"]::after { background-color: var(--paper-dropdown-error-color,var(--error-color)); } tp-yt-paper-dropdown-menu-light[no-label-float] .label.tp-yt-paper-dropdown-menu-light::after, tp-yt-paper-dropdown-menu-light[no-label-float] .tp-yt-paper-dropdown-menu-light[style-target="label"]::after { bottom: 7px; } tp-yt-paper-dropdown-menu-light[focused]:not([disabled]) .label.tp-yt-paper-dropdown-menu-light::after, tp-yt-paper-dropdown-menu-light[focused]:not([disabled]) .tp-yt-paper-dropdown-menu-light[style-target="label"]::after { left: 0px; visibility: visible; width: 100%; } tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light { position: absolute; right: 0px; bottom: 8px; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; color: var(--paper-dropdown-menu-icon-color,var(--disabled-text-color)); } [dir="rtl"] tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light, tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light[dir="rtl"] { left: 0px; right: auto; } tp-yt-paper-dropdown-menu-light[no-label-float] tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light { margin-top: 0px; } .error.tp-yt-paper-dropdown-menu-light { font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 400; letter-spacing: 0.011em; line-height: 20px; display: inline-block; visibility: hidden; color: var(--paper-dropdown-error-color,var(--error-color)); position: absolute; left: 0px; right: 0px; bottom: -12px; } tp-yt-paper-dropdown-menu-light[invalid] .error.tp-yt-paper-dropdown-menu-light { visibility: visible; } tp-yt-paper-icon-button { display: inline-block; position: relative; padding: 8px; outline: none; user-select: none; cursor: pointer; z-index: 0; line-height: 1; width: 40px; height: 40px; -webkit-tap-highlight-color: transparent; box-sizing: border-box !important; } tp-yt-paper-icon-button #ink.tp-yt-paper-icon-button { color: var(--paper-icon-button-ink-color,var(--primary-text-color)); opacity: 0.6; } tp-yt-paper-icon-button[disabled] { color: var(--paper-icon-button-disabled-text,var(--disabled-text-color)); pointer-events: none; cursor: auto; } tp-yt-paper-icon-button[hidden] { display: none !important; } tp-yt-paper-icon-button:hover { transform: var(--paper-icon-button-hover-transform); color: var(--paper-icon-button-hover-color); opacity: var(--paper-icon-button-hover-opacity); } tp-yt-iron-icon.tp-yt-paper-icon-button { --iron-icon-width: 100%; --iron-icon-height: 100%; } tp-yt-paper-icon-item, .tp-yt-paper-item.tp-yt-paper-icon-item { display: block; position: relative; min-height: var(--paper-item-min-height,48px); padding: 0px 16px; } .tp-yt-paper-item.tp-yt-paper-icon-item { font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; border: none; outline: none; background: white; width: 100%; text-align: left; } tp-yt-paper-icon-item[hidden], .tp-yt-paper-item.tp-yt-paper-icon-item[hidden] { display: none !important; } tp-yt-paper-icon-item.iron-selected, .tp-yt-paper-item.iron-selected.tp-yt-paper-icon-item { font-weight: var(--paper-item-selected-weight,bold); background: var(--paper-item-selected-background); } tp-yt-paper-icon-item[disabled], .tp-yt-paper-item.tp-yt-paper-icon-item[disabled] { color: var(--paper-item-disabled-color,var(--disabled-text-color)); } tp-yt-paper-icon-item:focus, .tp-yt-paper-item.tp-yt-paper-icon-item:focus { position: relative; outline: 0px; background-color: var(--paper-item-focused-background-color); } tp-yt-paper-icon-item:focus::before, .tp-yt-paper-item.tp-yt-paper-icon-item:focus::before { position: absolute; inset: 0px; pointer-events: none; background: var(--paper-item-focused-before-background,currentColor); border-radius: var(--paper-item-focused-before-border-radius,0); content: var(--paper-item-focused-before-content,""); opacity: var(--paper-item-focused-before-opacity,var(--dark-divider-opacity,.12)); } tp-yt-paper-icon-item { display: flex; flex-direction: row; align-items: center; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; min-height: var(--paper-item-min-height,48px); } .content-icon.tp-yt-paper-icon-item { display: flex; flex-direction: row; align-items: center; width: var(--paper-item-icon-width,56px); margin-left: var(--paper-item-icon-margin-left); margin-right: var(--paper-item-icon-margin-right); } tp-yt-paper-input { display: block; } tp-yt-paper-input[focused] { outline: none; } tp-yt-paper-input[hidden] { display: none !important; } input.tp-yt-paper-input { min-width: 0px; } tp-yt-iron-input.tp-yt-paper-input > input.tp-yt-paper-input { position: relative; outline: none; box-shadow: none; padding: var(--paper-input-container-shared-input-style-padding,0); margin: 0px; width: var(--paper-input-container-shared-input-style-width,100%); max-width: 100%; background: transparent; border: none; appearance: none; text-align: inherit; vertical-align: var(--paper-input-container-input-align,bottom); -webkit-font-smoothing: antialiased; font-family: inherit; font-weight: inherit; font-size: inherit; letter-spacing: inherit; word-spacing: inherit; line-height: inherit; text-shadow: inherit; color: inherit; cursor: inherit; } input.tp-yt-paper-input::-webkit-outer-spin-button, input.tp-yt-paper-input::-webkit-inner-spin-button { appearance: var(--paper-input-container-input-webkit-spinner--webkit-appearance); display: var(--paper-input-container-input-webkit-spinner-display); } input.tp-yt-paper-input::-webkit-input-placeholder { color: var(--paper-input-container-color,var(--secondary-text-color)); } label.tp-yt-paper-input { pointer-events: none; } tp-yt-paper-input-char-counter { display: inline-block; float: right; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 400; letter-spacing: 0.011em; line-height: 20px; } tp-yt-paper-input-char-counter[hidden] { display: none !important; } [dir="rtl"] tp-yt-paper-input-char-counter, tp-yt-paper-input-char-counter[dir="rtl"] { float: left; } tp-yt-paper-input-container { display: block; padding: 8px 0px; } tp-yt-paper-input-container[inline] { display: inline-block; } tp-yt-paper-input-container[disabled] { pointer-events: none; color: var(--paper-input-container-disabled-color); opacity: var(--paper-input-container-disabled-opacity,.33); } tp-yt-paper-input-container[hidden] { display: none !important; } .tp-yt-paper-input-container[hidden] { display: none !important; } .floated-label-placeholder.tp-yt-paper-input-container { display: var(--paper-input-container-floated-label-placeholder-display,block); font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 400; letter-spacing: 0.011em; line-height: 20px; } .underline.tp-yt-paper-input-container { height: var(--paper-input-container-underline-wrapper-height,2px); position: relative; } .focused-line.tp-yt-paper-input-container { position: absolute; inset: 0px; transform-origin: center center; transform: scale3d(0, 1, 1); display: var(--paper-input-container-underline-focus-display,block); border-top-color: ; border-right-color: ; border-left-color: ; border-bottom: var(--paper-input-container-underline-focus-height,2px) solid var(--paper-input-container-underline-focus-border-color,var(--paper-input-container-underline-focus-color,var(--paper-input-container-focus-color,var(--primary-color)))); } .underline.is-highlighted.tp-yt-paper-input-container .focused-line.tp-yt-paper-input-container { transform: none; transition: transform 0.25s; } .underline.is-invalid.tp-yt-paper-input-container .focused-line.tp-yt-paper-input-container { border-bottom: var(--paper-input-container-underline-focus-height,2px) solid var(--paper-input-container-underline-invalid-focus-color,var(--paper-input-container-invalid-color,var(--error-color))); transform: none; transition: transform 0.25s; display: var(--paper-input-container-underline-focus-display,block); } .unfocused-line.tp-yt-paper-input-container { position: absolute; inset: 0px; background: var(--paper-input-container-underline-background); border-bottom: var(--paper-input-container-underline-border-bottom,var(--paper-input-container-underline-height,1px solid var(--paper-input-container-underline-color,var(--paper-input-container-color,var(--secondary-text-color))))); box-sizing: var(--paper-input-container-underline-box-sizing); display: var(--paper-input-container-underline-display,block); height: var(--paper-input-container-underline-height,var(--paper-input-container-underline-legacy-height)); } tp-yt-paper-input-container[disabled] .unfocused-line.tp-yt-paper-input-container { border-bottom: var(--paper-input-container-underline-height,1px) var(--paper-input-container-underline-disabled-border-bottom-style,dashed) var(--paper-input-container-underline-color,var(--paper-input-container-color,var(--secondary-text-color))); display: var(--paper-input-container-underline-disabled-display,block); } .input-wrapper.tp-yt-paper-input-container { display: flex; flex-direction: row; align-items: center; position: relative; flex: var(--paper-input-container-input-wrapper-flex); min-width: var(--paper-input-container-input-wrapper-min-width); } .input-content.tp-yt-paper-input-container { flex: 1 1 auto; position: relative; max-width: 100%; } #labelAndInputContainer.tp-yt-paper-input-container > label, #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label { position: absolute; top: 0px; left: 0px; width: 100%; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; color: var(--paper-input-container-color,var(--secondary-text-color)); transition: transform 0.25s, width 0.25s; transform-origin: left top; min-height: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; } #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > label, #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > .paper-input-label { transform: translateY(-75%) scale(0.75); width: 133%; } [dir="rtl"] tp-yt-paper-input-container #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > label, tp-yt-paper-input-container[dir="rtl"] #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > label, [dir="rtl"] tp-yt-paper-input-container #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > .paper-input-label, tp-yt-paper-input-container[dir="rtl"] #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > .paper-input-label { right: 0px; left: auto; transform-origin: right top; } #labelAndInputContainer#labelAndInputContainer.label-is-highlighted.tp-yt-paper-input-container > label, #labelAndInputContainer#labelAndInputContainer.label-is-highlighted.tp-yt-paper-input-container > .paper-input-label { color: var(--paper-input-container-label-focus-color,var(--paper-input-container-focus-color,var(--primary-color))); } #labelAndInputContainer#labelAndInputContainer.is-invalid.tp-yt-paper-input-container > label, #labelAndInputContainer#labelAndInputContainer.is-invalid.tp-yt-paper-input-container > .paper-input-label { color: var(--paper-input-container-invalid-color,var(--error-color)); } #labelAndInputContainer#labelAndInputContainer.label-is-hidden.tp-yt-paper-input-container > label, #labelAndInputContainer#labelAndInputContainer.label-is-hidden.tp-yt-paper-input-container > .paper-input-label { visibility: hidden; } .input-content.tp-yt-paper-input-container > input, .input-content.tp-yt-paper-input-container > tp-yt-iron-input, .input-content.tp-yt-paper-input-container > textarea, .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, .input-content.tp-yt-paper-input-container > .paper-input-input { position: relative; outline: none; box-shadow: none; padding: var(--paper-input-container-shared-input-style-padding,0); margin: 0px; width: var(--paper-input-container-shared-input-style-width,100%); max-width: 100%; background: transparent; border: none; appearance: none; text-align: inherit; vertical-align: var(--paper-input-container-input-align,bottom); font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; color: var(--paper-input-container-input-color,var(--primary-text-color)); } .prefix.tp-yt-paper-input-container > * { display: inline-block; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; flex: 0 0 auto; color: var(--paper-input-prefix-color); } .suffix.tp-yt-paper-input-container > * { display: inline-block; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; flex: 0 0 auto; top: var(--paper-input-suffix-top); } .input-content.tp-yt-paper-input-container > input { min-width: 0px; } .input-content.tp-yt-paper-input-container > textarea { resize: none; } .add-on-content.tp-yt-paper-input-container { position: relative; } .add-on-content.is-invalid.tp-yt-paper-input-container > * { color: var(--paper-input-container-invalid-color,var(--error-color)); } .add-on-content.is-highlighted.tp-yt-paper-input-container > * { color: var(--paper-input-container-focus-color,var(--primary-color)); } tp-yt-paper-input-error { display: inline-block; visibility: hidden; color: var(--paper-input-container-invalid-color,var(--error-color)); font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 400; letter-spacing: 0.011em; line-height: 20px; position: absolute; left: 0px; right: 0px; } tp-yt-paper-input-error[invalid] { visibility: visible; } #a11yWrapper.tp-yt-paper-input-error { visibility: hidden; } tp-yt-paper-input-error[invalid] #a11yWrapper.tp-yt-paper-input-error { visibility: visible; } tp-yt-paper-item, .tp-yt-paper-item.tp-yt-paper-item { display: block; position: relative; min-height: var(--paper-item-min-height,48px); padding: 0px 16px; } .tp-yt-paper-item.tp-yt-paper-item { font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; border: none; outline: none; background: white; width: 100%; text-align: left; } tp-yt-paper-item[hidden], .tp-yt-paper-item.tp-yt-paper-item[hidden] { display: none !important; } tp-yt-paper-item.iron-selected, .tp-yt-paper-item.iron-selected.tp-yt-paper-item { font-weight: var(--paper-item-selected-weight,bold); background: var(--paper-item-selected-background); } tp-yt-paper-item[disabled], .tp-yt-paper-item.tp-yt-paper-item[disabled] { color: var(--paper-item-disabled-color,var(--disabled-text-color)); } tp-yt-paper-item:focus, .tp-yt-paper-item.tp-yt-paper-item:focus { position: relative; outline: 0px; background-color: var(--paper-item-focused-background-color); } tp-yt-paper-item:focus::before, .tp-yt-paper-item.tp-yt-paper-item:focus::before { position: absolute; inset: 0px; pointer-events: none; background: var(--paper-item-focused-before-background,currentColor); border-radius: var(--paper-item-focused-before-border-radius,0); content: var(--paper-item-focused-before-content,""); opacity: var(--paper-item-focused-before-opacity,var(--dark-divider-opacity,.12)); } tp-yt-paper-item { display: flex; flex-direction: row; align-items: center; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; min-height: var(--paper-item-min-height,48px); } tp-yt-paper-item-body { overflow: hidden; display: flex; flex-direction: column; justify-content: center; flex: 1 1 1e-09px; } tp-yt-paper-item-body[two-line] { min-height: var(--paper-item-body-two-line-min-height,72px); } tp-yt-paper-item-body[three-line] { min-height: var(--paper-item-body-three-line-min-height,88px); } tp-yt-paper-item-body > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } tp-yt-paper-item-body > [secondary] { font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; font-weight: 400; line-height: 20px; color: var(--paper-item-body-secondary-color,var(--secondary-text-color)); } tp-yt-paper-listbox { display: block; padding: 8px 0px; background: var(--paper-listbox-background-color,var(--primary-background-color)); color: var(--paper-listbox-color,var(--primary-text-color)); border: var(--paper-listbox-border); } tp-yt-paper-menu-button { display: inline-block; position: relative; outline: none; background-color: var(--paper-menu-button-background-color); border-radius: var(--paper-menu-button-border-radius); padding: var(--paper-menu-button-padding,8px); width: var(--paper-menu-button-width); } tp-yt-paper-menu-button[disabled] { cursor: auto; color: var(--disabled-text-color); opacity: var(--paper-menu-button-disabled-opacity); } tp-yt-iron-dropdown.tp-yt-paper-menu-button { max-height: var(--paper-menu-button-dropdown-max-height); width: var(--paper-menu-button-dropdown-width); } .dropdown-content.tp-yt-paper-menu-button { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: var(--paper-menu-button-content-background-color,var(--paper-menu-button-dropdown-background,var(--primary-background-color))); border-radius: var(--paper-menu-button-content-border-radius,2px); box-shadow: var(--paper-menu-button-content-box-shadow,0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)); position: var(--paper-menu-button-content-position,relative); } tp-yt-paper-menu-button[vertical-align="top"] .dropdown-content.tp-yt-paper-menu-button { margin-bottom: 20px; margin-top: -10px; top: 10px; } tp-yt-paper-menu-button[vertical-align="bottom"] .dropdown-content.tp-yt-paper-menu-button { bottom: 10px; margin-bottom: -10px; margin-top: 20px; } #trigger.tp-yt-paper-menu-button { cursor: pointer; } tp-yt-paper-ripple { display: block; position: absolute; border-radius: inherit; overflow: hidden; inset: 0px; pointer-events: none; } tp-yt-paper-ripple[animating] { transform: translate3d(0px, 0px, 0px); } #background.tp-yt-paper-ripple, #waves.tp-yt-paper-ripple, .wave-container.tp-yt-paper-ripple, .wave.tp-yt-paper-ripple { pointer-events: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } #background.tp-yt-paper-ripple, .wave.tp-yt-paper-ripple { opacity: 0; } #waves.tp-yt-paper-ripple, .wave.tp-yt-paper-ripple { overflow: hidden; } .wave-container.tp-yt-paper-ripple, .wave.tp-yt-paper-ripple { border-radius: 50%; } tp-yt-paper-ripple.circle #background.tp-yt-paper-ripple, tp-yt-paper-ripple.circle #waves.tp-yt-paper-ripple { border-radius: 50%; } tp-yt-paper-ripple.circle .wave-container.tp-yt-paper-ripple { overflow: hidden; } tp-yt-paper-spinner { display: inline-block; position: relative; width: 28px; height: 28px; font-size: 0px; --paper-spinner-container-rotation-duration: 1568ms; --paper-spinner-expand-contract-duration: 1333ms; --paper-spinner-full-cycle-duration: 5332ms; --paper-spinner-cooldown-duration: 400ms; } #spinnerContainer.tp-yt-paper-spinner { width: 100%; height: 100%; direction: ltr; } #spinnerContainer.active.tp-yt-paper-spinner { animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite; } @-webkit-keyframes container-rotate { 100% { transform: rotate(1turn); } } @keyframes container-rotate { 100% { transform: rotate(1turn); } } .spinner-layer.tp-yt-paper-spinner { position: absolute; width: 100%; height: 100%; opacity: 0; white-space: nowrap; color: var(--paper-spinner-color,#4285f4); } .layer-1.tp-yt-paper-spinner { color: var(--paper-spinner-layer-1-color,#4285f4); } .layer-2.tp-yt-paper-spinner { color: var(--paper-spinner-layer-2-color,#db4437); } .layer-3.tp-yt-paper-spinner { color: var(--paper-spinner-layer-3-color,#f4b400); } .layer-4.tp-yt-paper-spinner { color: var(--paper-spinner-layer-4-color,#0f9d58); } .active.tp-yt-paper-spinner .spinner-layer.tp-yt-paper-spinner { animation-name: fill-unfill-rotate; animation-duration: var(--paper-spinner-full-cycle-duration); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-iteration-count: infinite; opacity: 1; } .active.tp-yt-paper-spinner .spinner-layer.layer-1.tp-yt-paper-spinner { animation-name: fill-unfill-rotate, layer-1-fade-in-out; } .active.tp-yt-paper-spinner .spinner-layer.layer-2.tp-yt-paper-spinner { animation-name: fill-unfill-rotate, layer-2-fade-in-out; } .active.tp-yt-paper-spinner .spinner-layer.layer-3.tp-yt-paper-spinner { animation-name: fill-unfill-rotate, layer-3-fade-in-out; } .active.tp-yt-paper-spinner .spinner-layer.layer-4.tp-yt-paper-spinner { animation-name: fill-unfill-rotate, layer-4-fade-in-out; } @-webkit-keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(3turn); } } @keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(3turn); } } @-webkit-keyframes layer-1-fade-in-out { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @keyframes layer-1-fade-in-out { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes layer-2-fade-in-out { 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } 100% { opacity: 0; } } @keyframes layer-2-fade-in-out { 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes layer-3-fade-in-out { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } 100% { opacity: 0; } } @keyframes layer-3-fade-in-out { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes layer-4-fade-in-out { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes layer-4-fade-in-out { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .circle-clipper.tp-yt-paper-spinner { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; } .spinner-layer.tp-yt-paper-spinner::after { content: ""; left: 45%; width: 10%; border-top-style: solid; } .spinner-layer.tp-yt-paper-spinner::after, .circle-clipper.tp-yt-paper-spinner .circle.tp-yt-paper-spinner { box-sizing: border-box; position: absolute; top: 0px; border-width: var(--paper-spinner-stroke-width,3px); border-radius: 50%; } .circle-clipper.tp-yt-paper-spinner .circle.tp-yt-paper-spinner { bottom: 0px; width: 200%; border-style: solid; border-bottom-color: transparent !important; } .circle-clipper.left.tp-yt-paper-spinner .circle.tp-yt-paper-spinner { left: 0px; transform: rotate(129deg); border-right-color: transparent !important; } .circle-clipper.right.tp-yt-paper-spinner .circle.tp-yt-paper-spinner { left: -100%; transform: rotate(-129deg); border-left-color: transparent !important; } .active.tp-yt-paper-spinner .gap-patch.tp-yt-paper-spinner::after, .active.tp-yt-paper-spinner .circle-clipper.tp-yt-paper-spinner .circle.tp-yt-paper-spinner { animation-duration: var(--paper-spinner-expand-contract-duration); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-iteration-count: infinite; } .active.tp-yt-paper-spinner .circle-clipper.left.tp-yt-paper-spinner .circle.tp-yt-paper-spinner { animation-name: left-spin; } .active.tp-yt-paper-spinner .circle-clipper.right.tp-yt-paper-spinner .circle.tp-yt-paper-spinner { animation-name: right-spin; } @-webkit-keyframes left-spin { 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(130deg); } } @keyframes left-spin { 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(130deg); } } @-webkit-keyframes right-spin { 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-130deg); } } @keyframes right-spin { 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-130deg); } } #spinnerContainer.cooldown.tp-yt-paper-spinner { animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite,fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(.4,0,.2,1); } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } tp-yt-paper-spinner-lite { display: inline-block; position: relative; width: 28px; height: 28px; font-size: 0px; --paper-spinner-container-rotation-duration: 1568ms; --paper-spinner-expand-contract-duration: 1333ms; --paper-spinner-full-cycle-duration: 5332ms; --paper-spinner-cooldown-duration: 400ms; } #spinnerContainer.tp-yt-paper-spinner-lite { width: 100%; height: 100%; direction: ltr; } #spinnerContainer.active.tp-yt-paper-spinner-lite { animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite; } @-webkit-keyframes container-rotate { 100% { transform: rotate(1turn); } } @keyframes container-rotate { 100% { transform: rotate(1turn); } } .spinner-layer.tp-yt-paper-spinner-lite { position: absolute; width: 100%; height: 100%; opacity: 0; white-space: nowrap; color: var(--paper-spinner-color,#4285f4); } .layer-1.tp-yt-paper-spinner-lite { color: var(--paper-spinner-layer-1-color,#4285f4); } .layer-2.tp-yt-paper-spinner-lite { color: var(--paper-spinner-layer-2-color,#db4437); } .layer-3.tp-yt-paper-spinner-lite { color: var(--paper-spinner-layer-3-color,#f4b400); } .layer-4.tp-yt-paper-spinner-lite { color: var(--paper-spinner-layer-4-color,#0f9d58); } .active.tp-yt-paper-spinner-lite .spinner-layer.tp-yt-paper-spinner-lite { animation-name: fill-unfill-rotate; animation-duration: var(--paper-spinner-full-cycle-duration); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-iteration-count: infinite; opacity: 1; } .active.tp-yt-paper-spinner-lite .spinner-layer.layer-1.tp-yt-paper-spinner-lite { animation-name: fill-unfill-rotate, layer-1-fade-in-out; } .active.tp-yt-paper-spinner-lite .spinner-layer.layer-2.tp-yt-paper-spinner-lite { animation-name: fill-unfill-rotate, layer-2-fade-in-out; } .active.tp-yt-paper-spinner-lite .spinner-layer.layer-3.tp-yt-paper-spinner-lite { animation-name: fill-unfill-rotate, layer-3-fade-in-out; } .active.tp-yt-paper-spinner-lite .spinner-layer.layer-4.tp-yt-paper-spinner-lite { animation-name: fill-unfill-rotate, layer-4-fade-in-out; } @-webkit-keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(3turn); } } @keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } 100% { transform: rotate(3turn); } } @-webkit-keyframes layer-1-fade-in-out { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @keyframes layer-1-fade-in-out { 0% { opacity: 1; } 25% { opacity: 1; } 26% { opacity: 0; } 89% { opacity: 0; } 90% { opacity: 1; } 100% { opacity: 1; } } @-webkit-keyframes layer-2-fade-in-out { 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } 100% { opacity: 0; } } @keyframes layer-2-fade-in-out { 0% { opacity: 0; } 15% { opacity: 0; } 25% { opacity: 1; } 50% { opacity: 1; } 51% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes layer-3-fade-in-out { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } 100% { opacity: 0; } } @keyframes layer-3-fade-in-out { 0% { opacity: 0; } 40% { opacity: 0; } 50% { opacity: 1; } 75% { opacity: 1; } 76% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes layer-4-fade-in-out { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } @keyframes layer-4-fade-in-out { 0% { opacity: 0; } 65% { opacity: 0; } 75% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } } .circle-clipper.tp-yt-paper-spinner-lite { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; } .spinner-layer.tp-yt-paper-spinner-lite::after { content: ""; left: 45%; width: 10%; border-top-style: solid; } .spinner-layer.tp-yt-paper-spinner-lite::after, .circle-clipper.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite { box-sizing: border-box; position: absolute; top: 0px; border-width: var(--paper-spinner-stroke-width,3px); border-radius: 50%; } .circle-clipper.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite { bottom: 0px; width: 200%; border-style: solid; border-bottom-color: transparent !important; } .circle-clipper.left.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite { left: 0px; transform: rotate(129deg); border-right-color: transparent !important; } .circle-clipper.right.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite { left: -100%; transform: rotate(-129deg); border-left-color: transparent !important; } .active.tp-yt-paper-spinner-lite .gap-patch.tp-yt-paper-spinner-lite::after, .active.tp-yt-paper-spinner-lite .circle-clipper.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite { animation-duration: var(--paper-spinner-expand-contract-duration); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-iteration-count: infinite; } .active.tp-yt-paper-spinner-lite .circle-clipper.left.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite { animation-name: left-spin; } .active.tp-yt-paper-spinner-lite .circle-clipper.right.tp-yt-paper-spinner-lite .circle.tp-yt-paper-spinner-lite { animation-name: right-spin; } @-webkit-keyframes left-spin { 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(130deg); } } @keyframes left-spin { 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } 100% { transform: rotate(130deg); } } @-webkit-keyframes right-spin { 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-130deg); } } @keyframes right-spin { 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } 100% { transform: rotate(-130deg); } } #spinnerContainer.cooldown.tp-yt-paper-spinner-lite { animation: container-rotate var(--paper-spinner-container-rotation-duration) linear infinite,fade-out var(--paper-spinner-cooldown-duration) cubic-bezier(.4,0,.2,1); } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } tp-yt-paper-tab { display: inline-flex; align-items: center; justify-content: center; flex: 1 1 auto; position: relative; padding: 0px 12px; overflow: hidden; cursor: pointer; vertical-align: middle; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; } tp-yt-paper-tab:focus { outline: none; } tp-yt-paper-tab[link] { padding: 0px; } tp-yt-paper-tab .tp-yt-paper-tab[style-target="tab-content"], .tp-yt-paper-tab[style-target="tab-content"] { height: 100%; transform: translateZ(0px); transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1); display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1 1 auto; } tp-yt-paper-tab:not(.iron-selected) .tp-yt-paper-tab[style-target="tab-content"] { opacity: 0.8; } tp-yt-paper-tab:focus .tp-yt-paper-tab[style-target="tab-content"] { opacity: 1; } tp-yt-paper-tab:focus:not([noboldonfocus]) .tp-yt-paper-tab[style-target="tab-content"] { font-weight: var(--paper-tab-content-focused-font-weight,700); } tp-yt-paper-ripple.tp-yt-paper-tab { color: var(--paper-tab-ink,#ffff8d); } .tab-content.tp-yt-paper-tab > a { flex: 1 1 auto; height: 100%; } tp-yt-paper-tabs { display: flex; align-items: center; height: 48px; font-size: 14px; font-weight: 500; overflow: hidden; user-select: none; -webkit-tap-highlight-color: transparent; } [dir="rtl"] tp-yt-paper-tabs, tp-yt-paper-tabs[dir="rtl"] { display: flex; flex-direction: row-reverse; } #tabsContainer.tp-yt-paper-tabs { position: relative; height: 100%; white-space: nowrap; overflow: hidden; flex: 1 1 auto; } .tabs-content.tp-yt-paper-tabs { height: 100%; flex-basis: auto; } .tabs-content.scrollable.tp-yt-paper-tabs { position: absolute; white-space: nowrap; } .tabs-content.tp-yt-paper-tabs:not(.scrollable), .tabs-content.scrollable.fit-container.tp-yt-paper-tabs { display: flex; flex-direction: row; } .tabs-content.scrollable.fit-container.tp-yt-paper-tabs { min-width: 100%; } #tabsContent.scrollable.fit-container.tp-yt-paper-tabs > * { flex: 1 0 auto; } .hidden.tp-yt-paper-tabs { display: none; } .not-visible.tp-yt-paper-tabs { opacity: 0; cursor: default; } tp-yt-paper-icon-button.tp-yt-paper-tabs { width: 48px; height: 48px; padding: 12px; margin: 0px 4px; } .selection-bar.tp-yt-paper-tabs { position: absolute; height: 0px; bottom: 0px; left: 0px; right: 0px; border-bottom: 2px solid var(--paper-tabs-selection-bar-color,#ffff8d); transform: scale(0); transform-origin: left center; transition: transform; } .selection-bar.align-bottom.tp-yt-paper-tabs { top: 0px; bottom: auto; } .selection-bar.expand.tp-yt-paper-tabs { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .selection-bar.contract.tp-yt-paper-tabs { transition-duration: 0.18s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } #tabsContent.tp-yt-paper-tabs > :not(#selectionBar) { height: 100%; } tp-yt-paper-textarea { display: block; } tp-yt-paper-textarea[hidden] { display: none !important; } label.tp-yt-paper-textarea { pointer-events: none; } tp-yt-paper-toggle-button { display: flex; flex-direction: row; align-items: center; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; --transition-duration: var(--paper-toggle-button-transition-duration,0.08s); } tp-yt-paper-toggle-button[disabled] { pointer-events: none; } tp-yt-paper-toggle-button:focus { outline: none; } .toggle-bar.tp-yt-paper-toggle-button { position: absolute; height: 100%; width: 100%; border-radius: 8px; pointer-events: none; transition: background-color linear var(--transition-duration); background-color: var(--paper-toggle-button-unchecked-bar-color,#000); opacity: var(--paper-toggle-button-unchecked-bar-opacity,.4); } .toggle-button.tp-yt-paper-toggle-button { position: absolute; top: -3px; left: 0px; right: auto; height: 20px; width: 20px; border-radius: 50%; box-shadow: var(--paper-toggle-button-box-shadow,0 1px 5px 0 rgba(0,0,0,.6)); transition: transform linear var(--transition-duration),background-color linear var(--transition-duration); will-change: transform; background-color: var(--paper-toggle-button-unchecked-button-color,#fafafa); } [dir="rtl"] tp-yt-paper-toggle-button .toggle-button.tp-yt-paper-toggle-button, tp-yt-paper-toggle-button[dir="rtl"] .toggle-button.tp-yt-paper-toggle-button, tp-yt-paper-toggle-button[dir="rtl"] .toggle-button.tp-yt-paper-toggle-button { right: 0px; left: auto; } .toggle-button.dragging.tp-yt-paper-toggle-button { transition: none; } tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-bar.tp-yt-paper-toggle-button { background-color: var(--paper-toggle-button-checked-bar-color,var(--primary-color)); opacity: var(--paper-toggle-button-checked-bar-opacity,.5); } tp-yt-paper-toggle-button[disabled] .toggle-bar.tp-yt-paper-toggle-button { background-color: var(--paper-toggle-button-disabled-bar-color,#000); opacity: 0.12; } tp-yt-paper-toggle-button[checked] .toggle-button.tp-yt-paper-toggle-button { transform: translate(16px, 0px); } [dir="rtl"] tp-yt-paper-toggle-button[checked] .toggle-button.tp-yt-paper-toggle-button, tp-yt-paper-toggle-button[checked][dir="rtl"] .toggle-button.tp-yt-paper-toggle-button, tp-yt-paper-toggle-button[dir="rtl"][checked] .toggle-button.tp-yt-paper-toggle-button { transform: translate(-16px, 0px); } tp-yt-paper-toggle-button[dir="rtl"] { transform: unset; } tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-button.tp-yt-paper-toggle-button { background-color: var(--paper-toggle-button-checked-button-color,var(--primary-color)); } tp-yt-paper-toggle-button[disabled] .toggle-button.tp-yt-paper-toggle-button { background-color: var(--paper-toggle-button-disabled-button-color,#bdbdbd); opacity: 1; } .toggle-ink.tp-yt-paper-toggle-button { position: absolute; inset: -14px auto auto -14px; width: 48px; height: 48px; opacity: 0.5; pointer-events: none; } .toggle-container.tp-yt-paper-toggle-button { display: inline-block; position: relative; width: 36px; height: 14px; margin: 4px 1px; } .toggle-label.tp-yt-paper-toggle-button { position: relative; display: inline-block; vertical-align: middle; padding-left: var(--paper-toggle-button-label-spacing,8px); pointer-events: none; } tp-yt-paper-toggle-button[invalid] .toggle-bar.tp-yt-paper-toggle-button { background-color: var(--paper-toggle-button-invalid-bar-color,var(--error-color)); } tp-yt-paper-toggle-button[invalid] .toggle-button.tp-yt-paper-toggle-button { background-color: var(--paper-toggle-button-invalid-button-color,var(--error-color)); } tp-yt-paper-tooltip { display: block; position: absolute; outline: none; z-index: 1002; user-select: none; cursor: default; } .tp-yt-paper-tooltip[style-target="tooltip"] { display: block; outline: none; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 10px; line-height: 1; background-color: var(--paper-tooltip-background,#616161); color: var(--paper-tooltip-text-color,white); padding: 8px; border-radius: 2px; } @keyframes keyFrameScaleUp { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes keyFrameScaleDown { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes keyFrameFadeInOpacity { 0% { opacity: 0; } 100% { opacity: var(--paper-tooltip-opacity,.9); } } @keyframes keyFrameFadeOutOpacity { 0% { opacity: var(--paper-tooltip-opacity,.9); } 100% { opacity: 0; } } @keyframes keyFrameSlideDownIn { 0% { transform: translateY(-2000px); opacity: 0; } 10% { opacity: 0.2; } 100% { transform: translateY(0px); opacity: var(--paper-tooltip-opacity,.9); } } @keyframes keyFrameSlideDownOut { 0% { transform: translateY(0px); opacity: var(--paper-tooltip-opacity,.9); } 10% { opacity: 0.2; } 100% { transform: translateY(-2000px); opacity: 0; } } .fade-in-animation.tp-yt-paper-tooltip { opacity: 0; animation-delay: var(--paper-tooltip-delay-in,.5s); animation-name: keyFrameFadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: var(--paper-tooltip-duration-in,.5s); animation-fill-mode: forwards; } .fade-out-animation.tp-yt-paper-tooltip { opacity: var(--paper-tooltip-opacity,.9); animation-delay: var(--paper-tooltip-delay-out,0ms); animation-name: keyFrameFadeOutOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: var(--paper-tooltip-duration-out,.5s); animation-fill-mode: forwards; } .scale-up-animation.tp-yt-paper-tooltip { transform: scale(0); opacity: var(--paper-tooltip-opacity,.9); animation-delay: var(--paper-tooltip-delay-in,.5s); animation-name: keyFrameScaleUp; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: var(--paper-tooltip-duration-in,.5s); animation-fill-mode: forwards; } .scale-down-animation.tp-yt-paper-tooltip { transform: scale(1); opacity: var(--paper-tooltip-opacity,.9); animation-delay: var(--paper-tooltip-delay-out,.5s); animation-name: keyFrameScaleDown; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: var(--paper-tooltip-duration-out,.5s); animation-fill-mode: forwards; } .slide-down-animation.tp-yt-paper-tooltip { transform: translateY(-2000px); opacity: 0; animation-delay: var(--paper-tooltip-delay-out,.5s); animation-name: keyFrameSlideDownIn; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-duration: var(--paper-tooltip-duration-out,.5s); animation-fill-mode: forwards; } .slide-down-animation-out.tp-yt-paper-tooltip { transform: translateY(0px); opacity: var(--paper-tooltip-opacity,.9); animation-delay: var(--paper-tooltip-delay-out,.5s); animation-name: keyFrameSlideDownOut; animation-iteration-count: 1; animation-timing-function: cubic-bezier(0.4, 0, 1, 1); animation-duration: var(--paper-tooltip-duration-out,.5s); animation-fill-mode: forwards; } .cancel-animation.tp-yt-paper-tooltip { animation-delay: -30s !important; } .hidden.tp-yt-paper-tooltip { display: none !important; } #timestamp.yt-bumper-user-edu-content-view-model { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-bumper-user-edu-content-view-model { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-bumper-user-edu-content-view-model[avatar-hidden] #author-photo.yt-bumper-user-edu-content-view-model { display: none; } #menu.yt-bumper-user-edu-content-view-model { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-bumper-user-edu-content-view-model[use-opacity-for-context-menu-visibility] #menu.yt-bumper-user-edu-content-view-model { transform: none; opacity: 0.0001; } yt-bumper-user-edu-content-view-model:hover #menu.yt-bumper-user-edu-content-view-model, yt-bumper-user-edu-content-view-model[menu-visible] #menu.yt-bumper-user-edu-content-view-model { transform: none; } yt-bumper-user-edu-content-view-model[use-opacity-for-context-menu-visibility]:hover #menu.yt-bumper-user-edu-content-view-model, yt-bumper-user-edu-content-view-model[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-bumper-user-edu-content-view-model { opacity: 1; } yt-bumper-user-edu-content-view-model:focus-within #menu.yt-bumper-user-edu-content-view-model { transform: none; } yt-bumper-user-edu-content-view-model[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-bumper-user-edu-content-view-model { opacity: 1; } yt-bumper-user-edu-content-view-model[modern] #inline-action-button-container.yt-bumper-user-edu-content-view-model { background-color: var(--yt-spec-static-overlay-background-medium); } yt-bumper-user-edu-content-view-model:not([modern]) #inline-action-button-container.yt-bumper-user-edu-content-view-model { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-bumper-user-edu-content-view-model:not([modern]) #inline-action-buttons.yt-bumper-user-edu-content-view-model > .yt-bumper-user-edu-content-view-model, yt-bumper-user-edu-content-view-model:not([modern]) #additional-inline-action-buttons.yt-bumper-user-edu-content-view-model > .yt-bumper-user-edu-content-view-model { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-bumper-user-edu-content-view-model:not([modern]) #inline-action-buttons.yt-bumper-user-edu-content-view-model > .yt-bumper-user-edu-content-view-model { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-bumper-user-edu-content-view-model:not([modern]) #inline-action-buttons.yt-bumper-user-edu-content-view-model > .yt-bumper-user-edu-content-view-model:hover { background: var(--yt-deprecated-luna-black); } yt-bumper-user-edu-content-view-model:not([modern]) #additional-inline-action-buttons.yt-bumper-user-edu-content-view-model > .yt-bumper-user-edu-content-view-model { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-bumper-user-edu-content-view-model:not([modern]) #additional-inline-action-buttons.yt-bumper-user-edu-content-view-model > .yt-bumper-user-edu-content-view-model:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-bumper-user-edu-content-view-model { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-bumper-user-edu-content-view-model[has-inline-action-buttons]:hover #inline-action-button-container.yt-bumper-user-edu-content-view-model { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-bumper-user-edu-content-view-model[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-bumper-user-edu-content-view-model { display: none; } yt-bumper-user-edu-content-view-model[has-inline-action-buttons]:hover #menu.yt-bumper-user-edu-content-view-model { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-bumper-user-edu-content-view-model:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-bumper-user-edu-content-view-model > .yt-bumper-user-edu-content-view-model:not(:first-child), #additional-inline-action-buttons.yt-bumper-user-edu-content-view-model > .yt-bumper-user-edu-content-view-model:not(:first-child) { margin-left: 8px; } yt-bumper-user-edu-content-view-model { display: block; padding-top: 8px; font-size: 12px; line-height: 16px; overflow: hidden; } #bumper-content.yt-bumper-user-edu-content-view-model { background-color: var(--yt-live-chat-vem-background-color); border-radius: 4px; padding: 12px 16px; display: flex; flex-direction: row; } #icon.yt-bumper-user-edu-content-view-model { color: var(--yt-spec-static-brand-red); margin-right: 16px; flex: 0 0 auto; } #message-block.yt-bumper-user-edu-content-view-model { flex: 1 1 1e-09px; align-self: center; } #message.yt-bumper-user-edu-content-view-model { color: var(--yt-live-chat-primary-text-color); word-break: break-word; overflow-wrap: break-word; } yt-creator-goal-progress-flow-view-model { display: block; padding: 12px; color: var(--yt-live-chat-primary-text-color,var(--yt-spec-text-primary)); } #header.yt-creator-goal-progress-flow-view-model { position: relative; align-items: center; justify-content: center; display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #avatar-images.yt-creator-goal-progress-flow-view-model { margin-bottom: 8px; display: flex; } #countdown-info.yt-creator-goal-progress-flow-view-model { display: flex; flex-direction: row; } .countdown.yt-creator-goal-progress-flow-view-model { margin-left: 6px; } #goal-subheader-info.yt-creator-goal-progress-flow-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin-top: 4px; } #background-image.yt-creator-goal-progress-flow-view-model { position: absolute; inset: 0px; } #creator-thumbnail.yt-creator-goal-progress-flow-view-model { flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; margin-right: -5px; height: 60px; width: 60px; } #goal-icon.yt-creator-goal-progress-flow-view-model { border-radius: 50%; background-color: transparent; overflow: hidden; margin-left: -5px; height: 60px; width: 60px; display: inline; } #content.yt-creator-goal-progress-flow-view-model { padding: 12px; margin: 12px 0px; display: flex; flex-direction: column; border-radius: 12px; border: 1px solid var(--yt-spec-outline,var(--yt-spec-text-secondary)); } #goal-target.yt-creator-goal-progress-flow-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-live-chat-secondary-text-color,var(--yt-spec-text-secondary)); } #goal-description.yt-creator-goal-progress-flow-view-model { margin: 8px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #goal-progress-info.yt-creator-goal-progress-flow-view-model { display: flex; flex-direction: row; } #goal-numbers.yt-creator-goal-progress-flow-view-model { display: flex; flex-direction: row; align-items: center; margin-left: 8px; margin-right: 8px; } #current-goal-number.yt-creator-goal-progress-flow-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: var(--yt-live-chat-secondary-text-color,var(--yt-spec-text-secondary)); } #goal-number-separator.yt-creator-goal-progress-flow-view-model, #target-goal-number.yt-creator-goal-progress-flow-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; color: var(--yt-live-chat-secondary-text-color,var(--yt-spec-text-secondary)); } #goal-number-separator.yt-creator-goal-progress-flow-view-model { margin-left: 4px; margin-right: 4px; } #progress-bar-container.yt-creator-goal-progress-flow-view-model { align-self: center; height: 8px; width: 100%; border-radius: 8px; background-color: var(--yt-live-chat-vem-background-color); } #progress-bar-progress.yt-creator-goal-progress-flow-view-model { align-self: center; height: 8px; width: 0px; border-radius: 8px; background-color: var(--yt-progress-bar-color); } #footer.yt-creator-goal-progress-flow-view-model { display: flex; flex-direction: row-reverse; } yt-live-chat-item-bumper-view-model { display: block; } yt-live-chat-like-button-view-model { display: inline-flex; align-items: center; --iron-icon-width: 16px; --iron-icon-height: 16px; } #container.yt-live-chat-paid-message-footer-renderer { display: flex; flex-direction: row; } #icon.yt-live-chat-paid-message-footer-renderer { min-width: 40px; margin-right: 16px; align-items: center; justify-content: center; flex: 0 0 auto; display: flex; } #text.yt-live-chat-paid-message-footer-renderer { font-size: 12px; line-height: 16px; margin-bottom: 3px; align-items: center; display: flex; } #timestamp.yt-live-chat-paid-message-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-paid-message-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-paid-message-renderer[avatar-hidden] #author-photo.yt-live-chat-paid-message-renderer { display: none; } #menu.yt-live-chat-paid-message-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-paid-message-renderer[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-paid-message-renderer { transform: none; opacity: 0.0001; } yt-live-chat-paid-message-renderer:hover #menu.yt-live-chat-paid-message-renderer, yt-live-chat-paid-message-renderer[menu-visible] #menu.yt-live-chat-paid-message-renderer { transform: none; } yt-live-chat-paid-message-renderer[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-paid-message-renderer, yt-live-chat-paid-message-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-paid-message-renderer { opacity: 1; } yt-live-chat-paid-message-renderer:focus-within #menu.yt-live-chat-paid-message-renderer { transform: none; } yt-live-chat-paid-message-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-paid-message-renderer { opacity: 1; } yt-live-chat-paid-message-renderer[modern] #inline-action-button-container.yt-live-chat-paid-message-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-paid-message-renderer:not([modern]) #inline-action-button-container.yt-live-chat-paid-message-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-paid-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer, yt-live-chat-paid-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-paid-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-paid-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-paid-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-paid-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-paid-message-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-paid-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-message-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-paid-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-message-renderer { display: none; } yt-live-chat-paid-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-paid-message-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-paid-message-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-paid-message-renderer > .yt-live-chat-paid-message-renderer:not(:first-child) { margin-left: 8px; } yt-live-chat-paid-message-renderer { position: relative; display: block; padding: 4px 24px; font-size: 15px; --yt-live-chat-paid-message-background-color: var( --yt-live-chat-paid-message-primary-color ); --yt-live-chat-paid-message-header-background-color: var( --yt-live-chat-paid-message-secondary-color ); --yt-live-chat-text-input-field-placeholder-color: var( --yt-live-chat-paid-message-color ); --yt-live-chat-item-timestamp-display: var( --yt-live-chat-paid-message-timestamp-display,none ); } yt-live-chat-paid-message-renderer[no-padding] { padding: 0px; } yt-live-chat-paid-message-renderer[dashboard-money-feed] { padding: 0px 0px 8px; --yt-live-chat-paid-message-background-color: transparent; --yt-live-chat-paid-message-header-background-color: transparent; --yt-live-chat-item-timestamp-display: block; } #card.yt-live-chat-paid-message-renderer { border-radius: 12px; background-color: var(--yt-live-chat-paid-message-background-color,#1565c0); display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #card.yt-live-chat-paid-message-renderer { border-radius: 0px; box-shadow: none; } #header.yt-live-chat-paid-message-renderer { position: relative; overflow: hidden; background-color: transparent; color: var(--yt-live-chat-paid-message-header-color,#fff); font-weight: 500; padding: 8px 16px; min-height: 20px; display: flex; flex-direction: row; align-items: center; border-radius: 12px; } yt-live-chat-paid-message-renderer[show-only-header] #header.yt-live-chat-paid-message-renderer { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #header.yt-live-chat-paid-message-renderer { color: var(--yt-live-chat-secondary-text-color); padding-bottom: 0px; } #author-photo.yt-live-chat-paid-message-renderer { height: 32px; width: 32px; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-photo.yt-live-chat-paid-message-renderer { width: 40px; height: 40px; } yt-icon#author-photo.yt-live-chat-paid-message-renderer { display: none; z-index: 1; } yt-live-chat-paid-message-renderer[dashboard-money-feed] yt-icon#author-photo.yt-live-chat-paid-message-renderer { display: block; } #overlay-image.yt-live-chat-paid-message-renderer { position: absolute; top: 0px; right: 0px; --yt-img-border-radius: 0 4px 4px 0; z-index: 0; } #header-content.yt-live-chat-paid-message-renderer { display: flex; flex-direction: row; justify-content: space-between; flex: 1 1 1e-09px; align-items: baseline; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #header-content.yt-live-chat-paid-message-renderer { display: flex; flex-direction: column; } #header-content-primary-column.yt-live-chat-paid-message-renderer { display: flex; flex-direction: column; justify-content: space-between; flex: 1 1 1e-09px; position: relative; } yt-live-chat-paid-message-renderer:hover #header-content-primary-column.yt-live-chat-paid-message-renderer { padding-right: 16px; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #header-content-primary-column.yt-live-chat-paid-message-renderer { margin-bottom: 4px; padding: 0px; display: flex; flex-direction: row; align-items: baseline; flex: 0 0 auto; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name-chip.yt-live-chat-paid-message-renderer { padding-right: 8px; } #currency-img.yt-live-chat-paid-message-renderer { margin-right: 4px; } #purchase-amount-column.yt-live-chat-paid-message-renderer { display: flex; flex-direction: row; align-items: center; padding-left: 8px; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #purchase-amount-column.yt-live-chat-paid-message-renderer { padding: 0px; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #purchase-amount.yt-live-chat-paid-message-renderer { height: 24px; min-width: 16px; border-radius: 12px; margin-right: 8px; padding: 0px 12px; background-color: var(--yt-live-chat-paid-message-primary-color); color: var(--yt-live-chat-paid-message-color); display: inline-flex; align-items: center; justify-content: center; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } #leaderboard-badge.yt-live-chat-paid-message-renderer:not(:empty) { margin-left: 8px; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name-chip.yt-live-chat-paid-message-renderer[is-deleted]::before { content: ""; display: inline; width: 0px; } yt-live-chat-paid-message-renderer[has-heart-button] #menu.yt-live-chat-paid-message-renderer { right: 40px; } #menu.yt-live-chat-paid-message-renderer { padding-top: 4px; background: linear-gradient(to right,transparent,var(--yt-live-chat-paid-message-background-color,#1565c0) 100%); border-radius: 0px 4px 4px 0px; } yt-live-chat-paid-message-renderer:not([dashboard-money-feed]) #menu-button.yt-live-chat-paid-message-renderer { margin: 8px; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #menu.yt-live-chat-paid-message-renderer { margin-top: 8px; background: linear-gradient(to right,transparent,var(--yt-live-chat-background-color) 40%); } yt-live-chat-paid-message-renderer[allow-animations] #content.yt-live-chat-paid-message-renderer, yt-live-chat-paid-message-renderer[allow-animations] #header.yt-live-chat-paid-message-renderer { transition-property: background-color, color; transition-duration: var(--yt-live-chat-animation-duration,.2s); } #content.yt-live-chat-paid-message-renderer { background-color: var(--yt-live-chat-paid-message-background-color,#1565c0); color: var(--yt-live-chat-paid-message-color,#fff); padding: 0px 16px 8px; overflow-wrap: break-word; word-break: break-word; border-radius: 12px; z-index: 0; } #content.yt-live-chat-paid-message-renderer img.yt-live-chat-paid-message-renderer { width: var(--yt-live-chat-emoji-size); height: var(--yt-live-chat-emoji-size); margin: -1px 2px 1px; vertical-align: middle; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #content.yt-live-chat-paid-message-renderer { padding: 0px 0px 0px 72px; color: var(--yt-live-chat-secondary-text-color); } yt-live-chat-paid-message-renderer[show-only-header] #content.yt-live-chat-paid-message-renderer { visibility: hidden; padding: 0px; } yt-live-chat-paid-message-renderer[is-deleted] #action-buttons.yt-live-chat-paid-message-renderer { display: none; } a.yt-live-chat-paid-message-renderer { display: inline; text-decoration: underline; } #message.yt-live-chat-paid-message-renderer a.yt-live-chat-paid-message-renderer { word-break: break-all; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #message.yt-live-chat-paid-message-renderer { margin-top: 4px; } #message.yt-live-chat-paid-message-renderer a.yt-live-chat-paid-message-renderer .mention.yt-live-chat-paid-message-renderer { text-decoration: underline; } #message.yt-live-chat-paid-message-renderer:empty, #author-name-chip.yt-live-chat-paid-message-renderer:empty:not([is-deleted]), #deleted-state.yt-live-chat-paid-message-renderer:empty { display: none; } #deleted-state.yt-live-chat-paid-message-renderer { display: block; font-style: italic; opacity: 0.7; } #single-line.yt-live-chat-paid-message-renderer { display: flex; flex-direction: row; align-items: center; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #deleted-state.yt-live-chat-paid-message-renderer[is-deleted] { margin-top: 4px; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #author-name-chip.yt-live-chat-paid-message-renderer { flex: 0 0 auto; } yt-live-chat-paid-message-renderer[dashboard-money-feed] #single-line.yt-live-chat-paid-message-renderer { align-items: baseline; flex: 0 0 auto; } yt-live-chat-paid-message-renderer[show-footer-divider] #footer.yt-live-chat-paid-message-renderer::before { content: ""; display: flex; border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 8px 0px; } yt-live-chat-paid-message-renderer[is-user-editable] #footer.yt-live-chat-paid-message-renderer:not(:empty) { padding-top: 8px; } #lower-buy-button.yt-live-chat-paid-message-renderer yt-button-renderer.yt-live-chat-paid-message-renderer { width: 100%; margin-top: 12px; } yt-live-chat-paid-message-renderer:not([modern]) #lower-buy-button.yt-live-chat-paid-message-renderer yt-button-renderer.yt-live-chat-paid-message-renderer { text-align: center; background-color: rgb(255, 255, 255); --yt-button-color: #030303; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } #creator-heart-button.yt-live-chat-paid-message-renderer { position: absolute; top: 9.5px; right: 12px; } #gradient-container.yt-live-chat-paid-message-renderer { position: absolute; top: 0px; right: 0px; } yt-live-chat-paid-message-renderer[has-heart-button] #menu.yt-live-chat-paid-message-renderer { background: none; right: 36px; } yt-live-chat-paid-message-renderer[has-heart-button] #gradient.yt-live-chat-paid-message-renderer { width: 100px; height: 60px; background: linear-gradient(to right,transparent,var(--yt-live-chat-paid-message-background-color,#1565c0) 100%); border-radius: 0px 4px 4px 0px; } yt-live-chat-paid-message-renderer[has-heart-button]:hover #gradient.yt-live-chat-paid-message-renderer { width: 150px; } yt-live-chat-paid-message-renderer[whole-message-clickable] { cursor: pointer; } yt-live-chat-paid-message-renderer[whole-message-clickable]:hover { background-color: var(--yt-spec-additive-background); } #input-field.yt-live-chat-paid-message-renderer { background-color: var(--yt-live-chat-text-input-background-color); border-radius: 8px; padding: 8px; --yt-live-chat-text-input-field-placeholder-left: none; --yt-live-chat-text-input-field-placeholder-top: none; } yt-live-chat-paid-message-renderer[has-heart-button] #header-content-primary-column.yt-live-chat-paid-message-renderer { padding-right: 40px; } yt-live-chat-paid-message-renderer[has-heart-button]:hover #header-content-primary-column.yt-live-chat-paid-message-renderer { padding-right: 56px; } #action-buttons.yt-live-chat-paid-message-renderer { display: flex; flex-wrap: wrap; } #action-buttons.yt-live-chat-paid-message-renderer > .action-button.yt-live-chat-paid-message-renderer:not(:empty) { margin-right: 8px; margin-top: 4px; } #timestamp.yt-live-chat-paid-sticker-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-paid-sticker-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-paid-sticker-renderer[avatar-hidden] #author-photo.yt-live-chat-paid-sticker-renderer { display: none; } #menu.yt-live-chat-paid-sticker-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-paid-sticker-renderer[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-paid-sticker-renderer { transform: none; opacity: 0.0001; } yt-live-chat-paid-sticker-renderer:hover #menu.yt-live-chat-paid-sticker-renderer, yt-live-chat-paid-sticker-renderer[menu-visible] #menu.yt-live-chat-paid-sticker-renderer { transform: none; } yt-live-chat-paid-sticker-renderer[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-paid-sticker-renderer, yt-live-chat-paid-sticker-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-paid-sticker-renderer { opacity: 1; } yt-live-chat-paid-sticker-renderer:focus-within #menu.yt-live-chat-paid-sticker-renderer { transform: none; } yt-live-chat-paid-sticker-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-paid-sticker-renderer { opacity: 1; } yt-live-chat-paid-sticker-renderer[modern] #inline-action-button-container.yt-live-chat-paid-sticker-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-paid-sticker-renderer:not([modern]) #inline-action-button-container.yt-live-chat-paid-sticker-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-paid-sticker-renderer:not([modern]) #inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer, yt-live-chat-paid-sticker-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-paid-sticker-renderer:not([modern]) #inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-paid-sticker-renderer:not([modern]) #inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-paid-sticker-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-paid-sticker-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-paid-sticker-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-paid-sticker-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-sticker-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-paid-sticker-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-paid-sticker-renderer { display: none; } yt-live-chat-paid-sticker-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-paid-sticker-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-paid-sticker-renderer > .yt-live-chat-paid-sticker-renderer:not(:first-child) { margin-left: 8px; } yt-live-chat-paid-sticker-renderer { display: block; position: relative; --yt-live-chat-paid-sticker-container-loaded-style-background-color: transparent; --yt-live-chat-paid-sticker-container-loaded-style-opacity: 1; --yt-live-chat-item-timestamp-display: none; } yt-live-chat-paid-sticker-renderer[dashboard-money-feed] { --yt-pdg-paid-stickers-margin-left: 56px; } yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #card.yt-live-chat-paid-sticker-renderer { position: relative; border-radius: 4px; padding: 8px 8px 8px 16px; background-color: var(--yt-live-chat-paid-sticker-background-color); overflow: hidden; display: flex; flex-direction: row; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #menu.yt-live-chat-paid-sticker-renderer { background: linear-gradient(to right,transparent,var(--yt-live-chat-paid-sticker-background-color) 100%); border-radius: 0px 4px 4px 0px; color: var(--yt-live-chat-paid-sticker-chip-text-color); } yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #menu.yt-live-chat-paid-sticker-renderer { color: var(--yt-live-chat-secondary-text-color); margin: 8px 0px; background: linear-gradient(to right,transparent,var(--yt-live-chat-background-color) 40%); } yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #menu-button.yt-live-chat-paid-sticker-renderer { margin: 8px; } #overlay-image.yt-live-chat-paid-sticker-renderer { position: absolute; top: 0px; right: 0px; --yt-img-border-radius: 0 4px 4px 0; } #author-name-chip.yt-live-chat-paid-sticker-renderer { padding-right: 8px; font-weight: 500; color: var(--yt-live-chat-disable-highlight-message-author-name-color); -webkit-line-clamp: 1; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } #author-info.yt-live-chat-paid-sticker-renderer { font-size: var(--yt-pdg-paid-stickers-author-name-font-size); display: flex; flex-direction: row; align-items: flex-start; } yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #author-info.yt-live-chat-paid-sticker-renderer { max-height: 40px; } #author-info.yt-live-chat-paid-sticker-renderer:focus { outline: none; } yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #price-column.yt-live-chat-paid-sticker-renderer { display: flex; flex-direction: row; align-self: center; } #purchase-amount-chip.yt-live-chat-paid-sticker-renderer { height: 18px; border-radius: 12px; color: var(--yt-live-chat-paid-sticker-chip-text-color); font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); display: inline-flex; align-items: center; justify-content: center; } yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #purchase-amount-chip.yt-live-chat-paid-sticker-renderer { height: 24px; margin-right: var(--ytd-margin-2x); padding: 0px 12px; background-color: var(--yt-live-chat-paid-sticker-chip-background-color); } yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #purchase-amount-chip.yt-live-chat-paid-sticker-renderer { font-size: 15px; padding-right: 8px; } #sticker-container.yt-live-chat-paid-sticker-renderer { display: flex; align-items: center; flex-shrink: 0; background-color: var(--yt-spec-text-primary); opacity: 0.1; margin-left: var(--yt-pdg-paid-stickers-margin-left); margin-top: 4px; z-index: 0; } yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #sticker-container.yt-live-chat-paid-sticker-renderer { margin: 0px 0px 0px auto; } #sticker-container.sticker-loaded.yt-live-chat-paid-sticker-renderer { background-color: var(--yt-live-chat-paid-sticker-container-loaded-style-background-color); opacity: var(--yt-live-chat-paid-sticker-container-loaded-style-opacity); } #sticker.yt-live-chat-paid-sticker-renderer:focus { outline: none; } #dashboard-deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted], #deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { font-style: italic; } #deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { color: var(--yt-live-chat-paid-sticker-chip-text-color); font-size: 13px; opacity: 0.7; display: none; } #dashboard-deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { color: var(--yt-live-chat-secondary-text-color); font-size: 12px; opacity: 0.7; display: none; } yt-live-chat-paid-sticker-renderer:not([dashboard-money-feed]) #deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { max-height: 1.4em; margin: 0px; -webkit-line-clamp: 1; overflow: hidden; align-self: center; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #dashboard-deleted-state.yt-live-chat-paid-sticker-renderer[is-deleted] { margin-top: 4px; margin-left: var(--yt-pdg-paid-stickers-margin-left); display: block; } #content.yt-live-chat-paid-sticker-renderer { align-self: center; z-index: 0; } yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #content.yt-live-chat-paid-sticker-renderer { padding: 0px; color: rgba(0, 0, 0, 0.87); flex: 1 1 1e-09px; justify-content: space-between; display: flex; flex-direction: column-reverse; align-items: baseline; } #content-primary-column.yt-live-chat-paid-sticker-renderer { display: inline-block; position: relative; } #sticker-icon.yt-live-chat-paid-sticker-renderer { vertical-align: bottom; } yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #content-primary-column.yt-live-chat-paid-sticker-renderer { margin-bottom: 4px; display: flex; flex-direction: row; align-items: baseline; } yt-live-chat-paid-sticker-renderer[dashboard-money-feed] #timestamp.yt-live-chat-paid-sticker-renderer { display: inline; color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; font-weight: 500; } #buy-flow-button.yt-live-chat-paid-sticker-renderer ytd-button-renderer.yt-live-chat-paid-sticker-renderer { width: 100%; margin-top: 12px; } yt-live-chat-paid-sticker-renderer:not([modern]) #buy-flow-button.yt-live-chat-paid-sticker-renderer ytd-button-renderer.yt-live-chat-paid-sticker-renderer { text-align: center; background-color: rgb(255, 255, 255); --yt-button-color: #030303; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } yt-live-chat-paid-sticker-renderer[has-heart-button] #menu.yt-live-chat-paid-sticker-renderer { right: 35px; background: none; } yt-live-chat-paid-sticker-renderer[has-heart-button] #gradient.yt-live-chat-paid-sticker-renderer { width: 85px; height: 160px; background: linear-gradient(to right,transparent,var(--yt-live-chat-paid-sticker-background-color) 100%); border-radius: 0px 4px 4px 0px; } #gradient-container.yt-live-chat-paid-sticker-renderer { position: absolute; top: 0px; right: 0px; } yt-live-chat-paid-sticker-renderer[has-heart-button]:hover #gradient.yt-live-chat-paid-sticker-renderer { width: 50px; } #creator-heart-button.yt-live-chat-paid-sticker-renderer { position: absolute; top: 8px; right: 12px; } yt-live-chat-paid-sticker-renderer[is-v2-style] #card.yt-live-chat-paid-sticker-renderer { border-radius: 12px; } yt-live-chat-paid-sticker-renderer[whole-message-clickable] { cursor: pointer; } yt-live-chat-paid-sticker-renderer[whole-message-clickable]:hover { background-color: var(--yt-spec-additive-background); } yt-live-chat-paid-sticker-renderer[is-v2-style][has-heart-button] #gradient.yt-live-chat-paid-sticker-renderer { border-radius: 0px 4px 4px 0px; } yt-live-chat-paid-sticker-renderer[is-v2-style][has-heart-button] #menu.yt-live-chat-paid-sticker-renderer { background: none; } yt-live-chat-reply-button-view-model { display: inline-flex; align-items: center; --iron-icon-width: 16px; --iron-icon-height: 16px; } yt-emoji-customization-panel-view-model { display: flex; flex-direction: column; align-items: center; gap: 12px; height: 100%; --yt-emoji-picker-renderer-height: auto; } #description-text.yt-emoji-customization-panel-view-model { padding-top: 8px; } #fab-container.yt-emoji-customization-panel-view-model { width: 36px; height: 184px; border-radius: 18px; background-color: var(--yt-spec-static-overlay-text-secondary); box-shadow: 0 0 24px 0 var(--yt-spec-static-overlay-background-light),0 0 4px 0 var(--yt-spec-static-overlay-background-light); } yt-emoji-customization-panel-view-model[is-dark-theme] #fab-container.yt-emoji-customization-panel-view-model { background-color: var(--yt-spec-static-overlay-background-medium); outline: 1px solid var(--yt-spec-static-overlay-button-primary); box-shadow: none; } #expanded-buttons.yt-emoji-customization-panel-view-model { display: flex; flex-direction: column; width: 36px; height: 180px; padding: 2px 0px; } .reaction-button.yt-emoji-customization-panel-view-model { width: 32px; height: 32px; padding: 4px; margin: 2px; opacity: 0.7; border: none; background: none; cursor: pointer; border-radius: 50%; } .reaction-button.yt-emoji-customization-panel-view-model[disabled] { opacity: 0.3; cursor: default; } .reaction-button.yt-emoji-customization-panel-view-model[emoji-selected] { background-color: var(--yt-spec-static-overlay-background-light); opacity: 1; } yt-emoji-customization-panel-view-model[is-dark-theme] .reaction-button.yt-emoji-customization-panel-view-model[emoji-selected] { background: var(--yt-spec-static-overlay-button-primary); } yt-emoji-picker-renderer.yt-emoji-customization-panel-view-model { width: 100%; flex-grow: 1; } yt-live-chat-author-badge-renderer { display: inline-block; } yt-live-chat-author-badge-renderer[type="moderator"] { color: var(--yt-live-chat-moderator-color,#5e84f1); } yt-live-chat-author-badge-renderer[type="moderator"][enable-new-moderator-badge] { color: var(--yt-live-chat-new-moderator-color,#3ea6ff); } yt-live-chat-author-badge-renderer[type="owner"] { color: var(--yt-live-chat-owner-color,#ffd600); } yt-live-chat-author-badge-renderer[type="member"] { color: var(--yt-live-chat-sponsor-color,#107516); } yt-live-chat-author-badge-renderer[type="verified"] { color: var(--yt-live-chat-verified-color,#999); } img.yt-live-chat-author-badge-renderer, yt-icon.yt-live-chat-author-badge-renderer { display: block; width: 16px; height: 16px; } yt-live-chat-author-chip { display: inline-flex; align-items: baseline; } #author-name.yt-live-chat-author-chip { box-sizing: border-box; border-radius: 2px; color: var(--yt-live-chat-secondary-text-color); font-weight: 500; } #author-name.single-line.yt-live-chat-author-chip { -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden; word-break: break-all; } yt-live-chat-author-chip[is-highlighted] #author-name.yt-live-chat-author-chip { padding: 2px 4px; color: var(--yt-live-chat-author-chip-verified-text-color); background-color: var(--yt-live-chat-author-chip-verified-background-color); } yt-live-chat-author-chip[is-highlighted] #author-name.owner.yt-live-chat-author-chip, #author-name.owner.yt-live-chat-author-chip { background-color: var(--yt-live-chat-author-chip-owner-background-color); color: var(--yt-live-chat-author-chip-owner-text-color); } yt-live-chat-author-chip[disable-highlighting] #author-name.yt-live-chat-author-chip { color: var(--yt-live-chat-disable-highlight-message-author-name-color,rgba(255,255,255,.7)); font-size: 14px; } yt-live-chat-author-chip[dashboard-money-feed] #author-name.yt-live-chat-author-chip { display: block; color: var(--yt-live-chat-secondary-text-color); } #author-name.moderator.yt-live-chat-author-chip { color: var(--yt-live-chat-moderator-color); } #author-name.member.yt-live-chat-author-chip { color: var(--yt-live-chat-sponsor-color); } #chip-badges.yt-live-chat-author-chip:empty { display: none; } yt-live-chat-author-chip[is-highlighted] #chat-badges.yt-live-chat-author-chip:not(:empty) { margin-left: 1px; } #chat-badges.yt-live-chat-author-chip { white-space: nowrap; } yt-live-chat-author-chip[prepend-chat-badges] yt-live-chat-author-badge-renderer.yt-live-chat-author-chip { margin: 0px 2px 0px 0px; } yt-live-chat-author-badge-renderer.yt-live-chat-author-chip { margin: 0px 0px 0px 2px; vertical-align: sub; } yt-live-chat-author-chip[is-highlighted] #chip-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer.yt-live-chat-author-chip { color: inherit; } #chip-badges.yt-live-chat-author-chip yt-live-chat-author-badge-renderer.yt-live-chat-author-chip:last-of-type { margin-right: -2px; } #timestamp.yt-live-chat-auto-mod-message-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-auto-mod-message-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-auto-mod-message-renderer[avatar-hidden] #author-photo.yt-live-chat-auto-mod-message-renderer { display: none; } #menu.yt-live-chat-auto-mod-message-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-auto-mod-message-renderer[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-auto-mod-message-renderer { transform: none; opacity: 0.0001; } yt-live-chat-auto-mod-message-renderer:hover #menu.yt-live-chat-auto-mod-message-renderer, yt-live-chat-auto-mod-message-renderer[menu-visible] #menu.yt-live-chat-auto-mod-message-renderer { transform: none; } yt-live-chat-auto-mod-message-renderer[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-auto-mod-message-renderer, yt-live-chat-auto-mod-message-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-auto-mod-message-renderer { opacity: 1; } yt-live-chat-auto-mod-message-renderer:focus-within #menu.yt-live-chat-auto-mod-message-renderer { transform: none; } yt-live-chat-auto-mod-message-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-auto-mod-message-renderer { opacity: 1; } yt-live-chat-auto-mod-message-renderer[modern] #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-auto-mod-message-renderer:not([modern]) #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-auto-mod-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer, yt-live-chat-auto-mod-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-auto-mod-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-auto-mod-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-auto-mod-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-auto-mod-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-auto-mod-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-auto-mod-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-auto-mod-message-renderer { display: none; } yt-live-chat-auto-mod-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-auto-mod-message-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer:not(:first-child) { margin-left: 8px; } yt-live-chat-auto-mod-message-renderer { flex-direction: column; display: var(--yt-live-chat-item-mod-activity-display,flex); font-size: 13px; padding: 0px 0px 4px; position: relative; --yt-live-chat-text-message-renderer-message-message-style-font-style: italic; --yt-live-chat-text-message-renderer-message-message-style-opacity: 0.5; --yt-button-icon-size: 16px; --yt-button-icon-padding: 0; --ytd-paper-button-min-width: 88px; } yt-live-chat-auto-mod-message-renderer tp-yt-paper-button[style-target="host"] { min-width: 88px; } yt-live-chat-auto-mod-message-renderer:not([modern]) #moderation-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer { background-color: var(--yt-live-chat-automod-button-background-color); border-radius: 2px; font-weight: 500; } yt-live-chat-auto-mod-message-renderer:not([modern]) #moderation-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer:hover { background-color: var(--yt-live-chat-automod-button-background-color-hover); } yt-live-chat-auto-mod-message-renderer:not([modern]) #button.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer { width: 32px; --yt-button-icon-size: 16px; } yt-live-chat-auto-mod-message-renderer[whole-message-clickable] yt-live-chat-text-message-renderer.yt-live-chat-auto-mod-message-renderer { cursor: pointer; } yt-live-chat-auto-mod-message-renderer[whole-message-clickable] yt-live-chat-text-message-renderer.yt-live-chat-auto-mod-message-renderer:hover { background-color: var(--yt-spec-additive-background); } #explanation.yt-live-chat-auto-mod-message-renderer { color: var(--yt-live-chat-automod-button-explanation-color); margin: 4px 0px 4px 28px; } yt-live-chat-auto-mod-message-renderer[modern][has-info-dialog-button] #explanation.yt-live-chat-auto-mod-message-renderer { margin: 4px 0px 4px 16px; } #button.yt-live-chat-auto-mod-message-renderer { display: inline-block; } #warning-icon.yt-live-chat-auto-mod-message-renderer { color: var(--yt-spec-icon-inactive); height: var(--yt-button-icon-size); margin-right: var(--yt-button-icon-size); width: var(--yt-button-icon-size); } #moderation-buttons.yt-live-chat-auto-mod-message-renderer:not(:empty) { margin: 8px 0px 4px 64px; } #moderation-buttons.yt-live-chat-auto-mod-message-renderer > .yt-live-chat-auto-mod-message-renderer:not(:last-child) { margin-right: 8px; } yt-live-chat-auto-mod-message-renderer::before { background-color: var(--yt-live-chat-deleted-message-bar-color); content: ""; position: absolute; display: block; left: 8px; top: 4px; bottom: 4px; width: 4px; box-sizing: border-box; border-radius: 2px; } yt-live-chat-channel-activity-reputation-renderer { display: block; --yt-live-chat-engagement-panel-separator-padding: 16px; } yt-live-chat-channel-activity-reputation-renderer #factoids.yt-live-chat-channel-activity-reputation-renderer { display: flex; flex-direction: row; justify-content: center; } #factoids.yt-live-chat-channel-activity-reputation-renderer > .yt-live-chat-channel-activity-reputation-renderer { flex-grow: 1; flex-basis: 0px; } #factoids.yt-live-chat-channel-activity-reputation-renderer > .yt-live-chat-channel-activity-reputation-renderer:not(:last-child) { padding-right: 16px; } yt-live-chat-creator-heart-view-model { display: inline-block; } #hearted.yt-live-chat-creator-heart-view-model { position: absolute; right: 1px; bottom: -3px; width: 14px; height: 14px; color: var(--yt-spec-static-brand-red); } #hearted-border.yt-live-chat-creator-heart-view-model { position: absolute; right: -1px; bottom: -4px; width: 16px; height: 16px; color: var(--yt-spec-static-overlay-icon-active-other); } #creator-thumbnail.yt-live-chat-creator-heart-view-model { flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; height: 24px; width: 24px; border: 1px solid rgba(255, 255, 255, 0.12); } yt-live-chat-app ::-webkit-scrollbar, yt-live-chat-kevlar-container ::-webkit-scrollbar { content: ""; } yt-live-chat-app ::-webkit-scrollbar-thumb, yt-live-chat-kevlar-container ::-webkit-scrollbar-thumb { background-color: rgba(136, 136, 136, 0.2); border: 2px solid rgb(252, 252, 252); min-height: 30px; } yt-live-chat-app ::-webkit-scrollbar-track, yt-live-chat-kevlar-container ::-webkit-scrollbar-track { background-color: rgb(252, 252, 252); } [dark] yt-live-chat-app ::-webkit-scrollbar-thumb, [dark] yt-live-chat-kevlar-container ::-webkit-scrollbar-thumb { background-color: rgb(51, 51, 51); border: 2px solid rgb(0, 0, 0); } [dark] yt-live-chat-app ::-webkit-scrollbar-track, [dark] yt-live-chat-kevlar-container ::-webkit-scrollbar-track { background-color: rgb(0, 0, 0); } [watch-color-update] ::-webkit-scrollbar-thumb { background-color: var(--yt-spec-icon-disabled); } [watch-color-update] ::-webkit-scrollbar-thumb, [watch-color-update][dark] ::-webkit-scrollbar-thumb { border-color: var(--yt-spec-general-background-b); } [watch-color-update] yt-live-chat-app ::-webkit-scrollbar-track, [watch-color-update] yt-live-chat-kevlar-container ::-webkit-scrollbar-track { background-color: var(--yt-spec-general-background-b); } html { --yt-deprecated-blue-light: hsl(205.9,80%,43.1%); --yt-deprecated-opalescence-grey-opacity-lighten-3: hsla(0,0%,53.3%,0.4); --yt-deprecated-opalescence-soft-grey-opacity-lighten-3: hsla(0,0%,93.3%,0.4); --yt-deprecated-luna-black-opacity-lighten-2: hsla(0,0%,6.7%,0.6); --yt-deprecated-luna-black-opacity-lighten-3: hsla(0,0%,6.7%,0.4); --yt-deprecated-luna-black-opacity-lighten-4: hsla(0,0%,6.7%,0.2); --yt-opalescence-dark-grey: hsl(0,0%,20%); --yt-deprecated-luna-black: hsl(0,0%,6.7%); --yt-deprecated-white-opacity-lighten-4: hsla(0,0%,100%,0.2); --yt-deprecated-opalescence-soft-grey-opacity-lighten-1: hsla(0,0%,93.3%,0.8); --yt-deprecated-opalescence-soft-grey: hsl(0,0%,93.3%); --yt-live-chat-background-color: var(--yt-spec-base-background); --yt-live-chat-secondary-background-color: var( --yt-deprecated-opalescence-soft-grey ); --yt-live-chat-action-panel-background-color: var(--yt-spec-base-background); --yt-live-chat-action-panel-background-color-transparent: hsla(0,0%,97%,0.8); --yt-live-chat-additive-background-inverse: var(--yt-spec-white-1-alpha-10); --yt-live-chat-mode-change-background-color: var( --yt-deprecated-opalescence-soft-grey-opacity-lighten-3 ); --yt-live-chat-primary-text-color: var(--yt-spec-text-primary); --yt-live-chat-secondary-text-color: var( --yt-deprecated-luna-black-opacity-lighten-2 ); --yt-live-chat-secondary-text-color-inverse: var(--yt-spec-grey-2); --yt-live-chat-tertiary-text-color: var( --yt-deprecated-luna-black-opacity-lighten-3 ); --yt-live-chat-tertiary-text-color-inverse: var(--yt-spec-white-1-alpha-30); --yt-live-chat-text-input-field-inactive-underline-color: #b8b8b8; --yt-live-chat-text-input-field-placeholder-color: var( --yt-deprecated-luna-black-opacity-lighten-2 ); --yt-live-chat-text-input-field-underline-transition-duration: 0.25s; --yt-live-chat-icon-button-color: var(--yt-live-chat-primary-text-color); --yt-live-chat-enabled-send-button-color: #4285f4; --yt-live-chat-disabled-icon-button-color: var( --yt-deprecated-luna-black-opacity-lighten-4 ); --yt-live-chat-picker-button-color: var( --yt-deprecated-luna-black-opacity-lighten-3 ); --yt-live-chat-picker-button-active-color: var( --yt-deprecated-luna-black-opacity-lighten-1 ); --yt-live-chat-picker-button-disabled-color: var( --yt-live-chat-disabled-icon-button-color ); --yt-live-chat-picker-button-hover-color: var( --yt-deprecated-luna-black-opacity-lighten-2 ); --yt-live-chat-mention-background-color: #ff5722; --yt-live-chat-mention-text-color: var(--yt-spec-static-overlay-text-primary); --yt-live-chat-deleted-message-color: rgba(0,0,0,0.5); --yt-live-chat-deleted-message-bar-color: rgba(11,11,11,0.2); --yt-live-chat-disabled-button-background-color: var( --yt-deprecated-opalescence-soft-grey ); --yt-live-chat-disabled-button-text-color: var( --yt-deprecated-luna-black-opacity-lighten-3 ); --yt-live-chat-sub-panel-background-color: var(--yt-spec-base-background); --yt-live-chat-sub-panel-background-color-transparent: var( --yt-spec-base-background ); --yt-live-chat-header-background-color: var(--yt-spec-base-background); --yt-live-chat-header-button-color: var(--yt-deprecated-luna-black); --yt-live-chat-header-bottom-border: 1px solid var(--yt-spec-10-percent-layer); --yt-live-chat-count-color-early-warning: hsl(40,76%,55%); --yt-live-chat-count-color-error: var(--yt-spec-error-indicator); --yt-live-chat-error-message-color: hsl(10,51%,49%); --yt-live-chat-reconnect-message-color: hsla(0,0%,7%,0.2); --yt-live-chat-moderator-color: hsl(225,84%,66%); --yt-live-chat-new-moderator-color: var(--yt-spec-call-to-action); --yt-live-chat-owner-color: hsl(40,76%,55%); --yt-live-chat-author-chip-owner-background-color: #ffd600; --yt-live-chat-author-chip-owner-text-color: rgba(0,0,0,0.87); --yt-live-chat-author-chip-verified-background-color: var(--yt-spec-grey-1); --yt-live-chat-author-chip-verified-text-color: var(--yt-spec-grey-5); --yt-live-chat-message-highlight-background-color: var( --yt-spec-raised-background ); --yt-live-chat-sponsor-color: #107516; --yt-live-chat-overlay-color: hsla(0,0%,0%,0.6); --yt-live-chat-dialog-background-color: var( --yt-spec-static-white-background ); --yt-live-chat-dialog-text-color: var( --yt-deprecated-luna-black-opacity-lighten-2 ); --yt-live-chat-banner-border-color: var(--yt-spec-10-percent-layer); --yt-live-chat-banner-animation-duration: 0.35s; --yt-live-chat-banner-animation-fast-duration: 0.25s; --yt-live-chat-banner-gradient-scrim: linear-gradient(rgba(255,255,255,0.95),transparent); --yt-live-chat-banner-indeterminate-bar-background: repeating-linear-gradient(90deg,#fff,#fff 6px,#aaa 6px,#aaa 9px); --yt-live-chat-banner-bar-animation-duration: 1s; --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top,rgba(255,255,255,0.95),transparent); --yt-live-chat-call-for-questions-primary-text-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-call-for-questions-secondary-text-color: var( --yt-spec-static-overlay-text-secondary ); --yt-live-chat-call-for-questions-ask-question-button-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-call-to-action-primary-text-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-call-to-action-secondary-text-color: var( --yt-spec-static-overlay-text-secondary ); --yt-live-chat-call-to-action-ask-question-button-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-qna-primary-text-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-qna-start-panel-header-border-color: var( --yt-spec-10-percent-layer ); --yt-live-chat-qna-panel-start-button-background-color: var( --yt-spec-call-to-action ); --yt-live-chat-qna-panel-start-button-color: var( --yt-spec-general-background-b ); --yt-live-chat-qna-start-panel-button-background-color-disabled: var( --yt-spec-badge-chip-background ); --yt-live-chat-qna-panel-start-button-color-disabled: var( --yt-spec-text-disabled ); --yt-live-chat-poll-primary-text-color: var( --yt-live-chat-secondary-text-color-inverse ); --yt-live-chat-poll-secondary-text-color: var( --yt-live-chat-secondary-text-color-inverse ); --yt-live-chat-poll-tertiary-text-color: var( --yt-spec-static-overlay-text-disabled ); --yt-live-chat-poll-choice-text-color: var( --yt-live-chat-poll-primary-text-color ); --yt-live-chat-poll-choice-additive-background-color: var( --yt-spec-black-pure-alpha-10 ); --yt-live-chat-poll-choice-additive-background-color-inverse: var( --yt-spec-white-1-alpha-20 ); --yt-live-chat-poll-banner-border-highlight-color: var(--yt-spec-white-3); --yt-live-chat-poll-choice-background-color: transparent; --yt-live-chat-poll-choice-border-radius: 2px; --yt-live-chat-poll-choice-border: 1px solid var(--yt-live-chat-tertiary-text-color-inverse); --yt-live-chat-poll-choice-min-height: 16px; --yt-live-chat-poll-choice-vote-bar-background-color: var( --yt-spec-static-overlay-button-secondary ); --yt-live-chat-poll-choice-hover-color: rgba(17,17,16,0.1); --yt-live-chat-poll-choice-animation-duration: 0.5s; --yt-live-chat-poll-choice-text-padding: 0 16px; --yt-live-chat-poll-editor-panel-header-border-color: var( --yt-spec-10-percent-layer ); --yt-live-chat-poll-editor-start-button-color: var( --yt-spec-text-primary-inverse ); --yt-live-chat-poll-editor-start-button-background-color: var( --yt-spec-call-to-action ); --yt-live-chat-poll-editor-start-button-color-disabled: var( --yt-spec-text-disabled ); --yt-live-chat-poll-editor-start-button-background-color-disabled: var( --yt-spec-badge-chip-background ); --yt-live-interactivity-component-background-color: #264c8a; --yt-live-chat-panel-animation-duration: 0.5s; --yt-live-chat-universal-motion-curve: cubic-bezier(0.05,0,0,1); --yt-live-chat-moderation-mode-hover-background-color: var( --yt-deprecated-luna-black-opacity-lighten-4 ); --yt-live-chat-additional-inline-action-button-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-additional-inline-action-button-background-color: hsla(0,0%,26%,0.8); --yt-live-chat-additional-inline-action-button-background-color-hover: hsla(0,0%,26%,1); --yt-formatted-string-emoji-size: 24px; --yt-live-chat-emoji-size: 24px; --yt-live-chat-text-input-field-suggestion-background-color: var( --yt-spec-static-white-background ); --yt-live-chat-text-input-field-suggestion-background-color-hover: #eee; --yt-live-chat-text-input-field-suggestion-text-color: #666; --yt-live-chat-text-input-field-suggestion-text-color-hover: #333; --yt-live-chat-ticker-arrow-background: hsl(0,0%,97.3%); --yt-emoji-picker-category-background-color: var( --yt-live-chat-action-panel-background-color-transparent ); --yt-emoji-picker-category-color: var(--yt-live-chat-secondary-text-color); --yt-emoji-picker-category-button-color: var(--yt-spec-text-disabled); --yt-emoji-picker-search-background-color: var(--yt-spec-white-2); --yt-emoji-picker-search-color: var( --yt-deprecated-luna-black-opacity-lighten-1 ); --yt-emoji-picker-search-placeholder-color: var( --yt-deprecated-luna-black-opacity-lighten-2 ); --yt-emoji-picker-base-with-variants-border: var( --yt-spec-black-pure-alpha-15 ); --yt-emoji-picker-variant-selector-bg-color: #e0e0e0; --yt-live-chat-slider-active-color: #2196f3; --yt-live-chat-slider-container-color: #c8c8c8; --yt-live-chat-slider-markers-color: #505050; --yt-live-chat-toast-action-color: #2196f3; --yt-live-chat-toast-background-color: var(--yt-opalescence-dark-grey); --yt-live-chat-toast-text-color: var(--yt-spec-static-overlay-text-primary); --yt-live-chat-automod-button-background-color: var( --yt-deprecated-opalescence-soft-grey ); --yt-live-chat-automod-button-background-color-hover: var( --yt-deprecated-luna-black-opacity-lighten-4 ); --yt-live-chat-creator-support-button-border-radius: 2px; --yt-live-chat-creator-support-button-padding: 10px 16px; --yt-live-chat-creator-support-button-font-size: inherit; --yt-live-chat-countdown-opacity: 0.3; --yt-live-chat-shimmer-background-color: rgba(136,136,136,0.2); --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg,rgba(255,255,255,0) 40%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 65%); --yt-live-chat-vem-background-color: var( --yt-deprecated-opalescence-soft-grey ); --yt-live-chat-upsell-dialog-renderer-button-padding: 10px 16px; --yt-live-chat-product-picker-icon-color: rgba(17,17,17,0.6); --yt-live-chat-product-picker-hover-color: rgba(17,17,16,0.1); --yt-live-chat-product-picker-disabled-icon-color: rgba(17,17,17,0.4); --yt-pdg-paid-stickers-tab-selection-bar-color: var(--yt-spec-dark-blue); --yt-pdg-paid-stickers-author-name-font-size: 14px; --yt-pdg-paid-stickers-author-subtext-font-size: 13px; --yt-pdg-paid-stickers-margin-left: 38px; --yt-live-chat-ninja-message-background-color: var(--yt-spec-base-background); --yt-live-chat-panel-pages-border-color: var(--yt-spec-10-percent-layer); } html[dark] { --yt-live-chat-background-color: var(--yt-spec-base-background); --yt-live-chat-action-panel-background-color: var(--yt-spec-base-background); --yt-live-chat-action-panel-background-color-transparent: rgba(40,40,40,0.8); --yt-live-chat-additive-background-inverse: var(--yt-spec-black-pure-alpha-5); --yt-live-chat-secondary-background-color: #282828; --yt-live-chat-toast-text-color: var(--yt-spec-static-overlay-text-primary); --yt-live-chat-toast-background-color: #323232; --yt-live-chat-mode-change-background-color: #333; --yt-live-chat-primary-text-color: var(--yt-spec-static-overlay-text-primary); --yt-live-chat-secondary-text-color: rgba(255,255,255,0.7); --yt-live-chat-secondary-text-color-inverse: var(--yt-spec-grey-5); --yt-live-chat-tertiary-text-color: rgba(255,255,255,0.54); --yt-live-chat-tertiary-text-color-inverse: var( --yt-spec-black-pure-alpha-30 ); --yt-live-chat-text-input-field-inactive-underline-color: #666; --yt-live-chat-icon-button-color: var(--yt-live-chat-primary-text-color); --yt-live-chat-enabled-send-button-color: #fff; --yt-live-chat-disabled-icon-button-color: rgba(255,255,255,0.3); --yt-live-chat-picker-button-color: var(--yt-live-chat-tertiary-text-color); --yt-live-chat-picker-button-active-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-picker-button-disabled-color: var( --yt-live-chat-disabled-icon-button-color ); --yt-live-chat-picker-button-hover-color: rgba(255,255,255,0.74); --yt-live-chat-mention-background-color: #ff5722; --yt-live-chat-mention-text-color: #fff; --yt-live-chat-deleted-message-color: rgba(255,255,255,0.5); --yt-live-chat-deleted-message-bar-color: rgba(255,255,255,0.5); --yt-live-chat-error-message-color: var(--yt-spec-error-indicator); --yt-live-chat-reconnect-message-color: #fff; --yt-live-chat-disabled-button-background-color: #444; --yt-live-chat-disabled-button-text-color: var( --yt-live-chat-secondary-text-color ); --yt-live-chat-sub-panel-background-color: var(--yt-spec-base-background); --yt-live-chat-sub-panel-background-color-transparent: var( --yt-spec-base-background ); --yt-live-chat-header-background-color: var(--yt-spec-base-background); --yt-live-chat-header-button-color: var(--yt-live-chat-secondary-text-color); --yt-live-chat-moderator-color: #5e84f1; --yt-live-chat-owner-color: #ffd600; --yt-live-chat-message-highlight-background-color: var( --yt-spec-raised-background ); --yt-live-chat-author-chip-owner-text-color: var(--yt-deprecated-luna-black); --yt-live-chat-author-chip-verified-background-color: var(--yt-spec-grey-5); --yt-live-chat-author-chip-verified-text-color: var(--yt-spec-white-4); --yt-live-chat-sponsor-color: #2ba640; --yt-live-chat-overlay-color: rgba(0,0,0,0.5); --yt-live-chat-dialog-background-color: #424242; --yt-live-chat-dialog-text-color: var(--yt-spec-static-overlay-text-primary); --yt-live-chat-button-default-text-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-button-default-background-color: var( --yt-deprecated-white-opacity-lighten-4 ); --yt-live-chat-button-dark-text-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-button-dark-background-color: var( --yt-deprecated-white-opacity-lighten-4 ); --yt-emoji-picker-variant-selector-bg-color: #2f2f2f; --yt-live-chat-moderation-mode-hover-background-color: rgba(255,255,255,0.3); --yt-live-chat-additional-inline-action-button-color: var(--yt-grey); --yt-live-chat-additional-inline-action-button-background-color: var( --yt-deprecated-opalescence-soft-grey-opacity-lighten-1 ); --yt-live-chat-additional-inline-action-button-background-color-hover: var( --yt-deprecated-opalescence-soft-grey ); --yt-formatted-string-emoji-size: 24px; --yt-live-chat-emoji-size: 24px; --yt-live-chat-text-input-field-suggestion-background-color: #3e3e3e; --yt-live-chat-text-input-field-suggestion-background-color-hover: #343434; --yt-live-chat-text-input-field-suggestion-text-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-text-input-field-suggestion-text-color-hover: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-text-input-field-placeholder-color: var( --yt-live-chat-secondary-text-color ); --yt-live-chat-ticker-arrow-background: var( --yt-live-chat-action-panel-background-color ); --yt-emoji-picker-category-background-color: var( --yt-live-chat-action-panel-background-color-transparent ); --yt-emoji-picker-category-color: var(--yt-live-chat-secondary-text-color); --yt-emoji-picker-search-background-color: #444; --yt-emoji-picker-search-color: #fff; --yt-emoji-picker-search-placeholder-color: #999; --yt-emoji-picker-base-with-variants-border: var(--yt-spec-white-1-alpha-25); --yt-live-chat-slider-active-color: #2196f3; --yt-live-chat-slider-container-color: #515151; --yt-live-chat-slider-markers-color: #fff; --yt-live-chat-banner-gradient-scrim: linear-gradient(rgba(40,40,40,0.95),transparent); --yt-live-chat-action-panel-gradient-scrim: linear-gradient(to top,rgba(40,40,40,0.95),transparent); --yt-live-chat-poll-choice-additive-background-color: var( --yt-spec-white-1-alpha-20 ); --yt-live-chat-poll-choice-additive-background-color-inverse: var( --yt-spec-black-pure-alpha-10 ); --yt-live-chat-poll-banner-border-highlight-color: var(--yt-spec-black-3); --yt-live-chat-poll-editor-start-button-background-color-disabled: var( --yt-spec-grey-1 ); --yt-live-chat-automod-button-background-color: var( --yt-deprecated-opalescence-grey-opacity-lighten-3 ); --yt-live-chat-automod-button-background-color-hover: rgba(255,255,255,0.5); --yt-live-chat-automod-button-explanation-color: rgba(255,255,255,0.7); --yt-live-chat-countdown-opacity: 0.5; --yt-live-chat-shimmer-background-color: rgba(17,17,17,0.4); --yt-live-chat-shimmer-linear-gradient: linear-gradient(0deg,rgba(0,0,0,0.1) 40%,rgba(100,100,100,0.3) 50%,rgba(0,0,0,0.1) 60%); --yt-live-chat-vem-background-color: #3e3e3e; --yt-live-chat-product-picker-icon-color: rgba(255,255,255,0.5); --yt-live-chat-product-picker-hover-color: rgba(68,68,68,1); --yt-live-chat-product-picker-disabled-icon-color: rgba(255,255,255,0.3); --yt-pdg-paid-stickers-tab-selection-bar-color: var(--yt-spec-light-blue); } #timestamp.yt-live-chat-donation-announcement-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-donation-announcement-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-donation-announcement-renderer[avatar-hidden] #author-photo.yt-live-chat-donation-announcement-renderer { display: none; } #menu.yt-live-chat-donation-announcement-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-donation-announcement-renderer[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-donation-announcement-renderer { transform: none; opacity: 0.0001; } yt-live-chat-donation-announcement-renderer:hover #menu.yt-live-chat-donation-announcement-renderer, yt-live-chat-donation-announcement-renderer[menu-visible] #menu.yt-live-chat-donation-announcement-renderer { transform: none; } yt-live-chat-donation-announcement-renderer[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-donation-announcement-renderer, yt-live-chat-donation-announcement-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-donation-announcement-renderer { opacity: 1; } yt-live-chat-donation-announcement-renderer:focus-within #menu.yt-live-chat-donation-announcement-renderer { transform: none; } yt-live-chat-donation-announcement-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-donation-announcement-renderer { opacity: 1; } yt-live-chat-donation-announcement-renderer[modern] #inline-action-button-container.yt-live-chat-donation-announcement-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-donation-announcement-renderer:not([modern]) #inline-action-button-container.yt-live-chat-donation-announcement-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-donation-announcement-renderer:not([modern]) #inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer, yt-live-chat-donation-announcement-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-donation-announcement-renderer:not([modern]) #inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-donation-announcement-renderer:not([modern]) #inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-donation-announcement-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-donation-announcement-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-donation-announcement-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-donation-announcement-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-donation-announcement-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-donation-announcement-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-donation-announcement-renderer { display: none; } yt-live-chat-donation-announcement-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-donation-announcement-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-donation-announcement-renderer > .yt-live-chat-donation-announcement-renderer:not(:first-child) { margin-left: 8px; } yt-live-chat-donation-announcement-renderer { position: relative; display: block; padding: 4px 24px; --yt-live-chat-donation-chip-background-color: #e0e0e0; --yt-live-chat-donation-chip-text-color: #262626; --yt-live-chat-item-timestamp-display: none; } yt-live-chat-donation-announcement-renderer[dashboard-money-feed] { padding: 0px; --yt-live-chat-item-timestamp-display: block; } #card.yt-live-chat-donation-announcement-renderer { position: relative; background-color: var(--yt-live-chat-secondary-background-color); border-radius: 4px; color: var(--yt-live-chat-primary-text-color); padding: 12px 16px; display: flex; flex-direction: row; } yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #card.yt-live-chat-donation-announcement-renderer { background-color: transparent; color: transparent; } yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #content-header.yt-live-chat-donation-announcement-renderer { display: flex; flex-direction: row; align-items: baseline; } #author-name.yt-live-chat-donation-announcement-renderer { display: none; } yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #author-name.yt-live-chat-donation-announcement-renderer { font-size: 14px; font-weight: 500; margin-right: 8px; color: var(--yt-live-chat-secondary-text-color); overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; align-items: center; } #text.yt-live-chat-donation-announcement-renderer { display: block; font-size: 14px; margin-bottom: var(--ytd-margin-base); } yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #text.yt-live-chat-donation-announcement-renderer { height: 24px; min-width: 16px; border-radius: 12px; margin-right: 8px; padding: 0px 12px; background-color: var(--yt-live-chat-donation-chip-background-color); color: var(--yt-live-chat-donation-chip-text-color); font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); display: inline-flex; align-items: center; justify-content: center; } #subtext.yt-live-chat-donation-announcement-renderer { display: block; font-size: 12px; } yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #subtext.yt-live-chat-donation-announcement-renderer { display: none; } #author-photo.yt-live-chat-donation-announcement-renderer { max-height: 40px; } #menu.yt-live-chat-donation-announcement-renderer { background: linear-gradient(to right,transparent,var(--yt-live-chat-secondary-background-color) 100%); border-radius: 0px 4px 4px 0px; } yt-live-chat-donation-announcement-renderer[dashboard-money-feed] #menu.yt-live-chat-donation-announcement-renderer { margin-top: 8px; background: linear-gradient(to right,transparent,var(--yt-live-chat-background-color) 40%); color: var(--yt-live-chat-secondary-text-color); } yt-live-chat-empty-feed-view-model { align-items: center; justify-content: center; display: flex; flex-direction: column; height: 210px; } #message.yt-live-chat-empty-feed-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } yt-live-chat-identity-view-model { display: flex; flex-direction: row; align-items: center; padding-top: 12px; padding-bottom: 12px; --yt-live-chat-engagement-panel-separator-padding: 16px; } yt-live-chat-identity-view-model #avatar.yt-live-chat-identity-view-model { overflow: hidden; border-radius: 50%; height: 36px; width: 36px; margin-right: 16px; } yt-live-chat-identity-view-model #subscriber_count.yt-live-chat-identity-view-model::before { content: "•"; margin: 0px 4px; } #channel_metadata.yt-live-chat-identity-view-model { color: var(--yt-spec-text-secondary); display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #channel_info.yt-live-chat-identity-view-model { display: flex; flex-direction: column; justify-content: space-between; } yt-live-chat-item-display-list-renderer { --yt-live-chat-item-timestamp-display: none; display: flex; flex-direction: column; } yt-live-chat-paid-sticker-renderer.yt-live-chat-item-display-list-renderer { padding: 4px 24px; } yt-live-chat-paid-sticker-renderer.yt-live-chat-item-display-list-renderer[dashboard-money-feed] { padding: 8px 16px; } yt-live-chat-item-display-renderer { display: block; } yt-live-chat-item-display-renderer[is-header] { margin: 8px 12px; } #timestamp.yt-live-chat-legacy-paid-message-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-legacy-paid-message-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-legacy-paid-message-renderer[avatar-hidden] #author-photo.yt-live-chat-legacy-paid-message-renderer { display: none; } #menu.yt-live-chat-legacy-paid-message-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-legacy-paid-message-renderer[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-legacy-paid-message-renderer { transform: none; opacity: 0.0001; } yt-live-chat-legacy-paid-message-renderer:hover #menu.yt-live-chat-legacy-paid-message-renderer, yt-live-chat-legacy-paid-message-renderer[menu-visible] #menu.yt-live-chat-legacy-paid-message-renderer { transform: none; } yt-live-chat-legacy-paid-message-renderer[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-legacy-paid-message-renderer, yt-live-chat-legacy-paid-message-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-legacy-paid-message-renderer { opacity: 1; } yt-live-chat-legacy-paid-message-renderer:focus-within #menu.yt-live-chat-legacy-paid-message-renderer { transform: none; } yt-live-chat-legacy-paid-message-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-legacy-paid-message-renderer { opacity: 1; } yt-live-chat-legacy-paid-message-renderer[modern] #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-legacy-paid-message-renderer:not([modern]) #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-legacy-paid-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer, yt-live-chat-legacy-paid-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-legacy-paid-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-legacy-paid-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-legacy-paid-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-legacy-paid-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-legacy-paid-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-legacy-paid-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-legacy-paid-message-renderer { display: none; } yt-live-chat-legacy-paid-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-legacy-paid-message-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-legacy-paid-message-renderer > .yt-live-chat-legacy-paid-message-renderer:not(:first-child) { margin-left: 8px; } yt-live-chat-legacy-paid-message-renderer { position: relative; display: block; --yt-live-chat-sponsor-color: #0f9d58; --yt-live-chat-item-timestamp-display: var( --yt-live-chat-paid-message-timestamp-display,none ); padding: 4px 24px; } yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] { padding: 0px; } #card.yt-live-chat-legacy-paid-message-renderer { position: relative; padding: 8px 16px; background-color: var(--yt-live-chat-sponsor-color); border-radius: 4px; color: rgb(255, 255, 255); font-size: 14px; min-height: 40px; display: flex; flex-direction: row; align-items: center; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #card.yt-live-chat-legacy-paid-message-renderer { border-radius: 0px; box-shadow: none; background-color: var(--yt-live-chat-background-color); color: rgba(0, 0, 0, 0.87); } #author-photo.yt-live-chat-legacy-paid-message-renderer { align-self: flex-start; } #author-name.yt-live-chat-legacy-paid-message-renderer { display: none; } yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #author-name.yt-live-chat-legacy-paid-message-renderer { display: block; margin-right: 8px; color: var(--yt-live-chat-secondary-text-color); font-weight: 500; } #content.yt-live-chat-legacy-paid-message-renderer { flex: 1 1 1e-09px; } yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #content.yt-live-chat-legacy-paid-message-renderer { display: flex; flex-direction: column; } yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #content-primary-column.yt-live-chat-legacy-paid-message-renderer { display: flex; flex-direction: row; align-items: baseline; } #event-text.yt-live-chat-legacy-paid-message-renderer { color: rgba(255, 255, 255, 0.7); font-weight: 500; } yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #event-text.yt-live-chat-legacy-paid-message-renderer { height: 24px; min-width: 16px; border-radius: 12px; margin-right: 8px; padding: 0px 12px; background-color: var(--yt-live-chat-sponsor-color); color: var(--yt-spec-static-overlay-text-primary); display: inline-flex; align-items: center; justify-content: center; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } #detail-text.yt-live-chat-legacy-paid-message-renderer { font-size: 15px; overflow-wrap: break-word; word-break: break-word; } #detail-text.yt-live-chat-legacy-paid-message-renderer .emoji.yt-live-chat-legacy-paid-message-renderer { width: var(--yt-live-chat-emoji-size); height: var(--yt-live-chat-emoji-size); margin: -1px 2px 1px; vertical-align: middle; } yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #detail-text.yt-live-chat-legacy-paid-message-renderer { display: none; } a.yt-live-chat-legacy-paid-message-renderer { display: inline; text-decoration: underline; } #detail-text.yt-live-chat-legacy-paid-message-renderer a.yt-live-chat-legacy-paid-message-renderer { word-break: break-all; } #detail-text.yt-live-chat-legacy-paid-message-renderer a.yt-live-chat-legacy-paid-message-renderer .mention.yt-live-chat-legacy-paid-message-renderer { text-decoration: underline; } #menu.yt-live-chat-legacy-paid-message-renderer { background: linear-gradient(to right,transparent,var(--yt-live-chat-sponsor-color) 100%); border-radius: 0px 4px 4px 0px; } yt-live-chat-legacy-paid-message-renderer[dashboard-money-feed] #menu.yt-live-chat-legacy-paid-message-renderer { margin-top: 8px; background: linear-gradient(to right,transparent,var(--yt-live-chat-background-color) 40%); } html[creator-page-styling], yt-live-chat-app[creator-page-styling] { --yt-live-chat-upsell-dialog-renderer-border: 1px solid #d4d4d4; --yt-live-chat-upsell-dialog-renderer-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1); --live-chat-upsell-dialog-renderer-content-padding: 24px 24px 0; --live-chat-upsell-dialog-renderer-title-font-size: 15px; --live-chat-upsell-dialog-renderer-title-font-weight: 500; --live-chat-upsell-dialog-renderer-title-line-height: 20px; --live-chat-upsell-dialog-renderer-title-margin-bottom: 17px; --live-chat-upsell-dialog-renderer-text-font-size: 12px; --live-chat-upsell-dialog-renderer-text-line-height: 17px; --live-chat-upsell-dialog-renderer-button-container-padding: 16px 16px 19px 24px; --yt-live-chat-upsell-dialog-renderer-button-padding: 7px 15px; --live-chat-upsell-dialog-renderer-button-font-size: 11px; --live-chat-upsell-dialog-renderer-button-text-transform: none; --yt-live-chat-upsell-dialog-renderer-action-button-color: var( --yt-spec-static-overlay-text-primary ); --yt-live-chat-upsell-dialog-renderer-action-button-background: var( --yt-deprecated-blue-light ); } yt-live-chat-app[live-dashboard] { --yt-live-chat-header-text-color: var(--yt-opalescence-dark-grey); --yt-live-chat-header-background-color: var( --yt-spec-static-white-background ); --yt-live-chat-header-bottom-border: 1px solid var(--yt-deprecated-opalescence-soft-grey); --yt-live-chat-header-button-color: var(--yt-opalescence-dark-grey); --yt-live-chat-action-panel-top-border: 1px solid var(--yt-deprecated-opalescence-soft-grey); } html[dashboard-money-feed], yt-live-chat-app[dashboard-money-feed] { --yt-live-chat-item-list-renderer-padding: 0; --yt-live-chat-item-list-item-border: 1px solid #e2e2e2; --yt-live-chat-item-timestamp-margin: 0; --yt-live-chat-paid-message-timestamp-display: inline; --yt-live-chat-server-error-message-display: none; } html[dark][dashboard-money-feed], html[dark] yt-live-chat-app[dashboard-money-feed] { --yt-live-chat-item-list-item-border: none; } #timestamp.yt-live-chat-membership-item-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-membership-item-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-membership-item-renderer[avatar-hidden] #author-photo.yt-live-chat-membership-item-renderer { display: none; } #menu.yt-live-chat-membership-item-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-membership-item-renderer[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-membership-item-renderer { transform: none; opacity: 0.0001; } yt-live-chat-membership-item-renderer:hover #menu.yt-live-chat-membership-item-renderer, yt-live-chat-membership-item-renderer[menu-visible] #menu.yt-live-chat-membership-item-renderer { transform: none; } yt-live-chat-membership-item-renderer[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-membership-item-renderer, yt-live-chat-membership-item-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-membership-item-renderer { opacity: 1; } yt-live-chat-membership-item-renderer:focus-within #menu.yt-live-chat-membership-item-renderer { transform: none; } yt-live-chat-membership-item-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-membership-item-renderer { opacity: 1; } yt-live-chat-membership-item-renderer[modern] #inline-action-button-container.yt-live-chat-membership-item-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-membership-item-renderer:not([modern]) #inline-action-button-container.yt-live-chat-membership-item-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-membership-item-renderer:not([modern]) #inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer, yt-live-chat-membership-item-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-membership-item-renderer:not([modern]) #inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-membership-item-renderer:not([modern]) #inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-membership-item-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-membership-item-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-membership-item-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-membership-item-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-membership-item-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-membership-item-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-membership-item-renderer { display: none; } yt-live-chat-membership-item-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-membership-item-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-membership-item-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-membership-item-renderer > .yt-live-chat-membership-item-renderer:not(:first-child) { margin-left: 8px; } yt-live-chat-membership-item-renderer { position: relative; display: block; --yt-live-chat-sponsor-header-color: #0a8043; --yt-live-chat-sponsor-color: #0f9d58; --yt-live-chat-sponsor-text-color: #fff; --yt-live-chat-item-timestamp-display: var( --yt-live-chat-paid-message-timestamp-display,none ); --yt-live-chat-moderator-color: var(--yt-spec-static-overlay-text-secondary); --yt-live-chat-footer-button-text-color: #030303; --yt-live-chat-footer-button-text-background-color: #fff; padding: 4px 24px; } yt-live-chat-membership-item-renderer[dashboard-money-feed] { padding: 0px; --yt-live-chat-item-timestamp-display: block; } #card.yt-live-chat-membership-item-renderer { overflow: hidden; font-size: 14px; border-radius: 4px; display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } yt-live-chat-membership-item-renderer[dashboard-money-feed] #card.yt-live-chat-membership-item-renderer { border-radius: 0px; box-shadow: none; } #header.yt-live-chat-membership-item-renderer { position: relative; background-color: var(--yt-live-chat-sponsor-header-color); padding: 8px 16px; color: rgb(255, 255, 255); min-height: 20px; display: flex; flex-direction: row; align-items: center; } yt-live-chat-membership-item-renderer[show-only-header] #header.yt-live-chat-membership-item-renderer { background-color: var(--yt-live-chat-sponsor-color); } yt-live-chat-membership-item-renderer[dashboard-money-feed] #header.yt-live-chat-membership-item-renderer { color: var(--yt-live-chat-secondary-text-color); background-color: var(--yt-live-chat-background-color); align-items: flex-start; } #header-content.yt-live-chat-membership-item-renderer { display: flex; flex-direction: row; justify-content: space-between; flex: 1 1 1e-09px; align-items: baseline; } yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-content.yt-live-chat-membership-item-renderer { display: flex; flex-direction: column; } yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-content-inner-column.yt-live-chat-membership-item-renderer { margin-bottom: 4px; display: flex; flex-direction: row; align-items: center; flex: 0 0 auto; } #author-photo.yt-live-chat-membership-item-renderer { width: 40px; height: 40px; } yt-icon#author-photo.yt-live-chat-membership-item-renderer { display: none; } yt-live-chat-membership-item-renderer[dashboard-money-feed] yt-icon#author-photo.yt-live-chat-membership-item-renderer { display: block; } yt-live-chat-membership-item-renderer:not([dashboard-money-feed]) yt-live-chat-author-chip.yt-live-chat-membership-item-renderer { --yt-live-chat-sponsor-color: var(--yt-live-chat-sponsor-text-color); --yt-live-chat-secondary-text-color: var(--yt-live-chat-sponsor-text-color); } yt-live-chat-membership-item-renderer[dashboard-money-feed] yt-live-chat-author-chip.yt-live-chat-membership-item-renderer { margin-right: 8px; font-weight: 500; --yt-live-chat-sponsor-color: var(--yt-live-chat-secondary-text-color); } #header-subtext.yt-live-chat-membership-item-renderer { margin-top: 2px; color: rgba(255, 255, 255, 0.7); font-weight: 500; font-size: 15px; } #header-subtext.yt-live-chat-membership-item-renderer:empty { display: none; } yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-subtext.yt-live-chat-membership-item-renderer { margin: 4px 0px 13px; font-size: 11px; font-weight: normal; color: var(--yt-live-chat-secondary-text-color); } #header-primary-text.yt-live-chat-membership-item-renderer { overflow-wrap: break-word; word-break: break-word; font-weight: 500; color: rgb(255, 255, 255); } #header-primary-text.yt-live-chat-membership-item-renderer:empty { display: none; } yt-live-chat-membership-item-renderer[has-primary-header-text]:not([dashboard-money-feed]) yt-live-chat-author-chip.yt-live-chat-membership-item-renderer, yt-live-chat-membership-item-renderer[has-primary-header-text]:not([dashboard-money-feed]) #header-subtext.yt-live-chat-membership-item-renderer { font-size: 12px; } yt-live-chat-membership-item-renderer[dashboard-money-feed] #header-primary-text.yt-live-chat-membership-item-renderer { height: 24px; min-width: 16px; border-radius: 12px; margin-right: 8px; padding: 0px 12px; background-color: var(--yt-live-chat-sponsor-color); color: var(--yt-spec-static-overlay-text-primary); display: inline-flex; align-items: center; justify-content: center; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } #content.yt-live-chat-membership-item-renderer { background-color: var(--yt-live-chat-sponsor-color); color: var(--yt-live-chat-sponsor-text-color); padding: 8px 16px; overflow-wrap: break-word; word-break: break-word; font-size: 15px; line-height: 20px; } yt-live-chat-membership-item-renderer[dashboard-money-feed] #content.yt-live-chat-membership-item-renderer { background-color: unset; font-size: unset; color: var(--yt-live-chat-secondary-text-color); padding: 0px 0px 16px 72px; } #content.yt-live-chat-membership-item-renderer img.yt-live-chat-membership-item-renderer { width: var(--yt-live-chat-emoji-size); height: var(--yt-live-chat-emoji-size); margin: -1px 2px 1px; vertical-align: middle; } yt-live-chat-membership-item-renderer[show-only-header] #content.yt-live-chat-membership-item-renderer, #deleted-state.yt-live-chat-membership-item-renderer:empty { display: none; } #deleted-state.yt-live-chat-membership-item-renderer { display: block; font-style: italic; opacity: 0.7; } a.yt-live-chat-membership-item-renderer { display: inline; text-decoration: underline; } #message.yt-live-chat-membership-item-renderer a.yt-live-chat-membership-item-renderer { word-break: break-all; } #message.yt-live-chat-membership-item-renderer a.yt-live-chat-membership-item-renderer .mention.yt-live-chat-membership-item-renderer { text-decoration: underline; } #menu.yt-live-chat-membership-item-renderer { background: linear-gradient(to right,transparent,var(--yt-live-chat-sponsor-header-color) 100%); border-radius: 0px 4px 4px 0px; } yt-live-chat-membership-item-renderer[show-only-header] #menu.yt-live-chat-membership-item-renderer { background: linear-gradient(to right,transparent,var(--yt-live-chat-sponsor-color) 100%); } yt-live-chat-membership-item-renderer[dashboard-money-feed] #menu.yt-live-chat-membership-item-renderer { margin-top: 8px; background: linear-gradient(to right,transparent,var(--yt-live-chat-background-color) 40%); } yt-live-chat-membership-item-renderer:not([dashboard-money-feed]) #menu-button.yt-live-chat-membership-item-renderer { margin: 8px; } #footer-button.yt-live-chat-membership-item-renderer yt-button-renderer.yt-live-chat-membership-item-renderer { width: 100%; text-align: center; margin-top: 12px; } yt-live-chat-membership-item-renderer:not([modern]) #footer-button.yt-live-chat-membership-item-renderer yt-button-renderer.yt-live-chat-membership-item-renderer { box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } yt-live-chat-membership-item-renderer:not([modern]) yt-button-renderer.style-dark-on-white.yt-live-chat-membership-item-renderer { color: var(--yt-live-chat-footer-button-text-color); background-color: var(--yt-live-chat-footer-button-text-background-color); } yt-live-chat-membership-item-renderer[whole-message-clickable] { cursor: pointer; } yt-live-chat-membership-item-renderer[whole-message-clickable]:hover { background-color: var(--yt-spec-additive-background); } yt-live-chat-mode-change-message-renderer { display: block; margin: 8px 0px; padding: 0px 24px; color: var(--yt-live-chat-primary-text-color,var(--yt-spec-text-primary)); font-size: 13px; } #contents.yt-live-chat-mode-change-message-renderer { display: flex; flex-direction: column; align-items: center; padding: 16px 30px; border-radius: 4px; background: var(--yt-live-chat-mode-change-background-color,var(--yt-deprecated-opalescence-soft-grey)); } #text-container.yt-live-chat-mode-change-message-renderer { display: flex; flex-direction: column; align-items: center; } yt-icon.yt-live-chat-mode-change-message-renderer { width: 40px; height: 40px; margin-bottom: 8px; } #text.yt-live-chat-mode-change-message-renderer { font-weight: 500; } #subtext.yt-live-chat-mode-change-message-renderer { margin-top: 4px; color: var(--yt-live-chat-secondary-text-color,var(--yt-spec-text-secondary)); font-style: italic; } #buttons.yt-live-chat-mode-change-message-renderer { margin-top: 16px; min-height: 32px; } #buttons.yt-live-chat-mode-change-message-renderer:empty { display: none; } #timestamp.yt-live-chat-moderation-message-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-moderation-message-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-moderation-message-renderer[avatar-hidden] #author-photo.yt-live-chat-moderation-message-renderer { display: none; } #menu.yt-live-chat-moderation-message-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-moderation-message-renderer[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-moderation-message-renderer { transform: none; opacity: 0.0001; } yt-live-chat-moderation-message-renderer:hover #menu.yt-live-chat-moderation-message-renderer, yt-live-chat-moderation-message-renderer[menu-visible] #menu.yt-live-chat-moderation-message-renderer { transform: none; } yt-live-chat-moderation-message-renderer[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-moderation-message-renderer, yt-live-chat-moderation-message-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-moderation-message-renderer { opacity: 1; } yt-live-chat-moderation-message-renderer:focus-within #menu.yt-live-chat-moderation-message-renderer { transform: none; } yt-live-chat-moderation-message-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-moderation-message-renderer { opacity: 1; } yt-live-chat-moderation-message-renderer[modern] #inline-action-button-container.yt-live-chat-moderation-message-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-moderation-message-renderer:not([modern]) #inline-action-button-container.yt-live-chat-moderation-message-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-moderation-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer, yt-live-chat-moderation-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-moderation-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-moderation-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-moderation-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-moderation-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-moderation-message-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-moderation-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-moderation-message-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-moderation-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-moderation-message-renderer { display: none; } yt-live-chat-moderation-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-moderation-message-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-moderation-message-renderer > .yt-live-chat-moderation-message-renderer:not(:first-child) { margin-left: 8px; } yt-live-chat-moderation-message-renderer { display: var(--yt-live-chat-item-mod-activity-display,block); position: relative; padding: 8px 24px; font-size: 13px; color: var(--yt-live-chat-deleted-message-color); } yt-live-chat-moderation-message-renderer::before { content: ""; position: absolute; display: block; left: 8px; top: 4px; bottom: 4px; width: 4px; box-sizing: border-box; border-radius: 2px; background: var(--yt-live-chat-deleted-message-bar-color); } #message.yt-live-chat-moderation-message-renderer { line-height: 16px; overflow-wrap: break-word; } #timestamp.yt-live-chat-offer-click-count-message-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-offer-click-count-message-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-offer-click-count-message-renderer[avatar-hidden] #author-photo.yt-live-chat-offer-click-count-message-renderer { display: none; } #menu.yt-live-chat-offer-click-count-message-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-offer-click-count-message-renderer[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-offer-click-count-message-renderer { transform: none; opacity: 0.0001; } yt-live-chat-offer-click-count-message-renderer:hover #menu.yt-live-chat-offer-click-count-message-renderer, yt-live-chat-offer-click-count-message-renderer[menu-visible] #menu.yt-live-chat-offer-click-count-message-renderer { transform: none; } yt-live-chat-offer-click-count-message-renderer[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-offer-click-count-message-renderer, yt-live-chat-offer-click-count-message-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-offer-click-count-message-renderer { opacity: 1; } yt-live-chat-offer-click-count-message-renderer:focus-within #menu.yt-live-chat-offer-click-count-message-renderer { transform: none; } yt-live-chat-offer-click-count-message-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-offer-click-count-message-renderer { opacity: 1; } yt-live-chat-offer-click-count-message-renderer[modern] #inline-action-button-container.yt-live-chat-offer-click-count-message-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-offer-click-count-message-renderer:not([modern]) #inline-action-button-container.yt-live-chat-offer-click-count-message-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-offer-click-count-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-offer-click-count-message-renderer > .yt-live-chat-offer-click-count-message-renderer, yt-live-chat-offer-click-count-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-offer-click-count-message-renderer > .yt-live-chat-offer-click-count-message-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-offer-click-count-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-offer-click-count-message-renderer > .yt-live-chat-offer-click-count-message-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-offer-click-count-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-offer-click-count-message-renderer > .yt-live-chat-offer-click-count-message-renderer:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-offer-click-count-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-offer-click-count-message-renderer > .yt-live-chat-offer-click-count-message-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-offer-click-count-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-offer-click-count-message-renderer > .yt-live-chat-offer-click-count-message-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-offer-click-count-message-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-offer-click-count-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-offer-click-count-message-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-offer-click-count-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-offer-click-count-message-renderer { display: none; } yt-live-chat-offer-click-count-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-offer-click-count-message-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-offer-click-count-message-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-offer-click-count-message-renderer > .yt-live-chat-offer-click-count-message-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-offer-click-count-message-renderer > .yt-live-chat-offer-click-count-message-renderer:not(:first-child) { margin-left: 8px; } yt-live-chat-offer-click-count-message-renderer { display: block; padding: 4px 24px; font-size: 12px; line-height: 16px; overflow: hidden; --yt-endpoint-color: #2196f3; --yt-endpoint-visited-color: #2196f3; --yt-endpoint-hover-color: var(--yt-live-chat-primary-text-color); } #container.yt-live-chat-offer-click-count-message-renderer { position: relative; background-color: var(--yt-live-chat-vem-background-color); border-radius: 4px; padding: 12px 16px; display: flex; flex-direction: row; } #metadata-container.yt-live-chat-offer-click-count-message-renderer { display: flex; flex-direction: column; } #icon-container.yt-live-chat-offer-click-count-message-renderer { padding-right: 16px; } #icon.yt-live-chat-offer-click-count-message-renderer { color: var(--yt-spec-icon-active-other); } #message-title.yt-live-chat-offer-click-count-message-renderer { word-break: break-word; overflow-wrap: break-word; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #product-title-container.yt-live-chat-offer-click-count-message-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #cta-container.yt-live-chat-offer-click-count-message-renderer { color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #cta-container.yt-live-chat-offer-click-count-message-renderer yt-icon.yt-live-chat-offer-click-count-message-renderer { height: 12px; padding-left: 4px; right: 0px; top: -1px; width: 12px; } #timestamp.yt-live-chat-server-error-message { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-server-error-message { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-server-error-message[avatar-hidden] #author-photo.yt-live-chat-server-error-message { display: none; } #menu.yt-live-chat-server-error-message { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-server-error-message[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-server-error-message { transform: none; opacity: 0.0001; } yt-live-chat-server-error-message:hover #menu.yt-live-chat-server-error-message, yt-live-chat-server-error-message[menu-visible] #menu.yt-live-chat-server-error-message { transform: none; } yt-live-chat-server-error-message[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-server-error-message, yt-live-chat-server-error-message[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-server-error-message { opacity: 1; } yt-live-chat-server-error-message:focus-within #menu.yt-live-chat-server-error-message { transform: none; } yt-live-chat-server-error-message[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-server-error-message { opacity: 1; } yt-live-chat-server-error-message[modern] #inline-action-button-container.yt-live-chat-server-error-message { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-server-error-message:not([modern]) #inline-action-button-container.yt-live-chat-server-error-message { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-server-error-message:not([modern]) #inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message, yt-live-chat-server-error-message:not([modern]) #additional-inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-server-error-message:not([modern]) #inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-server-error-message:not([modern]) #inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-server-error-message:not([modern]) #additional-inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-server-error-message:not([modern]) #additional-inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-server-error-message { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-server-error-message[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-server-error-message { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-server-error-message[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-server-error-message { display: none; } yt-live-chat-server-error-message[has-inline-action-buttons]:hover #menu.yt-live-chat-server-error-message { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-server-error-message:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message:not(:first-child), #additional-inline-action-buttons.yt-live-chat-server-error-message > .yt-live-chat-server-error-message:not(:first-child) { margin-left: 8px; } yt-live-chat-server-error-message { display: var(--yt-live-chat-server-error-message-display,block); position: relative; padding: 4px 24px; } span#timestamp.yt-live-chat-server-error-message { font-size: 10px; } #message.yt-live-chat-server-error-message { color: var(--yt-live-chat-deleted-message-color,rgba(0,0,0,.5)); font-size: 12px; font-style: italic; line-height: 16px; overflow-wrap: break-word; } yt-live-chat-server-error-message::before { content: ""; position: absolute; display: block; left: 8px; top: 4px; bottom: 4px; width: 1px; box-sizing: border-box; border-radius: 2px; border: 2px solid var(--yt-live-chat-error-message-color); } yt-live-chat-server-error-message.reconnect::before { border: 2px solid var(--yt-live-chat-reconnect-message-color); } yt-live-chat-text-input-field-renderer { display: block; position: relative; font-size: 13px; --yt-live-chat-text-input-field-placeholder-top: 0; --yt-live-chat-text-input-field-placeholder-left: 0; --yt-live-chat-text-input-field-white-space: initial; } #label.yt-live-chat-text-input-field-renderer { color: var(--yt-live-chat-text-input-field-placeholder-color,var(--yt-deprecated-luna-black-opacity-lighten-2)); position: absolute; top: var(--yt-live-chat-text-input-field-placeholder-top); left: var(--yt-live-chat-text-input-field-placeholder-left); line-height: 18px; padding: 2px 0px; } yt-live-chat-text-input-field-renderer[is-chat-message-input] #label.yt-live-chat-text-input-field-renderer { font-size: 14px; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; overflow-x: hidden; } yt-live-chat-text-input-field-renderer[has-text] #label.yt-live-chat-text-input-field-renderer { display: none; } #input.yt-live-chat-text-input-field-renderer { position: relative; min-height: 18px; max-height: 100px; overflow: hidden auto; overflow-wrap: break-word; outline: none; word-break: break-word; white-space: var(--yt-live-chat-text-input-field-white-space); line-height: 18px; padding: 2px 0px; color: var(--yt-live-chat-text-input-field-color,inherit); text-shadow: var(--yt-live-chat-text-input-field-text-shadow); } yt-live-chat-text-input-field-renderer[is-chat-message-input] #input.yt-live-chat-text-input-field-renderer { flex: 1 1 1e-09px; font-size: 14px; max-height: 36px; scrollbar-width: none; } yt-live-chat-text-input-field-renderer[is-chat-message-input][input-expanded] #input.yt-live-chat-text-input-field-renderer { padding: 8px 0px; } yt-live-chat-text-input-field-renderer[is-chat-message-input] #input.yt-live-chat-text-input-field-renderer::-webkit-scrollbar { display: none; } #input.yt-live-chat-text-input-field-renderer::after { content: ""; } #input.yt-live-chat-text-input-field-renderer img.yt-live-chat-text-input-field-renderer { width: 20px; height: 20px; margin: -5px 2px; } #underline.yt-live-chat-text-input-field-renderer { position: relative; height: 2px; } #unfocused.yt-live-chat-text-input-field-renderer { position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; background-color: var(--yt-live-chat-text-input-field-inactive-underline-color,#b8b8b8); } #focused.yt-live-chat-text-input-field-renderer { position: absolute; top: 0px; left: 0px; right: 0px; height: 2px; background-color: var(--yt-live-chat-text-input-field-active-underline-color,var(--yt-deprecated-blue)); transform-origin: center center; transform: scale3d(0, 1, 1); transition-behavior: normal; transition-timing-function: ease; transition-delay: 0s; transition-property: transform; transition-duration: var(--yt-live-chat-text-input-field-underline-transition-duration,.25s); } yt-live-chat-text-input-field-renderer[focused] #focused.yt-live-chat-text-input-field-renderer { transform: none; } #dropdown.yt-live-chat-text-input-field-renderer { background-color: var(--yt-live-chat-text-input-field-suggestion-background-color,#fff); box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } #dropdown-content.yt-live-chat-text-input-field-renderer { max-height: 200px; padding: 8px 0px; } yt-live-chat-text-input-field-renderer[is-chat-message-input] #overflow-text.yt-live-chat-text-input-field-renderer { color: var(--yt-spec-text-disabled); } tp-yt-paper-item.yt-live-chat-text-input-field-suggestion { font-size: 15px; min-height: 40px; color: var(--yt-live-chat-text-input-field-suggestion-text-color,#666); cursor: pointer; } yt-live-chat-text-input-field-suggestion:hover tp-yt-paper-item.yt-live-chat-text-input-field-suggestion, yt-live-chat-text-input-field-suggestion[active] tp-yt-paper-item.yt-live-chat-text-input-field-suggestion { background-color: var(--yt-live-chat-text-input-field-suggestion-background-color-hover,#eee); color: var(--yt-live-chat-text-input-field-suggestion-text-color-hover,#333); } img.yt-live-chat-text-input-field-suggestion { width: 24px; height: 24px; margin-right: 8px; flex: 0 0 auto; } img.yt-live-chat-text-input-field-suggestion[author] { border-radius: 12px; } #timestamp.yt-live-chat-text-message-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-text-message-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-text-message-renderer[avatar-hidden] #author-photo.yt-live-chat-text-message-renderer { display: none; } #menu.yt-live-chat-text-message-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-text-message-renderer[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-text-message-renderer { transform: none; opacity: 0.0001; } yt-live-chat-text-message-renderer:hover #menu.yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer[menu-visible] #menu.yt-live-chat-text-message-renderer { transform: none; } yt-live-chat-text-message-renderer[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-text-message-renderer { opacity: 1; } yt-live-chat-text-message-renderer:focus-within #menu.yt-live-chat-text-message-renderer { transform: none; } yt-live-chat-text-message-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-text-message-renderer { opacity: 1; } yt-live-chat-text-message-renderer[modern] #inline-action-button-container.yt-live-chat-text-message-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-text-message-renderer:not([modern]) #inline-action-button-container.yt-live-chat-text-message-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-text-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-text-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-text-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-text-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-text-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-text-message-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-text-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-text-message-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-text-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-text-message-renderer { display: none; } yt-live-chat-text-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-text-message-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-text-message-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-text-message-renderer > .yt-live-chat-text-message-renderer:not(:first-child) { margin-left: 8px; } yt-live-chat-text-message-renderer { position: relative; font-size: 13px; padding: 4px 24px; overflow: hidden; contain: content; --yt-endpoint-color: var( --yt-live-chat-primary-text-color,var(--yt-deprecated-luna-black) ); --yt-endpoint-hover-color: var( --yt-live-chat-primary-text-color,var(--yt-endpoint-color) ); display: flex; flex-direction: row; align-items: flex-start; } yt-live-chat-text-message-renderer[is-deleted]:not([in-banner]) { display: var(--yt-live-chat-item-mod-activity-display,flex); } yt-live-chat-text-message-renderer:hover { overflow: initial; } yt-live-chat-text-message-renderer[author-is-owner] { background-color: var(--yt-live-chat-message-highlight-background-color); } yt-live-chat-text-message-renderer[in-banner] { padding: 4px 32px 4px 0px; } #content.yt-live-chat-text-message-renderer { align-self: center; min-width: 0px; } yt-live-chat-author-chip.yt-live-chat-text-message-renderer { margin-right: var(--yt-live-chat-author-chip-margin-right,8px); } #before-content-buttons.yt-live-chat-text-message-renderer { display: inline-block; } #before-content-buttons.yt-live-chat-text-message-renderer:empty { display: none; } #before-content-buttons.yt-live-chat-text-message-renderer > yt-button-view-model.yt-live-chat-text-message-renderer { display: inline-block; margin-right: var(--yt-live-chat-author-chip-margin-right,8px); } #message.yt-live-chat-text-message-renderer { color: var(--yt-live-chat-primary-text-color,var(--yt-spec-text-primary)); line-height: 16px; overflow: hidden; overflow-wrap: break-word; word-break: break-word; font-style: var(--yt-live-chat-text-message-renderer-message-message-style-font-style); opacity: var(--yt-live-chat-text-message-renderer-message-message-style-opacity); } #message.yt-live-chat-text-message-renderer .emoji.yt-live-chat-text-message-renderer { width: var(--yt-live-chat-emoji-size); height: var(--yt-live-chat-emoji-size); margin: -1px 2px 1px; vertical-align: middle; } a.yt-live-chat-text-message-renderer { display: inline; text-decoration: underline; } #message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer { display: inline; text-decoration: underline; word-break: break-all; } #message.yt-live-chat-text-message-renderer a.yt-live-chat-text-message-renderer .mention.yt-live-chat-text-message-renderer { text-decoration: underline; } #show-original.yt-live-chat-text-message-renderer { margin-left: 2px; } #message.yt-live-chat-text-message-renderer:empty, #deleted-state.yt-live-chat-text-message-renderer:empty, #show-original.yt-live-chat-text-message-renderer:empty, yt-live-chat-text-message-renderer[show-original] #deleted-state.yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer[show-original] #show-original.yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer[is-deleted]:not([show-original]) #message.yt-live-chat-text-message-renderer { display: none; } #menu.yt-live-chat-text-message-renderer { color: var(--yt-live-chat-secondary-text-color); background: linear-gradient(to right,transparent 0,var(--yt-live-chat-background-color,var(--yt-spec-static-white-background)) 100%); } #menu-button.yt-live-chat-text-message-renderer { width: 32px; height: 32px; padding: 4px; } yt-live-chat-text-message-renderer[author-is-owner] #menu.yt-live-chat-text-message-renderer { background: linear-gradient(to right,transparent 0,var(--yt-live-chat-message-highlight-background-color,var(--yt-deprecated-luna-black)) 100%); } .mention.yt-live-chat-text-message-renderer { background: var(--yt-live-chat-mention-background-color); color: var(--yt-live-chat-mention-text-color); padding: 2px 4px; border-radius: 2px; } #deleted-state.yt-live-chat-text-message-renderer, #show-original.yt-live-chat-text-message-renderer, yt-live-chat-text-message-renderer[is-deleted] #message.yt-live-chat-text-message-renderer { font-style: italic; color: var(--yt-live-chat-deleted-message-color,rgba(0,0,0,.5)); } yt-live-chat-text-message-renderer[show-bar]::before { content: ""; position: absolute; display: block; left: 8px; top: 4px; bottom: 4px; width: 4px; box-sizing: border-box; border-radius: 2px; } yt-live-chat-text-message-renderer[is-deleted]::before { background: var(--yt-live-chat-deleted-message-bar-color,rgba(0,0,0,.5)); } yt-live-chat-text-message-renderer[is-dimmed] #message.yt-live-chat-text-message-renderer { opacity: 0.25; } yt-live-chat-text-message-renderer[is-dimmed]::before { background: var(--yt-live-chat-error-message-color,#f44336); } yt-live-chat-text-message-renderer[in-collapsed-banner] #content.yt-live-chat-text-message-renderer { color: var(--yt-live-chat-primary-text-color); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } yt-live-chat-text-message-renderer[whole-message-clickable] { cursor: pointer; } yt-live-chat-text-message-renderer[whole-message-clickable]:not([no-hover-effect]):hover { background-color: var(--yt-spec-additive-background); } yt-live-chat-text-message-renderer[whole-message-clickable] #menu.yt-live-chat-text-message-renderer { color: var(--yt-spec-icon-active-other); background: none; } #timestamp.yt-live-chat-viewer-engagement-message-renderer { display: var(--yt-live-chat-item-timestamp-display,inline); margin: var(--yt-live-chat-item-timestamp-margin,0 8px 0 0); color: var(--yt-live-chat-tertiary-text-color); font-size: 11px; } #author-photo.yt-live-chat-viewer-engagement-message-renderer { display: block; margin-right: var(--yt-live-chat-author-photo-margin-right,16px); overflow: hidden; border-radius: 50%; flex: 0 0 auto; } yt-live-chat-viewer-engagement-message-renderer[avatar-hidden] #author-photo.yt-live-chat-viewer-engagement-message-renderer { display: none; } #menu.yt-live-chat-viewer-engagement-message-renderer { position: absolute; top: 0px; bottom: 0px; right: 0px; transform: translateX(100px); } yt-live-chat-viewer-engagement-message-renderer[use-opacity-for-context-menu-visibility] #menu.yt-live-chat-viewer-engagement-message-renderer { transform: none; opacity: 0.0001; } yt-live-chat-viewer-engagement-message-renderer:hover #menu.yt-live-chat-viewer-engagement-message-renderer, yt-live-chat-viewer-engagement-message-renderer[menu-visible] #menu.yt-live-chat-viewer-engagement-message-renderer { transform: none; } yt-live-chat-viewer-engagement-message-renderer[use-opacity-for-context-menu-visibility]:hover #menu.yt-live-chat-viewer-engagement-message-renderer, yt-live-chat-viewer-engagement-message-renderer[use-opacity-for-context-menu-visibility][menu-visible] #menu.yt-live-chat-viewer-engagement-message-renderer { opacity: 1; } yt-live-chat-viewer-engagement-message-renderer:focus-within #menu.yt-live-chat-viewer-engagement-message-renderer { transform: none; } yt-live-chat-viewer-engagement-message-renderer[use-opacity-for-context-menu-visibility]:focus-within #menu.yt-live-chat-viewer-engagement-message-renderer { opacity: 1; } yt-live-chat-viewer-engagement-message-renderer[modern] #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { background-color: var(--yt-spec-static-overlay-background-medium); } yt-live-chat-viewer-engagement-message-renderer:not([modern]) #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { background-color: var(--yt-live-chat-moderation-mode-hover-background-color); } yt-live-chat-viewer-engagement-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer, yt-live-chat-viewer-engagement-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer { --yt-button-icon-size: 36px; --yt-button-icon-padding: 6px; color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; } yt-live-chat-viewer-engagement-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer { background: var(--yt-deprecated-luna-black-opacity-lighten-1); } yt-live-chat-viewer-engagement-message-renderer:not([modern]) #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer:hover { background: var(--yt-deprecated-luna-black); } yt-live-chat-viewer-engagement-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer { color: var(--yt-live-chat-additional-inline-action-button-color); background: var(--yt-live-chat-additional-inline-action-button-background-color); } yt-live-chat-viewer-engagement-message-renderer:not([modern]) #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer:hover { background: var(--yt-live-chat-additional-inline-action-button-background-color-hover); } #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { position: absolute; inset: -4px 0px; display: none; align-items: center; justify-content: center; } yt-live-chat-viewer-engagement-message-renderer[has-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { flex-direction: row; display: var(--yt-live-chat-inline-action-button-container-display,none); } yt-live-chat-viewer-engagement-message-renderer[has-inline-action-buttons][hide-inline-action-buttons]:hover #inline-action-button-container.yt-live-chat-viewer-engagement-message-renderer { display: none; } yt-live-chat-viewer-engagement-message-renderer[has-inline-action-buttons]:hover #menu.yt-live-chat-viewer-engagement-message-renderer { display: var(--yt-live-chat-item-with-inline-actions-context-menu-display,block); } #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer:not(:empty) { margin-left: 32px; } #inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer:not(:first-child), #additional-inline-action-buttons.yt-live-chat-viewer-engagement-message-renderer > .yt-live-chat-viewer-engagement-message-renderer:not(:first-child) { margin-left: 8px; } yt-live-chat-viewer-engagement-message-renderer { display: block; padding: 4px 24px; font-size: 12px; line-height: 16px; overflow: hidden; --yt-endpoint-color: #2196f3; --yt-endpoint-visited-color: #2196f3; --yt-endpoint-hover-color: var(--yt-live-chat-primary-text-color); } #card.yt-live-chat-viewer-engagement-message-renderer { position: relative; background-color: var(--yt-live-chat-vem-background-color); border-radius: 4px; padding: 12px 16px 8px; display: flex; flex-direction: row; } #icon.yt-live-chat-viewer-engagement-message-renderer { color: var(--yt-spec-static-brand-red); flex: 0 0 auto; } #content.yt-live-chat-viewer-engagement-message-renderer { flex: 1 1 1e-09px; align-self: center; overflow: hidden; } #message-container.yt-live-chat-viewer-engagement-message-renderer { padding: 0px 0px 4px 16px; } #message.yt-live-chat-viewer-engagement-message-renderer { color: var(--yt-live-chat-primary-text-color); word-break: break-word; overflow-wrap: break-word; } #action-button.yt-live-chat-viewer-engagement-message-renderer:not(:empty) { margin: -2px 0px 0px; } #menu.yt-live-chat-viewer-engagement-message-renderer { color: var(--yt-live-chat-secondary-text-color); background: linear-gradient(to right,transparent 0,var(--yt-live-chat-background-color,var(--yt-spec-static-white-background)) 100%); } yt-live-chat-viewer-engagement-message-renderer[has-primary-color-icon] #icon.yt-live-chat-viewer-engagement-message-renderer { color: var(--yt-live-chat-primary-text-color); } @keyframes voting-animation-fade-in { 0% { opacity: 1; } } @keyframes voting-animation-fade-out { 100% { opacity: 0; } } html::view-transition-old(*.ytd-playlist-voting-animation-group) { animation: 0.4s ease-out 0.1s 1 normal none running voting-animation-fade-out; } html::view-transition-new(*.ytd-playlist-voting-animation-group) { animation: 0.4s ease-in 0.1s 1 normal none running voting-animation-fade-in; } yt-animated-icon { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } yt-animated-icon[animated-icon-type="LIKE"] .lottie-player.yt-animated-icon, yt-animated-icon[animated-icon-type="LIKE_VALENTINES25_HEART"] .lottie-player.yt-animated-icon, yt-animated-icon[animated-icon-type="LIKE_VALENTINES25_BROKEN_HEART"] .lottie-player.yt-animated-icon, yt-animated-icon[animated-icon-type="LIKE_YOUTUBE_20TH_BIRTHDAY"] .lottie-player.yt-animated-icon { position: absolute; height: 62px; width: 62px; top: -18px; } yt-animated-icon[animated-icon-type="FACE_HAPPY"] .lottie-player.yt-animated-icon, yt-animated-icon[animated-icon-type="FACE_UNHAPPY"] .lottie-player.yt-animated-icon, yt-animated-icon[animated-icon-type="FACE_VERY_HAPPY"] .lottie-player.yt-animated-icon, yt-animated-icon[animated-icon-type="FACE_MEH"] .lottie-player.yt-animated-icon, yt-animated-icon[animated-icon-type="FACE_SAD"] .lottie-player.yt-animated-icon { position: absolute; height: 50px; width: 50px; } yt-animated-icon[animated-icon-type="NOTIFICATION_BELL"] .lottie-player.yt-animated-icon { position: absolute; height: 30px; width: 30px; } yt-icon, .yt-icon-container.yt-icon { display: inline-flex; align-items: center; justify-content: center; position: relative; vertical-align: middle; fill: var(--iron-icon-fill-color,currentcolor); stroke: var(--iron-icon-stroke-color,none); width: var(--iron-icon-width,24px); height: var(--iron-icon-height,24px); animation: var(--iron-icon-animation); margin-top: var(--iron-icon-margin-top); margin-right: var(--iron-icon-margin-right); margin-bottom: var(--iron-icon-margin-bottom); margin-left: var(--iron-icon-margin-left); padding: var(--iron-icon-padding); } yt-icon.external-container { display: none !important; } yt-next-continuation { display: flex; flex-direction: row; justify-content: center; } tp-yt-paper-button.yt-next-continuation { display: inline-block; text-align: center; font-family: inherit; } tp-yt-paper-spinner.yt-next-continuation { margin: 16px 0px; } tp-yt-paper-button.yt-next-continuation { margin-left: var(--yt-next-continuation-button-margin-left); } yt-pdg-comment-chip-renderer { display: inline-block; height: 20px; max-width: fit-content; } #comment-chip-container.yt-pdg-comment-chip-renderer { background-color: var(--yt-pdg-comment-chip-background-color); border-radius: 16px; cursor: var(--yt-pdg-comment-chip-cursor); padding: 1px 7px 0px; } #comment-chip-price.yt-pdg-comment-chip-renderer { color: var(--yt-pdg-comment-chip-font-color); } yt-icon.yt-pdg-comment-chip-renderer { color: var(--yt-pdg-comment-chip-font-color); height: 12px; padding-bottom: 2px; width: 12px; } yt-playability-error-supported-renderers { background: black; flex: 1 1 1e-09px; display: flex; flex-direction: column; } yt-playability-error-supported-renderers[no-background] { background: none; } #reason.yt-playability-error-supported-renderers { color: var(--yt-spec-static-overlay-text-primary); } yt-player-error-message-renderer.yt-playability-error-supported-renderers, yt-player-kav-renderer.yt-playability-error-supported-renderers { width: 100%; height: 100%; flex: 0 0 auto; } #container.yt-playability-error-supported-renderers { width: 100%; height: 100%; } yt-playability-error-supported-renderers[inline-sign-in] #container.yt-playability-error-supported-renderers { padding-top: 0px; } yt-playability-error-supported-renderers[inline-sign-in] #sign-in.yt-playability-error-supported-renderers { display: block; } yt-player-error-message-renderer { overflow: hidden; flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; justify-content: center; } #player-error-message-container.yt-player-error-message-renderer { box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; padding: var(--ytd-margin-6x); flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; justify-content: center; } yt-player-error-message-renderer[compact] #player-error-message-container.yt-player-error-message-renderer { padding: var(--ytd-margin-4x); } yt-player-error-message-renderer[compact] #info.yt-player-error-message-renderer { position: relative; padding: 0 0 0 var(--ytd-margin-2x); } yt-player-error-message-renderer[compact] #button.yt-player-error-message-renderer, yt-player-error-message-renderer[compact] #dismiss-button.yt-player-error-message-renderer { max-width: 100%; } yt-player-error-message-renderer[compact] #button.yt-player-error-message-renderer yt-button-renderer.yt-player-error-message-renderer, yt-player-error-message-renderer[compact] #dismiss-button.yt-player-error-message-renderer yt-button-renderer.yt-player-error-message-renderer { width: 100%; } yt-player-error-message-renderer:not([has-icon_]) #info.yt-player-error-message-renderer { display: flex; flex-direction: column; align-items: center; } yt-player-error-message-renderer:not([has-icon_]) #reason.yt-player-error-message-renderer { margin-bottom: var(--ytd-margin-2x); } yt-player-error-message-renderer:not([has-icon_]) #buttons.yt-player-error-message-renderer { margin-top: var(--ytd-margin-3x); } yt-player-error-message-renderer[sign-in-icon_] #icon.yt-player-error-message-renderer { margin-right: var(--ytd-neg-margin-7x); } #reason.yt-player-error-message-renderer { color: var(--yt-spec-static-overlay-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #subreason.yt-player-error-message-renderer, #more.yt-player-error-message-renderer { --yt-endpoint-color: var(--yt-spec-static-overlay-call-to-action); --yt-endpoint-visited-color: var(--yt-spec-static-overlay-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-static-overlay-call-to-action); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-static-overlay-text-primary)); } #subreason.yt-player-error-message-renderer { display: block; } yt-icon.yt-player-error-message-renderer { --iron-icon-fill-color: var(--yt-deprecated-white-opacity-lighten-2); flex: 0 0 auto; height: 144px; width: 144px; } yt-button-renderer.yt-player-error-message-renderer { --yt-button-margin: var(--ytd-margin-4x) var(--ytd-margin-3x) 0 0; } tp-yt-paper-spinner-lite.yt-player-error-message-renderer { --paper-spinner-color: var(--yt-spec-static-overlay-icon-active-other); --paper-spinner-stroke-width: 6px; height: 64px; width: 64px; } #info.yt-player-error-message-renderer { padding: 0 0 0 var(--ytd-margin-6x); overflow: hidden; display: flex; flex-direction: column; flex: 0 1 auto; } #buttons.yt-player-error-message-renderer { display: flex; flex-direction: row; } @media (max-width: 615px) { yt-icon.yt-player-error-message-renderer { display: none; } #reason.yt-player-error-message-renderer { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #subreason.yt-player-error-message-renderer { display: -webkit-box; max-height: 4rem; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; -webkit-line-clamp: 2; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color); } } yt-player-kav-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .reason.yt-player-kav-renderer { color: var(--yt-spec-static-overlay-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } .subreason.yt-player-kav-renderer, .more.yt-player-kav-renderer { --yt-endpoint-color: var(--yt-spec-static-overlay-text-primary); color: var(--yt-spec-static-overlay-text-primary); } yt-icon.yt-player-kav-renderer { color: var(--yt-spec-brand-icon-inactive); width: 144px; height: 144px; padding-right: var(--ytd-margin-6x); } yt-button-renderer.yt-player-kav-renderer { margin: var(--ytd-margin-4x) 0 0 0; } #info.yt-player-kav-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: column; } yt-text-input-form-field-renderer { --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-color: var(--yt-spec-text-primary); display: block; padding-bottom: 6px; } yt-text-input-form-field-renderer tp-yt-paper-input-char-counter[style-target="host"] { color: var(--yt-spec-text-primary); } tp-yt-paper-input.yt-text-input-form-field-renderer { --paper-input-container-underline-height: 0; --paper-input-container-underline-background: transparent; --paper-input-container-underline-border-bottom: 1px solid var( --yt-text-input-form-field-underline-color,var(--yt-spec-text-secondary) ); --paper-input-container-underline-focus-border-color: var( --paper-input-container-underline-focus-color,var(--yt-spec-text-primary) ); } tp-yt-paper-input.yt-text-input-form-field-renderer tp-yt-paper-input-char-counter[style-target="host"] { margin-top: -2px; height: 18px; color: var(--yt-spec-text-primary); } tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > input, tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--paper-input-container-input-color)); } yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_TITLE"] tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > input, yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_TITLE"] tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_TITLE"] tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > textarea, yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_TITLE"] tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_TITLE"] tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_TITLE"][enable-overlay-theme] tp-yt-paper-input.yt-text-input-form-field-renderer, yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT"][enable-overlay-theme] tp-yt-paper-input.yt-text-input-form-field-renderer, yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT_PLACEHOLDER"][enable-overlay-theme] tp-yt-paper-textarea.yt-text-input-form-field-renderer, yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT"][enable-overlay-theme] tp-yt-paper-textarea.yt-text-input-form-field-renderer { --paper-input-container-underline-focus-color: var( --yt-spec-static-overlay-text-primary ); --paper-input-container-underline-color: var( --yt-spec-static-overlay-text-primary ); --paper-input-container-input-color: var( --yt-spec-static-overlay-text-primary ); --paper-input-container-focus-color: var( --yt-spec-static-overlay-text-primary ); --yt-text-input-form-field-underline-color: var( --yt-spec-static-overlay-text-primary ); --paper-input-container-color: var(--yt-spec-static-overlay-text-primary); } yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_TITLE"][enable-overlay-theme] tp-yt-paper-input.yt-text-input-form-field-renderer tp-yt-paper-input-char-counter[style-target="host"], yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT"][enable-overlay-theme] tp-yt-paper-input.yt-text-input-form-field-renderer tp-yt-paper-input-char-counter[style-target="host"], yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT_PLACEHOLDER"][enable-overlay-theme] tp-yt-paper-textarea.yt-text-input-form-field-renderer tp-yt-paper-input-char-counter[style-target="host"], yt-text-input-form-field-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT"][enable-overlay-theme] tp-yt-paper-textarea.yt-text-input-form-field-renderer tp-yt-paper-input-char-counter[style-target="host"] { color: var(--yt-spec-static-overlay-text-primary); } tp-yt-paper-textarea.yt-text-input-form-field-renderer { --paper-input-container-underline-focus-border-color: var( --paper-input-container-underline-focus-color,var(--yt-spec-text-primary) ); } tp-yt-paper-textarea.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > input, tp-yt-paper-textarea.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, tp-yt-paper-textarea.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-textarea.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-textarea.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--paper-input-container-input-color)); } yt-text-input-form-field-renderer[component-style="TEXT_INPUT_FORM_FIELD_OUTLINED"] tp-yt-paper-textarea.yt-text-input-form-field-renderer, yt-text-input-form-field-renderer[component-style="TEXT_INPUT_FORM_FIELD_OUTLINED"] tp-yt-paper-input.yt-text-input-form-field-renderer { --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 4px; box-shadow: inset 0 0 0 1px var(--yt-spec-10-percent-layer); padding: 0px 8px 12px; } yt-text-input-form-field-renderer[component-style="TEXT_INPUT_FORM_FIELD_OUTLINED"][invalid] tp-yt-paper-textarea.yt-text-input-form-field-renderer, yt-text-input-form-field-renderer[component-style="TEXT_INPUT_FORM_FIELD_OUTLINED"][invalid] tp-yt-paper-input.yt-text-input-form-field-renderer { border-color: var(--yt-spec-error-indicator); } yt-text-input-form-field-renderer[component-style="BOLD_INPUT_TEXT"] tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > input, yt-text-input-form-field-renderer[component-style="BOLD_INPUT_TEXT"] tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, yt-text-input-form-field-renderer[component-style="BOLD_INPUT_TEXT"] tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > textarea, yt-text-input-form-field-renderer[component-style="BOLD_INPUT_TEXT"] tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, yt-text-input-form-field-renderer[component-style="BOLD_INPUT_TEXT"] tp-yt-paper-input.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > .paper-input-input, yt-text-input-form-field-renderer[component-style="BOLD_INPUT_TEXT"] tp-yt-paper-textarea.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > input, yt-text-input-form-field-renderer[component-style="BOLD_INPUT_TEXT"] tp-yt-paper-textarea.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, yt-text-input-form-field-renderer[component-style="BOLD_INPUT_TEXT"] tp-yt-paper-textarea.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > textarea, yt-text-input-form-field-renderer[component-style="BOLD_INPUT_TEXT"] tp-yt-paper-textarea.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, yt-text-input-form-field-renderer[component-style="BOLD_INPUT_TEXT"] tp-yt-paper-textarea.yt-text-input-form-field-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } yt-toggle-form-field-renderer { --paper-toggle-button-checked-bar-color: var(--yt-spec-call-to-action); --paper-toggle-button-checked-button-color: var(--yt-spec-call-to-action); color: var(--yt-spec-text-primary); margin-top: 24px; display: block; } #toggle-container.yt-toggle-form-field-renderer { display: flex; flex-direction: row; } #caption.yt-toggle-form-field-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; flex: 1 1 auto; } #description.yt-toggle-form-field-renderer { display: block; margin-top: 8px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #footer-container.yt-toggle-form-field-renderer { margin-top: 16px; } yt-toggle-form-field-renderer[use-keyboard-focused]:not([keyboard-focused]) { --paper-toggle-button-unchecked-ink-color: transparent; --paper-toggle-button-checked-ink-color: transparent; } yt-channel-thumbnail-with-link-renderer { display: inline-block; } #avatar.yt-channel-thumbnail-with-link-renderer { width: 32px; height: 32px; border-radius: 50%; background-color: transparent; overflow: hidden; } yt-channel-thumbnail-with-link-renderer[style_="CHANNEL_THUMBNAIL_STYLE_PREVIEW_CARD"] #avatar.yt-channel-thumbnail-with-link-renderer { width: 36px; height: 36px; } yt-channel-thumbnail-with-link-renderer[style_="CHANNEL_THUMBNAIL_STYLE_BOXART"] #avatar.yt-channel-thumbnail-with-link-renderer { width: 29px; height: 40px; border-radius: 0px; background-color: transparent; overflow: hidden; } yt-channel-thumbnail-with-link-renderer[style_="CHANNEL_THUMBNAIL_STYLE_BOXART_ROUNDED"] #avatar.yt-channel-thumbnail-with-link-renderer { width: 29px; height: 40px; border-radius: 4px; background-color: transparent; overflow: hidden; } yt-chip-cloud-chip-renderer { display: inline-flex; } #chip-container.yt-chip-cloud-chip-renderer { height: 32px; min-width: 12px; padding: 0px 10px; border-radius: 8px; box-sizing: border-box; outline: none; overflow: hidden; cursor: pointer; user-select: none; position: relative; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: flex; flex-direction: row; align-items: center; } yt-chip-cloud-chip-renderer[is-gnome-chip] { border-radius: 16px; margin-right: 16px; } yt-chip-cloud-chip-renderer[modern] #chip-container.yt-chip-cloud-chip-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"] #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] #chip-container.yt-chip-cloud-chip-renderer { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-primary); padding: 0 var(--ytd-margin-3x); transition: background-color 0.5s cubic-bezier(0.05, 0, 0, 1); } yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected] #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] #chip-container.yt-chip-cloud-chip-renderer { background-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary-inverse); } yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected]:hover #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected]:hover #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"][selected]:focus #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected]:focus #chip-container.yt-chip-cloud-chip-renderer { background-color: var(--yt-spec-icon-inactive); } yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"]:not([selected]):hover #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"]:not([selected]):hover #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer[chip-style="STYLE_REFRESH_TO_NOVEL_CHIP"]:not([selected]):hover #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"]:not([selected]):focus #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"]:not([selected]):focus #chip-container.yt-chip-cloud-chip-renderer { background-color: var(--yt-spec-button-chip-background-hover); } yt-chip-cloud-chip-renderer[chip-style="STYLE_RELATED"][selected] #chip-container.yt-chip-cloud-chip-renderer { background-color: var(--yt-spec-call-to-action); color: var(--yt-spec-static-overlay-text-primary); } yt-chip-cloud-chip-renderer[chip-style="STYLE_RELATED"]:not([selected]) #chip-container.yt-chip-cloud-chip-renderer { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-primary); } yt-chip-cloud-chip-renderer[chip-style="STYLE_RELATED"]:not([selected]):hover #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer[chip-style="STYLE_RELATED"]:not([selected]):focus #chip-container.yt-chip-cloud-chip-renderer { background-color: var(--yt-spec-button-chip-background-hover); } #chip-container.yt-chip-cloud-chip-renderer #text.yt-chip-cloud-chip-renderer { max-width: 20rem; } yt-chip-cloud-chip-renderer[has-icon] { vertical-align: top; } #chip-container.yt-chip-cloud-chip-renderer .leading-icon.yt-chip-cloud-chip-renderer { margin-right: 4px; } yt-chip-cloud-chip-renderer[use-chip-shape] #chip-container.yt-chip-cloud-chip-renderer, yt-chip-cloud-chip-renderer:not([use-chip-shape]) #chip-shape-container.yt-chip-cloud-chip-renderer { display: none; } yt-chip-cloud-renderer:not([mask-fade]) { background-color: var(--yt-spec-base-background); } #container.yt-chip-cloud-renderer { overflow: hidden; position: relative; align-items: center; display: flex; } iron-selector.yt-chip-cloud-renderer { margin-right: 12px; white-space: nowrap; overflow: hidden; display: block; } yt-chip-cloud-renderer:not([no-top-margin]) yt-chip-cloud-chip-renderer.yt-chip-cloud-renderer { margin: 8px 8px 8px 0px; } yt-chip-cloud-renderer[no-top-margin] yt-chip-cloud-chip-renderer.yt-chip-cloud-renderer { margin: 0px 8px 8px 0px; } #scroll-container.yt-chip-cloud-renderer { white-space: nowrap; overflow: hidden; } yt-chip-cloud-renderer[mask-fade]:not([at-start]) #scroll-container.yt-chip-cloud-renderer { mask-image: linear-gradient(to right, transparent 0px, transparent 51px, rgb(0, 0, 0) 77px, rgb(0, 0, 0) 100%); } yt-chip-cloud-renderer[mask-fade]:not([at-end]) #scroll-container.yt-chip-cloud-renderer { mask-image: linear-gradient(to left, transparent 0px, transparent 51px, rgb(0, 0, 0) 77px, rgb(0, 0, 0) 100%); } yt-chip-cloud-renderer[mask-fade]:not([at-start]):not([at-end]) #scroll-container.yt-chip-cloud-renderer { mask-image: linear-gradient(to right, transparent 0px, transparent 51px, rgb(0, 0, 0) 77px, rgb(0, 0, 0) 50%, transparent 50%, transparent 100%), linear-gradient(to left, transparent 0px, transparent 51px, rgb(0, 0, 0) 77px, rgb(0, 0, 0) 50%, transparent 50%, transparent 100%); } [dir="rtl"] yt-chip-cloud-renderer[mask-fade]:not([at-start]) #scroll-container.yt-chip-cloud-renderer, yt-chip-cloud-renderer[dir="rtl"][mask-fade]:not([at-start]) #scroll-container.yt-chip-cloud-renderer { mask-image: linear-gradient(to left, transparent 0px, transparent 51px, rgb(0, 0, 0) 77px, rgb(0, 0, 0) 100%); } [dir="rtl"] yt-chip-cloud-renderer[mask-fade]:not([at-end]) #scroll-container.yt-chip-cloud-renderer, yt-chip-cloud-renderer[dir="rtl"][mask-fade]:not([at-end]) #scroll-container.yt-chip-cloud-renderer { mask-image: linear-gradient(to right, transparent 0px, transparent 51px, rgb(0, 0, 0) 77px, rgb(0, 0, 0) 100%); } #chips.yt-chip-cloud-renderer { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); will-change: transform; display: inline-block; white-space: nowrap; } yt-chip-cloud-renderer:not([mask-fade]) #left-arrow.yt-chip-cloud-renderer::after, yt-chip-cloud-renderer:not([mask-fade]) #right-arrow.yt-chip-cloud-renderer::before { height: 100%; width: 32px; content: ""; pointer-events: none; } yt-chip-cloud-renderer:not([mask-fade]) #left-arrow.yt-chip-cloud-renderer::after { background: linear-gradient(to right,var(--ytd-chip-cloud-background,var(--yt-spec-base-background)) 10%,rgba(249,249,249,0) 90%); } yt-chip-cloud-renderer:not([mask-fade]) yt-chip-cloud-renderer[is-dark-theme] #left-arrow.yt-chip-cloud-renderer::after { background: linear-gradient(to right,var(--ytd-chip-cloud-background,var(--yt-spec-base-background)) 10%,rgba(24,24,24,0) 90%); } yt-chip-cloud-renderer:not([mask-fade]) #right-arrow.yt-chip-cloud-renderer::before { background: linear-gradient(to left,var(--ytd-chip-cloud-background,var(--yt-spec-base-background)) 10%,rgba(249,249,249,0) 90%); } yt-chip-cloud-renderer:not([mask-fade]) yt-chip-cloud-renderer[is-dark-theme] #right-arrow.yt-chip-cloud-renderer::before { background: linear-gradient(to left,var(--ytd-chip-cloud-background,var(--yt-spec-base-background)) 10%,rgba(24,24,24,0) 90%); } yt-chip-cloud-renderer:not([mask-fade]) #left-arrow-button.yt-chip-cloud-renderer, yt-chip-cloud-renderer:not([mask-fade]) #right-arrow-button.yt-chip-cloud-renderer { background: var(--ytd-chip-cloud-background,var(--yt-spec-base-background)); } #left-arrow.yt-chip-cloud-renderer, #right-arrow.yt-chip-cloud-renderer { z-index: 200; position: absolute; height: 100%; display: flex; flex-direction: row; justify-content: center; } #left-arrow.yt-chip-cloud-renderer { left: 0px; } #right-arrow.yt-chip-cloud-renderer { right: 0px; } yt-chip-cloud-renderer[at-start] #left-arrow.yt-chip-cloud-renderer, yt-chip-cloud-renderer[at-end] #right-arrow.yt-chip-cloud-renderer { display: none; } #left-arrow-button.yt-chip-cloud-renderer, #right-arrow-button.yt-chip-cloud-renderer { display: flex; flex-direction: column; justify-content: center; } ytd-button-renderer.yt-chip-cloud-renderer { --yt-button-color: var(--yt-spec-icon-active-other); --yt-button-icon-size: 32px; border-radius: 16px; height: 32px; padding: 0px 8px; width: 32px; display: flex; align-items: center; justify-content: center; } yt-music-pass-small-feature-info-renderer { display: flex; flex-direction: column; align-items: center; text-align: center; } yt-img-shadow.yt-music-pass-small-feature-info-renderer { width: 84px; height: 84px; padding-bottom: var(--ytd-margin-4x); } #header.yt-music-pass-small-feature-info-renderer { color: var(--yt-spec-text-primary); font-size: 32px; font-weight: 300; padding-bottom: var(--ytd-margin-base); } #description.yt-music-pass-small-feature-info-renderer { color: var(--yt-spec-text-secondary); font-size: 16px; line-height: 1.5; } yt-sort-filter-sub-menu-renderer { --yt-endpoint-force-cursor: pointer; display: inline-block; position: relative; } #notification.yt-sort-filter-sub-menu-renderer { width: 8px; height: 8px; border-radius: 50%; background-color: var(--yt-spec-themed-blue); position: absolute; top: 2px; right: 0px; } yt-copy-link-renderer { display: inline-block; width: 100%; } yt-copy-link-renderer[renderer-style="copy-link-renderer-style-settings"] { max-width: 350px; } #bar.yt-copy-link-renderer { justify-content: space-between; border: 1px solid var(--yt-spec-10-percent-layer); background-color: var(--yt-spec-general-background-a); border-radius: 12px; display: flex; align-items: center; } yt-copy-link-renderer[modern-buttons] #bar.yt-copy-link-renderer { padding: 8px 0px; } yt-copy-link-renderer[renderer-style="copy-link-renderer-style-settings"] #bar.yt-copy-link-renderer { background-color: transparent; padding: var(--ytd-margin-base) 0; } #share-url.yt-copy-link-renderer { margin-left: var(--ytd-margin-4x); border: none; overflow: hidden; white-space: nowrap; background-color: rgba(0, 0, 0, 0); color: var(--yt-spec-text-primary); font-size: 14px; min-width: 0px; } yt-copy-link-renderer[adaptive-full-width] #share-url.yt-copy-link-renderer { width: 100%; } [dir="rtl"] yt-copy-link-renderer #share-url.yt-copy-link-renderer, yt-copy-link-renderer[dir="rtl"] #share-url.yt-copy-link-renderer { text-align: end; } #copy-button.yt-copy-link-renderer { padding: 0 var(--ytd-margin-2x); color: var(--yt-spec-themed-blue); } yt-user-mention-autosuggest-input { display: block; } #dropdown.yt-user-mention-autosuggest-input { z-index: var(--ytd-z-index-user-mention-suggestions-container); box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } yt-user-mention-suggestion-renderer { display: block; box-sizing: border-box; width: min-content; min-width: 100%; padding: var(--ytd-margin-2x) var(--ytd-margin-4x); } yt-user-mention-suggestion-renderer[focused] { background: var(--yt-spec-button-chip-background-hover); } #thumbnail.yt-user-mention-suggestion-renderer { display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-radius: 50%; background-color: transparent; overflow: hidden; } #info.yt-user-mention-suggestion-renderer { display: inline-block; vertical-align: middle; margin: 0 var(--ytd-margin-4x); } #display-name.yt-user-mention-suggestion-renderer { color: var(--yt-spec-text-primary); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #channel-info.yt-user-mention-suggestion-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } yt-user-mention-suggestions-dropdown { display: inline-block; background: var(--yt-spec-brand-background-solid); max-height: 31rem; padding: var(--ytd-margin-2x) 0; white-space: nowrap; } yt-user-mention-suggestions-dropdown::-webkit-scrollbar-thumb { height: 56px; background: var(--yt-spec-icon-disabled); } yt-user-mention-suggestions-dropdown::-webkit-scrollbar { width: var(--ytd-scrollbar-width); } yt-activity-item-renderer { display: block; margin: var(--ytd-margin-4x) 0 var(--ytd-margin-4x) 0; } @media (max-width: 400px) { yt-activity-item-renderer { flex-wrap: wrap; } } yt-activity-item-renderer:focus, .activity-item-contents.yt-activity-item-renderer:focus { outline: none; } yt-activity-item-renderer:focus > .activity-item-contents.yt-activity-item-renderer { outline: -webkit-focus-ring-color auto 5px; } yt-activity-item-renderer[role="button"] { cursor: pointer; } .activity-item-contents.yt-activity-item-renderer { display: flex; flex-direction: row; } #section-heading.yt-activity-item-renderer { flex: 0 0 60px; margin-right: var(--ytd-margin-4x); margin-bottom: var(--ytd-margin-4x); } #section-contents.yt-activity-item-renderer { flex-grow: 1; display: flex; flex-direction: row; } #image.yt-activity-item-renderer { flex: 0 0 60px; margin-right: var(--ytd-margin-6x); } #content-activity-container.yt-activity-item-renderer { flex-grow: 1; display: flex; flex-direction: row; justify-content: space-between; } #content.yt-activity-item-renderer { margin-right: var(--ytd-margin-3x); } #activity-metadata.yt-activity-item-renderer { flex: 0 0 var(--ytd-margin-16x); } #menu.yt-activity-item-renderer { width: var(--ytd-margin-10x); flex-shrink: 0; margin-left: var(--ytd-margin-2x); display: flex; flex-direction: row; justify-content: center; } #menu.yt-activity-item-renderer tp-yt-paper-icon-button[style-target="host"], #menu.yt-activity-item-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"] { padding: 0px; width: 24px; height: 24px; } yt-card-item-actions-renderer { --yt-paper-button-min-width: 0px; white-space: nowrap; display: flex; flex-direction: row; justify-content: flex-end; } #secondary-button-renderer.yt-card-item-actions-renderer { margin-right: var(--ytd-margin-2x); } #primary-button-renderer.yt-card-item-actions-renderer yt-button-renderer.style-blue-text.yt-card-item-actions-renderer[is-paper-button] { margin-right: var(--yt-card-item-actions-blue-text-button-margin-right,unset); } ytd-toggle-button-renderer.yt-card-item-actions-renderer { text-transform: unset; } #primary-button-renderer.yt-card-item-actions-renderer ytd-toggle-button-renderer.style-text.yt-card-item-actions-renderer[is-paper-button] { margin-right: var(--yt-card-item-actions-text-button-margin-right,unset); } ytmusic-toggle-button-renderer.yt-card-item-actions-renderer { text-transform: unset; } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_1"] { margin-top: var(--ytd-margin-base); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"] { margin-bottom: var(--ytd-margin-base); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_1"] { margin-left: var(--ytd-margin-base); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_1"] { margin-right: var(--ytd-margin-base); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_2"] { margin-top: var(--ytd-margin-2x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"] { margin-bottom: var(--ytd-margin-2x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_2"] { margin-left: var(--ytd-margin-2x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_2"] { margin-right: var(--ytd-margin-2x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_3"] { margin-top: var(--ytd-margin-3x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"] { margin-bottom: var(--ytd-margin-3x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_3"] { margin-left: var(--ytd-margin-3x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_3"] { margin-right: var(--ytd-margin-3x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_4"] { margin-top: var(--ytd-margin-4x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"] { margin-bottom: var(--ytd-margin-4x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_4"] { margin-left: var(--ytd-margin-4x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_4"] { margin-right: var(--ytd-margin-4x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_5"] { margin-top: var(--ytd-margin-5x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"] { margin-bottom: var(--ytd-margin-5x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_5"] { margin-left: var(--ytd-margin-5x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_5"] { margin-right: var(--ytd-margin-5x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_6"] { margin-top: var(--ytd-margin-6x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"] { margin-bottom: var(--ytd-margin-6x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_6"] { margin-left: var(--ytd-margin-6x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_6"] { margin-right: var(--ytd-margin-6x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_7"] { margin-top: var(--ytd-margin-7x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"] { margin-bottom: var(--ytd-margin-7x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_7"] { margin-left: var(--ytd-margin-7x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_7"] { margin-right: var(--ytd-margin-7x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_8"] { margin-top: var(--ytd-margin-8x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"] { margin-bottom: var(--ytd-margin-8x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_8"] { margin-left: var(--ytd-margin-8x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_8"] { margin-right: var(--ytd-margin-8x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_9"] { margin-top: var(--ytd-margin-9x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"] { margin-bottom: var(--ytd-margin-9x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_9"] { margin-left: var(--ytd-margin-9x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_9"] { margin-right: var(--ytd-margin-9x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_10"] { margin-top: var(--ytd-margin-10x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"] { margin-bottom: var(--ytd-margin-10x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_10"] { margin-left: var(--ytd-margin-10x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-10x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_11"] { margin-top: var(--ytd-margin-11x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"] { margin-bottom: var(--ytd-margin-11x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_11"] { margin-left: var(--ytd-margin-11x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-11x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_12"] { margin-top: var(--ytd-margin-12x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"] { margin-bottom: var(--ytd-margin-12x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_12"] { margin-left: var(--ytd-margin-12x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-12x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_13"] { margin-top: var(--ytd-margin-13x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"] { margin-bottom: var(--ytd-margin-13x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_13"] { margin-left: var(--ytd-margin-13x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-13x); } yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-badge-renderer[top-margin="CARD_ITEM_UX_SPACE_14"] { margin-top: var(--ytd-margin-14x); } yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-badge-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"] { margin-bottom: var(--ytd-margin-14x); } yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-badge-renderer[left-margin="CARD_ITEM_UX_SPACE_14"] { margin-left: var(--ytd-margin-14x); } yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-badge-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-14x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_1"] { padding-top: var(--ytd-margin-base); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"] { padding-bottom: var(--ytd-margin-base); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_1"] { padding-left: var(--ytd-margin-base); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_1"] { padding-right: var(--ytd-margin-base); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_2"] { padding-top: var(--ytd-margin-2x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"] { padding-bottom: var(--ytd-margin-2x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_2"] { padding-left: var(--ytd-margin-2x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_2"] { padding-right: var(--ytd-margin-2x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_3"] { padding-top: var(--ytd-margin-3x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"] { padding-bottom: var(--ytd-margin-3x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_3"] { padding-left: var(--ytd-margin-3x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_3"] { padding-right: var(--ytd-margin-3x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_4"] { padding-top: var(--ytd-margin-4x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"] { padding-bottom: var(--ytd-margin-4x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_4"] { padding-left: var(--ytd-margin-4x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_4"] { padding-right: var(--ytd-margin-4x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_5"] { padding-top: var(--ytd-margin-5x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"] { padding-bottom: var(--ytd-margin-5x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_5"] { padding-left: var(--ytd-margin-5x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_5"] { padding-right: var(--ytd-margin-5x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_6"] { padding-top: var(--ytd-margin-6x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"] { padding-bottom: var(--ytd-margin-6x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_6"] { padding-left: var(--ytd-margin-6x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_6"] { padding-right: var(--ytd-margin-6x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_7"] { padding-top: var(--ytd-margin-7x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"] { padding-bottom: var(--ytd-margin-7x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_7"] { padding-left: var(--ytd-margin-7x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_7"] { padding-right: var(--ytd-margin-7x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_8"] { padding-top: var(--ytd-margin-8x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"] { padding-bottom: var(--ytd-margin-8x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_8"] { padding-left: var(--ytd-margin-8x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_8"] { padding-right: var(--ytd-margin-8x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_9"] { padding-top: var(--ytd-margin-9x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"] { padding-bottom: var(--ytd-margin-9x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_9"] { padding-left: var(--ytd-margin-9x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_9"] { padding-right: var(--ytd-margin-9x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_10"] { padding-top: var(--ytd-margin-10x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"] { padding-bottom: var(--ytd-margin-10x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_10"] { padding-left: var(--ytd-margin-10x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_10"] { padding-right: var(--ytd-margin-10x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_11"] { padding-top: var(--ytd-margin-11x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"] { padding-bottom: var(--ytd-margin-11x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_11"] { padding-left: var(--ytd-margin-11x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_11"] { padding-right: var(--ytd-margin-11x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_12"] { padding-top: var(--ytd-margin-12x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"] { padding-bottom: var(--ytd-margin-12x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_12"] { padding-left: var(--ytd-margin-12x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_12"] { padding-right: var(--ytd-margin-12x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_13"] { padding-top: var(--ytd-margin-13x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"] { padding-bottom: var(--ytd-margin-13x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_13"] { padding-left: var(--ytd-margin-13x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_13"] { padding-right: var(--ytd-margin-13x); } yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-badge-renderer[top-padding="CARD_ITEM_UX_SPACE_14"] { padding-top: var(--ytd-margin-14x); } yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-badge-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"] { padding-bottom: var(--ytd-margin-14x); } yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-badge-renderer[left-padding="CARD_ITEM_UX_SPACE_14"] { padding-left: var(--ytd-margin-14x); } yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-badge-renderer[right-padding="CARD_ITEM_UX_SPACE_14"] { padding-right: var(--ytd-margin-14x); } yt-card-item-badge-renderer { display: block; } #text.yt-card-item-badge-renderer { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; margin-left: 8px; color: var(--yt-spec-text-primary); } #card-block.yt-card-item-badge-renderer { display: flex; flex-direction: row; align-items: center; } yt-card-item-container-renderer { border: 1px solid var(--yt-spec-10-percent-layer); margin-bottom: var(--ytd-margin-2x); --yt-offer-item-upsell-renderer-last-child-padding-bottom: var( --ytd-margin-6x ); display: flex; flex-direction: column; } yt-card-item-container-renderer[container-style_="CARD_ITEM_CONTAINER_STYLE_BORDERLESS"] { border: none; } yt-card-item-container-renderer[container-style_="CARD_ITEM_CONTAINER_STYLE_LARGE_BORDER"] { margin-bottom: 0px; border: none; } yt-card-item-container-renderer[container-style_="CARD_ITEM_CONTAINER_STYLE_LARGE_BORDER"]:not(:last-child) { border-bottom: 6px solid var(--yt-spec-10-percent-layer); } yt-card-item-container-renderer[compact] ytd-commerce-cart-checkout-button-renderer.yt-card-item-container-renderer { margin: 0px 16px; } #base.yt-card-item-container-renderer { width: 100%; } #contents.yt-card-item-container-renderer { display: block; width: 100%; } #contents-section.yt-card-item-container-renderer { display: flex; flex-direction: column; } yt-card-item-container-renderer[is-expanded_] #continuation-section.yt-card-item-container-renderer { display: block; width: 100%; } #continuation-section.yt-card-item-container-renderer { display: none; } #continuation-section.yt-card-item-container-renderer ytd-item-section-renderer.yt-card-item-container-renderer:first-child:not(:only-child), #continuation-section.yt-card-item-container-renderer ytmusic-item-section-renderer.yt-card-item-container-renderer:first-child:not(:only-child) { margin-bottom: var(--ytd-margin-5x); } #continuation-section.yt-card-item-container-renderer ytd-item-section-renderer.yt-card-item-container-renderer:only-child, #continuation-section.yt-card-item-container-renderer ytmusic-item-section-renderer.yt-card-item-container-renderer:only-child { margin-bottom: var(--ytd-margin-2x); } yt-card-item-container-renderer[show-spinner_] tp-yt-paper-spinner.yt-card-item-container-renderer { display: inline-block; padding: var(--ytd-margin-6x); align-self: center; } tp-yt-paper-spinner.yt-card-item-container-renderer { display: none; } #divider.yt-card-item-container-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); margin-left: var(--ytd-margin-6x); margin-right: var(--ytd-margin-6x); } #divider.yt-card-item-container-renderer[container-style_="CARD_ITEM_CONTAINER_STYLE_BORDERLESS"], #divider.yt-card-item-container-renderer[container-style_="CARD_ITEM_CONTAINER_STYLE_LARGE_BORDER"] { border-bottom: none; } #more-contents-button.yt-card-item-container-renderer { cursor: pointer; padding: 2px 0px; width: 100%; display: flex; flex-direction: row; justify-content: center; } #more-contents-button.yt-card-item-container-renderer:hover { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-icon-active-other); } #more-contents-button.yt-card-item-container-renderer:focus { outline: none; } yt-card-item-error-renderer { display: flex; flex-direction: column; } #error-text-renderer.yt-card-item-error-renderer { background-color: var(--yt-spec-suggested-action); padding: var(--ytd-margin-4x) var(--ytd-margin-8x); display: flex; align-items: center; flex: 1 1 1e-09px; } #triangle-up-container.yt-card-item-error-renderer { margin-left: var(--ytd-margin-7x); } #triangle-up.yt-card-item-error-renderer { width: 0px; height: 0px; border-left: var(--ytd-margin-3x) solid transparent; border-right: var(--ytd-margin-3x) solid transparent; border-bottom: var(--ytd-margin-3x) solid var(--yt-spec-suggested-action); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_1"] { margin-top: var(--ytd-margin-base); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"] { margin-bottom: var(--ytd-margin-base); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_1"] { margin-left: var(--ytd-margin-base); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_1"] { margin-right: var(--ytd-margin-base); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_2"] { margin-top: var(--ytd-margin-2x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"] { margin-bottom: var(--ytd-margin-2x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_2"] { margin-left: var(--ytd-margin-2x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_2"] { margin-right: var(--ytd-margin-2x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_3"] { margin-top: var(--ytd-margin-3x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"] { margin-bottom: var(--ytd-margin-3x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_3"] { margin-left: var(--ytd-margin-3x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_3"] { margin-right: var(--ytd-margin-3x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_4"] { margin-top: var(--ytd-margin-4x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"] { margin-bottom: var(--ytd-margin-4x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_4"] { margin-left: var(--ytd-margin-4x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_4"] { margin-right: var(--ytd-margin-4x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_5"] { margin-top: var(--ytd-margin-5x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"] { margin-bottom: var(--ytd-margin-5x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_5"] { margin-left: var(--ytd-margin-5x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_5"] { margin-right: var(--ytd-margin-5x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_6"] { margin-top: var(--ytd-margin-6x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"] { margin-bottom: var(--ytd-margin-6x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_6"] { margin-left: var(--ytd-margin-6x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_6"] { margin-right: var(--ytd-margin-6x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_7"] { margin-top: var(--ytd-margin-7x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"] { margin-bottom: var(--ytd-margin-7x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_7"] { margin-left: var(--ytd-margin-7x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_7"] { margin-right: var(--ytd-margin-7x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_8"] { margin-top: var(--ytd-margin-8x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"] { margin-bottom: var(--ytd-margin-8x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_8"] { margin-left: var(--ytd-margin-8x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_8"] { margin-right: var(--ytd-margin-8x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_9"] { margin-top: var(--ytd-margin-9x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"] { margin-bottom: var(--ytd-margin-9x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_9"] { margin-left: var(--ytd-margin-9x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_9"] { margin-right: var(--ytd-margin-9x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_10"] { margin-top: var(--ytd-margin-10x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"] { margin-bottom: var(--ytd-margin-10x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_10"] { margin-left: var(--ytd-margin-10x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-10x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_11"] { margin-top: var(--ytd-margin-11x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"] { margin-bottom: var(--ytd-margin-11x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_11"] { margin-left: var(--ytd-margin-11x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-11x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_12"] { margin-top: var(--ytd-margin-12x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"] { margin-bottom: var(--ytd-margin-12x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_12"] { margin-left: var(--ytd-margin-12x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-12x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_13"] { margin-top: var(--ytd-margin-13x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"] { margin-bottom: var(--ytd-margin-13x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_13"] { margin-left: var(--ytd-margin-13x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-13x); } yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-renderer[top-margin="CARD_ITEM_UX_SPACE_14"] { margin-top: var(--ytd-margin-14x); } yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"] { margin-bottom: var(--ytd-margin-14x); } yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-renderer[left-margin="CARD_ITEM_UX_SPACE_14"] { margin-left: var(--ytd-margin-14x); } yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-14x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_1"] { padding-top: var(--ytd-margin-base); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"] { padding-bottom: var(--ytd-margin-base); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_1"] { padding-left: var(--ytd-margin-base); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_1"] { padding-right: var(--ytd-margin-base); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_2"] { padding-top: var(--ytd-margin-2x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"] { padding-bottom: var(--ytd-margin-2x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_2"] { padding-left: var(--ytd-margin-2x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_2"] { padding-right: var(--ytd-margin-2x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_3"] { padding-top: var(--ytd-margin-3x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"] { padding-bottom: var(--ytd-margin-3x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_3"] { padding-left: var(--ytd-margin-3x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_3"] { padding-right: var(--ytd-margin-3x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_4"] { padding-top: var(--ytd-margin-4x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"] { padding-bottom: var(--ytd-margin-4x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_4"] { padding-left: var(--ytd-margin-4x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_4"] { padding-right: var(--ytd-margin-4x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_5"] { padding-top: var(--ytd-margin-5x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"] { padding-bottom: var(--ytd-margin-5x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_5"] { padding-left: var(--ytd-margin-5x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_5"] { padding-right: var(--ytd-margin-5x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_6"] { padding-top: var(--ytd-margin-6x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"] { padding-bottom: var(--ytd-margin-6x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_6"] { padding-left: var(--ytd-margin-6x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_6"] { padding-right: var(--ytd-margin-6x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_7"] { padding-top: var(--ytd-margin-7x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"] { padding-bottom: var(--ytd-margin-7x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_7"] { padding-left: var(--ytd-margin-7x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_7"] { padding-right: var(--ytd-margin-7x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_8"] { padding-top: var(--ytd-margin-8x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"] { padding-bottom: var(--ytd-margin-8x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_8"] { padding-left: var(--ytd-margin-8x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_8"] { padding-right: var(--ytd-margin-8x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_9"] { padding-top: var(--ytd-margin-9x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"] { padding-bottom: var(--ytd-margin-9x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_9"] { padding-left: var(--ytd-margin-9x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_9"] { padding-right: var(--ytd-margin-9x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_10"] { padding-top: var(--ytd-margin-10x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"] { padding-bottom: var(--ytd-margin-10x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_10"] { padding-left: var(--ytd-margin-10x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_10"] { padding-right: var(--ytd-margin-10x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_11"] { padding-top: var(--ytd-margin-11x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"] { padding-bottom: var(--ytd-margin-11x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_11"] { padding-left: var(--ytd-margin-11x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_11"] { padding-right: var(--ytd-margin-11x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_12"] { padding-top: var(--ytd-margin-12x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"] { padding-bottom: var(--ytd-margin-12x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_12"] { padding-left: var(--ytd-margin-12x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_12"] { padding-right: var(--ytd-margin-12x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_13"] { padding-top: var(--ytd-margin-13x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"] { padding-bottom: var(--ytd-margin-13x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_13"] { padding-left: var(--ytd-margin-13x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_13"] { padding-right: var(--ytd-margin-13x); } yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-renderer[top-padding="CARD_ITEM_UX_SPACE_14"] { padding-top: var(--ytd-margin-14x); } yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"] { padding-bottom: var(--ytd-margin-14x); } yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-renderer[left-padding="CARD_ITEM_UX_SPACE_14"] { padding-left: var(--ytd-margin-14x); } yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-renderer[right-padding="CARD_ITEM_UX_SPACE_14"] { padding-right: var(--ytd-margin-14x); } yt-card-item-renderer { display: block; --yt-card-item-actions-text-button-margin-right: -20px; --yt-card-item-actions-blue-text-button-margin-right: -16px; } #main-content.yt-card-item-renderer[primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_TOP"] #main-content-negative-margin-wrapper.yt-card-item-renderer { display: flex; flex-direction: column; } #main-content.yt-card-item-renderer[primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START"] #main-content-negative-margin-wrapper.yt-card-item-renderer { margin-top: -8px; display: flex; flex-flow: wrap; justify-content: space-between; } #main-content.yt-card-item-renderer[primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START_NOWRAP"] #main-content-negative-margin-wrapper.yt-card-item-renderer { display: flex; flex-direction: row; justify-content: space-between; } #main-content.yt-card-item-renderer[primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START"] #main-content-negative-margin-wrapper.yt-card-item-renderer[content-placement="CARD_ITEM_PRIMARY_CONTENT_PLACEMENT_CENTER"] { justify-content: center; } #main-content.yt-card-item-renderer[primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START"] #main-content-negative-margin-wrapper.yt-card-item-renderer #heading-description-container.yt-card-item-renderer { margin-top: 8px; margin-right: 24px; align-self: center; } #main-content.yt-card-item-renderer[primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START"] #main-content-negative-margin-wrapper.yt-card-item-renderer #heading-description-container.yt-card-item-renderer #header-promo-container.yt-card-item-renderer { display: flex; flex-direction: row; } #main-content.yt-card-item-renderer[primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START"] #main-content-negative-margin-wrapper.yt-card-item-renderer #heading-description-container.yt-card-item-renderer #header-promo-container.yt-card-item-renderer #header-promo-renderer.yt-card-item-renderer { align-self: center; padding-left: 4px; padding-right: 4px; margin-left: 4px; } #main-content.yt-card-item-renderer:not([box-style="CARD_ITEM_BOX_STYLE_OFFER_ITEM"])[primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START"] #main-content-negative-margin-wrapper.yt-card-item-renderer #heading-description-container.yt-card-item-renderer { margin-right: var(--yt-card-item-main-content-margin-right,24px); } #main-content.yt-card-item-renderer[primary-container-placement="CARD_ITEM_PRIMARY_CONTAINER_PLACEMENT_START"] #main-content-negative-margin-wrapper.yt-card-item-renderer #additional-info-renderer.yt-card-item-renderer { margin-top: 8px; margin-left: auto; } #main-content.yt-card-item-renderer[box-style="CARD_ITEM_BOX_STYLE_OFFER_ITEM"] { border: 1px solid var(--yt-spec-10-percent-layer); margin-top: -1px; } #main-content.yt-card-item-renderer[role="link"] { cursor: pointer; } #additional-info-renderer.yt-card-item-renderer[additional-info-placement="CARD_ITEM_ADDITIONAL_INFO_PLACEMENT_TOP"] { align-self: flex-start; } #additional-info-renderer.yt-card-item-renderer[additional-info-placement="CARD_ITEM_ADDITIONAL_INFO_PLACEMENT_CENTER"] { align-self: center; } #additional-info-renderer.yt-card-item-renderer[additional-info-placement="CARD_ITEM_ADDITIONAL_INFO_PLACEMENT_BOTTOM"] { align-self: flex-end; } #footer-renderer.yt-card-item-renderer { margin-top: 12px; } #error-renderer.yt-card-item-renderer { margin-top: -12px; } #divider.yt-card-item-renderer[divider-style="DIVIDER_STYLE_FULL_BLEED_THIN"] { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #divider.yt-card-item-renderer[divider-style="DIVIDER_STYLE_INSET_THIN"] { margin-left: 24px; margin-right: 24px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } yt-card-item-text-collection-renderer { display: block; } #text-renderers.yt-card-item-text-collection-renderer { display: flex; flex-direction: column; } #text-renderers.yt-card-item-text-collection-renderer[text-alignment="CARD_ITEM_TEXT_COLLECTION_TEXT_ALIGNMENT_END"] { align-items: flex-end; } #text-renderers.yt-card-item-text-collection-renderer[text-alignment="CARD_ITEM_TEXT_COLLECTION_TEXT_ALIGNMENT_CENTER"] { align-items: center; text-align: center; } #text-renderers.yt-card-item-text-collection-renderer[text-alignment="CARD_ITEM_TEXT_COLLECTION_TEXT_ALIGNMENT_HORIZONTAL"] { display: flex; flex-flow: wrap; align-items: baseline; } #text-renderers.yt-card-item-text-collection-renderer[text-alignment="CARD_ITEM_TEXT_COLLECTION_TEXT_ALIGNMENT_HORIZONTAL"] yt-card-item-text-renderer.yt-card-item-text-collection-renderer { flex-wrap: nowrap; } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_1"] { margin-top: var(--ytd-margin-base); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"] { margin-bottom: var(--ytd-margin-base); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_1"] { margin-left: var(--ytd-margin-base); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_1"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_1"] { margin-right: var(--ytd-margin-base); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_2"] { margin-top: var(--ytd-margin-2x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"] { margin-bottom: var(--ytd-margin-2x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_2"] { margin-left: var(--ytd-margin-2x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_2"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_2"] { margin-right: var(--ytd-margin-2x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_3"] { margin-top: var(--ytd-margin-3x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"] { margin-bottom: var(--ytd-margin-3x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_3"] { margin-left: var(--ytd-margin-3x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_3"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_3"] { margin-right: var(--ytd-margin-3x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_4"] { margin-top: var(--ytd-margin-4x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"] { margin-bottom: var(--ytd-margin-4x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_4"] { margin-left: var(--ytd-margin-4x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_4"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_4"] { margin-right: var(--ytd-margin-4x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_5"] { margin-top: var(--ytd-margin-5x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"] { margin-bottom: var(--ytd-margin-5x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_5"] { margin-left: var(--ytd-margin-5x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_5"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_5"] { margin-right: var(--ytd-margin-5x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_6"] { margin-top: var(--ytd-margin-6x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"] { margin-bottom: var(--ytd-margin-6x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_6"] { margin-left: var(--ytd-margin-6x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_6"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_6"] { margin-right: var(--ytd-margin-6x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_7"] { margin-top: var(--ytd-margin-7x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"] { margin-bottom: var(--ytd-margin-7x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_7"] { margin-left: var(--ytd-margin-7x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_7"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_7"] { margin-right: var(--ytd-margin-7x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_8"] { margin-top: var(--ytd-margin-8x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"] { margin-bottom: var(--ytd-margin-8x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_8"] { margin-left: var(--ytd-margin-8x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_8"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_8"] { margin-right: var(--ytd-margin-8x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_9"] { margin-top: var(--ytd-margin-9x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"] { margin-bottom: var(--ytd-margin-9x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_9"] { margin-left: var(--ytd-margin-9x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_9"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_9"] { margin-right: var(--ytd-margin-9x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_10"] { margin-top: var(--ytd-margin-10x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"] { margin-bottom: var(--ytd-margin-10x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_10"] { margin-left: var(--ytd-margin-10x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-10x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_11"] { margin-top: var(--ytd-margin-11x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"] { margin-bottom: var(--ytd-margin-11x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_11"] { margin-left: var(--ytd-margin-11x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_11"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-11x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_12"] { margin-top: var(--ytd-margin-12x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"] { margin-bottom: var(--ytd-margin-12x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_12"] { margin-left: var(--ytd-margin-12x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_12"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-12x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_13"] { margin-top: var(--ytd-margin-13x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"] { margin-bottom: var(--ytd-margin-13x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_13"] { margin-left: var(--ytd-margin-13x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_13"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-13x); } yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-text-renderer[top-margin="CARD_ITEM_UX_SPACE_14"] { margin-top: var(--ytd-margin-14x); } yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-text-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"] { margin-bottom: var(--ytd-margin-14x); } yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-text-renderer[left-margin="CARD_ITEM_UX_SPACE_14"] { margin-left: var(--ytd-margin-14x); } yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_14"], .yt-card-item-text-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-14x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_1"] { padding-top: var(--ytd-margin-base); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"] { padding-bottom: var(--ytd-margin-base); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_1"] { padding-left: var(--ytd-margin-base); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_1"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_1"] { padding-right: var(--ytd-margin-base); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_2"] { padding-top: var(--ytd-margin-2x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"] { padding-bottom: var(--ytd-margin-2x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_2"] { padding-left: var(--ytd-margin-2x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_2"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_2"] { padding-right: var(--ytd-margin-2x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_3"] { padding-top: var(--ytd-margin-3x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"] { padding-bottom: var(--ytd-margin-3x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_3"] { padding-left: var(--ytd-margin-3x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_3"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_3"] { padding-right: var(--ytd-margin-3x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_4"] { padding-top: var(--ytd-margin-4x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"] { padding-bottom: var(--ytd-margin-4x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_4"] { padding-left: var(--ytd-margin-4x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_4"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_4"] { padding-right: var(--ytd-margin-4x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_5"] { padding-top: var(--ytd-margin-5x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"] { padding-bottom: var(--ytd-margin-5x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_5"] { padding-left: var(--ytd-margin-5x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_5"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_5"] { padding-right: var(--ytd-margin-5x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_6"] { padding-top: var(--ytd-margin-6x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"] { padding-bottom: var(--ytd-margin-6x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_6"] { padding-left: var(--ytd-margin-6x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_6"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_6"] { padding-right: var(--ytd-margin-6x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_7"] { padding-top: var(--ytd-margin-7x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"] { padding-bottom: var(--ytd-margin-7x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_7"] { padding-left: var(--ytd-margin-7x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_7"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_7"] { padding-right: var(--ytd-margin-7x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_8"] { padding-top: var(--ytd-margin-8x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"] { padding-bottom: var(--ytd-margin-8x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_8"] { padding-left: var(--ytd-margin-8x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_8"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_8"] { padding-right: var(--ytd-margin-8x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_9"] { padding-top: var(--ytd-margin-9x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"] { padding-bottom: var(--ytd-margin-9x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_9"] { padding-left: var(--ytd-margin-9x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_9"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_9"] { padding-right: var(--ytd-margin-9x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_10"] { padding-top: var(--ytd-margin-10x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"] { padding-bottom: var(--ytd-margin-10x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_10"] { padding-left: var(--ytd-margin-10x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_10"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_10"] { padding-right: var(--ytd-margin-10x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_11"] { padding-top: var(--ytd-margin-11x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"] { padding-bottom: var(--ytd-margin-11x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_11"] { padding-left: var(--ytd-margin-11x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_11"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_11"] { padding-right: var(--ytd-margin-11x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_12"] { padding-top: var(--ytd-margin-12x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"] { padding-bottom: var(--ytd-margin-12x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_12"] { padding-left: var(--ytd-margin-12x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_12"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_12"] { padding-right: var(--ytd-margin-12x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_13"] { padding-top: var(--ytd-margin-13x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"] { padding-bottom: var(--ytd-margin-13x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_13"] { padding-left: var(--ytd-margin-13x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_13"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_13"] { padding-right: var(--ytd-margin-13x); } yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-text-renderer[top-padding="CARD_ITEM_UX_SPACE_14"] { padding-top: var(--ytd-margin-14x); } yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-text-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"] { padding-bottom: var(--ytd-margin-14x); } yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-text-renderer[left-padding="CARD_ITEM_UX_SPACE_14"] { padding-left: var(--ytd-margin-14x); } yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_14"], .yt-card-item-text-renderer[right-padding="CARD_ITEM_UX_SPACE_14"] { padding-right: var(--ytd-margin-14x); } yt-card-item-text-renderer { display: block; } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_DISPLAY_1"] { font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_DISPLAY_2"] { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_TITLE_1"] { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color); } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_TITLE_2"] { font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_BUTTON"] { font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_BODY_1A"] { font-size: var(--ytd-mini-attribution-font-size); font-weight: var(--ytd-mini-attribution-font-weight); line-height: var(--ytd-mini-attribution-line-height); } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_BODY_1B"] { font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_BODY_2A"] { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height,1.8rem); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color); } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_BODY_2B"] { font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight,400); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_LABEL"] { font-size: 1rem; font-weight: 400; line-height: 1.4rem; } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_SANS_20"] { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_SUBHEADLINE_1"] { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } #card-text.yt-card-item-text-renderer[text-style="CARD_ITEM_TEXT_STYLE_SUBHEADLINE_2"] { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } yt-card-item-text-with-button-renderer { display: flex; flex-direction: row; align-items: center; } yt-card-item-text-with-button-renderer[icon-size="18"] { --yt-icon-button-icon-height: 18px; --yt-icon-button-icon-width: 18px; } yt-card-item-text-with-image-renderer[image-placement="CARD_ITEM_IMAGE_PLACEMENT_START"] { display: flex; flex-direction: row; align-items: center; } yt-card-item-text-with-image-renderer[image-placement="CARD_ITEM_IMAGE_PLACEMENT_TOP"] { display: flex; flex-direction: column; } yt-header-with-back-renderer { display: block; background-color: var(--yt-spec-general-background-b); } #header-wrapper.yt-header-with-back-renderer { max-width: 700px; margin: 0px auto; padding: var(--ytd-margin-8x) 0; position: relative; display: flex; flex-direction: row; align-items: center; } #back-button.yt-header-with-back-renderer { left: -36px; position: absolute; color: var(--yt-spec-brand-icon-inactive); } #image-renderer.yt-header-with-back-renderer { height: 36px; width: 36px; border-radius: 50%; background-color: var(--yt-spec-static-brand-red); margin-right: var(--ytd-margin-3x); color: var(--yt-spec-brand-background-solid); display: flex; align-items: center; justify-content: center; } #header-container.yt-header-with-back-renderer { overflow: hidden; } #header-title.yt-header-with-back-renderer { color: var(--yt-spec-text-primary); display: block; max-height: calc(var(--yt-navbar-title-line-height,2.4rem)*2); overflow: hidden; font-size: var(--ytd-navbar-title-font-size); font-weight: var(--ytd-navbar-title-font-weight); line-height: var(--ytd-navbar-title-line-height); } #header-subtitle.yt-header-with-back-renderer { display: block; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } yt-offer-item-upsell-renderer { display: block; padding: var(--ytd-margin-4x) var(--ytd-margin-6x); } yt-offer-item-upsell-renderer:last-child { padding-bottom: var(--yt-offer-item-upsell-renderer-last-child-padding-bottom,var(--ytd-margin-4x)); } #heading-price-container.yt-offer-item-upsell-renderer { margin-bottom: var(--ytd-margin-3x); display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; } #description-actions-container.yt-offer-item-upsell-renderer { display: flex; flex-direction: row; justify-content: space-between; } #description-renderer.yt-offer-item-upsell-renderer { width: 50%; } #image-renderer.yt-offer-item-upsell-renderer { margin-bottom: var(--ytd-margin-3x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_1"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_1"] { margin-top: var(--ytd-margin-base); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_1"] { margin-bottom: var(--ytd-margin-base); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_1"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_1"] { margin-left: var(--ytd-margin-base); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_1"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_1"] { margin-right: var(--ytd-margin-base); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_2"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_2"] { margin-top: var(--ytd-margin-2x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_2"] { margin-bottom: var(--ytd-margin-2x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_2"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_2"] { margin-left: var(--ytd-margin-2x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_2"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_2"] { margin-right: var(--ytd-margin-2x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_3"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_3"] { margin-top: var(--ytd-margin-3x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_3"] { margin-bottom: var(--ytd-margin-3x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_3"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_3"] { margin-left: var(--ytd-margin-3x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_3"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_3"] { margin-right: var(--ytd-margin-3x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_4"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_4"] { margin-top: var(--ytd-margin-4x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_4"] { margin-bottom: var(--ytd-margin-4x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_4"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_4"] { margin-left: var(--ytd-margin-4x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_4"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_4"] { margin-right: var(--ytd-margin-4x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_5"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_5"] { margin-top: var(--ytd-margin-5x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_5"] { margin-bottom: var(--ytd-margin-5x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_5"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_5"] { margin-left: var(--ytd-margin-5x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_5"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_5"] { margin-right: var(--ytd-margin-5x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_6"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_6"] { margin-top: var(--ytd-margin-6x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_6"] { margin-bottom: var(--ytd-margin-6x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_6"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_6"] { margin-left: var(--ytd-margin-6x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_6"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_6"] { margin-right: var(--ytd-margin-6x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_7"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_7"] { margin-top: var(--ytd-margin-7x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_7"] { margin-bottom: var(--ytd-margin-7x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_7"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_7"] { margin-left: var(--ytd-margin-7x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_7"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_7"] { margin-right: var(--ytd-margin-7x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_8"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_8"] { margin-top: var(--ytd-margin-8x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_8"] { margin-bottom: var(--ytd-margin-8x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_8"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_8"] { margin-left: var(--ytd-margin-8x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_8"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_8"] { margin-right: var(--ytd-margin-8x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_9"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_9"] { margin-top: var(--ytd-margin-9x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_9"] { margin-bottom: var(--ytd-margin-9x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_9"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_9"] { margin-left: var(--ytd-margin-9x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_9"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_9"] { margin-right: var(--ytd-margin-9x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_10"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_10"] { margin-top: var(--ytd-margin-10x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_10"] { margin-bottom: var(--ytd-margin-10x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_10"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_10"] { margin-left: var(--ytd-margin-10x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-10x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_11"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_11"] { margin-top: var(--ytd-margin-11x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_11"] { margin-bottom: var(--ytd-margin-11x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_11"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_11"] { margin-left: var(--ytd-margin-11x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_11"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-11x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_12"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_12"] { margin-top: var(--ytd-margin-12x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_12"] { margin-bottom: var(--ytd-margin-12x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_12"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_12"] { margin-left: var(--ytd-margin-12x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_12"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-12x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_13"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_13"] { margin-top: var(--ytd-margin-13x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_13"] { margin-bottom: var(--ytd-margin-13x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_13"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_13"] { margin-left: var(--ytd-margin-13x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_13"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-13x); } yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_14"], .yt-themed-image-renderer[top-margin="CARD_ITEM_UX_SPACE_14"] { margin-top: var(--ytd-margin-14x); } yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"], .yt-themed-image-renderer[bottom-margin="CARD_ITEM_UX_SPACE_14"] { margin-bottom: var(--ytd-margin-14x); } yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_14"], .yt-themed-image-renderer[left-margin="CARD_ITEM_UX_SPACE_14"] { margin-left: var(--ytd-margin-14x); } yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_14"], .yt-themed-image-renderer[right-margin="CARD_ITEM_UX_SPACE_10"] { margin-right: var(--ytd-margin-14x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_1"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_1"] { padding-top: var(--ytd-margin-base); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_1"] { padding-bottom: var(--ytd-margin-base); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_1"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_1"] { padding-left: var(--ytd-margin-base); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_1"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_1"] { padding-right: var(--ytd-margin-base); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_2"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_2"] { padding-top: var(--ytd-margin-2x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_2"] { padding-bottom: var(--ytd-margin-2x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_2"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_2"] { padding-left: var(--ytd-margin-2x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_2"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_2"] { padding-right: var(--ytd-margin-2x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_3"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_3"] { padding-top: var(--ytd-margin-3x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_3"] { padding-bottom: var(--ytd-margin-3x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_3"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_3"] { padding-left: var(--ytd-margin-3x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_3"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_3"] { padding-right: var(--ytd-margin-3x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_4"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_4"] { padding-top: var(--ytd-margin-4x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_4"] { padding-bottom: var(--ytd-margin-4x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_4"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_4"] { padding-left: var(--ytd-margin-4x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_4"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_4"] { padding-right: var(--ytd-margin-4x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_5"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_5"] { padding-top: var(--ytd-margin-5x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_5"] { padding-bottom: var(--ytd-margin-5x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_5"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_5"] { padding-left: var(--ytd-margin-5x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_5"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_5"] { padding-right: var(--ytd-margin-5x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_6"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_6"] { padding-top: var(--ytd-margin-6x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_6"] { padding-bottom: var(--ytd-margin-6x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_6"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_6"] { padding-left: var(--ytd-margin-6x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_6"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_6"] { padding-right: var(--ytd-margin-6x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_7"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_7"] { padding-top: var(--ytd-margin-7x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_7"] { padding-bottom: var(--ytd-margin-7x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_7"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_7"] { padding-left: var(--ytd-margin-7x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_7"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_7"] { padding-right: var(--ytd-margin-7x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_8"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_8"] { padding-top: var(--ytd-margin-8x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_8"] { padding-bottom: var(--ytd-margin-8x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_8"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_8"] { padding-left: var(--ytd-margin-8x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_8"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_8"] { padding-right: var(--ytd-margin-8x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_9"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_9"] { padding-top: var(--ytd-margin-9x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_9"] { padding-bottom: var(--ytd-margin-9x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_9"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_9"] { padding-left: var(--ytd-margin-9x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_9"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_9"] { padding-right: var(--ytd-margin-9x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_10"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_10"] { padding-top: var(--ytd-margin-10x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_10"] { padding-bottom: var(--ytd-margin-10x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_10"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_10"] { padding-left: var(--ytd-margin-10x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_10"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_10"] { padding-right: var(--ytd-margin-10x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_11"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_11"] { padding-top: var(--ytd-margin-11x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_11"] { padding-bottom: var(--ytd-margin-11x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_11"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_11"] { padding-left: var(--ytd-margin-11x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_11"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_11"] { padding-right: var(--ytd-margin-11x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_12"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_12"] { padding-top: var(--ytd-margin-12x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_12"] { padding-bottom: var(--ytd-margin-12x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_12"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_12"] { padding-left: var(--ytd-margin-12x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_12"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_12"] { padding-right: var(--ytd-margin-12x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_13"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_13"] { padding-top: var(--ytd-margin-13x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_13"] { padding-bottom: var(--ytd-margin-13x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_13"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_13"] { padding-left: var(--ytd-margin-13x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_13"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_13"] { padding-right: var(--ytd-margin-13x); } yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_14"], .yt-themed-image-renderer[top-padding="CARD_ITEM_UX_SPACE_14"] { padding-top: var(--ytd-margin-14x); } yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"], .yt-themed-image-renderer[bottom-padding="CARD_ITEM_UX_SPACE_14"] { padding-bottom: var(--ytd-margin-14x); } yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_14"], .yt-themed-image-renderer[left-padding="CARD_ITEM_UX_SPACE_14"] { padding-left: var(--ytd-margin-14x); } yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_14"], .yt-themed-image-renderer[right-padding="CARD_ITEM_UX_SPACE_14"] { padding-right: var(--ytd-margin-14x); } yt-themed-image-renderer { --yt-img-margin-left: 0; --yt-img-margin-right: 0; display: block; } yt-themed-image-renderer[is-circular_] yt-img-shadow.yt-themed-image-renderer, yt-themed-image-renderer[is-circular_] yt-icon.yt-themed-image-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; } #image.yt-themed-image-renderer { display: block; } yt-themed-image-renderer:not([is-circular_]) #image.yt-themed-image-renderer { border-radius: 4px; overflow: hidden; } yt-button-renderer:not([button-next]) { --paper-button-ink-color: var(--yt-spec-icon-disabled); --yt-formatted-string-deemphasize-color: var( --yt-spec-static-overlay-text-primary ); vertical-align: middle; white-space: nowrap; font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } yt-button-renderer yt-formatted-string .yt-formatted-string[style-target="deemphasize"] { margin-left: var(--ytd-margin-base); } yt-button-renderer[disable-text-transform] { text-transform: none; } yt-button-renderer[disabled][is-paper-button] a.yt-button-renderer { cursor: auto; pointer-events: none; } yt-button-renderer[is-paper-button] yt-icon.yt-button-renderer { flex: 0 0 auto; } yt-button-renderer yt-formatted-string.yt-button-renderer { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } tp-yt-paper-button.yt-button-renderer { min-width: var(--yt-paper-button-min-width,var(--ytd-paper-button-min-width,5.14em)); font-size: var(--yt-paper-button-font-size,inherit); } yt-button-renderer tp-yt-paper-button.keyboard-focus.yt-button-renderer { font-weight: inherit; } tp-yt-paper-tooltip.yt-button-renderer { z-index: var(--yt-button-tooltip-z-index); } yt-button-renderer[is-icon-button]:not([style-action-button]) { -webkit-font-smoothing: var(--ytd-caption--webkit-font-smoothing); font-family: var(--ytd-caption-font-family); font-size: var(--ytd-caption-font-size); font-weight: var(--ytd-caption-font-weight); letter-spacing: var(--ytd-caption-letter-spacing); line-height: var(--ytd-caption-line-height); text-transform: var(--ytd-caption-text-transform); } yt-button-renderer.force-icon-button:not([has-no-text]) a.yt-button-renderer { padding-right: var(--yt-button-icon-padding,var(--ytd-margin-2x)); } yt-button-renderer[is-paper-button] { background-color: var(--yt-basic-background-color,var(--yt-button-background-color)); color: var(--yt-basic-foreground-title-color,var(--yt-spec-text-secondary)); border-color: var(--yt-basic-foreground-title-color,var(--yt-spec-text-secondary)); } yt-button-renderer[is-paper-button-with-icon] { --yt-button-padding-minus-focus-outline: var( --yt-button-with-icon-padding-minus-focus-outline ); } yt-button-renderer.style-suggestive.size-small[is-paper-button-with-icon] { --yt-button-padding: 6px 12px; --yt-button-padding-minus-border: 5px 11px; } yt-button-renderer[is-paper-button-with-icon] { --yt-button-padding: 6px 16px; --yt-button-padding-minus-border: 5px 15px; } yt-button-renderer[is-paper-button-with-icon][button-size="size-large"] { --yt-button-padding: 10px 16px; --yt-button-padding-minus-border: 9px 15px; --yt-button-padding-minus-focus-outline: 9px 15px; } yt-button-renderer[is-icon-button] { color: var(--yt-button-color,var(--yt-spec-icon-inactive)); } yt-button-renderer.style-text[is-icon-button], yt-button-renderer.style-default[is-icon-button], yt-button-renderer.style-opacity[is-icon-button] { color: var(--yt-spec-icon-inactive); } yt-button-renderer.style-text[is-icon-button] #text.yt-button-renderer, yt-button-renderer.style-default[is-icon-button] #text.yt-button-renderer, yt-button-renderer.style-opacity[is-icon-button] #text.yt-button-renderer { color: var(--yt-button-icon-button-text-color,var(--yt-spec-text-secondary)); } yt-button-renderer.style-black[is-icon-button] { color: var(--yt-spec-text-primary); } yt-button-renderer.style-visibly-disabled[is-icon-button], yt-button-renderer.style-opacity[is-icon-button][disabled], yt-button-renderer.style-text[is-icon-button][disabled] #text.yt-button-renderer, yt-button-renderer.style-default[is-icon-button][disabled] #text.yt-button-renderer, yt-button-renderer.style-opacity[is-icon-button][disabled] #text.yt-button-renderer { color: var(--yt-spec-text-disabled); } yt-button-renderer.style-blue-text[is-icon-button] { color: var(--yt-spec-call-to-action); } tp-yt-paper-tooltip.yt-button-renderer { white-space: nowrap; } yt-button-renderer.style-primary[is-paper-button] { background-color: var(--yt-spec-call-to-action); color: var(--yt-spec-text-primary-inverse); } yt-button-renderer.style-primary[disabled][is-paper-button] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-disabled); } yt-button-renderer.style-payment[is-paper-button] { background-color: var(--yt-button-payment-background-color,var(--yt-spec-call-to-action)); color: var(--yt-spec-text-primary-inverse); } yt-button-renderer.style-payment[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-primary[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-payment[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer, yt-button-renderer.style-primary[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-suggestive[is-paper-button] { --yt-formatted-string-deemphasize-color: var(--yt-spec-call-to-action); background-color: transparent; color: var(--yt-spec-call-to-action); } yt-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.yt-button-renderer { border: 1px solid var(--yt-spec-call-to-action); padding: var(--yt-button-padding-minus-border); } yt-button-renderer.style-suggestive[is-paper-button][disabled] tp-yt-paper-button.yt-button-renderer { border: 1px solid var(--yt-spec-text-disabled); } yt-button-renderer.style-suggestive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-suggestive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.palette-with-border[is-paper-button] tp-yt-paper-button.yt-button-renderer { border: 1px solid var(--yt-basic-border-color); padding: var(--yt-button-padding-minus-border); } yt-button-renderer.palette-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.palette-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-basic-border-color); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-blue-text[is-paper-button] { --yt-formatted-string-deemphasize-color: var(--yt-spec-icon-disabled); color: var(--yt-spec-call-to-action); } yt-button-renderer.style-blue-text[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-blue-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-destructive[is-paper-button] { background-color: var(--yt-spec-red-indicator); color: var(--yt-spec-static-overlay-text-primary); } yt-button-renderer.style-destructive[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-destructive[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-primary); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-destructive[disabled][is-paper-button] { background-color: var(--yt-spec-icon-disabled); color: var(--yt-spec-text-primary-inverse); } yt-button-renderer.style-brand[is-paper-button] { color: var(--yt-spec-brand-red-contrast); } yt-button-renderer.style-brand[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-brand[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-background-brand); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-default[is-paper-button] { background-color: var(--yt-button-default-background-color,var(--yt-spec-badge-chip-background)); color: var(--yt-button-default-text-color,var(--yt-spec-text-secondary)); } yt-button-renderer.style-default[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-default[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-inactive-outline[is-paper-button] { color: var(--yt-spec-text-secondary); } yt-button-renderer.style-inactive-outline[is-paper-button] tp-yt-paper-button.yt-button-renderer { border: 1px solid var(--yt-spec-text-secondary); padding: var(--yt-button-padding-minus-border); } yt-button-renderer.style-inactive-outline[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-inactive-outline[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-text-secondary); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-suggested-action[is-paper-button] { background-color: var(--yt-spec-suggested-action); color: var(--yt-spec-call-to-action); } yt-button-renderer.style-suggested-action[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-suggested-action[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-call-to-action-faded); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-compact-gray[is-paper-button] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); } yt-button-renderer.style-compact-gray[is-paper-button] tp-yt-paper-button.yt-button-renderer { padding: var(--ytd-margin-base) var(--ytd-margin-2x); } yt-button-renderer.style-text[is-paper-button] { color: var(--yt-spec-text-secondary); } yt-button-renderer[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-text[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer, yt-button-renderer.style-text[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-icon-disabled); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-overlay[is-paper-button] { background-color: var(--yt-spec-static-overlay-button-primary); color: var(--yt-spec-static-overlay-text-primary); } yt-button-renderer.style-overlay[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-overlay[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-overlay-text-secondary); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-white-with-border[is-paper-button] { background-color: transparent; border: 1px solid var(--yt-spec-static-white-background); color: var(--yt-spec-static-overlay-text-primary); } yt-button-renderer.style-white-with-border[is-paper-button]:not([use-keyboard-focused]) tp-yt-paper-button.keyboard-focus.yt-button-renderer, yt-button-renderer.style-white-with-border[is-paper-button][use-keyboard-focused][keyboard-focused] tp-yt-paper-button.yt-button-renderer { border: var(--yt-button-padding-minus-focus-outline-width) solid var(--yt-spec-static-white-background); padding: var(--yt-button-padding-minus-focus-outline); } yt-button-renderer.style-alert-info[is-paper-button] { color: var(--yt-spec-call-to-action); } yt-button-renderer.style-alert-info[is-paper-button]:hover { color: var(--yt-spec-button-chip-background-hover); } yt-button-renderer.style-dark[is-paper-button] { background-color: var(--yt-button-dark-background-color,var(--yt-spec-badge-chip-background)); color: var(--yt-button-dark-text-color,var(--yt-spec-text-secondary)); } yt-button-renderer.style-light[is-paper-button] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-secondary); } yt-button-renderer.style-light-text[is-paper-button] { color: var(--yt-spec-static-overlay-text-primary); } yt-button-renderer.style-black[is-paper-button] { color: var(--yt-spec-text-primary); } yt-button-renderer.style-visibly-disabled[is-paper-button] { background-color: transparent; color: var(--yt-spec-text-disabled); } yt-button-renderer.style-black[disabled][is-paper-button] { color: var(--yt-spec-text-disabled); } yt-button-renderer.style-dark-on-black[is-paper-button] { background-color: var(--yt-spec-static-overlay-button-secondary); border: none; color: var(--yt-spec-static-overlay-text-primary); } yt-button-renderer.style-blue-text-with-inverse-theme[is-paper-button] { color: var(--yt-spec-call-to-action-inverse); } yt-button-renderer.style-count { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } tp-yt-paper-button.yt-button-renderer { display: inline-block; text-align: center; font-family: inherit; } yt-button-renderer:not([button-next]) { display: inline-block; text-transform: uppercase; } yt-button-renderer.force-icon-button a.yt-button-renderer { cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; } yt-button-renderer[disabled] a.yt-button-renderer:focus { outline: none; } yt-button-renderer[is-icon-button][has-no-text] { font-size: 0px; } a.yt-button-renderer { display: flex; } a.yt-simple-endpoint.yt-button-renderer { color: inherit; border-radius: inherit; text-decoration: none; } yt-button-renderer[is-paper-button] { border-radius: var(--yt-button-border-radius,3px); margin: var(--yt-button-margin,0 .29em); } yt-button-renderer[is-paper-button][disabled] { color: var(--yt-spec-text-disabled); background-color: transparent; } yt-button-renderer[is-icon-button][disabled] { color: var(--yt-spec-text-disabled); } yt-button-renderer[is-icon-button][style-action-button] { --yt-button-icon-padding: 6px; } yt-button-renderer[is-paper-button][align-by-text]:not(:empty) { margin-left: -16px; } yt-button-renderer[is-icon-button][icon-align-by-text]:not(:empty) { margin-left: -8px; } yt-button-renderer[is-paper-button][button-size="size-large"] { line-height: 24px; } tp-yt-paper-button.yt-button-renderer { width: var(--yt-paper-button-width,auto); height: var(--yt-paper-button-height,auto); border-radius: inherit; margin: 0 var(--yt-button-paper-button-margin-right,0) 0 var(--yt-button-paper-button-margin-left,0); padding: var(--yt-button-padding,.7em .57em); display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1 1 auto; } yt-button-renderer[start-justified] tp-yt-paper-button.yt-button-renderer { justify-content: flex-start; } yt-button-renderer[vertically-aligned] tp-yt-paper-button.yt-button-renderer { display: flex; flex-direction: column; } yt-button-renderer[vertically-aligned] tp-yt-paper-button.yt-button-renderer #text.yt-button-renderer { overflow: hidden; text-align: center; text-overflow: ellipsis; width: inherit; } #button.yt-button-renderer { color: var(--yt-button-color); background-color: var(--yt-button-background-color); } yt-button-renderer #button.yt-button-renderer { color: var(--yt-button-color,inherit); background-color: transparent; text-transform: var(--yt-button-text-transform,inherit); } button.yt-button-renderer, yt-icon-button.yt-button-renderer { padding: 1px 6px; } yt-icon-button.yt-button-renderer { width: var(--yt-button-icon-size,40px); height: var(--yt-button-icon-size,40px); color: var(--yt-endpoint-color,var(--yt-deprecated-luna-black)); } yt-icon-button.yt-button-renderer[disabled] { color: var(--yt-button-disabled-color,hsla(0,0%,6.7%,.2)); } yt-icon-button.yt-button-renderer { line-height: 1; padding: var(--yt-button-icon-padding,8px); width: var(--yt-button-icon-size,var(--yt-icon-width,40px)); height: var(--yt-button-icon-size,var(--yt-icon-height,40px)); } yt-icon-button.yt-button-renderer > yt-icon.yt-button-renderer { width: 100%; height: 100%; } #button.yt-button-renderer yt-icon.yt-button-renderer + yt-formatted-string.yt-button-renderer { margin-left: var(--yt-string-icon-padding,8px); } #button.yt-button-renderer yt-formatted-string.yt-button-renderer + yt-icon.yt-button-renderer { margin-left: var(--yt-button-icon-padding,8px); } yt-button-renderer[vertically-aligned] #button.yt-button-renderer yt-icon.yt-button-renderer + yt-formatted-string.yt-button-renderer { margin-left: 0px; margin-top: var(--yt-string-icon-padding,4px); } yt-button-renderer[vertically-aligned] #button.yt-button-renderer yt-formatted-string.yt-button-renderer + yt-icon.yt-button-renderer { margin-left: 0px; margin-top: var(--yt-button-icon-padding,4px); } yt-button-renderer.yt-spec-dialog-layout__dialog-layout-button.yt-spec-dialog-layout__dialog-layout-button--dialog-buttons-inline-stretched { display: flex; } yt-emoji-multi-person-selector { background-color: var(--yt-emoji-picker-variant-selector-bg-color); border-radius: 5px 5px 0px 0px; display: block; width: 175px; box-shadow: rgba(125, 125, 125, 0.1) 0px -3px 3px; visibility: hidden; } yt-emoji-multi-person-selector[is-positioned] { visibility: visible; } img.yt-emoji-multi-person-selector { border-radius: 2px; padding: 4px; cursor: pointer; } img.yt-emoji-multi-person-selector:hover, img.yt-emoji-multi-person-selector[aria-selected="true"] { background-color: var(--yt-spec-10-percent-layer); } #options.yt-emoji-multi-person-selector { border-bottom: 1px solid grey; } img.yt-emoji-multi-person-selector[selection="user"]:not([is-draft]) { filter: contrast(0) brightness(1.5); } #options.yt-emoji-multi-person-selector, #selections.yt-emoji-multi-person-selector { text-align: center; } .variant-thumbnail-row.yt-emoji-multi-person-selector { max-height: 35px; overflow-y: hidden; } yt-emoji-picker-category-button-renderer { display: inline-block; color: var(--yt-emoji-picker-category-button-color,var(--yt-live-chat-tertiary-text-color,var(--yt-spec-icon-active-other))); } yt-emoji-picker-category-button-renderer[active] { color: var(--yt-live-chat-primary-text-color,var(--yt-spec-icon-active-other)); } yt-icon-button.yt-emoji-picker-category-button-renderer { width: 18px; height: 18px; margin: 4px; } #button.yt-emoji-picker-category-button-renderer > tp-yt-paper-tooltip { white-space: nowrap; } yt-emoji-picker-category-renderer { display: block; z-index: 0; margin-bottom: var(--yt-emoji-picker-category-margin-bottom); margin-left: var(--yt-emoji-picker-category-margin-left); margin-right: var(--yt-emoji-picker-category-margin-right); outline: none; } #title.yt-emoji-picker-category-renderer { position: sticky; top: 0px; display: block; background-color: var(--yt-emoji-picker-category-background-color); color: var(--yt-emoji-picker-category-color); line-height: var(--yt-emoji-picker-category-title-line-height,16px); font-size: var(--yt-emoji-picker-category-title-font-size,13px); font-weight: var(--yt-emoji-picker-category-title-font-weight,500); letter-spacing: var(--yt-emoji-picker-category-title-letter-spacing,.5px); text-transform: var(--yt-emoji-picker-category-text-transform,uppercase); pointer-events: none; padding: 2px; margin-bottom: var(--yt-emoji-picker-category-title-margin-bottom); z-index: 1; } #emoji.yt-emoji-picker-category-renderer { display: flex; flex-flow: wrap; contain: content; } img.yt-emoji-picker-category-renderer { border-radius: 2px; padding: 4px; cursor: pointer; } img.yt-emoji-picker-category-renderer:hover, img.yt-emoji-picker-category-renderer[aria-selected="true"] { background-color: var(--yt-spec-10-percent-layer); } img.yt-emoji-picker-category-renderer[contains-variants] { background-image: linear-gradient(to bottom right,transparent 90%,var(--yt-emoji-picker-base-with-variants-border) 10%); border-radius: 0px; } img.yt-emoji-picker-category-renderer[is-active-emoji-with-variants] { background-color: var(--yt-emoji-picker-variant-selector-bg-color); padding: 16px; box-sizing: border-box; background-image: none; } yt-emoji-picker-renderer { position: relative; display: flex; flex-direction: column; height: var(--yt-emoji-picker-renderer-height,220px); max-width: var(--yt-emoji-picker-renderer-max-width,none); --paper-input-container-color: var( --yt-emoji-picker-search-placeholder-color,var(--yt-deprecated-luna-black-opacity-lighten-3) ); --paper-input-container-underline-focus-display: none; --paper-input-container-underline-disabled-display: none; --paper-input-container-underline-display: none; --paper-input-container-ms-clear-display: none; font-size: 13px; } yt-emoji-picker-renderer tp-yt-paper-input-container[style-target="host"] { padding: 0px; height: 24px; } yt-emoji-picker-renderer .input-content.tp-yt-paper-input-container > input, yt-emoji-picker-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, yt-emoji-picker-renderer .input-content.tp-yt-paper-input-container > textarea, yt-emoji-picker-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, yt-emoji-picker-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: 13px; color: var(--yt-emoji-picker-search-color,var(--yt-deprecated-luna-black-opacity-lighten-1)); height: 24px; } #search-panel.yt-emoji-picker-renderer, #search-empty.yt-emoji-picker-renderer, #category-buttons.yt-emoji-picker-renderer { margin: var(--yt-emoji-picker-renderer-content-margin); } #categories.yt-emoji-picker-renderer, #search-category.yt-emoji-picker-renderer { overflow: auto; min-height: 0px; } yt-emoji-picker-renderer[disable-scroll] #categories.yt-emoji-picker-renderer { overflow-y: hidden; padding-right: var(--scrollbar-width,15px); } #search-category.yt-emoji-picker-renderer { margin-top: 8px; } #categories-wrapper.yt-emoji-picker-renderer { margin-top: 8px; position: relative; min-height: 0px; display: flex; flex-direction: column; flex: 1 1 1e-09px; } yt-emoji-picker-category-button-renderer.yt-emoji-picker-renderer:only-child { display: none; } #categories.yt-emoji-picker-renderer > .yt-emoji-picker-renderer:not(:first-child) { margin-top: 8px; } #category-buttons.yt-emoji-picker-renderer { margin-top: 8px; color: var(--yt-deprecated-luna-black-opacity-lighten-3); display: flex; flex-flow: wrap; justify-content: center; flex: 0 0 auto; } #search-panel.yt-emoji-picker-renderer { background-color: var(--yt-emoji-picker-search-background-color,var(--yt-deprecated-white-opacity-lighten-2)); padding: 4px 8px; border-radius: var(--yt-emoji-picker-search-border-radius,4px); font-size: 12px; color: var(--yt-deprecated-luna-black-opacity-lighten-2); flex: 0 0 auto; display: flex; flex-direction: row; align-items: center; } #search-panel.yt-emoji-picker-renderer:focus-within { outline-style: ; outline-color: var(--yt-emoji-picker-search-outline-color); outline-width: 1px; background-color: var(--yt-emoji-picker-search-active-background-color,var(--yt-emoji-picker-search-background-color,var(--yt-deprecated-white-opacity-lighten-2))); color: var(--yt-emoji-picker-search-active-text-color,var(--yt-deprecated-luna-black-opacity-lighten-2)); } #search.yt-emoji-picker-renderer { flex: 1 1 1e-09px; } #clear-search.yt-emoji-picker-renderer { width: 18px; height: 18px; color: var(--yt-live-chat-primary-text-color); } #search-empty.yt-emoji-picker-renderer { color: var(--yt-spec-text-primary); } #skin-tone.yt-emoji-picker-renderer { margin-left: 12px; position: relative; flex: 0 0 auto; } button.yt-emoji-picker-renderer { width: 16px; height: 16px; padding: 0px; background-color: transparent; border: 2px solid; border-radius: 4px; cursor: pointer; } button.yt-emoji-picker-renderer + button.yt-emoji-picker-renderer { margin-left: 4px; } button.yt-emoji-picker-renderer[tone="0"] { border-color: rgb(252, 194, 27); } button.yt-emoji-picker-renderer[tone="1"] { border-color: rgb(250, 220, 188); } button.yt-emoji-picker-renderer[tone="2"] { border-color: rgb(224, 187, 149); } button.yt-emoji-picker-renderer[tone="3"] { border-color: rgb(191, 143, 104); } button.yt-emoji-picker-renderer[tone="4"] { border-color: rgb(155, 100, 61); } button.yt-emoji-picker-renderer[tone="5"] { border-color: rgb(89, 69, 57); } button.yt-emoji-picker-renderer[tone="0"][selected] { background-color: rgb(252, 194, 27); } button.yt-emoji-picker-renderer[tone="1"][selected] { background-color: rgb(250, 220, 188); } button.yt-emoji-picker-renderer[tone="2"][selected] { background-color: rgb(224, 187, 149); } button.yt-emoji-picker-renderer[tone="3"][selected] { background-color: rgb(191, 143, 104); } button.yt-emoji-picker-renderer[tone="4"][selected] { background-color: rgb(155, 100, 61); } button.yt-emoji-picker-renderer[tone="5"][selected] { background-color: rgb(89, 69, 57); } yt-emoji-picker-renderer[searching] #categories-wrapper.yt-emoji-picker-renderer { display: none; } yt-emoji-picker-renderer:not([searching]) #search-category.yt-emoji-picker-renderer { display: none; } #emoji-variant-selector.yt-emoji-picker-renderer { position: absolute; } yt-emoji-picker-renderer[variant-selector-opened] #emoji-variant-selector.yt-emoji-picker-renderer, yt-emoji-picker-renderer[variant-selector-opened] #emoji-multi-person-selector.yt-emoji-picker-renderer { position: absolute; inset: 0px 8px; } yt-emoji-picker-upsell-category-renderer { display: block; z-index: 0; margin-left: var(--yt-emoji-picker-category-margin-left); outline: none; } #emoji.yt-emoji-picker-upsell-category-renderer { display: flex; flex-flow: wrap; } #title.yt-emoji-picker-upsell-category-renderer { display: block; position: relative; background-color: var(--yt-emoji-picker-category-background-color); color: var(--yt-emoji-picker-category-color); line-height: var(--yt-emoji-picker-category-title-line-height,16px); font-size: var(--yt-emoji-picker-category-title-font-size,13px); font-weight: var(--yt-emoji-picker-category-title-font-weight,500); letter-spacing: var(--yt-emoji-picker-category-title-letter-spacing,.5px); text-transform: var(--yt-emoji-picker-category-text-transform,uppercase); pointer-events: none; padding: 2px; margin-bottom: var(--yt-emoji-picker-category-title-margin-bottom); z-index: 1; } img.yt-emoji-picker-upsell-category-renderer { width: 24px; height: 24px; padding: 4px; opacity: 0.9; cursor: pointer; } img.yt-emoji-picker-upsell-category-renderer:hover, img.yt-emoji-picker-upsell-category-renderer[aria-selected="true"] { background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } svg.yt-emoji-picker-upsell-category-renderer { position: relative; width: 12px; height: 12px; margin-left: -12px; fill: var(--yt-live-chat-primary-text-color); pointer-events: none; } path#lock-border.yt-emoji-picker-upsell-category-renderer { fill: var(--yt-emoji-picker-category-background-color); } yt-emoji-variant-selector { background: var(--yt-emoji-picker-variant-selector-bg-color); border-radius: 5px 5px 0px 0px; display: block; box-shadow: rgba(125, 125, 125, 0.1) 0px -3px 3px; visibility: hidden; } yt-emoji-variant-selector[is-positioned] { visibility: visible; } img.yt-emoji-variant-selector { border-radius: 2px; padding: 4px; cursor: pointer; } img.yt-emoji-variant-selector:hover, img.yt-emoji-variant-selector[aria-selected="true"] { background-color: var(--yt-spec-10-percent-layer); } #variants.yt-emoji-variant-selector { max-width: 210px; } yt-emoji-variant-selector[is-family-selector] #variants.yt-emoji-variant-selector img.yt-emoji-variant-selector { padding-left: 5px; padding-right: 5px; float: left; } yt-emoji-variant-selector[is-family-selector] #variants.yt-emoji-variant-selector img.yt-emoji-variant-selector:first-of-type { margin-top: 128px; } canvas, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, embed, fieldset, font, form, h1, h2, h3, h4, h5, h6, hr, i, iframe, img, ins, kbd, label, legend, li, menu, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { margin: 0px; padding: 0px; border: 0px; background: transparent; } [hidden] { display: none !important; } .yt-simple-endpoint { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } html { --yt-button-margin: 0; --yt-button-padding: 10px 16px; --yt-button-padding-minus-border: 9px 15px; --yt-button-padding-minus-focus-outline: 8px 14px; --yt-button-padding-minus-focus-outline-width: 2px; --yt-button-with-icon-padding-minus-focus-outline: 4px 14px; --yt-button-border-radius: 2px; } html { --ytd-grid-base: 103px; --ytd-margin-base: 4px; --ytd-avatar-size: 32px; --ytd-toolbar-height: 56px; --ytd-margin-2x: 8px; --ytd-margin-3x: 12px; --ytd-margin-4x: 16px; --ytd-margin-5x: 20px; --ytd-margin-6x: 24px; --ytd-margin-7x: 28px; --ytd-margin-8x: 32px; --ytd-margin-9x: 36px; --ytd-margin-10x: 40px; --ytd-margin-11x: 44px; --ytd-margin-12x: 48px; --ytd-margin-14x: 56px; --ytd-margin-16x: 64px; --ytd-margin-17x: 68px; --ytd-margin-24x: 96px; --ytd-margin-25x: 100px; --ytd-margin-35x: 140px; --ytd-neg-margin-base: -4px; --ytd-neg-margin-2x: -8px; --ytd-neg-margin-3x: -12px; --ytd-neg-margin-4x: -16px; --ytd-neg-margin-5x: -20px; --ytd-neg-margin-6x: -24px; --ytd-neg-margin-7x: -28px; --ytd-neg-margin-8x: -32px; --ytd-neg-margin-10x: -40px; --ytd-neg-margin-11x: -44px; --ytd-neg-margin-12x: -48px; --ytd-neg-margin-14x: -56px; --ytd-neg-margin-16x: -64px; --ytd-neg-margin-24x: -96px; --ytd-neg-margin-25x: -100px; --yt-report-form-modal-renderer-min-width: 250px; --yt-legal-report-details-form-renderer-min-width: 250px; --yt-upsell-dialog-layout-vertical-width: 400px; --yt-upsell-dialog-layout-horizontal-width: 800px; } html { --yt-subscription-product-grid-margin: 24px; --yt-subscription-product-grid-margin-two-thirds: 16px; --yt-subscription-product-grid-margin-half: 12px; --yt-subscription-product-grid-margin-one-third: 8px; } html { --ytd-rich-grid-items-per-row: 4; --ytd-rich-grid-posts-per-row: 3; --ytd-rich-grid-slim-items-per-row: 6; --ytd-rich-grid-game-cards-per-row: 6; --ytd-rich-grid-mini-game-cards-per-row: 6; --ytd-rich-grid-item-margin: 16px; --ytd-rich-grid-compact-item-margin: 4px; --ytd-rich-grid-shorts-item-margin: 4px; --ytd-rich-grid-row-margin: 40px; --ytd-rich-grid-gutter-margin: 16px; --ytd-rich-grid-item-min-width: 310px; --ytd-rich-grid-item-max-width: 500px; --ytd-rich-grid-mini-item-min-width: 240px; --ytd-rich-grid-mini-item-max-width: 320px; --ytd-rich-grid-slim-item-max-width: 220px; } html[typography-spacing] { --yt-subheadline-letter-spacing: 0.1px; --yt-subheadline-link-letter-spacing: 0.15px; --yt-link-letter-spacing: 0.25px; --yt-thumbnail-attribution-letter-spacing: 0.3px; --yt-user-comment-letter-spacing: 0.2px; --yt-guide-highlight-letter-spacing: 0.25px; --yt-caption-letter-spacing: 0.35px; --yt-badge-letter-spacing: 0.35px; --yt-tab-system-letter-spacing: 0.5px; } html[typography] { --yt-channel-line-height: 3.2rem; --yt-navbar-title-line-height: 2.6rem; --yt-subheadline-line-height: 2.2rem; --yt-link-line-height: 2rem; --yt-thumbnail-attribution-font-size: 1.2rem; --yt-thumbnail-attribution-line-height: 1.8rem; --yt-user-comment-line-height: 2rem; --yt-guide-highlight-line-height: 2rem; --yt-caption-font-size: 1.2rem; --yt-caption-line-height: 1.8rem; } html { --yt-navbar-title-font-size: 1.8rem; --ytd-navbar-title-font-size: var(--yt-navbar-title-font-size); --ytd-navbar-title-font-weight: 400; --ytd-navbar-title-line-height: var(--yt-navbar-title-line-height,2.4rem); --ytd-subheadline-font-size: var(--yt-subheadline-font-size,1.6rem); --ytd-subheadline-font-weight: 400; --ytd-subheadline-line-height: var(--yt-subheadline-line-height,2rem); --ytd-subheadline-letter-spacing: var( --yt-subheadline-letter-spacing,normal ); --ytd-link-font-size: var(--yt-link-font-size,1.4rem); --ytd-link-font-weight: 500; --ytd-link-line-height: var(--yt-link-line-height,1.6rem); --ytd-link-letter-spacing: var(--yt-link-letter-spacing,normal); --ytd-user-comment-font-size: var(--yt-user-comment-font-size,1.4rem); --ytd-user-comment-font-weight: 400; --ytd-user-comment-line-height: var(--yt-user-comment-line-height,2.1rem); --ytd-user-comment-letter-spacing: var( --yt-user-comment-letter-spacing,normal ); --ytd-tab-system-font-size: var(--yt-tab-system-font-size,1.4rem); --ytd-tab-system-font-weight: 500; --ytd-tab-system-letter-spacing: var(--yt-tab-system-letter-spacing,0.007px); --ytd-tab-system-text-transform: uppercase; --ytd-caption-font-size: var(--yt-caption-font-size,1.3rem); --ytd-caption-line-height: var(--yt-caption-line-height,normal); --ytd-caption-font-weight: 500; --ytd-caption-letter-spacing: var(--yt-caption-letter-spacing,0.007px); --ytd-caption-text-transform: uppercase; --ytd-mini-attribution-font-size: 1.2rem; --ytd-mini-attribution-font-weight: 400; --ytd-mini-attribution-line-height: 1.5rem; --ytd-code-snippet-font-size: 1.4rem; --ytd-code-snippet-line-height: 2.4rem; } html:not(.style-scope) { --paper-dialog-background-color: var(--yt-spec-brand-background-solid); --paper-listbox-background-color: var(--yt-spec-brand-background-solid); --paper-listbox-color: var(--yt-spec-text-primary); --paper-spinner-layer-1-color: var(--yt-spec-text-secondary); --paper-spinner-layer-2-color: var(--yt-spec-text-secondary); --paper-spinner-layer-3-color: var(--yt-spec-text-secondary); --paper-spinner-layer-4-color: var(--yt-spec-text-secondary); --paper-spinner-color: var(--yt-spec-text-secondary); --paper-input-container-focus-color: var(--yt-spec-themed-blue); --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-invalid-color: var(--yt-spec-error-indicator); --paper-checkbox-unchecked-color: var(--yt-spec-icon-inactive); --paper-checkbox-unchecked-ink-color: var(--yt-spec-icon-inactive); --paper-checkbox-checked-color: var(--yt-spec-call-to-action); --paper-checkbox-checked-ink-color: var(--yt-spec-call-to-action); --paper-checkbox-label-color: var(--yt-spec-text-primary); --paper-checkbox-label-spacing: 16px; --paper-checkbox-size: 20px; --paper-checkbox-checkmark-color: var(--yt-spec-text-primary-inverse); --paper-radio-button-unchecked-color: var(--yt-spec-icon-inactive); --paper-radio-button-unchecked-ink-color: var(--yt-spec-icon-inactive); --paper-radio-button-checked-color: var(--yt-spec-call-to-action); --paper-radio-button-checked-ink-color: var(--yt-spec-call-to-action); --paper-radio-button-label-spacing: 16px; --paper-radio-button-label-color: var(--yt-spec-text-primary); --paper-radio-button-size: 20px; --paper-toggle-button-unchecked-bar-color: var(--yt-spec-icon-disabled); --paper-toggle-button-unchecked-button-color: var(--yt-spec-icon-inactive); --paper-toggle-button-checked-bar-color: var(--yt-spec-icon-disabled); --paper-toggle-button-checked-button-color: var(--yt-spec-call-to-action); --paper-toggle-button-checked-ink-color: var(--yt-spec-call-to-action); --paper-toggle-button-unchecked-ink-color: var(--yt-spec-touch-response); --paper-menu-disabled-color: var(--yt-spec-text-primary); --paper-menu-background-color: var(--yt-spec-brand-background-solid); --paper-menu-color: var(--yt-spec-text-primary); --yt-icon-width: 40px; --yt-icon-height: 40px; } #labelAndInputContainer#labelAndInputContainer.label-is-floating > label, #labelAndInputContainer#labelAndInputContainer.label-is-floating > .paper-input-label { font-size: 1.7rem; font-weight: 400; line-height: 2.4rem; } tp-yt-paper-icon-item[style-target="host"], tp-yt-paper-item[style-target="host"] { white-space: nowrap; } tp-yt-paper-input-error[style-target="host"] { overflow: hidden; } tp-yt-paper-tab:not(.iron-selected) .tp-yt-paper-tab[style-target="tab-content"] { opacity: 1; } yt-iframe-renderer { height: var(--yt-iframe-renderer-height,auto); display: flex; flex-direction: column; } iframe.yt-iframe-renderer { flex: 1 1 1e-09px; } html[system-icons] { --yt-spec-icon-active-other: #030303; --yt-spec-icon-inactive: #030303; --yt-spec-icon-disabled: #909090; --yt-spec-brand-icon-active: #030303; --yt-spec-brand-icon-inactive: #030303; --yt-button-icon-button-text-color: var(--yt-spec-text-primary); } html[system-icons][dark], html[system-icons] [dark] { --yt-spec-icon-inactive: #fff; --yt-spec-icon-disabled: #717171; --yt-spec-brand-icon-inactive: #fff; } html, [light] { --yt-spec-base-background: #fff; --yt-spec-raised-background: #fff; --yt-spec-menu-background: #fff; --yt-spec-inverted-background: #0f0f0f; --yt-spec-additive-background: rgba(0,0,0,0.05); --yt-spec-outline: rgba(0,0,0,0.1); --yt-spec-outline-inverse: rgba(255,255,255,0.2); --yt-spec-outline-inverse-medium: rgba(255,255,255,0.3); --yt-spec-shadow: rgba(0,0,0,0.25); --yt-spec-text-primary: #030303; --yt-spec-text-primary-inverse: #fff; --yt-spec-text-secondary: #606060; --yt-spec-text-disabled: #909090; --yt-spec-call-to-action: #065fd4; --yt-spec-call-to-action-inverse: #3ea6ff; --yt-spec-suggested-action: #def1ff; --yt-spec-suggested-action-inverse: #263850; --yt-spec-icon-active-other: #606060; --yt-spec-icon-inactive: #909090; --yt-spec-icon-disabled: #ccc; --yt-spec-button-chip-background-hover: rgba(0,0,0,0.1); --yt-spec-touch-response: #000; --yt-spec-touch-response-inverse: #fff; --yt-spec-brand-icon-active: #f03; --yt-spec-brand-icon-inactive: #606060; --yt-spec-red-indicator: #e1002d; --yt-spec-wordmark-text: #000; --yt-spec-error-indicator: #c30027; --yt-spec-error-background-red: rgba(255,85,119,0.2); --yt-spec-themed-blue: #065fd4; --yt-spec-themed-green: #107516; --yt-spec-ad-indicator: #00716c; --yt-spec-themed-overlay-background: rgba(255,255,255,0.7); --yt-spec-commerce-badge-background: #deffde; --yt-spec-static-white-background: #fff; --yt-spec-static-black: #0f0f0f; --yt-spec-static-brand-red: #f03; --yt-spec-static-brand-white: #fff; --yt-spec-static-brand-black: #000; --yt-spec-static-clear-color: rgba(255,255,255,0); --yt-spec-static-clear-black: rgba(0,0,0,0); --yt-spec-static-ad-yellow: #fbc02d; --yt-spec-static-grey: #606060; --yt-spec-brand-red-contrast: #c30027; --yt-spec-static-overlay-additive-background: rgba(40,40,40,0.6); --yt-spec-static-overlay-background-solid: #000; --yt-spec-static-overlay-background-heavy: rgba(0,0,0,0.8); --yt-spec-static-overlay-background-medium: rgba(0,0,0,0.6); --yt-spec-static-overlay-background-medium-light: rgba(0,0,0,0.3); --yt-spec-static-overlay-background-light: rgba(0,0,0,0.1); --yt-spec-static-overlay-text-primary: #fff; --yt-spec-static-overlay-text-primary-inverse: #030303; --yt-spec-static-overlay-text-secondary: rgba(255,255,255,0.7); --yt-spec-static-overlay-text-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-call-to-action: #3ea6ff; --yt-spec-static-overlay-call-to-action-hover: #65b8ff; --yt-spec-static-overlay-icon-active-other: #fff; --yt-spec-static-overlay-icon-inactive: rgba(255,255,255,0.7); --yt-spec-static-overlay-icon-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-secondary: rgba(255,255,255,0.1); --yt-spec-static-overlay-button-primary: rgba(255,255,255,0.3); --yt-spec-static-overlay-touch-response: #fff; --yt-spec-static-overlay-touch-response-inverse: #000; --yt-spec-static-overlay-background-brand: rgba(225,0,45,0.9); --yt-spec-assistive-feed-vibrant-gradient-1: #007a65; --yt-spec-assistive-feed-vibrant-gradient-2: #7f0e7f; --yt-spec-assistive-feed-vibrant-gradient-3: #ff8983; --yt-spec-assistive-feed-themed-gradient-1: #d4fff8; --yt-spec-assistive-feed-themed-gradient-2: #ffdeff; --yt-spec-assistive-feed-themed-gradient-3: #ffe6e6; --yt-spec-gen-ai-gradient-1: #007a65; --yt-spec-gen-ai-gradient-2: #7f0e7f; --yt-spec-gen-ai-gradient-3: #aa09aa; --yt-spec-gen-ai-gradient-4: #ff4e45; --yt-spec-gen-ai-additive-gradient-1: rgba(0,122,101,0.2); --yt-spec-gen-ai-additive-gradient-2: rgba(127,14,127,0.2); --yt-spec-gen-ai-additive-gradient-3: rgba(170,9,170,0.2); --yt-spec-gen-ai-additive-gradient-4: rgba(255,78,69,0.2); --yt-spec-scrim-background-gradient-1: rgba(255,255,255,0); --yt-spec-scrim-background-gradient-2: rgba(255,255,255,0.3); --yt-spec-scrim-background-gradient-3: rgba(255,255,255,0.6); --yt-spec-scrim-background-gradient-4: rgba(255,255,255,0.9); --yt-spec-scrim-background-gradient-5: white; --yt-spec-discover-red: #c00; --yt-spec-discover-green: #007f1b; --yt-spec-discover-blue: #005cff; --yt-frosted-glass-mobile: rgba(255,255,255,0.9); --yt-frosted-glass-desktop: rgba(255,255,255,0.9); --yt-spec-expressive-trend-10: #fbfee6; --yt-spec-expressive-trend-20: #f5ffb7; --yt-spec-expressive-trend-30: #ecfd83; --yt-spec-expressive-trend-40: #dafd00; --yt-spec-expressive-trend-50: #bbe900; --yt-spec-expressive-trend-60: #8abb03; --yt-spec-expressive-trend-70: #5c7e00; --yt-spec-correct-indicator: #00e800; --yt-spec-incorrect-indicator: #ff4e45; --yt-spec-brand-background-solid: #fff; --yt-spec-brand-background-primary: rgba(255,255,255,0.98); --yt-spec-brand-background-secondary: rgba(255,255,255,0.95); --yt-spec-general-background-a: #f9f9f9; --yt-spec-general-background-b: #f1f1f1; --yt-spec-general-background-c: #e9e9e9; --yt-spec-error-background: #181818; --yt-spec-10-percent-layer: rgba(0,0,0,0.1); --yt-spec-10-percent-layer-inverse: rgba(255,255,255,0.1); --yt-spec-snackbar-background: #212121; --yt-spec-snackbar-background-updated: #181818; --yt-spec-badge-chip-background: rgba(0,0,0,0.05); --yt-spec-badge-chip-background-inverse: rgba(255,255,255,0.1); --yt-spec-verified-badge-background: rgba(0,0,0,0.15); --yt-spec-brand-button-background: #c00; --yt-spec-brand-link-text: #c00; --yt-spec-brand-link-text-faded: rgba(204,0,0,0.3); --yt-spec-call-to-action-faded: rgba(6,95,212,0.3); --yt-spec-call-to-action-hover: #0551b4; --yt-spec-brand-button-background-hover: #990412; --yt-spec-filled-button-focus-outline: rgba(0,0,0,0.6); --yt-spec-static-overlay-button-hover: rgba(255,255,255,0.5); --yt-spec-mono-filled-hover: #272727; --yt-spec-mono-filled-hover-inverse: #d9d9d9; --yt-spec-commerce-filled-hover: #0556bf; --yt-spec-mono-tonal-hover: rgba(0,0,0,0.1); --yt-spec-mono-tonal-hover-inverse: rgba(255,255,255,0.2); --yt-spec-commerce-tonal-hover: #dadfe6; --yt-spec-static-overlay-filled-hover: #e6e6e6; --yt-spec-static-overlay-tonal-hover: rgba(255,255,255,0.2); --yt-spec-filled-button-text: #fff; --yt-spec-paper-tab-ink: rgba(0,0,0,0.3); --yt-spec-selected-nav-text: #c00; } html[darker-dark-theme], [darker-dark-theme] [light] { --yt-spec-text-primary: #0f0f0f; --yt-spec-text-primary-inverse: #fff; } html[dark], [dark] { --yt-spec-base-background: #0f0f0f; --yt-spec-raised-background: #212121; --yt-spec-menu-background: #282828; --yt-spec-inverted-background: #f1f1f1; --yt-spec-additive-background: rgba(255,255,255,0.1); --yt-spec-outline: rgba(255,255,255,0.2); --yt-spec-outline-inverse: rgba(0,0,0,0.1); --yt-spec-outline-inverse-medium: rgba(0,0,0,0.3); --yt-spec-shadow: rgba(0,0,0,0.25); --yt-spec-text-primary: #fff; --yt-spec-text-secondary: #aaa; --yt-spec-text-disabled: #717171; --yt-spec-text-primary-inverse: #030303; --yt-spec-call-to-action: #3ea6ff; --yt-spec-call-to-action-inverse: #065fd4; --yt-spec-suggested-action: #263850; --yt-spec-suggested-action-inverse: #def1ff; --yt-spec-icon-active-other: #fff; --yt-spec-icon-inactive: #909090; --yt-spec-icon-disabled: #606060; --yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); --yt-spec-touch-response: #fff; --yt-spec-touch-response-inverse: #000; --yt-spec-brand-icon-active: #fff; --yt-spec-brand-icon-inactive: #909090; --yt-spec-red-indicator: #e1002d; --yt-spec-wordmark-text: #fff; --yt-spec-error-indicator: #f57; --yt-spec-error-background-red: rgba(255,85,119,0.2); --yt-spec-themed-blue: #3ea6ff; --yt-spec-themed-green: #2ba640; --yt-spec-ad-indicator: #00aaa7; --yt-spec-themed-overlay-background: rgba(0,0,0,0.8); --yt-spec-commerce-badge-background: #002d08; --yt-spec-static-white-background: #fff; --yt-spec-static-black: #0f0f0f; --yt-spec-static-brand-red: #f03; --yt-spec-static-brand-white: #fff; --yt-spec-static-brand-black: #000; --yt-spec-static-clear-color: rgba(255,255,255,0); --yt-spec-static-clear-black: rgba(0,0,0,0); --yt-spec-static-ad-yellow: #fbc02d; --yt-spec-static-grey: #606060; --yt-spec-brand-red-contrast: #f57; --yt-spec-static-overlay-additive-background: rgba(40,40,40,0.6); --yt-spec-static-overlay-background-solid: #000; --yt-spec-static-overlay-background-heavy: rgba(0,0,0,0.8); --yt-spec-static-overlay-background-medium: rgba(0,0,0,0.6); --yt-spec-static-overlay-background-medium-light: rgba(0,0,0,0.3); --yt-spec-static-overlay-background-light: rgba(0,0,0,0.1); --yt-spec-static-overlay-text-primary: #fff; --yt-spec-static-overlay-text-primary-inverse: #030303; --yt-spec-static-overlay-text-secondary: rgba(255,255,255,0.7); --yt-spec-static-overlay-text-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-call-to-action: #3ea6ff; --yt-spec-static-overlay-call-to-action-hover: #65b8ff; --yt-spec-static-overlay-icon-active-other: #fff; --yt-spec-static-overlay-icon-inactive: rgba(255,255,255,0.7); --yt-spec-static-overlay-icon-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-primary: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-secondary: rgba(255,255,255,0.1); --yt-spec-static-overlay-touch-response: #fff; --yt-spec-static-overlay-touch-response-inverse: #000; --yt-spec-static-overlay-background-brand: rgba(225,0,45,0.9); --yt-spec-assistive-feed-themed-gradient-1: #005446; --yt-spec-assistive-feed-themed-gradient-2: #39003f; --yt-spec-assistive-feed-themed-gradient-3: #590000; --yt-spec-gen-ai-gradient-1: #007a65; --yt-spec-gen-ai-gradient-2: #7f0e7f; --yt-spec-gen-ai-gradient-3: #aa09aa; --yt-spec-gen-ai-gradient-4: #ff4e45; --yt-spec-gen-ai-additive-gradient-1: rgba(0,122,101,0.3); --yt-spec-gen-ai-additive-gradient-2: rgba(127,14,127,0.3); --yt-spec-gen-ai-additive-gradient-3: rgba(170,9,170,0.3); --yt-spec-gen-ai-additive-gradient-4: rgba(255,78,69,0.3); --yt-spec-scrim-background-gradient-1: rgba(15,15,15,0); --yt-spec-scrim-background-gradient-2: rgba(15,15,15,0.3); --yt-spec-scrim-background-gradient-3: rgba(15,15,15,0.6); --yt-spec-scrim-background-gradient-4: rgba(15,15,15,0.9); --yt-spec-scrim-background-gradient-5: #0f0f0f; --yt-spec-discover-red: #ff4e45; --yt-spec-discover-green: #a4ffa4; --yt-spec-discover-blue: #6ea2ff; --yt-frosted-glass-mobile: rgba(15,15,15,0.7); --yt-frosted-glass-desktop: rgba(15,15,15,0.8); --yt-spec-expressive-trend-10: #fbfee6; --yt-spec-expressive-trend-20: #f5ffb7; --yt-spec-expressive-trend-30: #ecfd83; --yt-spec-expressive-trend-40: #dafd00; --yt-spec-expressive-trend-50: #bbe900; --yt-spec-expressive-trend-60: #8abb03; --yt-spec-expressive-trend-70: #5c7e00; --yt-spec-correct-indicator: #00a513; --yt-spec-incorrect-indicator: #c00; --yt-spec-brand-background-solid: #212121; --yt-spec-brand-background-primary: rgba(33,33,33,0.98); --yt-spec-brand-background-secondary: rgba(33,33,33,0.95); --yt-spec-general-background-a: #181818; --yt-spec-general-background-b: #0f0f0f; --yt-spec-general-background-c: #030303; --yt-spec-error-background: #f9f9f9; --yt-spec-10-percent-layer: rgba(255,255,255,0.1); --yt-spec-10-percent-layer-inverse: rgba(0,0,0,0.1); --yt-spec-snackbar-background: #030303; --yt-spec-snackbar-background-updated: #f9f9f9; --yt-spec-badge-chip-background: rgba(255,255,255,0.1); --yt-spec-badge-chip-background-inverse: rgba(0,0,0,0.05); --yt-spec-verified-badge-background: rgba(255,255,255,0.25); --yt-spec-brand-button-background: #c00; --yt-spec-brand-link-text: #ff4e45; --yt-spec-brand-link-text-faded: rgba(255,78,69,0.3); --yt-spec-call-to-action-faded: rgba(62,166,255,0.3); --yt-spec-call-to-action-hover: #6ebcff; --yt-spec-brand-button-background-hover: #990412; --yt-spec-filled-button-focus-outline: rgba(255,255,255,0.7); --yt-spec-static-overlay-button-hover: rgba(255,255,255,0.5); --yt-spec-mono-filled-hover: #d9d9d9; --yt-spec-mono-filled-hover-inverse: #272727; --yt-spec-commerce-filled-hover: #65b8ff; --yt-spec-mono-tonal-hover: rgba(255,255,255,0.2); --yt-spec-mono-tonal-hover-inverse: rgba(0,0,0,0.1); --yt-spec-commerce-tonal-hover: #515561; --yt-spec-static-overlay-filled-hover: #e6e6e6; --yt-spec-static-overlay-tonal-hover: rgba(255,255,255,0.2); --yt-spec-paper-tab-ink: rgba(255,255,255,0.3); --yt-spec-filled-button-text: #030303; --yt-spec-selected-nav-text: #fff; } html[darker-dark-theme][dark], [darker-dark-theme] [dark] { --yt-spec-text-primary: #f1f1f1; --yt-spec-text-primary-inverse: #0f0f0f; } html[darker-dark-theme-deprecate], [darker-dark-theme-deprecate] { --yt-spec-brand-background-solid: var(--yt-spec-raised-background); --yt-spec-brand-background-primary: var(--yt-spec-raised-background); --yt-spec-brand-background-secondary: var(--yt-spec-raised-background); --yt-spec-general-background-a: var(--yt-spec-base-background); --yt-spec-general-background-b: var(--yt-spec-base-background); --yt-spec-general-background-c: var(--yt-spec-base-background); --yt-spec-error-background: var(--yt-spec-inverted-background); --yt-spec-badge-chip-background: var(--yt-spec-additive-background); --yt-spec-verified-badge-background: var(--yt-spec-additive-background); --yt-spec-10-percent-layer: var(--yt-spec-outline); --yt-spec-snackbar-background: var(--yt-spec-inverted-background); } html { --yt-spec-white-1: #fff; --yt-spec-white-2: #f9f9f9; --yt-spec-white-3: #f1f1f1; --yt-spec-white-4: #e9e9e9; --yt-spec-black-1: #282828; --yt-spec-black-2: #1f1f1f; --yt-spec-black-3: #161616; --yt-spec-black-4: #0d0d0d; --yt-spec-black-pure: #000; --yt-spec-grey-1: #ccc; --yt-spec-grey-2: #aaa; --yt-spec-grey-3: #909090; --yt-spec-grey-4: #717171; --yt-spec-grey-5: #606060; --yt-brand-youtube-red: #f00; --yt-brand-medium-red: #c00; --yt-brand-light-red: #ff4e45; --yt-spec-red-30: #ff8983; --yt-spec-red-70: #990412; --yt-spec-pale-blue: #f2f8ff; --yt-spec-light-blue: #3ea6ff; --yt-spec-dark-blue: #065fd4; --yt-spec-navy-blue: #252a3a; --yt-spec-light-green: #2ba640; --yt-spec-dark-green: #107516; --yt-spec-yellow: #fbc02d; --yt-spec-black-pure-alpha-5: rgba(0,0,0,0.05); --yt-spec-black-pure-alpha-10: rgba(0,0,0,0.1); --yt-spec-black-pure-alpha-15: rgba(0,0,0,0.15); --yt-spec-black-pure-alpha-30: rgba(0,0,0,0.3); --yt-spec-black-pure-alpha-60: rgba(0,0,0,0.6); --yt-spec-black-pure-alpha-80: rgba(0,0,0,0.8); --yt-spec-black-1-alpha-98: rgba(40,40,40,0.98); --yt-spec-black-1-alpha-95: rgba(40,40,40,0.95); --yt-spec-white-1-alpha-10: rgba(255,255,255,0.1); --yt-spec-white-1-alpha-20: rgba(255,255,255,0.2); --yt-spec-white-1-alpha-25: rgba(255,255,255,0.25); --yt-spec-white-1-alpha-30: rgba(255,255,255,0.3); --yt-spec-white-1-alpha-70: rgba(255,255,255,0.7); --yt-spec-white-1-alpha-95: rgba(255,255,255,0.95); --yt-spec-white-1-alpha-98: rgba(255,255,255,0.98); --yt-brand-medium-red-alpha-90: rgba(204,0,0,0.9); --yt-brand-medium-red-alpha-30: rgba(204,0,0,0.3); --yt-brand-light-red-alpha-30: rgba(255,78,69,0.3); --yt-spec-light-blue-alpha-30: rgba(62,166,255,0.3); --yt-spec-dark-blue-alpha-30: rgba(6,95,212,0.3); } html { --yt-deprecated-luna-black: hsl(0,0%,6.7%); --yt-deprecated-opalescence-grey: hsl(0,0%,53.3%); --yt-deprecated-opalescence-soft-grey: hsl(0,0%,93.3%); --yt-deprecated-blue: hsl(206.1,79.3%,52.7%); --yt-deprecated-luna-black-opacity-lighten-1: hsla(0,0%,6.7%,0.8); --yt-deprecated-luna-black-opacity-lighten-2: hsla(0,0%,6.7%,0.6); --yt-deprecated-luna-black-opacity-lighten-3: hsla(0,0%,6.7%,0.4); --yt-deprecated-opalescence-soft-grey-opacity-lighten-3: hsla(0,0%,93.3%,0.4); --yt-deprecated-white-opacity-lighten-1: hsla(0,0%,100%,0.8); --yt-deprecated-white-opacity-lighten-2: hsla(0,0%,100%,0.6); --yt-deprecated-dark-surface-100: hsl(0,0%,7%); } yt-dropdown-menu { display: inline-block; max-width: 100%; --paper-menu-button-content-border-radius: 8px; } yt-dropdown-menu[modern-buttons] #label.yt-dropdown-menu, yt-dropdown-menu[modern-buttons] #icon-label.yt-dropdown-menu { text-transform: unset; } #menu.yt-dropdown-menu { border-radius: 12px; overflow: hidden; } tp-yt-paper-button.yt-dropdown-menu { display: inline-block; text-align: center; font-family: inherit; width: var(--yt-dropdown-menu-button-width,auto); height: var(--yt-dropdown-menu-button-height,auto); } tp-yt-paper-menu-button.yt-dropdown-menu { color: var(--yt-spec-text-secondary); --paper-menu-button-dropdown-background: transparent; } tp-yt-paper-menu-button.yt-dropdown-menu, yt-dropdown-menu .yt-dropdown-menu[style-target="label-text"] { max-width: 100%; } tp-yt-paper-menu-button.yt-dropdown-menu { padding: 0px; } tp-yt-paper-listbox.yt-dropdown-menu { background-color: var(--yt-spec-brand-background-primary); } tp-yt-paper-listbox.yt-dropdown-menu tp-yt-paper-item.yt-dropdown-menu:hover { background-color: var(--yt-spec-10-percent-layer); } tp-yt-paper-listbox.yt-dropdown-menu .iron-selected.yt-dropdown-menu { font-weight: inherit; background-color: var(--yt-spec-10-percent-layer); } #label.yt-dropdown-menu { cursor: pointer; text-transform: var(--yt-dropdown-menu-label-transform,none); padding: 0px; margin: 0px; min-width: 0px; font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); display: flex; flex-direction: row; align-items: center; } yt-dropdown-menu .yt-dropdown-menu[style-target="label-text"] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--yt-spec-text-primary); } #icon-label.yt-dropdown-menu { color: var(--yt-spec-text-primary); font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } #label.keyboard-focus.yt-dropdown-menu #icon-label.yt-dropdown-menu { font-weight: 700; } #label.keyboard-focus.yt-dropdown-menu .yt-dropdown-menu[style-target="label-text"] { font-weight: 500; } #label-icon.yt-dropdown-menu { flex-shrink: 0; color: var(--yt-spec-text-primary); } yt-dropdown-menu[icon-label] #label-icon.yt-dropdown-menu { margin-right: var(--ytd-margin-2x); } .item.yt-dropdown-menu { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } #item-with-badge.yt-dropdown-menu { display: flex; justify-content: space-between; } #subtitle.yt-dropdown-menu { color: var(--yt-spec-text-secondary); white-space: normal; font-size: var(--ytd-mini-attribution-font-size); font-weight: var(--ytd-mini-attribution-font-weight); line-height: var(--ytd-mini-attribution-line-height); } .yt-simple-endpoint.yt-dropdown-menu { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); outline: none; } .yt-simple-endpoint.yt-dropdown-menu:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.yt-dropdown-menu { display: block; color: var(--yt-spec-text-primary); } yt-dropdown-menu:not(.has-items) #label-icon.yt-dropdown-menu { display: none; } yt-dropdown-menu:not(.has-items) #label.yt-dropdown-menu { cursor: default; } yt-dropdown-menu:not(.has-items) #label.yt-dropdown-menu:focus { outline: none; } tp-yt-paper-item.yt-dropdown-menu { display: block; } tp-yt-paper-item-body.yt-dropdown-menu:not([two-line]) { min-height: var(--paper-item-min-height,48px); } tp-yt-paper-item-body.yt-dropdown-menu { max-width: 100%; flex: 0 0 auto; } .notification.yt-dropdown-menu { width: 8px; height: 8px; margin-left: 4px; border-radius: 50%; background-color: var(--yt-spec-themed-blue); display: inline-block; } yt-formatted-string[is-empty]:not(.use-shadow) { display: none; } yt-formatted-string span.yt-formatted-string:empty { display: none; } yt-formatted-string[dir="auto"] { text-align: right; } .bold.yt-formatted-string { font-weight: var(--yt-formatted-string-bold-font-weight,500); } .bold.strikethrough.yt-formatted-string { font-weight: var(--yt-formatted-string-bold-font-weight,var(--yt-formatted-string-strikethrough-font-weight,500)); } .bold.yt-formatted-string:not(a) { color: var(--yt-formatted-string-bold-color,inherit); } .deemphasize.yt-formatted-string { color: var(--yt-formatted-string-deemphasize-color,var(--yt-spec-text-secondary)); } .italic.yt-formatted-string { font-style: italic; } .error-underline.yt-formatted-string { padding-bottom: 2px; } yt-formatted-string:not([is-dark-theme]) .error-underline.yt-formatted-string { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8bGluZSB4MT0iMCIgeDI9IjIiIHkxPSIxIiB5Mj0iMyIgc3Ryb2tlPSIjRkYwMDAwIiBzdHJva2Utd2lkdGg9IjAuNSIvPgogIDxsaW5lIHgxPSIyIiB4Mj0iNCIgeTE9IjMiIHkyPSIwIiBzdHJva2U9IiNGRjAwMDAiIHN0cm9rZS13aWR0aD0iMC41Ii8+Cjwvc3ZnPgo=") center bottom repeat-x; } yt-formatted-string[is-dark-theme] .error-underline.yt-formatted-string { background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8c3ZnIHdpZHRoPSI0IiBoZWlnaHQ9IjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8bGluZSB4MT0iMCIgeDI9IjIiIHkxPSIxIiB5Mj0iMyIgc3Ryb2tlPSIjRkY0RTQ1IiBzdHJva2Utd2lkdGg9IjAuNSIvPgogIDxsaW5lIHgxPSIyIiB4Mj0iNCIgeTE9IjMiIHkyPSIwIiBzdHJva2U9IiNGRjRFNDUiIHN0cm9rZS13aWR0aD0iMC41Ii8+Cjwvc3ZnPgo=") center bottom repeat-x; } .strikethrough.yt-formatted-string { text-decoration: line-through; font-family: var(--yt-formatted-string-strikethrough-font-family); font-size: var(--yt-formatted-string-strikethrough-font-size); font-weight: var(--yt-formatted-string-strikethrough-font-weight); line-height: var(--yt-formatted-string-strikethrough-line-height); } .bracket.yt-formatted-string { padding: 2px; border-top: solid var(--yt-spec-themed-green) 2px; border-bottom: solid var(--yt-spec-themed-green) 2px; background: linear-gradient(135deg,var(--yt-spec-themed-green) 3px,rgba(0,0,0,0) 3px),linear-gradient(315deg,var(--yt-spec-themed-green) 3px,rgba(0,0,0,0) 3px); } yt-formatted-string > .emoji, yt-formatted-string > .small-emoji { margin: 0px 2px 3px; vertical-align: middle; } yt-formatted-string > .emoji { width: var(--yt-formatted-string-emoji-size,24px); height: var(--yt-formatted-string-emoji-size,24px); } yt-formatted-string > .emoji.small-emoji { width: var(--yt-formatted-string-small-emoji-size,16px); height: var(--yt-formatted-string-small-emoji-size,16px); } a.yt-formatted-string { color: var(--yt-spec-call-to-action); } a.yt-simple-endpoint.yt-formatted-string { color: var(--yt-endpoint-color,var(--yt-spec-call-to-action)); display: var(--yt-endpoint-display,inline-block); text-decoration: var(--yt-endpoint-text-regular-decoration,none); overflow-wrap: var(--yt-endpoint-word-wrap,none); word-break: var(--yt-endpoint-word-break,none); } a.yt-simple-endpoint.yt-formatted-string:visited { color: var(--yt-endpoint-visited-color,var(--yt-spec-call-to-action)); } a.yt-simple-endpoint.yt-formatted-string:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-call-to-action)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.yt-formatted-string.yt-formatted-string:focus-visible { outline-offset: 0px; } yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string { color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:visited { color: var(--yt-endpoint-visited-color,var(--yt-spec-text-primary)); } yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); } yt-formatted-string[contenteditable] a.yt-simple-endpoint.yt-formatted-string, #contenteditable-root.yt-formatted-string a.yt-simple-endpoint.yt-formatted-string { background: var(--yt-formatted-string-contenteditable-endpoint-background); border-radius: var(--yt-formatted-string-contenteditable-endpoint-border-radius); color: var(--yt-formatted-string-contenteditable-endpoint-color,var(--yt-endpoint-color,var(--yt-spec-call-to-action))); cursor: var(--yt-formatted-string-contenteditable-endpoint-cursor); max-width: var(--yt-formatted-string-contenteditable-endpoint-max-width); overflow: var(--yt-formatted-string-contenteditable-endpoint-overflow); pointer-events: var(--yt-formatted-string-contenteditable-endpoint-pointer-events); text-overflow: var(--yt-formatted-string-contenteditable-endpoint-text-overflow); vertical-align: var(--yt-formatted-string-contenteditable-endpoint-vertical-align); white-space: var(--yt-formatted-string-contenteditable-endpoint-white-space); } yt-formatted-string[split-lines] { white-space: pre-wrap; } yt-formatted-string[ellipsis-truncate-styling].complex-string { white-space: pre; display: flex; flex-direction: row; } yt-formatted-string[dir="auto"][ellipsis-truncate-styling].complex-string { display: inline-block; } yt-formatted-string[dir="auto"][ellipsis-truncate-styling].complex-string > .yt-formatted-string:not(style) { display: inline; } yt-formatted-string[ellipsis-truncate-styling] { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } yt-formatted-string[ellipsis-truncate-styling] a.yt-formatted-string { display: block; margin-right: -0.1em; padding-right: 0.1em; white-space: pre; } yt-formatted-string[ellipsis-truncate-styling] a.yt-formatted-string:last-child, yt-formatted-string[ellipsis-truncate-styling] span.yt-formatted-string:last-child { overflow: hidden; text-overflow: ellipsis; } yt-formatted-string::-webkit-scrollbar-thumb { height: 56px; background: var(--yt-spec-icon-disabled); } yt-formatted-string::-webkit-scrollbar { width: var(--ytd-scrollbar-width); } #contenteditable-root.yt-formatted-string .emoji.yt-formatted-string { height: var(--yt-formatted-string-contenteditable-emoji-height); margin: var(--yt-formatted-string-contenteditable-emoji-margin); padding-right: var(--yt-formatted-string-contenteditable-emoji-padding-right); vertical-align: var(--yt-formatted-string-contenteditable-emoji-vertical-align); width: var(--yt-formatted-string-contenteditable-emoji-width); } #contenteditable-root.yt-formatted-string .small-emoji.yt-formatted-string { height: var(--yt-formatted-string-contenteditable-small-emoji-height); margin: var(--yt-formatted-string-contenteditable-small-emoji-margin); padding-right: var(--yt-formatted-string-contenteditable-small-emoji-padding-right); vertical-align: var(--yt-formatted-string-contenteditable-small-emoji-vertical-align); width: var(--yt-formatted-string-contenteditable-small-emoji-width); } #contenteditable-root.yt-formatted-string { outline: var(--yt-formatted-string-contenteditable-root-style-outline); max-height: var(--yt-formatted-string-contenteditable-root-style-max-height); overflow: var(--yt-formatted-string-contenteditable-root-style-overflow); display: var(--yt-formatted-string-contenteditable-root-style-display,block); overscroll-behavior: var(--yt-formatted-string-contenteditable-root-style-overscroll-behavior); } #contenteditable-root.yt-formatted-string[aria-label]:empty::before { color: var(--contenteditable-root-style-placeholder-with-aria-color); content: var(--contenteditable-root-style-placeholder-with-aria-content); cursor: var(--contenteditable-root-style-placeholder-with-aria-cursor); } yt-icon-button { display: inline-block; position: relative; width: 24px; height: 24px; box-sizing: border-box; font-size: 0px; } button.yt-icon-button { vertical-align: middle; color: inherit; outline: none; background: none; margin: 0px; border: none; padding: 0px; width: 100%; height: 100%; line-height: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; } button.yt-icon-button > yt-icon { width: var(--yt-icon-button-icon-width,100%); height: var(--yt-icon-button-icon-height,100%); } button.yt-icon-button[disabled] { pointer-events: none; cursor: auto; } yt-img-crop-picker { --yt-img-crop-height: 482px; --yt-img-crop-default-margin: var(--ytd-margin-4x); --yt-img-crop-picker-border-width: 2px; --yt-img-crop-preview-size: 300px; --yt-img-crop-picker-size: calc(var(--yt-img-crop-preview-size) - var(--yt-img-crop-picker-border-width)*2); --yt-img-crop-instruction-panel-width: 260px; height: 100%; min-height: var(--yt-img-crop-height); flex: 1 1 1e-09px; display: flex; flex-direction: row; } #left-container.yt-img-crop-picker { height: calc(100% - var(--yt-img-crop-default-margin)*2); flex: 1 1 560px; border-top-color: ; border-top-style: ; border-right-color: ; border-right-style: ; border-bottom-color: ; border-bottom-style: ; border-left-color: ; border-left-style: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-width: var(--yt-img-crop-default-margin); background-color: var(--yt-spec-brand-background-solid); position: relative; } #left-container.preview.yt-img-crop-picker { border-color: var(--yt-spec-general-background-a); } #picker-container.yt-img-crop-picker { position: relative; width: 100%; height: 100%; overflow: hidden; } .preview.yt-img-crop-picker #picker-container.yt-img-crop-picker { opacity: 0; } #image-in-picker-background.yt-img-crop-picker, #picker.yt-img-crop-picker, #overlay.yt-img-crop-picker { position: absolute; } #image-in-picker.yt-img-crop-picker { pointer-events: none; user-select: none; } #picker.yt-img-crop-picker { width: var(--yt-img-crop-picker-size); height: var(--yt-img-crop-picker-size); overflow: hidden; user-select: none; pointer-events: none; border-style: solid; border-image: initial; border-width: var(--yt-img-crop-picker-border-width); border-color: var(--yt-spec-static-white-background); position: absolute; left: calc(0px - var(--yt-img-crop-picker-border-width)); top: calc(0px - var(--yt-img-crop-picker-border-width)); } #overlay.yt-img-crop-picker { background-color: var(--yt-spec-static-overlay-background-medium); width: 100%; height: 100%; cursor: all-scroll; } #preview-container.yt-img-crop-picker { position: absolute; top: 0px; left: 0px; z-index: 1; background-color: var(--yt-spec-general-background-a); width: 100%; height: 100%; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #preview-clipper.yt-img-crop-picker { position: relative; width: var(--yt-img-crop-preview-size); height: var(--yt-img-crop-preview-size); min-width: var(--yt-img-crop-preview-size); min-height: var(--yt-img-crop-preview-size); overflow: hidden; margin: 35px auto 0px; } #image-in-preview-clipper.yt-img-crop-picker { position: absolute; width: 100%; height: 100%; } #image-in-preview-clipper.PORTRAIT.yt-img-crop-picker { height: auto; width: 100%; } #image-in-preview-clipper.LANDSCAPE.yt-img-crop-picker { width: auto; height: 100%; } #edit-button.yt-img-crop-picker { margin: var(--ytd-margin-7x) auto 0 auto; } #right-container.yt-img-crop-picker { border-left: 1px solid var(--yt-spec-10-percent-layer); width: var(--yt-img-crop-instruction-panel-width); background-color: var(--yt-spec-general-background-a); flex: 1 1 1e-09px; display: flex; flex-direction: column; } #right-container.edit.yt-img-crop-picker { background-color: var(--yt-spec-general-background-a); } #full-image-container.yt-img-crop-picker { width: calc(var(--yt-img-crop-instruction-panel-width) - var(--yt-img-crop-default-margin)*2); height: calc(var(--yt-img-crop-instruction-panel-width) - var(--yt-img-crop-default-margin)*2); max-width: calc(var(--yt-img-crop-instruction-panel-width) - var(--yt-img-crop-default-margin)*2); max-height: calc(var(--yt-img-crop-instruction-panel-width) - var(--yt-img-crop-default-margin)*2); align-items: center; justify-content: center; margin-top: 50px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #full-image-as-preview.LANDSCAPE.yt-img-crop-picker { height: auto; width: 100%; } #full-image-as-preview.PORTRAIT.yt-img-crop-picker { width: auto; height: 100%; } #full-image-as-preview.yt-img-crop-picker { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; } #edit-instruction.yt-img-crop-picker, #preview-instruction.yt-img-crop-picker { margin: var(--ytd-margin-4x); flex: 1 1 1e-09px; display: flex; flex-direction: column; } #edit-instruction.yt-img-crop-picker { justify-content: flex-end; } .instruction-container.yt-img-crop-picker { display: flex; flex-direction: column; } #edit-instruction.yt-img-crop-picker .instruction-container.yt-img-crop-picker { flex-grow: 1; justify-content: center; } .details.yt-img-crop-picker { color: var(--yt-spec-text-secondary); word-break: normal; font-size: var(--ytd-conversation-metadata-font-size,1.2rem); font-weight: 400; line-height: var(--ytd-conversation-metadata-line-height,1.6rem); } .header.yt-img-crop-picker { color: var(--yt-spec-text-primary); margin: var(--ytd-margin-base) 0; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } .edit.yt-img-crop-picker .details.yt-img-crop-picker { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .edit.yt-img-crop-picker .header.yt-img-crop-picker { margin: var(--ytd-margin-2x) 0; font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #learnmore-text.yt-img-crop-picker { --yt-endpoint-color: var(--yt-spec-call-to-action); margin-top: var(--ytd-margin-4x); color: var(--yt-spec-call-to-action); font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } #open-in-new.yt-img-crop-picker { --iron-icon-width: 16px; --iron-icon-height: 16px; padding-left: 6px; padding-bottom: 2px; } #open-with.yt-img-crop-picker { width: 24px; height: 24px; padding: 0px 10px 0px 2px; } #save-button.yt-img-crop-picker { width: calc(var(--yt-img-crop-instruction-panel-width) - var(--yt-img-crop-default-margin)*2); } yt-img-shadow { display: inline-block; opacity: 0; transition: opacity 0.2s; flex: 0 0 auto; } yt-img-shadow.no-transition { opacity: 1; transition: none; } yt-img-shadow.with-placeholder { background-color: var(--yt-img-shadow-placeholder-color,transparent); min-height: var(--yt-img-shadow-min-height,unset); min-width: var(--yt-img-shadow-min-width,unset); } yt-img-shadow[loaded] { opacity: 1; } yt-img-shadow.empty img.yt-img-shadow { visibility: hidden; } yt-img-shadow[fit-height] img.yt-img-shadow { height: 100%; width: auto; } yt-img-shadow[fit-width] img.yt-img-shadow { height: auto; width: 100%; } yt-img-shadow[object-fit="FILL"] img.yt-img-shadow, yt-img-shadow[fit] img.yt-img-shadow { width: 100%; height: 100%; } yt-img-shadow[rounded-container] img.yt-img-shadow { border-radius: 8px; } yt-img-shadow[object-fit="COVER"] img.yt-img-shadow { width: 100%; height: 100%; object-fit: cover; } yt-img-shadow[object-fit="CONTAIN"] img.yt-img-shadow { width: 100%; height: 100%; object-fit: contain; } yt-img-shadow[object-position="LEFT"] img.yt-img-shadow { object-position: left center; } img.yt-img-shadow { display: block; margin-left: var(--yt-img-margin-left,auto); margin-right: var(--yt-img-margin-right,auto); max-height: var(--yt-img-max-height,none); max-width: var(--yt-img-max-width,100%); border-radius: var(--yt-img-border-radius,none); } yt-interaction { pointer-events: none; display: inline-block; position: absolute; inset: 0px; } .fill.yt-interaction { will-change: opacity; background-color: var(--yt-spec-touch-response); opacity: 0; position: absolute; inset: 0px; } yt-interaction.down .fill.yt-interaction { opacity: 0.1; } yt-interaction[is-overlay] .fill.yt-interaction { background-color: var(--yt-spec-static-overlay-text-primary); } .stroke.yt-interaction { will-change: opacity; border: 1px solid var(--yt-spec-touch-response); opacity: 0; position: absolute; inset: 0px; } yt-interaction.circular .fill.yt-interaction, yt-interaction.circular .stroke.yt-interaction { border-radius: 50%; } yt-interaction.extended { margin: -4px; } yt-interaction.extended .fill.yt-interaction, yt-interaction.extended .stroke.yt-interaction { border-radius: 4px; } yt-interaction.rounded-large .fill.yt-interaction, yt-interaction.rounded-large .stroke.yt-interaction { border-radius: 12px; } yt-interaction[focused] .fill.yt-interaction { opacity: 0.1; } yt-button-shape { display: flex; flex: 1 1 1e-09px; } yt-button-renderer, ytd-button-renderer, ytd-toggle-button-renderer { display: inline-block; } yt-live-chat-error-message-renderer { color: var(--yt-live-chat-error-message-color,#f44336); display: flex; flex-direction: row; align-items: center; } yt-icon-button.yt-live-chat-error-message-renderer { margin-right: 8px; flex: 0 0 auto; width: 40px; height: 40px; padding: 8px; } yt-formatted-string.yt-live-chat-error-message-renderer { flex: 1 1 1e-09px; } ytd-compact-link-renderer { --paper-item-min-height: 40px; display: block; } .yt-simple-endpoint.ytd-compact-link-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } ytd-compact-link-renderer:not([compact-link-style="compact-link-style-type-disclaimer"]) .yt-simple-endpoint.ytd-compact-link-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #endpoint.yt-simple-endpoint.ytd-compact-link-renderer { display: block; cursor: pointer; } tp-yt-paper-item.ytd-compact-link-renderer { color: var(--yt-compact-link-color,var(--yt-spec-text-primary)); height: var(--paper-item-min-height,48px); padding: var(--yt-compact-link-paper-item-padding,0 16px); } ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer { padding: var(--yt-compact-link-paper-item-padding,0 36px 0 16px); } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-tvfilm-entity-provider"] tp-yt-paper-item.ytd-compact-link-renderer { padding: var(--yt-compact-link-paper-item-padding,8px 12px); } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-tvfilm-entity-provider-attribution"] tp-yt-paper-item.ytd-compact-link-renderer { padding: var(--yt-compact-link-paper-item-padding,5px 12px); } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-tvfilm-entity-provider-attribution"] yt-img-shadow.ytd-compact-link-renderer { height: 32px; width: 32px; } #primary-text-container.ytd-compact-link-renderer { display: flex; flex-direction: row; flex: 1 1 1e-09px; } #label.ytd-compact-link-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #subtitle.ytd-compact-link-renderer { display: block; padding-left: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; flex: 1 1 1e-09px; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-tvfilm-entity-provider"] #primary-text-container.ytd-compact-link-renderer { display: flex; flex-direction: column; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-tvfilm-entity-provider"] #subtitle.ytd-compact-link-renderer { color: var(--yt-spec-text-secondary); padding-left: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; flex: 0 0 auto; } yt-icon.ytd-compact-link-renderer { color: var(--yt-compact-link-icon-color,var(--yt-spec-icon-inactive)); } #content-icon.ytd-compact-link-renderer { margin-right: 16px; align-items: center; display: flex; flex-direction: row; flex: 0 0 auto; } #secondary-text.ytd-compact-link-renderer { background: var(--yt-spec-themed-blue); color: var(--yt-spec-filled-button-text); padding: 4px; border-radius: 2px; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } yt-img-shadow.ytd-compact-link-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; } #right-icon.ytd-compact-link-renderer { margin-right: 0px; } #secondary-text.ytd-compact-link-renderer, #right-icon.ytd-compact-link-renderer { margin-left: 8px; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-account-switcher-footer"] #content-icon.ytd-compact-link-renderer { margin-left: 4px; margin-right: 20px; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-disclaimer"] tp-yt-paper-item.ytd-compact-link-renderer:focus, ytd-compact-link-renderer[compact-link-style="compact-link-style-type-disclaimer"] tp-yt-paper-item.ytd-compact-link-renderer:focus::before { background: transparent; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-disclaimer"] #endpoint.ytd-compact-link-renderer { cursor: auto; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-disclaimer"] #label.ytd-compact-link-renderer { color: var(--yt-spec-text-secondary); white-space: normal; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-settings-sidebar"] tp-yt-paper-item.ytd-compact-link-renderer { --paper-item-focused-before-border-radius: 10px; --paper-item-focused-before-background: var(--yt-spec-icon-active-other); padding: 0px 16px; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-settings-sidebar"][active]:hover { background: var(--yt-spec-verified-badge-background); } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-settings-sidebar"][active] { background-color: var(--yt-spec-10-percent-layer); } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-settings-sidebar"]:hover { background-color: var(--yt-spec-badge-chip-background); } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-settings-sidebar"][active] #label.ytd-compact-link-renderer { font-weight: 500; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-selection-menu"] #content-icon.ytd-compact-link-renderer[hidden] + #primary-text-container.ytd-compact-link-renderer > #label.ytd-compact-link-renderer { margin-left: 40px; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-history-my-activity-link"]:first-of-type { margin-top: 4px; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-history-my-activity-link"] { margin-left: 32px; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-history-my-activity-link"] #content-icon.ytd-compact-link-renderer[hidden] + #primary-text-container.ytd-compact-link-renderer > #label.ytd-compact-link-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-compact-link-renderer[compact-link-style="compact-link-style-type-history-my-activity-link"] tp-yt-paper-item.ytd-compact-link-renderer:focus, ytd-compact-link-renderer[compact-link-style="compact-link-style-type-history-my-activity-link"] tp-yt-paper-item.ytd-compact-link-renderer:focus::before { background: transparent; } #label.ytd-compact-link-renderer, #subtitle.ytd-compact-link-renderer { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } ytd-toggle-theme-compact-link-renderer, .tp-yt-paper-item.ytd-toggle-theme-compact-link-renderer { display: block; position: relative; min-height: var(--paper-item-min-height,48px); padding: 0px 16px; } .tp-yt-paper-item.ytd-toggle-theme-compact-link-renderer { font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; border: none; outline: none; background: white; width: 100%; text-align: left; } ytd-toggle-theme-compact-link-renderer[hidden], .tp-yt-paper-item.ytd-toggle-theme-compact-link-renderer[hidden] { display: none !important; } ytd-toggle-theme-compact-link-renderer.iron-selected, .tp-yt-paper-item.iron-selected.ytd-toggle-theme-compact-link-renderer { font-weight: var(--paper-item-selected-weight,bold); background: var(--paper-item-selected-background); } ytd-toggle-theme-compact-link-renderer[disabled], .tp-yt-paper-item.ytd-toggle-theme-compact-link-renderer[disabled] { color: var(--paper-item-disabled-color,var(--disabled-text-color)); } ytd-toggle-theme-compact-link-renderer:focus, .tp-yt-paper-item.ytd-toggle-theme-compact-link-renderer:focus { position: relative; outline: 0px; background-color: var(--paper-item-focused-background-color); } ytd-toggle-theme-compact-link-renderer:focus::before, .tp-yt-paper-item.ytd-toggle-theme-compact-link-renderer:focus::before { position: absolute; inset: 0px; pointer-events: none; background: var(--paper-item-focused-before-background,currentColor); border-radius: var(--paper-item-focused-before-border-radius,0); content: var(--paper-item-focused-before-content,""); opacity: var(--paper-item-focused-before-opacity,var(--dark-divider-opacity,.12)); } ytd-toggle-theme-compact-link-renderer { --paper-item-min-height: 40px; height: var(--paper-item-min-height,48px); color: var(--yt-spec-text-primary); cursor: pointer; flex-direction: row; align-items: center; display: var(--ytd-toggle-theme-compact-link-renderer-display-workaround,flex); } #label.ytd-toggle-theme-compact-link-renderer { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-font-smoothing: antialiased; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; flex: 1 1 1e-09px; } yt-icon.ytd-toggle-theme-compact-link-renderer { color: var(--yt-spec-icon-inactive); } .content-icon.ytd-toggle-theme-compact-link-renderer { margin-right: 16px; } tp-yt-paper-radio-button { display: inline-block; line-height: 0; white-space: nowrap; cursor: pointer; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; --calculated-paper-radio-button-size: var(--paper-radio-button-size,16px); --calculated-paper-radio-button-ink-size: var( --paper-radio-button-ink-size,-1px ); } tp-yt-paper-radio-button:focus { outline: none; } tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target="container"], .tp-yt-paper-radio-button[style-target="container"] { display: inline-flex; align-items: center; justify-content: center; position: relative; min-width: var(--calculated-paper-radio-button-size); width: var(--calculated-paper-radio-button-size); height: var(--calculated-paper-radio-button-size); vertical-align: middle; } #ink.tp-yt-paper-radio-button { position: absolute; top: 50%; left: 50%; right: auto; width: var(--calculated-paper-radio-button-ink-size); height: var(--calculated-paper-radio-button-ink-size); color: var(--paper-radio-button-unchecked-ink-color,var(--primary-text-color)); opacity: 0.6; pointer-events: none; transform: translate(-50%, -50%); } #ink.tp-yt-paper-radio-button[checked] { color: var(--paper-radio-button-checked-ink-color,var(--primary-color)); } #offRadio.tp-yt-paper-radio-button, #onRadio.tp-yt-paper-radio-button { position: absolute; box-sizing: border-box; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 50%; } #offRadio.tp-yt-paper-radio-button { border: 2px solid var(--paper-radio-button-unchecked-color,var(--primary-text-color)); background-color: var(--paper-radio-button-unchecked-background-color,transparent); transition: border-color 0.28s; } #onRadio.tp-yt-paper-radio-button { background-color: var(--paper-radio-button-checked-color,var(--primary-color)); transform: scale(0); transition: transform 0.28s; will-change: transform; } tp-yt-paper-radio-button[checked] #offRadio.tp-yt-paper-radio-button { border-color: var(--paper-radio-button-checked-color,var(--primary-color)); } tp-yt-paper-radio-button[checked] #onRadio.tp-yt-paper-radio-button { transform: scale(0.5); } tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target="label"], .tp-yt-paper-radio-button[style-target="label"] { line-height: normal; position: relative; display: inline-block; vertical-align: middle; margin-inline-start: var(--paper-radio-button-label-spacing,10px); white-space: normal; color: var(--paper-radio-button-label-color,var(--primary-text-color)); } tp-yt-paper-radio-button[hidden] .tp-yt-paper-radio-button[style-target="label"], .tp-yt-paper-radio-button[style-target="label"][hidden] { display: none; } tp-yt-paper-radio-button[hidden] .tp-yt-paper-radio-button[style-target="label"] { display: none; } tp-yt-paper-radio-button[disabled] #offRadio.tp-yt-paper-radio-button { border-color: var(--paper-radio-button-unchecked-color,var(--primary-text-color)); opacity: 0.5; } tp-yt-paper-radio-button[disabled][checked] #onRadio.tp-yt-paper-radio-button { background-color: var(--paper-radio-button-unchecked-color,var(--primary-text-color)); opacity: 0.5; } tp-yt-paper-radio-button[disabled] .tp-yt-paper-radio-button[style-target="label"], tp-yt-paper-radio-button[disabled] .tp-yt-paper-radio-button[style-target="label"] { opacity: 0.65; } @media (forced-colors: active) { #onRadio.tp-yt-paper-radio-button, tp-yt-paper-radio-button[disabled][checked] #onRadio.tp-yt-paper-radio-button { background-color: buttontext; color-scheme: dark only; } } tp-yt-paper-radio-group { display: inline-block; } tp-yt-paper-radio-group > * { padding: var(--paper-radio-group-item-padding,12px); } ytd-checkbox-survey-option-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; flex-direction: row; align-items: center; } ytd-checkbox-survey-option-renderer:hover { cursor: pointer; background-color: var(--yt-spec-10-percent-layer); } tp-yt-paper-checkbox.ytd-checkbox-survey-option-renderer { display: block; width: 100%; height: auto; padding: var(--ytd-checkbox-survey-option-padding,8px) var(--ytd-checkbox-survey-option-padding,24px); } ytd-toggle-option-renderer { border: none; border-radius: 8px; box-sizing: border-box; outline: none; overflow: hidden; position: relative; display: inline-flex; } ytd-toggle-option-renderer:hover label.ytd-toggle-option-renderer, ytd-toggle-option-renderer:not([selected]) input.ytd-toggle-option-renderer:focus + label.ytd-toggle-option-renderer { background-color: var(--yt-spec-button-chip-background-hover); } ytd-toggle-option-renderer:hover[is-overlay] label.ytd-toggle-option-renderer, ytd-toggle-option-renderer:not([selected])[is-overlay] input.ytd-toggle-option-renderer:focus + label.ytd-toggle-option-renderer { background-color: var(--yt-spec-static-overlay-tonal-hover); } ytd-toggle-option-renderer[selected] label.ytd-toggle-option-renderer { background-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary-inverse); } ytd-toggle-option-renderer[selected][is-overlay] label.ytd-toggle-option-renderer { background-color: var(--yt-spec-static-overlay-text-primary); color: var(--yt-spec-static-overlay-text-primary-inverse); } input.ytd-toggle-option-renderer { opacity: 0; position: absolute; z-index: -1; height: 100%; width: 100%; margin: 0px; } label.ytd-toggle-option-renderer { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-primary); cursor: pointer; height: 32px; padding: 0 var(--ytd-margin-3x); transition: background-color 0.5s cubic-bezier(0.05, 0, 0, 1); user-select: none; font-family: var(--ytd-user-comment-font-family); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); letter-spacing: var(--ytd-user-comment-letter-spacing); line-height: var(--ytd-user-comment-line-height); display: flex; flex-direction: row; align-items: center; } ytd-toggle-option-renderer[is-overlay] label.ytd-toggle-option-renderer { background-color: var(--yt-spec-static-overlay-button-secondary); color: var(--yt-spec-static-overlay-text-primary); } ytd-inline-survey-renderer { display: flex; flex-direction: row; } ytd-inline-survey-renderer[is-dismissed] #dismissible.ytd-inline-survey-renderer, ytd-inline-survey-renderer:not([is-dismissed]) #dismissed.ytd-inline-survey-renderer { display: none; } ytd-inline-survey-renderer[expanded] #star-survey.ytd-inline-survey-renderer { padding-bottom: 16px; } #dismissible.ytd-inline-survey-renderer { position: relative; border: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; box-shadow: 0 2px 8px var(--yt-spec-10-percent-layer); background-color: var(--yt-spec-base-background); display: flex; flex-direction: row; } ytd-inline-survey-renderer[rounded-container] #dismissible.ytd-inline-survey-renderer { border-radius: 12px; background-color: var(--yt-spec-base-background); border: 1px solid var(--yt-spec-10-percent-layer); } ytd-inline-survey-renderer[is-slimline-survey-follow-up] #dismissible.ytd-inline-survey-renderer { background-color: var(--yt-spec-brand-background-primary); border: 1px solid var(--yt-spec-10-percent-layer); } .survey-wrapper.ytd-inline-survey-renderer { max-width: 1160px; width: 100%; flex-flow: wrap; display: flex; } ytd-inline-survey-renderer[is-slimline-survey-follow-up] .survey-wrapper.ytd-inline-survey-renderer { max-width: 430px; display: flex; flex-direction: column; } #inline-survey-header.ytd-inline-survey-renderer { height: 40px; margin-left: 16px; margin-right: 16px; margin-bottom: 16px; justify-content: space-between; display: flex; flex-direction: row; } #follow-up-header.ytd-inline-survey-renderer { margin-bottom: 28px; padding-top: 8px; justify-content: space-between; display: flex; flex-direction: row; } #inline-survey-header.ytd-inline-survey-renderer:focus, #follow-up-header.ytd-inline-survey-renderer:focus { outline: none; } #inline-survey-header.ytd-inline-survey-renderer yt-icon-button.ytd-inline-survey-renderer { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; box-sizing: content-box; position: absolute; top: 4px; right: 4px; color: var(--yt-spec-text-primary); height: 40px; padding: 4px; width: 40px; } #inline-survey-header.ytd-inline-survey-renderer .header-text.ytd-inline-survey-renderer, #follow-up-header.ytd-inline-survey-renderer .header-text.ytd-inline-survey-renderer { margin-top: 8px; flex: 1 1 1e-09px; } #title.ytd-inline-survey-renderer, #follow-up-title.ytd-inline-survey-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; display: block; max-height: 5.2rem; -webkit-line-clamp: 2; } #subtitle.ytd-inline-survey-renderer { display: none; } #inline-survey-compact-video-renderer.ytd-inline-survey-renderer { background-color: transparent; margin-left: 16px; margin-right: 16px; padding: 8px; } #rating-survey.ytd-inline-survey-renderer { margin-left: 16px; margin-right: 16px; flex: 1 1 1e-09px; } #star-survey.ytd-inline-survey-renderer, #follow-up-survey.ytd-inline-survey-renderer { box-sizing: border-box; max-width: 384px; min-width: 384px; padding-bottom: 16px; } #star-survey.ytd-inline-survey-renderer { padding-top: 8px; flex: 2 1 0%; } #follow-up-survey.ytd-inline-survey-renderer { padding-left: 16px; flex: 3 1 0%; display: flex; flex-direction: column; } #follow-up-survey-options.ytd-inline-survey-renderer { margin-right: 16px; display: flex; flex-flow: wrap; } ytd-checkbox-survey-option-renderer.ytd-inline-survey-renderer, ytd-radio-button-survey-option-renderer.ytd-inline-survey-renderer { background-color: transparent; border-radius: 8px; margin-bottom: 16px; margin-right: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-checkbox-survey-option-renderer.ytd-inline-survey-renderer { --paper-checkbox-unchecked-color: var(--yt-spec-text-primary); --paper-checkbox-label-color: var(--yt-spec-text-primary); --ytd-checkbox-survey-option-padding: 7px; } ytd-radio-button-survey-option-renderer.ytd-inline-survey-renderer { --paper-radio-button-unchecked-color: var(--yt-spec-text-primary); --paper-radio-button-label-color: var(--yt-spec-text-primary); --ytd-radio-button-survey-option-padding: 7px; } #submit-btn-footer.ytd-inline-survey-renderer { margin-top: auto; padding-top: 16px; margin-right: 16px; justify-content: flex-end; display: flex; flex-direction: row; } #dismissed.ytd-inline-survey-renderer { flex: 1 1 1e-09px; } #dismissed.ytd-inline-survey-renderer:focus { outline: none; } #dismissed.ytd-inline-survey-renderer ytd-message-renderer.ytd-inline-survey-renderer { --yt-message-renderer-text-color: var(--yt-spec-text-primary); align-items: flex-start; } #dismiss-button.ytd-inline-survey-renderer { position: absolute; top: 4px; right: 4px; flex: 0 0 auto; } #dismiss-button.ytd-inline-survey-renderer yt-icon-button.ytd-inline-survey-renderer { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; box-sizing: content-box; color: var(--yt-spec-text-primary); height: 40px; padding: 4px; width: 40px; } ytd-inline-survey-renderer[is-shorts-style] { width: 100%; height: 100%; align-items: flex-end; background-size: cover; background-position: center center; background-color: transparent; background-image: linear-gradient(to bottom,rgba(0,0,0,.4) 0,rgba(0,0,0,.6) 75%,rgba(0,0,0,.6) 100%),var(--yt-background-url); } ytd-inline-survey-renderer[is-shorts-style] #star-survey.ytd-inline-survey-renderer { box-sizing: content-box; min-width: 100%; max-width: 430px; } ytd-inline-survey-renderer[is-shorts-style] #follow-up-survey.ytd-inline-survey-renderer { box-sizing: content-box; max-width: none; min-width: 300px; padding-bottom: 0px; } ytd-inline-survey-renderer[is-shorts-style] #follow-up-survey-options.ytd-inline-survey-renderer, ytd-inline-survey-renderer[is-shorts-style] #rating-survey.ytd-inline-survey-renderer { margin: 0px; } ytd-inline-survey-renderer[is-shorts-style] #dismissible.ytd-inline-survey-renderer { position: static; width: 100%; height: 100%; flex-direction: column; justify-content: flex-end; background-color: transparent; border: none; box-sizing: content-box; box-shadow: none; } ytd-inline-survey-renderer[is-shorts-style] #title.ytd-inline-survey-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 6.4rem; -webkit-line-clamp: 2; } ytd-inline-survey-renderer[is-shorts-style] #follow-up-title.ytd-inline-survey-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4.4rem; -webkit-line-clamp: 2; } ytd-inline-survey-renderer[is-shorts-style] #title.ytd-inline-survey-renderer, ytd-inline-survey-renderer[is-shorts-style] #follow-up-title.ytd-inline-survey-renderer, ytd-inline-survey-renderer[is-shorts-style] #subtitle.ytd-inline-survey-renderer { display: block; color: var(--yt-spec-static-overlay-text-primary); } ytd-inline-survey-renderer[is-shorts-style] #subtitle.ytd-inline-survey-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-inline-survey-renderer[is-shorts-style] #submit-btn-footer.ytd-inline-survey-renderer { flex-direction: column; padding-right: 16px; padding-bottom: 16px; padding-top: 0px; margin-right: 0px; } ytd-inline-survey-renderer[is-shorts-style] #skip-btn-footer.ytd-inline-survey-renderer { display: flex; flex-direction: column; padding: 0px 16px 16px; } ytd-inline-survey-renderer[is-shorts-style] #inline-survey-header.ytd-inline-survey-renderer { height: auto; margin-left: 16px; margin-right: 0px; margin-bottom: 8px; } ytd-inline-survey-renderer[is-shorts-style] #dismiss.ytd-inline-survey-renderer, ytd-inline-survey-renderer[is-shorts-style] #dismiss-button.ytd-inline-survey-renderer, ytd-inline-survey-renderer[is-shorts-style] #follow-up-header.ytd-inline-survey-renderer, ytd-inline-survey-renderer[is-shorts-style] #inline-survey-compact-video-renderer.ytd-inline-survey-renderer, ytd-inline-survey-renderer[is-shorts-style] #inline-survey-header.ytd-inline-survey-renderer yt-icon-button.ytd-inline-survey-renderer { display: none; } ytd-inline-survey-renderer[is-shorts-style][is-option-selected] #skip-btn-footer.ytd-inline-survey-renderer { display: none; } ytd-inline-survey-renderer[is-shorts-style][is-dismissed] #dismissed.ytd-inline-survey-renderer { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; } ytd-inline-survey-renderer[is-shorts-style][is-dismissed] #dismissed.ytd-inline-survey-renderer ytd-message-renderer.ytd-inline-survey-renderer { --yt-spec-text-secondary: var(--yt-spec-static-overlay-text-primary); --yt-message-renderer-text-color: var( --yt-spec-static-overlay-text-primary ); } ytd-inline-survey-renderer[is-shorts-style][is-dismissed] #dismissed.ytd-inline-survey-renderer #post-submit-message.ytd-inline-survey-renderer { width: 100%; } ytd-inline-survey-renderer[is-shorts-style][is-dismissed] #dismissed.ytd-inline-survey-renderer #continue-btn-footer.ytd-inline-survey-renderer { display: flex; flex-direction: column; width: 100%; } ytd-inline-survey-renderer[is-shorts-style][is-dismissed] #dismissed.ytd-inline-survey-renderer #continue-btn-footer.ytd-inline-survey-renderer ytd-button-renderer.ytd-inline-survey-renderer { padding: 0px 16px 16px; } ytd-inline-survey-renderer[is-shorts-style][improve-shorts-response-rate] #skip-btn-footer.ytd-inline-survey-renderer { display: none; } ytd-inline-survey-renderer[is-shorts-style][improve-shorts-response-rate] #follow-up-survey.ytd-inline-survey-renderer { display: none; } ytd-inline-survey-renderer:not([is-slimline-survey-follow-up]):not([is-shorts-style]) #dismissible.ytd-inline-survey-renderer { box-shadow: none; border: 0px; } ytd-inline-survey-renderer[is-slimline-survey-follow-up]:not([is-shorts-style]) { margin: 0px; padding: 0px; } ytd-inline-survey-renderer[is-slimline-survey-follow-up]:not([is-shorts-style]) #submit-button.ytd-inline-survey-renderer { width: 100%; } ytd-inline-survey-renderer[is-slimline-survey-follow-up]:not([is-shorts-style]) #star-survey.ytd-inline-survey-renderer { padding-bottom: 0px; } ytd-inline-survey-renderer[is-slimline-survey-follow-up][style-override-attribute]:not([is-shorts-style]) { margin-bottom: 0px; } @media (max-width: 1128px) { ytd-inline-survey-renderer:not([is-slimline-survey-follow-up]):not([is-shorts-style]) #dismissible.ytd-inline-survey-renderer, ytd-inline-survey-renderer:not([is-slimline-survey-follow-up]):not([is-shorts-style]) #follow-up-survey.ytd-inline-survey-renderer, ytd-inline-survey-renderer:not([is-slimline-survey-follow-up]):not([is-shorts-style]) #star-survey.ytd-inline-survey-renderer { max-width: 360px; min-width: 360px; } ytd-inline-survey-renderer:not([is-slimline-survey-follow-up]):not([is-shorts-style]) #submit-button.ytd-inline-survey-renderer { width: 100%; } } @media (max-width: 640px) { .ytd-inline-survey-renderer:not([is-shorts-style]) #follow-up-header.ytd-inline-survey-renderer { padding-top: 0px; } } @media (max-width: 440px) { .ytd-inline-survey-renderer:not([is-shorts-style]) #star-survey.ytd-inline-survey-renderer { min-width: 380px; } } ytd-radio-button-survey-option-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; flex-direction: row; align-items: center; } ytd-radio-button-survey-option-renderer:hover { background-color: var(--yt-spec-10-percent-layer); cursor: pointer; } tp-yt-paper-radio-button.ytd-radio-button-survey-option-renderer { display: block; width: 100%; height: auto; padding: var(--ytd-radio-button-survey-option-padding,8px) var(--ytd-radio-button-survey-option-padding,24px); } tp-yt-paper-checkbox { display: inline-block; white-space: nowrap; cursor: pointer; --calculated-paper-checkbox-size: var(--paper-checkbox-size,18px); --calculated-paper-checkbox-ink-size: var(--paper-checkbox-ink-size,-1px); font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; line-height: 0; -webkit-tap-highlight-color: transparent; } tp-yt-paper-checkbox[hidden] { display: none !important; } tp-yt-paper-checkbox:focus { outline: none; } .hidden.tp-yt-paper-checkbox { display: none; } #checkboxContainer.tp-yt-paper-checkbox { display: inline-block; position: relative; width: var(--calculated-paper-checkbox-size); height: var(--calculated-paper-checkbox-size); min-width: var(--calculated-paper-checkbox-size); margin: var(--paper-checkbox-margin,initial); vertical-align: var(--paper-checkbox-vertical-align,middle); background-color: var(--paper-checkbox-unchecked-background-color,transparent); } #ink.tp-yt-paper-checkbox { position: absolute; top: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size))/2); left: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size))/2); width: var(--calculated-paper-checkbox-ink-size); height: var(--calculated-paper-checkbox-ink-size); color: var(--paper-checkbox-unchecked-ink-color,var(--primary-text-color)); opacity: 0.6; pointer-events: none; } [dir="rtl"] #ink.tp-yt-paper-checkbox, #ink.tp-yt-paper-checkbox[dir="rtl"] { right: calc(0px - (var(--calculated-paper-checkbox-ink-size) - var(--calculated-paper-checkbox-size))/2); left: auto; } #ink.tp-yt-paper-checkbox[checked] { color: var(--paper-checkbox-checked-ink-color,var(--primary-color)); } #checkbox.tp-yt-paper-checkbox { position: relative; box-sizing: border-box; height: 100%; border-width: 2px; border-style: solid; border-image: initial; border-color: var(--paper-checkbox-unchecked-color,var(--primary-text-color)); border-radius: 2px; pointer-events: none; transition-behavior: normal, normal; transition-timing-function: ease, ease; transition-delay: 0s, 0s; transition-property: background-color, border-color; transition-duration: var(--paper-checkbox-animation-duration,.14s); } #checkbox.checked.tp-yt-paper-checkbox #checkmark.tp-yt-paper-checkbox { animation-timing-function: ease-out; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: checkmark-expand; animation-timeline: auto; animation-range: normal; animation-duration: var(--paper-checkbox-animation-duration,.14s); } @-webkit-keyframes checkmark-expand { 0% { transform: scale(0, 0) rotate(45deg); } 100% { transform: scale(1, 1) rotate(45deg); } } @keyframes checkmark-expand { 0% { transform: scale(0, 0) rotate(45deg); } 100% { transform: scale(1, 1) rotate(45deg); } } #checkbox.checked.tp-yt-paper-checkbox { background-color: var(--paper-checkbox-checked-color,var(--primary-color)); border-color: var(--paper-checkbox-checked-color,var(--primary-color)); } #checkmark.tp-yt-paper-checkbox { position: absolute; width: 36%; height: 70%; border-style: none solid solid none; border-top-width: initial; border-left-width: initial; border-right-width: calc(var(--calculated-paper-checkbox-size)*.1333333333); border-bottom-width: calc(var(--calculated-paper-checkbox-size)*.1333333333); border-color: var(--paper-checkbox-checkmark-color,white); transform-origin: 97% 86%; box-sizing: content-box; } [dir="rtl"] #checkmark.tp-yt-paper-checkbox, #checkmark.tp-yt-paper-checkbox[dir="rtl"] { transform-origin: 50% 14%; } tp-yt-paper-checkbox .tp-yt-paper-checkbox[style-target="label"], .tp-yt-paper-checkbox[style-target="label"] { position: relative; display: inline-block; vertical-align: middle; padding-left: var(--paper-checkbox-label-spacing,8px); white-space: normal; line-height: normal; color: var(--paper-checkbox-label-color,var(--primary-text-color)); } [dir="rtl"] tp-yt-paper-checkbox .tp-yt-paper-checkbox[style-target="label"], tp-yt-paper-checkbox[dir="rtl"] .tp-yt-paper-checkbox[style-target="label"], [dir="rtl"] .tp-yt-paper-checkbox[style-target="label"], .tp-yt-paper-checkbox[style-target="label"][dir="rtl"] { padding-right: var(--paper-checkbox-label-spacing,8px); padding-left: 0px; } tp-yt-paper-checkbox[hidden] .tp-yt-paper-checkbox[style-target="label"], .tp-yt-paper-checkbox[style-target="label"][hidden] { display: none; } tp-yt-paper-checkbox[hidden] .tp-yt-paper-checkbox[style-target="label"] { display: none; } tp-yt-paper-checkbox[checked] .tp-yt-paper-checkbox[style-target="label"], tp-yt-paper-checkbox[checked] .tp-yt-paper-checkbox[style-target="label"] { color: var(--paper-checkbox-label-checked-color,var(--paper-checkbox-label-color,var(--primary-text-color))); } tp-yt-paper-checkbox[disabled] #checkbox.tp-yt-paper-checkbox { opacity: 0.5; border-color: var(--paper-checkbox-unchecked-color,var(--primary-text-color)); } tp-yt-paper-checkbox[disabled][checked] #checkbox.tp-yt-paper-checkbox { background-color: var(--paper-checkbox-unchecked-color,var(--primary-text-color)); opacity: 0.5; } tp-yt-paper-checkbox[disabled] .tp-yt-paper-checkbox[style-target="label"], tp-yt-paper-checkbox[disabled] .tp-yt-paper-checkbox[style-target="label"] { opacity: 0.65; } #checkbox.invalid.tp-yt-paper-checkbox:not(.checked) { border-color: var(--paper-checkbox-error-color,var(--error-color)); } ytd-settings-checkbox-renderer { cursor: default; margin: 4px 0px 20px; justify-content: space-between; display: flex; flex-direction: column; } #main-option.ytd-settings-checkbox-renderer { display: flex; flex-direction: row; } #checkbox-label.ytd-settings-checkbox-renderer { padding-top: 2px; } #label.ytd-settings-checkbox-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } tp-yt-paper-checkbox.ytd-settings-checkbox-renderer { --paper-checkbox-vertical-align: top; --paper-checkbox-margin: 2px; display: flex; } ytd-settings-checkbox-renderer tp-yt-paper-checkbox .tp-yt-paper-checkbox[style-target="label"] { min-width: 0px; flex: 1 1 1e-09px; } #checkbox-container.ytd-settings-checkbox-renderer { display: flex; flex-direction: row; } #checkbox-label.ytd-settings-checkbox-renderer { align-items: center; max-width: 450px; padding-left: 4px; display: flex; } yt-icon.ytd-settings-checkbox-renderer { height: 16px; min-width: 18px; color: var(--yt-spec-text-secondary); align-self: center; padding: 0px 16px; margin-left: 0px; } ytd-settings-radio-option-renderer { cursor: default; margin: 8px 0px 12px; display: flex; justify-content: space-between; } #start.ytd-settings-radio-option-renderer, #end.ytd-settings-radio-option-renderer { display: flex; flex-direction: row; } #label.ytd-settings-radio-option-renderer, #aside-text.ytd-settings-radio-option-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } yt-icon.ytd-settings-radio-option-renderer { height: 16px; min-width: 18px; color: var(--yt-spec-text-secondary); align-self: center; padding: 0px 16px; margin-left: 0px; } ytd-connected-app-renderer { justify-content: flex-start; display: flex; flex-direction: row; padding: 24px 0px; } ytd-toggle-button-renderer.ytd-connected-app-renderer { min-width: 120px; } ytd-button-renderer.ytd-connected-app-renderer { min-width: 120px; } ytd-connected-app-renderer { --ytd-account-link-button-min-width: 120px; } yt-img-shadow.ytd-connected-app-renderer { height: 48px; width: 48px; margin-right: 16px; border-radius: 50%; background-color: transparent; overflow: hidden; } #button-row.ytd-connected-app-renderer { display: flex; flex-direction: row; padding-top: 4px; } #button-container.ytd-connected-app-renderer { padding-left: 24px; justify-content: center; display: flex; flex-direction: column; } #app-info.ytd-connected-app-renderer { justify-content: center; display: flex; flex-direction: column; padding-left: 24px; } #app.ytd-connected-app-renderer { justify-content: space-between; display: flex; flex-direction: row; width: 100%; } @media (max-width: 640px) { #app.ytd-connected-app-renderer { flex-direction: column; } } #title.ytd-connected-app-renderer { color: var(--yt-spec-text-primary); padding-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #text.ytd-connected-app-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-connected-app-renderer[connected-app-style="connected-app-style-type-large"] yt-img-shadow.ytd-connected-app-renderer { height: 72px; width: 72px; } ytd-connected-app-renderer[connected-app-style="connected-app-style-type-large"] #title.ytd-connected-app-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } tp-yt-paper-dropdown-menu { display: inline-block; position: relative; text-align: left; -webkit-tap-highlight-color: transparent; --paper-input-container-input_-_overflow: hidden; --paper-input-container-input_-_white-space: nowrap; --paper-input-container-input_-_text-overflow: ellipsis; --paper-input-container-input_-_max-width: 100%; --paper-input-container-input_-_box-sizing: border-box; --paper-input-container-input_-_cursor: pointer; } tp-yt-paper-dropdown-menu:focus { outline: none; } [dir="rtl"] tp-yt-paper-dropdown-menu, tp-yt-paper-dropdown-menu[dir="rtl"] { text-align: right; } tp-yt-paper-dropdown-menu[noink] tp-yt-paper-ripple.tp-yt-paper-dropdown-menu { display: none; } tp-yt-paper-dropdown-menu[no-label-float] tp-yt-paper-ripple.tp-yt-paper-dropdown-menu { top: 8px; } tp-yt-paper-ripple.tp-yt-paper-dropdown-menu { inset: 12px 0px 8px; } tp-yt-paper-menu-button.tp-yt-paper-dropdown-menu { display: block; padding: 0px; } tp-yt-iron-icon.tp-yt-paper-dropdown-menu { color: var(--paper-dropdown-menu-icon-color,var(--disabled-text-color)); } yt-form-renderer { display: inline-block; } yt-contact-section-renderer.yt-form-renderer { margin-top: 24px; } yt-options-renderer { --paper-input-container-input-color: var(--yt-spec-text-primary); display: block; } #yt-options-renderer-options.yt-options-renderer { display: flex; flex-direction: column; } yt-formatted-string.yt-options-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); } yt-formatted-string.subtext.yt-options-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } yt-icon.yt-options-renderer { color: var(--yt-spec-icon-inactive); height: 16px; padding: var(--ytd-margin-3x); width: 16px; } yt-options-renderer[tooltip-tapped] tp-yt-paper-radio-button.yt-options-renderer { --paper-radio-button-unchecked-ink-color: transparent; } yt-icon.yt-options-renderer:hover { color: var(--yt-spec-icon-active-other); } .info-container.yt-options-renderer { display: flex; flex-direction: row; align-items: center; } .content.yt-options-renderer { min-height: 40px; display: flex; flex-direction: row; align-items: center; } .content.yt-options-renderer > .text.yt-options-renderer { display: flex; flex-direction: column; padding: var(--ytd-margin-2x) 0; } tp-yt-paper-radio-button.radio.yt-options-renderer { padding: 0px; display: flex; flex-direction: row; align-items: center; } yt-options-renderer tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target="container"] { flex-shrink: 0; } tp-yt-paper-tooltip.yt-options-renderer { min-width: 200px; } tp-yt-paper-item.yt-options-renderer { cursor: pointer; } tp-yt-paper-item.yt-options-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } tp-yt-paper-dropdown-menu.yt-options-renderer { --paper-input-container-color: var(--yt-spec-text-secondary); --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-underline-background: var(--yt-spec-10-percent-layer); padding: var(--ytd-margin-2x) var(--ytd-margin-4x) var(--ytd-margin-2x) var(--ytd-margin-11x); --paper-item-selected-weight: 500; } tp-yt-paper-dropdown-menu.yt-options-renderer .input-content.tp-yt-paper-input-container > input, tp-yt-paper-dropdown-menu.yt-options-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, tp-yt-paper-dropdown-menu.yt-options-renderer .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-dropdown-menu.yt-options-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-dropdown-menu.yt-options-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } tp-yt-paper-dropdown-menu.yt-options-renderer tp-yt-paper-icon-item[style-target="host"], tp-yt-paper-dropdown-menu.yt-options-renderer tp-yt-paper-item[style-target="host"] { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } tp-yt-paper-listbox.yt-options-renderer { width: var(--yt-options-renderer-dropdown-width); } yt-contact-section-renderer { display: flex; flex-direction: column; } yt-contact-section-renderer.no-title #title.yt-contact-section-renderer { display: none; } yt-contact-section-renderer.group-selected yt-enrolled-contact-renderer.yt-contact-section-renderer, yt-contact-section-renderer.max-selected yt-enrolled-contact-renderer.yt-contact-section-renderer:not(.selected), yt-contact-section-renderer.group-selected yt-suggested-contact-renderer.yt-contact-section-renderer, yt-contact-section-renderer.max-selected yt-suggested-contact-renderer.yt-contact-section-renderer:not(.selected) { pointer-events: none; opacity: 0.35; } #title.yt-contact-section-renderer { display: block; margin-bottom: 8px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #description.yt-contact-section-renderer { color: var(--yt-spec-text-secondary); } #contents.yt-contact-section-renderer yt-enrolled-contact-renderer.yt-contact-section-renderer, #contents.yt-contact-section-renderer yt-suggested-contact-renderer.yt-contact-section-renderer { margin-right: 8px; vertical-align: top; white-space: normal; } yt-enrolled-contact-renderer { display: inline-block; position: relative; cursor: pointer; user-select: none; } #target.yt-enrolled-contact-renderer { margin: 1px 0px; border: none; border-radius: 3px; padding: 5px 1px 2px; outline: none; text-align: inherit; font-family: inherit; background-color: transparent; } #target.yt-enrolled-contact-renderer:focus { outline: 1px solid var(--yt-spec-button-chip-background-hover); background-color: var(--yt-spec-button-chip-background-hover); } #thumbnail.yt-enrolled-contact-renderer { width: 60px; height: 60px; margin: 0px 4px 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } #selection-highlight.yt-enrolled-contact-renderer { display: none; position: absolute; left: 1px; top: 6px; width: 52px; height: 52px; margin: 0px 4px 8px; border: 4px solid var(--yt-spec-themed-blue); border-radius: 50%; background-color: transparent; overflow: hidden; } yt-enrolled-contact-renderer.selected #selection-highlight.yt-enrolled-contact-renderer { display: block; } #name.yt-enrolled-contact-renderer { margin: auto; width: 68px; max-height: 36px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: normal; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } yt-enrolled-contact-renderer.selected #name.yt-enrolled-contact-renderer { color: var(--yt-spec-themed-blue); } yt-suggested-contact-renderer { display: inline-block; position: relative; cursor: pointer; user-select: none; } #target.yt-suggested-contact-renderer { margin: 1px 0px; border: none; border-radius: 3px; padding: 5px 1px 2px; outline: none; text-align: inherit; font-family: inherit; background-color: transparent; } #target.yt-suggested-contact-renderer:focus { outline: 1px solid var(--yt-spec-button-chip-background-hover); background-color: var(--yt-spec-button-chip-background-hover); } #thumbnail.yt-suggested-contact-renderer { width: 60px; height: 60px; margin: 0px 4px 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } #selection-highlight.yt-suggested-contact-renderer { display: none; position: absolute; left: 1px; top: 6px; width: 52px; height: 52px; margin: 0px 4px 8px; border: 4px solid var(--yt-spec-themed-blue); border-radius: 50%; background-color: transparent; overflow: hidden; } yt-suggested-contact-renderer.selected #selection-highlight.yt-suggested-contact-renderer { display: block; } #name.yt-suggested-contact-renderer { margin: auto; width: 68px; max-height: 36px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: normal; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } yt-suggested-contact-renderer.selected #name.yt-suggested-contact-renderer { color: var(--yt-spec-themed-blue); } ytd-survey-flow-step-renderer { display: block; } .yt-profile-identity-info-view-model-wiz { display: block; width: 100%; } .yt-profile-identity-info-view-model-wiz__frame { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .yt-profile-identity-info-view-model-wiz__channel-info-section { display: flex; padding: 4px 16px; align-items: center; align-self: stretch; } .yt-profile-identity-info-view-model-wiz__avatar { display: flex; justify-content: center; align-items: center; padding-right: 8px; } .yt-profile-identity-info-view-model-wiz__trio { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0px; } .yt-profile-identity-info-view-model-wiz__channel-banner-container { display: flex; } .yt-profile-identity-info-view-model-wiz__channel-banner { display: flex; margin: 12px 12px 4px; } @media (max-width: 527.9px) { .yt-profile-identity-info-view-model-wiz__channel-banner { height: 120px; } } .yt-profile-identity-info-view-model-wiz__channel-description { align-self: stretch; color: rgb(170, 170, 170); padding: 8px 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .yt-profile-identity-info-view-model-wiz__channel-name-frame { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .yt-profile-identity-info-view-model-wiz__channel-name-header { display: flex; align-items: center; max-width: 100%; } .yt-profile-identity-info-view-model-wiz__channel-name { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-profile-identity-info-view-model-wiz__badge { padding-left: 4px; margin-top: 2px; } .yt-profile-identity-info-view-model-wiz__metadata { display: flex; flex-direction: column; align-items: flex-start; } .yt-profile-identity-info-view-model-wiz__metadata-content-set { display: flex; align-items: flex-start; flex-wrap: wrap; max-width: 252px; } .yt-profile-identity-info-view-model-wiz__metadata-content { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-profile-identity-info-view-model-wiz__metadata-handle { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .yt-profile-identity-info-view-model-wiz__metadata-handle-with-bold-font { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .yt-profile-identity-info-view-model-wiz__metadata-pronouns { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .yt-profile-identity-info-view-model-wiz__metadata-delimiter { color: rgb(170, 170, 170); padding: 0px 4px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-profile-identity-info-view-model-wiz__buttons { display: flex; padding: 12px 8px 16px 16px; justify-content: center; align-items: center; align-self: stretch; } .yt-profile-identity-info-view-model-wiz__wrap-button { display: flex; justify-content: center; flex: 1 0 0px; align-items: center; flex-direction: row; padding-right: 8px; } .yt-profile-identity-info-view-model-wiz--button { border-radius: 16px; width: 100%; } .yt-profile-identity-info-view-model-wiz__divider { display: flex; justify-content: center; align-items: center; align-self: stretch; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .yt-profile-identity-info-view-model-wiz--frame-with-no-channel-banner .yt-profile-identity-info-view-model-wiz__avatar { padding-top: 4px; } ytd-channel-history-renderer { background: var(--yt-spec-raised-background); width: 512px; padding: 6px 12px; display: flex; flex-direction: column; } #contents.ytd-channel-history-renderer { display: flex; flex-direction: column; align-items: center; padding: 0px 20px 32px; } #image.ytd-channel-history-renderer { margin: 32px 0px 8px; max-width: 160px; max-height: 160px; } #title.ytd-channel-history-renderer { display: block; color: var(--yt-spec-text-primary); margin: 8px 36px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } #description.ytd-channel-history-renderer { display: block; color: var(--yt-spec-text-secondary); margin: 8px 36px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-feature-enablement-info-renderer { background: var(--yt-spec-raised-background); width: 512px; display: flex; flex-direction: column; } #contents.ytd-feature-enablement-info-renderer { display: flex; flex-direction: column; align-items: flex-start; } #title.ytd-feature-enablement-info-renderer { display: block; color: var(--yt-spec-text-primary); margin: 16px 24px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 400; } #description.ytd-feature-enablement-info-renderer { display: block; color: var(--yt-spec-text-secondary); margin: 8px 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-flow-bottom-bar-renderer { background-color: var(--yt-spec-brand-background-secondary); box-sizing: border-box; min-height: 56px; padding: 16px 24px 24px; display: flex; flex-direction: row; } #secondary-button.ytd-flow-bottom-bar-renderer { padding-right: 8px; } ytd-flow-bottom-bar-renderer[button-style="FLOW_BOTTOM_BAR_BUTTON_LAYOUT_STYLE_FULL_DISTRIBUTED"] > .ytd-flow-bottom-bar-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; } ytd-flow-bottom-bar-renderer[button-style="FLOW_BOTTOM_BAR_BUTTON_LAYOUT_STYLE_FULL_DISTRIBUTED"] ytd-button-renderer.ytd-flow-bottom-bar-renderer { flex: 1 1 1e-09px; } ytd-flow-bottom-bar-renderer[button-style="FLOW_BOTTOM_BAR_BUTTON_LAYOUT_STYLE_FLEX_PRIMARY"] #primary-button.ytd-flow-bottom-bar-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; } ytd-flow-bottom-bar-renderer[button-style="FLOW_BOTTOM_BAR_BUTTON_LAYOUT_STYLE_FLEX_PRIMARY"] ytd-button-renderer.ytd-flow-bottom-bar-renderer { flex: 1 1 1e-09px; } ytd-flow-bottom-bar-renderer[button-style="FLOW_BOTTOM_BAR_BUTTON_LAYOUT_STYLE_JUSTIFY_END"] { justify-content: flex-end; } #coupon-renderer.ytd-flow-bottom-bar-renderer { flex: 1 1 1e-09px; } ytd-ypc-coupon-renderer.ytd-flow-bottom-bar-renderer { justify-content: space-between; } ytd-ypc-coupon-renderer { display: flex; flex-direction: row; align-items: center; } tp-yt-paper-input-container.ytd-ypc-coupon-renderer { --paper-input-container-focus-color: var(--yt-spec-themed-blue); --paper-input-container-underline-height: 0; --paper-input-container-underline-background: transparent; --paper-input-container-underline-border-bottom: 1px solid var(--secondary-text-color); min-height: 60px; padding: 0px; flex: 1 1 1e-09px; } tp-yt-paper-input-error.ytd-ypc-coupon-renderer { margin-top: -2px; } .confirmation.ytd-ypc-coupon-renderer { color: var(--yt-spec-themed-green); } #input.ytd-ypc-coupon-renderer { color: var(--ytd-metadata-line-color,var(--yt-spec-text-secondary)); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] #apply.ytd-ypc-coupon-renderer { align-items: flex-end; } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] #validation.ytd-ypc-coupon-renderer { display: flex; flex-direction: row; align-items: flex-end; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] .error.ytd-ypc-coupon-renderer { color: var(--yt-spec-error-indicator); } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] .success.ytd-ypc-coupon-renderer { color: var(--yt-spec-themed-green); } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] .user-input.ytd-ypc-coupon-renderer { color: var(--yt-spec-themed-blue); } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] tp-yt-paper-input-container.error.ytd-ypc-coupon-renderer { --paper-input-container-underline-height: initial; --paper-input-container-underline-border-bottom: 1px solid var(--yt-spec-error-indicator); --paper-input-container-underline-focus-height: 1px; --paper-input-container-underline-invalid-focus-color: var( --yt-spec-error-indicator ); } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] tp-yt-paper-input-container.error.ytd-ypc-coupon-renderer #input.ytd-ypc-coupon-renderer { color: var(--yt-spec-error-indicator); } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] tp-yt-paper-input-container.success.ytd-ypc-coupon-renderer { --paper-input-container-underline-height: initial; --paper-input-container-underline-border-bottom: 1px solid var(--yt-spec-themed-green); } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] tp-yt-paper-input-container.success.ytd-ypc-coupon-renderer #input.ytd-ypc-coupon-renderer { color: var(--yt-spec-themed-green); } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] tp-yt-paper-input-container.user-input.ytd-ypc-coupon-renderer { --paper-input-container-underline-height: initial; --paper-input-container-underline-border-bottom: 1px solid var(--yt-spec-themed-blue); } ytd-ypc-coupon-renderer[coupon-style="YPC_COUPON_RENDERER_STYLE_END_ALIGN"] tp-yt-paper-input-container.user-input.ytd-ypc-coupon-renderer #input.ytd-ypc-coupon-renderer { color: var(--yt-spec-themed-blue); } ytd-flow-root-renderer[dialog][dialog][dialog] { --paper-spinner-color: var(--yt-spec-call-to-action); background-color: var(--yt-spec-raised-background); margin: 0px; padding: 0px; } ytd-flow-root-renderer { background-color: var(--yt-spec-brand-background-primary); display: flex; flex-direction: column; } #content.ytd-flow-root-renderer { position: relative; flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; justify-content: center; } #flow-step.ytd-flow-root-renderer { flex: 1 1 1e-09px; } ytd-flow-root-renderer[initial-state] { min-width: 200px; min-height: 200px; } #spinner-overlay.ytd-flow-root-renderer { background-color: var(--yt-spec-themed-overlay-background); position: absolute; inset: 0px; } tp-yt-paper-spinner-lite.ytd-flow-root-renderer { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ytd-flow-step-renderer { background-color: var(--yt-spec-brand-background-secondary); display: flex; flex-direction: column; } ytd-flow-step-renderer[hide-bottom-bar] #bottom-bar.ytd-flow-step-renderer { display: none; } #scroller.ytd-flow-step-renderer { --paper-dialog-scrollable-padding: 0; } #content.ytd-flow-step-renderer { overflow-y: auto; } #content.ytd-flow-step-renderer::-webkit-scrollbar { width: 16px; } #content.ytd-flow-step-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } #content.ytd-flow-step-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } ytd-flow-step-renderer[bottom-bar] #content.ytd-flow-step-renderer { max-height: min(616px, -230px + 100vh); } ytd-flow-step-renderer:not([fit-content]) #content.ytd-flow-step-renderer { max-height: min(616px, -140px + 100vh); } ytd-flow-step-renderer:not([fit-content]) #content.ytd-flow-step-renderer:has(> yt-creator-goal-set-up-flow-view-model).ytd-flow-step-renderer { max-height: calc(-50px + 100vh); } ytd-flow-step-renderer[fit-content] #content.ytd-flow-step-renderer { max-height: fit-content; } #progress-container.ytd-flow-step-renderer { height: 4px; background: var(--yt-spec-10-percent-layer); } #progress-container.ytd-flow-step-renderer[hidden] { } #progress.ytd-flow-step-renderer { height: 4px; background-color: var(--yt-spec-text-primary); width: 0px; } .bottom-bar-view-model.ytd-flow-step-renderer { margin: 16px 24px 24px; } ytd-flow-top-bar-renderer { box-sizing: border-box; min-height: 56px; padding: 8px 24px; display: flex; flex-direction: row; align-items: center; } #back-button.ytd-flow-top-bar-renderer ytd-button-renderer.ytd-flow-top-bar-renderer { margin-right: 8px; } #content.ytd-flow-top-bar-renderer { flex: 1 1 1e-09px; } #title.ytd-flow-top-bar-renderer { display: block; color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #subtitle.ytd-flow-top-bar-renderer { display: block; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-free-text-input-flow-step-renderer { display: inline-block; min-width: 450px; } ytd-media-product-renderer { display: inline-block; } ytd-media-product-renderer[is-masthead] { border-bottom: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; padding: 8px 24px; display: flex; } #product.ytd-media-product-renderer { display: flex; flex-direction: row; } #metadata.ytd-media-product-renderer { display: flex; flex-direction: column; } #metadata-line.ytd-media-product-renderer { padding-top: 4px; } #title.ytd-media-product-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; padding-bottom: 4px; } #image.ytd-media-product-renderer { padding-right: 12px; } #thumbnail.ytd-media-product-renderer { border-radius: 4px; overflow: hidden; } ytd-metadata-line-renderer { display: inline; } #line-wrapper.ytd-metadata-line-renderer { display: flex; flex-direction: row; } #text.ytd-metadata-line-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #badges.ytd-metadata-line-renderer { padding-right: 4px; } ytd-billboard-masthead-renderer { --yt-img-shadow-min-height: 160px; display: flex; width: 100%; } .billboard.ytd-billboard-masthead-renderer { width: 100%; } ytd-bullet-formatted-string { color: var(--yt-spec-text-primary); display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .bullet-icon.ytd-bullet-formatted-string { color: var(--yt-spec-icon-active-other); min-width: 24px; } ytd-bullet-formatted-string[small-size] { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-bullet-formatted-string[small-size] .bullet-icon.ytd-bullet-formatted-string { color: var(--yt-spec-icon-active-other); width: 12px; min-width: 12px; } .text.ytd-bullet-formatted-string { align-self: center; margin: 0px 12px; } ytd-offer-detail-renderer { display: block; color: var(--yt-spec-text-primary); } ytd-offer-detail-renderer > .ytd-offer-detail-renderer { margin: 8px 0px; } .description.ytd-offer-detail-renderer { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; letter-spacing: 0.2px; } #product.ytd-offer-detail-renderer { padding: 8px 0px; } .benefit.ytd-offer-detail-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; letter-spacing: 0.2px; padding: 4px 0px; } .terms.ytd-offer-detail-renderer { display: block; margin: 8px 0px 0px; padding: 8px 0px; --yt-badge-line-height-size: 1.8rem; --yt-badge-letter-spacing: 0.03rem; --yt-badge-font-weight: 400; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); color: var(--yt-spec-text-secondary); } ytd-offer-detail-step-renderer { display: flex; flex-direction: column; max-width: 575px; min-width: 575px; max-height: min(600px, -220px + 100vh); } #body.ytd-offer-detail-step-renderer { padding: 0px 24px; } ytd-channel-masthead-renderer[has-endpoint] { cursor: pointer; } #content.ytd-channel-masthead-renderer { flex-direction: row; padding: 8px 24px; display: flex; height: 88px; gap: 12px; } .channel-masthead.ytd-channel-masthead-renderer { aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; } .text.ytd-channel-masthead-renderer { padding-left: 12px; align-self: center; display: flex; flex-direction: column; } .title.ytd-channel-masthead-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .subtitle.ytd-channel-masthead-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-channel-masthead-renderer[is-in-offer-module] #content.ytd-channel-masthead-renderer { cursor: pointer; height: 75px; padding: 0px; } ytd-channel-masthead-renderer[is-in-offer-module] .title.ytd-channel-masthead-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } ytd-channel-masthead-renderer[is-in-offer-module] .subtitle.ytd-channel-masthead-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-offer-card-renderer { padding: 8px 24px 0px; display: flex; flex-direction: column; } ytd-offer-card-renderer[is-tap-on-offer-info-container-enabled] .offer-info.ytd-offer-card-renderer { cursor: pointer; } .offer-card.ytd-offer-card-renderer { margin-bottom: 12px; border: 1px solid var(--yt-spec-outline); border-radius: 8px; display: flex; flex-direction: column; } .top-banner.ytd-offer-card-renderer { height: 80px; width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; } .offer-info.ytd-offer-card-renderer { margin: 12px 12px 8px; align-items: flex-start; display: flex; flex-direction: column; } .description-section.ytd-offer-card-renderer { width: 100%; justify-content: space-between; position: relative; display: flex; flex-direction: row; } .bottom-bar.ytd-offer-card-renderer { padding-right: 16px; height: 56px; overflow: hidden; outline: none; background: none; border-top: 1px solid var(--yt-spec-outline); border-bottom: none; border-left: none; border-right: none; cursor: pointer; display: flex; flex-direction: row; align-items: center; } .bottom-bar.ytd-offer-card-renderer:hover { background-color: var(--yt-spec-suggested-action); } .bottom-bar-info.ytd-offer-card-renderer { margin: 12px 12px 8px; flex: 1 1 0%; align-items: flex-start; display: flex; flex-direction: column; } .bottom-bar-title.ytd-offer-card-renderer { color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .bottom-bar-subtitle.ytd-offer-card-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; } .text.ytd-offer-card-renderer { flex-grow: 1; align-items: flex-start; display: flex; flex-direction: column; } .title.ytd-offer-card-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .offer-content.ytd-offer-card-renderer { width: 100%; display: flex; flex-direction: row; } #thumbnail.ytd-offer-card-renderer yt-img-shadow.ytd-offer-card-renderer { height: 40px; width: 100%; } .description.ytd-offer-card-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } yt-button-renderer.ytd-offer-card-renderer[is-icon-button] { margin-right: 8px; } .expand-button.ytd-offer-card-renderer { display: flex; height: 100%; position: absolute; bottom: 0px; justify-content: end; align-items: end; right: 0px; padding: 0px; outline: none; border: none; background: none; min-width: 52px; cursor: pointer; } .expand-button.ytd-offer-card-renderer span.ytd-offer-card-renderer { color: var(--ytd-text-inline-expander-button-color,var(--yt-spec-text-secondary)); text-transform: none; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .offer-content-icon-div.ytd-offer-card-renderer { display: flex; min-height: 20px; width: 20px; justify-content: end; align-items: center; align-self: stretch; } .offer-content-icon.ytd-offer-card-renderer { width: 20px; height: 20px; color: var(--yt-spec-text-primary); } .benefits.ytd-offer-card-renderer { margin-top: 8px; } .benefit.ytd-offer-card-renderer { color: var(--yt-spec-text-secondary); } .icon.ytd-offer-card-renderer { width: 20px; height: 20px; margin-left: auto; color: var(--yt-spec-call-to-action); } ytd-offer-content-renderer { padding: 8px 16px 8px 24px; display: flex; flex-direction: column; } .offer-info.ytd-offer-content-renderer { align-items: center; justify-content: center; display: flex; flex-direction: row; cursor: pointer; } .offer-content.ytd-offer-content-renderer { display: flex; flex-direction: row; width: 100%; } #thumbnail.ytd-offer-content-renderer yt-img-shadow.ytd-offer-content-renderer { width: 32px; height: 32px; margin-left: 0px; margin-right: 12px; } .text.ytd-offer-content-renderer { flex-grow: 1; justify-content: center; align-items: flex-start; display: flex; flex-direction: column; } .title.ytd-offer-content-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .description.ytd-offer-content-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .benefit.ytd-offer-content-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; letter-spacing: 0.2px; padding: 4px 0px; } yt-button-renderer.ytd-offer-content-renderer[is-icon-button] { margin-right: 8px; } ytd-offer-section-renderer { display: flex; flex-direction: column; border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding: 4px 0px; } .heading.ytd-offer-section-renderer { padding: 8px 24px; display: flex; flex-direction: column; } .title.ytd-offer-section-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .description.ytd-offer-section-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-offer-selection-step-renderer { display: flex; flex-direction: column; padding: 0px 0px 16px; max-height: 600px; max-width: 575px; min-width: 575px; } #body.ytd-offer-selection-step-renderer ytd-offer-section-renderer.ytd-offer-selection-step-renderer:last-of-type { border: none; } #body.ytd-offer-selection-step-renderer yt-card-item-renderer.ytd-offer-selection-step-renderer:last-child { border-top: 1px solid var(--yt-spec-10-percent-layer); } #body.ytd-offer-selection-step-renderer yt-card-item-renderer.ytd-offer-selection-step-renderer:not(:last-child) { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #coupon-section.ytd-offer-selection-step-renderer yt-card-item-renderer.ytd-offer-selection-step-renderer:last-of-type { border-bottom: 1px solid var(--yt-spec-10-percent-layer); border-top: 1px solid var(--yt-spec-10-percent-layer); } #terms-section.ytd-offer-selection-step-renderer ytd-offer-section-renderer.ytd-offer-selection-step-renderer:last-of-type { border: none; } ytd-confirmation-masthead-renderer { width: fit-content; position: relative; margin-left: auto; margin-right: auto; display: block; overflow: visible; } ytd-confirmation-masthead-renderer[container-style="CONFIRMATION_MASTHEAD_RENDERER_STYLE_WIDE"] .entitlement-icon.ytd-confirmation-masthead-renderer { bottom: -20px; } .entitlement-icon.ytd-confirmation-masthead-renderer { border-radius: 50%; overflow: hidden; background-color: var(--yt-spec-commerce-badge-background); bottom: -5%; color: var(--yt-spec-themed-green); height: 32px; right: -10%; position: absolute; width: 32px; } .thumbnail.ytd-confirmation-masthead-renderer { border-radius: 4px; } ytd-purchase-complete-detail-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-purchase-complete-detail-renderer[container-style="PURCHASE_COMPLETE_DETAIL_STYLE_CENTER_ALIGN"] { align-items: center; } ytd-purchase-complete-detail-renderer > .ytd-purchase-complete-detail-renderer { margin: 8px 0px; } .description.ytd-purchase-complete-detail-renderer { display: block; } ytd-purchase-complete-step-renderer { display: flex; flex-direction: column; max-height: 600px; max-width: 575px; min-width: 575px; } #masthead.ytd-purchase-complete-step-renderer { padding-top: 16px; padding-bottom: 16px; } #body.ytd-purchase-complete-step-renderer { padding: 8px 24px; } ytd-ypc-transaction-error-message-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); padding: 0px; margin: 0px; max-width: 380px; display: flex; flex-direction: column; } .error-messages.ytd-ypc-transaction-error-message-renderer { color: var(--yt-spec-text-secondary); margin: 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytContainerLayoutViewModelHost, .ytContainerLayoutViewModelSlot { display: flex; flex-direction: column; position: relative; box-sizing: border-box; } .ytContainerLayoutViewModelImage { color: rgb(241, 241, 241); } .ytStyledTextViewModelHost { display: block; color: rgb(241, 241, 241); } .ytStyledTextViewModelYtDisplayL { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 6.4rem; line-height: 8rem; font-weight: 300; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtDisplayL { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 300; } } .ytStyledTextViewModelYtDisplayLHeavy { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 6.4rem; line-height: 8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtDisplayLHeavy { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 5.6rem; line-height: 7rem; font-weight: 700; } } .ytStyledTextViewModelYtDisplayM { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 300; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtDisplayM { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 300; } } .ytStyledTextViewModelYtDisplayMHeavy { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4.8rem; line-height: 6.6rem; font-weight: 700; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtDisplayMHeavy { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 700; } } .ytStyledTextViewModelYtDisplayS { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 300; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtDisplayS { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 300; } } .ytStyledTextViewModelYtDisplaySHeavy { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtDisplaySHeavy { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } .ytStyledTextViewModelYtDisplayXS { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 300; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtDisplayXS { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 300; } } .ytStyledTextViewModelYtDisplayXSHeavy { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtDisplayXSHeavy { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } .ytStyledTextViewModelYtHeadlineL { font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtHeadlineL { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } .ytStyledTextViewModelYtHeadlineLHeavy { font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 900; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtHeadlineLHeavy { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 900; } } .ytStyledTextViewModelYtHeadlineM { font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtHeadlineM { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } .ytStyledTextViewModelYtHeadlineMHeavy { font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 900; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtHeadlineMHeavy { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 900; } } .ytStyledTextViewModelYtHeadlineS { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtHeadlineS { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } .ytStyledTextViewModelYtHeadlineSHeavy { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 900; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtHeadlineSHeavy { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 900; } } .ytStyledTextViewModelYtHeadlineXS { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtHeadlineXS { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } .ytStyledTextViewModelYtHeadlineXSHeavy { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 900; } @media (max-width: 527.9px) { .ytStyledTextViewModelYtHeadlineXSHeavy { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 900; } } .ytStyledTextViewModelYtBodyXL { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .ytStyledTextViewModelYtBodyXLHeavy { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } .ytStyledTextViewModelYtBodyL { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytStyledTextViewModelYtBodyLHeavy { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .ytStyledTextViewModelYtBodyM { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytStyledTextViewModelYtBodyMHeavy { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytStyledTextViewModelYtBodyS { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytStyledTextViewModelYtBodySHeavy { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .ytStyledTextViewModelYtBodyXS { font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; } .ytStyledTextViewModelYtBodyXSHeavy { font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 500; } .ytStyledTextViewModelYtTextPrimary { color: rgb(241, 241, 241); } .ytStyledTextViewModelYtTextPrimaryInverse { color: rgb(15, 15, 15); } .ytStyledTextViewModelYtTextSecondary { color: rgb(170, 170, 170); } .ytStyledTextViewModelYtTextDisabled { color: rgb(113, 113, 113); } .ytStyledTextViewModelYtThemedGreen { color: rgb(43, 166, 64); } .ytThemedImageViewModelHost { display: block; color: rgb(241, 241, 241); } .ytPdpCardSectionViewModelHost { display: flex; flex-direction: column; } .ytPdpCardSectionViewModelHost > :not(:first-child) { margin-top: 8px; } .ytPdpCardSectionViewModelHeaderSection { display: flex; align-items: center; } .ytPdpCardSectionViewModelHeaderContent { flex: 1 0 0px; } .ytPdpCardSectionViewModelHeaderRadioContainer { flex: 0 1 auto; margin: -8px -12px -8px 0px; } .ytPdpCardSectionViewModelContentItem { padding: inherit; } .ytPdpCardViewModelHost { border-radius: 12px; background-color: rgb(33, 33, 33); border: 1px solid rgba(255, 255, 255, 0.2); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 1px 4px 16px -8px; display: flex; flex-direction: column; } .ytPdpCardViewModelBanner { background-color: rgba(255, 255, 255, 0.1); color: rgb(43, 166, 64); padding: 8px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytPdpCardViewModelSectionContainer { padding: 16px; } .ytPdpCardViewModelSectionContainer.ytPdpCardViewModelShowDividers + .ytPdpCardViewModelSectionContainer.ytPdpCardViewModelShowDividers { position: relative; } .ytPdpCardViewModelSectionContainer.ytPdpCardViewModelShowDividers + .ytPdpCardViewModelSectionContainer.ytPdpCardViewModelShowDividers::before { content: ""; display: block; position: absolute; top: 0px; left: 12px; right: 12px; border-top: 1px solid rgba(255, 255, 255, 0.2); } .ytPdpMastheadViewModelHost { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: rgb(241, 241, 241); } .ytPdpMastheadViewModelHost > :not(:first-child) { margin-top: 8px; } .ytPdpMastheadViewModelHost.ytPdpMastheadViewModelIsOverlay { color: rgb(255, 255, 255); } .ytPdpMastheadViewModelHost.ytPdpMastheadViewModelIsOverlay a { color: rgb(62, 166, 255); } .ytPdpMastheadViewModelHeading { font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { .ytPdpMastheadViewModelHeading { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } .ytPdpMastheadViewModelFinePrint { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytPdpMastheadViewModelImage { border-radius: 50%; } .ytPdpPricingOptionSelectorViewModelHost { display: flex; flex-direction: column; border-radius: 12px; background-color: rgb(33, 33, 33); border: 1px solid rgba(255, 255, 255, 0.2); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 1px 4px 16px -8px; } .ytPdpPricingOptionSelectorViewModelOption { display: flex; padding: 16px; align-items: center; } .ytPdpPricingOptionSelectorViewModelOption + .ytPdpPricingOptionSelectorViewModelOption { position: relative; } .ytPdpPricingOptionSelectorViewModelOption + .ytPdpPricingOptionSelectorViewModelOption::before { content: ""; display: block; position: absolute; top: 0px; left: 12px; right: 12px; border-top: 1px solid rgba(255, 255, 255, 0.2); } .ytPdpPricingOptionSelectorViewModelOptionContent { flex: 1 1 auto; } .ytPdpPricingOptionSelectorViewModelOptionRadio { flex: 0 0 auto; margin: -8px -12px -8px 0px; } .ytPdpPrimaryButtonViewModelHost { display: block; } .ytPdpSummaryViewModelHost { display: flex; flex-direction: column; padding: 16px; border-radius: 12px; background-color: rgb(33, 33, 33); border: 1px solid rgba(255, 255, 255, 0.2); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 1px 4px 16px -8px; } .ytPdpSummaryViewModelLineItem + .ytPdpSummaryViewModelLineItem { position: relative; } .ytPdpSummaryViewModelLineItem + .ytPdpSummaryViewModelLineItem::before { content: ""; display: block; position: absolute; top: 0px; left: 12px; right: 12px; border-top: 1px solid rgba(255, 255, 255, 0.2); } .ytPdpViewModelHost { display: block; background-color: rgb(15, 15, 15); --pdp-view-model-scrim-color: transparent; --pdp-view-model-behind-background: transparent; } .ytPdpViewModelHost.ytPdpViewModelHasScrim { --pdp-view-model-scrim-color: rgba(0,0,0,0.3); } .ytPdpViewModelHost.ytPdpViewModelHasDarkBackground { --pdp-view-model-behind-background: linear-gradient(to bottom,#0f0f0f 320px,transparent 320px); } @media (min-width: 840px) { .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) { max-height: 100%; } .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) .ytPdpViewModelColumnContainer { height: 100%; overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; } .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) .ytPdpViewModelColumnContainer::-webkit-scrollbar { background: transparent; width: 16px; } .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) .ytPdpViewModelColumnContainer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: transparent; } .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) .ytPdpViewModelColumnContainer:hover { scrollbar-color: rgb(113, 113, 113) transparent; } .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) .ytPdpViewModelColumnContainer:hover::-webkit-scrollbar-thumb { background-color: rgb(113, 113, 113); } .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) .ytPdpViewModelColumn + .ytPdpViewModelColumn { position: sticky; top: 0px; overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; } .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) .ytPdpViewModelColumn + .ytPdpViewModelColumn::-webkit-scrollbar { background: transparent; width: 16px; } .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) .ytPdpViewModelColumn + .ytPdpViewModelColumn::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: transparent; } .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) .ytPdpViewModelColumn + .ytPdpViewModelColumn:hover { scrollbar-color: rgb(113, 113, 113) transparent; } .ytPdpViewModelHost:not(.ytPdpViewModelInternalScrolling) .ytPdpViewModelColumn + .ytPdpViewModelColumn:hover::-webkit-scrollbar-thumb { background-color: rgb(113, 113, 113); } } .ytPdpViewModelColumn { padding-left: 12px; padding-right: 12px; box-sizing: border-box; vertical-align: top; min-width: 360px; } @media (min-width: 840px) { .ytPdpViewModelColumn + .ytPdpViewModelColumn { width: 360px; } } @media (max-width: 839.9px) { .ytPdpViewModelColumn { display: block; margin-left: auto; margin-right: auto; } .ytPdpViewModelColumn:first-child { padding-top: 4px; } .ytPdpViewModelColumn:last-child { padding-bottom: 4px; } .ytPdpViewModelHasBackground .ytPdpViewModelColumnContainer { background-image: linear-gradient(to bottom,var(--pdp-view-model-scrim-color) 120px,#0f0f0f 320px),var(--pdp-view-model-background,url()),var(--pdp-view-model-behind-background); background-position: center top; background-repeat: no-repeat; background-attachment: local; background-size: cover; } .ytPdpViewModelInternalScrolling .ytPdpViewModelColumnContainer { max-height: 70vh; overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; } .ytPdpViewModelInternalScrolling .ytPdpViewModelColumnContainer::-webkit-scrollbar { background: transparent; width: 16px; } .ytPdpViewModelInternalScrolling .ytPdpViewModelColumnContainer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: transparent; } .ytPdpViewModelInternalScrolling .ytPdpViewModelColumnContainer:hover { scrollbar-color: rgb(113, 113, 113) transparent; } .ytPdpViewModelInternalScrolling .ytPdpViewModelColumnContainer:hover::-webkit-scrollbar-thumb { background-color: rgb(113, 113, 113); } } @media (min-width: 840px) { .ytPdpViewModelHasBackground .ytPdpViewModelColumn:first-child { background-image: linear-gradient(to bottom,var(--pdp-view-model-scrim-color) 120px,#0f0f0f 320px),var(--pdp-view-model-background,url()),var(--pdp-view-model-behind-background); background-position: center top; background-repeat: no-repeat; background-attachment: local; background-size: cover; } .ytPdpViewModelInternalScrolling .ytPdpViewModelColumn { display: inline-block; max-height: 70vh; overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; } .ytPdpViewModelInternalScrolling .ytPdpViewModelColumn::-webkit-scrollbar { background: transparent; width: 16px; } .ytPdpViewModelInternalScrolling .ytPdpViewModelColumn::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: transparent; } .ytPdpViewModelInternalScrolling .ytPdpViewModelColumn:hover { scrollbar-color: rgb(113, 113, 113) transparent; } .ytPdpViewModelInternalScrolling .ytPdpViewModelColumn:hover::-webkit-scrollbar-thumb { background-color: rgb(113, 113, 113); } .ytPdpViewModelColumnContainer { width: 100%; display: flex; } .ytPdpViewModelColumn { padding-top: 4px; padding-bottom: 4px; flex: 0 0 auto; } .ytPdpViewModelColumn:first-child { flex: 1 1 auto; } } .ytPdpViewModelItem { padding: 8px 12px; margin: auto; box-sizing: border-box; width: 100%; max-width: 516px; } .ytPdpViewModelItem.ytPdpViewModelFullBleed { padding-left: 0px; padding-right: 0px; } .ytPdpViewModelItem.ytPdpViewModelNoVerticalPadding { padding-top: 0px; padding-bottom: 0px; } .divider-view-model-wiz { display: flex; } .divider-view-model-wiz__inset-thin-padding { padding: 16px; } .divider-view-model-wiz__base-divider { height: 1px; width: 100%; background-color: rgba(255, 255, 255, 0.2); } .divider-view-model-wiz__base-divider--full-bleed-4px { height: 4px; } .divider-view-model-wiz__base-divider--full-bleed-8px { height: 8px; } .divider-view-model-wiz__base-divider--full-bleed-12px { height: 12px; } .divider-view-model-wiz__base-divider--full-bleed-thick { height: 6px; } .yt-flow-bottom-bar-renderer { display: flex; flex-direction: row; box-sizing: border-box; min-height: 56px; margin-top: auto; padding: 16px 24px 24px; } .yt-flow-bottom-bar-renderer__flow-bottom-bar-button { display: flex; } .yt-flow-bottom-bar-renderer__flow-bottom-bar-secondary-button { padding-right: 8px; } .yt-flow-bottom-bar-renderer--flow-bottom-bar-button-layout-style-full-distributed .yt-flow-bottom-bar-renderer__flow-bottom-bar-button { flex-grow: 1; flex-direction: row; flex-basis: 0px; } .yt-flow-bottom-bar-renderer--flow-bottom-bar-button-layout-style-distributed-space { gap: 8px; } .yt-flow-bottom-bar-renderer--flow-bottom-bar-button-layout-style-distributed-space .yt-flow-bottom-bar-renderer__flow-bottom-bar-button { flex-grow: 1; flex-direction: row; flex-basis: 0px; } .yt-flow-bottom-bar-renderer--flow-bottom-bar-button-layout-style-flex-primary .yt-flow-bottom-bar-renderer__flow-bottom-bar-primary-button { flex-grow: 1; flex-direction: row; } .yt-flow-bottom-bar-renderer--flow-bottom-bar-button-layout-style-vertical-centered { flex-direction: column; } .yt-flow-bottom-bar-renderer--flow-bottom-bar-button-layout-style-vertical-centered .yt-flow-bottom-bar-renderer__flow-bottom-bar-button { flex-grow: 1; } .yt-flow-bottom-bar-renderer--flow-bottom-bar-button-layout-style-vertical-centered .yt-flow-bottom-bar-renderer__flow-bottom-bar-primary-button { order: 0; margin: 0px; } .yt-flow-bottom-bar-renderer--flow-bottom-bar-button-layout-style-vertical-centered .yt-flow-bottom-bar-renderer__flow-bottom-bar-secondary-button { margin: 12px 0px 0px; padding-right: 0px; order: 2; } .yt-flow-bottom-bar-renderer--flow-bottom-bar-button-layout-style-justify-end { justify-content: flex-end; } .yt-premium-purchase-button-renderer__c3-material-button--compact { margin: 0px 0.3em; order: 1; } .ytOfferSummaryFlowStepRendererHost { display: flex; justify-content: center; flex-direction: column; padding: 0px 16px; margin-left: auto; margin-right: auto; } @media (min-width: 529px) { .ytOfferSummaryFlowStepRendererHost { min-width: 402px; } } .ytOfferSummaryFlowStepRendererHeader { text-align: center; color: rgb(241, 241, 241); flex: 0 0 auto; align-self: stretch; margin-bottom: 12px; margin-top: 30px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { .ytOfferSummaryFlowStepRendererHeader { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } .ytOfferSummaryFlowStepRendererSubtitle { text-align: center; color: rgb(170, 170, 170); flex: 0 0 auto; align-self: stretch; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytOfferSummaryFlowStepRendererChild { margin-bottom: 24px; } .ytOfferSummaryFlowStepRendererChild:last-child { margin-bottom: 0px; } .ytOfferSummaryFlowStepRendererHeaderContainer { display: flex; flex-direction: column; padding: 0px 24px; } .ytOfferSummaryFlowStepRendererHeaderContainer:last-child { margin-bottom: 0px; } .ytOfferSummaryFlowStepRendererDisableHeaderTopMargin { display: inherit; } .ytOfferSummaryFlowStepRendererDisableHeaderTopMarginHeader { margin-top: 0px; } .ytOfferSummaryRendererHost { display: flex; flex-direction: row; align-items: center; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; padding: 24px; } .ytOfferSummaryRendererTextContainer { display: flex; flex-direction: column; align-items: flex-start; padding-left: 0px; } .ytOfferSummaryRendererTitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } .ytOfferSummaryRendererSubtitle { margin-top: 0px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytOfferSummaryRendererFeatureListData { padding: 8px 0px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytOfferSummaryRendererDescription { color: rgb(170, 170, 170); margin-top: 0px; white-space: pre-line; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytOfferSummaryRendererEyebrowText { text-align: left; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytOfferSummaryRendererFeatureList { display: flex; flex-direction: row; align-items: center; white-space: pre-line; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytOfferSummaryRendererFeatureListIcon { display: flex; height: 16px; } .ytOfferSummaryRendererFeatureListIconGreen { height: 18px; color: rgb(43, 166, 64); } .ytOfferSummaryRendererFeatureListIconDefault { height: 14px; } .ytOfferSummaryRendererFeatureListText { margin: 4px 3px; } .ytm-option-item-renderer { display: flex; flex-direction: row; align-items: center; border: 1px solid rgb(113, 113, 113); border-radius: 4px; padding: 12px; margin: 10px 28px; } .ytm-option-item-renderer__option-item-radio-container { position: relative; top: 0px; left: 0px; width: 20px; height: 20px; } .ytm-option-item-renderer__option-item-radio-container--label { position: static; } .ytm-option-item-renderer__option-item-radio-button { appearance: none; height: 20px; width: 20px; margin: 0px 14px 0px 0px; border: 1px solid rgb(62, 166, 255); background-color: transparent; border-radius: 50%; background-clip: content-box; } .ytm-option-item-renderer__option-item-radio-button:checked { padding: 2px; background-color: rgb(62, 166, 255); } .ytm-option-item-renderer__option-item-text-container { padding-left: 12px; } .ytm-option-item-renderer__option-item-title { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } .ytm-option-item-renderer__option-item-subtitle { margin-top: 4px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytm-option-item-renderer__option-item-description { color: rgb(170, 170, 170); margin-top: 4px; white-space: pre-line; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytm-option-item-renderer__option-item-eyebrow-text { text-align: left; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytm-option-item-renderer--lp2-style { border: 1px solid rgba(255, 255, 255, 0.2); padding: 16px 12px; margin: unset; border-radius: 16px; } .ytm-option-item-renderer--lp2-style .ytm-option-item-renderer__option-item-radio-container { margin-right: 16px; } .ytm-option-item-renderer--lp2-style .ytm-option-item-renderer__option-item-radio-button { appearance: none; background-color: transparent; border: 1px solid rgb(241, 241, 241); } .ytm-option-item-renderer--lp2-style .ytm-option-item-renderer__option-item-radio-button:checked { background-color: rgb(241, 241, 241); } .ytm-option-item-renderer--lp2-style .ytm-option-item-renderer__option-item-text-container { display: flex; flex-direction: column; align-items: flex-start; padding-left: 0px; } .ytm-option-item-renderer--lp2-style .ytm-option-item-renderer__option-item-description, .ytm-option-item-renderer--lp2-style .ytm-option-item-renderer__option-item-subtitle { margin-top: 0px; } .yt-option-section-renderer { display: flex; justify-content: center; flex-direction: column; } .yt-option-section-renderer__option-section-header-section { margin-bottom: 16px; } .yt-option-section-renderer__option-section-header { display: flex; text-align: center; justify-content: center; flex-direction: row; align-items: center; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } .yt-option-section-renderer__option-section-title-badge { margin-left: 6px; display: flex; flex-direction: row; align-items: center; } .yt-option-section-renderer__option-section-subtitle { margin: 8px 0px; text-align: center; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-option-section-renderer__option-section-feature-list { display: flex; flex-flow: wrap; justify-content: center; margin: 8px 0px; text-align: center; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-option-section-renderer__option-section-feature-item { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: flex; flex-shrink: 0; } .yt-option-section-renderer__option-section-feature-item-icon { display: flex; height: 16px; } .yt-option-section-renderer__option-section-feature-item-icon-default { height: 14px; margin-top: 2px; } .yt-option-section-renderer__option-section-feature-item-icon-green { color: rgb(43, 166, 64); height: 18px; } .yt-option-section-renderer__option-section-feature-item-text { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin-right: 5px; } .yt-option-section-renderer__option-section-disclaimer { text-align: center; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .yt-option-section-renderer__option-item { margin-bottom: 16px; } .yt-option-section-renderer__option-section-offer-text { text-align: center; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .yt-option-section-renderer:last-child { margin-bottom: 0px; } .ytm-option-selection-flow-step-renderer { display: flex; justify-content: center; flex-direction: column; } .ytm-option-selection-flow-step-renderer--lp2-style { padding: 0px 16px; margin-left: auto; margin-right: auto; } @media (min-width: 529px) { .ytm-option-selection-flow-step-renderer--lp2-style { min-width: 402px; } } .ytm-option-selection-flow-step-renderer__option-selection-flow-step-header { margin: 60px 42px 16px; text-align: center; color: rgb(241, 241, 241); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { .ytm-option-selection-flow-step-renderer__option-selection-flow-step-header { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } .ytm-option-selection-flow-step-renderer__option-selection-flow-step-subtitle { margin: 12px 24px; text-align: center; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytm-option-selection-flow-step-renderer--lp2-style .ytm-option-selection-flow-step-renderer__option-selection-flow-step-child { margin-bottom: 24px; } .ytm-option-selection-flow-step-renderer--lp2-style .ytm-option-selection-flow-step-renderer__option-selection-flow-step-child:last-child { margin-bottom: 0px; } .ytm-option-selection-flow-step-renderer--lp2-style .ytm-option-selection-flow-step-renderer__option-selection-flow-step-header { margin-right: unset; margin-left: unset; flex: 0 0 auto; align-self: stretch; margin-bottom: 12px; margin-top: 30px; } .ytm-option-selection-flow-step-renderer--lp2-style .ytm-option-selection-flow-step-renderer__option-selection-flow-step-subtitle { margin: unset; flex: 0 0 auto; align-self: stretch; } .ytm-option-selection-flow-step-renderer--lp2-style .ytm-option-selection-flow-step-renderer__option-selection-flow-step-header-container { display: flex; flex-direction: column; padding: 0px 24px; } .ytm-option-selection-flow-step-renderer--lp2-style .ytm-option-selection-flow-step-renderer__option-selection-flow-step-header-container:last-child { margin-bottom: 0px; } .ytm-option-selection-flow-step-renderer--desktop .ytm-option-selection-flow-step-renderer__option-selection-flow-step-header { margin-top: 0px; } .ytFormFooterViewModelHost { display: block; } .yt-panel-footer-view-model-wiz { display: flex; flex-direction: column; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 12px; } .yt-panel-footer-view-model-wiz--hide-divider { border-top: none; } .yt-panel-footer-view-model-wiz--disable-padding { padding: 12px 0px 0px; } .yt-panel-footer-view-model-wiz--disable-padding.yt-panel-footer-view-model-wiz--hide-divider { padding-top: 0px; } .yt-panel-footer-view-model-wiz--row-bottom-padding { padding-bottom: 12px; } .yt-panel-footer-view-model-wiz--text-padding { padding-right: 24px; } .yt-panel-footer-view-model-wiz__text-row { display: flex; flex-direction: row; justify-content: space-between; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-panel-footer-view-model-wiz__button-stack { display: flex; flex-direction: column; } .yt-panel-footer-view-model-wiz__button-stack--top-button { margin: 0px 0px 8px; } .yt-panel-footer-view-model-wiz__button-row { display: flex; } .yt-panel-footer-view-model-wiz__button-row--trailing { justify-content: flex-end; } .yt-panel-footer-view-model-wiz__button-row--left-button { margin-right: 8px; } .yt-panel-footer-view-model-wiz__button-row--full-width { width: 100%; } .yt-panel-footer-view-model-wiz__button-row--expand { flex: 1 1 0%; } .yt-panel-footer-view-model-wiz__button-row--shrink { flex: 0 1 0%; } .yt-panel-footer-view-model-wiz__button-row--hidden { display: none; } .ytContributorZeroStateViewModelHost { display: flex; overflow-y: auto; } .ytContributorZeroStateViewModelHost::-webkit-scrollbar { width: 16px; } .ytContributorZeroStateViewModelHost::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(170, 170, 170); } .ytContributorZeroStateViewModelHost::-webkit-scrollbar-thumb:hover { background-color: rgb(113, 113, 113); } .ytContributorZeroStateViewModelCenterAlignedContent { display: flex; overflow: hidden; flex: 1 1 0%; justify-content: center; align-items: center; flex-direction: column; } .ytContributorZeroStateViewModelCenterAlignedContentImage { width: 120px; height: 120px; margin-left: auto; margin-right: auto; margin-bottom: 16px; } .ytContributorZeroStateViewModelCenterAlignedContentTitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; text-align: center; margin-bottom: 16px; } .ytContributorZeroStateViewModelCenterAlignedContentSubtitle { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; text-align: center; margin-bottom: 16px; } .ytContributorZeroStateViewModelCenterAlignedContentButton { width: fit-content; margin-left: auto; margin-right: auto; } .ytNoteViewModelHost { display: block; margin-top: 12px; margin-left: 24px; margin-right: 24px; } .ytNoteViewModelNoteContent { --yt-endpoint-color: #3ea6ff; --yt-endpoint-hover-color: #3ea6ff; --yt-endpoint-visited-color: #3ea6ff; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytNoteViewModelMetadataAndOverflowButton { display: flex; padding-right: 3px; align-items: flex-start; gap: 4px; align-self: stretch; } .ytNoteViewModelMetadataAndOverflowButtonMetadata { display: flex; align-items: center; gap: 2px; align-self: stretch; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytNoteViewModelMetadataAndOverflowButtonMetadataIconPin { width: 12px; height: 12px; } .ytNoteViewModelMetadataAndOverflowButtonMetadataDelimiter { margin-left: 3px; margin-right: 3px; } .ytNoteViewModelMetadataAndOverflowButtonOverflowButton { margin-left: auto; width: 12px; height: 12px; } .ytTextFieldViewModelHost { display: block; } .ytStandardsTextareaShapeHost { position: relative; display: flex; flex-direction: column; } .ytStandardsTextareaShapeTextareaContainer { position: relative; box-sizing: border-box; min-height: 56px; padding: 24px 12px 8px; } .ytStandardsTextareaShapeTextareaContainerOutline { border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.2); } .ytStandardsTextareaShapeTextareaContainerOutline:focus-within { border: 2px solid rgb(241, 241, 241); padding: 23px 11px 7px; } .ytStandardsTextareaShapeTextareaContainerOutlineDisabled { border: 0px; color: rgb(113, 113, 113); background-color: rgba(255, 255, 255, 0.1); } .ytStandardsTextareaShapeTextareaContainerOutlineError { border-color: rgb(255, 85, 119); } .ytStandardsTextareaShapeTextareaContainerOutlineError:focus-within { border-color: rgb(255, 85, 119); } .ytStandardsTextareaShapeTextarea { min-height: 0px; color: rgb(241, 241, 241); width: 100%; background-color: transparent; resize: none; border: none; outline: none; padding: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytStandardsTextareaShapeTextarea::-webkit-input-placeholder { color: transparent; } .ytStandardsTextareaShapeTextarea::placeholder { color: transparent; } .ytStandardsTextareaShapeTextarea:disabled { color: rgb(113, 113, 113); } .ytStandardsTextareaShapeLabel { position: absolute; top: 8px; left: 12px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytStandardsTextareaShapeLabelFocused { top: 7px; left: 11px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .ytStandardsTextareaShapeLabelDisabled { color: rgb(113, 113, 113); } .ytStandardsTextareaShapeLabelError { color: rgb(255, 85, 119); } .ytStandardsTextareaShapeLabelHidden { display: none; } .ytStandardsTextareaShapePlaceholder { display: none; color: rgb(113, 113, 113); position: absolute; top: 16px; left: 12px; right: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytStandardsTextareaShapePlaceholderVisible { display: block; } .ytStandardsTextareaShapeHint, .ytStandardsTextareaShapeError { display: flex; flex-direction: row; align-items: center; margin-top: 4px; color: rgb(255, 85, 119); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytStandardsTextareaShapeHintIcon, .ytStandardsTextareaShapeErrorIcon { display: inline-block; width: 16px; height: 16px; } .ytStandardsTextareaShapeHintMessage, .ytStandardsTextareaShapeErrorMessage { margin-left: 4px; } .ytStandardsTextareaShapeHintDisabled, .ytStandardsTextareaShapeErrorDisabled { color: rgb(113, 113, 113); } .ytStandardsTextareaShapeHintCharacterCount, .ytStandardsTextareaShapeErrorCharacterCount { margin-left: auto; } .ytStandardsTextareaShapeHintHintMessage, .ytStandardsTextareaShapeErrorHintMessage { margin-left: 4px; color: rgb(170, 170, 170); } .ytTextFormFieldViewModelHost { display: block; } .ytStructuredContextNoteViewModelHost { display: block; padding-left: 12px; padding-right: 12px; } .ytStructuredContextNoteViewModelTextField { padding-top: 8px; padding-bottom: 12px; } .ytStructuredContextNoteViewModelLegalText { color: rgb(170, 170, 170); padding-top: 12px; padding-left: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; } .ytChipSelectionFormFieldViewModelHost { display: flex; flex-flow: wrap; } .ytChipSelectionFormFieldViewModelChipWrapper { margin: 4px; } .ytFeedbackFormViewModelHost { display: block; } .ytFeedbackFormViewModelChips { padding: 8px 12px 0px; } .ytFeedbackFormViewModelInputBox { padding: 8px 16px; } .ytFeedbackFormViewModelFooterText { padding: 0px 16px 8px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytWebReportFormBottomBarViewModelHost { display: block; } .ytWebReportFormBottomBarViewModelBottomBarContainer { display: flex; flex-direction: row; justify-content: center; padding-right: 12px; padding-left: 12px; } .ytWebReportFormBottomBarViewModelButton { padding: 12px; flex: 1 0 0px; } .ytWebReportFormConfirmationPageViewModelHostDialog { max-height: min(515px, -180px + 100vh); display: flex; flex-direction: column; flex-grow: 1; overflow: auto; } .ytWebReportFormConfirmationPageViewModelHostPanel { display: flex; flex-direction: column; flex-grow: 1; overflow: auto; } .ytWebReportFormConfirmationPageViewModelImageDialog { align-self: center; } .ytWebReportFormConfirmationPageViewModelImagePanel { padding-top: 24px; align-self: center; } .ytWebReportFormConfirmationPageViewModelIcon { color: rgb(241, 241, 241); } .ytWebReportFormConfirmationPageViewModelConfirmationContainer { padding-right: 24px; padding-left: 24px; } .ytWebReportFormConfirmationPageViewModelHeader { padding-top: 16px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } .ytWebReportFormConfirmationPageViewModelBody { padding-top: 12px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytWebReportFormConfirmationPageViewModelLawEnforcementText { padding-top: 12px; padding-bottom: 32px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytWebReportFormConfirmationPageViewModelExpectHeader { padding-bottom: 12px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } .ytWebReportFormConfirmationPageViewModelRow { display: flex; flex-direction: row; align-items: center; padding-bottom: 16px; } .ytWebReportFormConfirmationPageViewModelNextStepText { flex-grow: 1; display: inline-block; position: relative; padding-left: 12px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytWebReportFormConfirmationPageViewModelLegalText { padding-bottom: 16px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytWebReportFormDetailsPageViewModelHostDialog { max-height: min(515px, -180px + 100vh); display: flex; flex-direction: column; flex-grow: 1; overflow: auto; } @media (-ms-high-contrast:active), (forced-colors: active) { .ytWebReportFormDetailsPageViewModelHostDialog textarea::-webkit-input-placeholder { visibility: hidden; } .ytWebReportFormDetailsPageViewModelHostDialog textarea::placeholder { visibility: hidden; } } .ytWebReportFormDetailsPageViewModelHostPanel { display: flex; flex-direction: column; flex-grow: 1; overflow: auto; } @media (-ms-high-contrast:active), (forced-colors: active) { .ytWebReportFormDetailsPageViewModelHostPanel textarea::-webkit-input-placeholder { visibility: hidden; } .ytWebReportFormDetailsPageViewModelHostPanel textarea::placeholder { visibility: hidden; } } .ytWebReportFormDetailsPageViewModelHeaderDialog { padding: 0px 16px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } .ytWebReportFormDetailsPageViewModelHeaderPanel { padding-left: 16px; padding-right: 16px; padding-top: 16px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } .ytWebReportFormDetailsPageViewModelBody { padding: 12px 16px 16px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytWebReportFormDetailsPageViewModelInput { padding-left: 16px; padding-right: 16px; padding-bottom: 50px; } .yt-radio-button-group-view-model { display: block; } .yt-radio-button-group-view-model__fieldset { border: none; padding: 0px; margin: 0px; } .ytRadioButtonItemViewModelHost { display: block; } .ytRadioButtonItemViewModelLabel { display: flex; flex-direction: column; } .ytRadioButtonItemViewModelSubText { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytRadioButtonItemViewModelSubTitle { margin-bottom: 8px; } .ytWebReportFormReasonSelectPageViewModelHostDialog { max-height: min(515px, -180px + 100vh); display: flex; flex-direction: column; flex-grow: 1; } .ytWebReportFormReasonSelectPageViewModelHostPanel { display: flex; flex-direction: column; flex-grow: 1; } .ytWebReportFormReasonSelectPageViewModelHeaderDialog { padding-right: 24px; padding-left: 24px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } .ytWebReportFormReasonSelectPageViewModelHeaderPanel { padding-right: 24px; padding-left: 24px; padding-top: 24px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } .ytWebReportFormReasonSelectPageViewModelBody { padding: 12px 24px 8px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytWebReportFormReasonSelectPageViewModelReasonsPanel { flex: 1 1 0%; padding-left: 8px; } .ytWebReportFormReasonSelectPageViewModelReasonsDialog { height: 300px; padding-left: 8px; } .ytWebReportFormReasonSelectPageViewModelEmptyReasonError { display: flex; flex-direction: row; align-items: center; padding: 0px 16px; color: rgb(255, 85, 119); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytWebReportFormReasonSelectPageViewModelEmptyReasonErrorIcon { display: inline-block; width: 16px; height: 16px; } .ytWebReportFormReasonSelectPageViewModelEmptyReasonErrorMessage { margin-left: 4px; } .yt-report-form-sign-in-page-view-model { display: flex; flex-direction: column; flex-grow: 1; overflow: auto; align-self: center; justify-content: center; padding: 0px 12px; } .yt-report-form-sign-in-page-view-model__sign-in-prompt-image { align-self: center; margin-bottom: 32px; width: 80%; max-width: 350px; height: auto; } .yt-report-form-sign-in-page-view-model__sign-in-text-content { align-self: center; display: flex; flex-direction: column; align-items: flex-start; padding: 0px 16px 8px; gap: 12px; max-width: 400px; } .yt-report-form-sign-in-page-view-model__sign-in-prompt-header { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } .yt-report-form-sign-in-page-view-model__sign-in-prompt-body { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytwTalkToRecsHost { display: block; } .ytwTalkToRecsTalkToRecsWrapper { padding: 0px 20px; } .ytwTalkToRecsTopCornerButton { display: flex; justify-content: right; } .ytwTalkToRecsTitle { font-size: 24px; line-height: 24px; font-weight: 700; margin-left: 4px; color: rgb(241, 241, 241); } .ytwTalkToRecsSubtitle { font-size: 14px; line-height: 14px; margin: 14px 0px 0px 4px; color: rgb(170, 170, 170); } .ytwTalkToRecsChipsShelf { margin: 20px 0px 0px; display: flex; flex-direction: row; } .ytwTalkToRecsUserInputBox { display: flex; margin: 0px 0px 2px 4px; justify-content: left; } .ytwTalkToRecsTextInput { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 16px; font-size: 16px; width: 100%; background-color: transparent; color: rgb(170, 170, 170); outline: none; } .ytwTalkToRecsTextInput:focus { outline: rgb(28, 98, 185) solid 1px; } .ytDropdownViewModelHost { display: block; } .ytDropdownViewModelDropdownContainer { display: flex; box-sizing: border-box; height: 56px; padding: 8px 12px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; } .ytDropdownViewModelDropdownContainerErrorBorder { border-color: rgb(255, 85, 119); } .ytDropdownViewModelDropdownContainerDisabled { border: 0px; color: rgb(113, 113, 113); background-color: rgba(255, 255, 255, 0.1); cursor: default; } .ytDropdownViewModelText { flex-grow: 1; display: flex; flex-direction: column; justify-content: center; } .ytDropdownViewModelLabel { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytDropdownViewModelLabelError { color: rgb(255, 85, 119); } .ytDropdownViewModelTitle { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytDropdownViewModelTitlePlaceholder { color: rgb(113, 113, 113); } .ytDropdownViewModelChevronDown { display: flex; align-items: center; } .ytDropdownViewModelSupport { margin-top: 4px; display: flex; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytDropdownViewModelSupportHint { color: rgb(170, 170, 170); } .ytDropdownViewModelSupportError { color: rgb(255, 85, 119); } .ytDropdownViewModelSupportIcon { display: inline-block; width: 16px; height: 16px; } .ytDropdownViewModelSupportText { margin-left: 4px; } .ytfzScheduleFanzoneViewModelHost { background-color: rgb(15, 15, 15); color: rgb(241, 241, 241); display: flex; flex-direction: column; height: 100%; } .ytfzScheduleFanzoneViewModelContentSection { margin-top: 12px; padding: 0px 16px; } .ytfzScheduleFanzoneViewModelTitleGroup { align-items: center; color: rgb(241, 241, 241); display: grid; grid-template-areas: "title clipart"; grid-template-columns: auto min-content; margin: 0px; padding: 0px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } .ytfzScheduleFanzoneViewModelIllustration { height: 100px; margin-left: 16px; width: 100px; } .ytfzScheduleFanzoneViewModelDescription { display: block; color: rgb(170, 170, 170); margin-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytfzScheduleFanzoneViewModelTierDropdown, .ytfzScheduleFanzoneViewModelStartTimeDropdown { display: block; margin: 16px 0px; } .ytfzScheduleFanzoneViewModelNotice { color: rgb(170, 170, 170); margin-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; } .ytfzScheduleFanzoneViewModelFooterSection { margin-top: 16px; } .ytFlowBottomBarViewModelHost { display: flex; flex-direction: column; box-sizing: border-box; margin-top: auto; } .ytFlowBottomBarViewModelFlowBottomBarButtonSection { display: flex; flex-direction: row; } .ytFlowBottomBarViewModelFlowBottomBarButtonSectionVerticalCentered { flex-direction: column; } .ytFlowBottomBarViewModelFlowBottomBarButtonSectionJustifyEnd { justify-content: flex-end; } .ytFlowBottomBarViewModelFlowBottomBarButtonSectionSpaceBetween { justify-content: space-between; } .ytFlowBottomBarViewModelFlowBottomBarButtonsDistributed { flex-grow: 1; flex-direction: row; flex-basis: 0px; } .ytFlowBottomBarViewModelFlowBottomBarPrimaryButtonVerticalCentered { order: 0; } .ytFlowBottomBarViewModelFlowBottomBarPrimaryButtonFlexPrimary { flex-grow: 1; flex-direction: row; } .ytFlowBottomBarViewModelFlowBottomBarSecondaryButton { padding-right: 8px; } .ytFlowBottomBarViewModelFlowBottomBarSecondaryButtonVerticalCentered { margin-top: 12px; padding-right: 0px; order: 1; } .ytFlowBottomBarViewModelFlowBottomBarSecondaryButtonFullDistributed { padding-right: 0px; } .ytFlowBottomBarViewModelFlowBottomBarTextSection { display: flex; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-video-preview { --ytd-video-preview-width: 440px; --ytd-video-preview-height: 248px; --ytd-video-preview-original-top-position: 0; --ytd-video-preview-original-horizontal-position: 0; --ytd-video-preview-initial-scale: scale(1); opacity: 0; pointer-events: none; position: absolute; padding: 12px; z-index: 1; top: var(--ytd-video-preview-original-top-position); left: var(--ytd-video-preview-original-horizontal-position); transform: var(--ytd-video-preview-initial-scale) translate(0,0); transform-origin: center top; will-change: opacity, transform; background-color: transparent; display: flex; } ytd-video-preview[no-animation] { transition: none; } ytd-video-preview[active] { pointer-events: auto; opacity: 1; transform: scale(1) translate(var(--ytd-video-preview-translate-left),var(--ytd-video-preview-translate-top)); transition: opacity 0.2s ease-in, transform 0.16s ease-out 0.2s; } #video-preview-container.ytd-video-preview { width: var(--ytd-video-preview-width); display: flex; flex-direction: column; } #endorsement.ytd-video-preview { position: relative; transform: translateY(38px); } ytd-video-preview[active] #endorsement.ytd-video-preview { transform: translateY(0px); transition: transform 0.12s cubic-bezier(0.05, 0, 0, 1) 0.3s; } #media-container.ytd-video-preview { width: var(--ytd-video-preview-width); height: var(--ytd-video-preview-height); overflow: hidden; transform: translateZ(0px); } ytd-video-preview[rounded-corners-small] #media-container.ytd-video-preview { border-radius: 4px; } ytd-video-preview[rounded-corners-medium] #media-container.ytd-video-preview { border-radius: 8px; } ytd-video-preview[rounded-corners-large] #media-container.ytd-video-preview { border-radius: 12px; } ytd-video-preview[active][unround-corners-for-playback] #media-container.ytd-video-preview { border-radius: 0px; transition: border-radius 0.3s ease-in-out; overflow: visible; animation: 0.3s ease 0s 1 normal backwards running enable-overflow; } @keyframes enable-overflow { 0%, 100% { overflow: hidden; } } #media-container-link.ytd-video-preview { display: flex; } #thumbnail-container.ytd-video-preview { position: absolute; opacity: 1; } ytd-video-preview[playing] #thumbnail-container.ytd-video-preview { opacity: 0; transition: opacity 0.25s; } ytd-thumbnail.ytd-video-preview { width: var(--ytd-video-preview-width); height: var(--ytd-video-preview-height); position: relative; pointer-events: none; } #player-container.ytd-video-preview { opacity: 0; position: absolute; width: var(--ytd-video-preview-width); height: var(--ytd-video-preview-height); background-color: var(--yt-spec-static-overlay-background-solid); will-change: opacity; } ytd-video-preview[playing] #player-container.ytd-video-preview { opacity: 1; transition: opacity 0.25s cubic-bezier(0.05, 0, 0, 1); } #player-controls.ytd-video-preview { opacity: 0; } ytd-video-preview[playing] #player-controls.ytd-video-preview { opacity: 1; transition: opacity 0.25s cubic-bezier(0.05, 0, 0, 1); } ytd-video-preview[hide-player-controls] #player-controls.ytd-video-preview { display: none; } @keyframes slide-in-from-bottom { 0% { transform: translateY(50px); } 100% { transform: translateY(0px); } } .ytThumbnailOverlayAttributionViewModelHost { display: block; animation: 0.2s cubic-bezier(0.05, 0, 0, 1) 0s 1 normal none running slide-in-from-bottom; background-color: rgb(15, 15, 15); position: absolute; overflow: hidden; bottom: -12px; left: 0px; right: 0px; z-index: 100; border-radius: 12px 12px 0px 0px; } .ytThumbnailOverlayAttributionViewModelInnerContainer { background-color: rgba(255, 255, 255, 0.1); color: rgb(170, 170, 170); padding: 8px 12px 20px; flex-direction: row; display: flex; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytThumbnailOverlayAttributionViewModelBottomRightCorner { border-bottom: 36px solid rgba(255, 255, 255, 0.1); border-left: 36px solid transparent; position: absolute; height: 0px; width: 0px; bottom: 0px; right: 0px; } .ytBigboardStoryboardHost { position: absolute; inset: 0px; overflow: hidden; } .ytPlayerControlsJumpForwardButtonHost { display: flex; justify-content: center; align-items: center; position: relative; width: 48px; height: 48px; } .ytPlayerControlsJumpForwardButtonButton { cursor: pointer; width: 48px; height: 48px; padding: 12px; border: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; } .ytMiniplayerButtonHost { display: flex; justify-content: center; align-items: center; position: relative; width: 48px; height: 48px; } .ytMiniplayerButtonButton { cursor: pointer; width: 48px; height: 48px; padding: 12px; border: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; } .ytPlaybackSpeedButtonHost { display: flex; justify-content: center; align-items: center; position: relative; width: 48px; height: 48px; } .ytPlaybackSpeedButtonButton { cursor: pointer; width: 48px; height: 48px; padding: 12px; border: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; } .ytdThumbnailOverlayButtonHost { display: flex; justify-content: center; align-items: center; position: relative; width: 48px; height: 48px; } .ytdThumbnailOverlayButtonButton { cursor: pointer; width: 48px; height: 48px; padding: 12px; border: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; } .ytmClosedCaptioningButtonHost { display: flex; justify-content: center; align-items: center; position: relative; width: 48px; height: 48px; } .ytmClosedCaptioningButtonIconDisabled { color: rgb(113, 113, 113); } .ytmClosedCaptioningButtonIconDisabledOverlay { color: rgba(255, 255, 255, 0.3); } .ytmClosedCaptioningButtonButton { cursor: pointer; width: 48px; height: 48px; padding: 12px; border: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; } .ytInlinePlayerControlsHost { direction: ltr; } .ytInlinePlayerControlsDarkenedOverlay { position: absolute; inset: 0px; pointer-events: none; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.5s cubic-bezier(0.2, 0, 0.6, 1); } .ytInlinePlayerControlsDarkenedOverlayShow { opacity: 1; } .ytInlinePlayerControlsControlsHidden { visibility: hidden; } .ytInlinePlayerControlsTopLeftControls { position: absolute; top: 0px; left: 0px; } [dir="rtl"] .ytInlinePlayerControlsTopLeftControls { direction: rtl; } .ytInlinePlayerControlsTopRightControls { --inline-player-button-animation: dim-controls 700ms ease 2000ms forwards; position: absolute; top: 0px; right: 0px; margin: 8px; } .ytInlinePlayerControlsTopRightControls:active { --inline-player-button-animation: undim-controls 1s infinite; } @media not all and (hover: none) { .ytInlinePlayerControlsTopRightControls:hover { --inline-player-button-animation: undim-controls 1s infinite; } } .ytInlinePlayerControlsTopRightControlsCircleButton { position: relative; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); animation: var(--inline-player-button-animation); border-radius: 50%; width: 40px; height: 40px; margin-bottom: 8px; } .ytInlinePlayerControlsButtonIcon { position: absolute; top: 50%; left: 49%; transform: translate(-50%, -50%); filter: drop-shadow(rgba(0, 0, 0, 0.6) 0px 1px 2px); } .ytInlinePlayerControlsBottomRightControls { position: absolute; bottom: 0px; right: 0px; display: flex; flex-direction: row; align-items: flex-end; pointer-events: none; transition: opacity 0.1s cubic-bezier(0.2, 0, 0.6, 1); } [dir="rtl"] .ytInlinePlayerControlsBottomRightControls { direction: rtl; } .ytInlinePlayerControlsBottomRightControlsHidden { opacity: 0; } .ytInlinePlayerControlsTimeDisplay { margin: 8px; } .ytInlinePlayerControlsLiveBadge { text-transform: uppercase; } @keyframes dim-controls { 0% { background: rgba(0, 0, 0, 0.6); } 100% { background: none; } } @keyframes undim-controls { 0% { background: rgba(0, 0, 0, 0.6); } 100% { background: rgba(0, 0, 0, 0.6); } } .yt-premiere-trailer-badge { display: block; margin-bottom: 8px; } .ytPlayerControlsAnimatedSeekArrowsHost { display: block; white-space: nowrap; } .ytPlayerControlsAnimatedSeekArrowsArrow { display: inline-block; box-sizing: border-box; animation-duration: 0.8s; animation-iteration-count: infinite; } .ytPlayerControlsAnimatedSeekArrowsArrowSmall { width: 10px; height: 10px; border: 5px solid rgba(0, 0, 0, 0); } .ytPlayerControlsAnimatedSeekArrowsArrowSmallForward { border-left: 5px solid rgb(255, 255, 255); margin-right: -2.5px; animation-name: forward-arrow-fade; } .ytPlayerControlsAnimatedSeekArrowsArrowSmallBackward { border-right: 5px solid rgb(255, 255, 255); margin-left: -2.5px; animation-name: backward-arrow-fade; } .ytPlayerControlsAnimatedSeekArrowsArrowLarge { width: 20px; height: 20px; border: 10px solid rgba(0, 0, 0, 0); } .ytPlayerControlsAnimatedSeekArrowsArrowLargeForward { border-left: 10px solid rgb(255, 255, 255); margin-right: -5px; } .ytPlayerControlsAnimatedSeekArrowsArrowLargeBackward { border-right: 10px solid rgb(255, 255, 255); margin-left: -5px; } .ytPlayerControlsAnimatedSeekArrowsForwardArrow { animation-name: forward-arrow-fade; } .ytPlayerControlsAnimatedSeekArrowsBackwardArrow { animation-name: backward-arrow-fade; } .ytPlayerControlsAnimatedSeekArrowsForwardArrow:nth-child(2), .ytPlayerControlsAnimatedSeekArrowsBackwardArrow:nth-child(2) { animation-delay: 0.1s; } .ytPlayerControlsAnimatedSeekArrowsForwardArrow:nth-child(3), .ytPlayerControlsAnimatedSeekArrowsBackwardArrow:nth-child(1) { animation-delay: 0.2s; } @keyframes forward-arrow-fade { 0% { border-left-color: rgba(0, 0, 0, 0); } 50% { border-left-color: rgb(255, 255, 255); } 100% { border-left-color: rgba(0, 0, 0, 0); } } @keyframes backward-arrow-fade { 0% { border-right-color: rgba(0, 0, 0, 0); } 50% { border-right-color: rgb(255, 255, 255); } 100% { border-right-color: rgba(0, 0, 0, 0); } } .jumpForwardOverlayHost { display: block; } .jumpForwardOverlayOverlay { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; inset: 0px; pointer-events: none; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; opacity: 1; transition: opacity 0.2s; } .jumpForwardOverlayOverlayHidden { opacity: 0; } .ytmMuteButtonHost { display: flex; justify-content: center; align-items: center; position: relative; width: 48px; height: 48px; } .ytmMuteButtonButton { cursor: pointer; width: 48px; height: 48px; padding: 12px; border: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; } .ytmPaidContentOverlayHost { color: rgb(255, 255, 255); animation: 3s ease-in 20s 1 normal forwards running fade; padding: 12px 0px 0px 12px; display: flex; } .ytmPaidContentOverlayHidden { display: none; } .ytmPaidContentOverlayLink { align-items: center; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.6); border-left: 4px solid rgb(62, 166, 255); border-radius: 4px; display: flex; max-width: 312px; padding: 8px; text-decoration: none; } .ytmPaidContentOverlayText { font-size: 1.3rem; padding-left: 8px; } @keyframes fade { 100% { opacity: 0; pointer-events: none; } } .ytPlaybackRateOverlayHost { display: block; pointer-events: none; } .ytPlaybackRateOverlayOverlay { display: flex; flex-direction: row; align-content: center; position: absolute; top: 0px; left: 0px; margin: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); padding: 2px 6px; border-radius: 4px; } .ytPlaybackRateOverlayLabel { margin-left: 4px; } yt-creator-goal-set-up-flow-view-model { display: block; padding: 16px 16px 24px; background-color: var(--yt-live-chat-action-panel-background-color,var(--yt-deprecated-opalescence-soft-grey)); color: var(--yt-live-chat-primary-text-color,var(--yt-spec-text-primary)); } #header.yt-creator-goal-set-up-flow-view-model { margin-bottom: 16px; display: flex; flex-direction: row; align-items: center; } #title.yt-creator-goal-set-up-flow-view-model { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; font-weight: 700; line-height: 30px; inline-size: 245px; overflow-wrap: break-word; padding-right: 12px; } #subheader.yt-creator-goal-set-up-flow-view-model { display: flex; flex-direction: column; margin-bottom: 16px; } #description-goal.yt-creator-goal-set-up-flow-view-model, #number-goal.yt-creator-goal-set-up-flow-view-model, #tier-goal.yt-creator-goal-set-up-flow-view-model, #duration-goal.yt-creator-goal-set-up-flow-view-model { display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; margin-bottom: 16px; } #tier-goal.yt-creator-goal-set-up-flow-view-model { margin-bottom: 24px; } #description.yt-creator-goal-set-up-flow-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #goal-content.yt-creator-goal-set-up-flow-view-model { margin-bottom: 16px; } #description-disclosure.yt-creator-goal-set-up-flow-view-model, #tier-disclosure.yt-creator-goal-set-up-flow-view-model { margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--yt-live-chat-secondary-text-color,var(--yt-spec-text-secondary)); } yt-image.yt-creator-goal-set-up-flow-view-model { display: block; width: 100px; height: 100px; margin: 4px; } #goal-description-input.yt-creator-goal-set-up-flow-view-model { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 4px; box-shadow: inset 0 0 0 1px var(--yt-spec-10-percent-layer); padding: 0px 8px; margin-top: 8px; } .input-content.tp-yt-paper-input-container.yt-creator-goal-set-up-flow-view-model > .paper-input-input.yt-creator-goal-set-up-flow-view-model { line-height: 22px; } #goal-dropdown.yt-creator-goal-set-up-flow-view-model, #timer-dropdown.yt-creator-goal-set-up-flow-view-model, #tier-dropdown.yt-creator-goal-set-up-flow-view-model { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 4px; box-shadow: inset 0 0 0 1px var(--yt-spec-10-percent-layer); padding: 0px 8px; margin-top: 8px; width: auto; } yt-creator-goal-set-up-flow-view-model tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"] { color: var(--yt-live-chat-primary-text-color,var(--yt-spec-text-primary)); } #footer.yt-creator-goal-set-up-flow-view-model { } #start-button.yt-creator-goal-set-up-flow-view-model { display: flex; flex-direction: row-reverse; } #example-button.yt-creator-goal-set-up-flow-view-model { margin-top: 8px; display: flex; flex-direction: row; } yt-feature-enablement-soft-entry-renderer { background: var(--yt-spec-raised-background); width: 512px; padding: 6px 12px; display: flex; flex-direction: column; } #contents.yt-feature-enablement-soft-entry-renderer { display: flex; flex-direction: column; align-items: center; padding: 0px 20px 32px; } #image.yt-feature-enablement-soft-entry-renderer { margin: 32px 0px 8px; max-width: 160px; max-height: 160px; } #title.yt-feature-enablement-soft-entry-renderer { display: block; color: var(--yt-spec-text-primary); margin: 8px 36px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } #description.yt-feature-enablement-soft-entry-renderer { display: block; color: var(--yt-spec-text-secondary); margin: 8px 36px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } yt-benefits-flow-step-renderer { box-sizing: border-box; padding: 24px 0px; width: 450px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } yt-benefits-flow-step-renderer[is-using-large-width] { box-sizing: border-box; width: 685px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #avatar.yt-benefits-flow-step-renderer { float: left; margin-right: 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } #header-container.yt-benefits-flow-step-renderer { padding: 0px 24px; overflow: hidden; } yt-formatted-string#title-text.yt-benefits-flow-step-renderer { display: block; color: var(--yt-spec-text-primary); margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } yt-formatted-string#subtitle-text.yt-benefits-flow-step-renderer { display: block; color: var(--yt-spec-text-disabled); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } yt-benefits-item-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2.2rem; font-weight: 400; } #benefits-item.yt-benefits-item-renderer { padding: 12px 16px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; } .lhs.yt-benefits-item-renderer { flex: 1 1 auto; } .rhs.yt-benefits-item-renderer { min-width: 60px; margin-left: 8px; text-align: end; } yt-button-renderer#benefits-item-info-button.yt-benefits-item-renderer { margin: -6px -16px; } #benefits-section.yt-benefits-section-renderer { padding: 12px 8px 0px; } #benefits-section.yt-benefits-section-renderer[is-without-padding] { padding: 0px; } #benefits-header.yt-benefits-section-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); color: var(--yt-spec-text-primary); flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; } #benefits-header-text.yt-benefits-section-renderer { padding: 12px 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2.2rem; font-weight: 400; } yt-confirmation-flow-step-renderer { box-sizing: border-box; padding: 24px; width: 450px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } yt-confirmation-flow-step-renderer[is-using-large-width] { box-sizing: border-box; width: 685px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #thumbnail-container.yt-confirmation-flow-step-renderer { display: flex; justify-content: center; } #title-container.yt-confirmation-flow-step-renderer { color: var(--yt-spec-text-primary); text-align: center; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } #subtitle-container.yt-confirmation-flow-step-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); text-align: center; } yt-free-text-input-flow-step-renderer { box-sizing: border-box; padding: 24px; width: 450px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #question-container.yt-free-text-input-flow-step-renderer { color: var(--yt-spec-text-primary); margin-bottom: 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } tp-yt-paper-textarea.yt-free-text-input-flow-step-renderer { --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; border-radius: 8px; border: 2px solid transparent; background-color: var(--yt-spec-additive-background); padding: 16px; } yt-free-text-input-flow-step-renderer tp-yt-iron-autogrow-textarea .tp-yt-iron-autogrow-textarea[style-target="textarea"] { color: var(--yt-spec-text-primary); } tp-yt-paper-textarea.yt-free-text-input-flow-step-renderer:focus-within { border: 2px solid var(--yt-spec-call-to-action); } #input-area.yt-free-text-input-flow-step-renderer .maxed-out.yt-free-text-input-flow-step-renderer { border: 2px solid var(--yt-spec-error-indicator); } .maxed-out.yt-free-text-input-flow-step-renderer tp-yt-paper-input-container[style-target="host"] { --paper-input-container-focus-color: var(--yt-spec-error-indicator); } yt-free-text-input-flow-step-renderer tp-yt-paper-input-char-counter[style-target="host"] { margin-top: 28px; color: var(--yt-spec-text-primary); } yt-info-flow-step-renderer { box-sizing: border-box; padding: 24px; width: 450px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #title.yt-info-flow-step-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; } #subtitle-text.yt-info-flow-step-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2.2rem; font-weight: 400; } #subtitle-text-container.yt-info-flow-step-renderer { margin-top: 8px; } yt-info-list-flow-step-renderer { box-sizing: border-box; padding: 0px 24px; width: 450px; flex: 1 1 1e-09px; display: flex; flex-direction: column; margin-bottom: 40px; } #title-container.yt-info-list-flow-step-renderer { padding: 16px 0px 8px; } #title.yt-info-list-flow-step-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; color: var(--yt-spec-text-primary); } #info-list-header-container.yt-info-list-flow-step-renderer { padding: 8px 0px; } #info-list-header.yt-info-list-flow-step-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); } #description-text.yt-info-list-flow-step-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2.2rem; font-weight: 400; color: var(--yt-spec-text-primary); } #info-items-container.yt-info-list-flow-step-renderer { margin: 8px 0px; } #info-list-item.yt-info-list-flow-step-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; padding: 4px; } #info-icon.yt-info-list-flow-step-renderer { --iron-icon-width: 1.8rem; --iron-icon-height: 1.8rem; color: var(--yt-spec-text-primary); margin-right: 12px; } #info-text.yt-info-list-flow-step-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); } #description-text-container.yt-info-list-flow-step-renderer { padding: 8px 0px; } yt-survey-answer-card-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; justify-content: space-between; padding: 16px 24px; border: 1px solid var(--yt-spec-10-percent-layer); } yt-survey-answer-card-renderer:not(:first-of-type) { border-top: none; } yt-survey-answer-card-renderer:hover { background-color: var(--yt-spec-badge-chip-background); } #answer-string.yt-survey-answer-card-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #card-icon.yt-survey-answer-card-renderer { --iron-icon-width: 1.8rem; --iron-icon-height: 1.8rem; color: var(--yt-spec-text-primary); margin-left: 20px; } yt-survey-flow-step-renderer { box-sizing: border-box; width: 450px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } #question.yt-survey-flow-step-renderer { padding: 24px 16px 16px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } yt-survey-flow-step-renderer[is-cancellation-style] { min-width: 450px; } yt-survey-flow-step-renderer[is-cancellation-style] #question.yt-survey-flow-step-renderer { padding: 24px 24px 28px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; color: var(--yt-spec-text-primary); } #options.yt-survey-flow-step-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: column; } #radio.yt-survey-flow-step-renderer { --paper-radio-group-item-padding: 16px; border-top: 1px solid var(--yt-spec-10-percent-layer); } #radio.yt-survey-flow-step-renderer:last-of-type { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #answer-string.yt-survey-flow-step-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytGhostChipShelfHost { display: flex; flex-flow: row; flex-shrink: 0; } .ytGhostChipShelfChip { background-color: rgba(255, 255, 255, 0.2); border-radius: 8px; margin: 4px; height: 32px; width: 160px; } .ytwYouChatItemViewModelYouChatItemViewModel { display: flex; flex-direction: row; z-index: 0; max-width: 100%; box-sizing: border-box; } .ytwYouChatItemViewModelIcon { height: 36px; width: 48px; margin-top: 6px; margin-right: -6px; } .ytwYouChatItemViewModelRtl { transform: scaleX(-1); } .ytwYouChatItemViewModelHidden { opacity: 0; } .ytwYouChatItemViewModelHost { display: flex; flex: 1 1 0px; flex-direction: column; color: rgb(241, 241, 241); padding: 8px 12px; border-radius: 4px 18px 18px; margin: 4px 0px; max-width: 100%; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; background: linear-gradient(90deg, rgba(127, 14, 127, 0.3) 0px, rgba(170, 9, 170, 0.3) 20%, rgba(255, 78, 69, 0.3) 100%); animation: 0.5s ease 0s 1 normal forwards running fade-in; } .ytwYouChatItemViewModelHostNoPadding { padding: 0px; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .ytwYouChatItemViewModelLockupShelf { margin-top: 8px; margin-bottom: 8px; } .ytwYouChatItemViewModelThumbs { display: flex; flex-direction: row; } .ytwYouChatItemViewModelChatResponseStyleMultiPartStart { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: 0px; } .ytwYouChatItemViewModelChatResponseStyleMultiPartMiddle { border-radius: 0px; margin-top: 0px; margin-bottom: 0px; } .ytwYouChatItemViewModelChatResponseStyleMultiPartEnd { border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: 0px; } .ytChatLoadingViewModelHost { display: block; } .ytChatLoadingViewModelLoadingSvg { height: 64px; } .ytChatLoadingViewModelRtl { transform: scaleX(-1); } .ytYouChatUserTurnHost { display: flex; flex-direction: column; align-self: flex-end; margin-left: 42px; } .ytYouChatUserTurnChoiceSelected { color: rgb(170, 170, 170); display: flex; justify-content: flex-end; margin-bottom: -4px; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; } .ytYouChatUserTurnUserMessage { background: rgba(255, 255, 255, 0.2); color: rgb(241, 241, 241); align-self: flex-end; z-index: 1; padding: 8px 12px; border-radius: 16px 0px 16px 16px; margin: 4px 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .chatInputViewModelChatInputViewModel { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0px; } .chatInputViewModelChatInputForm { flex: 1 1 0%; width: 100%; max-width: 750px; display: flex; position: relative; align-items: center; } .chatInputViewModelChatInput { display: block; outline: none; box-sizing: border-box; border: none; border-radius: 22px; background: rgba(255, 255, 255, 0.1); resize: none; color: rgb(241, 241, 241); min-height: auto; width: 100%; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; padding: 10px 10px 10px 16px; } .chatInputViewModelChatInput::-webkit-input-placeholder { color: rgb(170, 170, 170); } .chatInputViewModelChatInput::placeholder { color: rgb(170, 170, 170); } .chatInputViewModelChatInputWrapper { padding: 8px; background: rgb(15, 15, 15); display: flex; flex: 1 1 0px; flex-direction: column; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px 0px; } .chatInputViewModelChatDisclaimer { padding: 8px 24px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; text-align: center; } ytd-page-manager { display: block; overflow-y: auto; margin-top: var(--ytd-toolbar-height); } ytd-page-manager > .ytd-page-manager { flex: 1 1 1e-09px; } ytd-miniplayer { --ytd-miniplayer-width: 400px; --ytd-miniplayer-height: 225px; --ytd-miniplayer-playlist-height: 385px; --ytd-miniplayer-fade-down-endpoint: 455px; --ytd-miniplayer-fade-down-expanded-endpoint: 70px; --ytd-miniplayer-info-bar-height: 76px; --ytd-miniplayer-attachment-padding: 16px; opacity: 0; pointer-events: none; position: fixed; z-index: 2029; touch-action: none; max-height: calc(100vh - var(--ytd-miniplayer-attachment-padding)*2); } ytd-miniplayer[vertical-attachment="north"] { top: var(--ytd-miniplayer-attachment-padding); } ytd-miniplayer[horizontal-attachment="east"] { right: var(--ytd-miniplayer-attachment-padding); } ytd-miniplayer[vertical-attachment="south"] { bottom: var(--ytd-miniplayer-attachment-padding); } ytd-miniplayer[horizontal-attachment="west"] { left: var(--ytd-miniplayer-attachment-padding); } ytd-miniplayer[enabled] { transition: bottom 0.5s, opacity 366ms cubic-bezier(0.05, 0, 0, 1), transform 366ms cubic-bezier(0.05, 0, 0, 1); will-change: bottom, opacity, transform; } ytd-miniplayer[enabled] { transition: none; } ytd-miniplayer[enabled][is-animating-snap] { transition: transform 0.5s cubic-bezier(0.05, 0, 0, 1); will-change: transform; user-select: none; } ytd-miniplayer[enabled][is-animating-snap] #draggable.ytd-miniplayer { pointer-events: none; } ytd-miniplayer[active][watch-while-hidden] { display: none; } ytd-miniplayer[active] { opacity: 1; pointer-events: auto; display: block; } @media (prefers-reduced-motion: no-preference) { ytd-miniplayer[enabled][is-animating-fade][active] { animation-duration: 0.366s; animation-timing-function: cubic-bezier(0.05, 0, 0, 1); } ytd-miniplayer[enabled][is-animating-fade][active][vertical-attachment="north"] { animation-name: fade-in-up; } ytd-miniplayer[enabled][is-animating-fade][active][vertical-attachment="south"] { animation-name: fade-in-down; } ytd-miniplayer[enabled][is-animating-fade]:not([active]) { animation-duration: 0.366s; animation-timing-function: cubic-bezier(0.05, 0, 0, 1); } ytd-miniplayer[enabled][is-animating-fade]:not([active])[vertical-attachment="north"] { animation-name: fade-out-down; } ytd-miniplayer[enabled][is-animating-fade]:not([active])[vertical-attachment="south"] { animation-name: fade-out-up; } ytd-miniplayer[enabled][is-animating-fade]:not([active])[closed], ytd-miniplayer[enabled][is-animating-fade]:not([active])[expanded-closed] { animation-duration: 0.366s; animation-timing-function: cubic-bezier(0.05, 0, 0, 1); } ytd-miniplayer[enabled][is-animating-fade]:not([active])[closed][vertical-attachment="north"], ytd-miniplayer[enabled][is-animating-fade]:not([active])[expanded-closed][vertical-attachment="north"] { animation-name: fade-out-up; } ytd-miniplayer[enabled][is-animating-fade]:not([active])[closed][vertical-attachment="south"], ytd-miniplayer[enabled][is-animating-fade]:not([active])[expanded-closed][vertical-attachment="south"] { animation-name: fade-out-down; } ytd-miniplayer[enabled][is-animating-expand] { transition: height 0.5s cubic-bezier(0.05, 0, 0, 1); will-change: height; } } @keyframes fade-in-down { 0% { transform: translateY(-70px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes fade-in-up { 0% { transform: translateY(70px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes fade-out-down { 0% { transform: translateY(0px); opacity: 1; } 100% { transform: translateY(70px); opacity: 0; } } @keyframes fade-out-up { 0% { transform: translateY(0px); opacity: 1; } 100% { transform: translateY(-70px); opacity: 0; } } ytd-miniplayer[has-no-data] #player-container.ytd-miniplayer { display: none; } .video.ytd-miniplayer { background-color: var(--yt-spec-static-black); } .miniplayer.ytd-miniplayer { position: relative; width: 100%; height: 100%; } .premium-badges.ytd-miniplayer { margin-right: 0px; } #blocking-container.ytd-miniplayer { position: absolute; width: 100%; height: 100%; z-index: 1; cursor: pointer; } #blocking-container.ytd-miniplayer > yt-icon-button.ytd-miniplayer { position: absolute; top: 0px; right: 0px; margin: 8px; background-color: transparent; } #error-screen.ytd-miniplayer { position: absolute; inset: 0px; } ytd-miniplayer:not([show-error-screen]) #error-screen.ytd-miniplayer { display: none; } #close-icon.ytd-miniplayer { fill: rgb(255, 255, 255); } #card.ytd-miniplayer { position: relative; left: 0px; top: 0px; color: var(--yt-spec-static-overlay-text-primary); background-color: var(--yt-spec-brand-background-primary); display: flex; flex-direction: column; height: 100%; overflow: hidden; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 6px 0px; } ytd-miniplayer-toast.ytd-miniplayer { height: 0px; box-sizing: border-box; width: var(--ytd-miniplayer-width); position: absolute; bottom: 0px; left: 0px; } .toast-container.ytd-miniplayer { pointer-events: none; overflow: hidden; position: absolute; bottom: 0px; height: var(--ytd-miniplayer-info-bar-height); width: 100%; border-radius: 0px 0px 12px 12px; } ytd-miniplayer-toast.ytd-miniplayer { overflow: hidden; width: 100%; } ytd-miniplayer-toast.ytd-miniplayer[opened] { height: var(--ytd-miniplayer-info-bar-height); } ytd-miniplayer[expanded] #card.ytd-miniplayer { height: 100%; } @supports (scrollbar-width:none) { ytd-miniplayer[expanded] #card.ytd-miniplayer { overflow-y: scroll; scrollbar-width: none; } } ytd-miniplayer.gesture-dragging #card.ytd-miniplayer:hover { box-shadow: none; } ytd-miniplayer.gesture-dragging #expander-space.ytd-miniplayer { height: 0px; } #card.ytd-miniplayer:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 8px 18px 2px, rgba(0, 0, 0, 0.2) 0px 14px 20px 1px; } .cast-thumbnail.ytd-miniplayer { background-color: var(--yt-spec-static-overlay-background-solid); height: var(--ytd-miniplayer-height); width: 100%; position: absolute; } .cast-label.ytd-miniplayer { position: absolute; top: 0px; right: 0px; opacity: 0.5; padding: 8px; flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; } .drop-shadow.ytd-miniplayer { filter: drop-shadow(rgba(0, 0, 0, 0.6) 2px 2px 6px); } .video.ytd-miniplayer { flex: 0 0 auto; } #video-container.ytd-miniplayer .video.ytd-miniplayer { width: var(--ytd-miniplayer-width); height: var(--ytd-miniplayer-height); } #video-container.ytd-miniplayer { position: relative; height: 100%; } #video-container.ytd-miniplayer .video.ytd-miniplayer { width: 100%; height: 100%; } #video-container.ytd-miniplayer .premium-badges.ytd-miniplayer { position: absolute; bottom: 16px; left: 16px; } #video-container.ytd-miniplayer .premium-badges.overlay.ytd-miniplayer { left: 12px; bottom: 32px; } #video-container.ytd-miniplayer .owner-name.ytd-miniplayer { position: absolute; bottom: 32px; left: 34px; } #info-bar.ytd-miniplayer { height: var(--ytd-miniplayer-info-bar-height); flex: 0 0 auto; display: flex; flex-direction: row; } .playlist-icon.ytd-miniplayer { padding-left: 10px; margin-right: -7px; cursor: pointer; color: var(--yt-spec-icon-inactive); display: flex; flex-direction: column; justify-content: center; } .metadata.ytd-miniplayer { padding: 12px 16px; overflow: hidden; cursor: pointer; flex: 1 1 1e-09px; justify-content: center; } ytd-miniplayer:not([has-playlist-data]) .metadata.ytd-miniplayer { cursor: grab; } .expander.ytd-miniplayer { padding-right: 16px; margin-left: -8px; opacity: 0.7; color: var(--yt-spec-text-primary); transition: opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; justify-content: center; } .channel.ytd-miniplayer { margin-top: 4px; color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; } .miniplayer-title.ytd-miniplayer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; pointer-events: none; max-width: 100%; } .metadata.ytd-miniplayer .title.ytd-miniplayer, .metadata.ytd-miniplayer .channel.ytd-miniplayer { cursor: pointer; width: fit-content; max-width: 100%; } .index-message.ytd-miniplayer { flex: 0 0 auto; } #owner-name.ytd-miniplayer, #card-owner-name.ytd-miniplayer { word-break: break-all; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .text-divider.ytd-miniplayer { margin-left: 4px; } .metadata.ytd-miniplayer:hover .channel.ytd-miniplayer { color: var(--yt-spec-text-primary); } ytd-miniplayer[ready-to-resume] .metadata.ytd-miniplayer:hover .channel.ytd-miniplayer { color: var(--yt-spec-text-secondary); } #player-container.ytd-miniplayer { background-color: var(--yt-spec-static-overlay-background-solid); width: 100%; height: 100%; } ytd-miniplayer[show-info-bar] #player-container.ytd-miniplayer { border-radius: 12px 12px 0px 0px; } #playlist.ytd-miniplayer { height: 285px; min-height: 285px; flex: 1 1 1e-09px; } #draggable.ytd-miniplayer { display: flex; flex-direction: column; height: 100%; } ytd-miniplayer[is-dragging] #draggable.ytd-miniplayer .dragging-cover.ytd-miniplayer { position: absolute; inset: 0px; cursor: grabbing; } ytd-miniplayer[active] #resize-container.ytd-miniplayer { pointer-events: none; position: absolute; width: 100%; height: 100%; top: 0px; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer { position: absolute; pointer-events: auto; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .corner.ytd-miniplayer { position: absolute; width: 12px; height: 12px; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[disabled] { display: none; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="north"], ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="south"] { width: 100%; height: 12px; cursor: ns-resize; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="north"] .corner.ytd-miniplayer, ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="south"] .corner.ytd-miniplayer { cursor: nesw-resize; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="east"], ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="west"] { width: 12px; height: 100%; cursor: ew-resize; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="east"] .corner.ytd-miniplayer, ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="west"] .corner.ytd-miniplayer { cursor: nwse-resize; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="north"] { transform: translate(6px, -6px); top: 0px; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="north"] .corner.ytd-miniplayer { right: 0px; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="east"] { transform: translate(6px, 6px); right: 0px; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="east"] .corner.ytd-miniplayer { bottom: 0px; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="south"] { height: 6px; transform: translate(-6px, 6px); bottom: 0px; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="south"] .corner.ytd-miniplayer { transform: translateY(-6px); left: 0px; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="west"] { transform: translate(-6px, -6px); left: 0px; } ytd-miniplayer[active] #resize-container.ytd-miniplayer .resizer.ytd-miniplayer[alignment="west"] .corner.ytd-miniplayer { top: 0px; } .ytDraggableComponentHost { display: block; } .ytdMiniplayerComponentHost { flex-direction: column; position: fixed; z-index: 2030; opacity: 1; pointer-events: auto; width: 400px; height: 225px; will-change: opacity, transform; display: none; max-height: calc(-32px + 100vh); } .ytdMiniplayerComponentContent { display: flex; flex-direction: column; overflow: hidden; border-radius: 12px; background-color: rgb(33, 33, 33); box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 6px 0px; width: 100%; height: 100%; } @supports (scrollbar-width:none) { .ytdMiniplayerComponentContent { overflow: hidden scroll; scrollbar-width: none; } } .ytdMiniplayerComponentVisible { display: flex; } .ytdMiniplayerComponentPlaylistPanel { height: 285px; min-height: 285px; flex: 1 1 1e-09px; pointer-events: auto; } .ytdMiniplayerComponentDraggable { display: flex; flex-direction: column; width: 100%; height: 100%; } .ytdMiniplayerComponentDraggableDragCover { position: absolute; inset: 0px; cursor: grabbing; } .ytdMiniplayerComponentToast { pointer-events: none; overflow: hidden; position: absolute; bottom: 0px; height: 76px; width: 100%; border-radius: 0px 0px 12px 12px; } .ytdMiniplayerComponentAnimatingSnap { transition: transform 0.5s cubic-bezier(0.05, 0, 0, 1); user-select: none; } @media (prefers-reduced-motion: no-preference) { .ytdMiniplayerComponentAnimatingPlaylistExpand { transition: height 0.5s cubic-bezier(0.05, 0, 0, 1); user-select: none; } .ytdMiniplayerComponentAnimatingPlaylistExpand .ytdMiniplayerComponentDraggable { pointer-events: none; } .ytdMiniplayerComponentAnimatingFade { animation-duration: 0.366s; animation-timing-function: cubic-bezier(0.05, 0, 0, 1); } .ytdMiniplayerComponentAnimatingFadeInSouth { animation-name: fade-in-down; } .ytdMiniplayerComponentAnimatingFadeInNorth { animation-name: fade-in-up; } .ytdMiniplayerComponentAnimatingFadeOutSouth { animation-name: fade-out-down; } .ytdMiniplayerComponentAnimatingFadeOutNorth { animation-name: fade-out-up; } } .ytdMiniplayerComponentResizers { pointer-events: none; position: absolute; width: 100%; height: 100%; } .ytdMiniplayerComponentResizer { position: absolute; pointer-events: auto; } .ytdMiniplayerComponentResizerDisabled { display: none; } .ytdMiniplayerComponentResizerCorner { position: absolute; width: 12px; height: 12px; } .ytdMiniplayerComponentResizerNorth, .ytdMiniplayerComponentResizerSouth { width: 100%; height: 12px; cursor: ns-resize; } .ytdMiniplayerComponentResizerNorthCorner, .ytdMiniplayerComponentResizerSouthCorner { cursor: nesw-resize; } .ytdMiniplayerComponentResizerEast, .ytdMiniplayerComponentResizerWest { width: 12px; height: 100%; cursor: ew-resize; } .ytdMiniplayerComponentResizerEastCorner, .ytdMiniplayerComponentResizerWestCorner { cursor: nwse-resize; } .ytdMiniplayerComponentResizerNorth { transform: translate(6px, -6px); top: 0px; } .ytdMiniplayerComponentResizerNorthCorner { right: 0px; } .ytdMiniplayerComponentResizerEast { transform: translate(6px, 6px); right: 0px; } .ytdMiniplayerComponentResizerEastCorner { bottom: 0px; } .ytdMiniplayerComponentResizerSouth { height: 6px; transform: translate(-6px, 6px); bottom: 0px; } .ytdMiniplayerComponentResizerSouthCorner { transform: translateY(-6px); left: 0px; } .ytdMiniplayerComponentResizerWest { transform: translate(-6px, -6px); left: 0px; } .ytdMiniplayerComponentResizerWestCorner { top: 0px; } @keyframes fade-in-down { 0% { transform: translateY(-70px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes fade-in-up { 0% { transform: translateY(70px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } @keyframes fade-out-down { 0% { transform: translateY(0px); opacity: 1; } 100% { transform: translateY(70px); opacity: 0; } } @keyframes fade-out-up { 0% { transform: translateY(0px); opacity: 1; } 100% { transform: translateY(-70px); opacity: 0; } } ytd-menu-navigation-item-renderer, .tp-yt-paper-item.ytd-menu-navigation-item-renderer { display: block; position: relative; min-height: var(--paper-item-min-height,48px); padding: 0px 16px; } .tp-yt-paper-item.ytd-menu-navigation-item-renderer { font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; font-weight: 400; line-height: 24px; border: none; outline: none; background: white; width: 100%; text-align: left; } ytd-menu-navigation-item-renderer[hidden], .tp-yt-paper-item.ytd-menu-navigation-item-renderer[hidden] { display: none !important; } ytd-menu-navigation-item-renderer.iron-selected, .tp-yt-paper-item.iron-selected.ytd-menu-navigation-item-renderer { font-weight: var(--paper-item-selected-weight,bold); background: var(--paper-item-selected-background); } ytd-menu-navigation-item-renderer[disabled], .tp-yt-paper-item.ytd-menu-navigation-item-renderer[disabled] { color: var(--paper-item-disabled-color,var(--disabled-text-color)); } ytd-menu-navigation-item-renderer:focus, .tp-yt-paper-item.ytd-menu-navigation-item-renderer:focus { position: relative; outline: 0px; background-color: var(--paper-item-focused-background-color); } ytd-menu-navigation-item-renderer:focus::before, .tp-yt-paper-item.ytd-menu-navigation-item-renderer:focus::before { position: absolute; inset: 0px; pointer-events: none; background: var(--paper-item-focused-before-background,currentColor); border-radius: var(--paper-item-focused-before-border-radius,0); content: var(--paper-item-focused-before-content,""); opacity: var(--paper-item-focused-before-opacity,var(--dark-divider-opacity,.12)); } ytd-menu-navigation-item-renderer { min-height: 0px; padding: 0px; } a.ytd-menu-navigation-item-renderer { display: block; } tp-yt-paper-item.ytd-menu-navigation-item-renderer { --yt-endpoint-force-cursor: pointer; --paper-item-min-height: 36px; padding: 0px 12px 0px 16px; display: flex; flex-direction: row; align-items: center; } tp-yt-paper-item.ytd-menu-navigation-item-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } ytd-menu-navigation-item-renderer[use-list-item-styles] tp-yt-paper-item.ytd-menu-navigation-item-renderer { border-radius: 8px; } ytd-menu-navigation-item-renderer[use-list-item-styles] tp-yt-paper-item.ytd-menu-navigation-item-renderer:hover, ytd-menu-navigation-item-renderer[use-list-item-styles] tp-yt-paper-item.ytd-menu-navigation-item-renderer:focus { background-color: var(--yt-spec-additive-background); } tp-yt-paper-item.ytd-menu-navigation-item-renderer:focus { background-color: var(--yt-spec-badge-chip-background); outline: 0px; position: relative; } yt-formatted-string.ytd-menu-navigation-item-renderer { color: var(--yt-spec-text-primary); white-space: nowrap; margin-right: 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-menu-navigation-item-renderer[use-list-item-styles] yt-formatted-string.ytd-menu-navigation-item-renderer { -webkit-font-smoothing: initial; } yt-icon.ytd-menu-navigation-item-renderer { display: var(--yt-menu-item-icon-display,none); margin-right: 16px; width: 24px; height: 24px; color: var(--yt-spec-icon-inactive); flex: 0 0 auto; } ytd-menu-navigation-item-renderer[use-list-item-styles] yt-icon.ytd-menu-navigation-item-renderer { margin-right: 12px; } ytd-menu-navigation-item-renderer[system-icons] yt-icon.ytd-menu-navigation-item-renderer { color: var(--yt-spec-text-primary); } ytd-menu-navigation-item-renderer[use-icons] { --yt-menu-item-icon-display: inline-block; } ytd-menu-navigation-item-renderer[has-separator]:not(:last-child)::after { content: ""; display: block; height: 1px; background-color: var(--yt-spec-10-percent-layer); margin: 8px 0px; } tp-yt-paper-item.ytd-menu-navigation-item-renderer[disabled] yt-formatted-string.ytd-menu-navigation-item-renderer { color: var(--yt-spec-text-disabled); } tp-yt-paper-item.ytd-menu-navigation-item-renderer[disabled] yt-icon.ytd-menu-navigation-item-renderer { color: var(--yt-spec-icon-disabled); } ytd-menu-service-item-download-renderer { cursor: pointer; --yt-menu-item-icon-display: inline-block; display: flex; flex-direction: column; } ytd-menu-service-item-download-renderer[has-separator]:not(:last-child)::after { content: ""; display: block; height: 1px; background-color: var(--yt-spec-10-percent-layer); margin: 8px 0px; } tp-yt-paper-item.ytd-menu-service-item-download-renderer { --paper-item-min-height: 36px; padding: 0px 36px 0px 16px; } tp-yt-paper-item.ytd-menu-service-item-download-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } yt-formatted-string.ytd-menu-service-item-download-renderer { color: var(--yt-spec-text-primary); white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } yt-icon.ytd-menu-service-item-download-renderer { margin-right: 16px; width: 24px; height: 24px; color: var(--yt-spec-icon-inactive); display: var(--yt-menu-item-icon-display,none); flex: 0 0 auto; } ytd-menu-service-item-renderer { cursor: pointer; display: flex; flex-direction: column; } tp-yt-paper-item.ytd-menu-service-item-renderer { --paper-item-min-height: 36px; padding: 0px 12px 0px 16px; } tp-yt-paper-item.ytd-menu-service-item-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } ytd-menu-service-item-renderer[use-list-item-styles] tp-yt-paper-item.ytd-menu-service-item-renderer { border-radius: 8px; } ytd-menu-service-item-renderer[use-list-item-styles] tp-yt-paper-item.ytd-menu-service-item-renderer:hover, ytd-menu-service-item-renderer[use-list-item-styles] tp-yt-paper-item.ytd-menu-service-item-renderer:focus { background-color: var(--yt-spec-additive-background); } yt-formatted-string.ytd-menu-service-item-renderer { color: var(--yt-spec-text-primary); white-space: nowrap; margin-right: 24px; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-menu-service-item-renderer[use-list-item-styles] yt-formatted-string.ytd-menu-service-item-renderer { -webkit-font-smoothing: initial; } yt-icon.ytd-menu-service-item-renderer { margin-right: 16px; width: 24px; height: 24px; color: var(--yt-spec-icon-inactive); display: var(--yt-menu-item-icon-display,none); flex: 0 0 auto; } ytd-menu-service-item-renderer[use-list-item-styles] yt-icon.ytd-menu-service-item-renderer { margin-right: 12px; } ytd-menu-service-item-renderer[system-icons] yt-icon.ytd-menu-service-item-renderer { color: var(--yt-spec-text-primary); } ytd-menu-service-item-renderer[is-selected] { background-color: var(--yt-spec-10-percent-layer); } ytd-menu-service-item-renderer[is-selected] tp-yt-paper-item.ytd-menu-service-item-renderer:hover { background-color: var(--yt-spec-badge-chip-background); } ytd-menu-service-item-renderer[use-icons] { --yt-menu-item-icon-display: inline-block; } ytd-menu-service-item-renderer[has-separator]:not(:last-child)::after { content: ""; display: block; height: 1px; background-color: var(--yt-spec-10-percent-layer); margin: 8px 0px; } tp-yt-paper-item.ytd-menu-service-item-renderer[disabled] yt-formatted-string.ytd-menu-service-item-renderer { color: var(--yt-spec-text-disabled); } tp-yt-paper-item.ytd-menu-service-item-renderer[disabled] yt-icon.ytd-menu-service-item-renderer { color: var(--yt-spec-icon-disabled); } ytd-backstage-post-dialog-popup-renderer[dialog][dialog][dialog] { --paper-input-container-input-align: baseline; background-color: var(--yt-spec-raised-background); display: block; margin: 0px; padding: 24px; width: 642px; } #title-bar.ytd-backstage-post-dialog-popup-renderer { width: 100%; display: flex; flex-direction: row; } #title.ytd-backstage-post-dialog-popup-renderer { color: var(--yt-spec-text-primary); display: inline-block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; flex: 1 1 1e-09px; } #close-panel-icon.ytd-backstage-post-dialog-popup-renderer { margin-right: 4px; color: var(--yt-spec-icon-inactive); justify-content: flex-end; } #close-panel-icon.ytd-backstage-post-dialog-popup-renderer:hover { color: var(--yt-spec-icon-active-other); cursor: pointer; } ytd-backstage-post-dialog-popup-renderer ytd-backstage-post-dialog-renderer.ytd-backstage-post-dialog-popup-renderer { background: var(--yt-spec-brand-background-primary); border: none; margin-top: 24px; } ytd-sender-id-section-renderer { display: inline-block; } #text.ytd-sender-id-section-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: row; justify-content: flex-start; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-unified-share-panel-renderer[dialog][dialog][dialog] { --paper-input-container-input-align: baseline; --paper-dialog-scrollable-padding: 20px 24px 24px 24px; max-width: 470px; padding: 0px; margin: 0px; user-select: none; position: relative; display: flex; flex-direction: column; } #spinner.ytd-unified-share-panel-renderer { width: 470px; height: 428px; display: flex; align-items: center; justify-content: center; align-self: center; } ytd-unified-share-panel-renderer[links-only] #spinner.ytd-unified-share-panel-renderer { height: 269px; } ytd-unified-share-panel-renderer yt-share-panel-header-renderer.ytd-unified-share-panel-renderer { margin-bottom: 8px; } #contents.ytd-unified-share-panel-renderer ytd-sender-id-section-renderer.ytd-unified-share-panel-renderer { display: block; padding-bottom: 16px; } ytd-unified-share-panel-renderer:not([links-only]) #contents.ytd-unified-share-panel-renderer ytd-sender-id-section-renderer.ytd-unified-share-panel-renderer { margin-top: 24px; } #contents.ytd-unified-share-panel-renderer yt-third-party-network-section-renderer.ytd-unified-share-panel-renderer { display: block; } #close-button.ytd-unified-share-panel-renderer { position: absolute; right: 18px; top: 15px; color: var(--yt-spec-icon-inactive); } #close-button.ytd-unified-share-panel-renderer:hover { color: var(--yt-spec-icon-active-other); } #qr-code.ytd-unified-share-panel-renderer { display: block; width: 256px; height: 256px; margin: 10px auto 0px; } .ytwFirstPartyNetworkSectionViewModelHost { display: block; } .ytwFirstPartyNetworkSectionViewModelfirstPartyItems { display: flex; flex-direction: column; margin-top: 12px; margin-left: -12px; } ytd-modal-with-title-and-button-renderer { background-color: var(--yt-spec-brand-background-primary); display: inline-block; margin: 24px 40px; padding: 0px; max-width: 500px; box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.4) 0px 8px 10px -5px; } ytd-modal-with-title-and-button-renderer > .ytd-modal-with-title-and-button-renderer { margin-top: 20px; padding: 0px 24px; } ytd-modal-with-title-and-button-renderer > .ytd-modal-with-title-and-button-renderer:first-child { margin-top: 24px; } .buttons.ytd-modal-with-title-and-button-renderer { position: relative; padding: 8px 8px 8px 24px; margin: 0px; display: flex; flex-direction: row; } ytd-modal-with-title-and-button-renderer[modal][modal] { margin: 0px; padding: 0px; min-width: 378px; display: flex; flex-direction: column; } #title.ytd-modal-with-title-and-button-renderer { color: var(--yt-spec-text-primary); display: block; margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #content.ytd-modal-with-title-and-button-renderer { color: var(--yt-spec-text-secondary); display: block; margin: 4px 0px 32px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .buttons.ytd-modal-with-title-and-button-renderer { border-top: 0px; height: 40px; justify-content: flex-start; align-items: center; flex: 0 0 auto; } ytd-modal-with-title-and-button-renderer[modern-modal][modern-modal][modern-modal] { border-radius: 24px; min-width: unset; align-items: center; } ytd-modal-with-title-and-button-renderer[modern-modal] #title.ytd-modal-with-title-and-button-renderer { margin-bottom: 0px; } ytd-modal-with-title-and-button-renderer[modern-modal] #content.ytd-modal-with-title-and-button-renderer { margin: 8px 0px 0px; } ytd-modal-with-title-and-button-renderer[modern-modal] .buttons.ytd-modal-with-title-and-button-renderer { width: 100%; box-sizing: border-box; padding: 8px 24px 8px 40px; margin: 16px 0px 24px; } ytd-modal-with-title-and-button-renderer[modern-modal] .buttons.ytd-modal-with-title-and-button-renderer ytd-button-renderer.ytd-modal-with-title-and-button-renderer { flex: 1 1 0%; } ytd-account-item-section-header-renderer { display: inline-block; padding: 8px 16px; } yt-formatted-string.ytd-account-item-section-header-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-account-item-section-renderer { display: block; } #contents.ytd-account-item-section-renderer > .ytd-account-item-section-renderer:hover { background-color: var(--yt-spec-badge-chip-background); } #contents.ytd-account-item-section-renderer > ytd-continuation-item-renderer.ytd-account-item-section-renderer:hover { background: none; } ytd-continuation-item-renderer.ytd-account-item-section-renderer { margin: 8px 16px; } ytd-account-section-list-renderer { display: block; padding: 8px 0px; } ytd-compact-link-renderer.ytd-account-section-list-renderer { padding: 4px 0px; } ytd-google-account-header-renderer.ytd-account-section-list-renderer { width: 100%; } ytd-accounts-dialog-header-renderer { display: inline-block; padding: 8px 16px; } yt-formatted-string.ytd-accounts-dialog-header-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-google-account-header-renderer { display: inline-block; } yt-formatted-string.ytd-google-account-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #container.ytd-google-account-header-renderer { margin: 0px 16px; padding: 12px 0px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #name.ytd-google-account-header-renderer { color: var(--yt-spec-text-primary); } #email.ytd-google-account-header-renderer { color: var(--yt-spec-text-secondary); } ytd-active-account-header-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; position: relative; padding: 16px; display: flex; flex-direction: row; } #avatar.ytd-active-account-header-renderer { height: 40px; width: 40px; margin-right: 16px; border-radius: 50%; background-color: transparent; overflow: hidden; } #channel-container.ytd-active-account-header-renderer { min-width: 0px; display: flex; flex-direction: column; justify-content: center; } #account-name.ytd-active-account-header-renderer { color: var(--yt-spec-text-primary); } ytd-active-account-header-renderer[enable-handles-account-menu-switcher] #account-name.ytd-active-account-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-active-account-header-renderer:not([enable-handles-account-menu-switcher]) #account-name.ytd-active-account-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } #channel-handle.ytd-active-account-header-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #email.ytd-active-account-header-renderer { color: var(--yt-spec-text-primary); overflow: hidden; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #manage-account.ytd-active-account-header-renderer { margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-multi-page-menu-renderer { background: var(--yt-spec-menu-background); border-radius: 12px; box-shadow: 0 4px 32px 0 var(--yt-spec-static-overlay-background-light); backdrop-filter: blur(8px); display: flex; flex-direction: column; overflow-x: hidden !important; } ytd-multi-page-menu-renderer[disable-backdrop-filter] { backdrop-filter: none; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-account"] { width: 300px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-system"] { width: 300px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-creation"] { max-width: 300px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-comments"], ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-notifications"] { height: 642px; width: 480px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-profile-card-comments"] #submenu.ytd-multi-page-menu-renderer { display: flex; overflow: auto; max-height: 512px; width: 360px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-profile-card-comments"] #submenu.ytd-multi-page-menu-renderer .ytd-multi-page-menu-renderer:first-child { height: inherit; background-color: var(--yt-spec-raised-background); } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-report-channel"] { margin: 0px; width: 450px; padding: 0px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-flow"] { margin: 0px; width: 450px; padding: 0px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-tvfilm-show-provider-switcher"] { width: 412px; border-radius: 2px; } #spinner.ytd-multi-page-menu-renderer { max-height: calc(-56px + 100vh); display: flex; align-items: center; justify-content: center; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-account"] #spinner.ytd-multi-page-menu-renderer { width: 300px; height: 713px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-report-channel"] #spinner.ytd-multi-page-menu-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); height: 573px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-system"] #spinner.ytd-multi-page-menu-renderer { width: 300px; height: 394px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-comments"] #spinner.ytd-multi-page-menu-renderer, ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-notifications"] #spinner.ytd-multi-page-menu-renderer { width: 100%; height: 100%; margin: 220px 0px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-flow"] #spinner.ytd-multi-page-menu-renderer { width: 100%; height: 522px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-comments"] { --comments-header-renderer-margin-top: 0px; --comments-header-renderer-margin-bottom: 0px; } #header.ytd-multi-page-menu-renderer { flex: 0 0 auto; } #sections.ytd-multi-page-menu-renderer > ytd-background-promo-renderer.ytd-multi-page-menu-renderer { position: absolute; inset: 48px 0px 0px; margin-bottom: 20px; } #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(ytd-comment-video-thumbnail-header-renderer) { padding: 8px 0px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-notifications"] #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer { padding: 0px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-report-channel"] #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer { height: 420px; padding: 0px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-flow"] #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer { height: 390px; padding: 0px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-tvfilm-show-provider-switcher"] #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer { padding: 8px 0px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-comments"] #sections.ytd-multi-page-menu-renderer > ytd-comments.ytd-multi-page-menu-renderer, ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-comments"] #sections.ytd-multi-page-menu-renderer > ytd-message-renderer.ytd-multi-page-menu-renderer { padding: 16px 8px 16px 16px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-switcher"] #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:nth-child(2) { border-top: 4px solid var(--yt-spec-10-percent-layer); border-bottom: none; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-switcher"] #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer { border-bottom: none; } #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(:last-child) { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } .menu-container.ytd-multi-page-menu-renderer { overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; } .menu-container.ytd-multi-page-menu-renderer::-webkit-scrollbar { background: transparent; width: 8px; } .menu-container.ytd-multi-page-menu-renderer::-webkit-scrollbar-thumb { height: 56px; background: transparent; } .menu-container.ytd-multi-page-menu-renderer:hover { scrollbar-color: var(--yt-spec-icon-disabled) transparent; } .menu-container.ytd-multi-page-menu-renderer:hover::-webkit-scrollbar-thumb { background: var(--yt-spec-icon-disabled); } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-report-channel"] .menu-container.ytd-multi-page-menu-renderer { overflow: visible; } #submenu.ytd-multi-page-menu-renderer { margin-right: 0px; } #submenu.ytd-multi-page-menu-renderer ytd-multi-page-menu-renderer.ytd-multi-page-menu-renderer { border: none; } #footer.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); padding: 8px 0px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-report-channel"] #footer.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer { padding: 8px; } ytd-multi-page-menu-renderer[menu-style="multi-page-menu-style-type-flow"] #footer.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer { border-top: none; padding: 0px; } ytd-simple-menu-header-renderer { background-color: var(--yt-spec-menu-background); color: var(--yt-spec-text-primary); border-bottom: 1px solid var(--yt-spec-outline); min-height: 48px; display: flex; flex-direction: row; align-items: center; } #back-button.ytd-simple-menu-header-renderer { color: var(--yt-spec-text-primary); margin: 0px 4px; } h2.ytd-simple-menu-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; flex: 1 1 1e-09px; } #back-button.ytd-simple-menu-header-renderer[hidden] + h2.ytd-simple-menu-header-renderer { margin-left: 16px; } #buttons.ytd-simple-menu-header-renderer { margin-right: 8px; } ytd-comment-video-thumbnail-header-renderer { position: relative; display: block; } .comment-video-thumbnail.ytd-comment-video-thumbnail-header-renderer { display: flex; flex-direction: row; padding: 16px 8px 16px 16px; } .yt-simple-endpoint.ytd-comment-video-thumbnail-header-renderer { min-width: 0px; display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-comment-video-thumbnail-header-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-comment-video-thumbnail-header-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; } .title.ytd-comment-video-thumbnail-header-renderer { color: var(--yt-spec-text-primary); min-width: 0px; margin-bottom: 8px; padding-right: 16px; flex: 1 1 1e-09px; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 12rem; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .thumbnail-container.ytd-comment-video-thumbnail-header-renderer { border-radius: 4px; width: 86px; height: 48px; position: relative; overflow: hidden; display: block; flex: 0 0 auto; } .thumbnail-container.ytd-comment-video-thumbnail-header-renderer > yt-img-shadow.ytd-comment-video-thumbnail-header-renderer { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } .subtitle-message-banner.ytd-comment-video-thumbnail-header-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); color: var(--yt-spec-text-primary); margin: 0px 16px; padding: 12px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-abuse-type-selector-renderer { display: inline-block; } .container.ytd-abuse-type-selector-renderer { padding-left: 20px; padding-right: 20px; padding-top: 8px; } #footer.ytd-abuse-type-selector-renderer { color: var(--yt-spec-text-secondary); margin: 16px 0px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-report-channel-modal-additional-context-renderer { display: flex; } yt-text-input-form-field-renderer.ytd-report-channel-modal-additional-context-renderer { padding: 16px; width: calc(100% - 64px); flex: 1 1 1e-09px; } ytd-report-channel-modal-footer-renderer { display: flex; align-items: center; justify-content: flex-end; } #back-button.ytd-report-channel-modal-footer-renderer { margin-right: 8px; } ytd-report-channel-modal-header-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); border-top: 1px solid var(--yt-spec-10-percent-layer); padding-left: 16px; padding-right: 16px; display: flex; align-items: center; justify-content: space-between; } ytd-report-channel-modal-header-renderer:focus { outline: none; } #dismiss-button.ytd-report-channel-modal-header-renderer { margin-bottom: 16px; margin-top: 16px; } #subtitle.ytd-report-channel-modal-header-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #title.ytd-report-channel-modal-header-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #title-container.ytd-report-channel-modal-header-renderer { display: flex; flex-direction: column; } ytd-report-channel-modal-impersonation-renderer { display: flex; } yt-text-input-form-field-renderer.ytd-report-channel-modal-impersonation-renderer { padding: 16px; flex: 1 1 1e-09px; } ytd-selectable-video-list-renderer { display: inline-block; height: 100%; overflow-y: auto; width: 100%; } ytd-selectable-video-renderer.ytd-selectable-video-list-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; padding: 8px 20px; width: 100%; } ytd-selectable-video-renderer.ytd-selectable-video-list-renderer:last-child { border-bottom: 0px; } #empty-state-message.ytd-selectable-video-list-renderer { color: var(--yt-spec-text-primary); margin-top: 16px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-selectable-video-renderer { display: flex; } tp-yt-paper-checkbox.ytd-selectable-video-renderer { --paper-checkbox-vertical-align: top; } #video.ytd-selectable-video-renderer { width: 360px; } ytd-toggle-item-renderer { display: inline-block; margin: 8px 16px; } .description.ytd-toggle-item-renderer { color: var(--yt-spec-text-primary); padding-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .extra-description.ytd-toggle-item-renderer { color: var(--yt-spec-text-primary); padding-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #caption-container.ytd-toggle-item-renderer { display: flex; flex-direction: row; align-items: center; } #caption.ytd-toggle-item-renderer { color: var(--yt-spec-text-secondary); font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); flex: 1 1 1e-09px; } tp-yt-paper-toggle-button.ytd-toggle-item-renderer { margin: 0px 8px; } ytd-flow-footer-renderer { display: inline-block; width: 100%; } .yt-profile-card-view-model-wiz { background-color: rgb(33, 33, 33); display: flex; padding-top: 4px; flex-direction: column; align-items: flex-start; align-self: stretch; width: 360px; border-radius: 12px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 24px 0px; } .profile-badge-view-model-wiz { display: flex; padding: 8px 16px; align-items: flex-start; gap: 12px; align-self: stretch; } .profile-badge-view-model-wiz__content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px; flex: 1 0 0px; } .profile-badge-view-model-wiz__badge-description { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .profile-badge-view-model-wiz__badge-subtitle { flex-direction: column; align-self: stretch; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .profile-badge-view-model-wiz__badge-icon-container { height: 36px; width: 36px; } .yt-comment-interaction-view-model-wiz { display: flex; padding: 8px 16px; align-items: center; align-self: stretch; } .yt-comment-interaction-view-model-wiz__frame { display: flex; flex-direction: column; align-items: flex-start; flex: 1 0 0px; cursor: pointer; overflow: hidden; } .yt-comment-interaction-view-model-wiz__header { display: flex; align-items: flex-start; align-self: stretch; padding-bottom: 2px; } .yt-comment-interaction-view-model-wiz__content { display: flex; align-items: center; align-self: stretch; } .yt-comment-interaction-view-model-wiz__video-title { color: rgb(241, 241, 241); max-width: 315px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .yt-comment-interaction-view-model-wiz__video-title-quote { color: rgb(241, 241, 241); width: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .yt-comment-interaction-view-model-wiz__comment-content { flex: 1 0 0px; padding-right: 8px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-comment-interaction-view-model-wiz__chevron { height: 18px; width: 18px; } .yt-profile-info-view-model-wiz { display: block; width: 360px; max-height: 360px; overflow-y: auto; } .yt-profile-info-view-model-wiz::-webkit-scrollbar { width: 16px; } .yt-profile-info-view-model-wiz::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(170, 170, 170); } .yt-profile-info-view-model-wiz::-webkit-scrollbar-thumb:hover { background-color: rgb(113, 113, 113); } .yt-profile-info-view-model-wiz__activity { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .yt-profile-info-view-model-wiz__header { display: flex; padding: 16px 16px 8px; flex-direction: column; justify-content: center; align-items: flex-start; align-self: stretch; } .yt-profile-info-view-model-wiz__badge { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-self: stretch; } .yt-profile-info-view-model-wiz__section-title { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-profile-info-view-model-wiz__section-title-modern { color: rgb(241, 241, 241); flex: 1 1 0%; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-profile-info-view-model-wiz__section-desc { display: flex; flex-direction: row; } .yt-profile-info-view-model-wiz__section-divider { color: rgb(170, 170, 170); padding-left: 5px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-profile-info-view-model-wiz__section-heart-icon { padding: 2px 5px 0px; } .yt-profile-info-view-model-wiz__section-icon { color: rgb(241, 241, 241); } .yt-profile-info-view-model-wiz__section-subtitle { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-profile-info-view-model-wiz__comment { display: flex; padding: 8px 16px; align-items: center; align-self: stretch; } .yt-profile-info-view-model-wiz__sub-section { display: flex; flex-direction: column; align-items: flex-start; } .yt-profile-info-view-model-wiz__subs { display: flex; padding: 0px 16px; align-items: flex-start; flex-shrink: 0; overflow-x: hidden; } .yt-profile-info-view-model-wiz__sub { display: flex; flex-direction: column; align-items: center; padding-right: 6px; } .yt-profile-info-view-model-wiz__sub-header { display: flex; padding: 8px 16px; flex-direction: column; justify-content: center; align-items: flex-start; align-self: stretch; } .yt-profile-info-view-model-wiz__another-header { display: flex; align-items: center; text-decoration: none; color: unset; align-self: stretch; } .yt-shared-subscription-view-model-wiz { display: flex; padding-top: 8px; flex-direction: column; align-items: center; width: 56px; height: 64px; } .yt-shared-subscription-view-model-wiz__channel-name { width: 56px; height: 20px; flex-direction: column; text-align: center; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } tp-yt-paper-button.ytd-topbar-menu-button-renderer { display: inline-block; text-align: center; font-family: inherit; } ytd-topbar-menu-button-renderer:not([button-next]) { display: inline-block; text-transform: uppercase; } ytd-topbar-menu-button-renderer.force-icon-button a.ytd-topbar-menu-button-renderer { cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-topbar-menu-button-renderer[disabled] a.ytd-topbar-menu-button-renderer:focus { outline: none; } ytd-topbar-menu-button-renderer[is-icon-button][has-no-text] { font-size: 0px; } a.ytd-topbar-menu-button-renderer { display: flex; } a.yt-simple-endpoint.ytd-topbar-menu-button-renderer { color: inherit; border-radius: inherit; text-decoration: none; } ytd-topbar-menu-button-renderer[is-paper-button] { border-radius: var(--yt-button-border-radius,3px); margin: var(--yt-button-margin,0 .29em); } ytd-topbar-menu-button-renderer[is-paper-button][disabled] { color: var(--yt-spec-text-disabled); background-color: transparent; } ytd-topbar-menu-button-renderer[is-icon-button][disabled] { color: var(--yt-spec-text-disabled); } ytd-topbar-menu-button-renderer[is-icon-button][style-action-button] { --yt-button-icon-padding: 6px; } ytd-topbar-menu-button-renderer[is-paper-button][align-by-text]:not(:empty) { margin-left: -16px; } ytd-topbar-menu-button-renderer[is-icon-button][icon-align-by-text]:not(:empty) { margin-left: -8px; } ytd-topbar-menu-button-renderer[is-paper-button][button-size="size-large"] { line-height: 24px; } tp-yt-paper-button.ytd-topbar-menu-button-renderer { width: var(--yt-paper-button-width,auto); height: var(--yt-paper-button-height,auto); border-radius: inherit; margin: 0 var(--yt-button-paper-button-margin-right,0) 0 var(--yt-button-paper-button-margin-left,0); padding: var(--yt-button-padding,.7em .57em); display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1 1 auto; } ytd-topbar-menu-button-renderer[start-justified] tp-yt-paper-button.ytd-topbar-menu-button-renderer { justify-content: flex-start; } ytd-topbar-menu-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-topbar-menu-button-renderer { display: flex; flex-direction: column; } ytd-topbar-menu-button-renderer[vertically-aligned] tp-yt-paper-button.ytd-topbar-menu-button-renderer #text.ytd-topbar-menu-button-renderer { overflow: hidden; text-align: center; text-overflow: ellipsis; width: inherit; } #button.ytd-topbar-menu-button-renderer { color: var(--yt-button-color); background-color: var(--yt-button-background-color); } ytd-topbar-menu-button-renderer #button.ytd-topbar-menu-button-renderer { color: var(--yt-button-color,inherit); background-color: transparent; text-transform: var(--yt-button-text-transform,inherit); } button.ytd-topbar-menu-button-renderer, yt-icon-button.ytd-topbar-menu-button-renderer { padding: 1px 6px; } yt-icon-button.ytd-topbar-menu-button-renderer { width: var(--yt-button-icon-size,40px); height: var(--yt-button-icon-size,40px); color: var(--yt-endpoint-color,var(--yt-deprecated-luna-black)); } yt-icon-button.ytd-topbar-menu-button-renderer[disabled] { color: var(--yt-button-disabled-color,hsla(0,0%,6.7%,.2)); } yt-icon-button.ytd-topbar-menu-button-renderer { line-height: 1; padding: var(--yt-button-icon-padding,8px); width: var(--yt-button-icon-size,var(--yt-icon-width,40px)); height: var(--yt-button-icon-size,var(--yt-icon-height,40px)); } yt-icon-button.ytd-topbar-menu-button-renderer > yt-icon.ytd-topbar-menu-button-renderer { width: 100%; height: 100%; } #button.ytd-topbar-menu-button-renderer yt-icon.ytd-topbar-menu-button-renderer + yt-formatted-string.ytd-topbar-menu-button-renderer { margin-left: var(--yt-string-icon-padding,8px); } #button.ytd-topbar-menu-button-renderer yt-formatted-string.ytd-topbar-menu-button-renderer + yt-icon.ytd-topbar-menu-button-renderer { margin-left: var(--yt-button-icon-padding,8px); } ytd-topbar-menu-button-renderer[vertically-aligned] #button.ytd-topbar-menu-button-renderer yt-icon.ytd-topbar-menu-button-renderer + yt-formatted-string.ytd-topbar-menu-button-renderer { margin-left: 0px; margin-top: var(--yt-string-icon-padding,4px); } ytd-topbar-menu-button-renderer[vertically-aligned] #button.ytd-topbar-menu-button-renderer yt-formatted-string.ytd-topbar-menu-button-renderer + yt-icon.ytd-topbar-menu-button-renderer { margin-left: 0px; margin-top: var(--yt-button-icon-padding,4px); } ytd-topbar-menu-button-renderer.yt-spec-dialog-layout__dialog-layout-button.yt-spec-dialog-layout__dialog-layout-button--dialog-buttons-inline-stretched { display: flex; } ytd-topbar-menu-button-renderer { opacity: var(--ytd-offline-opacity); pointer-events: var(--ytd-offline-pointer-events); } ytd-topbar-menu-button-renderer.style-text[is-icon-button], ytd-topbar-menu-button-renderer.style-default[is-icon-button] { color: var(--yt-spec-icon-active-other); } button.ytd-topbar-menu-button-renderer { background: none; border: none; outline: none; display: flex; align-items: center; justify-content: center; } yt-img-shadow.ytd-topbar-menu-button-renderer { width: 32px; height: 32px; cursor: pointer; margin: 0px 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } #avatar-btn.ytd-topbar-menu-button-renderer:focus yt-img-shadow.ytd-topbar-menu-button-renderer { box-shadow: 0 0 0 1px var(--ytd-avatar-outline-color,var(--yt-spec-themed-blue)); } tp-yt-paper-tooltip.ytd-topbar-menu-button-renderer { white-space: nowrap; } ytd-ad-feedback-content > .ytd-ad-feedback-content { margin-top: 16px; } #reasons-title.ytd-ad-feedback-content { color: var(--yt-spec-text-primary); white-space: pre-wrap; display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #reasons.ytd-ad-feedback-content { color: var(--yt-spec-text-primary); display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-ad-feedback-renderer { background: var(--yt-spec-brand-background-primary); max-width: 450px; margin: 0px; padding: 0px 16px; display: flex; flex-direction: column; } ytd-ad-feedback-renderer > .ytd-ad-feedback-renderer:not(#content) { margin-top: 16px; } #title.ytd-ad-feedback-renderer { color: var(--yt-spec-text-primary); white-space: pre-wrap; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .buttons.ytd-ad-feedback-renderer { border-top: 0px; display: flex; flex-direction: row; justify-content: flex-end; } ytd-ad-info-dialog-content { background: var(--yt-spec-brand-background-primary); max-width: 450px; margin: 0px; padding: 0px; display: flex; flex-direction: column; } ytd-ad-info-dialog-content > .ytd-ad-info-dialog-content { margin-top: 16px; padding: 0px 16px; } #title.ytd-ad-info-dialog-content { color: var(--yt-spec-text-primary); white-space: pre-wrap; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #ad-reasons.ytd-ad-info-dialog-content, #message.ytd-ad-info-dialog-content { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #ad-reasons.ytd-ad-info-dialog-content { list-style-position: inside; } .buttons.ytd-ad-info-dialog-content { border-top: 0px; display: flex; flex-direction: row; justify-content: flex-end; } ytd-ad-info-dialog-renderer { background: var(--yt-spec-brand-background-primary); max-width: 450px; margin: 0px; padding: 0px; display: flex; flex-direction: column; } ytd-ad-info-dialog-renderer > .ytd-ad-info-dialog-renderer:not(ytd-ad-info-dialog-content) { margin-top: 16px; padding: 0px 16px; } #title.ytd-ad-info-dialog-renderer { color: var(--yt-spec-text-primary); white-space: pre-wrap; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #ad-reasons.ytd-ad-info-dialog-renderer, #message.ytd-ad-info-dialog-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #ad-reasons.ytd-ad-info-dialog-renderer { list-style-position: inside; } .buttons.ytd-ad-info-dialog-renderer { border-top: 0px; display: flex; flex-direction: row; justify-content: flex-end; } ytd-enforcement-message-view-model { background: var(--yt-spec-raised-background); max-width: 90vw; margin: 0px; padding: 8px 32px; display: flex; flex-direction: column; } @media (min-width: 1024px) { ytd-enforcement-message-view-model { width: 736px; } } #title.ytd-enforcement-message-view-model { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; padding-top: 32px; } @media (max-width: 527.9px) { #title.ytd-enforcement-message-view-model { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } #body.ytd-enforcement-message-view-model { color: var(--yt-spec-text-primary); display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; padding: 16px; } .body-message.ytd-enforcement-message-view-model { padding: 4px 0px; } #buttons.ytd-enforcement-message-view-model { flex-direction: row; display: flex; padding-top: 32px; align-items: flex-start; gap: 8px; } #divider.ytd-enforcement-message-view-model { border-bottom: 1px solid var(--yt-spec-10-percent-layer); margin-top: 24px; margin-bottom: 24px; } #feedback.ytd-enforcement-message-view-model { flex-direction: row; display: flex; align-items: center; } #feedback-message.ytd-enforcement-message-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } #header.ytd-enforcement-message-view-model { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-bottom: 16px; } #logo-icon.ytd-enforcement-message-view-model { color: var(--yt-spec-wordmark-text); height: 24px; width: 106px; } #logo-icon-with-padding.ytd-enforcement-message-view-model { color: var(--yt-spec-wordmark-text); height: 31px; margin-bottom: -7px; width: 106px; } #header-image.ytd-enforcement-message-view-model { display: flex; height: 64px; padding-top: 24px; } @keyframes enable-clicks { 0% { pointer-events: none; } 100% { pointer-events: auto; } } #dismiss-button.ytd-enforcement-message-view-model[icon="COUNTDOWN_TO_CLOSE"], #dismiss-button.ytd-enforcement-message-view-model[icon="COUNTDOWN_TO_CLOSE_DIGIT"] { animation: 5s step-end 0s 1 normal forwards running enable-clicks; pointer-events: none; } ytd-enforcement-message-view-model[in-player] { width: 100%; height: 100%; padding: 0px; display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--yt-spec-static-clear-black); } @media (max-width: 1200px) { ytd-enforcement-message-view-model[in-player] #container.ytd-enforcement-message-view-model { padding: 24px 16px 16px; } ytd-enforcement-message-view-model[in-player] #title.ytd-enforcement-message-view-model { padding-top: 0px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } @media (max-width: 1200px) and (max-width: 527.9px) { ytd-enforcement-message-view-model[in-player] #title.ytd-enforcement-message-view-model { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } @media (max-width: 1200px) { ytd-enforcement-message-view-model[in-player] #body.ytd-enforcement-message-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-enforcement-message-view-model[in-player] #buttons.ytd-enforcement-message-view-model { padding-top: 0px; } ytd-enforcement-message-view-model[in-player] #divider.ytd-enforcement-message-view-model { border-bottom: 1px solid var(--yt-spec-10-percent-layer); margin-top: 16px; margin-bottom: 16px; } ytd-enforcement-message-view-model[in-player] #feedback-message.ytd-enforcement-message-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } } ytd-enforcement-message-view-model[in-player] #container.ytd-enforcement-message-view-model { max-width: 676px; max-height: 100%; padding: 32px; } ytd-enforcement-message-view-model[in-player] #title.ytd-enforcement-message-view-model { color: var(--yt-spec-static-overlay-text-primary); } ytd-enforcement-message-view-model[in-player] #body.ytd-enforcement-message-view-model { color: var(--yt-spec-static-overlay-text-primary); } ytd-enforcement-message-view-model[in-player] #feedback-message.ytd-enforcement-message-view-model { color: var(--yt-spec-static-overlay-text-secondary); } ytd-enforcement-message-view-model[in-player] #dismiss-button.ytd-enforcement-message-view-model { display: none; } ytd-channel-creation-dialog-renderer { display: flex; flex: 1 1 1e-09px; } ytd-channel-creation-dialog-renderer[dialog][dialog][dialog] { margin: 0px; padding: 0px; background: var(--yt-spec-raised-background); } .container.ytd-channel-creation-dialog-renderer { min-height: 488px; width: 738px; position: relative; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; } .popup-header.ytd-channel-creation-dialog-renderer { border-bottom: 0px; height: 63px; text-align: left; justify-content: center; display: flex; flex-direction: column; } .channel-creation-description.ytd-channel-creation-dialog-renderer { color: var(--yt-spec-text-primary); padding: 28px 140px 0px; display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .readonly-profile-name.ytd-channel-creation-dialog-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } .popup-header-title.ytd-channel-creation-dialog-renderer { color: var(--yt-spec-text-primary); margin-left: 24px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } .spinner-container.ytd-channel-creation-dialog-renderer { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .profile-picture-container.ytd-channel-creation-dialog-renderer { margin-top: 36px; display: inline-flex; justify-content: center; } .profile-photo.ytd-channel-creation-dialog-renderer { border: 1px solid var(--yt-spec-10-percent-layer); width: 120px; height: 120px; margin: 0px 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } .profile-name.ytd-channel-creation-dialog-renderer { color: var(--yt-spec-text-primary); margin-bottom: 28px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; text-align: left; } #handle-input.ytd-channel-creation-dialog-renderer { margin-top: 12px; } .readonly-profile-name.ytd-channel-creation-dialog-renderer { color: var(--yt-spec-text-primary); margin-bottom: 28px; text-align: center; } .name-and-disclaimer-container.ytd-channel-creation-dialog-renderer { padding: 0px 140px; } .disclaimer-layer.ytd-channel-creation-dialog-renderer { color: var(--yt-spec-text-secondary); text-align: left; margin: 8px 0px; display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; } .disclaimer-layer-paragraphs-container.ytd-channel-creation-dialog-renderer { display: flex; flex-direction: column; } .disclaimer-layer-paragraphs-container.ytd-channel-creation-dialog-renderer yt-formatted-string.ytd-channel-creation-dialog-renderer:not(:first-of-type) { margin-top: 8px; } .disclaimer-layer-no-icon.ytd-channel-creation-dialog-renderer { padding-left: 18px; } .icon-container.ytd-channel-creation-dialog-renderer { min-height: 13px; min-width: 13px; margin-right: 5px; } .warm-welcome-disclaimer.ytd-channel-creation-dialog-renderer { white-space: pre-line; } yt-icon.ytd-channel-creation-dialog-renderer { height: 13px; width: 13px; } .error-container.ytd-channel-creation-dialog-renderer { text-align: left; align-self: center; } .error.ytd-channel-creation-dialog-renderer { color: var(--yt-spec-error-indicator); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .profile-photo-button-layer.ytd-channel-creation-dialog-renderer { margin: 16px 0px; display: flex; flex-direction: column; } .profile-photo-button-container.ytd-channel-creation-dialog-renderer { align-items: center; justify-content: center; display: flex; flex-direction: row; } .optional-tag.ytd-channel-creation-dialog-renderer { color: var(--yt-spec-text-secondary); font-style: italic; display: inline-flex; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .button-layer.ytd-channel-creation-dialog-renderer { position: sticky; bottom: 0px; background: var(--yt-spec-raised-background); border-top: 0px; height: 52px; margin-top: 16px; align-items: center; justify-content: center; display: flex; flex-direction: row; } tp-yt-paper-input.ytd-channel-creation-dialog-renderer[focused] tp-yt-paper-input-container[style-target="host"] { border-radius: 8px; padding: 4px 8px; border: 1px solid var(--yt-spec-themed-blue); } tp-yt-paper-input.ytd-channel-creation-dialog-renderer { --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; --paper-input-container-underline-disabled-display: none; } tp-yt-paper-input.ytd-channel-creation-dialog-renderer tp-yt-paper-input-container[style-target="host"] { border-radius: 8px; padding: 4px 8px; border: 1px solid var(--yt-spec-10-percent-layer); } #cancel-button.ytd-channel-creation-dialog-renderer { margin-left: auto; } ytd-channel-creation-dialog-renderer[enable-identity-for-all-channel-creation-dialog] #create-channel-button.ytd-channel-creation-dialog-renderer { margin-right: 16px; margin-left: 8px; } ytd-channel-handle-input-renderer { display: block; } tp-yt-paper-input.ytd-channel-handle-input-renderer[focused] tp-yt-paper-input-container[style-target="host"] { border-radius: 8px; padding: 4px 8px; border: 1px solid var(--yt-spec-themed-blue); } tp-yt-paper-input.ytd-channel-handle-input-renderer { --paper-input-container-underline-disabled-display: none; --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; } tp-yt-paper-input.ytd-channel-handle-input-renderer tp-yt-paper-input-container[style-target="host"] { border-radius: 8px; padding: 4px 8px; border: 1px solid var(--yt-spec-10-percent-layer); } tp-yt-paper-input.ytd-channel-handle-input-renderer .input-content.tp-yt-paper-input-container > input, tp-yt-paper-input.ytd-channel-handle-input-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, tp-yt-paper-input.ytd-channel-handle-input-renderer .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-input.ytd-channel-handle-input-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-input.ytd-channel-handle-input-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { text-align: start; } tp-yt-paper-input.ytd-channel-handle-input-renderer #labelAndInputContainer.tp-yt-paper-input-container > label, tp-yt-paper-input.ytd-channel-handle-input-renderer #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label { text-align: left; margin-right: 1px; } ytd-channel-handle-input-renderer[border-error-indicator] tp-yt-paper-input.ytd-channel-handle-input-renderer tp-yt-paper-input-container[style-target="host"] { border-radius: 8px; padding: 4px 8px; border: 1px solid var(--yt-brand-medium-red); } #prefix.ytd-channel-handle-input-renderer { color: var(--yt-spec-text-secondary); } #suffix-container.ytd-channel-handle-input-renderer { position: relative; width: 24px; height: 0px; margin-right: 6px; } #icon-container.ytd-channel-handle-input-renderer { position: absolute; display: flex; bottom: 0px; left: 0px; width: 24px; height: 24px; align-items: center; justify-content: center; } #spinner.ytd-channel-handle-input-renderer { height: 20px; width: 20px; --paper-spinner-color: var(--yt-spec-text-secondary); --paper-spinner-stroke-width: 2px; margin-top: 10px; } #error-icon.ytd-channel-handle-input-renderer { color: var(--yt-brand-medium-red); margin-top: 10px; } #valid-icon.ytd-channel-handle-input-renderer { color: var(--yt-spec-themed-green); margin-top: 10px; } #error-container.ytd-channel-handle-input-renderer { min-height: 1.8rem; margin-top: 4px; } #error-message.ytd-channel-handle-input-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-channel-handle-edit-dialog-renderer { display: flex; } ytd-channel-handle-edit-dialog-renderer[dialog][dialog][dialog] { margin: 0px; padding: 0px; } #container.ytd-channel-handle-edit-dialog-renderer { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; width: 738px; } #header.ytd-channel-handle-edit-dialog-renderer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 63px; border-bottom: 0px; padding: 0px 24px; } #title.ytd-channel-handle-edit-dialog-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; color: var(--yt-spec-text-primary); } #body.ytd-channel-handle-edit-dialog-renderer { align-self: center; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; width: 100%; max-width: 488px; padding: 54px 24px 42px; } #profile-picture.ytd-channel-handle-edit-dialog-renderer { width: 128px; height: 128px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 50%; background-color: transparent; overflow: hidden; } #name.ytd-channel-handle-edit-dialog-renderer { margin-top: 18px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 400; color: var(--yt-spec-text-primary); } #handle-input.ytd-channel-handle-edit-dialog-renderer { align-self: stretch; margin-top: 24px; } #existing-handle.ytd-channel-handle-edit-dialog-renderer { margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 400; color: var(--yt-spec-text-primary); } #body-text.ytd-channel-handle-edit-dialog-renderer { margin-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } #error-message.ytd-channel-handle-edit-dialog-renderer { margin-top: 12px; color: var(--yt-spec-error-indicator); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .info-item.ytd-channel-handle-edit-dialog-renderer { align-self: stretch; display: flex; flex-direction: row; align-items: center; margin-top: 12px; } .info-item-icon.ytd-channel-handle-edit-dialog-renderer { height: 16px; width: 16px; } .info-item-text.ytd-channel-handle-edit-dialog-renderer { margin-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--yt-spec-text-secondary); } #footer.ytd-channel-handle-edit-dialog-renderer { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; height: 51px; border-top: 0px; } #footer.ytd-channel-handle-edit-dialog-renderer > ytd-button-renderer.ytd-channel-handle-edit-dialog-renderer { margin-right: 8px; } #spinner-container.ytd-channel-handle-edit-dialog-renderer { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } ytd-channel-switcher-footer-renderer { background-color: var(--yt-spec-brand-background-primary); color: var(--yt-spec-text-primary); border-top: 1px solid var(--yt-spec-10-percent-layer); min-height: 48px; display: flex; flex-direction: row; align-items: center; } #button.ytd-channel-switcher-footer-renderer { margin-left: 8px; flex: 1 1 0%; } #feedback.ytd-channel-switcher-footer-renderer { margin-right: 8px; } ytd-channel-switcher-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); width: 400px; padding: 0px; margin: 0px; } ytd-channel-switcher-renderer[show-popup] { display: flex; flex-direction: column; } ytd-channel-switcher-renderer:not([show-popup]) { display: none; } .menu-container.ytd-channel-switcher-renderer { max-height: 568px; overflow-y: auto; } .menu-container.ytd-channel-switcher-renderer::-webkit-scrollbar { width: 16px; } .menu-container.ytd-channel-switcher-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } .menu-container.ytd-channel-switcher-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } #sections.ytd-channel-switcher-renderer { padding: 8px 0px; } ytd-identity-prompt-footer-renderer { background-color: var(--yt-spec-brand-background-primary); color: var(--yt-spec-text-primary); border-top: 1px solid var(--yt-spec-10-percent-layer); min-height: 48px; display: flex; flex-direction: row; align-items: center; padding-left: 16px; } tp-yt-paper-radio-button.ytd-identity-prompt-footer-renderer, tp-yt-paper-checkbox.ytd-identity-prompt-footer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .stepper.ytd-channel-transfer-stepper-renderer { padding: 8px 0px; display: flex; } .step-and-separator.ytd-channel-transfer-stepper-renderer { position: relative; margin: 0px 8px; min-width: 105px; flex: 1 1 1e-09px; display: flex; justify-content: center; } .step.ytd-channel-transfer-stepper-renderer { outline: none; padding: 4px 16px; height: 64px; min-width: 128px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .separator.ytd-channel-transfer-stepper-renderer { background-color: var(--yt-spec-call-to-action); position: absolute; top: 50%; pointer-events: none; height: 2px; width: calc(100% + 16px); min-width: 40px; margin-top: 9px; flex: 1 1 1e-09px; } .step-badge.ytd-channel-transfer-stepper-renderer { border-radius: 50%; background-color: var(--yt-spec-brand-background-solid); margin: 2px 0px; z-index: 1; border: 4px solid var(--yt-spec-call-to-action); display: flex; justify-content: center; align-items: center; } .step-title.ytd-channel-transfer-stepper-renderer { width: 100%; margin-bottom: 2px; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: flex; flex-direction: row; align-items: center; justify-content: center; } .step.ytd-channel-transfer-stepper-renderer[state="STEPPER_RENDERER_STATE_ACTIVE"] .step-title.ytd-channel-transfer-stepper-renderer { color: var(--yt-spec-call-to-action); } .step.ytd-channel-transfer-stepper-renderer[state="STEPPER_RENDERER_STATE_INACTIVE"] .step-title.ytd-channel-transfer-stepper-renderer { color: var(--yt-spec-text-primary); } .step.ytd-channel-transfer-stepper-renderer[state="STEPPER_RENDERER_STATE_ACTIVE"] .step-badge.ytd-channel-transfer-stepper-renderer { width: 12px; height: 12px; margin: 2px; } .step.ytd-channel-transfer-stepper-renderer[state="STEPPER_RENDERER_STATE_INACTIVE"] .step-badge.ytd-channel-transfer-stepper-renderer { width: 8px; height: 8px; margin: 4px; } ytd-channel-warm-welcome-cont-renderer { display: flex; min-height: 484px; width: 657px; flex: 1 1 1e-09px; } ytd-channel-warm-welcome-cont-renderer[dialog][dialog][dialog] { margin: 0px; padding: 0px; } .container.ytd-channel-warm-welcome-cont-renderer { padding: 24px 0px 0px; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; } .popup-header.ytd-channel-warm-welcome-cont-renderer { text-align: center; margin-bottom: 12px; display: inline-flex; justify-content: center; } .popup-header-title.ytd-channel-warm-welcome-cont-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } .tiles.ytd-channel-warm-welcome-cont-renderer { margin: 20px 0px 0px; padding-bottom: 16px; position: relative; display: flex; flex-direction: row; } .spinner-container.ytd-channel-warm-welcome-cont-renderer { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .spinner-container.ytd-channel-warm-welcome-cont-renderer > tp-yt-paper-spinner-lite.ytd-channel-warm-welcome-cont-renderer[active] { background-color: var(--paper-dialog-background-color,var(--primary-background-color)); } .tile.ytd-channel-warm-welcome-cont-renderer { width: 280px; margin: 0px 24px; display: flex; flex-direction: column; justify-content: space-between; } .tile-content.ytd-channel-warm-welcome-cont-renderer { min-height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; } .tile-description.ytd-channel-warm-welcome-cont-renderer { text-align: center; margin-top: 8px; } .tile-header.ytd-channel-warm-welcome-cont-renderer { text-align: center; } .tile-header-title.ytd-channel-warm-welcome-cont-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .tile-description-text.ytd-channel-warm-welcome-cont-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .tile-button-layer.ytd-channel-warm-welcome-cont-renderer { margin-top: 16px; display: flex; flex-direction: column; align-items: center; } .tile-profile-picture.ytd-channel-warm-welcome-cont-renderer > yt-img-shadow.ytd-channel-warm-welcome-cont-renderer { width: 96px; height: 96px; margin: 0px 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } .profile-photo.ytd-channel-warm-welcome-cont-renderer { border: 1px solid var(--yt-spec-10-percent-layer); } .tile-profile-name.ytd-channel-warm-welcome-cont-renderer { color: var(--yt-spec-text-primary); margin-top: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .tos.ytd-channel-warm-welcome-cont-renderer { text-align: center; color: var(--yt-spec-text-secondary); margin-top: 12px; min-height: 32px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } .disclaimer-layer.ytd-channel-warm-welcome-cont-renderer { color: var(--yt-spec-text-secondary); text-align: center; margin: 8px 44px 4px; min-height: 32px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } .error-container.ytd-channel-warm-welcome-cont-renderer { text-align: center; align-self: center; } .error.ytd-channel-warm-welcome-cont-renderer { color: var(--yt-spec-error-indicator); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } .tile-profile-picture.ytd-channel-warm-welcome-cont-renderer, .tile-illustration.ytd-channel-warm-welcome-cont-renderer { margin-top: 16px; } .tile-separator.ytd-channel-warm-welcome-cont-renderer { flex: 0 0 1px; border-right: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; } .button-layer.ytd-channel-warm-welcome-cont-renderer { flex: 0 0 49px; border-top: 0px; margin-top: 16px; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-channel-warm-welcome-renderer { display: flex; min-height: 484px; width: 657px; flex: 1 1 1e-09px; } ytd-channel-warm-welcome-renderer[dialog][dialog][dialog] { margin: 0px; padding: 0px; } .container.ytd-channel-warm-welcome-renderer { padding: 24px 28px 4px; display: flex; flex-direction: column; flex: 1 1 1e-09px; align-items: center; justify-content: space-between; } .illustration.ytd-channel-warm-welcome-renderer { height: 254px; } .content.ytd-channel-warm-welcome-renderer { margin-top: 20px; display: flex; flex-direction: column; } .popup-header.ytd-channel-warm-welcome-renderer { text-align: center; padding: 0px 24px; margin-bottom: 8px; display: inline-flex; justify-content: center; } .popup-header-title.ytd-channel-warm-welcome-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } .popup-description.ytd-channel-warm-welcome-renderer { margin-bottom: 16px; padding: 0px 48px; display: inline-flex; justify-content: center; } .popup-description-text.ytd-channel-warm-welcome-renderer { text-align: center; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .button-layer.ytd-channel-warm-welcome-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: column; align-items: center; } .button-layer.ytd-channel-warm-welcome-renderer ytd-button-renderer.ytd-channel-warm-welcome-renderer { margin-top: 8px; } ytd-comment-preview-renderer { background: var(--yt-spec-badge-chip-background); gap: var(--ytd-margin-2x); padding: var(--ytd-margin-3x); display: flex; flex-direction: row; } .thumbnail.ytd-comment-preview-renderer { height: 24px; width: 24px; border-radius: 50%; background-color: transparent; overflow: hidden; } .content-block.ytd-comment-preview-renderer { gap: var(--ytd-margin-2x); min-width: 0px; display: flex; flex-direction: column; } .username.ytd-comment-preview-renderer { color: var(--yt-spec-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } .preview-text.ytd-comment-preview-renderer { color: var(--yt-spec-text-primary); max-height: calc(var(--yt-user-comment-line-height,2.1rem)*4); overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-notice-renderer { display: flex; flex-direction: row; --ytd-notice-renderer-content-margin: 25px; background: var(--yt-spec-brand-background-solid); height: 400px; width: 720px; } .left.ytd-notice-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .right.ytd-notice-renderer { flex: 2 1 0%; justify-content: space-between; display: flex; flex-direction: column; } .left.ytd-notice-renderer .illustration.ytd-notice-renderer { width: 211px; height: 173px; } .right.ytd-notice-renderer .youtube-logo.ytd-notice-renderer { color: var(--yt-spec-wordmark-text); height: 20px; margin-left: var(--ytd-notice-renderer-content-margin); margin-top: var(--ytd-notice-renderer-content-margin); width: 93px; } .right.ytd-notice-renderer .notice-content.ytd-notice-renderer { display: flex; flex-direction: column; margin-left: var(--ytd-notice-renderer-content-margin); margin-right: 80px; } .right.ytd-notice-renderer .notice-content.ytd-notice-renderer .notice-title.ytd-notice-renderer { font-size: 3.2rem; font-weight: 500; line-height: 3.8rem; color: var(--yt-spec-text-primary); } .right.ytd-notice-renderer .notice-content.ytd-notice-renderer .notice-description.ytd-notice-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); margin-top: 16px; } .toolbar.ytd-notice-renderer { display: flex; flex-direction: row; justify-content: flex-end; margin: 0 var(--ytd-notice-renderer-content-margin) var(--ytd-notice-renderer-content-margin); padding-right: 10px; } .text-area.ytd-preview-comment-dialog-content { padding: var(--ytd-margin-6x) var(--ytd-margin-6x) var(--ytd-margin-4x); gap: var(--ytd-margin-4x); display: flex; flex-direction: column; } .title.ytd-preview-comment-dialog-content { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; display: block; max-height: 2.6rem; -webkit-line-clamp: 1; } .messages.ytd-preview-comment-dialog-content { gap: var(--ytd-user-comment-line-height); display: flex; flex-direction: column; } .message.ytd-preview-comment-dialog-content { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-preview-comment-dialog-renderer[dialog] { background: var(--yt-spec-brand-background-solid); width: 400px; margin: 0px; padding: 0px; display: flex; flex-direction: column; } .bottom.ytd-preview-comment-dialog-renderer { padding: 6px 8px; display: flex; flex-direction: row-reverse; } ytd-donation-amount-picker-renderer.ytd-popup-container { margin-bottom: 0px; margin-top: 0px; padding: 0px; } ytd-donation-amount-picker-renderer[live-chat] #container.ytd-donation-amount-picker-renderer { background-color: var(--yt-live-chat-action-panel-background-color); } ytd-donation-amount-picker-renderer:not([live-chat]) #container.ytd-donation-amount-picker-renderer { width: 548px; } #top-box.ytd-donation-amount-picker-renderer { background-color: var(--yt-spec-general-background-b); display: block; padding: 24px; border-top-left-radius: 2px; border-top-right-radius: 2px; } ytd-donation-amount-picker-renderer[live-chat] #top-box.ytd-donation-amount-picker-renderer { background-color: inherit; padding-top: 16px; padding-bottom: 0px; } #bottom-box.ytd-donation-amount-picker-renderer { padding: 24px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } ytd-donation-amount-picker-renderer[live-chat] #bottom-box.ytd-donation-amount-picker-renderer { background-color: inherit; padding-top: 12px; } #campaign-row.ytd-donation-amount-picker-renderer { display: flex; flex-direction: row; align-items: flex-start; } #title.ytd-donation-amount-picker-renderer { color: var(--yt-spec-text-primary); margin-bottom: 16px; flex: 1 1 1e-09px; display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } ytd-donation-amount-picker-renderer[live-chat] #title.ytd-donation-amount-picker-renderer { display: flex; flex-direction: row-reverse; } .title-text.ytd-donation-amount-picker-renderer { flex-grow: 1; align-items: center; display: flex; flex-direction: row; } ytd-donation-amount-picker-renderer[live-chat] .title-text.ytd-donation-amount-picker-renderer { margin-left: 16px; } #text-container.ytd-donation-amount-picker-renderer { flex-grow: 1; margin-left: 16px; min-width: 50%; display: flex; flex-direction: column; } #campaign-row.ytd-donation-amount-picker-renderer yt-img-shadow.ytd-donation-amount-picker-renderer { width: 90px; height: 90px; } ytd-donation-amount-picker-renderer[live-chat] #campaign-row.ytd-donation-amount-picker-renderer yt-img-shadow.ytd-donation-amount-picker-renderer { width: 32px; height: 32px; } ytd-donation-amount-picker-renderer[live-chat] #description-column.ytd-donation-amount-picker-renderer { display: none; } #live-chat-description-column.ytd-donation-amount-picker-renderer { display: none; } ytd-donation-amount-picker-renderer[live-chat] #live-chat-description-column.ytd-donation-amount-picker-renderer { display: block; margin-top: 16px; } ytd-donation-amount-picker-renderer[live-chat] #live-chat-description-column.ytd-donation-amount-picker-renderer .campaign-description.ytd-donation-amount-picker-renderer { margin-bottom: 12px; } #campaign-title.ytd-donation-amount-picker-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #campaign-subtitle.ytd-donation-amount-picker-renderer, .campaign-description.ytd-donation-amount-picker-renderer { color: var(--yt-spec-text-secondary); } #campaign-subtitle.ytd-donation-amount-picker-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-donation-amount-picker-renderer:not([live-chat]) .campaign-description.ytd-donation-amount-picker-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; } ytd-donation-amount-picker-renderer[live-chat] .campaign-description.ytd-donation-amount-picker-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .separator.ytd-donation-amount-picker-renderer { background-color: rgb(204, 204, 204); height: 1px; margin: 8px 0px; } ytd-donation-amount-picker-renderer[live-chat] .separator.ytd-donation-amount-picker-renderer { margin: 0px; } #nonprofit-title.ytd-donation-amount-picker-renderer, #nonprofit-subtitle.ytd-donation-amount-picker-renderer { color: var(--yt-spec-text-primary); } #nonprofit-title.ytd-donation-amount-picker-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #nonprofit-subtitle.ytd-donation-amount-picker-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } #button-row.ytd-donation-amount-picker-renderer { margin-top: 16px; display: flex; flex-direction: row-reverse; } ytd-donation-amount-picker-renderer[live-chat] #button-row.ytd-donation-amount-picker-renderer { margin-top: 0px; display: flex; flex-direction: column; align-items: stretch; } #nonprofit-row.ytd-donation-amount-picker-renderer { display: flex; flex-direction: row; } #nonprofit-row.ytd-donation-amount-picker-renderer > .ytd-donation-amount-picker-renderer:first-child { flex-grow: 1; padding-right: 16px; } ytd-donation-amount-picker-renderer[live-chat] #nonprofit-row.ytd-donation-amount-picker-renderer > .ytd-donation-amount-picker-renderer:first-child { padding-right: 8px; } #nonprofit-link.ytd-donation-amount-picker-renderer { color: var(--yt-spec-call-to-action); white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #nonprofit-link-text.ytd-donation-amount-picker-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-call-to-action); --yt-endpoint-visited-color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .inline-icon.ytd-donation-amount-picker-renderer { position: relative; top: -2px; width: 1em; } #amount-selector.ytd-donation-amount-picker-renderer { margin: 0px auto; max-width: 360px; } #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer { margin-top: 32px; display: flex; flex-direction: row; justify-content: space-between; } ytd-donation-amount-picker-renderer[live-chat] #suggested-amount-buttons-row.ytd-donation-amount-picker-renderer { margin-top: 16px; } #custom-amount-container.ytd-donation-amount-picker-renderer { height: 70px; margin-top: 8px; } ytd-donation-amount-picker-renderer[live-chat] #custom-amount-container.ytd-donation-amount-picker-renderer { height: auto; transition: height 0.7s; margin-top: 8px; } ytd-donation-amount-picker-renderer[live-chat] #custom-amount-container.ytd-donation-amount-picker-renderer .ytd-donation-amount-picker-renderer[focused] { height: 70px; } ytd-donation-amount-picker-renderer[live-chat] #custom-amount-container.ytd-donation-amount-picker-renderer .ytd-donation-amount-picker-renderer[hidden] { height: 0px; } #custom-amount-input.ytd-donation-amount-picker-renderer { --paper-input-container-focus-color: var(--yt-spec-themed-blue); --paper-input-prefix-color: var(--yt-spec-text-primary); --primary-text-color: var(--yt-spec-text-primary); } .suggested-amount.ytd-donation-amount-picker-renderer { min-width: var(--yt-paper-button-min-width,var(--ytd-paper-button-min-width,5.14em)); } #privacy-checkbox.ytd-donation-amount-picker-renderer { --paper-checkbox-vertical-align: top; margin-top: 32px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-donation-amount-picker-renderer tp-yt-paper-checkbox#privacy-checkbox .tp-yt-paper-checkbox[style-target="label"] { margin-right: 20px; } ytd-donation-amount-picker-renderer[live-chat] #privacy-checkbox.ytd-donation-amount-picker-renderer { margin-top: 8px; margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #messages.ytd-donation-post-transaction-content { align-items: center; display: flex; flex-direction: column; } #message.ytd-donation-post-transaction-content { color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; display: block; max-height: 2.6rem; -webkit-line-clamp: 1; } #additional-info.ytd-donation-post-transaction-content { color: var(--yt-spec-text-secondary); margin-bottom: 32px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #icon-row.ytd-donation-post-transaction-content { margin-bottom: 20px; text-align: center; } #thankyou-messages.ytd-donation-post-transaction-content { flex-grow: 1; padding: 0px 32px; margin-bottom: 32px; display: flex; flex-direction: column; } .thankyou-message.ytd-donation-post-transaction-content { display: flex; flex-direction: row; } .thankyou-message.ytd-donation-post-transaction-content > div.ytd-donation-post-transaction-content { margin: 0px 4px; } .thankyou-message.ytd-donation-post-transaction-content .avatar.ytd-donation-post-transaction-content { border-radius: 50%; height: 32px; overflow: hidden; width: 32px; } .thankyou-message.ytd-donation-post-transaction-content .content.ytd-donation-post-transaction-content { margin-left: 12px; flex: 1 1 0%; display: flex; flex-direction: column; } .thankyou-message.ytd-donation-post-transaction-content .user.ytd-donation-post-transaction-content { margin-top: 8px; color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } .thankyou-message.ytd-donation-post-transaction-content .body.ytd-donation-post-transaction-content { border: 1px solid rgb(204, 204, 204); border-radius: 12px; color: var(--yt-spec-text-primary); padding: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-donation-post-transaction-renderer { margin-bottom: 0px; margin-top: 0px; padding: 0px; } #container.ytd-donation-post-transaction-renderer { padding: 16px; width: 500px; display: flex; flex-direction: column; } #title.ytd-donation-post-transaction-renderer { color: var(--yt-spec-text-primary); margin-bottom: 8px; display: flex; flex-direction: row-reverse; } #button-row.ytd-donation-post-transaction-renderer { display: flex; flex-direction: row-reverse; } #done-button.ytd-donation-post-transaction-renderer ytd-button-renderer.ytd-donation-post-transaction-renderer { margin-left: 8px; } ytd-brandconnect-popup-renderer { display: inline-block; max-width: 600px; min-width: 500px; width: fit-content; } #header.ytd-brandconnect-popup-renderer { background-size: cover; margin-bottom: 16px; display: flex; flex-direction: row; } #title.ytd-brandconnect-popup-renderer { align-items: center; color: var(--yt-spec-text-primary); width: 80%; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #dismiss-button.ytd-brandconnect-popup-renderer ytd-button-renderer.ytd-brandconnect-popup-renderer { color: var(--yt-spec-icon-active-other); height: 24px; position: absolute; right: 24px; top: 24px; width: 24px; --yt-button-icon-size: 24px; --yt-button-icon-padding: 2px; } #content.ytd-brandconnect-popup-renderer { min-height: 250px; min-width: 180px; } #error.ytd-brandconnect-popup-renderer { align-items: center; color: var(--yt-spec-text-secondary); margin-inline-start: 12px; } ytd-media-provider-renderer[is-streaming-provider] .thumbnail.ytd-media-provider-renderer { height: 40px; width: 40px; border-radius: 50%; } ytd-media-provider-renderer[is-streaming-provider] .provider.ytd-media-provider-renderer { height: 40px; margin-bottom: 16px; } .thumbnail.ytd-media-provider-renderer { height: 24px; width: 24px; } .provider.ytd-media-provider-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; height: 36px; } .provider-details.ytd-media-provider-renderer { display: flex; flex-direction: column; } ytd-button-renderer.ytd-media-provider-renderer { --yt-button-padding: 0px 8px; } #media-price.ytd-media-provider-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; color: var(--yt-spec-text-secondary); margin-left: 8px; } ytd-streaming-pop-up-dialog { display: flex; flex-direction: column; --yt-img-max-height: 250px; --yt-img-min-height: 100px; --yt-lightsource-section3-color: var(--yt-spec-general-background-c); --yt-lightsource-primary-title-color: var(--yt-spec-text-primary); } .details-wrapper.ytd-streaming-pop-up-dialog { flex: 1 1 1e-09px; display: flex; flex-direction: row; } .image-wrapper.ytd-streaming-pop-up-dialog { display: inline-block; position: relative; height: fit-content; } .media-thumbnail.ytd-streaming-pop-up-dialog { display: block; max-width: 160px; } .providers.ytd-streaming-pop-up-dialog { margin-left: 20px; } .tv-show-season-wrapper.ytd-streaming-pop-up-dialog { background-color: var(--yt-lightsource-section3-color); opacity: 0.8; bottom: 0px; position: absolute; height: 24px; width: 100%; } #tv-show-season.ytd-streaming-pop-up-dialog { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; bottom: 0px; color: var(--yt-lightsource-primary-title-color); position: absolute; right: 5px; max-width: 75%; } #tv-show-icon.ytd-streaming-pop-up-dialog { margin-inline-start: 5px; color: var(--yt-lightsource-primary-title-color); } ytd-checkbox-survey-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); display: inline-block; margin: 0px; } ytd-checkbox-survey-renderer { width: 325px; padding: 0px 0px 12px; } #header.ytd-checkbox-survey-renderer { color: var(--yt-spec-text-primary); margin: 24px 24px 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; display: flex; flex-direction: row; align-items: center; } #options.ytd-checkbox-survey-renderer { display: flex; flex-direction: column; } #footer.ytd-checkbox-survey-renderer { padding: 12px 24px 0px; text-align: right; } yt-formatted-string.ytd-checkbox-survey-renderer { flex: 1 1 1e-09px; } yt-icon-button.ytd-checkbox-survey-renderer { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; color: var(--yt-spec-icon-inactive); height: 40px; width: 40px; } ytd-dismissal-follow-up-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); display: inline-block; margin: 0px; padding: 0px; } #content.ytd-dismissal-follow-up-renderer { color: var(--yt-spec-text-primary); margin: 24px; } #title.ytd-dismissal-follow-up-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #title.ytd-dismissal-follow-up-renderer, ytd-dismissal-reason-text-renderer.ytd-dismissal-follow-up-renderer, ytd-dismissal-reason-video-renderer.ytd-dismissal-follow-up-renderer { margin: 24px 0px; } #buttons.ytd-dismissal-follow-up-renderer { border-top: 0px; margin-top: 32px; padding: 8px; display: flex; flex-direction: row; justify-content: flex-end; } #buttons.ytd-dismissal-follow-up-renderer ytd-button-renderer.ytd-dismissal-follow-up-renderer { margin-left: 8px; } ytd-dismissal-reason-text-renderer { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-dismissal-reason-video-renderer { display: block; } #label.ytd-dismissal-reason-video-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #video.ytd-dismissal-reason-video-renderer { margin-top: 8px; margin-left: 36px; display: flex; flex-direction: row; } #video-metadata.ytd-dismissal-reason-video-renderer { overflow: hidden; margin-left: 8px; } #video.ytd-dismissal-reason-video-renderer yt-formatted-string.ytd-dismissal-reason-video-renderer { display: block; } #video-title.ytd-dismissal-reason-video-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #video-creator.ytd-dismissal-reason-video-renderer { color: var(--yt-spec-text-secondary); margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-feedback-option-renderer { margin-bottom: 8px; margin-left: 0px; display: block; } #freeform.ytd-feedback-option-renderer { --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-secondary); overflow-wrap: break-word; word-break: break-word; margin-bottom: 8px; margin-left: 24px; } #freeform.ytd-feedback-option-renderer tp-yt-paper-input-container[style-target="host"] { padding: 0px; } #freeform.ytd-feedback-option-renderer #labelAndInputContainer.tp-yt-paper-input-container > label, #freeform.ytd-feedback-option-renderer #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color); } #freeform.ytd-feedback-option-renderer .input-content.tp-yt-paper-input-container > input, #freeform.ytd-feedback-option-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, #freeform.ytd-feedback-option-renderer .input-content.tp-yt-paper-input-container > textarea, #freeform.ytd-feedback-option-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, #freeform.ytd-feedback-option-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color); } tp-yt-paper-radio-button.ytd-feedback-option-renderer, tp-yt-paper-checkbox.ytd-feedback-option-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-feedback-question-renderer { display: block; margin-top: 8px; margin-bottom: 8px; } .question-text.ytd-feedback-question-renderer { color: var(--yt-spec-text-primary); margin-top: 12px; margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-feedback-survey-renderer { display: inline-block; } #disclaimer.ytd-feedback-survey-renderer { padding-top: 16px; padding-bottom: 12px; color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; display: block; } ytd-multi-stage-survey-renderer { display: block; width: 352px; outline: none; position: relative; } #simple-message.ytd-multi-stage-survey-renderer { color: var(--yt-spec-text-primary); display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #header.ytd-multi-stage-survey-renderer { position: absolute; top: 0px; right: 1rem; display: flex; align-items: flex-end; justify-content: flex-end; } yt-icon-button.ytd-multi-stage-survey-renderer { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; color: var(--yt-spec-icon-inactive); height: 40px; width: 40px; } #header.ytd-multi-stage-survey-renderer yt-icon-button.ytd-multi-stage-survey-renderer { margin-top: calc(-20px + 1rem); } #simple-message.ytd-multi-stage-survey-renderer { margin: 0px 12px; } ytd-single-select-answer-option-renderer:not([vertical]) { --yt-icon-button-container-width: 40px; width: var(--yt-icon-button-container-width); position: relative; padding-bottom: 16px; display: flex; flex-direction: column; } ytd-single-select-answer-option-renderer:not([vertical]):first-of-type yt-formatted-string.ytd-single-select-answer-option-renderer { display: block; left: 8px; } ytd-single-select-answer-option-renderer:not([vertical]):last-of-type yt-formatted-string.ytd-single-select-answer-option-renderer { display: block; right: 8px; } ytd-single-select-answer-option-renderer:not([vertical]) yt-formatted-string.ytd-single-select-answer-option-renderer { display: none; position: absolute; bottom: 0px; white-space: nowrap; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } yt-icon-button.ytd-single-select-answer-option-renderer { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; width: 40px; height: 40px; color: var(--yt-spec-icon-inactive); margin-bottom: 4px; } ytd-single-select-answer-option-renderer[vertical] { color: var(--yt-spec-text-secondary); margin: 0px -8px; padding: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; flex-direction: row; align-items: center; } ytd-single-select-answer-option-renderer[vertical]:hover { background-color: var(--yt-spec-10-percent-layer); cursor: pointer; } ytd-single-select-answer-option-renderer[vertical] yt-icon-button.ytd-single-select-answer-option-renderer { display: none; } ytd-single-select-answer-option-renderer:not([vertical]):hover yt-icon-button.ytd-single-select-answer-option-renderer { background-color: var(--yt-spec-10-percent-layer); border-radius: var(--yt-icon-button-container-width); color: var(--yt-spec-text-secondary); } ytd-single-select-question-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); display: inline-block; margin: 0px; } #question.ytd-single-select-question-renderer { color: var(--yt-spec-text-primary); margin-bottom: 8px; margin-right: 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; flex-direction: row; align-items: flex-start; } yt-formatted-string.ytd-single-select-question-renderer { flex: 1 1 1e-09px; } yt-icon-button.ytd-single-select-question-renderer { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; color: var(--yt-spec-icon-inactive); height: 40px; width: 40px; } #header.ytd-single-select-question-renderer yt-icon-button.ytd-single-select-question-renderer { margin-top: calc(-20px + 1rem); } ytd-single-select-question-renderer:not([vertical]) { max-width: 352px; } ytd-single-select-question-renderer:not([vertical])[dialog][dialog][dialog] { padding: 24px; } ytd-single-select-question-renderer:not([vertical]) #options.ytd-single-select-question-renderer { margin: 0px -8px; justify-content: space-between; display: flex; flex-direction: row; } ytd-single-select-question-renderer[vertical] { width: 325px; padding: 0px 0px 12px; } ytd-single-select-question-renderer[vertical] #header.ytd-single-select-question-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; margin: 24px 24px 12px; } ytd-single-select-question-renderer[vertical] #options.ytd-single-select-question-renderer { display: flex; flex-direction: column; } ytd-single-option-survey-option-renderer:not([vertical]) { width: 40px; position: relative; padding-bottom: 16px; display: flex; flex-direction: column; } ytd-single-option-survey-option-renderer:not([vertical]):first-of-type yt-formatted-string.ytd-single-option-survey-option-renderer { display: block; left: 8px; } ytd-single-option-survey-option-renderer:not([vertical]):last-of-type yt-formatted-string.ytd-single-option-survey-option-renderer { display: block; right: 8px; } ytd-single-option-survey-option-renderer:not([vertical]) yt-formatted-string.ytd-single-option-survey-option-renderer { display: none; position: absolute; bottom: 0px; white-space: nowrap; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } yt-icon-button.ytd-single-option-survey-option-renderer { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; width: 40px; height: 40px; color: var(--yt-spec-icon-inactive); margin-bottom: 4px; } ytd-single-option-survey-option-renderer[vertical] { color: var(--yt-spec-text-secondary); padding: 8px 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; flex-direction: row; align-items: center; } ytd-single-option-survey-option-renderer[vertical]:hover { background-color: var(--yt-spec-10-percent-layer); cursor: pointer; } ytd-single-option-survey-option-renderer[vertical] yt-icon-button.ytd-single-option-survey-option-renderer { display: none; } ytd-single-option-survey-renderer[dialog][dialog][dialog] { background: var(--yt-spec-raised-background); display: inline-block; margin: 0px; } #header.ytd-single-option-survey-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; flex-direction: row; align-items: flex-start; } yt-formatted-string.ytd-single-option-survey-renderer { flex: 1 1 1e-09px; } yt-icon-button.ytd-single-option-survey-renderer { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; color: var(--yt-spec-icon-inactive); height: 40px; width: 40px; } #header.ytd-single-option-survey-renderer yt-icon-button.ytd-single-option-survey-renderer { margin-top: calc(-20px + 1rem); } ytd-single-option-survey-renderer:not([vertical]) { max-width: 352px; } ytd-single-option-survey-renderer:not([vertical])[dialog][dialog][dialog] { padding: 24px; } ytd-single-option-survey-renderer:not([vertical]) #options.ytd-single-option-survey-renderer { margin-left: -8px; display: flex; flex-direction: row; } ytd-single-option-survey-renderer:not([vertical]) #options.ytd-single-option-survey-renderer > .ytd-single-option-survey-renderer:not(:last-child) { margin-right: 40px; } ytd-single-option-survey-renderer[vertical] { width: 325px; padding: 0px 0px 12px; } ytd-single-option-survey-renderer[vertical] #header.ytd-single-option-survey-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; margin: 24px 24px 12px; } ytd-single-option-survey-renderer[vertical] #options.ytd-single-option-survey-renderer { display: flex; flex-direction: column; } ytd-survey-follow-up-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); display: inline-block; min-width: 350px; margin: 0px; padding: 24px; } #header.ytd-survey-follow-up-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: row; align-items: center; } yt-formatted-string.ytd-survey-follow-up-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; flex: 1 1 1e-09px; } ytd-legal-report-details-form-renderer[dialog][dialog][dialog] { --ytd-legal-report-details-form-renderer-content-width: 402px; --paper-input-container-input-align: baseline; --ytd-dropdown-renderer-width: var( --ytd-legal-report-details-form-renderer-content-width ); margin: 0px; width: 450px; max-width: 80vw; min-height: 240px; min-width: 250px; padding: 0px; display: flex; flex-direction: column; } ytd-legal-report-details-form-renderer > .ytd-legal-report-details-form-renderer:not(:last-child) { padding: 0px 24px; } ytd-legal-report-details-form-renderer > .ytd-legal-report-details-form-renderer:first-child { margin-top: 24px; } h2.ytd-legal-report-details-form-renderer { color: var(--yt-spec-text-primary); padding: 0px 24px; margin-top: 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #scroller.ytd-legal-report-details-form-renderer { --paper-dialog-scrollable-padding: 0; --paper-dialog-scrollable-overflow-x: hidden; } #scroller.ytd-legal-report-details-form-renderer:first-child { margin-top: 20px; } #timestamp.ytd-legal-report-details-form-renderer { display: block; color: var(--yt-spec-text-secondary); margin: 20px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } yt-timestamp-input.ytd-legal-report-details-form-renderer { height: 40px; } #description-box.ytd-legal-report-details-form-renderer { margin-top: 24px; } #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer { --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); padding-top: 0px; padding-bottom: 0px; } #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > input, #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > textarea, #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--paper-input-container-input-color)); display: inline-block; padding: 12px 12px 32px; box-shadow: inset 0 0 0 1px var(--yt-spec-10-percent-layer); border-radius: 2px; box-sizing: border-box; margin-bottom: -7px; } #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > input[focused], #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input[focused], #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > textarea[focused], #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea[focused], #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > .paper-input-input[focused] { box-shadow: inset 0 0 0 2px var(--yt-spec-text-primary); } #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-container.ytd-legal-report-details-form-renderer { --iron-autogrow-textarea-placeholder-padding: 10px; } #description-box.ytd-legal-report-details-form-renderer tp-yt-paper-input-char-counter[style-target="host"] { color: var(--yt-spec-text-secondary); margin-top: -32px; margin-right: 18px; } #issue-type.ytd-legal-report-details-form-renderer, #affiliation.ytd-legal-report-details-form-renderer, #full-name.ytd-legal-report-details-form-renderer { margin-top: 0px; } #full-name.ytd-legal-report-details-form-renderer { --paper-input-container-underline-color: var(--yt-spec-10-percent-layer); --paper-input-container-underline-focus-color: var(--yt-spec-text-primary); --paper-input-container-underline-legacy-height: 0; height: 57px; } #full-name.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > input, #full-name.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, #full-name.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > textarea, #full-name.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, #full-name.ytd-legal-report-details-form-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } #name-subtext.ytd-legal-report-details-form-renderer { color: var(--yt-spec-text-secondary); margin-top: 4px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } #footer-text.ytd-legal-report-details-form-renderer { color: var(--yt-spec-text-secondary); margin: 24px 0px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } .footer.ytd-legal-report-details-form-renderer { padding-left: 24px; border-top: 0px; display: flex; flex-direction: row; justify-content: space-between; } #cancel-button.ytd-legal-report-details-form-renderer { margin-right: 8px; } #required-label.ytd-legal-report-details-form-renderer { color: var(--yt-spec-text-secondary); display: flex; flex-direction: column; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .buttons.ytd-legal-report-details-form-renderer { padding: 8px 8px 8px 24px; display: flex; flex-direction: row; } #form.ytd-form-popup-content { margin: 0px 24px 34px; } yt-form-renderer.ytd-form-popup-content { display: block; } ytd-form-popup-renderer[dialog][dialog][dialog] { padding: 0px; margin: 0px; min-width: 500px; background-color: var(--yt-spec-raised-background); display: flex; flex-direction: column; } #title.ytd-form-popup-renderer { display: block; color: var(--yt-spec-text-primary); margin: 24px 24px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #buttons.ytd-form-popup-renderer { border-top: 0px; padding: 8px; display: flex; flex-direction: row; justify-content: flex-end; } ytd-gaming-account-link-confirm-dialog-renderer[dialog][dialog][dialog] { --divider-color: var(--yt-spec-10-percent-layer); --yt-endpoint-color: var(--yt-spec-themed-blue); background-color: var(--yt-spec-raised-background); margin: 0px; min-width: 400px; max-width: 688px; padding: 0px; display: flex; flex-direction: column; } .avatar-support.ytd-gaming-account-link-confirm-dialog-renderer { padding-bottom: 16px; padding-top: 16px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .avatar.ytd-gaming-account-link-confirm-dialog-renderer { height: 56px; width: 56px; margin-left: -13px; margin-right: -13px; border-radius: 50%; background-color: transparent; overflow: hidden; } .avatar.left.ytd-gaming-account-link-confirm-dialog-renderer { z-index: 1; } .avatar.right.ytd-gaming-account-link-confirm-dialog-renderer { z-index: 0; } .third-party-icon.ytd-gaming-account-link-confirm-dialog-renderer { color: var(--yt-spec-static-overlay-icon-active-other); height: 16px; padding: 2px; width: 16px; border-radius: 50%; overflow: hidden; background-color: var(--yt-spec-themed-blue); z-index: 2; } ytd-gaming-account-link-confirm-dialog-renderer[dialog-with-header-image] { width: min-content; } ytd-gaming-account-link-confirm-dialog-renderer[dialog-with-thumbnail] { min-width: 456px; } ytd-gaming-account-link-confirm-dialog-renderer[dialog-with-thumbnail] #main.ytd-gaming-account-link-confirm-dialog-renderer { min-width: 200px; } #main.ytd-gaming-account-link-confirm-dialog-renderer { margin-top: 24px; width: 100%; display: flex; flex-direction: column; } ytd-gaming-account-link-confirm-dialog-renderer[dialog-with-header-image] #main.ytd-gaming-account-link-confirm-dialog-renderer { margin-top: 0px; } #header-image.ytd-gaming-account-link-confirm-dialog-renderer { margin-bottom: 24px; width: max-content; } #title.ytd-gaming-account-link-confirm-dialog-renderer { display: block; color: var(--yt-spec-text-primary); margin: 16px 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #dialog-messages.ytd-gaming-account-link-confirm-dialog-renderer { color: var(--yt-spec-text-secondary); margin: 4px 0px 24px; padding: 0px 24px; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .line-text.ytd-gaming-account-link-confirm-dialog-renderer:not(:last-of-type) { display: block; margin-bottom: 8px; } .buttons.ytd-gaming-account-link-confirm-dialog-renderer { border-top: 0px; position: relative; padding: 8px 8px 8px 24px; display: flex; flex-direction: row; justify-content: flex-end; flex: 0 0 auto; } #cancel-button.ytd-gaming-account-link-confirm-dialog-renderer, #confirm-button.ytd-gaming-account-link-confirm-dialog-renderer { color: var(--yt-spec-call-to-action); margin-left: 8px; } ytd-gaming-account-link-confirm-dialog-renderer[primary-is-cancel] .buttons.ytd-gaming-account-link-confirm-dialog-renderer { display: flex; flex-direction: row-reverse; justify-content: flex-start; } .spinner.ytd-gaming-account-link-confirm-dialog-renderer { margin-bottom: 24px; display: flex; align-items: center; justify-content: center; } ytd-gaming-account-link-setting-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); padding: 0px; margin: 0px; max-width: 500px; display: flex; flex-direction: column; } #header.ytd-gaming-account-link-setting-renderer { background-size: cover; display: flex; flex-direction: column; } .avatar-support.ytd-gaming-account-link-setting-renderer { padding-bottom: 16px; padding-top: 16px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .avatar.ytd-gaming-account-link-setting-renderer { height: 56px; width: 56px; margin-left: 8px; margin-right: 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } .third-party-icon.ytd-gaming-account-link-setting-renderer { height: 16px; padding: 2px; width: 16px; color: var(--yt-spec-static-white-background); border-radius: 50%; overflow: hidden; background-color: var(--yt-spec-themed-blue); } #dismiss-button.ytd-gaming-account-link-setting-renderer { position: absolute; top: 0px; right: 0px; } #dismiss-button.ytd-gaming-account-link-setting-renderer ytd-button-renderer.ytd-gaming-account-link-setting-renderer { color: var(--yt-spec-icon-active-other); } #title.ytd-gaming-account-link-setting-renderer { color: var(--yt-spec-text-primary); display: block; margin: 0px 24px; padding: 24px 0px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } ytd-gaming-account-link-setting-renderer:not([has-description]) #title.ytd-gaming-account-link-setting-renderer { margin: 16px 24px; padding: 0px; } ytd-gaming-account-link-setting-renderer[has-description] #description-container.ytd-gaming-account-link-setting-renderer { border-top: 0px; } #description-container.ytd-gaming-account-link-setting-renderer { color: var(--yt-spec-text-secondary); display: inline-block; margin: 16px 24px 32px; text-align: left; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #link-button-container.ytd-gaming-account-link-setting-renderer { margin-bottom: 16px; display: flex; flex-direction: row; align-items: center; justify-content: center; } #link-button.ytd-gaming-account-link-setting-renderer ytd-button-renderer.ytd-gaming-account-link-setting-renderer { --yt-paper-button-min-width: 250px; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-guide-collapsible-entry-renderer { display: block; } ytd-guide-collapsible-entry-renderer[expanded] #expander-item.ytd-guide-collapsible-entry-renderer { display: none; } ytd-guide-collapsible-entry-renderer[expanded] #expanded.ytd-guide-collapsible-entry-renderer { display: block; } #expanded.ytd-guide-collapsible-entry-renderer { display: none; } ytd-guide-entry-renderer { display: block; position: relative; border-radius: 10px; width: calc(100% - 12px); } ytd-guide-entry-renderer[active] { background-color: var(--yt-spec-additive-background); } ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-guide-entry-renderer[active] .guide-icon.ytd-guide-entry-renderer { color: var(--yt-spec-brand-icon-active); } .title.ytd-guide-entry-renderer { color: var(--yt-spec-text-primary); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; flex: 1 1 1e-09px; } #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer { min-height: var(--paper-item-min-height,48px); cursor: pointer; box-sizing: border-box; outline: 0px; color: var(--yt-spec-text-primary); display: flex; flex-direction: row; align-items: center; } #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:active { background-color: var(--yt-spec-10-percent-layer); border-radius: 10px; } #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:focus { background-color: var(--yt-spec-badge-chip-background); border-radius: 10px; } yt-interaction.ytd-guide-entry-renderer { border-radius: 10px; overflow: hidden; } ytd-guide-entry-renderer[active] tp-yt-paper-item.ytd-guide-entry-renderer[focused] { --paper-item-focused-before-background: transparent; } yt-img-shadow.ytd-guide-entry-renderer { height: 24px; width: 24px; margin-right: 24px; border-radius: 50%; background-color: transparent; overflow: hidden; } a.ytd-guide-entry-renderer, tp-yt-paper-item.ytd-guide-entry-renderer { width: 100%; } tp-yt-paper-item.ytd-guide-entry-renderer { --paper-item-focused-before-border-radius: 10px; --paper-item-focused-before-background: var( --ytd-guide-entry-renderer-focused-guide-item-background-color,var(--yt-spec-icon-active-other) ); padding: 0px 12px; min-width: 0px; height: var(--paper-item-min-height,48px); } .guide-icon.ytd-guide-entry-renderer { --iron-icon-height: 24px; --iron-icon-width: 24px; margin-right: 24px; color: var(--yt-spec-brand-icon-inactive); } .guide-entry-count.ytd-guide-entry-renderer { display: none; opacity: var(--yt-spec-text-secondary); vertical-align: middle; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-guide-entry-renderer[line-end-style="count"] .guide-entry-count.ytd-guide-entry-renderer { display: block; } .guide-entry-badge.ytd-guide-entry-renderer { width: 16px; height: 16px; color: var(--yt-spec-red-indicator); display: none; } ytd-guide-entry-renderer[line-end-style="badge"] .guide-entry-badge.ytd-guide-entry-renderer { display: block; } #newness-dot.ytd-guide-entry-renderer { width: 4px; height: 4px; border-radius: 50%; background-color: var(--yt-spec-themed-blue); margin: 0px 6px; display: none; } @media (forced-colors: active) { #newness-dot.ytd-guide-entry-renderer { forced-color-adjust: none; } } ytd-guide-entry-renderer[line-end-style="dot"] #newness-dot.ytd-guide-entry-renderer { display: block; } ytd-guide-entry-renderer[is-header] .guide-icon.ytd-guide-entry-renderer { display: none; } ytd-guide-entry-renderer[is-header] .title.ytd-guide-entry-renderer { padding-right: 8px; flex: 0 0 auto; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-guide-entry-renderer[is-header] .arrow-icon.ytd-guide-entry-renderer { width: 16px; height: 16px; } ytd-guide-collapsible-section-entry-renderer { display: block; } #header.ytd-guide-collapsible-section-entry-renderer { display: flex; align-items: center; } ytd-guide-downloads-entry-renderer { display: block; } ytd-guide-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); display: block; } #sections.ytd-guide-renderer { position: relative; } #sections.ytd-guide-renderer > .ytd-guide-renderer:first-child { padding: 12px; } #sections.ytd-guide-renderer > ytd-guide-section-renderer.ytd-guide-renderer:not(:first-child), #sections.ytd-guide-renderer > ytd-guide-subscriptions-section-renderer.ytd-guide-renderer { padding: 12px; } #sections.ytd-guide-renderer > .ytd-guide-renderer:not(:last-child) { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #footer.ytd-guide-renderer > #vat-notice, #footer.ytd-guide-renderer > #copyright { display: block !important; } #guide-links-primary.ytd-guide-renderer { padding: 16px 24px 0px; border-top: 1px solid var(--yt-spec-10-percent-layer); } #guide-links-secondary.ytd-guide-renderer { padding: 12px 24px 0px; } #footer.ytd-guide-renderer > #vat-notice { padding: 8px 24px; color: var(--yt-spec-text-secondary); font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } #footer.ytd-guide-renderer > #copyright { padding: 16px 24px; color: var(--yt-spec-text-disabled); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #guide-links-primary.ytd-guide-renderer > a, #guide-links-secondary.ytd-guide-renderer > a { text-decoration: none; color: var(--yt-spec-text-secondary); font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; display: inline-block !important; } #guide-links-primary.ytd-guide-renderer > a:not(:last-child), #guide-links-secondary.ytd-guide-renderer > a:not(:last-child) { margin-right: 8px; } ytd-guide-renderer:hover { --ytd-guide-entry-renderer-active-guide-item-background-color: transparent; --ytd-guide-entry-renderer-focused-guide-item-background-color: transparent; } ytd-guide-section-renderer { --paper-item-min-height: 40px; display: block; } h3.ytd-guide-section-renderer { margin: 0px; } ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child) { border-top: 1px solid var(--yt-spec-10-percent-layer); margin-top: 12px; padding-top: 12px; } #guide-section-title.ytd-guide-section-renderer { display: block; padding: 6px 12px 4px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-guide-section-renderer[modern-typography] #guide-section-title.ytd-guide-section-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-guide-signin-promo-renderer { display: inline-block; padding: 16px 32px; } yt-formatted-string.ytd-guide-signin-promo-renderer { display: block; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #sign-in-button.ytd-guide-signin-promo-renderer:not([align-by-text]) { margin-top: 12px; } ytd-mini-guide-entry-renderer { display: inline-block; position: relative; background-color: var(--yt-spec-base-background); border-radius: 10px; } ytd-mini-guide-entry-renderer[frosted-glass] { background-color: transparent; } ytd-mini-guide-entry-renderer[system-icons][is-active] .title.ytd-mini-guide-entry-renderer, ytd-mini-guide-entry-renderer[system-icons] .title.ytd-mini-guide-entry-renderer { color: var(--yt-spec-text-primary); } a.ytd-mini-guide-entry-renderer { padding: 16px 0px 14px; outline: 0px; width: 64px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .guide-icon.ytd-mini-guide-entry-renderer { color: var(--yt-spec-brand-icon-inactive); margin-bottom: 6px; } .title.ytd-mini-guide-entry-renderer { color: var(--yt-spec-text-secondary); max-width: 100%; display: block; max-height: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; font-weight: 400; line-height: 1.4rem; } ytd-mini-guide-entry-renderer[is-active] .guide-icon.ytd-mini-guide-entry-renderer { color: var(--yt-spec-brand-icon-active); } ytd-mini-guide-entry-renderer[is-active] .title.ytd-mini-guide-entry-renderer { color: var(--yt-spec-selected-nav-text); } ytd-mini-guide-entry-renderer[no-labels] a.ytd-mini-guide-entry-renderer { padding: 8px 0px; } ytd-mini-guide-entry-renderer[no-labels] .guide-icon.ytd-mini-guide-entry-renderer { margin-bottom: 0px; } ytd-mini-guide-entry-renderer:hover, ytd-mini-guide-entry-renderer:focus { background-color: var(--yt-spec-badge-chip-background); outline: none; } ytd-mini-guide-renderer { display: inline-block; background-color: var(--yt-spec-base-background); z-index: 2028; padding: 0px 4px; } ytd-mini-guide-renderer[frosted-glass] { background-color: transparent; } #items.ytd-mini-guide-renderer { margin-top: 4px; display: flex; flex-direction: column; } ytd-mini-guide-renderer[no-labels] #items.ytd-mini-guide-renderer { margin-top: 12px; display: flex; flex-direction: column; } ytd-handles-claiming-confirm-dialog-content[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); } #container.ytd-handles-claiming-confirm-dialog-content { display: flex; flex-direction: column; } #handle-container.ytd-handles-claiming-confirm-dialog-content { align-self: center; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; width: 100%; padding: 24px 20px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 12px; max-width: 500px; margin: 20px 0px; } #profile-picture.ytd-handles-claiming-confirm-dialog-content { width: 100px; height: 100px; border: 2px solid var(--yt-spec-inverted-background); border-radius: 50%; background-color: transparent; overflow: hidden; } #subtitle.ytd-handles-claiming-confirm-dialog-content { padding: 0px 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; justify-content: center; display: flex; flex-direction: column; } #container.ytd-handles-claiming-confirm-dialog-content { overflow-y: auto; } #container.ytd-handles-claiming-confirm-dialog-content::-webkit-scrollbar { width: 16px; } #container.ytd-handles-claiming-confirm-dialog-content::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } #container.ytd-handles-claiming-confirm-dialog-content::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } @media (max-height: 750px) { #container.ytd-handles-claiming-confirm-dialog-content { max-height: 510px; } } #display-name.ytd-handles-claiming-confirm-dialog-content { margin: 16px 0px 8px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #handle.ytd-handles-claiming-confirm-dialog-content, #handle-url.ytd-handles-claiming-confirm-dialog-content { margin-bottom: 4px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 556; } #info-container.ytd-handles-claiming-confirm-dialog-content { color: var(--yt-spec-text-secondary); max-width: 500px; margin: 0px 32px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; align-self: center; display: flex; flex-direction: column; } #info-header.ytd-handles-claiming-confirm-dialog-content { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #first-info-text.ytd-handles-claiming-confirm-dialog-content { padding-top: 20px; } #messages.ytd-handles-claiming-confirm-dialog-content { padding-bottom: 20px; justify-content: center; display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .line-text.ytd-handles-claiming-confirm-dialog-content:not(:last-of-type) { display: block; margin-bottom: 12px; } ytd-handles-claiming-confirm-dialog-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); padding: 0px; margin: 0px; width: 740px; } ytd-handles-claiming-confirm-dialog-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: column; } #header.ytd-handles-claiming-confirm-dialog-renderer { padding: 16px 24px; border-bottom: 0px; } #title.ytd-handles-claiming-confirm-dialog-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; justify-content: center; display: flex; flex-direction: column; } .line-text.ytd-handles-claiming-confirm-dialog-renderer:not(:last-of-type) { display: block; margin-bottom: 12px; } #footer.ytd-handles-claiming-confirm-dialog-renderer { height: 52px; padding-right: 8px; border-top: 0px; justify-content: flex-end; display: flex; flex-direction: row; align-items: center; } ytd-handles-claiming-edit-dialog-content[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); } ytd-handles-claiming-edit-dialog-content { overflow-y: auto; } #spinner.ytd-handles-claiming-edit-dialog-content { background: var(--yt-spec-brand-background-primary); opacity: 0.3; z-index: 999; position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; } #container.ytd-handles-claiming-edit-dialog-content { display: flex; flex-direction: column; overflow-y: auto; } #container.ytd-handles-claiming-edit-dialog-content::-webkit-scrollbar { width: 16px; } #container.ytd-handles-claiming-edit-dialog-content::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } #container.ytd-handles-claiming-edit-dialog-content::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } #handle-container.ytd-handles-claiming-edit-dialog-content, #info-container.ytd-handles-claiming-edit-dialog-content, #input-container.ytd-handles-claiming-edit-dialog-content { width: 100%; max-width: 400px; align-self: center; } #warning-text.ytd-handles-claiming-edit-dialog-content { color: var(--yt-spec-text-secondary); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #handle-container.ytd-handles-claiming-edit-dialog-content { align-self: center; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: 24px 20px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 12px; margin: 20px 0px; } #profile-picture.ytd-handles-claiming-edit-dialog-content { width: 100px; height: 100px; border: 2px solid var(--yt-spec-inverted-background); border-radius: 50%; background-color: transparent; overflow: hidden; } @media (max-height: 750px) { #container.ytd-handles-claiming-edit-dialog-content { max-height: 510px; } } @media (max-height: 550px) { #container.ytd-handles-claiming-edit-dialog-content { max-height: 310px; } } #display-name.ytd-handles-claiming-edit-dialog-content { margin: 16px 0px 8px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #display-handle.ytd-handles-claiming-edit-dialog-content, #display-handle-url.ytd-handles-claiming-edit-dialog-content { min-height: 28px; display: block; margin-bottom: 4px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 556; word-break: break-word; } #info-container.ytd-handles-claiming-edit-dialog-content { margin: 0px 32px; } #info-header.ytd-handles-claiming-edit-dialog-content { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #messages.ytd-handles-claiming-edit-dialog-content { color: var(--yt-spec-text-secondary); padding: 20px 0px; justify-content: center; display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .line-text.ytd-handles-claiming-edit-dialog-content:not(:last-of-type) { display: block; margin-bottom: 12px; } #channel-handle-input.ytd-handles-claiming-edit-dialog-content { width: 400px; } ytd-handles-claiming-edit-dialog-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); width: 740px; padding: 0px; margin: 0px; max-height: inherit; } ytd-handles-claiming-edit-dialog-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: column; } #spinner.ytd-handles-claiming-edit-dialog-renderer { background: var(--yt-spec-brand-background-primary); opacity: 0.3; z-index: 999; position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; } #header.ytd-handles-claiming-edit-dialog-renderer { padding: 16px 24px; border-bottom: 0px; } #title.ytd-handles-claiming-edit-dialog-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; justify-content: center; display: flex; flex-direction: column; } #container.ytd-handles-claiming-edit-dialog-renderer { display: flex; flex-direction: column; } #handle-container.ytd-handles-claiming-edit-dialog-renderer, #info-container.ytd-handles-claiming-edit-dialog-renderer, #input-container.ytd-handles-claiming-edit-dialog-renderer { width: 100%; max-width: 400px; align-self: center; } #handle-container.ytd-handles-claiming-edit-dialog-renderer { align-self: center; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: 24px 20px; margin: 20px 0px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 12px; } #profile-picture.ytd-handles-claiming-edit-dialog-renderer { width: 100px; height: 100px; border: 2px solid var(--yt-spec-inverted-background); border-radius: 50%; background-color: transparent; overflow: hidden; } #container.ytd-handles-claiming-edit-dialog-renderer { overflow-y: auto; } #container.ytd-handles-claiming-edit-dialog-renderer::-webkit-scrollbar { width: 16px; } #container.ytd-handles-claiming-edit-dialog-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } #container.ytd-handles-claiming-edit-dialog-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } @media (max-height: 750px) { #container.ytd-handles-claiming-edit-dialog-renderer { max-height: 510px; } } @media (max-height: 550px) { #container.ytd-handles-claiming-edit-dialog-renderer { max-height: 310px; } } #display-name.ytd-handles-claiming-edit-dialog-renderer { margin: 16px 0px 8px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #display-handle.ytd-handles-claiming-edit-dialog-renderer, #display-handle-url.ytd-handles-claiming-edit-dialog-renderer { min-height: 28px; display: block; margin-bottom: 4px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 556; } #info-container.ytd-handles-claiming-edit-dialog-renderer { margin: 0px 32px; } #info-header.ytd-handles-claiming-edit-dialog-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #messages.ytd-handles-claiming-edit-dialog-renderer { color: var(--yt-spec-text-secondary); padding-top: 20px; padding-bottom: 20px; justify-content: center; display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .line-text.ytd-handles-claiming-edit-dialog-renderer:not(:last-of-type) { display: block; margin-bottom: 12px; } #footer.ytd-handles-claiming-edit-dialog-renderer { height: 52px; padding-right: 8px; gap: 8px; border-top: 0px; justify-content: flex-end; display: flex; flex-direction: row; align-items: center; } #channel-handle-input.ytd-handles-claiming-edit-dialog-renderer { width: 400px; } ytd-handles-claiming-radio-option-renderer { display: inline-block; pointer-events: all; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-handles-claiming-select-dialog-content[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); } ytd-handles-claiming-select-dialog-content { overflow-y: auto; } #spinner.ytd-handles-claiming-select-dialog-content { background: var(--yt-spec-brand-background-primary); opacity: 0.3; z-index: 999; position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; } #container.ytd-handles-claiming-select-dialog-content { display: flex; flex-direction: column; overflow-y: auto; } #container.ytd-handles-claiming-select-dialog-content::-webkit-scrollbar { width: 16px; } #container.ytd-handles-claiming-select-dialog-content::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } #container.ytd-handles-claiming-select-dialog-content::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } #handle-container.ytd-handles-claiming-select-dialog-content, #info-container.ytd-handles-claiming-select-dialog-content, #radio-container.ytd-handles-claiming-select-dialog-content { width: 100%; align-self: center; max-width: 400px; } #handle-container.ytd-handles-claiming-select-dialog-content { align-self: center; display: flex; flex-direction: column; align-items: center; box-sizing: border-box; padding: 24px 20px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 12px; margin: 20px 0px; } #profile-picture.ytd-handles-claiming-select-dialog-content { width: 100px; height: 100px; border: 2px solid var(--yt-spec-inverted-background); border-radius: 50%; background-color: transparent; overflow: hidden; } @media (max-height: 750px) { #container.ytd-handles-claiming-select-dialog-content { max-height: 510px; } } @media (max-height: 550px) { #container.ytd-handles-claiming-select-dialog-content { max-height: 310px; } } #display-name.ytd-handles-claiming-select-dialog-content { margin: 16px 0px 8px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #display-handle.ytd-handles-claiming-select-dialog-content, #display-handle-url.ytd-handles-claiming-select-dialog-content { min-height: 28px; display: block; margin-bottom: 4px; word-break: break-word; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 556; } #info-container.ytd-handles-claiming-select-dialog-content { margin: 0px 32px; } #info-header.ytd-handles-claiming-select-dialog-content { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #messages.ytd-handles-claiming-select-dialog-content { color: var(--yt-spec-text-secondary); padding-top: 20px; padding-bottom: 20px; justify-content: center; display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #warning-text.ytd-handles-claiming-select-dialog-content { color: var(--yt-spec-text-secondary); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .line-text.ytd-handles-claiming-select-dialog-content:not(:last-of-type) { display: block; margin-bottom: 12px; } #radio-container.ytd-handles-claiming-select-dialog-content { display: flex; flex-direction: column; } #radio-item.ytd-handles-claiming-select-dialog-content { --paper-radio-group-item-padding: 12px 0; } ytd-handles-claiming-select-dialog-content tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target="label"] { vertical-align: top; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #channel-handle-input.ytd-handles-claiming-select-dialog-content { width: 320px; } ytd-handles-claiming-select-dialog-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); padding: 0px; margin: 0px; max-height: inherit; width: 740px; } ytd-handles-claiming-select-dialog-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: column; } #header.ytd-handles-claiming-select-dialog-renderer { padding: 16px 24px; border-bottom: 0px; } #title.ytd-handles-claiming-select-dialog-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; justify-content: center; display: flex; flex-direction: column; } #footer.ytd-handles-claiming-select-dialog-renderer { gap: 8px; height: 52px; padding-right: 8px; border-top: 0px; justify-content: flex-end; display: flex; flex-direction: row; align-items: center; } ytd-hotkey-dialog-content[dialog][dialog][dialog] { background: initial; } #scrollable.ytd-hotkey-dialog-content { justify-content: space-around; overflow: auto; } #hotkey-item.ytd-hotkey-dialog-content:last-of-type { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } tp-yt-paper-dialog-scrollable.ytd-hotkey-dialog-content { --paper-dialog-scrollable-padding: 0; } #sections.ytd-hotkey-dialog-content { width: 100%; flex-flow: wrap; align-items: flex-start; display: flex; } ytd-hotkey-dialog-section-option-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); padding: 8px; display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .label-container.ytd-hotkey-dialog-section-option-renderer { min-width: 300px; flex: 1 1 1e-09px; display: flex; flex-direction: row; } #label.ytd-hotkey-dialog-section-option-renderer { color: var(--yt-spec-text-secondary); } .standalone-badge.ytd-hotkey-dialog-section-option-renderer:not(:empty) { margin-left: 6px; } #hotkey.ytd-hotkey-dialog-section-option-renderer { color: var(--yt-spec-text-primary); margin-left: 30px; min-width: 130px; align-items: center; font-family: "Roboto Mono", monospace; font-size: 1.4rem; font-weight: 500; line-height: 2.1rem; } ytd-hotkey-dialog-section-renderer { min-width: 430px; display: inline-block; margin: 16px; flex: 1 1 1e-09px; } #sub-title.ytd-hotkey-dialog-section-renderer { color: var(--yt-spec-text-secondary); display: block; padding: 16px 8px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-hotkey-dialog-renderer[dialog][dialog][dialog] { --divider-color: var( --yt-spec-10-percent-layer ); display: inline-block; margin: 0px; padding: 0px; width: 1280px; } @media (max-width: 1439px) { ytd-hotkey-dialog-renderer[dialog][dialog][dialog] { width: 100%; } } #title.ytd-hotkey-dialog-renderer { color: var(--yt-spec-text-primary); margin: 24px 24px 16px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #scrollable.ytd-hotkey-dialog-renderer { justify-content: space-around; overflow: auto; } #hotkey-item.ytd-hotkey-dialog-renderer:last-of-type { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } tp-yt-paper-dialog-scrollable.ytd-hotkey-dialog-renderer { --paper-dialog-scrollable-padding: 0; } #sections.ytd-hotkey-dialog-renderer { width: 100%; flex-flow: wrap; align-items: flex-start; display: flex; } #action-buttons.ytd-hotkey-dialog-renderer { border-top: 0px; padding: 8px; display: flex; flex-direction: row; justify-content: flex-end; } #child-rows.ytd-kids-blocklist-picker-content { margin: 16px 0px 8px; } ytd-kids-blocklist-picker-item-renderer { padding: 8px 0px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .account-info.ytd-kids-blocklist-picker-item-renderer { display: flex; flex-direction: row; align-items: center; } .account-info.ytd-kids-blocklist-picker-item-renderer .account-avatar.ytd-kids-blocklist-picker-item-renderer { height: 44px; width: 44px; } .account-info.ytd-kids-blocklist-picker-item-renderer .account-avatar.ytd-kids-blocklist-picker-item-renderer yt-img-shadow.ytd-kids-blocklist-picker-item-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; } .account-info.ytd-kids-blocklist-picker-item-renderer .account-text-info.ytd-kids-blocklist-picker-item-renderer { margin-left: 12px; display: flex; flex-direction: column; } .account-info.ytd-kids-blocklist-picker-item-renderer .account-text-info.ytd-kids-blocklist-picker-item-renderer .account-name.ytd-kids-blocklist-picker-item-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .account-info.ytd-kids-blocklist-picker-item-renderer .account-text-info.ytd-kids-blocklist-picker-item-renderer .account-description.ytd-kids-blocklist-picker-item-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-kids-blocklist-picker-renderer[dialog] { margin-bottom: 8px; margin-top: 24px; padding: 0px; width: 400px; display: flex; flex-direction: column; } #content.ytd-kids-blocklist-picker-renderer { padding-left: 24px; padding-right: 8px; } #content.ytd-kids-blocklist-picker-renderer #title.ytd-kids-blocklist-picker-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #footer.ytd-kids-blocklist-picker-renderer { border-top: 0px; padding-right: 8px; padding-top: 8px; justify-content: flex-end; display: flex; flex-direction: row; } ytd-menu-popup-renderer { display: inline-grid; grid-template-columns: min-content; background-color: var(--yt-spec-menu-background); border-radius: 12px; box-shadow: 0 4px 32px 0 var(--yt-spec-static-overlay-background-light); backdrop-filter: blur(8px); } ytd-menu-popup-renderer tp-yt-paper-listbox.ytd-menu-popup-renderer { background: none; } ytd-menu-popup-renderer[disable-backdrop-filter] { backdrop-filter: none; } ytd-menu-popup-tip-renderer { display: inline-block; background-color: var(--yt-spec-brand-background-solid); color: var(--yt-spec-text-primary); padding: 10px 16px; border-top: 1px solid var(--yt-spec-10-percent-layer); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-toggle-menu-service-item-renderer { cursor: pointer; display: flex; flex-direction: column; } ytd-toggle-menu-service-item-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } ytd-toggle-menu-service-item-renderer[use-list-item-styles] { border-radius: 8px; } yt-icon.ytd-toggle-menu-service-item-renderer { margin-right: 16px; width: 24px; height: 24px; color: var(--yt-spec-icon-inactive); display: var(--yt-menu-item-icon-display,none); flex: 0 0 auto; } ytd-toggle-menu-service-item-renderer[use-list-item-styles] yt-icon.ytd-toggle-menu-service-item-renderer { margin-right: 12px; } ytd-toggle-menu-service-item-renderer[use-icons] { --yt-menu-item-icon-display: inline-block; } ytd-toggle-menu-service-item-renderer[system-icons] yt-icon.ytd-toggle-menu-service-item-renderer { color: var(--yt-spec-text-primary); } tp-yt-paper-item.ytd-toggle-menu-service-item-renderer { --paper-item-min-height: 36px; padding: 0px 12px 0px 16px; } tp-yt-paper-toggle-button.ytd-toggle-menu-service-item-renderer { margin-left: auto; } yt-formatted-string.ytd-toggle-menu-service-item-renderer { user-select: none; color: var(--yt-spec-text-primary); white-space: nowrap; margin-right: 24px; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-toggle-menu-service-item-renderer[use-list-item-styles] yt-formatted-string.ytd-toggle-menu-service-item-renderer { -webkit-font-smoothing: initial; } ytd-menu-custom-icon-item-renderer { cursor: pointer; display: flex; flex-direction: column; } tp-yt-paper-item.ytd-menu-custom-icon-item-renderer { --paper-item-min-height: 40px; } tp-yt-paper-item.ytd-menu-custom-icon-item-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } .custom-icon.ytd-menu-custom-icon-item-renderer { height: 24px; width: 24px; margin-right: 16px; } .action-text.ytd-menu-custom-icon-item-renderer { color: var(--yt-spec-text-primary); text-decoration: none; flex: 0 0 auto; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .launch-icon.ytd-menu-custom-icon-item-renderer { color: var(--yt-spec-call-to-action); height: 16px; padding-bottom: 2px; width: 16px; } tp-yt-paper-tooltip.ytd-notification-topbar-button-renderer { white-space: nowrap; } yt-icon-button.ytd-notification-topbar-button-renderer { width: 40px; height: 40px; } .yt-spec-icon-badge-shape { display: inline-block; color: rgb(255, 255, 255); position: relative; } .yt-spec-icon-badge-shape__icon { width: 24px; height: 24px; fill: currentcolor; } .yt-spec-icon-badge-shape__badge { position: absolute; top: -4px; left: 12px; display: inline-block; padding: 0px 4px; min-width: 8px; max-width: 18px; height: 16px; border: 2px solid rgb(33, 33, 33); border-radius: 22px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 16px; } .yt-spec-icon-badge-shape--text-size-small .yt-spec-icon-badge-shape__badge { font-size: 10px; } .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge { background-color: rgb(225, 0, 45); color: rgb(255, 255, 255); } .yt-spec-icon-badge-shape--type-cart .yt-spec-icon-badge-shape__badge { background-color: rgb(62, 166, 255); color: rgb(15, 15, 15); } .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__icon { color: rgb(255, 255, 255); } .yt-spec-icon-badge-shape--style-overlay .yt-spec-icon-badge-shape__badge { border: 2px solid rgba(0, 0, 0, 0.8); } .yt-spec-icon-badge-shape--style-overlay.yt-spec-icon-badge-shape--type-cart .yt-spec-icon-badge-shape__badge { color: rgb(15, 15, 15); background-color: rgb(62, 166, 255); } yt-pdg-buy-flow-header-renderer { color: var(--yt-spec-text-primary); min-width: 512px; box-sizing: border-box; padding: 24px 24px 0px; display: flex; justify-content: space-between; } #title.yt-pdg-buy-flow-header-renderer { color: var(--yt-spec-text-primary); font-family: "YouTube Sans", "YT SANS"; max-width: 512px; font-size: 3.2rem; font-weight: 500; line-height: 3.8rem; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } #text-container.yt-pdg-buy-flow-header-renderer { max-width: 440px; overflow: hidden; } #button-container.yt-pdg-buy-flow-header-renderer { display: flex; } yt-super-vod-buy-flow-content-renderer { color: var(--yt-spec-text-secondary); } #buy-button.yt-super-vod-buy-flow-content-renderer { margin-left: 8px; display: flex; flex-direction: row-reverse; } yt-formatted-string.yt-super-vod-buy-flow-content-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } yt-formatted-string.yt-super-vod-buy-flow-content-renderer + #comment-preview.yt-super-vod-buy-flow-content-renderer { margin-top: 16px; } #selectable-items.yt-super-vod-buy-flow-content-renderer { margin-top: 24px; display: flex; } #selectable-items.yt-super-vod-buy-flow-content-renderer ytd-pdg-super-vod-selectable-item-button-renderer.yt-super-vod-buy-flow-content-renderer { margin-right: 12px; } #selectable-items.yt-super-vod-buy-flow-content-renderer ytd-pdg-super-vod-selectable-item-button-renderer.yt-super-vod-buy-flow-content-renderer:last-child { margin-right: 0px; } #slider.yt-super-vod-buy-flow-content-renderer { padding-top: 8px; margin-bottom: -16px; } #footer.yt-super-vod-buy-flow-content-renderer { display: flex; justify-content: flex-end; margin-top: 40px; flex-wrap: wrap; } #disclaimer-text.yt-super-vod-buy-flow-content-renderer { color: var(--yt-spec-text-secondary); margin: -16px 0px 24px; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; } tp-yt-paper-slider.ytd-pdg-color-slider-renderer { --paper-slider-container-color: var(--yt-spec-white-4); --paper-slider-container-margin: 0; --paper-slider-container-padding: 4px; --paper-slider-markers-color: var(--yt-spec-white-1); --paper-slider-markers-margin-left: -5px; --paper-slider-knob-color: var(--ytd-pdg-color-slider-knob-color); --paper-slider-knob-start-color: var(--ytd-pdg-color-slider-first-knob-color); --paper-slider-knob-start-border-style: 7px solid var(--yt-spec-white-1); --paper-slider-height: 16px; --paper-slider-active-color: var(--ytd-pdg-color-slider-active-color); --paper-slider-bar-container-ring-left: 0; width: 100%; --paper-slider-knob-top: -2px; --paper-slider-knob-border-style: 7px solid var(--yt-spec-white-1); --paper-slider-knob-size: 50px; --paper-slider-knob-inner--size: 16px; --paper-slider-markers-width: 8px; --paper-slider-markers-height: 8px; --paper-slider-markers-margin: 4px; --paper-slider-progress-container-transform: translateZ(0); --paper-slider-progress-container-border-radius: 50px; --paper-slider-progress-container-overflow: hidden; --paper-slider-knob-box-shadow-style: 0px 1px 2px rgba(60,64,67,0.3),0px 1px 3px rgba(60,64,67,0.15); } ytd-pdg-color-slider-renderer[is-dark-theme] tp-yt-paper-slider.ytd-pdg-color-slider-renderer { --paper-slider-container-color: #464646; --paper-slider-markers-color: var(--yt-spec-grey-5); --paper-slider-knob-start-border-style: 7px solid var(--yt-spec-grey-5); --paper-slider-knob-border-style: 7px solid var(--yt-spec-grey-5); } ytd-pdg-comment-preview-renderer { position: relative; } #container.ytd-pdg-comment-preview-renderer { padding: 12px 0px; padding-inline: 16px 8px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 2px; background-color: var(--ytd-pdg-comment-preview-background-color); position: relative; display: flex; align-items: center; justify-content: space-between; } #comment-container.ytd-pdg-comment-preview-renderer { display: flex; flex-direction: column; flex-grow: 1; } #container.ugc.ytd-pdg-comment-preview-renderer:hover { border-color: var(--yt-spec-text-primary); } #container.ugc.ytd-pdg-comment-preview-renderer:focus-within { border-color: var(--yt-spec-call-to-action); } #container.emojis.ytd-pdg-comment-preview-renderer:hover { border-color: var(--yt-spec-text-primary); } #container.emojis.ytd-pdg-comment-preview-renderer:focus-within { border-color: var(--yt-spec-call-to-action); } #title-background.ytd-pdg-comment-preview-renderer { background-color: var(--yt-spec-brand-background-solid); position: absolute; top: -0.85rem; left: 1.7rem; z-index: 1; } #comment-title.ytd-pdg-comment-preview-renderer { color: var(--yt-spec-text-secondary); padding: 4px; border-radius: 2px; background-color: var(--yt-spec-badge-chip-background); white-space: nowrap; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } #author-thumbnail.ytd-pdg-comment-preview-renderer { width: 40px; height: 40px; margin-right: 16px; border-radius: 50%; background-color: transparent; overflow: hidden; } #header.ytd-pdg-comment-preview-renderer { display: flex; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #channel-name.ytd-pdg-comment-preview-renderer { color: var(--yt-spec-text-secondary); font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } #comment.ytd-pdg-comment-preview-renderer { margin-top: 4px; margin-bottom: 4px; display: flex; z-index: 1; } #content-no-emojis.ytd-pdg-comment-preview-renderer { color: var(--yt-spec-text-primary); display: inline-block; margin-top: 4px; white-space: pre-wrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #content-no-emojis.ytd-pdg-comment-preview-renderer[placeholder]:empty::before { content: attr(placeholder); color: var(--yt-spec-text-disabled); } #content-no-emojis.ytd-pdg-comment-preview-renderer[placeholder]:empty:focus::before { content: ""; } #content-emojis.ytd-pdg-comment-preview-renderer { color: var(--yt-spec-text-primary); display: block; margin-top: 4px; cursor: text; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #content-no-emojis.ytd-pdg-comment-preview-renderer:focus { outline: none; } #content-emojis.ytd-pdg-comment-preview-renderer:focus { outline: none; } #container.ugc.ytd-pdg-comment-preview-renderer #content-no-emojis.ytd-pdg-comment-preview-renderer { display: inline; -webkit-user-modify: read-write-plaintext-only; } #container.ugc.ytd-pdg-comment-preview-renderer #content-no-emojis.ytd-pdg-comment-preview-renderer:empty { display: inline-block; margin: 0px; min-width: 20px; padding: 0px 1px; } yt-pdg-comment-chip-renderer.ytd-pdg-comment-preview-renderer { margin-right: 5px; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } #text.ytd-pdg-comment-preview-renderer { flex: 1 1 0%; overflow: var(--ytd-pdg-comment-preview-overflow,none); max-height: var(--ytd-pdg-comment-preview-max-height,none); padding-inline-end: 8px; } ytd-comment-input.ytd-pdg-comment-preview-renderer { --ytd-comment-input-content-max-height: 300px; --ytd-comment-input-content-overflow: auto; --ytd-comment-input-emojis-width: 300px; } ytd-pdg-comment-preview-renderer[is-ugc-empty] ytd-comment-input.ytd-pdg-comment-preview-renderer { --contenteditable-with-comment-chip-root-style-display: inline-block; } ytd-pdg-comment-preview-renderer:not([is-ugc-empty]) ytd-comment-input.ytd-pdg-comment-preview-renderer { --contenteditable-with-comment-chip-root-style-display: inline; } #container.ugc.ytd-pdg-comment-preview-renderer #text.ytd-pdg-comment-preview-renderer { cursor: text; } #emoji-button.ytd-pdg-comment-preview-renderer > ytd-button-renderer.ytd-pdg-comment-preview-renderer { color: var(--yt-spec-icon-active-other); } ytd-button-renderer.ytd-pdg-comment-preview-renderer { --yt-button-icon-size: 36px; } #emojis.ytd-pdg-comment-preview-renderer { width: var(--ytd-comment-input-emojis-width,430px); padding: 16px; margin-top: 4px; position: fixed; background: var(--yt-spec-brand-background-primary); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.4) 0px 8px 10px -5px; z-index: 2; } #emoji-input.ytd-pdg-comment-preview-renderer { display: flex; align-items: end; } ytd-comment-input { --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-input-color: var(--yt-spec-text-primary); --yt-formatted-string-contenteditable-endpoint-background: var( --yt-spec-badge-chip-background ); --yt-formatted-string-contenteditable-endpoint-border-radius: 0.2em; --yt-formatted-string-contenteditable-endpoint-color: var( --yt-spec-text-primary ); --yt-formatted-string-contenteditable-endpoint-cursor: default; --yt-formatted-string-contenteditable-endpoint-max-width: 100%; --yt-formatted-string-contenteditable-endpoint-white-space: nowrap; --yt-formatted-string-contenteditable-endpoint-overflow: hidden; --yt-formatted-string-contenteditable-endpoint-text-overflow: ellipsis; --yt-formatted-string-contenteditable-endpoint-vertical-align: top; --yt-formatted-string-contenteditable-endpoint-pointer-events: none; --yt-post-multi-image-attachment-size: 420px; display: flex; flex-direction: column; } ytd-comment-input .input-content.tp-yt-paper-input-container > input, ytd-comment-input .input-content.tp-yt-paper-input-container > tp-yt-iron-input, ytd-comment-input .input-content.tp-yt-paper-input-container > textarea, ytd-comment-input .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, ytd-comment-input .input-content.tp-yt-paper-input-container > .paper-input-input { line-height: 20px; font-size: 14px; } #contenteditable-textarea.ytd-comment-input[aria-label]:empty::before { color: var(--yt-spec-text-secondary); -webkit-font-smoothing: subpixel-antialiased; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; content: attr(aria-label); cursor: text; } yt-formatted-string#contenteditable-textarea.ytd-comment-input { --yt-formatted-string-contenteditable-root-style-outline: none; --yt-formatted-string-contenteditable-root-style-display: var( --contenteditable-root-style-display,block ); --contenteditable-root-style-placeholder-with-aria-color: var( --yt-spec-text-secondary ); --contenteditable-root-style-placeholder-with-aria-content: attr(aria-label); --contenteditable-root-style-placeholder-with-aria-cursor: text; --yt-formatted-string-contenteditable-emoji-width: var( --yt-formatted-string-emoji-size,24px ); --yt-formatted-string-contenteditable-emoji-height: var( --yt-formatted-string-emoji-size,24px ); --yt-formatted-string-contenteditable-emoji-margin: -1px 2px 1px; --yt-formatted-string-contenteditable-emoji-vertical-align: middle; --yt-formatted-string-contenteditable-emoji-padding-right: 0.2em; --yt-formatted-string-contenteditable-small-emoji-width: var( --yt-formatted-string-small-emoji-size,16px ); --yt-formatted-string-contenteditable-small-emoji-height: var( --yt-formatted-string-small-emoji-size,16px ); --yt-formatted-string-contenteditable-small-emoji-margin: -1px 2px 1px; --yt-formatted-string-contenteditable-small-emoji-vertical-align: middle; --yt-formatted-string-contenteditable-small-emoji-padding-right: 0.2em; display: var(--contenteditable-textarea-display,block); word-break: normal; overflow-wrap: break-word; } yt-formatted-string#contenteditable-textarea.ytd-comment-input .input-content.tp-yt-paper-input-container > input, yt-formatted-string#contenteditable-textarea.ytd-comment-input .input-content.tp-yt-paper-input-container > tp-yt-iron-input, yt-formatted-string#contenteditable-textarea.ytd-comment-input .input-content.tp-yt-paper-input-container > textarea, yt-formatted-string#contenteditable-textarea.ytd-comment-input .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, yt-formatted-string#contenteditable-textarea.ytd-comment-input .input-content.tp-yt-paper-input-container > .paper-input-input { white-space: pre-wrap; } ytd-comment-input[hide-underline] #input-container.ytd-comment-input { --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; } ytd-comment-input[has-comment-chip] yt-formatted-string#contenteditable-textarea.ytd-comment-input { --contenteditable-root-style-display: var( --contenteditable-with-comment-chip-root-style-display,inline ); --contenteditable-textarea-display: inline; } ytd-comment-input:not([is-backstage-post]) yt-formatted-string#contenteditable-textarea.ytd-comment-input { margin-bottom: 0.25em; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-comment-input[is-backstage-post] #contenteditable-textarea.ytd-comment-input[aria-label]:empty::before { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } tp-yt-paper-input-container.ytd-comment-input { padding-top: 0px; } #input-container.ytd-comment-input { --paper-input-container-underline-color: var(--yt-spec-text-disabled); --paper-input-container-underline-focus-color: var(--yt-spec-text-primary); } tp-yt-paper-spinner-lite.ytd-comment-input { margin: auto; display: none; } tp-yt-paper-spinner-lite.ytd-comment-input[active] { display: block; } #contenteditable-textarea.ytd-comment-input { margin-bottom: var(--ytd-comment-input-textarea-margin-bottom,4px); padding: 0px; } #emoji-button.ytd-comment-input { margin-left: calc(var(--yt-button-icon-padding,8px)*-1); } .emoji.ytd-comment-input, .small-emoji.ytd-comment-input { margin: -1px 2px 1px; vertical-align: middle; padding-right: 0.2em; } .emoji.ytd-comment-input { width: var(--yt-formatted-string-emoji-size,24px); height: var(--yt-formatted-string-emoji-size,24px); } .emoji.small-emoji.ytd-comment-input { width: var(--yt-formatted-string-small-emoji-size,16px); height: var(--yt-formatted-string-small-emoji-size,16px); } #char-count.ytd-comment-input { color: var(--yt-spec-text-secondary); } ytd-comment-input[above-char-limit_] #char-count.ytd-comment-input { color: var(--yt-spec-error-indicator); } #content.ytd-comment-input { cursor: text; overflow: auto; max-height: var(--ytd-comment-input-content-max-height,none); } yt-pdg-comment-chip-renderer.ytd-comment-input { margin-right: 4px; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } ytd-pdg-super-vod-selectable-item-button-renderer { border: 1px solid var(--yt-spec-call-to-action); border-radius: 2px; box-sizing: border-box; cursor: pointer; flex: 1 1 0%; height: 36px; padding: 7px 16px; position: relative; user-select: none; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } ytd-pdg-super-vod-selectable-item-button-renderer:focus { outline: 1px solid var(--yt-spec-call-to-action-faded); } ytd-pdg-super-vod-selectable-item-button-renderer:focus-visible { border: 2px solid var(--yt-spec-text-primary); padding: 6px 15px; outline: none; } #price.ytd-pdg-super-vod-selectable-item-button-renderer { background-color: transparent; padding: 0px; margin: 0px; color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-pdg-super-vod-selectable-item-button-renderer[selected] { background-color: var(--yt-spec-call-to-action); } ytd-pdg-super-vod-selectable-item-button-renderer[selected] #price.ytd-pdg-super-vod-selectable-item-button-renderer { color: var(--yt-spec-text-primary-inverse); } ytd-desktop-image-overlay-renderer { width: 100%; } #container.ytd-desktop-image-overlay-renderer { width: 100%; height: 100%; } yt-img-shadow.ytd-desktop-image-overlay-renderer, .lottie-player.ytd-desktop-image-overlay-renderer { position: fixed; bottom: 0px; left: 0px; right: 0px; } .lottie-player.ytd-desktop-image-overlay-renderer { max-height: 1024px; max-width: 1024px; height: var(--ytd-desktop-image-overlay-scale-percent,100%); width: var(--ytd-desktop-image-overlay-scale-percent,100%); top: 0px; margin: auto; } .lottie-player.fadeout.ytd-desktop-image-overlay-renderer { opacity: 0; transition: opacity 0.25s linear; } ytd-pdg-buy-flow-renderer[dialog][dialog][dialog] { --divider-color: var(--yt-spec-10-percent-layer); background-color: var(--yt-spec-raised-background); padding: 0px; margin: 0px; min-width: 400px; max-width: 512px; display: flex; flex-direction: column; } #content.ytd-pdg-buy-flow-renderer { padding: 16px 24px 24px; } #zero-step-disclaimer-text.ytd-pdg-buy-flow-renderer { color: var(--yt-spec-text-secondary); margin: -12px 24px 24px; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; } ytd-pdg-buy-flow-renderer[has-background-banner] #content.ytd-pdg-buy-flow-renderer { padding: 24px; } ytd-add-to-playlist-create-renderer { --paper-input-container-color: var(--yt-spec-text-primary); --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); display: block; } ytd-add-to-playlist-create-renderer tp-yt-paper-input-container[style-target="host"] { padding: 0px; } #actions.ytd-add-to-playlist-create-renderer { padding: 12px 8px 8px; display: flex; flex-direction: row; justify-content: flex-end; } #create-playlist-form.ytd-add-to-playlist-create-renderer { padding-top: 16px; } ytd-dropdown-renderer.ytd-add-to-playlist-create-renderer { padding: 18px 24px 0px; margin-bottom: -2px; } ytd-badge-supported-renderer.ytd-add-to-playlist-create-renderer { padding: 18px 24px 0px; margin-bottom: -2px; } #privacy-button.ytd-add-to-playlist-create-renderer { padding: 18px 8px 0px; margin-bottom: -2px; } yt-text-input-form-field-renderer.ytd-add-to-playlist-create-renderer { --yt-text-input-form-field-underline-color: var(--yt-spec-text-secondary); } yt-text-input-form-field-renderer.ytd-add-to-playlist-create-renderer { --paper-input-container-underline-color: var(--yt-spec-text-secondary); padding: 0px 24px; } ytd-compact-link-renderer.ytd-add-to-playlist-create-renderer { --yt-compact-link-paper-item-padding: 4px 24px; --yt-compact-link-icon-width: 32px; } ytd-add-to-playlist-renderer:not([dialog]) { background: var(--yt-spec-brand-background-primary); width: 300px; overflow: visible; box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.4) 0px 8px 10px -5px; display: flex; flex-direction: column; } ytd-add-to-playlist-renderer[dialog] { min-width: 300px; margin: 0px; padding: 0px; overflow: auto; } #header.ytd-add-to-playlist-renderer { display: flex; flex-direction: row; align-items: center; border-bottom: 0px; } #title.ytd-add-to-playlist-renderer { color: var(--yt-spec-text-primary); padding: 16px 24px; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #playlists.ytd-add-to-playlist-renderer { padding: 16px 24px; border-bottom: 0px; overflow: visible; } ytd-add-to-playlist-renderer[dialog] #playlists.ytd-add-to-playlist-renderer, #playlists.scrollable.ytd-add-to-playlist-renderer { overflow: auto; } ytd-add-to-playlist-renderer[dialog] #playlists.ytd-add-to-playlist-renderer { max-height: 300px; max-width: 600px; } #playlists.ytd-add-to-playlist-renderer > .ytd-add-to-playlist-renderer:not(:last-child) { margin-bottom: 16px; } ytd-add-to-playlist-renderer[dialog] #close-button.ytd-add-to-playlist-renderer { margin-right: 20px; color: var(--yt-spec-icon-inactive); } ytd-add-to-playlist-renderer[dialog] #close-button.ytd-add-to-playlist-renderer:hover { color: var(--yt-spec-icon-active-other); } #actions.ytd-add-to-playlist-renderer { display: flex; } #actions.ytd-add-to-playlist-renderer ytd-button-renderer.ytd-add-to-playlist-renderer, #actions.ytd-add-to-playlist-renderer yt-button-renderer.ytd-add-to-playlist-renderer { flex-grow: 1; padding: 12px 24px; } #actions.ytd-add-to-playlist-renderer ytd-add-to-playlist-create-renderer.ytd-add-to-playlist-renderer { flex-grow: 1; } @media (max-height: 500px) { ytd-add-to-playlist-renderer[dialog] #playlists.ytd-add-to-playlist-renderer { max-height: 100px; } } @media (max-height: 250px) { ytd-add-to-playlist-renderer[dialog] #playlists.ytd-add-to-playlist-renderer { max-height: 30px; } } ytd-playlist-add-to-option-renderer { display: block; } a.ytd-playlist-add-to-option-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; } #label.ytd-playlist-add-to-option-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #label.checkbox-height.ytd-playlist-add-to-option-renderer { line-height: 24px; } #byline.ytd-playlist-add-to-option-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } tp-yt-paper-checkbox.ytd-playlist-add-to-option-renderer { --paper-checkbox-vertical-align: top; --paper-checkbox-margin: 3px; flex: 1 1 1e-09px; display: flex; flex-direction: row; } ytd-playlist-add-to-option-renderer tp-yt-paper-checkbox .tp-yt-paper-checkbox[style-target="label"] { min-width: 0px; flex: 1 1 1e-09px; } #checkbox-container.ytd-playlist-add-to-option-renderer { display: flex; flex-direction: row; } #checkbox-label.ytd-playlist-add-to-option-renderer { min-width: 0px; display: flex; flex-direction: column; flex: 1 1 1e-09px; } yt-icon.ytd-playlist-add-to-option-renderer { margin-left: 4px; color: var(--yt-spec-icon-inactive); height: 18px; width: 18px; padding-top: 3px; } .ytd-menu-title-renderer { display: flex; flex: 1 1 0%; flex-direction: column; color: rgb(241, 241, 241); padding: 16px 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytd-menu-title-renderer__subtitle { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-playlist-settings-editor-renderer { display: flex; flex-direction: column; width: 360px; padding: 0px 24px; margin: 0px; } ytd-playlist-settings-editor-renderer yt-text-input-form-field-renderer.ytd-playlist-settings-editor-renderer { --paper-input-container-color: var(--yt-spec-text-disabled); --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --yt-text-input-form-field-underline-color: var(--yt-spec-text-secondary); } ytd-playlist-settings-editor-renderer tp-yt-paper-input-container[style-target="host"] { padding: 0px; } ytd-playlist-settings-editor-renderer tp-yt-iron-autogrow-textarea.ytd-playlist-settings-editor-renderer { max-height: 125px; } #header.ytd-playlist-settings-editor-renderer { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: var(--yt-spec-text-primary); } @media (max-width: 527.9px) { #header.ytd-playlist-settings-editor-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } #close-button.ytd-playlist-settings-editor-renderer:hover { color: var(--yt-spec-icon-active-other); } #thumbnail.ytd-playlist-settings-editor-renderer { position: relative; display: flex; justify-content: center; min-height: 202.5px; margin-bottom: 36px; } #thumbnail.ytd-playlist-settings-editor-renderer ytd-playlist-custom-thumbnail-renderer.ytd-playlist-settings-editor-renderer, #thumbnail.ytd-playlist-settings-editor-renderer ytd-playlist-video-thumbnail-renderer.ytd-playlist-settings-editor-renderer { border-radius: 12px; overflow: hidden; } #name-input.ytd-playlist-settings-editor-renderer, #description-input.ytd-playlist-settings-editor-renderer, #privacy-input.ytd-playlist-settings-editor-renderer { margin-bottom: 48px; } #privacy-input.ytd-playlist-settings-editor-renderer { display: block; } ytd-dropdown-renderer#voting-input.ytd-playlist-settings-editor-renderer { margin-top: -8px; } #scroller.ytd-playlist-settings-editor-renderer { --paper-dialog-scrollable-padding: 0; } #collaborate.ytd-playlist-settings-editor-renderer { margin-left: -12px; margin-top: 10px; margin-bottom: 10px; } #actions.ytd-playlist-settings-editor-renderer { position: sticky; } ytd-red-cancel-survey-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); color: var(--yt-spec-text-primary); margin: 0px; padding: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: flex; flex-direction: column; } #content.ytd-red-cancel-survey-renderer { padding: 24px; display: flex; flex-direction: column; } #question.ytd-red-cancel-survey-renderer { color: var(--yt-spec-text-primary); padding-bottom: 20px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #responses.ytd-red-cancel-survey-renderer { display: flex; flex-direction: column; } #responses.ytd-red-cancel-survey-renderer tp-yt-paper-radio-button.ytd-red-cancel-survey-renderer { height: 40px; padding: 0px; display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .buttons.ytd-red-cancel-survey-renderer { border-top: 0px; position: relative; padding: 8px; display: flex; flex-direction: row; align-self: stretch; justify-content: flex-end; flex: 0 0 auto; } .buttons.ytd-red-cancel-survey-renderer ytd-button-renderer.ytd-red-cancel-survey-renderer { padding-left: 8px; } tp-yt-paper-radio-button.ytd-red-cancel-survey-renderer { padding: 12px 0px 0px; } ytd-search-filter-options-dialog-renderer { padding: 0px 16px; display: flex; flex-direction: column; } #header.ytd-search-filter-options-dialog-renderer { display: flex; flex-direction: row; justify-content: space-between; } #title.ytd-search-filter-options-dialog-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #close-button.ytd-search-filter-options-dialog-renderer { color: var(--yt-spec-icon-inactive); } #close-button.ytd-search-filter-options-dialog-renderer:hover { color: var(--yt-spec-icon-active-other); } #options.ytd-search-filter-options-dialog-renderer { display: flex; flex-direction: row; } #options.ytd-search-filter-options-dialog-renderer ytd-search-filter-group-renderer.ytd-search-filter-options-dialog-renderer { width: 120px; } #options.ytd-search-filter-options-dialog-renderer ytd-search-filter-group-renderer.ytd-search-filter-options-dialog-renderer:not(:last-child) { margin-right: 16px; } ytd-download-quality-selector-content[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); } #upsell-section.ytd-download-quality-selector-content { padding-top: 24px; margin-bottom: 12px; border-top: 1px solid var(--yt-spec-10-percent-layer); border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #premium-icon.ytd-download-quality-selector-content { color: var(--yt-spec-wordmark-text); margin-bottom: 24px; width: fit-content; } #premium-description.ytd-download-quality-selector-content { color: var(--yt-spec-text-primary); display: inline-block; margin-bottom: 24px; } #quality-options.ytd-download-quality-selector-content, #upsell-options.ytd-download-quality-selector-content { margin-top: 0px; } #quality-options.ytd-download-quality-selector-content > .ytd-download-quality-selector-content, #upsell-options.ytd-download-quality-selector-content > .ytd-download-quality-selector-content { margin: 0px 0px 24px; } #remember-settings.ytd-download-quality-selector-content { border-top: 0px; padding-top: 12px; padding-bottom: 24px; margin: 0px; } ytd-download-quality-selector-renderer[dialog][dialog][dialog] { cursor: default; border-radius: 1px; background-color: var(--yt-spec-raised-background); margin: 0px; display: flex; flex-direction: column; width: 342px; max-width: 80vw; padding: 24px 0px 12px; } #remember-settings.ytd-download-quality-selector-renderer { border-top: 0px; } ytd-download-quality-selector-renderer > .ytd-download-quality-selector-renderer { padding-left: 24px; padding-right: 24px; } #title.ytd-download-quality-selector-renderer { color: var(--yt-spec-text-primary); margin-bottom: 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .buttons.ytd-download-quality-selector-renderer { padding-right: 8px; align-self: flex-end; } ytd-cross-account-transfer-channel-confirm-dialog-renderer { width: 725px; display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #scroller.ytd-cross-account-transfer-channel-confirm-dialog-renderer { height: 656px; --paper-dialog-scrollable-padding: 0; } ytd-cross-account-transfer-channel-confirm-dialog-renderer[dialog][dialog][dialog] { background-color: initial; padding: 0px; margin: 0px; } #header.ytd-cross-account-transfer-channel-confirm-dialog-renderer { border-bottom: 0px; padding: 20px; } #title.ytd-cross-account-transfer-channel-confirm-dialog-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; justify-content: center; display: flex; flex-direction: column; } #content.ytd-cross-account-transfer-channel-confirm-dialog-renderer { max-height: 500px; border-bottom: 0px; color: var(--yt-spec-text-primary); padding: 20px 28px 12px; overflow-y: auto; justify-content: center; display: flex; flex-direction: column; } #content.ytd-cross-account-transfer-channel-confirm-dialog-renderer::-webkit-scrollbar { width: 16px; } #content.ytd-cross-account-transfer-channel-confirm-dialog-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } #content.ytd-cross-account-transfer-channel-confirm-dialog-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } #source.ytd-cross-account-transfer-channel-confirm-dialog-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding-top: 80px; justify-content: center; display: flex; flex-direction: column; } #source-title.ytd-cross-account-transfer-channel-confirm-dialog-renderer, #target-title.ytd-cross-account-transfer-channel-confirm-dialog-renderer { padding-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #source-subtitle.ytd-cross-account-transfer-channel-confirm-dialog-renderer, #target-subtitle.ytd-cross-account-transfer-channel-confirm-dialog-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #source-account-name.ytd-cross-account-transfer-channel-confirm-dialog-renderer { padding-top: 12px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #source-account-email.ytd-cross-account-transfer-channel-confirm-dialog-renderer { padding-bottom: 20px; } #target.ytd-cross-account-transfer-channel-confirm-dialog-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding: 20px 0px; justify-content: center; display: flex; flex-direction: column; } #target-account.ytd-cross-account-transfer-channel-confirm-dialog-renderer { padding-top: 20px; display: flex; flex-direction: row; } #target-account-info.ytd-cross-account-transfer-channel-confirm-dialog-renderer { display: flex; flex-direction: column; } #target-account-name.ytd-cross-account-transfer-channel-confirm-dialog-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #info-warning.ytd-cross-account-transfer-channel-confirm-dialog-renderer { padding-top: 24px; display: flex; flex-direction: column; } #info-title.ytd-cross-account-transfer-channel-confirm-dialog-renderer, #warning-title.ytd-cross-account-transfer-channel-confirm-dialog-renderer { display: flex; flex-direction: row; } yt-icon.ytd-cross-account-transfer-channel-confirm-dialog-renderer { width: 22px; height: 22px; } #info-title-text.ytd-cross-account-transfer-channel-confirm-dialog-renderer, #warning-title-text.ytd-cross-account-transfer-channel-confirm-dialog-renderer { padding-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #info-text.ytd-cross-account-transfer-channel-confirm-dialog-renderer { padding-top: 12px; padding-bottom: 20px; } #warning-text.ytd-cross-account-transfer-channel-confirm-dialog-renderer { padding-top: 12px; padding-bottom: 12px; } yt-img-shadow.ytd-cross-account-transfer-channel-confirm-dialog-renderer { height: 72px; width: 72px; margin-right: 16px; border-radius: 50%; background-color: transparent; overflow: hidden; } #buttons.ytd-cross-account-transfer-channel-confirm-dialog-renderer { height: 52px; justify-content: flex-end; display: flex; flex-direction: row; align-items: center; } ytd-cross-account-transfer-channel-overview-renderer { width: 725px; display: flex; flex-direction: column; } #scroller.ytd-cross-account-transfer-channel-overview-renderer { max-height: 440px; height: 70vh; --paper-dialog-scrollable-padding: 0; } ytd-cross-account-transfer-channel-overview-renderer[dialog][dialog][dialog] { background-color: initial; padding: 0px; margin: 0px; } #header.ytd-cross-account-transfer-channel-overview-renderer { border-bottom: 0px; padding: 20px; } #title.ytd-cross-account-transfer-channel-overview-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; justify-content: center; display: flex; flex-direction: column; } #subtitle.ytd-cross-account-transfer-channel-overview-renderer { padding-left: 20px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; } #content.ytd-cross-account-transfer-channel-overview-renderer { border-bottom: 0px; justify-content: center; display: flex; flex-direction: column; } ytd-channel-transfer-stepper-renderer.ytd-cross-account-transfer-channel-overview-renderer { margin-top: 12px; } #messages.ytd-cross-account-transfer-channel-overview-renderer { color: var(--yt-spec-text-primary); padding-left: 20px; padding-top: 20px; padding-bottom: 20px; justify-content: center; display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .line-text.ytd-cross-account-transfer-channel-overview-renderer:not(:last-of-type) { display: block; margin-bottom: 8px; } #buttons.ytd-cross-account-transfer-channel-overview-renderer { height: 52px; justify-content: flex-end; display: flex; flex-direction: row; align-items: center; } ytd-cross-account-transfer-channel-tnc-dialog-renderer { width: 725px; display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #scroller.ytd-cross-account-transfer-channel-tnc-dialog-renderer { height: 426px; --paper-dialog-scrollable-padding: 0; } ytd-cross-account-transfer-channel-tnc-dialog-renderer[dialog][dialog][dialog] { background-color: initial; padding: 0px; margin: 0px; } #header.ytd-cross-account-transfer-channel-tnc-dialog-renderer { border-bottom: 0px; padding: 20px; } #title.ytd-cross-account-transfer-channel-tnc-dialog-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; justify-content: center; display: flex; flex-direction: column; } #content.ytd-cross-account-transfer-channel-tnc-dialog-renderer { color: var(--yt-spec-text-primary); border-bottom: 0px; padding: 20px 28px 32px; justify-content: center; display: flex; flex-direction: column; } #agree-title.ytd-cross-account-transfer-channel-tnc-dialog-renderer, #understand-title.ytd-cross-account-transfer-channel-tnc-dialog-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #agree-title.ytd-cross-account-transfer-channel-tnc-dialog-renderer { padding-bottom: 12px; } #understand-title.ytd-cross-account-transfer-channel-tnc-dialog-renderer { padding-top: 20px; padding-bottom: 12px; } #agree-text.ytd-cross-account-transfer-channel-tnc-dialog-renderer, #understand-text.ytd-cross-account-transfer-channel-tnc-dialog-renderer { padding-left: 4px; } #buttons.ytd-cross-account-transfer-channel-tnc-dialog-renderer { height: 52px; justify-content: flex-end; display: flex; flex-direction: row; align-items: center; } ytd-transfer-channel-confirm-dialog-renderer { display: flex; flex-direction: column; width: 725px; overflow-y: auto; } #scroller.ytd-transfer-channel-confirm-dialog-renderer { --paper-dialog-scrollable-padding: 0; max-height: 510px; height: 70vh; } ytd-transfer-channel-confirm-dialog-renderer[dialog][dialog][dialog] { background-color: initial; padding: 0px; margin: 0px; } #header.ytd-transfer-channel-confirm-dialog-renderer { border-bottom: 0px; padding: 20px; } #title.ytd-transfer-channel-confirm-dialog-renderer { width: 100%; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; justify-content: center; display: flex; flex-direction: column; } #content.ytd-transfer-channel-confirm-dialog-renderer { border-bottom: 0px; justify-content: center; display: flex; flex-direction: column; padding-left: 20px; } #sections.ytd-transfer-channel-confirm-dialog-renderer { width: 100%; margin-top: 12px; } ytd-item-section-renderer.ytd-transfer-channel-confirm-dialog-renderer { border-bottom: 0px; } #messages.ytd-transfer-channel-confirm-dialog-renderer { width: 100%; justify-content: center; display: flex; flex-direction: column; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; padding-top: 20px; padding-bottom: 20px; } .line-text.ytd-transfer-channel-confirm-dialog-renderer:not(:last-of-type) { display: block; margin-bottom: 8px; } #confirm.ytd-transfer-channel-confirm-dialog-renderer { padding-bottom: 20px; } #confirm-text.ytd-transfer-channel-confirm-dialog-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #buttons.ytd-transfer-channel-confirm-dialog-renderer { width: 100%; justify-content: flex-end; display: flex; flex-direction: row; align-items: center; height: 52px; } ytd-compact-product-list-item-renderer { display: inline-block; } ytd-compact-product-list-item-renderer:hover { background: var(--yt-spec-badge-chip-background); } a.ytd-compact-product-list-item-renderer { width: 100%; } .compact-product-list-item.ytd-compact-product-list-item-renderer { display: flex; flex-direction: row; padding: 4px; } .open-in-new.ytd-compact-product-list-item-renderer { width: 12px; height: 12px; align-self: center; } .column.ytd-compact-product-list-item-renderer { display: flex; flex-direction: column; } .row.ytd-compact-product-list-item-renderer { display: flex; flex-direction: row; } .title.ytd-compact-product-list-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); } .metadata.ytd-compact-product-list-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--yt-spec-text-secondary); } .metadata.ytd-compact-product-list-item-renderer span.ytd-compact-product-list-item-renderer:not(:last-child) { margin-right: 8px; } .item-image.ytd-compact-product-list-item-renderer { height: 40px; margin-right: 10px; } ytd-compact-product-list-renderer { display: inline-block; width: 450px; } ytd-compact-product-list-renderer.ytd-popup-container { padding: 0px 4px 0px 12px; margin: 16px 0px; } #container.ytd-compact-product-list-renderer { width: 100%; } #title.ytd-compact-product-list-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 400; margin: 0px 4px 24px; } #items.ytd-compact-product-list-renderer { display: flex; flex-direction: column; max-height: 300px; overflow-y: auto; } #items.ytd-compact-product-list-renderer::-webkit-scrollbar { width: 16px; } #items.ytd-compact-product-list-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } #items.ytd-compact-product-list-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } #items.ytd-compact-product-list-renderer > .ytd-compact-product-list-renderer:not(:last-child) { margin-bottom: 12px; } #action-button.ytd-compact-product-list-renderer { margin: 4px 12px 0px 0px; display: flex; justify-content: flex-end; } ytd-membership-post-cancel-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); padding: 0px; margin: 0px; display: flex; flex-direction: column; max-width: 500px; } #header.ytd-membership-post-cancel-renderer { background-size: cover; width: 100%; display: flex; flex-direction: column; } .avatar-support.ytd-membership-post-cancel-renderer { padding-bottom: 8px; padding-top: 8px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: row; align-items: center; justify-content: center; } .avatar.ytd-membership-post-cancel-renderer { height: 56px; width: 56px; margin-left: 8px; margin-right: 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } .membership-icon.ytd-membership-post-cancel-renderer { color: var(--yt-spec-dark-green); height: 24px; width: 24px; } .header-title.ytd-membership-post-cancel-renderer { margin: 24px 24px 16px; color: var(--yt-spec-text-primary); font-size: 1.8rem; line-height: 2.4rem; font-weight: 500; } .messages.ytd-membership-post-cancel-renderer { margin-bottom: 8px; color: var(--yt-spec-text-secondary); display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .footer.ytd-membership-post-cancel-renderer { padding-top: 8px; padding-bottom: 4px; border-top: 0px; } #okay-button.ytd-membership-post-cancel-renderer { display: flex; flex-direction: row-reverse; } ytd-membership-post-cancel-renderer .messages.ytd-membership-post-cancel-renderer { margin-left: 24px; margin-right: 24px; margin-bottom: 24px; } ytd-sponsorship-confirm-cancel-content[dialog][dialog][dialog] { background-color: initial; } #description.ytd-sponsorship-confirm-cancel-content { padding-bottom: 8px; padding-top: 8px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-sponsorship-confirm-cancel-renderer[dialog][dialog][dialog] { --divider-color: var( --yt-spec-10-percent-layer ); background-color: initial; padding: 0px; margin: 0px; max-width: 500px; display: flex; flex-direction: column; } #header.ytd-sponsorship-confirm-cancel-renderer { background-size: cover; width: 100%; display: flex; flex-direction: column; } #dismiss-button.ytd-sponsorship-confirm-cancel-renderer { display: flex; flex-direction: row-reverse; } #dismiss-button.ytd-sponsorship-confirm-cancel-renderer tp-yt-paper-icon-button.ytd-sponsorship-confirm-cancel-renderer { color: var(--yt-spec-black-4); width: var(--yt-button-icon-size,40px); height: var(--yt-button-icon-size,40px); } #title.ytd-sponsorship-confirm-cancel-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #content.ytd-sponsorship-confirm-cancel-renderer { margin: 24px 24px 8px; max-height: 720px; } .avatar-support.ytd-sponsorship-confirm-cancel-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: -24px; padding: 0px 0px 16px; } .avatar.ytd-sponsorship-confirm-cancel-renderer { height: 56px; width: 56px; margin-left: 8px; margin-right: 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } .membership-icon.ytd-sponsorship-confirm-cancel-renderer { color: var(--yt-spec-dark-green); height: 24px; width: 24px; } #scrollable.ytd-sponsorship-confirm-cancel-renderer { --paper-dialog-scrollable-padding: 0; margin-bottom: 2px; } .footer.ytd-sponsorship-confirm-cancel-renderer { padding-top: 8px; padding-bottom: 4px; border-top: 0px; } #confirm-button.ytd-sponsorship-confirm-cancel-renderer { display: flex; flex-direction: row-reverse; } ytd-sponsorships-celebration-content[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); padding: 0px; margin: 0px; min-width: 400px; max-width: 512px; position: relative; display: flex; flex-direction: column; } #header.ytd-sponsorships-celebration-content { padding: 0px 48px; background-repeat: no-repeat; background-size: cover; background-position: right top; display: flex; flex-direction: column; } #dismiss-button.ytd-sponsorships-celebration-content { display: flex; flex-direction: row; } #dismiss-button.ytd-sponsorships-celebration-content ytd-button-renderer.ytd-sponsorships-celebration-content { padding: 6px; color: var(--yt-spec-icon-inactive); } #top-bar.ytd-sponsorships-celebration-content { position: absolute; left: 0px; right: 0px; } #avatar-container.ytd-sponsorships-celebration-content { min-height: 224px; min-width: 256px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .avatar.ytd-sponsorships-celebration-content { height: 128px; width: 128px; margin-top: 24px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } .title-container.ytd-sponsorships-celebration-content { margin: auto; flex-grow: 1; padding: 0px 24px 32px; } .title-container.ytd-sponsorships-celebration-content yt-formatted-string.ytd-sponsorships-celebration-content { display: block; padding: 4px 0px; text-align: center; } .title-container.ytd-sponsorships-celebration-content yt-formatted-string.title.ytd-sponsorships-celebration-content { font-size: 2.8rem; line-height: 3.2rem; font-weight: 600; } .title-container.ytd-sponsorships-celebration-content yt-formatted-string.subtitle.ytd-sponsorships-celebration-content { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #button-bar.ytd-sponsorships-celebration-content { padding: 8px; border-top: 0px; display: flex; flex-direction: row; } #primary-button.ytd-sponsorships-celebration-content { flex: 0 1 0%; } #secondary-button.ytd-sponsorships-celebration-content { flex: 1 1 0%; } #content.ytd-sponsorships-celebration-content { padding: 32px 64px 0px; } #content.ytd-sponsorships-celebration-content ytd-sponsorships-list-tile-renderer.ytd-sponsorships-celebration-content { max-width: 450px; height: auto; margin-bottom: 12px; margin-left: 4px; margin-right: 4px; } ytd-sponsorships-celebration-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); padding: 0px; margin: 0px; min-width: 400px; max-width: 512px; position: relative; display: flex; flex-direction: column; } #header.ytd-sponsorships-celebration-renderer { padding: 0px 48px; background-repeat: no-repeat; background-size: cover; background-position: right top; display: flex; flex-direction: column; } #dismiss-button.ytd-sponsorships-celebration-renderer { display: flex; flex-direction: row; } #dismiss-button.ytd-sponsorships-celebration-renderer ytd-button-renderer.ytd-sponsorships-celebration-renderer { padding: 6px; color: var(--yt-spec-icon-inactive); } #top-bar.ytd-sponsorships-celebration-renderer { position: absolute; left: 0px; right: 0px; } #avatar-container.ytd-sponsorships-celebration-renderer { min-height: 224px; min-width: 256px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .avatar.ytd-sponsorships-celebration-renderer { height: 128px; width: 128px; margin-top: 24px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } .title-container.ytd-sponsorships-celebration-renderer { margin: auto; flex-grow: 1; padding: 0px 24px 32px; } .title-container.ytd-sponsorships-celebration-renderer yt-formatted-string.ytd-sponsorships-celebration-renderer { display: block; padding: 4px 0px; text-align: center; } .title-container.ytd-sponsorships-celebration-renderer yt-formatted-string.title.ytd-sponsorships-celebration-renderer { font-size: 2.8rem; line-height: 3.2rem; font-weight: 600; } .title-container.ytd-sponsorships-celebration-renderer yt-formatted-string.subtitle.ytd-sponsorships-celebration-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #content.ytd-sponsorships-celebration-renderer { padding: 32px 64px 0px; } #content.ytd-sponsorships-celebration-renderer ytd-sponsorships-list-tile-renderer.ytd-sponsorships-celebration-renderer { max-width: 450px; height: auto; margin-bottom: 12px; margin-left: 4px; margin-right: 4px; } #button-bar.ytd-sponsorships-celebration-renderer { padding: 8px; border-top: 0px; display: flex; flex-direction: row; } #primary-button.ytd-sponsorships-celebration-renderer { flex: 0 1 0%; } #secondary-button.ytd-sponsorships-celebration-renderer { flex: 1 1 0%; } ytd-sponsorships-gifting-opt-in-renderer[dialog] { display: block; margin: 0px; position: relative; width: 450px; padding: 24px; --paper-toggle-button-label-spacing: 0; } #content.ytd-sponsorships-gifting-opt-in-renderer { justify-content: space-between; display: flex; flex-direction: column; } #close.ytd-sponsorships-gifting-opt-in-renderer { position: absolute; top: 0px; right: 0px; } #close-button.ytd-sponsorships-gifting-opt-in-renderer { color: var(--yt-spec-icon-active-other); width: var(--yt-button-icon-size,24px); height: var(--yt-button-icon-size,24px); margin: 16px; } #header.ytd-sponsorships-gifting-opt-in-renderer { display: flex; flex-direction: row; justify-content: center; margin: 8px; } .thumbnail.ytd-sponsorships-gifting-opt-in-renderer { position: relative; top: -12px; width: 66%; } #optin.ytd-sponsorships-gifting-opt-in-renderer { justify-content: space-between; display: flex; flex-direction: row; margin-bottom: 16px; } #title.ytd-sponsorships-gifting-opt-in-renderer { justify-content: space-between; display: flex; flex-direction: column; } .title.ytd-sponsorships-gifting-opt-in-renderer { color: var(--yt-spec-text-primary); margin-right: 8px; margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .subtitle.ytd-sponsorships-gifting-opt-in-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } #toggle.ytd-sponsorships-gifting-opt-in-renderer { display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; margin-left: 16px; } .disclaimer.ytd-sponsorships-gifting-opt-in-renderer { color: var(--yt-spec-text-secondary); margin-bottom: 4px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } .separator.ytd-sponsorships-gifting-opt-in-renderer { background-color: var(--yt-spec-10-percent-layer); height: 1px; margin: 12px 0px; } #migration-disclaimer.ytd-sponsorships-gifting-opt-in-renderer { background-color: var(--yt-spec-suggested-action); padding: 16px; display: flex; flex-direction: row; } #info-icon.ytd-sponsorships-gifting-opt-in-renderer { color: var(--yt-spec-call-to-action); flex-grow: 1; flex-shrink: 0; height: 20px; width: 20px; margin-right: 8px; } #migration-disclaimer-text.ytd-sponsorships-gifting-opt-in-renderer { color: var(--yt-spec-call-to-action); margin-bottom: 4px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-sponsorships-offer-renderer[dialog][dialog][dialog] { --divider-color: var( --yt-spec-10-percent-layer ); padding: 0px; margin: 0px; display: flex; flex-direction: column; min-width: 480px; max-width: 608px; width: 90vw; } #scroller.ytd-sponsorships-offer-renderer { max-height: 644px; height: 90vh; margin-bottom: 2px; --paper-dialog-scrollable-height: 100%; --paper-dialog-scrollable-padding: 0; } #header.ytd-sponsorships-offer-renderer { display: flex; flex-direction: row; height: 315px; position: relative; } .header-with-video.ytd-sponsorships-offer-renderer { margin: 0px 24px; } ytd-button-renderer.ytd-sponsorships-offer-renderer { color: var(--yt-spec-icon-inactive); display: inline-block; } ytd-button-renderer.ytd-sponsorships-offer-renderer:hover { color: var(--yt-spec-icon-active-other); } #top-bar.ytd-sponsorships-offer-renderer { padding: 8px 16px 8px 24px; color: var(--yt-spec-text-primary); display: flex; flex-direction: row; } #titlebar-text.ytd-sponsorships-offer-renderer { padding: 10px 0px; width: 100%; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .sponsorships-icon.ytd-sponsorships-offer-renderer { height: 36px; width: 36px; color: var(--yt-spec-themed-green); margin: 8px; } #avatar-container.ytd-sponsorships-offer-renderer { height: 144px; width: 144px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: auto auto auto 0px; } .avatar.ytd-sponsorships-offer-renderer { height: 96px; width: 96px; border-radius: 50%; background-color: transparent; overflow: hidden; } .title-container.ytd-sponsorships-offer-renderer { padding: 0px 24px; } .title-container-without-video.ytd-sponsorships-offer-renderer { color: var(--yt-spec-static-black); } .title-container-without-video-flexible.ytd-sponsorships-offer-renderer { color: var(--yt-spec-text-primary); } .title-container-with-video.ytd-sponsorships-offer-renderer { color: var(--yt-spec-static-overlay-text-primary); } #header-overlay.ytd-sponsorships-offer-renderer { z-index: 1; width: 100%; position: relative; } .header-overlay-transition.ytd-sponsorships-offer-renderer { transition: opacity 0.5s; opacity: 0; } #youtube-red-icon.ytd-sponsorships-offer-renderer { position: absolute; height: 70px; width: 70px; top: 50%; left: 50%; transform: translate(-50%, -50%); } #header-title-overlay.ytd-sponsorships-offer-renderer { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: flex-end; position: absolute; } #background-image-layer.ytd-sponsorships-offer-renderer { height: 100%; background-repeat: no-repeat; background-size: cover; background-position: right top; z-index: -1; } .background-image-layer-with-video.ytd-sponsorships-offer-renderer { opacity: 0.05; } #video-container.ytd-sponsorships-offer-renderer { position: absolute; align-self: center; height: 100%; width: 100%; } .header-overlay-with-video.ytd-sponsorships-offer-renderer { background: linear-gradient(rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.65) 100%); } .title-container.ytd-sponsorships-offer-renderer yt-formatted-string.ytd-sponsorships-offer-renderer { display: block; } .title-container.ytd-sponsorships-offer-renderer yt-formatted-string.channel-title.ytd-sponsorships-offer-renderer { -webkit-line-clamp: 2; overflow: hidden; width: 50%; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } .title-container.ytd-sponsorships-offer-renderer yt-formatted-string.title.ytd-sponsorships-offer-renderer { font-family: "YouTube Sans", "YT SANS"; -webkit-line-clamp: 2; overflow: hidden; width: 70%; margin-top: 2px; max-height: 7.8rem; font-size: 3.2rem; font-weight: 500; line-height: 3.8rem; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; } .title-container.ytd-sponsorships-offer-renderer yt-formatted-string.subtitle.ytd-sponsorships-offer-renderer { margin-top: 12px; margin-bottom: 28px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #content.ytd-sponsorships-offer-renderer { display: flex; flex-direction: row; } #tier-overview.ytd-sponsorships-offer-renderer { width: 220px; margin-top: 16px; flex-shrink: 0; margin-right: 16px; } #tier.ytd-sponsorships-offer-renderer { width: 100%; padding: 24px; } .offer-overview-item.ytd-sponsorships-offer-renderer { display: block; width: 100%; padding: 11px 24px; font-family: inherit; background: transparent; border: none; outline: none; text-align: left; cursor: pointer; } .offer-overview-item.ytd-sponsorships-offer-renderer:not(:last-of-type) { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } .offer-overview-item.selected.ytd-sponsorships-offer-renderer { background-color: var(--yt-spec-badge-chip-background); } .offer-overview-item.ytd-sponsorships-offer-renderer yt-formatted-string.ytd-sponsorships-offer-renderer { display: block; } .offer-overview-item.ytd-sponsorships-offer-renderer yt-formatted-string.title.ytd-sponsorships-offer-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .offer-overview-item.ytd-sponsorships-offer-renderer yt-formatted-string.subtitle.ytd-sponsorships-offer-renderer { color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-sponsorships-alert-renderer.ytd-sponsorships-offer-renderer { padding: 16px; } .header-with-video.ytd-sponsorships-offer-renderer + #alert-renderer.ytd-sponsorships-offer-renderer { margin-top: 24px; } ytd-sponsorships-promotion-celebration-renderer[dialog][dialog][dialog] { margin: 0px; padding: 0px; } ytd-sponsorships-promotion-celebration-renderer { background-color: var(--yt-spec-brand-background-solid); justify-content: space-between; width: 612px; display: flex; flex-direction: column; } #scroller.ytd-sponsorships-promotion-celebration-renderer { --paper-dialog-scrollable-padding: 0; } #header.ytd-sponsorships-promotion-celebration-renderer { position: relative; min-height: 400px; padding: 40px 100px; display: flex; flex-direction: column; justify-content: center; } #dismiss-button.ytd-sponsorships-promotion-celebration-renderer { margin-right: 16px; margin-top: 16px; display: flex; flex-direction: row-reverse; } #dismiss-button.ytd-sponsorships-promotion-celebration-renderer tp-yt-paper-icon-button.ytd-sponsorships-promotion-celebration-renderer { color: var(--yt-spec-text-primary); width: var(--yt-button-icon-size,40px); height: var(--yt-button-icon-size,40px); } .premium-icon.ytd-sponsorships-promotion-celebration-renderer { height: 24px; margin-bottom: 24px; width: 114px; } .illustration.ytd-sponsorships-promotion-celebration-renderer { margin-bottom: 24px; } yt-formatted-string.title.ytd-sponsorships-promotion-celebration-renderer { color: var(--yt-spec-text-primary); margin-bottom: 12px; font-family: "YouTube Sans", "YT Sans", Roboto, sans-serif; font-size: 2.8rem; font-weight: bold; line-height: 3.2rem; } yt-formatted-string.subtitle.ytd-sponsorships-promotion-celebration-renderer { color: var(--yt-spec-text-secondary); font-size: 1.4rem; line-height: 2rem; } #content.ytd-sponsorships-promotion-celebration-renderer { position: relative; } #content-background.ytd-sponsorships-promotion-celebration-renderer { overflow: hidden; position: absolute; inset: 0px; display: flex; flex-direction: row; justify-content: flex-end; } #abstract-art.ytd-sponsorships-promotion-celebration-renderer { --yt-img-shadow-min-height: 100%; --yt-img-max-height: 100%; flex: 0 0 auto; } #subcontent.ytd-sponsorships-promotion-celebration-renderer { padding: 0px 100px; position: relative; display: flex; flex-direction: row; align-items: center; } .banner-shade.ytd-sponsorships-promotion-celebration-renderer { background-color: rgba(255, 255, 255, 0.85); } .channel-image.ytd-sponsorships-promotion-celebration-renderer { margin: 20px 0px; height: 52px; width: 52px; border-radius: 50%; background-color: transparent; overflow: hidden; flex: 0 0 auto; } .channel-info.ytd-sponsorships-promotion-celebration-renderer { margin: 20px 0px 20px 12px; overflow: hidden; display: flex; flex-direction: column; flex: 1 1 auto; } .channel-info-title.ytd-sponsorships-promotion-celebration-renderer { color: var(--yt-spec-static-black); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .channel-title.ytd-sponsorships-promotion-celebration-renderer, .membership-detail.ytd-sponsorships-promotion-celebration-renderer { color: var(--yt-spec-static-black); font-size: 1.4rem; line-height: 2rem; } #button-bar.ytd-sponsorships-promotion-celebration-renderer { border-top: 0px; display: flex; flex-direction: column; } #primary-button.ytd-sponsorships-promotion-celebration-renderer { --yt-button-color: var(--yt-spec-static-black); margin: 8px; align-self: flex-end; } ytd-subscription-notification-options-renderer[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); margin: 0px; max-width: 688px; padding: 0px; } ytd-subscription-notification-options-renderer[dialog][dialog][dialog] tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target="label"] { width: 100%; } #title.ytd-subscription-notification-options-renderer { display: block; color: var(--yt-spec-text-primary); margin: 24px 0px 8px; padding: 0px 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #body.ytd-subscription-notification-options-renderer { margin: 0px 24px 0px 12px; padding: 0px; } #secondary-options.ytd-subscription-notification-options-renderer:not(:empty) { padding: 16px 0px 16px 12px; border-top: 1px solid var(--yt-spec-10-percent-layer); } .buttons.ytd-subscription-notification-options-renderer { border-top: 0px; position: relative; padding: 8px 8px 8px 24px; display: flex; flex-direction: row; justify-content: flex-end; flex: 0 0 auto; } .buttons.ytd-subscription-notification-options-renderer > .ytd-subscription-notification-options-renderer { margin-left: 8px; } tp-yt-paper-radio-group.ytd-subscription-notification-options-renderer { display: block; margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } tp-yt-paper-radio-button.ytd-subscription-notification-options-renderer { display: flex; flex-direction: row; align-items: center; } ytd-subscription-notification-options-renderer tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target="container"] { flex: 0 0 auto; } tp-yt-paper-radio-button.ytd-subscription-notification-options-renderer .content.ytd-subscription-notification-options-renderer { display: flex; flex-direction: row; align-items: center; } tp-yt-paper-radio-button.ytd-subscription-notification-options-renderer .label.ytd-subscription-notification-options-renderer { flex: 1 1 1e-09px; } tp-yt-paper-radio-button.ytd-subscription-notification-options-renderer yt-icon.ytd-subscription-notification-options-renderer { color: var(--yt-spec-icon-inactive); } tp-yt-paper-radio-button.iron-selected.ytd-subscription-notification-options-renderer yt-icon.ytd-subscription-notification-options-renderer { color: var(--yt-spec-text-primary); } ytd-subscription-toggle-option-renderer { display: inline-block; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-tvfilm-offer-groups-renderer { display: inline-block; } .offer-header.ytd-tvfilm-offer-groups-renderer { margin-bottom: -6px; } .offer-title.ytd-tvfilm-offer-groups-renderer { color: var(--yt-spec-text-primary); font-size: 2.4rem; font-weight: 400; display: flex; flex-direction: column; flex: 1 1 1e-09px; } .offer-subtitle.ytd-tvfilm-offer-groups-renderer { color: var(--yt-spec-text-secondary); margin: 4px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .offer-group.ytd-tvfilm-offer-groups-renderer { margin-bottom: 20px; } .offer-group.ytd-tvfilm-offer-groups-renderer:last-of-type { margin-bottom: 0px; } .offer-list.ytd-tvfilm-offer-groups-renderer { display: flex; flex: 1 1 1e-09px; flex-wrap: wrap; } .offer-button.ytd-tvfilm-offer-groups-renderer { margin: 16px 16px 0px 0px; } ytd-ypc-offers-overlay-renderer[dialog][dialog][dialog] { --ytd-paper-button-min-width: 0; background-color: var(--yt-spec-raised-background); margin: 0px; max-width: 640px; min-width: 552px; width: fit-content; display: flex; flex-direction: column; } #spinner.ytd-ypc-offers-overlay-renderer { width: 552px; height: 322px; display: flex; align-items: center; justify-content: center; } .content.ytd-ypc-offers-overlay-renderer { margin-top: 24px; display: flex; flex-direction: column; width: fit-content; } .header.ytd-ypc-offers-overlay-renderer { margin-bottom: 16px; display: flex; flex-direction: row; } .title-badge.ytd-ypc-offers-overlay-renderer { display: flex; flex-direction: row; } .thumbnail-movie.ytd-ypc-offers-overlay-renderer { width: 156px; height: 225px; } .thumbnail-show.ytd-ypc-offers-overlay-renderer { width: 156px; height: 87px; } .thumbnail-no-overlay-movie.ytd-ypc-offers-overlay-renderer { height: 307px; width: 210px; } .thumbnail-no-overlay-show.ytd-ypc-offers-overlay-renderer { height: 100%; max-height: 215px; width: 210px; } ytd-badge-supported-renderer.ytd-ypc-offers-overlay-renderer { margin-left: 8px; } .metadata.ytd-ypc-offers-overlay-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; flex-direction: column; flex: 1 1 1e-09px; } .metadata-separator-line.ytd-ypc-offers-overlay-renderer { border-top: 1px solid; color: var(--yt-spec-icon-disabled); margin-top: var(--ytd-margin-3x); margin-bottom: var(--ytd-margin-3x); } .left-aligned-badges.ytd-ypc-offers-overlay-renderer { margin-left: 0px; } .subtitle.ytd-ypc-offers-overlay-renderer { color: var(--yt-spec-text-secondary); margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #badges.ytd-ypc-offers-overlay-renderer { display: flex; flex-direction: row; align-items: center; } #thumbnail.ytd-ypc-offers-overlay-renderer { position: relative; flex-grow: 0; flex-shrink: 0; } #thumbnail-image.ytd-ypc-offers-overlay-renderer { border-radius: 8px; overflow: hidden; } #thumbnail-commerce-section.ytd-ypc-offers-overlay-renderer { display: flex; flex-direction: row; } #commerce-section.ytd-ypc-offers-overlay-renderer { display: flex; flex-direction: column; justify-content: space-between; } .commerce-section-groups.ytd-ypc-offers-overlay-renderer { margin-left: 24px; align-self: center; flex-grow: 1; } .commerce-section-tabs.ytd-ypc-offers-overlay-renderer { margin-left: 16px; min-height: 246px; width: 400px; } .standard-text.ytd-ypc-offers-overlay-renderer { color: var(--ytd-metadata-line-color,var(--yt-spec-text-secondary)); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .info-section.ytd-ypc-offers-overlay-renderer { margin-top: 12px; line-height: 24px; } #help-button.ytd-ypc-offers-overlay-renderer { --yt-button-padding: 8px 0; } .footer.ytd-ypc-offers-overlay-renderer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .content-dismiss-section.ytd-ypc-offers-overlay-renderer { flex-direction: row; display: inline-flex; justify-content: space-between; width: fit-content; min-width: 552px; } .title-with-offer-groups.ytd-ypc-offers-overlay-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .dismiss-button.ytd-ypc-offers-overlay-renderer { margin: -8px -8px 0px 0px; } ytd-voice-search-dialog-renderer[dialog] { width: 560px; height: 400px; margin: 0px; padding: 0px 0px 16px 32px; background-color: var(--yt-spec-brand-background-primary); display: flex; flex-direction: column; } ytd-voice-search-dialog-renderer:focus { outline-style: solid; } #header.ytd-voice-search-dialog-renderer { display: flex; flex-direction: row; } #exit-button.ytd-voice-search-dialog-renderer { margin: 8px; } #header-text.ytd-voice-search-dialog-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; padding: 48px 0px 24px; flex: 1 1 1e-09px; } #prompt.ytd-voice-search-dialog-renderer, #transcription-high.ytd-voice-search-dialog-renderer, #transcription-low.ytd-voice-search-dialog-renderer { display: inline-block; } #transcription-low.ytd-voice-search-dialog-renderer { color: var(--yt-spec-text-disabled); } #body.ytd-voice-search-dialog-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; flex: 1 1 1e-09px; } .body-line.ytd-voice-search-dialog-renderer { padding-bottom: 16px; } #microphone.ytd-voice-search-dialog-renderer { display: flex; flex-direction: column; align-items: center; } tp-yt-paper-spinner-lite.ytd-voice-search-dialog-renderer { --paper-spinner-color: var(--yt-spec-red-indicator); --paper-spinner-stroke-width: 5px; display: none; width: 68px; height: 68px; margin: 16px; } #microphone-container.ytd-voice-search-dialog-renderer { position: relative; height: 100px; width: 100px; margin-top: 16px; } #microphone-pulse.ytd-voice-search-dialog-renderer, #microphone-levels.ytd-voice-search-dialog-renderer, #microphone-circle.ytd-voice-search-dialog-renderer { position: absolute; top: 16px; left: 16px; border-radius: 50%; width: 68px; height: 68px; } #microphone-pulse.ytd-voice-search-dialog-renderer { width: 66px; height: 66px; border: 1px solid var(--yt-spec-10-percent-layer); opacity: 0; } #microphone.ytd-voice-search-dialog-renderer[state="listening"] #microphone-pulse.ytd-voice-search-dialog-renderer { animation: 1.3s ease 0s infinite normal none running pulse-listening; opacity: 1; } #microphone-levels.ytd-voice-search-dialog-renderer { background-color: var(--yt-spec-10-percent-layer); transition: opacity 0.218s; } #microphone-circle.ytd-voice-search-dialog-renderer { background-color: var(--yt-spec-red-indicator); outline: none; display: flex; flex-direction: column; align-items: center; justify-content: center; } #microphone-circle.ytd-voice-search-dialog-renderer yt-icon.ytd-voice-search-dialog-renderer { width: 40px; height: 40px; color: var(--yt-spec-static-overlay-icon-active-other); } #microphone.ytd-voice-search-dialog-renderer[state="try-again"] #microphone-circle.ytd-voice-search-dialog-renderer { background-color: var(--yt-spec-10-percent-layer); cursor: pointer; } #microphone.ytd-voice-search-dialog-renderer[state="try-again"] #microphone-circle.ytd-voice-search-dialog-renderer yt-icon.ytd-voice-search-dialog-renderer { color: var(--yt-spec-icon-active-other); } #microphone.ytd-voice-search-dialog-renderer[state="processing"] tp-yt-paper-spinner-lite.ytd-voice-search-dialog-renderer { display: block; } #microphone.ytd-voice-search-dialog-renderer[state="processing"] #microphone-container.ytd-voice-search-dialog-renderer { display: none; } #microphone-label.ytd-voice-search-dialog-renderer { height: 24px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } @keyframes pulse-listening { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 0; } } ytd-voice-search-dialog-renderer[no-animations] #microphone.ytd-voice-search-dialog-renderer[state="listening"] #microphone-pulse.ytd-voice-search-dialog-renderer { animation: auto ease 0s 1 normal none running none; } ytd-icon-badge-topbar-button-renderer { display: inline-block; } yt-icon-button.ytd-icon-badge-topbar-button-renderer { width: 40px; height: 40px; } ytd-offline-promo-content[dialog][dialog][dialog] { background-color: var(--yt-spec-raised-background); } #premium-options.ytd-offline-promo-content { margin-bottom: 0px; margin-top: 8px; } #premium-options.ytd-offline-promo-content > .ytd-offline-promo-content { margin: 0px 0px 24px; } #subtitle.ytd-offline-promo-content { color: var(--yt-spec-text-primary); display: inline-block; margin-bottom: 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #description.ytd-offline-promo-content { color: var(--yt-spec-text-secondary); border-bottom: 0px; display: inline-block; padding-top: 12px; padding-bottom: 12px; margin: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-offline-promo-renderer[dialog][dialog][dialog] { cursor: default; border-radius: 1px; background: var(--yt-spec-raised-background); margin: 0px; width: 419px; max-width: 80vw; padding: 24px 0px 12px; display: flex; flex-direction: column; } #headers-icon.ytd-offline-promo-renderer { color: var(--yt-spec-wordmark-text); margin-bottom: 24px; width: fit-content; } #title.ytd-offline-promo-renderer { color: var(--yt-spec-text-primary); margin-bottom: 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .buttons.ytd-offline-promo-renderer { padding-right: 8px; padding-top: 12px; margin: 0px; align-self: flex-end; } #container.ytd-offline-promo-renderer { display: flex; flex-direction: column; } should_not_match, .yt-icon-container.ytd-consent-bump-v2-lightbox { display: inline-flex; align-items: center; justify-content: center; position: relative; vertical-align: middle; fill: var(--iron-icon-fill-color,currentcolor); stroke: var(--iron-icon-stroke-color,none); width: var(--iron-icon-width,24px); height: var(--iron-icon-height,24px); animation: var(--iron-icon-animation); margin-top: var(--iron-icon-margin-top); margin-right: var(--iron-icon-margin-right); margin-bottom: var(--iron-icon-margin-bottom); margin-left: var(--iron-icon-margin-left); padding: var(--iron-icon-padding); } ytd-consent-bump-v2-lightbox.external-container { display: none !important; } ytd-consent-bump-v2-lightbox { display: inline; width: 0px; height: 0px; } #dialog.ytd-consent-bump-v2-lightbox { height: auto; padding: 24px 24px 8px; margin: 0px; border-radius: 2px; display: flex; flex-direction: column; } .eom-v1-dialog.ytd-consent-bump-v2-lightbox { width: 700px; } #dialog.ytd-consent-bump-v2-lightbox > .ytd-consent-bump-v2-lightbox:last-child { margin-bottom: 0px; } #topbar.ytd-consent-bump-v2-lightbox { z-index: 1; margin-top: 0px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #logoandaside.ytd-consent-bump-v2-lightbox { display: flex; flex-direction: row; align-items: center; } #icon-container.ytd-consent-bump-v2-lightbox { margin-right: 8px; color: var(--yt-spec-wordmark-text); } #logo-icon.ytd-consent-bump-v2-lightbox { width: 93px; height: 20px; } .logo-aside.ytd-consent-bump-v2-lightbox { color: var(--yt-spec-text-secondary); } .top-buttons.ytd-consent-bump-v2-lightbox { display: flex; flex-direction: row; } .lang-picker-container.ytd-consent-bump-v2-lightbox { margin-right: 16px; } .lang-picker-container.ytd-consent-bump-v2-lightbox { position: relative; } #lang-select.ytd-consent-bump-v2-lightbox { position: absolute; display: none; } .top-img.ytd-consent-bump-v2-lightbox { height: 128px; margin: 24px 0px; } .top-img.ytd-consent-bump-v2-lightbox img.ytd-consent-bump-v2-lightbox { margin: auto; display: block; width: 360px; } #content.ytd-consent-bump-v2-lightbox { overflow-y: auto; } div.body.ytd-consent-bump-v2-lightbox { margin-top: 0px; padding: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); } .body.ytd-consent-bump-v2-lightbox > div.ytd-consent-bump-v2-lightbox { margin: 16px 0px; } .begin-line.ytd-consent-bump-v2-lightbox { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; margin: 0px; } .body.ytd-consent-bump-v2-lightbox ul.padding-left.ytd-consent-bump-v2-lightbox { padding: 0px 16px; } .footer.ytd-consent-bump-v2-lightbox { display: flex; flex-direction: row; align-items: center; margin-top: 16px; justify-content: space-between; } .buttons.ytd-consent-bump-v2-lightbox { padding: 0px; } .buttons.ytd-consent-bump-v2-lightbox ytd-button-renderer.ytd-consent-bump-v2-lightbox { margin-left: 16px; } .termlinks.ytd-consent-bump-v2-lightbox .term_separator.ytd-consent-bump-v2-lightbox { margin: 0px 8px; display: inline-block; } .legal-text.ytd-consent-bump-v2-lightbox { margin: 16px 0px; } li.icon-li.ytd-consent-bump-v2-lightbox { list-style: none; display: flex; margin: 8px 0px; } .item-icon.ytd-consent-bump-v2-lightbox { flex: 0 0 auto; margin-right: 16px; } .body.ytd-consent-bump-v2-lightbox > div.eom-buttons.ytd-consent-bump-v2-lightbox { margin: 36px 0px 0px; display: flex; justify-content: flex-end; flex-wrap: wrap; } .eom-button-row.ytd-consent-bump-v2-lightbox { display: flex; justify-content: flex-end; flex-wrap: wrap; } .eom-buttons.ytd-consent-bump-v2-lightbox ytd-button-renderer.ytd-consent-bump-v2-lightbox { margin: 0px 8px 12px 12px; } h2.eom-title.ytd-consent-bump-v2-lightbox { text-align: center; margin: 24px 0px; color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.6rem; line-height: 3.6rem; font-weight: 700; } .loading-overlay.ytd-consent-bump-v2-lightbox { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: var(--yt-spec-raised-background); z-index: 999; display: flex; flex-direction: column; align-items: center; justify-content: center; } .loading-overlay.ytd-consent-bump-v2-lightbox tp-yt-paper-spinner-lite.ytd-consent-bump-v2-lightbox { width: 36px; height: 36px; } .loading-message.ytd-consent-bump-v2-lightbox { margin-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .error-overlay.ytd-consent-bump-v2-lightbox { position: absolute; width: 100%; left: 0px; bottom: 0px; background: var(--yt-spec-inverted-background); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; border-radius: 2px; } .error-message.ytd-consent-bump-v2-lightbox { color: var(--yt-spec-static-overlay-text-primary); padding: 12px 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ica-claimer.ytd-consent-bump-v2-lightbox { border-radius: 8px; background: var(--yt-spec-additive-background); padding: 12px 24px; margin: 24px 0px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-consent-bump-v2-renderer { display: inline; width: 0px; height: 0px; } ytd-video-download-toast-renderer { display: inline-block; } tp-yt-paper-progress.ytd-video-download-toast-renderer { --paper-progress-active-color: var(--yt-spec-call-to-action-inverse); --paper-progress-container-color: var(--yt-spec-static-grey); --paper-progress-transition-duration: 1.3s; --paper-progress-transition-timing-function: ease-out; position: absolute; width: 100%; left: 0px; bottom: 0px; } tp-yt-paper-progress.ytd-video-download-toast-renderer[value="0"] { --paper-progress-active-color: var(--yt-spec-static-grey); } ytd-yoodle-renderer { display: inline-block; } ytd-yoodle-renderer .lottie-player.ytd-yoodle-renderer { width: 122px; } ytd-yoodle-renderer[is-red-logo] .lottie-player.ytd-yoodle-renderer { width: 129px; } ytd-yoodle-renderer[hide-lottie] ytd-lottie-player.ytd-yoodle-renderer { display: none; } img.ytd-yoodle-renderer { height: 56px; } should_not_match, .yt-icon-container.ytd-logo { display: inline-flex; align-items: center; justify-content: center; position: relative; vertical-align: middle; fill: var(--iron-icon-fill-color,currentcolor); stroke: var(--iron-icon-stroke-color,none); width: var(--iron-icon-width,24px); height: var(--iron-icon-height,24px); animation: var(--iron-icon-animation); margin-top: var(--iron-icon-margin-top); margin-right: var(--iron-icon-margin-right); margin-bottom: var(--iron-icon-margin-bottom); margin-left: var(--iron-icon-margin-left); padding: var(--iron-icon-padding); } ytd-logo.external-container { display: none !important; } yt-icon.ytd-logo { height: 20px; width: 93px; padding: 18px 14px 18px 16px; color: var(--yt-spec-wordmark-text); flex: 0 0 auto; } ytd-logo[is-red-logo] yt-icon.ytd-logo { width: 101px; } ytd-masthead { --paper-input-container-input-align: baseline; display: block; width: 100%; } #background.ytd-masthead { z-index: -1; opacity: 1; position: absolute; height: 56px; width: 100%; background: var(--yt-spec-base-background); } ytd-masthead[is-shorts-page][dark] #background.ytd-masthead, ytd-masthead[is-watch-page][dark]:not([theater]):not([fullscreen]) #background.ytd-masthead { opacity: 0; } ytd-masthead[frosted-glass-mode="loading-without-chipbar"] #background.ytd-masthead { background: var(--yt-spec-base-background); } ytd-masthead[frosted-glass-mode="without-chipbar"] #background.ytd-masthead { background: var(--yt-frosted-glass-desktop); backdrop-filter: blur(48px); } ytd-masthead[frosted-glass-mode="without-chipbar"][dark][theater] #background.ytd-masthead { background: var(--yt-spec-base-background); backdrop-filter: none; } ytd-masthead[frosted-glass-mode="loading-with-chipbar"] #background.ytd-masthead, ytd-masthead[frosted-glass-mode="with-chipbar"] #background.ytd-masthead { display: none; } #container.ytd-masthead { height: 56px; padding: 0px 16px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #guide-button.ytd-masthead { margin: 0px; } yt-icon-button.ytd-masthead:hover, ytd-topbar-menu-button-renderer.ytd-masthead:hover, ytd-notification-topbar-button-renderer.ytd-masthead:hover { background-color: var(--yt-spec-10-percent-layer); border-radius: 24px; } .ytd-masthead#buttons.ytd-masthead > ytd-topbar-menu-button-renderer.ytd-masthead:last-of-type:hover { background-color: transparent; } #guide-icon.ytd-masthead { color: var(--yt-spec-icon-active-other); } #start.ytd-masthead { display: flex; flex-direction: row; align-items: center; } #center.ytd-masthead { flex: 0 1 732px; min-width: 0px; display: flex; flex-direction: row; align-items: center; } ytd-searchbox.ytd-masthead { margin: 0px 0px 0px 40px; padding: 0px 4px; flex: 1 1 1e-09px; } #voice-search-button.ytd-masthead:empty { display: block; width: 40px; } #skip-navigation.ytd-masthead { position: absolute; top: -1000px; border-radius: 18px; background-color: var(--yt-spec-base-background); } #skip-navigation.ytd-masthead:focus-within { top: 12px; left: 185px; z-index: 1; color: var(--yt-spec-text-secondary); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #start.ytd-masthead, #end.ytd-masthead { display: flex; flex-direction: row; } #end.ytd-masthead { flex: 0 0 auto; } yt-icon-button.ytd-masthead { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; color: var(--yt-spec-icon-active-other); width: 40px; height: 40px; padding: 8px; margin-right: 8px; box-sizing: border-box; } #search-button.ytd-masthead, #search-button-narrow.ytd-masthead, #back-button.ytd-masthead, #back-button-tooltip.ytd-masthead { display: none; } #back-button.ytd-masthead { margin-right: 8px; } #end.ytd-masthead { min-width: 225px; align-items: center; justify-content: flex-end; } #buttons.ytd-masthead { display: flex; flex-direction: row; align-items: center; } #buttons.ytd-masthead > .ytd-masthead { display: flex; } #buttons.ytd-masthead > .ytd-masthead:not(:last-child) { margin-right: 8px; } #voice-search-button.ytd-masthead .ytd-masthead[is-icon-button], #buttons.ytd-masthead .ytd-masthead[is-icon-button] { color: var(--yt-spec-icon-active-other); outline: none; } #voice-search-button.ytd-masthead { border-radius: 100px; margin-left: 12px; background-color: var(--yt-spec-additive-background); } @media (max-width: 656px) { #voice-search-button.ytd-masthead { margin-left: 0px; background-color: transparent; } } @media (min-width: 876px) { #logo.ytd-masthead { width: 129px; } } @media (max-width: 656px) { #container.ytd-masthead { padding: 0px 8px; } #end.ytd-masthead { min-width: 0px; } #guide-button.ytd-masthead { margin: 0px 4px 0px 0px; } ytd-topbar-menu-button-renderer.ytd-masthead { padding: 0px; } #buttons.ytd-masthead > .ytd-masthead:not(:last-child) { margin-right: 0px; } ytd-searchbox.ytd-masthead { display: none; margin: 0px; } yt-searchbox.ytd-masthead { display: none; margin: 0px; } #voice-search-button.ytd-masthead:empty { display: none; } #center.ytd-masthead { flex: 1 1 1e-09px; justify-content: flex-end; } #search-button.ytd-masthead, #search-button-narrow.ytd-masthead { display: block; margin-right: 0px; } ytd-masthead[show-input] #guide-button.ytd-masthead, ytd-masthead[show-input] #search-button-narrow.ytd-masthead, ytd-masthead[show-input] #logo.ytd-masthead, ytd-masthead[show-input] #end.ytd-masthead { display: none; } ytd-masthead[show-input] ytd-searchbox.ytd-masthead, ytd-masthead[show-input] yt-searchbox.ytd-masthead, ytd-masthead[show-input] #back-button.ytd-masthead, ytd-masthead[show-input] #back-button-tooltip.ytd-masthead { display: flex; } yt-icon-button.ytd-masthead { margin-right: 0px; } ytd-topbar-logo-renderer.ytd-masthead { flex: 1 1 1e-09px; } } @media (max-width: 428px) { #buttons.ytd-masthead > ytd-notification-topbar-button-renderer.ytd-masthead { display: none; } #voice-search-button.ytd-masthead { display: none; } } should_not_match, .yt-icon-container.ytd-topbar-logo-renderer { display: inline-flex; align-items: center; justify-content: center; position: relative; vertical-align: middle; fill: var(--iron-icon-fill-color,currentcolor); stroke: var(--iron-icon-stroke-color,none); width: var(--iron-icon-width,24px); height: var(--iron-icon-height,24px); animation: var(--iron-icon-animation); margin-top: var(--iron-icon-margin-top); margin-right: var(--iron-icon-margin-right); margin-bottom: var(--iron-icon-margin-bottom); margin-left: var(--iron-icon-margin-left); padding: var(--iron-icon-padding); } ytd-topbar-logo-renderer.external-container { display: none !important; } ytd-topbar-logo-renderer { display: flex; flex-direction: row; } #logo.ytd-topbar-logo-renderer, ytd-yoodle-renderer.ytd-topbar-logo-renderer { padding: 0px; align-items: center; flex: 0 0 auto; display: flex; flex-direction: row; align-self: center; } [dir="rtl"] ytd-topbar-logo-renderer, ytd-topbar-logo-renderer[dir="rtl"] { display: flex; flex-direction: row-reverse; justify-content: flex-end; } #country-code.ytd-topbar-logo-renderer { color: var(--yt-spec-text-secondary); margin: 12px 0px 0px -10px; } .ytSearchboxComponentHost { flex: 1 1 0%; display: flex; position: relative; margin: 0px 0px 0px 40px; padding: 0px 4px; height: 40px; color: rgb(241, 241, 241); } .ytSearchboxComponentHostDark { color: rgb(255, 255, 255); } .ytSearchboxComponentSearchForm { display: flex; flex: 1 1 0%; } .ytSearchboxComponentInputBox { position: relative; align-items: center; border-width: 1px 0px 1px 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; border-top-color: rgb(198, 198, 198); border-bottom-color: rgb(198, 198, 198); border-left-color: rgb(198, 198, 198); border-right-style: initial; border-right-color: initial; background-color: rgb(33, 33, 33); box-shadow: rgb(238, 238, 238) 0px 1px 2px inset; border-radius: 40px 0px 0px 40px; margin-left: 32px; padding: 0px 4px 0px 16px; display: flex; flex: 1 1 0%; cursor: text; } .ytSearchboxComponentInputBoxHasFocus { margin-left: 0px; padding: 2px 4px 2px 48px; border: 1px solid rgb(28, 98, 185); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px inset; } .ytSearchboxComponentInputBoxDark { border-color: rgb(48, 48, 48); background-color: rgb(18, 18, 18); box-shadow: none; } .ytSearchboxComponentInputBoxDark.ytSearchboxComponentInputBoxHasFocus { border-color: rgb(28, 98, 185); } .ytSearchboxComponentInnerSearchIcon { display: inline-flex; width: 20px; height: 20px; padding: 0px 12px 0px 16px; position: absolute; left: 0px; } .ytSearchboxComponentYtdTextInputAssistantWrapper { padding-left: 2px; padding-right: 2px; } .ytSearchboxComponentSearchButton { border: 1px solid rgb(211, 211, 211); background-color: rgb(248, 248, 248); width: 64px; border-radius: 0px 40px 40px 0px; justify-content: center; cursor: pointer; padding: 0px; margin: 0px; color: inherit; } .ytSearchboxComponentSearchButtonDark { border: 1px solid rgb(48, 48, 48); background-color: rgba(255, 255, 255, 0.08); } .ytSearchboxComponentSearchButton:hover { background-color: rgb(240, 240, 240); border: 1px solid rgb(198, 198, 198); } .ytSearchboxComponentSearchButtonDark:hover { border-color: rgb(48, 48, 48); background-color: rgba(255, 255, 255, 0.08); } .ytSearchboxComponentInput { padding: 1px 0px; margin: 0px; width: 100%; background-color: transparent; border: none; box-shadow: none; color: inherit; outline: none; appearance: none; -webkit-font-smoothing: antialiased; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytSearchboxComponentSuggestionsContainer { position: absolute; width: max-content; top: 44px; background-color: rgb(33, 33, 33); border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; border-top-style: initial; border-top-color: initial; border-radius: 12px; padding: 16px 0px 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px; z-index: 2010; } .ytSearchboxComponentSuggestionsContainerDark { border: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px; } .ytSearchboxComponentSuggestionsContainerScrollable { padding-top: 8px; overflow-y: auto; max-height: 80vh; scrollbar-width: none; } .ytSearchboxComponentSuggestionsContainerScrollable::-webkit-scrollbar { display: none; } .ytSearchboxComponentSuggestionsContainerFooter { position: sticky; bottom: -8px; } .ytSearchboxComponentSuggestionsContainerFooterGradient { height: 44px; width: 100%; top: -44px; position: absolute; background: linear-gradient(transparent, rgb(33, 33, 33)); pointer-events: none; } .ytSearchboxComponentSuggestionsContainerAnimated { interpolate-size: allow-keywords; opacity: 1; height: auto; overflow: hidden; transition: content-visibility 0.2s cubic-bezier(0, 0, 0.05, 1) allow-discrete, opacity, height; } .ytSearchboxComponentSuggestionsContainerAnimated[hidden] { content-visibility: hidden; opacity: 0; height: 0px; transition-timing-function: cubic-bezier(0.25, 0.01, 1, 1); display: block !important; } .ytSearchboxComponentQueryBuilderButton { display: flex; background-color: rgba(255, 255, 255, 0.1); border: 0px; cursor: pointer; justify-content: end; align-items: end; width: 37px; min-height: inherit; } .ytSearchboxComponentQueryBuilderButtonIcon { height: 30px; width: 30px; } .ytSearchboxComponentVoiceSearchWrapper { display: flex; } .ytSearchboxComponentReportButton { text-align: right; font-size: 12px; font-style: italic; color: rgb(170, 170, 170); padding: 0px 16px; cursor: pointer; margin-left: auto; outline: none; border: none; background: none; display: block; } .ytSearchboxComponentMweb { display: flex; margin: 0px; padding: 0px; height: 32px; } .ytSearchboxComponentMweb .ytSearchboxComponentInputBox { margin: 0px; border-radius: 32px 0px 0px 32px; background-color: rgba(255, 255, 255, 0.1); border: 0px; padding: 0px 0px 0px 12px; box-shadow: none; } .ytSearchboxComponentMweb .ytSearchboxComponentSearchButton { border: 0px; background-color: rgba(255, 255, 255, 0.1); width: unset; border-radius: 0px 32px 32px 0px; justify-content: center; cursor: pointer; padding-right: 12px; margin-right: 8px; } .ytSearchboxComponentMweb .ytSearchboxComponentInput { margin: 0px; padding: 0px; font-size: 1.5rem; unicode-bidi: plaintext; -webkit-font-smoothing: auto; } .ytSearchboxComponentMweb .ytSearchboxComponentSuggestionsContainer { box-shadow: none; border: none; position: fixed; top: 48px; left: 0px; background-color: rgb(33, 33, 33); border-radius: 0px; width: 100vw; max-height: calc(-48px + 100vh); padding: 0px; z-index: 2010; overflow-y: scroll; overscroll-behavior: contain; } .ytSearchboxComponentMweb .ytSearchboxComponentVoiceSearchWrapper { display: flex; height: 32px; width: 32px; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.1); border-radius: 32px; margin-right: 12px; margin-left: 4px; } .ytSearchboxComponentMweb .ytSearchboxComponentHideVoiceSearchButton { display: none; } .ytSearchboxComponentMweb .ytSearchboxComponentClearButton { display: flex; border: 0px; cursor: pointer; justify-content: center; align-items: center; padding-right: 26px; padding-left: 8px; background: none; } .ytSearchboxComponentMweb .ytSearchboxComponentClearButtonIcon { height: 16px; width: 16px; } .ytSearchboxComponentDesktop .ytSearchboxComponentClearButtonWrapper { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; } .ytSearchboxComponentDesktop .ytSearchboxComponentClearButton { display: flex; flex-shrink: 0; border: 0px; cursor: pointer; border-radius: 50%; justify-content: center; align-items: center; height: 40px; width: 40px; position: relative; background: transparent; } .ytSearchboxComponentDesktop .ytSearchboxComponentClearButton:hover { background-color: rgba(255, 255, 255, 0.2); } .ytSearchboxComponentDesktop .ytSearchboxComponentClearButtonIcon { height: 24px; width: 24px; color: rgb(241, 241, 241); } .ytSuggestionComponentSuggestion { align-items: center; display: flex; justify-content: space-between; height: 32px; font-size: 1.6rem; padding: 0px 24px 0px 16px; color: rgb(241, 241, 241); } .ytSuggestionComponentSuggestionHover:hover { background-color: rgba(255, 255, 255, 0.1); } .ytSuggestionComponentLargerSuggestion { height: 52px; } .ytSuggestionComponentThumbnailSuggestion { padding: 0px 8px 0px 16px; } .ytSuggestionComponentScrollMargin { scroll-margin: 20px; } .ytSuggestionComponentHighlighted { background-color: rgba(255, 255, 255, 0.1); } .ytSuggestionComponentContent { align-items: center; } .ytSuggestionComponentIcon { margin-right: 14px; height: 20px; width: 20px; align-self: center; } .ytSuggestionComponentBold { font-weight: 500; } .ytSuggestionComponentRemoveLink { font-size: 13px; color: rgb(51, 102, 204); cursor: pointer; align-items: center; } .ytSuggestionComponentRemoveLinkDark { color: rgb(62, 166, 255); } .ytSuggestionComponentRemoveLink:hover, .ytSuggestionComponentRemoveLinkSelected { text-decoration: underline; } .ytSuggestionComponentRemoveLinkClearButton { display: flex; border: 0px; padding: 0px; background-color: transparent; margin-left: 4px; color: inherit; cursor: pointer; } .ytSuggestionComponentRemoveLinkClearButtonSelected { border-bottom: 1px solid rgb(170, 170, 170); } .ytSuggestionComponentRemoveLinkClearButtonHidden { visibility: hidden; } .ytSuggestionComponentClearButtonIcon { height: 16px; width: 16px; } .ytSuggestionComponentRemovedText { padding-left: 50px; line-height: 32px; font-size: 1.6rem; color: rgb(102, 102, 102); text-decoration: none; } .ytSuggestionComponentLargerRemovedText { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; align-items: center; height: 52px; margin: 0px 8px; color: rgb(113, 113, 113); -webkit-font-smoothing: antialiased; } .ytSuggestionComponentText { display: inherit; padding-right: 8px; flex-shrink: 0; cursor: default; } .ytSuggestionComponentPersonalizedSuggestion { color: rgb(241, 241, 241); } .ytSuggestionComponentQueryBuilderButton { display: flex; flex-shrink: 0; background-color: rgba(255, 255, 255, 0.1); border: 0px; cursor: pointer; justify-content: end; align-items: center; width: 37px; min-height: inherit; padding-right: 4px; } .ytSuggestionComponentQueryBuilderButtonIcon { height: 24px; width: 24px; padding-top: 4px; } .ytSuggestionComponentLeftContainer { display: flex; flex-direction: column; } .ytSuggestionComponentRightContainer { display: flex; flex-direction: row; align-items: center; min-height: inherit; } .ytSuggestionComponentNewVideoContainer { display: flex; flex-direction: row; align-items: center; } .ytSuggestionComponentEntitySubtitle { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); } .ytSuggestionComponentThumbnailContainer { display: flex; flex-direction: row; justify-content: center; width: 52px; height: 30px; } .ytSuggestionComponentVisualSuggestThumbnail { border-radius: 4px; } .ytSuggestionComponentEntitySuggestThumbnail { width: 30px; object-fit: cover; } .ytSuggestionComponentCircularFrame { border-radius: 50%; } .ytSuggestionComponentNewVideoIcon { background-color: rgb(62, 166, 255); height: 6px; width: 6px; border-radius: 6px; margin-right: 4px; } @media (-ms-high-contrast:active), (forced-colors: active) { .ytSuggestionComponentNewVideoIcon { border: 1px solid rgba(255, 255, 255, 0.2); } } .ytSuggestionComponentNewVideoText { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); } .ytSuggestionComponentMweb { height: unset; min-height: 37px; padding: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 1.4rem; } .ytSuggestionComponentMweb.ytSuggestionComponentPersonalizedSuggestion { color: rgb(62, 166, 255); } .ytSuggestionComponentMweb.ytSuggestionComponentSuggestion:last-child { border-bottom: 0px; } .ytSuggestionComponentMweb .ytSuggestionComponentText { padding-right: 8px; padding-left: 8px; flex-shrink: 1; } .ytSuggestionComponentMweb .ytSuggestionComponentRemoveLink { color: rgb(62, 166, 255); padding-right: 8px; } .ytSuggestionComponentMweb .ytSuggestionComponentBold { font-weight: 500; } .ytSuggestionComponentRoundedSuggestion { border-radius: 8px; margin: 0px 8px; } .ytdTextInputAssistantHost { display: block; } .ytdTextInputAssistantButton { cursor: pointer; padding: 4px; margin: 0px; outline: none; border: none; background: none; display: block; } .ytdTextInputAssistantIcon { margin-top: 4px; line-height: 24px; } ytd-network-status-banner { position: fixed; bottom: 0px; width: 100%; color: var(--yt-spec-static-overlay-text-primary); z-index: 2030; } ytd-network-status-banner[current-state="ONLINE"] { display: none; } ytd-network-status-banner[current-state="BACK_ONLINE"] { background-color: var(--yt-spec-themed-green); } ytd-network-status-banner[current-state="OFFLINE"] { background-color: var(--yt-spec-static-black); } .status-banner.ytd-network-status-banner { padding-top: 4px; padding-bottom: 4px; text-align: center; width: 100%; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-permission-role-bottom-bar-renderer { position: fixed; bottom: 0px; left: 0px; z-index: 2005; background-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary-inverse); width: 100%; display: flex; justify-content: space-around; } ytd-permission-role-bottom-bar-renderer[forsted-glass] { z-index: 2021; } .pom-role-text.ytd-permission-role-bottom-bar-renderer { padding-top: 4px; padding-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-popup-container { display: block; position: absolute; top: 0px; width: 100%; } tp-yt-paper-dialog.ytd-popup-container > :last-child { margin-bottom: 24px; } ytd-search-suggestion-report-dialog[dialog][dialog][dialog] { --divider-color: var(--yt-spec-10-percent-layer); margin: 0px; padding: 0px; width: 425px; display: flex; flex-direction: column; } #scroller.ytd-search-suggestion-report-dialog { --paper-dialog-scrollable-padding: 0; } #content.ytd-search-suggestion-report-dialog { padding: 24px 24px 16px; } #title.ytd-search-suggestion-report-dialog { display: block; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #suggestions.ytd-search-suggestion-report-dialog, #categories.ytd-search-suggestion-report-dialog { margin-top: 20px; display: flex; flex-direction: column; } #categories.ytd-search-suggestion-report-dialog { --paper-radio-group-item-padding: 0; } #suggestions.ytd-search-suggestion-report-dialog tp-yt-paper-checkbox.ytd-search-suggestion-report-dialog { --paper-checkbox-vertical-align: top; --paper-checkbox-margin: 2px 0 0 0; } #suggestions.ytd-search-suggestion-report-dialog tp-yt-paper-checkbox .tp-yt-paper-checkbox[style-target="label"] { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); } #suggestions.ytd-search-suggestion-report-dialog tp-yt-paper-checkbox.ytd-search-suggestion-report-dialog:not(:first-child) { margin: 12px 0px 0px; } #categories.ytd-search-suggestion-report-dialog tp-yt-paper-radio-button.ytd-search-suggestion-report-dialog { margin: 12px 0px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #category-title.ytd-search-suggestion-report-dialog { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } tp-yt-paper-radio-button.ytd-search-suggestion-report-dialog { display: flex; flex-direction: row; align-items: center; } tp-yt-paper-radio-button.ytd-search-suggestion-report-dialog[checked] tp-yt-paper-input-container.ytd-search-suggestion-report-dialog { display: inline-block; } tp-yt-paper-radio-button.ytd-search-suggestion-report-dialog:not([checked]) tp-yt-paper-input-container.ytd-search-suggestion-report-dialog { display: none; } #reason.ytd-search-suggestion-report-dialog { --paper-input-container-color: var(--yt-spec-text-secondary); --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-underline-background: var(--yt-spec-10-percent-layer); margin: -1px 0px -1px 16px; width: 240px; padding: 0px; } #reason.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container > input, #reason.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container > tp-yt-iron-input, #reason.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container > textarea, #reason.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, #reason.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } #details.ytd-search-suggestion-report-dialog { --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); margin-top: 24px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 2px; padding: 8px 8px 20px; } #details.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container > input, #details.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container > tp-yt-iron-input, #details.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container > textarea, #details.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, #details.ytd-search-suggestion-report-dialog .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } #details.ytd-search-suggestion-report-dialog tp-yt-paper-input-char-counter[style-target="host"] { color: var(--yt-spec-text-secondary); } #footer.ytd-search-suggestion-report-dialog { padding: 8px 0px; display: flex; flex-direction: row; justify-content: flex-end; } #footer.ytd-search-suggestion-report-dialog tp-yt-paper-button.ytd-search-suggestion-report-dialog { --paper-button-ink-color: var(--yt-spec-text-secondary); width: var(--yt-paper-button-width,auto); padding: 10px 16px; text-transform: none; display: flex; flex-direction: row; align-items: center; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #cancel.ytd-search-suggestion-report-dialog { color: var(--yt-spec-text-primary); } #submit.ytd-search-suggestion-report-dialog { color: var(--yt-spec-call-to-action); } #submit.ytd-search-suggestion-report-dialog[disabled] { background-color: transparent; color: var(--yt-spec-text-disabled); } ytd-search-suggestion-report-dialog tp-yt-iron-autogrow-textarea#description-text .tp-yt-iron-autogrow-textarea[style-target="textarea"] { padding: 0px; } .mini-app-game-info-dialog-view-model-wiz { width: auto; display: block; } @media (min-width: 528px) and (max-width: 1023.9px) { .mini-app-game-info-dialog-view-model-wiz { width: 296px; } } @media (min-width: 1024px) { .mini-app-game-info-dialog-view-model-wiz { width: 296px; } } .mini-app-game-info-dialog-view-model-wiz__game-info-dialog-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } .mini-app-game-info-dialog-view-model-wiz__header-title { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .mini-app-game-info-dialog-view-model-wiz__game-image-wrapper { border-radius: 8px; overflow: hidden; flex-shrink: 0; width: 72px; height: 72px; } .mini-app-game-info-dialog-view-model-wiz__primary-game-info-details { display: flex; margin-bottom: 12px; } .mini-app-game-info-dialog-view-model-wiz__primary-game-info { margin-left: 16px; flex-grow: 1; } .mini-app-game-info-dialog-view-model-wiz__title { margin-bottom: 4px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .mini-app-game-info-dialog-view-model-wiz__genre { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .mini-app-game-info-dialog-view-model-wiz__game-description-wrapper { margin-bottom: 12px; padding: 12px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.1); } .mini-app-game-info-dialog-view-model-wiz__game-description { text-wrap: wrap; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .mini-app-game-info-dialog-view-model-wiz__game-info-rows-wrapper { margin-bottom: 16px; } .mini-app-game-info-dialog-view-model-wiz__game-info-row { display: flex; justify-content: space-between; margin-bottom: 12px; } .mini-app-game-info-dialog-view-model-wiz__info-label { min-width: fit-content; margin-right: 24px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .mini-app-game-info-dialog-view-model-wiz__info-value { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .mini-app-game-info-dialog-view-model-wiz__game-info-dialog-footer { display: flex; align-items: center; justify-content: flex-end; } .ytGulpTriggeringDialogViewModelHost { width: 720px; height: 400px; background-color: rgb(33, 33, 33); box-shadow: rgba(0, 0, 0, 0.25) 0px 8px 8px 0px, rgba(0, 0, 0, 0.25) 0px 0px 8px 0px; display: flex; flex-direction: row; } .ytGulpTriggeringDialogViewModelHost:last-child { margin: 0px; padding: 0px; } .ytGulpTriggeringDialogViewModelHostButtonRow { display: flex; flex-direction: row; align-items: end; align-self: flex-end; padding: 16px; } .ytGulpTriggeringDialogViewModelHostImage { max-width: 240px; object-fit: contain; } .ytGulpTriggeringDialogViewModelHostDialog { width: 100%; padding-left: 24px; display: flex; flex-direction: column; } .ytGulpTriggeringDialogViewModelHostContent { display: flex; flex: 1 1 0%; justify-content: center; flex-direction: column; width: 375px; } .ytGulpTriggeringDialogViewModelHostIconDiv { width: 96px; height: 24px; margin: 32px 0px 0px; } .ytGulpTriggeringDialogViewModelHostIcon { width: 100%; height: 100%; } .ytGulpTriggeringDialogViewModelHostTitle { margin-bottom: 24px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytGulpTriggeringDialogViewModelHostTitle { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } .ytGulpTriggeringDialogViewModelHostParagraph { margin-bottom: 24px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytGulpTriggeringDialogViewModelHostLastParagraph { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytInstallmentAgreementsViewModelHost { display: flex; flex-direction: column; padding: 10px 12px; } .ytInstallmentAgreementsViewModelAgreementRow { display: flex; flex-direction: row; width: 100%; padding-bottom: 10px; align-items: center; } .ytInstallmentAgreementsViewModelAgreementLabel { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; justify-content: flex-start; flex-direction: column; flex-basis: 100%; } .ytInstallmentAgreementsViewModelAgreementButton { justify-content: flex-end; flex-direction: column; } .ytCollaborativePlaylistInviteMessageViewModelHost { display: block; } .ytCollaborativePlaylistInviteMessageViewModelAccountSectionHeaderText { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytCollaborativePlaylistInviteMessageViewModelAccountWrapper { display: flex; padding: 8px 0px; align-items: flex-start; gap: 12px; align-self: stretch; } .ytCollaborativePlaylistInviteMessageViewModelAccountText { color: rgb(241, 241, 241); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex: 1 0 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytCollaborativePlaylistInviteMessageViewModelHandle { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytCollaborativePlaylistInviteMessageViewModelInviteMessageWrapper { color: rgb(241, 241, 241); margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytCollaborativePlaylistInviteMessageViewModelTermsOfService { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytCreatePlaylistDialogFormViewModelHost { display: block; margin-top: 12px; } .ytCreatePlaylistDialogFormViewModelTitleField, .ytCreatePlaylistDialogFormViewModelVisibilityField { margin-bottom: 12px; } .ytUpsellViewModelHost { display: block; padding: 24px; max-width: 375px; } .ytUpsellViewModelHostNoPadding { padding: 24px 0px 0px; } .ytUpsellViewModelHostUpsellLogo { width: 124px; } .ytUpsellViewModelHostUpsellTitle { padding-top: 24px; color: rgb(241, 241, 241); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } .ytUpsellViewModelHostUpsellSubtitleSection { padding: 0px; } .ytUpsellViewModelHostUpsellSubtitleSectionSubtitle { padding-top: 8px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytUpsellViewModelHostUpsellBenefitInfoSection { padding-top: 4px; } .ytUpsellViewModelHostUpsellBenefitInfoSectionIcon { padding-right: 16px; } .ytUpsellViewModelHostUpsellBenefitInfoSectionBenefitInfo { padding-top: 12px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .ytUpsellViewModelHostUpsellLegalInfoSection { padding-top: 12px; } .ytUpsellViewModelHostUpsellLegalInfoSectionLegalInfo { padding-top: 4px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytMiniAppScoreChallengeViewModelHost { padding: 24px 24px 8px; width: auto; display: block; } .ytMiniAppScoreChallengeViewModelScoreRadial { display: flex; justify-content: center; align-items: center; width: 100%; height: 148px; position: relative; } .ytMiniAppScoreChallengeViewModelScoreRadial::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; transform-origin: center center; border-radius: 31px; mask-image: radial-gradient(rgb(0, 0, 0) 20%, transparent 60%); filter: blur(2px); background: repeating-conic-gradient(from 0deg, rgb(247, 215, 197) 0deg, rgb(247, 215, 197) 10deg, transparent 10deg, transparent 20deg); } .ytMiniAppScoreChallengeViewModelDarkScoreRadial::before { background: repeating-conic-gradient(from 0deg, rgb(66, 79, 93) 0deg, rgb(66, 79, 93) 10deg, transparent 10deg, transparent 20deg); } .ytMiniAppScoreChallengeViewModelTitle { color: rgb(241, 241, 241); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytMiniAppScoreChallengeViewModelSubtitle { color: rgb(170, 170, 170); padding: 8px 0px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytMiniAppScoreChallengeViewModelScore { color: rgb(241, 241, 241); min-width: 82px; padding: 0px 16px; height: 62px; border-radius: 31px; background-color: rgb(33, 33, 33); display: grid; align-items: center; text-align: center; position: relative; font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 900; } .ytMiniAppScoreChallengeViewModelPrompt { color: rgb(170, 170, 170); padding-top: 8px; text-wrap: wrap; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytSelectionListItemFormViewModelHost { display: block; } .ytSelectionListItemFormViewModelParagraph { margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytDialogHeaderViewModelHost { display: flex; flex-direction: column; flex-shrink: 0; padding: 24px 24px 8px; } .ytDialogHeaderViewModelHostDisablePadding { padding: 0px; } .ytDialogHeaderViewModelBanner { display: flex; justify-content: center; margin-bottom: 24px; } .ytDialogHeaderViewModelBannerFullBleed { margin-left: -24px; margin-right: -24px; margin-top: -24px; } .ytDialogHeaderViewModelBannerImage { flex: 1 1 0%; } .ytDialogHeaderViewModelCustomAssetContainer { margin: 2px 0px 12px 6px; } .ytDialogHeaderViewModelText { color: rgb(241, 241, 241); flex: 1 1 0%; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytDialogViewModelHost { display: block; } .ytDialogViewModelResetSpacing[dialog][dialog] { padding: 0px; margin: 0px; } .ytFormPanelFooterViewModelHost { display: block; } .yt-spec-dialog-layout { display: flex; flex-direction: column; background-color: rgb(33, 33, 33); } .yt-spec-dialog-layout__dialog-layout-container { display: flex; flex-direction: column; overflow: hidden; padding-bottom: 24px; } .yt-spec-dialog-layout__dialog-layout-container--dialog-layout-container-top-padding { padding-top: 24px; } .yt-spec-dialog-layout__dialog-layout-icon { margin: 24px 24px 0px; } .yt-spec-dialog-layout__dialog-layout-icon--dialog-layout-icon-above-media { margin-bottom: 24px; } .yt-spec-dialog-layout__dialog-layout-icon--dialog-layout-icon-center-align { align-self: center; } .yt-spec-dialog-layout__dialog-layout-asset { width: 100%; min-height: 0px; flex-shrink: 4; display: flex; overflow: hidden; } .yt-spec-dialog-layout__dialog-layout-asset-item { width: 100%; flex-shrink: 0; object-fit: cover; } .yt-spec-dialog-layout__dialog-header-container { padding: 24px 24px 8px; } .yt-spec-dialog-layout__dialog-header { display: flex; flex-direction: row; align-items: center; flex-shrink: 0; } .yt-spec-dialog-layout__dialog-header--dialog-header-above-asset { padding-bottom: 24px; } .yt-spec-dialog-layout__dialog-layout-title { color: rgb(241, 241, 241); flex: 1 1 0%; margin-bottom: 0px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-spec-dialog-layout__dialog-leading-action-header { color: rgb(241, 241, 241); margin-right: 12px; } .yt-spec-dialog-layout__dialog-trailing-action-header { color: rgb(241, 241, 241); margin-left: auto; } .yt-spec-dialog-layout__dialog-layout-content { color: rgb(241, 241, 241); overflow-y: auto; } .yt-spec-dialog-layout__dialog-layout-content-inner { overflow: visible; padding: 0px 24px; } .yt-spec-dialog-layout__dialog-layout-footer-container { padding-top: 16px; padding-left: 24px; padding-right: 24px; } .yt-spec-dialog-layout__dialog-layout-footer { display: flex; flex-flow: wrap-reverse; flex-shrink: 0; margin: -8px 0px 0px -8px; } .yt-spec-dialog-layout__dialog-layout-footer--dialog-buttons-inline-end { justify-content: end; } .yt-spec-dialog-layout__dialog-layout-button { display: flex; padding: 8px 0px 0px 8px; } .yt-spec-dialog-layout__dialog-layout-button--dialog-buttons-inline-stretched { flex: 1 1 0%; } .yt-spec-dialog-layout--dialog-layout-center-align .yt-spec-dialog-layout__dialog-layout-title, .yt-spec-dialog-layout--dialog-layout-center-align .yt-spec-dialog-layout__dialog-layout-content { text-align: center; } .yt-spec-dialog-layout--dialog-buttons-stacked { flex-direction: column; } @media (max-width: 330px) { .yt-spec-dialog-layout--dialog-layout-responsive { min-width: calc(-96px + 100vw); max-width: 100%; max-height: 100vh; } } @media (min-width: 331px) and (max-width: 527px) { .yt-spec-dialog-layout--dialog-layout-responsive { min-width: min(320px, -96px + 100vw); max-width: min(400px, -96px + 100vw); max-height: calc(-96px + 100vh); } } @media (min-width: 528px) { .yt-spec-dialog-layout--dialog-layout-responsive { min-width: 320px; max-width: min(560px, -96px + 100vw); max-height: min(560px, -96px + 100vh); } } .yt-spec-dialog-layout--dialog-layout-fullscreen { height: 100%; width: 100%; } .yt-spec-dialog-layout--dialog-layout-fullscreen .yt-spec-dialog-layout__dialog-layout-container, .yt-spec-dialog-layout--dialog-layout-fullscreen .yt-spec-dialog-layout__dialog-layout-content { display: block; height: 100%; width: 100%; } .yt-spec-dialog-layout--dialog-layout-fullscreen .yt-spec-dialog-layout__dialog-layout-content-inner { display: block; height: 100%; width: 100%; padding: 0px; } @media (min-width: 528px) { .yt-spec-dialog-layout--dialog-layout-extended-max-height { max-height: calc(-96px + 100vh); } } .yt-spec-dialog-layout--dialog-layout-asset-inset .yt-spec-dialog-layout__dialog-layout-asset { width: auto; padding: 0px 24px; border-radius: 12px; } .yt-spec-dialog-layout--dialog-layout-asset-inset .yt-spec-dialog-layout__dialog-layout-asset-item { border-radius: 12px; } .ytfzFanzoneScheduledInfoViewModelHost { display: flex; flex-direction: column; align-items: center; padding: 32px 12px 20px; } .ytfzFanzoneScheduledInfoViewModelAvatar { margin-bottom: 8px; } .ytfzFanzoneScheduledInfoViewModelTitle { text-align: center; margin-bottom: 10px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } .ytfzFanzoneScheduledInfoViewModelDescription { color: rgb(170, 170, 170); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytAccessConfirmationViewModelHost { display: block; } .ytAccessConfirmationViewModelContent { display: flex; flex-direction: column; align-items: center; padding: 32px 12px 20px; } .ytAccessConfirmationViewModelDualAvatar { margin-bottom: 12px; } .ytAccessConfirmationViewModelTitle { text-align: center; margin-bottom: 10px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } .ytAccessConfirmationViewModelSubtitle { color: rgb(170, 170, 170); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .yt-panel-header-view-model-wiz { display: flex; padding: 10px 12px; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); min-height: 48px; box-sizing: border-box; justify-content: space-between; } .yt-panel-header-view-model-wiz--hide-divider { border-bottom: none; } .yt-panel-header-view-model-wiz--compact { padding: 8px 12px; } .yt-panel-header-view-model-wiz__title-wrapper { display: flex; flex-direction: column; } .yt-panel-header-view-model-wiz__title { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .yt-panel-header-view-model-wiz__title { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .yt-panel-header-view-model-wiz__subtitle { margin-top: 2px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-panel-header-view-model-wiz__trailing-buttons { display: flex; flex-wrap: nowrap; margin-left: 12px; } .yt-panel-header-view-model-wiz__button:not(:last-child) { padding-right: 24px; } .yt-sheet-view-model-wiz { display: block; } .yt-sheet-view-model-wiz--contextual { backdrop-filter: blur(8px); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 32px 0px; overflow: hidden; } .yt-sheet-view-model-wiz--disable-backdrop-filter { backdrop-filter: none; } .yt-spec-bottom-sheet-layout { display: flex; } .yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container { border-radius: 12px; background-color: rgb(33, 33, 33); display: block; overflow: hidden; position: fixed; margin: 0px 8px 24px; bottom: 0px; left: 0px; right: 0px; z-index: 100; } @media (min-aspect-ratio: 13 / 9) and (orientation: landscape) and (min-width: 416px), (min-width: 931px) and (orientation: landscape) and (min-width: 416px) { .yt-spec-bottom-sheet-layout__bottom-sheet-renderer-container { width: 400px; margin: 0px auto 24px; } } .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-wrapper { overflow: hidden; flex: 0 0 auto; border-bottom: 1px solid rgb(33, 33, 33); } .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-wrapper--bottom-border { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .yt-spec-bottom-sheet-layout__bottom-sheet-drag-line { background: rgb(241, 241, 241); opacity: 0.15; border-radius: 4px; height: 4px; margin: 8px auto 0px; width: 40px; } .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header { justify-content: space-between; display: flex; margin-top: 8px; } .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header--with-title { margin-bottom: 7px; } .yt-spec-bottom-sheet-layout__bottom-sheet-layout-header-title-wrapper { flex-direction: column; display: flex; margin-left: 12px; } .yt-spec-bottom-sheet-layout__bottom-sheet-layout-title { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: rgb(241, 241, 241); max-height: 20px; margin: 0px; } .yt-spec-bottom-sheet-layout__bottom-sheet-layout-subtitle { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; color: rgb(170, 170, 170); margin-bottom: 0px; margin-top: 4px; max-height: 16px; } .yt-spec-bottom-sheet-layout--modern .yt-spec-bottom-sheet-layout__bottom-sheet-layout-title { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .yt-spec-bottom-sheet-layout--modern .yt-spec-bottom-sheet-layout__bottom-sheet-layout-title { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .yt-spec-bottom-sheet-layout--modern .yt-spec-bottom-sheet-layout__bottom-sheet-layout-subtitle { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .yt-spec-bottom-sheet-layout__bottom-sheet-layout-action-header { display: flex; align-items: center; color: rgb(241, 241, 241); margin: 0px 12px; } .yt-spec-bottom-sheet-layout__bottom-sheet-layout-content-wrapper { flex: 1 1 0%; overflow-y: scroll; } .yt-spec-bottom-sheet-layout__bottom-sheet-content { display: flex; flex-direction: column; color: rgb(241, 241, 241); } .yt-spec-bottom-sheet-layout__bottom-sheet-layout-footer-wrapper { display: block; align-items: center; overflow: hidden; flex: 0 0 auto; position: sticky; bottom: 0px; } .yt-spec-bottom-sheet-layout__footer-button-wrapper { display: flex; align-items: center; justify-content: flex-end; margin: 12px 0px; } .yt-spec-bottom-sheet-layout__footer-button-wrapper--landscape-button-wrapper { margin: 6px 0px; } .yt-spec-bottom-sheet-layout__secondary-button { display: flex; margin-right: 8px; margin-left: 12px; } .yt-spec-bottom-sheet-layout__secondary-button--secondary-button-trailing-pair { justify-content: flex-end; } .yt-spec-bottom-sheet-layout__secondary-button--secondary-button-split-pair { flex: 1 1 0%; justify-content: center; } .yt-spec-bottom-sheet-layout__secondary-button--secondary-button-primary-split-pair { justify-content: center; } .yt-spec-bottom-sheet-layout__primary-button { display: flex; justify-content: center; } .yt-spec-bottom-sheet-layout__primary-button--default { margin: 0px 12px; width: 100%; } .yt-spec-bottom-sheet-layout__primary-button--trailing-pair { justify-content: flex-end; margin-right: 12px; } .yt-spec-bottom-sheet-layout__primary-button--split-pair { flex: 1 1 0%; margin-right: 12px; justify-content: center; } .yt-spec-bottom-sheet-layout__primary-button--primary-split-pair { flex: 1 1 0%; margin-right: 12px; justify-content: center; } .yt-spec-bottom-sheet-layout__footer-label-wrapper { display: flex; justify-content: space-between; margin: 0px 12px; height: 30px; } .yt-spec-bottom-sheet-layout__footer-label-wrapper--without-buttons { margin-bottom: 12px; } .yt-spec-bottom-sheet-layout__trailing-label { margin-top: 12px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-spec-bottom-sheet-layout__leading-label { margin-top: 12px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-contextual-sheet-layout-wiz { display: flex; flex-direction: column; background-color: rgb(40, 40, 40); height: 100%; min-width: 256px; max-width: 400px; width: fit-content; max-height: calc(-48px + 100vh); } .yt-contextual-sheet-layout-wiz__header-container { flex: 0 1 0%; } .yt-contextual-sheet-layout-wiz__content-container { flex-grow: 1; overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; } .yt-contextual-sheet-layout-wiz__content-container::-webkit-scrollbar { background: transparent; width: 16px; } .yt-contextual-sheet-layout-wiz__content-container::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: transparent; } .yt-contextual-sheet-layout-wiz__content-container:hover { scrollbar-color: rgb(113, 113, 113) transparent; } .yt-contextual-sheet-layout-wiz__content-container:hover::-webkit-scrollbar-thumb { background-color: rgb(113, 113, 113); } .yt-contextual-sheet-layout-wiz__footer-container { flex: 0 1 0%; } .ytStoriesItemViewModelHost { display: block; height: 100%; width: 100%; position: relative; pointer-events: none; } .ytStoriesItemViewModelLottieAnimation, .ytStoriesItemViewModelImage { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .ytStoriesItemViewModelButton { pointer-events: auto; } .ytStoriesItemViewModelAssetContent { position: relative; height: 640px; width: 360px; } .ytStoriesItemViewModelTopShadow { position: absolute; top: 0px; left: 0px; width: 100%; height: 100px; background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); } .ytStoriesItemViewModelBottomShadow { width: 100%; height: 100px; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .ytStoriesItemViewModelActionButtonWrapper { width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; } .ytStoriesItemViewModelActionButton { flex-grow: 0; margin: 10px; } .ytStoriesItemViewModelStretchedActionButton { flex-grow: 1; } .ytStoriesStickerLayerViewModelHost { display: block; height: 100%; width: 100%; position: relative; pointer-events: none; } .ytStoriesStickerLayerViewModelSticker { position: absolute; pointer-events: auto; display: flex; } .ytStoriesStickerLayerViewModelDebugMode { border: 1px solid red; } .ytStoriesStickerLayerViewModelButton { pointer-events: auto; } .ytStoriesViewerViewModelHost { display: block; height: 100%; width: 100%; position: relative; } .ytStoriesViewerViewModelResetSpacing[dialog][dialog] { padding: 0px; margin: 0px; } .ytStoriesViewerViewModelHiddenStoryItem { display: none; } .ytStoriesViewerViewModelStoryItem { height: 100%; width: 100%; } .ytStoriesViewerViewModelNavigationContainer { display: flex; flex-direction: row; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .ytStoriesViewerViewModelNextNavigation { flex: 2 1 0%; } .ytStoriesViewerViewModelPreviousNavigation { flex: 1 1 0%; } .ytStoriesViewerViewModelProgressBarsContainer { position: absolute; top: 5px; left: 0px; width: 100%; display: flex; flex-direction: row; justify-content: space-around; } .ytStoriesViewerViewModelProgressBar { flex-grow: 1; height: 3px; background-color: grey; margin: 2px; } .ytStoriesViewerViewModelProgress { width: 0px; height: 100%; background-color: white; } .ytStoriesViewerViewModelActionButtonsContainer { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; position: absolute; top: 10px; right: 0px; } .ytGenAiFeedbackFormViewModelHost { flex: 1 1 1e-09px; display: flex; flex-direction: column; padding-left: 12px; padding-right: 12px; width: 360px; } .ytGenAiFeedbackFormViewModelTitle { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 500; color: rgb(241, 241, 241); padding-left: 8px; } .ytGenAiFeedbackFormViewModelChipsContainer { flex: 1 1 1e-09px; display: flex; flex-flow: wrap; padding-top: 8px; } .ytGenAiFeedbackFormViewModelFeedbackChip { padding-top: 4px; padding-right: 4px; } .ytGenAiFeedbackFormViewModelDisclaimer { padding-top: 16px; padding-left: 4px; } .ytGenAiFeedbackFormViewModelBottomButtonsContainer { flex: 1 1 1e-09px; display: flex; flex-direction: row; padding-top: 16px; } .ytGenAiFeedbackFormViewModelSubmitButton { flex: 1 1 1e-09px; padding-right: 8px; } .ytGenAiFeedbackFormViewModelMoreFeedbackButton { flex: 1 1 1e-09px; } ytd-app { --app-drawer-width: 240px; --ytd-persistent-guide-width: 240px; --ytd-permission-role-bottom-bar-height: 30px; --ytd-mini-guide-width: 72px; --app-drawer-content-container-background-color: var( --yt-spec-base-background ); --ytd-masthead-height-accounting-for-hidden: var( --ytd-masthead-height-absolute,var(--ytd-toolbar-height) ); background: var(--yt-spec-base-background); display: block; left: 0px; min-height: 100%; position: absolute; right: 0px; top: 0px; scrollbar-color: var(--yt-spec-text-secondary) transparent; } ytd-app[is-shorts-page] { background: transparent; } ytd-app[scrolling]:not([deprecate-fullerscreen-ui]) { position: absolute; top: 0px; left: 0px; right: calc((var(--ytd-app-fullerscreen-scrollbar-width) + 1px)*-1); bottom: 0px; overflow-x: auto; } ytd-app[deprecate-fullerscreen-ui]:not([scrolling]) { overflow: hidden; } ytd-app[deprecate-fullerscreen-ui][fullscreen] { overflow: hidden; } ytd-app[masthead-hidden]:not(:has(#masthead-container:focus-within)) { --ytd-masthead-height-accounting-for-hidden: 0; } #guide-button.ytd-app { color: var(--yt-spec-icon-active-other); width: 40px; height: 40px; padding: 8px; box-sizing: border-box; } #guide-icon.ytd-app { fill: var(--yt-spec-icon-active-other); } #guide-content.ytd-app { background: var(--yt-spec-base-background); flex: 1 1 1e-09px; display: flex; flex-direction: column; } #guide-inner-content.ytd-app { overflow: hidden auto; flex: 1 1 1e-09px; scrollbar-color: transparent transparent; scrollbar-width: thin; } #guide-inner-content.ytd-app::-webkit-scrollbar { background: transparent; width: 16px; } #guide-inner-content.ytd-app::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: transparent; } #guide-inner-content.ytd-app:hover { scrollbar-color: var(--yt-spec-icon-disabled) transparent; } #guide-inner-content.ytd-app:hover::-webkit-scrollbar-thumb { background-color: var(--yt-spec-icon-disabled); } ytd-app[guide-persistent-and-visible] ytd-page-manager.ytd-app { margin-left: var(--ytd-persistent-guide-width); } ytd-app[guide-persistent-and-visible] ytd-permission-role-bottom-bar-renderer.ytd-app { margin-left: var(--ytd-persistent-guide-width); width: calc(100% - var(--ytd-persistent-guide-width)); } ytd-app[mini-guide-visible] ytd-page-manager.ytd-app { margin-left: var(--ytd-mini-guide-width); } ytd-app[has-delegation] ytd-page-manager.ytd-app { margin-bottom: var(--ytd-permission-role-bottom-bar-height); } ytd-app[mini-guide-visible] ytd-permission-role-bottom-bar-renderer.ytd-app { margin-left: var(--ytd-mini-guide-width); width: calc(100% - var(--ytd-mini-guide-width)); } ytd-mini-guide-renderer.ytd-app { position: fixed; left: 0px; top: var(--ytd-masthead-height,var(--ytd-toolbar-height)); bottom: 0px; width: var(--ytd-mini-guide-width); box-sizing: border-box; } tp-yt-app-drawer.ytd-app:not([persistent]) { z-index: 2030; } tp-yt-app-drawer.ytd-app[persistent] { z-index: 2005; } ytd-app[frosted-glass-exp] tp-yt-app-drawer.ytd-app[persistent] { z-index: 2021; top: var(--ytd-masthead-height,var(--ytd-toolbar-height)); --app-drawer-content-container-background-color: transparent; --app-drawer-content-padding: 0 0 120px 0; } ytd-app[frosted-glass-exp] tp-yt-app-drawer.ytd-app[persistent] #guide-spacer.ytd-app { margin-top: 0px; } ytd-app[frosted-glass-exp] tp-yt-app-drawer.ytd-app[persistent] #guide-content.ytd-app { background: transparent; } #guide-wrapper.ytd-app { height: 100%; display: flex; flex-direction: column; } #guide-spacer.ytd-app { margin-top: var(--ytd-masthead-height,var(--ytd-toolbar-height)); } tp-yt-app-drawer.ytd-app:not([persistent]) #guide-spacer.ytd-app { display: none; } #masthead-container.ytd-app { position: fixed; top: 0px; width: 100%; z-index: 2020; transform: translateY(0px); transition: transform 0.3s cubic-bezier(0.05, 0, 0, 1); } #frosted-glass.ytd-app { position: fixed; top: 0px; width: 100%; z-index: 2018; height: 56px; } #frosted-glass.loading-with-chipbar.ytd-app { background: var(--yt-spec-base-background); height: 112px; } #frosted-glass.with-chipbar.ytd-app { background: var(--yt-frosted-glass-desktop); backdrop-filter: blur(48px); height: 112px; } #frosted-glass.none.ytd-app, #frosted-glass.loading-without-chipbar.ytd-app, #frosted-glass.without-chipbar.ytd-app { display: none; } ytd-app[player-fullscreen] #masthead-container.ytd-app { position: inherit; } ytd-app[masthead-hidden][masthead-hidden-focus-within-killswitch] #masthead-container.ytd-app { transform: translateY(calc(-100% - 5px)); opacity: 0; transition: transform 0.3s cubic-bezier(0.05, 0, 0, 1), opacity 0.3s; } ytd-app[masthead-hidden]:not([masthead-hidden-focus-within-killswitch]) #masthead-container.ytd-app:not(:focus-within) { transform: translateY(calc(-100% - 5px)); opacity: 0; transition: transform 0.3s cubic-bezier(0.05, 0, 0, 1), opacity 0.3s; } ytd-app[hide-header-shadow] #masthead-container.ytd-app::after { opacity: 0; } #masthead-container.ytd-app::after { content: ""; height: 5px; opacity: 1; pointer-events: none; position: absolute; right: 0px; width: 100%; z-index: 2050; bottom: 0px; left: 0px; } #header.ytd-app { height: 56px; padding-left: 16px; display: flex; flex-direction: row; align-items: center; } tp-yt-app-drawer.ytd-app #header.ytd-app::after { content: ""; height: 5px; left: 0px; position: absolute; right: 0px; top: var(--ytd-toolbar-height); width: 100%; } tp-yt-app-drawer.ytd-app[persistent] #header.ytd-app::after { box-shadow: rgba(17, 17, 17, 0.06) 0px 4px 8px -3px inset; } #page-manager.ytd-app { --ytd-toolbar-offset: var(--ytd-masthead-height,var(--ytd-toolbar-height)); overflow-x: inherit; overflow-y: visible; margin-top: var(--ytd-masthead-height,var(--ytd-toolbar-height)); display: flex; flex: 1 1 1e-09px; } ytd-guide-renderer.ytd-app { width: 240px; } yt-page-navigation-progress.ytd-app { --yt-page-navigation-container-color: var(--yt-spec-10-percent-layer); z-index: 2100; } #opt-out-button.ytd-app { margin-top: 4px; } #gfeedback-button.ytd-app { margin-top: 8px; } ytd-app[standalone] #page-manager.ytd-app { margin: 0px; } ytd-app[standalone] ytd-mini-guide-renderer.ytd-app, ytd-app[standalone] #masthead-container.ytd-app, ytd-app[standalone] #guide.ytd-app { display: none; } ytd-app[miniplayer-is-active] { --ytd-miniplayer-offset: calc(var(--ytd-miniplayer-card-height) + var(--ytd-margin-base)); } ytd-network-status-banner.ytd-app { max-height: 0px; transition: max-height 0.5s; } ytd-network-status-banner.ytd-app[current-state="OFFLINE"] { max-height: var(--ytd-network-status-banner-max-height,28px); display: var(--ytd-network-status-banner-display,unset); } ytd-network-status-banner.ytd-app[current-state="OFFLINE"] + ytd-miniplayer.ytd-app[active] { bottom: 28px; } ytd-network-status-banner.ytd-app[current-state="BACK_ONLINE"] { max-height: 0px; transition-delay: 2.5s; } ytd-network-status-banner.ytd-app[current-state="BACK_ONLINE"] + ytd-miniplayer.ytd-app[active] { bottom: 0px; transition-delay: 2.5s; } .ytEphemeralActionsHost { position: absolute; top: -9999px; left: -9999px; height: 1px; overflow: hidden; } tp-yt-app-drawer { position: fixed; z-index: 1; inset: -120px 0px; visibility: hidden; transition-property: visibility; } tp-yt-app-drawer[opened] { visibility: visible; } tp-yt-app-drawer[persistent] { width: var(--app-drawer-width,256px); } tp-yt-app-drawer[persistent][position="left"] { right: auto; } tp-yt-app-drawer[persistent][position="right"] { left: auto; } #contentContainer.tp-yt-app-drawer { position: absolute; top: 0px; bottom: 0px; left: 0px; width: var(--app-drawer-width,256px); padding: var(--app-drawer-content-padding,120px 0); transition-property: transform; transform: translate3d(-100%, 0px, 0px); background-color: var(--app-drawer-content-container-background-color); } #contentContainer.tp-yt-app-drawer[persistent] { width: 100%; } #contentContainer.tp-yt-app-drawer[position="right"] { right: 0px; left: auto; transform: translate3d(100%, 0px, 0px); } #contentContainer.tp-yt-app-drawer[swipe-open]::after { position: fixed; top: 0px; bottom: 0px; left: 100%; visibility: visible; width: 20px; content: ""; } #contentContainer.tp-yt-app-drawer[swipe-open][position="right"]::after { right: 100%; left: auto; } #contentContainer.tp-yt-app-drawer[opened] { transform: translate3d(0px, 0px, 0px); } #scrim.tp-yt-app-drawer { position: absolute; inset: 0px; transition-property: opacity; transform: translateZ(0px); opacity: 0; background: var(--app-drawer-scrim-background,rgba(0,0,0,.5)); } #scrim.visible.tp-yt-app-drawer { opacity: 1; } tp-yt-app-drawer[no-transition] #contentContainer.tp-yt-app-drawer { transition-property: none; } tp-yt-paper-progress { display: block; width: 200px; position: relative; overflow: hidden; } [dir="rtl"] tp-yt-paper-progress[mirror-in-rtl], tp-yt-paper-progress[mirror-in-rtl][dir="rtl"] { transform: scaleX(-1); } tp-yt-paper-progress[hidden], .tp-yt-paper-progress[hidden] { display: none !important; } #progressContainer.tp-yt-paper-progress { position: relative; } #progressContainer.tp-yt-paper-progress, .indeterminate.tp-yt-paper-progress::after { height: var(--paper-progress-height,4px); border-radius: var(--paper-progress-container-border-radius,0); overflow: var(--paper-progress-container-overflow,visible); transform: var(--paper-progress-container-transform,none); } #primaryProgress.tp-yt-paper-progress, #secondaryProgress.tp-yt-paper-progress, .indeterminate.tp-yt-paper-progress::after { position: absolute; inset: 0px; } #progressContainer.tp-yt-paper-progress, .indeterminate.tp-yt-paper-progress::after { background: var(--paper-progress-container-color,#e0e0e0); } tp-yt-paper-progress.transiting #primaryProgress.tp-yt-paper-progress, tp-yt-paper-progress.transiting #secondaryProgress.tp-yt-paper-progress { transition-property: transform; transition-duration: var(--paper-progress-transition-duration,.08s); transition-timing-function: var(--paper-progress-transition-timing-function,ease); transition-delay: var(--paper-progress-transition-delay,0s); } #primaryProgress.tp-yt-paper-progress, #secondaryProgress.tp-yt-paper-progress { position: absolute; inset: 0px; transform-origin: left center; transform: scaleX(0); will-change: transform; } #primaryProgress.tp-yt-paper-progress { background: var(--paper-progress-active-color,#0f9d58); } #secondaryProgress.tp-yt-paper-progress { background: var(--paper-progress-secondary-color,#b7e1cd); } tp-yt-paper-progress[disabled] #primaryProgress.tp-yt-paper-progress { background: var(--paper-progress-disabled-active-color,#9e9e9e); } tp-yt-paper-progress[disabled] #secondaryProgress.tp-yt-paper-progress { background: var(--paper-progress-disabled-secondary-color,#e0e0e0); } tp-yt-paper-progress:not([disabled]) #primaryProgress.indeterminate.tp-yt-paper-progress { transform-origin: right center; animation: indeterminate-bar var(--paper-progress-indeterminate-cycle-duration,2s) linear infinite; } tp-yt-paper-progress:not([disabled]) #primaryProgress.indeterminate.tp-yt-paper-progress::after { content: ""; transform-origin: center center; animation: indeterminate-splitter var(--paper-progress-indeterminate-cycle-duration,2s) linear infinite; } @-webkit-keyframes indeterminate-bar { 0% { transform: scaleX(1) translateX(-100%); } 50% { transform: scaleX(1) translateX(0px); } 75% { transform: scaleX(1) translateX(0px); animation-timing-function: cubic-bezier(0.28, 0.62, 0.37, 0.91); } 100% { transform: scaleX(0) translateX(0px); } } @-webkit-keyframes indeterminate-splitter { 0% { transform: scaleX(0.75) translateX(-125%); } 30% { transform: scaleX(0.75) translateX(-125%); animation-timing-function: cubic-bezier(0.42, 0, 0.6, 0.8); } 90% { transform: scaleX(0.75) translateX(125%); } 100% { transform: scaleX(0.75) translateX(125%); } } @keyframes indeterminate-bar { 0% { transform: scaleX(1) translateX(-100%); } 50% { transform: scaleX(1) translateX(0px); } 75% { transform: scaleX(1) translateX(0px); animation-timing-function: cubic-bezier(0.28, 0.62, 0.37, 0.91); } 100% { transform: scaleX(0) translateX(0px); } } @keyframes indeterminate-splitter { 0% { transform: scaleX(0.75) translateX(-125%); } 30% { transform: scaleX(0.75) translateX(-125%); animation-timing-function: cubic-bezier(0.42, 0, 0.6, 0.8); } 90% { transform: scaleX(0.75) translateX(125%); } 100% { transform: scaleX(0.75) translateX(125%); } } @media (forced-colors: active) { #progressContainer.tp-yt-paper-progress, .indeterminate.tp-yt-paper-progress::after { background: canvas; border: 2px solid buttonborder; } #primaryProgress.tp-yt-paper-progress, #secondaryProgress.tp-yt-paper-progress { background: canvastext; } tp-yt-paper-progress[disabled] #primaryProgress.tp-yt-paper-progress, tp-yt-paper-progress[disabled] #secondaryProgress.tp-yt-paper-progress { background: graytext; } } tp-yt-paper-slider { display: flex; justify-content: space-between; align-items: center; width: 200px; cursor: default; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); --paper-progress-active-color: var( --paper-slider-active-color,#3367d6 ); --paper-progress-secondary-color: var( --paper-slider-secondary-color,#7baaf7 ); --paper-progress-disabled-active-color: var( --paper-slider-disabled-active-color,#bdbdbd ); --paper-progress-disabled-secondary-color: var( --paper-slider-disabled-secondary-color,#bdbdbd ); --calculated-paper-slider-height: var(--paper-slider-height,2px); } tp-yt-paper-slider:focus { outline: none; } [dir="rtl"] .tp-yt-paper-slider #sliderContainer.tp-yt-paper-slider, .tp-yt-paper-slider[dir="rtl"] #sliderContainer.tp-yt-paper-slider { transform: scaleX(-1); } tp-yt-paper-slider[dir="rtl"] #sliderContainer.tp-yt-paper-slider { transform: scaleX(-1); } tp-yt-paper-slider[dir="ltr"] #sliderContainer.tp-yt-paper-slider { transform: scaleX(1); } #sliderContainer.tp-yt-paper-slider { position: relative; width: 100%; height: calc(30px + var(--calculated-paper-slider-height)); margin-left: var(--paper-slider-container-margin,calc(15px + var(--calculated-paper-slider-height)/2)); margin-right: var(--paper-slider-container-margin,calc(15px + var(--calculated-paper-slider-height)/2)); padding: 0 var(--paper-slider-container-padding,0); } #sliderContainer.tp-yt-paper-slider:focus { outline: 0px; } #sliderContainer.editable.tp-yt-paper-slider { margin-top: 12px; margin-bottom: 12px; } .bar-container.tp-yt-paper-slider { position: absolute; inset: 0px; overflow: hidden; } .ring.tp-yt-paper-slider > .bar-container.tp-yt-paper-slider { left: var(--paper-slider-bar-container-ring-left,calc(5px + var(--calculated-paper-slider-height)/2)); transition: left 0.18s; } .ring.expand.dragging.tp-yt-paper-slider > .bar-container.tp-yt-paper-slider { transition: none; } .ring.expand.tp-yt-paper-slider:not(.pin) > .bar-container.tp-yt-paper-slider { left: var(--paper-slider-bar-container-ring-left,calc(8px + var(--calculated-paper-slider-height)/2)); } #sliderBar.tp-yt-paper-slider { padding: 15px 0px; width: 100%; background-color: var(--paper-slider-bar-color,transparent); --paper-progress-container-color: var( --paper-slider-container-color,#bdbdbd ); --paper-progress-height: var(--calculated-paper-slider-height); --paper-progress-container-border-radius: var( --paper-slider-progress-container-border-radius,0 ); --paper-progress-container-overflow: var( --paper-slider-progress-container-overflow,visible ); --paper-progress-container-transform: var( --paper-slider-progress-container-transform,none ); } .slider-markers.tp-yt-paper-slider { padding: inherit; position: absolute; top: 15px; height: var(--calculated-paper-slider-height); margin-top: var(--paper-slider-markers-margin,0); margin-left: var(--paper-slider-markers-margin,0); margin-right: 0px; left: 0px; right: -1px; box-sizing: border-box; pointer-events: none; display: flex; flex-direction: row; } .slider-marker.tp-yt-paper-slider { flex: 1 1 1e-09px; } .slider-markers.tp-yt-paper-slider::after, .slider-marker.tp-yt-paper-slider::after { content: ""; display: block; margin-left: var(--paper-slider-markers-margin-left,-1px); width: var(--paper-slider-markers-width,2px); height: var(--paper-slider-markers-height,var(--calculated-paper-slider-height)); border-radius: 50%; background-color: var(--paper-slider-markers-color,#000); } #sliderKnobContainer.tp-yt-paper-slider { position: relative; width: calc(100% - var(--paper-slider-container-padding,0)*2); margin: auto; } .slider-knob.tp-yt-paper-slider { position: absolute; left: 0px; top: var(--paper-slider-knob-top,0); margin-left: calc(-15px - var(--calculated-paper-slider-height)/2); width: var(--paper-slider-knob-size,calc(30px + var(--calculated-paper-slider-height))); height: var(--paper-slider-knob-size,calc(30px + var(--calculated-paper-slider-height))); } .transiting.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider { transition: left 0.08s; } .slider-knob.tp-yt-paper-slider:focus { outline: none; } .slider-knob.dragging.tp-yt-paper-slider { transition: none; } .snaps.tp-yt-paper-slider > .slider-knob.dragging.tp-yt-paper-slider { transition: transform 0.08s; } .slider-knob-inner.tp-yt-paper-slider { margin: 10px; width: var(--paper-slider-knob-inner-size,calc(100% - 20px)); height: var(--paper-slider-knob-inner-size,calc(100% - 20px)); background-color: var(--paper-slider-knob-color,#3367d6); border: var(--paper-slider-knob-border-style,2px solid var(--paper-slider-knob-color,#3367d6)); border-radius: 50%; box-shadow: var(--paper-slider-knob-box-shadow-style,none); box-sizing: border-box; transition-property: transform, background-color, border; transition-duration: 0.18s; transition-timing-function: ease; } .expand.tp-yt-paper-slider:not(.pin) > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider { transform: scale(1.5); } .ring.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider { background-color: var(--paper-slider-knob-start-color,transparent); border: var(--paper-slider-knob-start-border-style,2px solid var(--paper-slider-knob-start-border-color,#bdbdbd)); } .slider-knob-inner.tp-yt-paper-slider::before { background-color: var(--paper-slider-pin-color,#3367d6); } .pin.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider::before { content: ""; position: absolute; top: 0px; left: 50%; margin-left: -13px; width: 26px; height: 26px; border-radius: 50% 50% 50% 0px; transform: rotate(-45deg) scale(0) translate(0px); } .slider-knob-inner.tp-yt-paper-slider::before, .slider-knob-inner.tp-yt-paper-slider::after { transition: transform 0.18s, background-color 0.18s; } .pin.ring.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider::before { background-color: var(--paper-slider-pin-start-color,#bdbdbd); } .pin.expand.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider::before { transform: rotate(-45deg) scale(1) translate(17px, -17px); } .pin.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider::after { content: attr(value); position: absolute; top: 0px; left: 50%; margin-left: -16px; width: 32px; height: 26px; text-align: center; font-size: 10px; transform: scale(0) translate(0px); } .pin.expand.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider::after { transform: scale(1) translate(0px, -17px); } .slider-input.tp-yt-paper-slider { width: 50px; overflow: hidden; --paper-input-container-input_-_text-align: center; } #sliderContainer.disabled.tp-yt-paper-slider { pointer-events: none; } .disabled.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider { background-color: var(--paper-slider-disabled-knob-color,#bdbdbd); border: 2px solid var(--paper-slider-disabled-knob-color,#bdbdbd); transform: scale3d(0.75, 0.75, 1); } .disabled.ring.tp-yt-paper-slider > .slider-knob-container.tp-yt-paper-slider > .slider-knob.tp-yt-paper-slider > .slider-knob-inner.tp-yt-paper-slider { background-color: var(--paper-slider-knob-start-color,transparent); border: 2px solid var(--paper-slider-knob-start-border-color,#bdbdbd); } tp-yt-paper-toast { display: block; position: fixed; background-color: var(--paper-toast-background-color,#323232); color: var(--paper-toast-color,#f1f1f1); min-height: 48px; min-width: 288px; padding: 16px 24px; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.26) 0px 2px 5px 0px; border-radius: 2px; margin: 12px; font-size: 14px; cursor: default; transition: transform 0.3s, opacity 0.3s; opacity: 0; transform: translateY(100px); font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; } tp-yt-paper-toast.capsule { border-radius: 24px; } tp-yt-paper-toast.fit-bottom { width: 100%; min-width: 0px; border-radius: 0px; margin: 0px; } tp-yt-paper-toast.paper-toast-open { opacity: 1; transform: translateY(0px); } yt-live-chat-toggle-renderer { cursor: pointer; display: flex; flex-direction: column; } yt-live-chat-toggle-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } yt-live-chat-toggle-renderer.ytd-menu-popup-renderer span.yt-live-chat-toggle-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } span.yt-live-chat-toggle-renderer { color: var(--yt-spec-text-primary); white-space: nowrap; margin-right: 24px; } yt-icon.yt-live-chat-toggle-renderer { color: var(--yt-spec-text-primary); margin-right: 16px; flex: 0 0 auto; } tp-yt-paper-item.yt-live-chat-toggle-renderer { --paper-item-min-height: 36px; padding: 0px 12px 0px 16px; } tp-yt-paper-toggle-button.yt-live-chat-toggle-renderer { margin-left: auto; } @keyframes pm-fade-out { 100% { opacity: 0; } } @keyframes pm-fade-in { 0% { opacity: 0; } } @keyframes pm-zoom-in { 0% { transform: scale(0.95); } } ::view-transition-old(page-manager-zoom) { animation: pm-fade-out var(--page-manager-transition-exit-ms,50ms) linear both; } ::view-transition-new(page-manager-zoom) { animation: pm-fade-in var(--page-manager-transition-enter-ms,.2s) linear calc(var(--page-manager-transition-exit-ms,50ms) + var(--page-manager-transition-wait-ms,50ms)) both,pm-zoom-in var(--page-manager-transition-enter-ms,.2s) cubic-bezier(0,0,.05,1) calc(var(--page-manager-transition-exit-ms,50ms) + var(--page-manager-transition-wait-ms,50ms)) both; } @keyframes pm-slide-to-top { 100% { transform: translateY(-10px); } } @keyframes pm-slide-from-bottom { 0% { transform: translateY(10px); } } ::view-transition-old(page-manager-slide) { animation: pm-fade-out var(--page-manager-transition-exit-ms,50ms) linear both,pm-slide-to-top var(--page-manager-transition-exit-ms,50ms) cubic-bezier(.25,.01,1,1) both; } ::view-transition-new(page-manager-slide) { animation: pm-fade-in var(--page-manager-transition-enter-ms,.2s) linear calc(var(--page-manager-transition-exit-ms,50ms) + var(--page-manager-transition-wait-ms,50ms)) both,pm-slide-from-bottom var(--page-manager-transition-enter-ms,.2s) cubic-bezier(0,0,.05,1) calc(var(--page-manager-transition-exit-ms,50ms) + var(--page-manager-transition-wait-ms,50ms)) both; } ::view-transition-old(miniplayer-page-transition) { display: none; } ::view-transition-new(miniplayer-page-transition) { animation: auto ease 0s 1 normal none running none; } yt-multi-page-menu-section-renderer { display: block; } h2.yt-multi-page-menu-section-renderer { color: var(--yt-spec-text-primary); margin: var(--ytd-margin-4x) 0 var(--ytd-margin-base) var(--ytd-margin-4x); font-weight: 400; flex: 1 1 1e-09px; } #items.yt-multi-page-menu-section-renderer > .yt-multi-page-menu-section-renderer:not([compact-link-style="compact-link-style-type-disclaimer"]):not(ytd-message-renderer):hover { background-color: var(--yt-spec-badge-chip-background); } yt-about-this-ad-renderer[dialog][dialog][dialog] { display: block; margin: 0px; padding: 0px; overflow: hidden; height: calc(-128px + 100vh); width: 720px; max-width: calc(-128px + 100vw); } #iframe.yt-about-this-ad-renderer { margin: 0px; padding: 0px; height: 100%; width: 100%; background: var(--yt-spec-static-brand-white); } yt-image-editor-renderer { display: flex; flex: 1 1 1e-09px; } yt-image-editor-renderer[dialog][dialog][dialog] { max-height: inherit; margin: 0px; padding: 0px; } .container.yt-image-editor-renderer { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; } .popup-header.yt-image-editor-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding: 24px 0px 24px 24px; justify-content: flex-start; align-items: center; flex: 0 0 auto; } .popup-header-title.yt-image-editor-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } .content.yt-image-editor-renderer { overflow-y: auto; padding: 0px 16px; display: flex; flex-direction: column; position: relative; } .error.yt-image-editor-renderer { margin: 16px 24px 0px; color: var(--yt-spec-error-indicator); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .button-layer.yt-image-editor-renderer { border-top: 0px; padding: 8px 24px; display: flex; flex-direction: row; justify-content: flex-end; } #update-button.yt-image-editor-renderer { margin-right: -16px; } yt-image-editor-renderer[is-playlist-thumbnail] #update-button.yt-image-editor-renderer { margin-left: 8px; } .spinner-container.yt-image-editor-renderer { position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } #canvas.yt-image-editor-renderer { margin: 4px 0px; } .drag.yt-image-editor-renderer { position: absolute; border: var(--yt-spec-static-overlay-call-to-action) 2px solid; background-color: var(--yt-spec-static-white-background); width: 10px; height: 10px; } .drag.yt-image-editor-renderer:focus { border: var(--yt-spec-static-overlay-call-to-action) 4px solid; outline: none; } #content.yt-report-details-form-content { margin: 16px 24px 24px; } #timestamp.yt-report-details-form-content { display: block; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #description.yt-report-details-form-content { margin-top: 24px; } #description.yt-report-details-form-content tp-yt-paper-input-container.yt-report-details-form-content { --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); padding-top: 0px; padding-bottom: 0px; } #description.yt-report-details-form-content tp-yt-paper-input-container.yt-report-details-form-content .input-content.tp-yt-paper-input-container > input, #description.yt-report-details-form-content tp-yt-paper-input-container.yt-report-details-form-content .input-content.tp-yt-paper-input-container > tp-yt-iron-input, #description.yt-report-details-form-content tp-yt-paper-input-container.yt-report-details-form-content .input-content.tp-yt-paper-input-container > textarea, #description.yt-report-details-form-content tp-yt-paper-input-container.yt-report-details-form-content .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, #description.yt-report-details-form-content tp-yt-paper-input-container.yt-report-details-form-content .input-content.tp-yt-paper-input-container > .paper-input-input { padding: 12px; box-sizing: border-box; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color); } #description-text.yt-report-details-form-content { display: inline-block; box-shadow: inset 0 0 0 1px var(--yt-spec-10-percent-layer); border-radius: 2px; box-sizing: border-box; } yt-report-details-form-content tp-yt-iron-autogrow-textarea#description-text .tp-yt-iron-autogrow-textarea[style-target="textarea"] { padding: 10px; box-sizing: border-box; } #description-text.yt-report-details-form-content[focused] { box-shadow: inset 0 0 0 2px var(--yt-spec-text-primary); } #description.yt-report-details-form-content tp-yt-paper-input-char-counter[style-target="host"] { color: var(--yt-spec-text-secondary); margin-top: -32px; margin-right: 18px; } #footer.yt-report-details-form-content { --yt-endpoint-hover-color: var(--yt-endpoint-color); display: block; color: var(--yt-spec-text-secondary); margin-top: 24px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } yt-report-details-form-renderer[dialog][dialog][dialog] { display: block; background: var(--yt-spec-brand-background-primary); color: var(--yt-spec-text-primary); width: 450px; max-width: 80vw; min-height: 240px; min-width: 250px; margin: 0px; padding: 0px; } #header.yt-report-details-form-renderer { display: flex; flex-direction: row; align-items: center; margin: 16px 12px 0px; } #title.yt-report-details-form-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; margin-left: 8px; } #buttons.yt-report-details-form-renderer { border-top: 0px; margin-top: 32px; padding: 8px; display: flex; flex-direction: row; justify-content: flex-end; } #buttons.yt-report-details-form-renderer yt-button-renderer.yt-report-details-form-renderer { margin-left: 8px; } #container.yt-report-form-modal-content { position: relative; display: flex; flex-direction: column; } #footer.yt-report-form-modal-content { color: var(--yt-spec-text-secondary); margin: var(--ytd-margin-6x) 0 var(--ytd-margin-2x); font-size: var(--ytd-mini-attribution-font-size); font-weight: var(--ytd-mini-attribution-font-weight); line-height: var(--ytd-mini-attribution-line-height); } #additional-detail-checkbox-container.yt-report-form-modal-content, #checkbox-container.yt-report-form-modal-content { --yt-boolean-form-string-padding-left: 0; padding: var(--ytd-margin-4x) 0 var(--ytd-margin-6x) 0; border-top: 1px solid var(--yt-spec-10-percent-layer); margin: 24px 0px 0px; display: flex; flex-direction: row; } yt-report-form-modal-renderer[dialog][dialog][dialog] { --yt-report-form-modal-renderer-width: 450px; background: var(--yt-spec-brand-background-solid); margin: 0px; width: var(--yt-report-form-modal-renderer-width,450px); max-width: 80vw; min-height: var(--yt-report-form-modal-renderer-min-width,240px); min-width: var(--yt-report-form-modal-renderer-min-width,300px); padding: 0px; display: flex; flex-direction: column; } yt-report-form-modal-renderer[dialog][dialog][dialog][hide-report-form] { display: none; } yt-report-form-modal-renderer > .yt-report-form-modal-renderer:not(:last-child):not(.buttons) { margin-top: 20px; padding: 0px 24px; } yt-report-form-modal-renderer dialog-layout.yt-report-form-modal-renderer.yt-report-form-modal-renderer:not([unmodern]).yt-report-form-modal-renderer:not([unmodern]).yt-report-form-modal-renderer:not([unmodern]) { padding: 0px; margin: 0px; } yt-report-form-modal-renderer > tp-yt-paper-dialog-scrollable.yt-report-form-modal-renderer:not(:last-child):not(:last-child) { padding: 0px; margin-top: 0px; } tp-yt-paper-dialog-scrollable.is-scrolled.yt-report-form-modal-renderer { margin-top: 14px; } yt-report-form-modal-renderer > .yt-report-form-modal-renderer:first-child { margin-top: 24px; } tp-yt-paper-dialog-scrollable.yt-report-form-modal-renderer { --paper-dialog-scrollable-padding: 0 var(--ytd-margin-6x) var(--ytd-margin-6x) var(--ytd-margin-6x); } .buttons.yt-report-form-modal-renderer { padding: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-6x); border-top: 0px; display: flex; flex-direction: row; justify-content: flex-end; } #title.yt-report-form-modal-renderer { color: var(--yt-spec-text-primary); margin-bottom: var(--ytd-margin-base); padding: 0 var(--ytd-margin-6x) 0 var(--ytd-margin-6x); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #submit-container.yt-report-form-modal-renderer { padding-top: var(--ytd-margin-2x); display: flex; flex-direction: row; justify-content: flex-end; } #loading-indicator.yt-report-form-modal-renderer { height: 100%; width: 100%; position: absolute; z-index: var(--ytd-z-index-report-form-overlay); background-color: var(--yt-deprecated-white-opacity-lighten-1); display: flex; flex-direction: column; align-items: center; justify-content: center; } #message-container.yt-report-form-modal-renderer { color: var(--yt-spec-text-primary); padding: 0 var(--ytd-margin-6x) var(--ytd-margin-6x) var(--ytd-margin-6x); flex: 1 1 1e-09px; display: flex; flex-direction: column; align-items: center; justify-content: center; } #description.yt-report-form-modal-renderer { margin: var(--ytd-margin-4x) 0 var(--ytd-margin-2x); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } yt-options-renderer.yt-report-form-modal-renderer { --yt-options-renderer-dropdown-width: calc(var(--yt-report-form-modal-renderer-width) - var(--ytd-margin-6x)*2 - var( --ytd-margin-11x ) - var(--ytd-margin-4x)); } #cancel-button.yt-report-form-modal-renderer { margin-right: var(--ytd-margin-2x); } yt-mealbar-promo-renderer { max-width: 648px; display: flex; flex-direction: row; } yt-mealbar-promo-renderer[has-full-height-image] { height: 192px; } yt-mealbar-promo-renderer[has-full-height-image] #icon.yt-mealbar-promo-renderer { --yt-img-max-height: 192px; } yt-mealbar-promo-renderer#mealbar-promo-renderer { padding: 0px; margin: 0px; } #main.yt-mealbar-promo-renderer { width: 100%; display: flex; flex-direction: column; justify-content: space-between; } #alternate-icon.yt-mealbar-promo-renderer { margin: 28px; width: 160px; height: 160px; flex: 0 0 auto; } #main.yt-mealbar-promo-renderer { background-repeat: no-repeat; background-size: cover; background-position: center center; } #dismiss-button.yt-mealbar-promo-renderer { margin-right: 4px; } #action-button.yt-mealbar-promo-renderer { margin-left: 4px; } #mealbar-logo.yt-mealbar-promo-renderer { height: 20px; } #mealbar-logo-with-padding.yt-mealbar-promo-renderer { height: 26px; } .yt-mealbar-promo-renderer-message-title.yt-mealbar-promo-renderer { margin: 24px 0px 0px; padding: 0px 24px; } yt-mealbar-promo-renderer[use-youtube-sans] .yt-mealbar-promo-renderer-message-title.yt-mealbar-promo-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.2rem; line-height: 3rem; font-weight: 700; } .yt-mealbar-promo-renderer-message-text.yt-mealbar-promo-renderer { display: block; color: var(--yt-spec-text-secondary); margin: 16px 0px 32px; padding: 0px 24px; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .button-container.yt-mealbar-promo-renderer { border-top: 0px; padding: 8px; display: flex; flex-direction: row; justify-content: flex-end; } .yt-mealbar-promo-renderer-message-title.yt-mealbar-promo-renderer { display: block; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } yt-mealbar-promo-renderer[modern] { background-color: var(--yt-spec-raised-background); width: 455px; } yt-mealbar-promo-renderer[modern] .button-container.yt-mealbar-promo-renderer { margin: 0px 16px 16px; padding: 0px; justify-content: center; } yt-mealbar-promo-renderer[modern] .yt-mealbar-promo-renderer-logo.yt-mealbar-promo-renderer { height: 20px; margin-bottom: 8px; } yt-mealbar-promo-renderer[modern] .yt-mealbar-promo-renderer-logo-with-padding.yt-mealbar-promo-renderer { height: 26px; margin-bottom: 2px; } yt-mealbar-promo-renderer[modern] .yt-mealbar-promo-renderer-message-title.yt-mealbar-promo-renderer { font-weight: bold; font-size: 20px; margin: 0px; padding: 0px; } yt-mealbar-promo-renderer[modern] .yt-mealbar-promo-renderer-message-text.yt-mealbar-promo-renderer { margin: 8px 0px 0px; padding: 0px; } yt-mealbar-promo-renderer[modern] .yt-mealbar-promo-renderer-supplemental-text.yt-mealbar-promo-renderer { display: inline-block; margin-top: 8px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } yt-mealbar-promo-renderer[modern] .yt-mealbar-promo-renderer-modern-icon.yt-mealbar-promo-renderer { margin-left: 16px; height: 120px; width: 120px; display: flex; flex-direction: row; align-self: center; } yt-mealbar-promo-renderer[modern] .yt-mealbar-promo-renderer-content.yt-mealbar-promo-renderer { margin: 16px; display: flex; flex-direction: row; justify-content: space-between; } yt-mealbar-promo-renderer[modern] yt-button-renderer.yt-mealbar-promo-renderer { flex-grow: 1; } yt-mealbar-promo-renderer[modern] #dismiss-button.yt-mealbar-promo-renderer { min-width: 30%; } yt-mealbar-promo-renderer[modern] #action-button.yt-mealbar-promo-renderer { min-width: 45%; } yt-tooltip-renderer { --yt-button-color: var(--yt-spec-text-primary-inverse); display: block; min-width: 0px; min-height: 0px; max-width: 300px; position: relative; background-color: var(--yt-spec-inverted-background); border-radius: 12px; box-shadow: 0 0 24px var(--yt-spec-static-overlay-background-medium-light); color: var(--yt-spec-text-primary-inverse); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; max-height: fit-content !important; overflow: visible !important; } #text.yt-tooltip-renderer:not(:empty) { margin-bottom: var(--ytd-margin-2x); letter-spacing: var(--ytd-link-letter-spacing); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } #details-text.yt-tooltip-renderer:not(:empty) { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #content.yt-tooltip-renderer { padding: var(--ytd-margin-4x); } #content.yt-tooltip-renderer yt-formatted-string.yt-tooltip-renderer { display: block; } yt-tooltip-renderer[has-buttons_] #content.yt-tooltip-renderer { padding: var(--ytd-margin-4x) var(--ytd-margin-4x) var(--ytd-margin-base); } #content.yt-tooltip-renderer yt-formatted-string.yt-tooltip-renderer, #text.yt-tooltip-renderer yt-formatted-string.yt-tooltip-renderer { --yt-endpoint-color: var(--yt-spec-text-primary-inverse); --yt-endpoint-visited-color: var(--yt-spec-text-primary-inverse); --yt-endpoint-hover-color: var(--yt-spec-text-primary-inverse); --yt-endpoint-text-decoration: underline; } .buttons.yt-tooltip-renderer { padding: var(--ytd-margin-2x) var(--ytd-margin-base); display: flex; flex-direction: row; justify-content: flex-end; } yt-tooltip-renderer::before { content: ""; position: absolute; border-style: solid; top: 100%; border-width: 8px; right: calc(50% - 12px); border-color: var(--yt-spec-inverted-background) transparent transparent transparent; } yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_TOPLEFT"]::before { right: 12px; } yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_TOPRIGHT"]::before { left: 12px; right: auto; } yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_LEFT"]::before { top: calc(50% - 8px); left: 100%; right: auto; border-color: transparent transparent transparent var(--yt-spec-inverted-background); } yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_RIGHT"]::before { top: calc(50% - 8px); right: 100%; left: auto; border-color: transparent var(--yt-spec-inverted-background) transparent transparent; } yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOM"]::before { top: -20px; left: calc(50% - 12px); border-color: transparent transparent var(--yt-spec-inverted-background) transparent; border-width: 12px; } yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOMLEFT"]::before { top: -20px; right: 12px; border-color: transparent transparent var(--yt-spec-inverted-background) transparent; border-width: 12px; } yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOMRIGHT"]::before { top: -20px; left: 12px; right: auto; border-color: transparent transparent var(--yt-spec-inverted-background) transparent; border-width: 12px; } yt-boolean-form-field-v2-renderer { display: flex; flex-direction: row; } #content.yt-boolean-form-field-v2-renderer { position: relative; display: flex; flex-direction: column; } tp-yt-paper-checkbox.yt-boolean-form-field-v2-renderer { --paper-checkbox-size: 18px; --paper-checkbox-vertical-align: top; --paper-checkbox-margin: 2px 0 0 0; } yt-formatted-string.label.yt-boolean-form-field-v2-renderer { padding-left: var(--yt-boolean-form-string-padding-left,var(--ytd-margin-6x)); cursor: pointer; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } yt-formatted-string.tooltip.yt-boolean-form-field-v2-renderer { font-size: var(--ytd-mini-attribution-font-size); font-weight: var(--ytd-mini-attribution-font-weight); line-height: var(--ytd-mini-attribution-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } yt-community-post-section-renderer { display: block; border-bottom: 1px solid var(--yt-spec-10-percent-layer); margin-bottom: var(--ytd-margin-4x); padding-bottom: var(--ytd-margin-4x); text-align: center; } #title.yt-community-post-section-renderer { color: var(--yt-spec-text-primary); display: inline-block; font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #subtitle.yt-community-post-section-renderer { color: var(--yt-spec-text-secondary); display: inline-block; font-size: var(--ytd-mini-attribution-font-size); font-weight: var(--ytd-mini-attribution-font-weight); line-height: var(--ytd-mini-attribution-line-height); } #post-button.yt-community-post-section-renderer { margin: var(--ytd-margin-4x) 0; } yt-share-panel-header-renderer { display: block; } #title-bar.yt-share-panel-header-renderer { width: 100%; display: flex; flex-direction: row; } #title.yt-share-panel-header-renderer { margin: auto 0px; } yt-share-panel-title-v15-renderer { display: inline-block; } #title.yt-share-panel-title-v15-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: row; justify-content: flex-start; font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #start-time-title.yt-share-start-time-with-context-renderer { margin: var(--ytd-margin-2x) 0; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } yt-share-target-renderer { display: inline-block; vertical-align: top; user-select: none; } #target.yt-share-target-renderer { margin: 1px 0px; border: none; border-radius: 3px; padding: 5px 1px 2px; outline: none; text-align: inherit; font-family: inherit; background-color: transparent; cursor: pointer; } #target.yt-share-target-renderer:focus { outline: 1px solid var(--yt-spec-button-chip-background-hover); background-color: var(--yt-spec-button-chip-background-hover); } yt-share-target-renderer yt-icon.yt-share-target-renderer { --iron-icon-height: 60px; --iron-icon-width: 60px; margin-left: var(--ytd-margin-base); margin-right: var(--ytd-margin-base); margin-bottom: var(--ytd-margin-2x); } yt-share-target-renderer .yt-share-target-renderer[style-target="title"] { color: var(--yt-spec-text-primary); margin: auto; width: 68px; max-height: 42px; text-align: center; white-space: normal; overflow: hidden; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } yt-sharing-embed-renderer[dialog][dialog][dialog] { --divider-color: var( --yt-spec-10-percent-layer ); margin: 0px; max-width: 1280px; padding: 0px; display: flex; flex-direction: row; box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.4) 0px 8px 10px -5px; } yt-sharing-embed-renderer { --preview-panel-small-width: 426px; --preview-panel-small-height: 240px; --preview-panel-medium-width: 640px; --preview-panel-medium-height: 360px; --preview-panel-default-width: 854px; --preview-panel-default-height: 480px; --embed-panel-default-width: 426px; --embed-panel-default-height: 480px; --embed-panel-medium-height: 360px; } yt-sharing-embed-renderer[is-square-aspect-ratio_] { --preview-panel-small-width: 426px; --preview-panel-small-height: 426px; --preview-panel-medium-width: 360px; --preview-panel-medium-height: 360px; --preview-panel-default-width: 480px; --preview-panel-default-height: 480px; } #title-bar.yt-sharing-embed-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding: var(--ytd-margin-4x); display: flex; flex-direction: row; } #embed-label.yt-sharing-embed-renderer { flex: 1 1 1e-09px; } #embed-label.yt-sharing-embed-renderer yt-formatted-string.yt-sharing-embed-renderer { color: var(--yt-spec-text-primary); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #close-panel-icon.yt-sharing-embed-renderer { --iron-icon-height: 24px; --iron-icon-width: 24px; color: var(--yt-spec-icon-active-other); cursor: pointer; } #content.yt-sharing-embed-renderer { flex: 1 1 1e-09px; } tp-yt-paper-dialog-scrollable.yt-sharing-embed-renderer { --paper-dialog-scrollable-padding: 0; } tp-yt-paper-input.yt-sharing-embed-renderer, tp-yt-paper-textarea.yt-sharing-embed-renderer { --paper-input-container-input-color: var(--yt-spec-text-secondary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-underline-color: var(--yt-spec-10-percent-layer); --paper-input-container-underline-disabled-display: none; } tp-yt-paper-input.yt-sharing-embed-renderer tp-yt-paper-input-container[style-target="host"], tp-yt-paper-textarea.yt-sharing-embed-renderer tp-yt-paper-input-container[style-target="host"] { padding: 0px; } #embed-code.yt-sharing-embed-renderer { margin-right: 80px; } #embed-code.yt-sharing-embed-renderer .input-content.tp-yt-paper-input-container > input, #embed-code.yt-sharing-embed-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, #embed-code.yt-sharing-embed-renderer .input-content.tp-yt-paper-input-container > textarea, #embed-code.yt-sharing-embed-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, #embed-code.yt-sharing-embed-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-family: "Roboto Mono", monospace; font-size: var(--ytd-code-snippet-font-size); font-weight: 400; line-height: var(--ytd-code-snippet-line-height); } yt-start-at-renderer.yt-sharing-embed-renderer { margin-top: var(--ytd-margin-4x); margin-bottom: var(--ytd-margin-4x); } tp-yt-paper-checkbox.yt-sharing-embed-renderer { margin: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) 0; } yt-formatted-string.yt-sharing-embed-renderer { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } #basic.yt-sharing-embed-renderer, #embed-options.yt-sharing-embed-renderer { padding: var(--ytd-margin-4x); } #basic.yt-sharing-embed-renderer { padding-bottom: 0px; } #embed-options-label.yt-sharing-embed-renderer { color: var(--yt-spec-text-secondary); padding-bottom: var(--ytd-margin-2x); -webkit-font-smoothing: var(--ytd-caption--webkit-font-smoothing); font-family: var(--ytd-caption-font-family); font-size: var(--ytd-caption-font-size); font-weight: var(--ytd-caption-font-weight); letter-spacing: var(--ytd-caption-letter-spacing); line-height: var(--ytd-caption-line-height); text-transform: var(--ytd-caption-text-transform); } #layout-size.yt-sharing-embed-renderer { padding: var(--ytd-margin-2x) 0; } #additional-info.yt-sharing-embed-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); padding: var(--ytd-margin-4x); } #additional-links.yt-sharing-embed-renderer { padding-bottom: var(--ytd-margin-4x); } .link.yt-sharing-embed-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); margin-right: 24px; font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } #legal-info.yt-sharing-embed-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } #legal-info.yt-sharing-embed-renderer a.yt-sharing-embed-renderer { font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } #action-buttons.yt-sharing-embed-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); padding: var(--ytd-margin-2x); display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } #privacy-mode-wrapper.yt-sharing-embed-renderer { align-items: center; display: flex; flex-direction: row; } #privacy-mode-info.yt-sharing-embed-renderer { --iron-icon-height: 16px; --iron-icon-width: 16px; color: var(--yt-spec-icon-active-other); margin: var(--ytd-margin-2x) 0; } #video-preview.yt-sharing-embed-renderer { background: black; display: inherit; height: var(--preview-panel-default-height); width: var(--preview-panel-default-width); flex: 1 1 1e-09px; } #embed-panel.yt-sharing-embed-renderer { background: var(--yt-spec-brand-background-primary); min-width: var(--embed-panel-default-width); height: var(--embed-panel-default-height); display: flex; flex-direction: column; } @media (min-width: 1157px) and (max-width: 1439px) { #video-preview.yt-sharing-embed-renderer, #video-preview.yt-sharing-embed-renderer iframe.yt-sharing-embed-renderer { height: var(--preview-panel-medium-height); width: var(--preview-panel-medium-width); max-width: var(--preview-panel-medium-width); } #embed-panel.yt-sharing-embed-renderer { width: var(--embed-panel-default-width); height: var(--embed-panel-medium-height); } } @media (max-width: 1156px) { yt-sharing-embed-renderer[dialog][dialog][dialog] { display: flex; flex-direction: column; } #video-preview.yt-sharing-embed-renderer, #video-preview.yt-sharing-embed-renderer iframe.yt-sharing-embed-renderer { min-height: var(--preview-panel-small-height); width: var(--preview-panel-small-width); } #embed-panel.yt-sharing-embed-renderer { min-width: var(--embed-panel-default-width); height: var(--embed-panel-default-height); } } yt-start-at-renderer { display: block; height: 23px; } #label.yt-start-at-renderer { color: var(--yt-spec-text-primary); margin: var(--ytd-margin-3x); display: flex; flex-direction: row; justify-content: flex-start; } tp-yt-paper-input.yt-start-at-renderer { --paper-input-container-color: var(--yt-spec-10-percent-layer); --paper-input-container-input-color: var(--yt-spec-text-secondary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-underline-color: var(--yt-spec-text-secondary); --paper-input-container-underline-disabled-display: none; } tp-yt-paper-input.yt-start-at-renderer tp-yt-paper-input-container[style-target="host"] { padding: 0px; } #start-at-wrapper.yt-start-at-renderer { padding-bottom: 2px; display: flex; flex-direction: row; align-items: center; } #start-at-wrapper.yt-start-at-renderer tp-yt-paper-input-container[style-target="host"] { padding: 0px; } #start-at-wrapper.yt-start-at-renderer .input-content.tp-yt-paper-input-container > input, #start-at-wrapper.yt-start-at-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, #start-at-wrapper.yt-start-at-renderer .input-content.tp-yt-paper-input-container > textarea, #start-at-wrapper.yt-start-at-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, #start-at-wrapper.yt-start-at-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { line-height: 40px; } #start-at-checkbox.yt-start-at-renderer { color: var(--yt-spec-text-primary); margin-top: -1px; margin-right: var(--ytd-margin-2x); margin-bottom: 1px; } yt-formatted-string.yt-start-at-renderer { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } #start-at-timestamp.yt-start-at-renderer { max-width: 50px; } #start-at-timestamp.yt-start-at-renderer .input-content.tp-yt-paper-input-container > input, #start-at-timestamp.yt-start-at-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, #start-at-timestamp.yt-start-at-renderer .input-content.tp-yt-paper-input-container > textarea, #start-at-timestamp.yt-start-at-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, #start-at-timestamp.yt-start-at-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } yt-third-party-network-section-renderer { display: inline-block; } yt-copy-link-renderer.yt-third-party-network-section-renderer { margin-top: var(--ytd-margin-6x); } yt-start-at-renderer.yt-third-party-network-section-renderer { margin-top: var(--ytd-margin-6x); padding-top: var(--ytd-margin-6x); border-top: 1px solid var(--yt-spec-10-percent-layer); } yt-third-party-share-target-section-renderer { position: relative; width: 100%; display: flex; flex-direction: row; flex: 1 1 1e-09px; } #list.yt-third-party-share-target-section-renderer { overflow: hidden; white-space: nowrap; } #contents.yt-third-party-share-target-section-renderer yt-share-target-renderer.yt-third-party-share-target-section-renderer { display: inline-block; margin-right: 8px; } #scroll-button-back.yt-third-party-share-target-section-renderer { left: -14px; } #scroll-button-forward.yt-third-party-share-target-section-renderer { right: -14px; } .scroll-button-icon.yt-third-party-share-target-section-renderer { width: 24px; height: 24px; } .scroll-button.yt-third-party-share-target-section-renderer { position: absolute; width: 40px; height: 40px; top: 16px; border-radius: 50%; background-color: var(--yt-spec-brand-background-primary); color: var(--yt-spec-icon-inactive); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 0px 4px; } yt-flow-footer-renderer { padding: 16px; justify-content: flex-end; flex: 1 1 1e-09px; display: flex; flex-direction: row; } yt-flow-footer-renderer[visibility-hidden] { visibility: hidden; } #secondary-button.yt-flow-footer-renderer:not(hidden) { margin-right: 16px; } yt-flow-header-renderer { display: block; } #top-bar.yt-flow-header-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; } #progress-bar.yt-flow-header-renderer { --paper-progress-active-color: var(--yt-spec-text-primary); --paper-progress-container-color: var(--yt-spec-10-percent-layer); width: 100%; } #title.yt-flow-header-renderer { color: var(--yt-spec-text-primary); padding: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } yt-post-confirmation-flow-step-renderer { display: block; } #container.yt-post-confirmation-flow-step-renderer { box-sizing: border-box; display: inline-block; padding: 16px; width: 100%; } yt-refund-confirmation-flow-step-renderer { display: block; } #container.yt-refund-confirmation-flow-step-renderer { box-sizing: border-box; display: inline-block; padding: 16px; width: 100%; } #user-info.yt-refund-confirmation-flow-step-renderer { margin-bottom: 16px; } #confirmation-text.yt-refund-confirmation-flow-step-renderer { margin-bottom: 24px; } #confirmation-details.yt-refund-confirmation-flow-step-renderer { padding-bottom: 12px; margin-bottom: 16px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } yt-unlimited-family-message-interstitial-renderer[dialog][dialog][dialog] { background: var(--yt-spec-brand-background-primary); height: 340px; margin: 0px; max-width: 608px; padding: var(--ytd-margin-6x); justify-content: space-between; display: flex; flex-direction: column; } yt-unlimited-family-message-interstitial-renderer[dialog][dialog][dialog][loading] { min-height: 340px; min-width: 608px; align-items: center; justify-content: center; } yt-unlimited-family-message-interstitial-renderer[loading] tp-yt-paper-spinner.yt-unlimited-family-message-interstitial-renderer { display: block; } tp-yt-paper-spinner.yt-unlimited-family-message-interstitial-renderer { display: none; } .content-container.yt-unlimited-family-message-interstitial-renderer { margin: 0px; padding: 0px; display: flex; flex-direction: row; align-self: flex-start; } .main-content.yt-unlimited-family-message-interstitial-renderer { margin-right: var(--ytd-margin-4x); } h2.yt-unlimited-family-message-interstitial-renderer { white-space: normal; color: var(--yt-spec-text-primary); display: block; max-height: calc(var(--yt-navbar-title-line-height,2.4rem)*2); overflow: hidden; font-size: var(--ytd-navbar-title-font-size); font-weight: var(--ytd-navbar-title-font-weight); line-height: var(--ytd-navbar-title-line-height); } .content.yt-unlimited-family-message-interstitial-renderer { display: block; margin-top: var(--ytd-margin-3x); white-space: pre-line; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } .footer-container.yt-unlimited-family-message-interstitial-renderer { border-top: 0px; padding: var(--ytd-margin-4x) 0 0 0; margin: 0px; justify-content: flex-end; display: flex; flex-direction: row; } .footer.yt-unlimited-family-message-interstitial-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } @media (max-width: 605px) { #thumbnail.yt-unlimited-family-message-interstitial-renderer { display: none; } } .buttons.yt-unlimited-family-message-interstitial-renderer { padding-right: 0px; display: flex; flex-direction: row; align-self: center; } yt-unlimited-family-profile-interstitial-renderer[dialog][dialog][dialog] { background: var(--yt-spec-brand-background-primary); height: 340px; margin: 0px; max-width: 608px; padding: var(--ytd-margin-6x); justify-content: space-between; display: flex; flex-direction: column; } .content-container.yt-unlimited-family-profile-interstitial-renderer { margin: 0px; padding: 0px; display: flex; flex-direction: row; } .left-side.yt-unlimited-family-profile-interstitial-renderer { margin-right: var(--ytd-margin-4x); flex: 1 1 1e-09px; } h2.yt-unlimited-family-profile-interstitial-renderer { color: var(--yt-spec-text-primary); display: block; max-height: calc(var(--yt-navbar-title-line-height,2.4rem)*2); overflow: hidden; font-size: var(--ytd-navbar-title-font-size); font-weight: var(--ytd-navbar-title-font-weight); line-height: var(--ytd-navbar-title-line-height); } .additional-info.yt-unlimited-family-profile-interstitial-renderer { display: block; margin-top: var(--ytd-margin-3x); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } .right-side.yt-unlimited-family-profile-interstitial-renderer { width: 252px; display: flex; flex-direction: column; } yt-img-shadow.yt-unlimited-family-profile-interstitial-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; } #main-thumbnail.yt-unlimited-family-profile-interstitial-renderer { margin-bottom: var(--ytd-margin-2x); align-self: center; } .secondary-thumbnails.yt-unlimited-family-profile-interstitial-renderer { margin-bottom: var(--ytd-margin-2x); display: flex; flex-direction: row; align-self: center; } .secondary-thumbnail.yt-unlimited-family-profile-interstitial-renderer { margin-right: var(--ytd-margin-2x); } .secondary-thumbnail.yt-unlimited-family-profile-interstitial-renderer:last-of-type { margin-right: 0px; } .member-info.yt-unlimited-family-profile-interstitial-renderer { color: var(--yt-spec-text-secondary); text-align: center; } .member-title.yt-unlimited-family-profile-interstitial-renderer { color: var(--yt-spec-text-primary); margin-top: var(--ytd-margin-base); text-align: center; font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } #manage-button.yt-unlimited-family-profile-interstitial-renderer { align-self: center; } .buttons.yt-unlimited-family-profile-interstitial-renderer { border-top: 0px; padding: var(--ytd-margin-4x) 0 0 0; margin: 0px; justify-content: flex-end; display: flex; flex-direction: row; } yt-unplugged-pause-membership-dialog-renderer[dialog][dialog][dialog] { height: 100%; max-width: 600px; position: relative; padding: 0px; margin: 0px; display: flex; flex-direction: column; justify-content: space-between; } yt-unplugged-pause-membership-dialog-renderer[dialog][dialog][dialog][loading] { height: 100%; max-width: 600px; position: relative; padding: 0px; margin: 0px; visibility: hidden; display: flex; flex-direction: column; justify-content: space-between; } tp-yt-paper-spinner-lite.yt-unplugged-pause-membership-dialog-renderer { display: none; } yt-unplugged-pause-membership-dialog-renderer[loading] tp-yt-paper-spinner-lite.yt-unplugged-pause-membership-dialog-renderer { display: block; position: absolute; margin-left: auto; margin-right: auto; left: 50%; top: 50%; transform: translateX(-50%); visibility: visible; } .dialog-title.yt-unplugged-pause-membership-dialog-renderer { color: var(--yt-spec-text-primary); margin: var(--ytd-margin-6x) 0 var(--ytd-margin-5x) var(--ytd-margin-6x); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } .duration-title.yt-unplugged-pause-membership-dialog-renderer { color: var(--yt-spec-text-primary); margin-left: var(--ytd-margin-6x); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } .duration-subtitle.yt-unplugged-pause-membership-dialog-renderer { margin: 0 0 var(--ytd-margin-2x) var(--ytd-margin-6x); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } .pause-slider.yt-unplugged-pause-membership-dialog-renderer { --paper-slider-active-color: var(--yt-spec-static-brand-red); --paper-slider-knob-color: var(--yt-spec-static-brand-red); --paper-slider-knob-start-border-color: var(--yt-spec-static-brand-red); --paper-slider-knob-start-color: var(--yt-spec-static-brand-red); --paper-slider-container-color: var(--yt-spec-icon-disabled); margin: 0 var(--ytd-margin-6x) var(--ytd-margin-3x) var(--ytd-margin-3x); width: 90%; max-width: 36rem; } .body-message.yt-unplugged-pause-membership-dialog-renderer { margin: var(--ytd-margin-2x) var(--ytd-margin-6x) var(--ytd-margin-5x) var(--ytd-margin-6x); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } #dialog-actions.yt-unplugged-pause-membership-dialog-renderer { border-top: 0px; padding: var(--ytd-margin-2x) 0; margin-top: var(--ytd-margin-4x); display: flex; flex-direction: row; justify-content: flex-end; } #secondary-button.yt-unplugged-pause-membership-dialog-renderer, #primary-button.yt-unplugged-pause-membership-dialog-renderer { margin-right: var(--ytd-margin-2x); } yt-vc-offer-layout-header-renderer { display: flex; flex-direction: column; } #vc-balance.yt-vc-offer-layout-header-renderer { margin-bottom: var(--ytd-margin-4x); } #description.yt-vc-offer-layout-header-renderer { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } yt-vc-offer-layout-renderer { --yt-vc-offer-renderer-width: 136px; padding: var(--ytd-margin-8x) 0; background-color: var(--yt-spec-general-background-a); width: 80vw; max-width: 600px; display: flex; flex-direction: row; justify-content: center; } #vc-offer-layout-container.yt-vc-offer-layout-renderer { max-width: calc(var(--yt-vc-offer-renderer-width)*3 + var(--ytd-margin-4x)*2 + var(--ytd-margin-2x)*2); } @media (max-width: 568px) { #vc-offer-layout-container.yt-vc-offer-layout-renderer { max-width: calc(var(--yt-vc-offer-renderer-width)*2 + var(--ytd-margin-4x) + var(--ytd-margin-2x)*2); } } #header.yt-vc-offer-layout-renderer { margin: 0 var(--ytd-margin-2x) var(--ytd-margin-4x) var(--ytd-margin-2x); } #offers.yt-vc-offer-layout-renderer { display: flex; flex-flow: wrap; } #offers.yt-vc-offer-layout-renderer > .yt-vc-offer-layout-renderer.yt-vc-offer-layout-renderer { margin: var(--ytd-margin-2x); } yt-vc-offer-renderer { box-sizing: border-box; height: 142px; padding: var(--ytd-margin-4x); border: 2px solid var(--yt-spec-10-percent-layer); border-radius: var(--ytd-margin-2x); cursor: pointer; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } yt-vc-offer-renderer[vc-offer-style="VC_OFFER_STYLE_STANDARD"] { width: 136px; } yt-vc-offer-renderer[vc-offer-style="VC_OFFER_STYLE_HERO"] { width: 288px; } #title-text.yt-vc-offer-renderer { width: 128px; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height,1.8rem); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } #standard-offer-container.yt-vc-offer-renderer { width: 104px; display: flex; flex-direction: column; align-items: center; } #standard-offer-content.yt-vc-offer-renderer { display: flex; flex-direction: column; align-items: center; justify-content: space-between; } #offer-info.yt-vc-offer-renderer { color: var(--yt-spec-text-primary); font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } #description-text.yt-vc-offer-renderer { color: var(--yt-spec-text-secondary); text-align: center; font-size: var(--ytd-mini-attribution-font-size); font-weight: var(--ytd-mini-attribution-font-weight); line-height: var(--ytd-mini-attribution-line-height); } #vc-icon.yt-vc-offer-renderer { margin-top: var(--ytd-margin-2x); margin-bottom: var(--ytd-margin-2x); } #price.yt-vc-offer-renderer { color: var(--yt-spec-text-secondary); font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } yt-ypc-offers-modal-renderer[dialog][dialog][dialog] { margin: 0px; padding: 0px; display: flex; flex-direction: column; } #scrollable.yt-ypc-offers-modal-renderer { --paper-dialog-scrollable-padding: 0; } yt-ypc-offers-modal-top-bar-renderer { background-color: var(--yt-spec-brand-background-solid); padding: var(--ytd-margin-2x); display: flex; flex-direction: row; align-items: center; } #title.yt-ypc-offers-modal-top-bar-renderer { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } yt-ypc-upgrade-dialog-renderer[dialog][dialog][dialog] { --divider-color: var( --yt-spec-brand-background-solid ); background-color: var(--yt-spec-brand-background-solid); margin: 0px; padding: 0px; max-width: 432px; display: flex; flex-direction: column; } #header.yt-ypc-upgrade-dialog-renderer { display: flex; flex-direction: column; } #title.yt-ypc-upgrade-dialog-renderer { display: flex; flex-direction: column; font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); color: var(--yt-spec-text-primary); margin-top: var(--ytd-margin-6x); margin-left: var(--ytd-margin-6x); margin-bottom: var(--ytd-margin-3x); } #access-message.yt-ypc-upgrade-dialog-renderer { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); margin-left: var(--ytd-margin-6x); margin-right: var(--ytd-margin-6x); margin-bottom: var(--ytd-margin-3x); color: var(--yt-spec-text-secondary,var(--ytd-user-comment-color)); } #scrollable.yt-ypc-upgrade-dialog-renderer { --paper-dialog-scrollable-padding: 0; margin-bottom: 2px; } #content.yt-ypc-upgrade-dialog-renderer { max-height: 600px; } #billing-details-container.yt-ypc-upgrade-dialog-renderer { display: flex; flex-direction: column; border-top: 0px; border-bottom: 0px; } .billing-item.yt-ypc-upgrade-dialog-renderer { display: flex; flex-direction: column; padding: var(--ytd-margin-3x) var(--ytd-margin-6x) var(--ytd-margin-3x) var(--ytd-margin-6x); border-top: 0px; border-bottom: 0px; } #billing-details-container.yt-ypc-upgrade-dialog-renderer .billing-item.yt-ypc-upgrade-dialog-renderer:first-child { border-top: none; } .item-header.yt-ypc-upgrade-dialog-renderer { display: flex; flex-direction: row; justify-content: space-between; font-size: var(--ytd-link-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); color: var(--yt-spec-text-primary); margin-bottom: var(--ytd-margin-2x); } .item-description.yt-ypc-upgrade-dialog-renderer { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--yt-spec-text-secondary); width: 75%; } #legal-text.yt-ypc-upgrade-dialog-renderer { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); margin-left: var(--ytd-margin-6x); margin-right: var(--ytd-margin-6x); margin-top: var(--ytd-margin-3x); color: var(--yt-spec-text-secondary,var(--ytd-user-comment-color)); } #footer.yt-ypc-upgrade-dialog-renderer { display: flex; flex-direction: row-reverse; flex: 0 0 auto; margin-bottom: var(--ytd-margin-4x); margin-top: var(--ytd-margin-4x); } #cancel-button.yt-ypc-upgrade-dialog-renderer { margin-right: var(--ytd-margin-2x); } #continue-button.yt-ypc-upgrade-dialog-renderer { margin-left: var(--ytd-margin-2x); margin-right: var(--ytd-margin-4x); } #spinner-overlay.yt-ypc-upgrade-dialog-renderer { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; background-color: var(--yt-spec-brand-background-secondary); } #spinner.yt-ypc-upgrade-dialog-renderer { position: absolute; top: calc(50% - 14px); left: calc(50% - 14px); --paper-spinner-color: var(--yt-spec-icon-inactive); } yt-bubble-hint-renderer { border-radius: 12px; overflow: hidden; } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] { position: relative; background-color: var(--yt-spec-brand-background-primary); min-width: 350px; box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.4) 0px 8px 10px -5px; display: flex; flex-direction: column; overflow: visible !important; } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"]::after { content: ""; border-width: 15px; position: absolute; border-style: solid; top: 100%; right: calc(50% - 15px); border-color: var(--yt-spec-brand-background-primary) transparent transparent transparent; } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] #text.yt-bubble-hint-renderer { display: block; color: var(--yt-spec-text-primary); margin-top: ; margin-right: ; margin-left: ; margin-bottom: var(--ytd-margin-4x); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] #details-text.yt-bubble-hint-renderer { margin: 0 var(--ytd-margin-6x) var(--ytd-margin-6x); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] .buttons.yt-bubble-hint-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: row; justify-content: flex-end; } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] #dismiss-button.yt-bubble-hint-renderer, yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_UNKNOWN"] #accept-button.yt-bubble-hint-renderer { margin-right: var(--ytd-margin-2x); padding: var(--ytd-margin-2x) 0; } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] { --yt-button-color: var(--yt-spec-static-overlay-text-primary); display: block; min-width: 0px; min-height: 0px; max-width: 300px; position: relative; background-color: var(--yt-spec-dark-blue); color: var(--yt-spec-static-overlay-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: visible !important; } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] #text.yt-bubble-hint-renderer:not(:empty) { margin-bottom: var(--ytd-margin-2x); font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] #content.yt-bubble-hint-renderer { padding: var(--ytd-margin-4x); } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"][has-buttons_] #content.yt-bubble-hint-renderer { padding: var(--ytd-margin-4x) var(--ytd-margin-4x) var(--ytd-margin-base); } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] #content.yt-bubble-hint-renderer yt-formatted-string.yt-bubble-hint-renderer, yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] #text.yt-bubble-hint-renderer yt-formatted-string.yt-bubble-hint-renderer { --yt-endpoint-color: var(--yt-spec-static-overlay-text-primary); --yt-endpoint-visited-color: var(--yt-spec-static-overlay-text-primary); --yt-endpoint-hover-color: var(--yt-spec-static-overlay-text-primary); --yt-endpoint-text-decoration: underline; } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"] .buttons.yt-bubble-hint-renderer { padding: var(--ytd-margin-2x) var(--ytd-margin-base); display: flex; flex-direction: row; justify-content: flex-end; } yt-bubble-hint-renderer[style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { content: ""; position: absolute; border-style: solid; top: 100%; border-width: 12px; right: calc(50% - 12px); border-color: var(--yt-spec-dark-blue) transparent transparent transparent; } yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_TOPLEFT"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { right: 12px; } yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_TOPRIGHT"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { left: 12px; right: auto; } yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_LEFT"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { top: calc(50% - 12px); left: 100%; right: auto; border-color: transparent transparent transparent var(--yt-spec-dark-blue); } yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_RIGHT"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { top: calc(50% - 12px); right: 100%; left: auto; border-color: transparent var(--yt-spec-dark-blue) transparent transparent; } yt-bubble-hint-renderer[position-type="OPEN_POPUP_POSITION_BOTTOM"][style_="BUBBLE_HINT_STYLE_BLUE_TOOLTIP"]::before { top: -24px; left: calc(50% - 12px); border-color: transparent transparent var(--yt-spec-dark-blue) transparent; } yt-confirm-dialog-renderer[dialog][dialog][dialog] { --divider-color: var( --yt-spec-10-percent-layer ); background: var(--yt-spec-brand-background-primary); margin: 0px; max-width: 688px; padding: 0px; display: flex; flex-direction: row; } yt-confirm-dialog-renderer[dialog][dialog][dialog][use-overlay-for-spinner_] { position: relative; visibility: hidden; } yt-confirm-dialog-renderer[dialog-with-header-image]:not([has-header-image-width_]) { width: min-content; } yt-confirm-dialog-renderer:not([use-overlay-for-spinner_]) #spinner.yt-confirm-dialog-renderer { width: 400px; height: 224px; display: flex; align-items: center; justify-content: center; } yt-confirm-dialog-renderer[use-overlay-for-spinner_] #spinner.yt-confirm-dialog-renderer { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); visibility: visible; } #loading-message.yt-confirm-dialog-renderer { margin: 24px 24px 0px; text-align: center; } yt-confirm-dialog-renderer[has-loading-message] tp-yt-paper-spinner.yt-confirm-dialog-renderer { left: 50%; transform: translate(-50%, 0px); } yt-confirm-dialog-renderer[has-loading-message] #spinner.yt-confirm-dialog-renderer { width: 100%; } yt-confirm-dialog-renderer[dialog-with-thumbnail] { min-width: 456px; } yt-confirm-dialog-renderer[dialog-with-thumbnail] #main.yt-confirm-dialog-renderer { min-width: 200px; } yt-confirm-dialog-renderer[dialog-with-thumbnail] #scroller.yt-confirm-dialog-renderer { margin: 0px; display: flex; } #main.yt-confirm-dialog-renderer { margin-top: var(--ytd-margin-6x); width: 100%; display: flex; flex-direction: column; } yt-confirm-dialog-renderer[dialog-with-header-image]:not([has-header-image-width_]) #main.yt-confirm-dialog-renderer { margin-top: 0px; } yt-confirm-dialog-renderer[has-header-image-width_] #header-image.yt-confirm-dialog-renderer { margin: 0px 0px 24px; width: 100%; } yt-confirm-dialog-renderer:not([has-header-image-width_]) #header-image.yt-confirm-dialog-renderer { margin: 0px 0px 24px; width: max-content; } #title.yt-confirm-dialog-renderer { display: block; color: var(--yt-spec-text-primary); margin-bottom: var(--ytd-margin-4x); padding: 0 var(--ytd-margin-6x); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #scroller.yt-confirm-dialog-renderer { --paper-dialog-scrollable-min-width: 200px; --paper-dialog-scrollable-padding: 0 var(--ytd-margin-6x); --paper-dialog-scrollable-box-sizing: border-box; margin: var(--ytd-margin-base) 0 var(--ytd-margin-6x); flex: 1 0 auto; } .body-text.yt-confirm-dialog-renderer { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } .line-text.yt-confirm-dialog-renderer:not(:last-of-type) { display: block; margin-bottom: var(--ytd-margin-2x); } .buttons.yt-confirm-dialog-renderer { border-top: 0px; position: relative; padding: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-6x); display: flex; flex-direction: row; justify-content: flex-end; flex: 0 0 auto; } .heading.yt-confirm-dialog-renderer { font-weight: unset; font-size: unset; } #checkbox-container.yt-confirm-dialog-renderer { --yt-boolean-form-string-padding-left: 0; padding: 0px 16px 25px 21px; margin: 0px; display: flex; flex-direction: row; } #cancel-button.yt-confirm-dialog-renderer, #confirm-button.yt-confirm-dialog-renderer, #checkbox-enabled-confirm-button.yt-confirm-dialog-renderer { margin-left: var(--ytd-margin-2x); } yt-confirm-dialog-renderer[primary-is-cancel] .buttons.yt-confirm-dialog-renderer { display: flex; flex-direction: row-reverse; justify-content: flex-start; } @media (max-width: 455px) { yt-confirm-dialog-renderer[dialog][dialog][dialog] { display: flex; flex-direction: column; } yt-confirm-dialog-renderer[dialog-with-thumbnail] { min-width: auto; } yt-confirm-dialog-renderer[dialog-with-thumbnail] #scroller.yt-confirm-dialog-renderer { margin-bottom: 24px; min-height: auto; display: block; } } yt-fancy-dismissible-dialog-renderer[dialog][dialog][dialog] { background: var(--yt-spec-brand-background-primary); margin: 0px; width: 450px; max-width: 80vw; min-width: var(--yt-legal-report-details-form-renderer-min-width); padding: 0px; display: flex; flex-direction: column; } yt-fancy-dismissible-dialog-renderer > .yt-fancy-dismissible-dialog-renderer:not(.buttons):not(dialog-layout) { padding: 0 var(--ytd-margin-6x); } yt-fancy-dismissible-dialog-renderer > .yt-fancy-dismissible-dialog-renderer:first-child { margin-top: var(--ytd-margin-6x); } h2.yt-fancy-dismissible-dialog-renderer { color: var(--yt-spec-text-primary); margin-bottom: 0px; font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #scroller.yt-fancy-dismissible-dialog-renderer { --paper-dialog-scrollable-padding: 0; margin-top: var(--ytd-margin-5x); margin-bottom: var(--ytd-margin-6x); } #message.yt-fancy-dismissible-dialog-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .buttons.yt-fancy-dismissible-dialog-renderer { padding: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-6x); border-top: 0px; display: flex; flex-direction: row; justify-content: flex-end; } yt-loading-renderer { display: inline-block; } tp-yt-paper-spinner.yt-loading-renderer { height: 40px; width: 40px; } yt-notification-action-renderer { display: inline-block; width: 1px; height: 1px; } tp-yt-paper-toast.yt-notification-action-renderer { background-color: var(--yt-spec-inverted-background); color: var(--yt-spec-text-primary-inverse); border-radius: 8px; box-shadow: 0 0 24px 0 var(--yt-spec-static-overlay-background-light); padding: 0px; min-height: 48px; margin: 16px; display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #text-container.yt-notification-action-renderer { padding: 12px; display: flex; flex-direction: column; flex: 1 1 1e-09px; } #text.yt-notification-action-renderer, #sub-text.yt-notification-action-renderer { color: var(--yt-spec-text-primary-inverse); } #sub-text.yt-notification-action-renderer { white-space: nowrap; } yt-button-renderer.yt-notification-action-renderer { --yt-button-color: var(--yt-spec-call-to-action-inverse); margin-left: 0px; } yt-button-renderer#close-action-button.yt-notification-action-renderer { --yt-button-color: var(--yt-spec-text-primary-inverse); } yt-icon-button.yt-notification-action-renderer { width: 40px; height: 40px; padding: 8px; margin-right: 4px; } yt-notification-action-renderer.is-download tp-yt-paper-toast.yt-notification-action-renderer { border-radius: 8px 8px 0px 0px; } yt-formatted-string.yt-notification-action-renderer { flex: 1 1 1e-09px; } .toast-button.yt-notification-action-renderer { padding-right: var(--ytd-margin-2x); } should_not_match, .yt-icon-container.yt-upsell-dialog-renderer { display: inline-flex; align-items: center; justify-content: center; position: relative; vertical-align: middle; fill: var(--iron-icon-fill-color,currentcolor); stroke: var(--iron-icon-stroke-color,none); width: var(--iron-icon-width,24px); height: var(--iron-icon-height,24px); animation: var(--iron-icon-animation); margin-top: var(--iron-icon-margin-top); margin-right: var(--iron-icon-margin-right); margin-bottom: var(--iron-icon-margin-bottom); margin-left: var(--iron-icon-margin-left); padding: var(--iron-icon-padding); } yt-upsell-dialog-renderer.external-container { display: none !important; } yt-upsell-dialog-renderer { max-height: inherit; overflow-y: auto; color: var(--yt-spec-text-primary); background: var(--yt-spec-brand-background-primary); max-width: 400px; display: flex; flex-direction: column; } yt-upsell-dialog-renderer[dialog][dialog][dialog] { padding: 0px; margin: 0px; } #dialog.yt-upsell-dialog-renderer { display: flex; flex-direction: column; } #icon.yt-upsell-dialog-renderer { margin: 24px 24px 0px; } #content.yt-upsell-dialog-renderer { padding: 24px 24px 0px; flex: 1 1 1e-09px; display: flex; flex-direction: column; justify-content: center; } yt-upsell-dialog-renderer:not([layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL"]) #upsell-dialog-title.yt-upsell-dialog-renderer { margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; display: block; } #upsell-dialog-text.yt-upsell-dialog-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: block; } #action-button.yt-upsell-dialog-renderer { margin-left: 8px; } #button-container.yt-upsell-dialog-renderer { padding: 16px; display: flex; flex-direction: row; justify-content: flex-end; } yt-upsell-dialog-renderer[has-logo] #icon-container.yt-upsell-dialog-renderer { width: 90px; height: 20px; margin: 24px 24px 0px; flex: 0 0 auto; } yt-upsell-dialog-renderer[has-logo] #icon-container.yt-upsell-dialog-renderer #youtube-paths.yt-upsell-dialog-renderer path.yt-upsell-dialog-renderer, yt-upsell-dialog-renderer[has-logo] #icon-container.yt-upsell-dialog-renderer #youtube-red-paths.yt-upsell-dialog-renderer path.yt-upsell-dialog-renderer { fill: var(--yt-spec-wordmark-text); } #custom-logo.yt-upsell-dialog-renderer { align-self: flex-start; height: 20px; margin: 24px 24px 0px; } #custom-logo-with-padding.yt-upsell-dialog-renderer { align-self: flex-start; height: 26px; margin: 24px 24px -6px; } yt-upsell-dialog-renderer:not([layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL"]) #custom-logo.yt-upsell-dialog-renderer { margin: 16px 16px 0px; } yt-upsell-dialog-renderer:not([layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL"]) #custom-logo-with-padding.yt-upsell-dialog-renderer { height: 26px; margin: 16px 16px -6px; } yt-upsell-dialog-renderer:not([layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL"]) #content.yt-upsell-dialog-renderer { padding: 16px 16px 0px; flex: 0 0 auto; } yt-upsell-dialog-renderer[layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL"] { max-width: 800px; height: 400px; display: flex; flex-direction: row; } yt-upsell-dialog-renderer[layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL"] #button-container.yt-upsell-dialog-renderer { padding: 24px; } yt-upsell-dialog-renderer[layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL"] #header-image.yt-upsell-dialog-renderer { max-width: 240px; } yt-upsell-dialog-renderer[layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_HORIZONTAL"] #upsell-dialog-title.yt-upsell-dialog-renderer { margin-bottom: 24px; font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } yt-upsell-dialog-renderer[layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_VERTICAL"] #button-container.yt-upsell-dialog-renderer { flex-wrap: wrap-reverse; } yt-upsell-dialog-renderer[layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_VERTICAL"] #action-button.yt-upsell-dialog-renderer, yt-upsell-dialog-renderer[layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_VERTICAL"] #dismiss-button.yt-upsell-dialog-renderer { flex: 1 1 1e-09px; display: flex; margin: 0px; } yt-upsell-dialog-renderer[layout-style="UPSELL_DIALOG_RENDERER_LAYOUT_VERTICAL"] yt-button-renderer.yt-upsell-dialog-renderer { margin: 8px 8px 0px; flex: 1 1 1e-09px; } yt-create-family-dialog { display: block; } tp-yt-paper-dialog.yt-create-family-dialog { width: 590px; } yt-page-navigation-progress { pointer-events: none; background-color: var(--yt-page-navigation-container-color,#e0e0e0); } yt-page-navigation-progress, #progress.yt-page-navigation-progress { position: fixed; top: 0px; left: 0px; right: 0px; height: 2px; } #progress.yt-page-navigation-progress { transform-origin: left center; transform: scaleX(0); transition-property: transform; transition-duration: 0.08s; transition-timing-function: ease; background: linear-gradient(to right, rgb(255, 0, 51) 80%, rgb(255, 39, 145) 100%); } yt-timestamp-input { display: flex; flex-direction: row; align-items: center; } [dir="rtl"] yt-timestamp-input, yt-timestamp-input[dir="rtl"] { display: flex; flex-direction: row-reverse; justify-content: flex-end; } #minutes.yt-timestamp-input, #seconds.yt-timestamp-input { text-align: right; height: 40px; } #minutes.yt-timestamp-input { width: 30px; } #separator.yt-timestamp-input { padding: 0px 2px; } #seconds.yt-timestamp-input { width: 20px; } tp-yt-paper-input.yt-timestamp-input { --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-underline-color: var(--yt-spec-10-percent-layer); --paper-input-container-underline-legacy-height: 0; } ytd-comment-history-entry-renderer { margin: 24px 40px 32px 0px; display: flex; flex-direction: row; } ytd-comment-history-entry-renderer[is-dismissed] { display: none; } .main.ytd-comment-history-entry-renderer { min-width: 0px; overflow-wrap: break-word; flex: 1 1 1e-09px; display: flex; flex-direction: column; } .summary.ytd-comment-history-entry-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .content-expander.ytd-comment-history-entry-renderer { margin-top: 8px; } .content.ytd-comment-history-entry-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .more-button.ytd-comment-history-entry-renderer, .less-button.ytd-comment-history-entry-renderer { color: var(--yt-spec-text-secondary); text-transform: none; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .timestamp.ytd-comment-history-entry-renderer { color: var(--yt-spec-text-secondary); margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-menu-renderer.ytd-comment-history-entry-renderer { margin-left: 8px; margin-right: 8px; padding: 8px; } ytd-notification-renderer { position: relative; padding: 16px 16px 16px 0px; display: flex; flex-direction: row; } .yt-simple-endpoint.ytd-notification-renderer { min-width: 0px; display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-notification-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-notification-renderer { margin-right: 24px; flex: 1 1 1e-09px; display: flex; flex-direction: row; } #new.ytd-notification-renderer { width: 4px; height: 4px; border-radius: 2px; margin: 22px 6px 0px; } ytd-notification-renderer.unread #new.ytd-notification-renderer { background-color: var(--yt-spec-themed-blue); } ytd-notification-renderer.high-priority-notification.unread #new.ytd-notification-renderer { background-color: transparent; } yt-img-shadow#avatar.ytd-notification-renderer { height: 48px; width: 48px; } ytd-notification-renderer.high-priority-notification yt-img-shadow#avatar.ytd-notification-renderer { height: 32px; width: 32px; margin-top: auto; margin-bottom: auto; } ytd-notification-renderer.high-priority-notification > a.ytd-notification-renderer { margin-right: 0px; } ytd-notification-renderer.high-priority-notification > a.ytd-notification-renderer > .text.ytd-notification-renderer > .metadata.ytd-notification-renderer { display: none; } ytd-notification-renderer.high-priority-notification yt-formatted-string.message.ytd-notification-renderer { margin-bottom: 0px; } .thumbnail.ytd-notification-renderer { margin-right: 16px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } .text.ytd-notification-renderer { color: var(--yt-spec-text-primary); min-width: 0px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } .message.ytd-notification-renderer { margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 12rem; -webkit-line-clamp: 6; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #call-to-action.ytd-notification-renderer { margin-right: auto; margin-bottom: 10px; } .metadata.ytd-notification-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .metadata.ytd-notification-renderer > yt-formatted-string.ytd-notification-renderer:not(:last-child)::after { content: "•"; margin-left: 4px; } .thumbnail-container.ytd-notification-renderer { margin: 0px 16px; border-radius: 4px; width: 86px; height: 48px; position: relative; overflow: hidden; display: block; flex: 0 0 auto; } .thumbnail-container.ytd-notification-renderer > yt-img-shadow.ytd-notification-renderer { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } ytd-menu-renderer.ytd-notification-renderer { position: absolute; top: 8px; right: 8px; } ytd-playlist-show-metadata-renderer { margin: 24px 64px 8px 40px; align-items: center; flex-flow: wrap; display: flex; } #content-desc.ytd-playlist-show-metadata-renderer { margin-right: 40px; flex: 1 1 1e-09px; } #dropdown.ytd-playlist-show-metadata-renderer { margin-bottom: 12px; flex: 1 1 1e-09px; } yt-sort-filter-sub-menu-renderer.ytd-playlist-show-metadata-renderer { --yt-dropdown-menu-label-transform: uppercase; color: var(--yt-spec-text-primary); } .vertical-buttons.ytd-playlist-show-metadata-renderer { display: flex; flex-direction: column; } .vertical-buttons.ytd-playlist-show-metadata-renderer > ytd-button-renderer.ytd-playlist-show-metadata-renderer { margin-bottom: 16px; } .vertical-buttons.ytd-playlist-show-metadata-renderer > ytd-button-renderer.ytd-playlist-show-metadata-renderer:last-of-type { margin-bottom: 0px; } .horizontal-buttons.ytd-playlist-show-metadata-renderer { display: flex; flex-flow: wrap; } .horizontal-buttons.ytd-playlist-show-metadata-renderer > ytd-button-renderer.ytd-playlist-show-metadata-renderer { margin-bottom: 8px; margin-right: 16px; } .horizontal-buttons.ytd-playlist-show-metadata-renderer > ytd-button-renderer.ytd-playlist-show-metadata-renderer:last-of-type { margin-right: 0px; } #description.ytd-playlist-show-metadata-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .more-button.ytd-playlist-show-metadata-renderer, .less-button.ytd-playlist-show-metadata-renderer { color: var(--yt-spec-text-secondary); display: inline-block; margin-top: 8px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-purchase-item-renderer { margin: 16px 0px; display: flex; flex-direction: row; } .thumb-container.ytd-purchase-item-renderer { display: flex; justify-content: center; width: 246px; height: 138px; margin-right: 16px; } yt-img-shadow.ytd-purchase-item-renderer { width: 138px; flex: 0 0 auto; } .details.ytd-purchase-item-renderer { justify-content: center; display: flex; flex-direction: column; } .manage-subscription-text.ytd-purchase-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 3.6rem; -webkit-line-clamp: 2; } .title.ytd-purchase-item-renderer { color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4.4rem; -webkit-line-clamp: 2; } .price-text.ytd-purchase-item-renderer { color: var(--yt-spec-text-secondary); padding-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 3.6rem; -webkit-line-clamp: 2; } .yt-simple-endpoint.ytd-purchase-item-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-purchase-item-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.purchase-endpoint.yt-simple-endpoint.ytd-purchase-item-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: row; } ytd-simple-text-section-renderer { padding: 48px 0px; width: 100%; justify-content: center; display: flex; flex-direction: row; } .text.ytd-simple-text-section-renderer { color: var(--yt-spec-text-primary); width: 50%; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } ytd-simple-text-section-renderer[layout-style="paid-subscription-title"] { display: block; margin: 32px 0px 16px; padding: 0px; } ytd-simple-text-section-renderer[layout-style="paid-subscription-title"] .text.ytd-simple-text-section-renderer { width: auto; color: var(--yt-spec-text-secondary); } ytd-simple-text-section-renderer[layout-style="premium-restrictions"] { display: flex; flex-direction: column; } ytd-simple-text-section-renderer[layout-style="premium-restrictions"] .text.ytd-simple-text-section-renderer { width: auto; padding: 8px 16px; } ytd-unlimited-page-feature-info-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); margin: 0px auto; max-width: 1003px; min-height: 317px; display: flex; flex-flow: wrap; justify-content: space-between; } @media (max-width: 800px) { ytd-unlimited-page-feature-info-renderer { justify-content: center; } } .content.ytd-unlimited-page-feature-info-renderer { padding: 24px 0px; justify-content: center; display: flex; flex-direction: column; } .info-head.ytd-unlimited-page-feature-info-renderer { color: var(--yt-spec-text-primary); margin-bottom: 24px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } .info-desc.ytd-unlimited-page-feature-info-renderer { color: var(--yt-spec-text-secondary); width: 385px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .icon-thumbnail.ytd-unlimited-page-feature-info-renderer { align-self: center; } ytd-redeem-code-renderer { background-color: var(--yt-spec-brand-background-solid); background-size: cover; border: 1px solid var(--yt-spec-10-percent-layer); box-shadow: 0 4px 8px -3px var(--yt-spec-10-percent-layer); color: var(--yt-spec-text-primary); margin: 48px auto; width: 600px; display: flex; flex-direction: column; } ytd-redeem-code-renderer[is-loading] { opacity: 0.4; pointer-events: none; } #main.ytd-redeem-code-renderer { margin: 40px; display: flex; flex-direction: column; } .title.ytd-redeem-code-renderer { margin-bottom: 8px; font-size: 2.4rem; font-weight: 400; line-height: 2.8rem; } .subtitle.ytd-redeem-code-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } input.ytd-redeem-code-renderer { -webkit-font-smoothing: antialiased; border: 1px solid var(--yt-spec-10-percent-layer); margin-top: 16px; margin-bottom: 24px; padding: 16px; width: 486px; font-size: 1.6rem; font-weight: 400; line-height: 1.6rem; } #terms.ytd-redeem-code-renderer { color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } #error-message.ytd-redeem-code-renderer { color: var(--yt-spec-error-indicator); margin-bottom: 12px; font-size: 1.2rem; font-weight: 400; line-height: 2rem; } #redeem-button.ytd-redeem-code-renderer { margin-top: 8px; align-items: center; justify-content: center; display: flex; flex-direction: row; align-self: flex-end; } tp-yt-paper-spinner-lite.ytd-redeem-code-renderer { display: none; margin: auto; } tp-yt-paper-spinner-lite.ytd-redeem-code-renderer[active] { display: block; left: 50%; margin: -28px; position: absolute; top: 50%; } ytd-post-redemption-section-renderer { background-position: center center; background-repeat: no-repeat; background-size: contain; padding: 48px 24px 0px; margin-bottom: 24px; width: 472px; height: 129px; display: flex; flex-direction: column; } .container.ytd-post-redemption-section-renderer { display: flex; flex-direction: row; justify-content: space-between; } .title.ytd-post-redemption-section-renderer { color: var(--yt-spec-static-overlay-text-primary); width: 65%; font-size: 2.6rem; font-weight: 400; font-family: "YouTube Sans", "YT Sans"; line-height: 3rem; -webkit-font-smoothing: antialiased; } .img-container.ytd-post-redemption-section-renderer { height: 25px; margin-bottom: 24px; } #logo.ytd-post-redemption-section-renderer { background-repeat: no-repeat; background-size: contain; border-radius: 2px; } #redeem-button.ytd-post-redemption-section-renderer { align-self: flex-end; } ytd-ypc-post-redemption-renderer { color: var(--yt-spec-text-primary); padding: 40px; display: flex; flex-direction: column; } #store-value-balance.ytd-ypc-post-redemption-renderer { margin-bottom: 24px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } ytd-channel-about-metadata-renderer { padding-top: 16px; display: flex; flex-direction: row; } .subheadline.ytd-channel-about-metadata-renderer { display: block; margin: 24px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #left-column.ytd-channel-about-metadata-renderer { color: var(--yt-spec-text-primary); padding-right: 96px; min-width: 0px; overflow-wrap: break-word; flex: 2 1 0%; } #description-container.ytd-channel-about-metadata-renderer, #bio-container.ytd-channel-about-metadata-renderer, #photos-container.ytd-channel-about-metadata-renderer, #details-container.ytd-channel-about-metadata-renderer, #links-container.ytd-channel-about-metadata-renderer, #legacy-links-container.ytd-channel-about-metadata-renderer, #new-links-container.ytd-channel-about-metadata-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding-bottom: 32px; } #description-container.ytd-channel-about-metadata-renderer { margin-top: 0px; } #description.ytd-channel-about-metadata-renderer, #bio.ytd-channel-about-metadata-renderer { min-width: 0px; overflow-wrap: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #photos.ytd-channel-about-metadata-renderer { display: flex; flex-flow: wrap; } #photos.ytd-channel-about-metadata-renderer a.ytd-channel-about-metadata-renderer { margin: 0px 4px 4px 0px; } #photos.ytd-channel-about-metadata-renderer img.ytd-channel-about-metadata-renderer { height: 150px; } #divider.ytd-channel-about-metadata-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } .yt-simple-endpoint.ytd-channel-about-metadata-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-channel-about-metadata-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #link-list-container.ytd-channel-about-metadata-renderer { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; } #legacy-link-list-container.ytd-channel-about-metadata-renderer a.yt-simple-endpoint.ytd-channel-about-metadata-renderer { display: inline-block; margin-bottom: 24px; width: 40%; color: var(--yt-spec-themed-blue); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #custom-link-list-container.ytd-channel-about-metadata-renderer { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; } .custom-link.ytd-channel-about-metadata-renderer { display: flex; flex-direction: column; align-items: start; row-gap: 2px; } .custom-link.ytd-channel-about-metadata-renderer > .ytd-channel-about-metadata-renderer { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .custom-link-title.ytd-channel-about-metadata-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .custom-link.ytd-channel-about-metadata-renderer a.yt-simple-endpoint.ytd-channel-about-metadata-renderer { color: var(--yt-spec-themed-blue); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #details-container.ytd-channel-about-metadata-renderer .subheadline.ytd-channel-about-metadata-renderer { margin-bottom: 12px; } #details-container.ytd-channel-about-metadata-renderer table.ytd-channel-about-metadata-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #details-container.ytd-channel-about-metadata-renderer tr.ytd-channel-about-metadata-renderer { height: 42px; } #details-container.ytd-channel-about-metadata-renderer td.ytd-channel-about-metadata-renderer { padding-bottom: 4px; } #details-container.ytd-channel-about-metadata-renderer td.label.ytd-channel-about-metadata-renderer { padding-right: 32px; } #right-column.ytd-channel-about-metadata-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; flex: 1 1 1e-09px; } #right-column.ytd-channel-about-metadata-renderer > yt-formatted-string.ytd-channel-about-metadata-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); display: block; padding: 12px 0px; } #right-column.ytd-channel-about-metadata-renderer .subheadline.ytd-channel-about-metadata-renderer { margin: 12px 0px 0px; } #action-buttons.ytd-channel-about-metadata-renderer { margin-top: 8px; margin-left: -8px; } #action-buttons.ytd-channel-about-metadata-renderer > .ytd-channel-about-metadata-renderer { margin-right: 16px; } #email.ytd-channel-about-metadata-renderer, #email-container.ytd-channel-about-metadata-renderer a.ytd-channel-about-metadata-renderer { color: var(--yt-spec-themed-blue); cursor: pointer; } ytd-channel-featured-content-renderer { display: block; padding: 12px 0px 24px; } #header.ytd-channel-featured-content-renderer { margin: 12px 0px; } #title.ytd-channel-featured-content-renderer { color: var(--yt-spec-text-primary); margin-right: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #subtitle.ytd-channel-featured-content-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #contents.ytd-channel-featured-content-renderer > .ytd-channel-featured-content-renderer:not(:last-child) { padding-bottom: 16px; } ytd-clarification-renderer { padding: 16px 0px 16px 16px; background: var(--yt-spec-general-background-b); display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-menu-renderer.ytd-clarification-renderer { margin-top: -10px; } .container.ytd-clarification-renderer { display: flex; flex: 1 1 1e-09px; } .text.ytd-clarification-renderer { color: var(--yt-spec-text-primary); min-width: 0px; margin: 0px 0px 0px 16px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } .section-title.ytd-clarification-renderer { display: none; } #section-header.ytd-clarification-renderer yt-img-shadow.ytd-clarification-renderer, #section-header.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { display: none; } .content-title.ytd-clarification-renderer { padding-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .content-title.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { display: none; } .yt-simple-endpoint.ytd-clarification-renderer > yt-img-shadow.ytd-clarification-renderer, .yt-simple-endpoint.ytd-clarification-renderer > yt-icon.ytd-clarification-renderer { display: block; } .external-link-icon.ytd-clarification-renderer { width: 16px; height: 16px; margin-bottom: 2px; } .source.ytd-clarification-renderer { padding-top: 4px; color: var(--yt-spec-call-to-action); } #menu.ytd-clarification-renderer { margin-bottom: -10px; } ytd-clarification-renderer[clarify-style="small"] .container.ytd-clarification-renderer { align-items: center; } ytd-clarification-renderer[clarify-style="small"] .content-title.ytd-clarification-renderer { display: none; } ytd-clarification-renderer[clarify-style="small"] .content-title.ytd-clarification-renderer { margin: 0px 0px 0px 12px; } ytd-clarification-renderer[clarify-style="small"] .description.ytd-clarification-renderer { display: inline; } ytd-clarification-renderer[clarify-style="small"] .source.ytd-clarification-renderer { display: inline; padding: 0px 0px 0px 3px; } ytd-clarification-renderer[clarify-style="small"] .text.ytd-clarification-renderer { display: flex; flex-direction: row; align-items: center; } ytd-clarification-renderer[clarify-style="medium"] .description.ytd-clarification-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-clarification-renderer[clarify-style="large"] .container.ytd-clarification-renderer { display: block; } ytd-clarification-renderer[clarify-style="large"] .source.ytd-clarification-renderer { color: var(--yt-spec-text-secondary); padding-top: 12px; } ytd-clarification-renderer[clarify-style="large"] .source.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { display: none; } ytd-clarification-renderer[clarify-style="large"] .content-title.ytd-clarification-renderer { color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-clarification-renderer[clarify-style="large"] .content-title.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { display: inline-block; } ytd-clarification-renderer[clarify-style="large"] .section-title.ytd-clarification-renderer { display: inline; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-clarification-renderer[clarify-style="large"] .text.ytd-clarification-renderer { margin-left: 0px; } ytd-clarification-renderer[clarify-style="large"] #section-header.ytd-clarification-renderer { margin-bottom: 16px; display: flex; align-items: center; } ytd-clarification-renderer[clarify-style="large"] .yt-simple-endpoint.ytd-clarification-renderer > yt-img-shadow.ytd-clarification-renderer, ytd-clarification-renderer[clarify-style="large"] .yt-simple-endpoint.ytd-clarification-renderer > yt-icon.ytd-clarification-renderer, ytd-clarification-renderer[clarify-style="large"] .container.ytd-clarification-renderer > a.ytd-clarification-renderer { display: none; } ytd-clarification-renderer[clarify-style="large"] #section-header.ytd-clarification-renderer yt-img-shadow.ytd-clarification-renderer, ytd-clarification-renderer[clarify-style="large"] #section-header.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { display: block; margin-right: 8px; } ytd-clarification-renderer[clarify-style="large"] #section-header.ytd-clarification-renderer yt-icon.ytd-clarification-renderer { color: var(--yt-spec-icon-active-other); } .content.ytd-clarification-renderer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } ytd-clarification-renderer[has-action-button] .content.ytd-clarification-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding-bottom: 12px; display: flex; flex-direction: row; justify-content: space-between; } ytd-clarification-renderer[has-action-button][amsterdam-enabled] .content.ytd-clarification-renderer { padding-bottom: 8px; } ytd-clarification-renderer:not([has-bottom-section])[has-action-button][amsterdam-enabled] .content.ytd-clarification-renderer { padding-bottom: unset; } ytd-clarification-renderer[has-action-button] .content-title.ytd-clarification-renderer { padding-bottom: 8px; } ytd-clarification-renderer[has-action-button][amsterdam-enabled] .content-title.ytd-clarification-renderer { padding-bottom: unset; } ytd-clarification-renderer[has-action-button] .content.ytd-clarification-renderer > .yt-simple-endpoint.ytd-clarification-renderer { padding-right: 8px; flex: 1 1 1e-09px; } ytd-clarification-renderer[has-action-button] .source.ytd-clarification-renderer { padding-top: 12px; } ytd-clarification-renderer[has-action-button] #action-button.ytd-clarification-renderer { padding-right: 8px; } ytd-clarification-renderer[has-action-button] #menu.ytd-clarification-renderer { margin-right: -4px; } ytd-clarification-renderer[background-style="info"] { padding: 12px 0px; background: var(--yt-spec-suggested-action); } ytd-clarification-renderer[background-style="info"] .container.ytd-clarification-renderer > a.ytd-clarification-renderer, ytd-clarification-renderer[background-style="info"] .yt-simple-endpoint.ytd-clarification-renderer > yt-icon.ytd-clarification-renderer, ytd-clarification-renderer[background-style="info"] .yt-simple-endpoint.ytd-clarification-renderer > yt-img-shadow.ytd-clarification-renderer { display: none; } ytd-clarification-renderer[background-style="info"] .text.ytd-clarification-renderer { margin-left: 12px; } ytd-clarification-renderer[has-action-button] .text.ytd-clarification-renderer { margin-left: 16px; margin-right: 16px; } ytd-clarification-renderer[background-style="info"] .source.ytd-clarification-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-clarification-renderer[background-style="info"] .description.ytd-clarification-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-clarification-renderer[has-action-button] .description.ytd-clarification-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-clarification-renderer[background-style="info"] .source.ytd-clarification-renderer > .secondary-icon.ytd-clarification-renderer { margin-bottom: 2px; margin-right: 4px; width: 18px; height: 18px; } ytd-clarification-renderer[missing-source] #source-link.ytd-clarification-renderer, ytd-clarification-renderer[missing-source] .source.ytd-clarification-renderer { display: none; } ytd-clarification-renderer[missing-source] .content.ytd-clarification-renderer { padding-bottom: 0px; border-bottom: none; } ytd-clarification-renderer[round-container] { border-radius: 12px; } ytd-emergency-onebox-renderer { background: var(--yt-spec-suggested-action); border: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: row; } #content.ytd-emergency-onebox-renderer { padding: 12px 0px 12px 12px; flex: 1 1 1e-09px; } #header.ytd-emergency-onebox-renderer { display: block; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #header.ytd-emergency-onebox-renderer:not([is-empty]) { margin-bottom: 8px; } #options.ytd-emergency-onebox-renderer { display: flex; flex-flow: wrap; } #header.ytd-emergency-onebox-renderer[is-empty] + #options.ytd-emergency-onebox-renderer { margin-top: -8px; } .option.ytd-emergency-onebox-renderer { margin-top: 8px; margin-right: 8px; min-width: 300px; flex: 1 1 1e-09px; } #menu.ytd-emergency-onebox-renderer { margin-top: 4px; } ytd-emergency-onebox-renderer.watch #header.ytd-emergency-onebox-renderer { margin: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-emergency-onebox-renderer.watch #header.ytd-emergency-onebox-renderer:not([is-empty]) { margin: 0px; } ytd-emergency-onebox-renderer[rounded-container] { border-radius: 12px; } ytd-emergency-onebox-renderer[amsterdam-enabled] { border: unset; } ytd-emergency-onebox-renderer[amsterdam-enabled] .option.ytd-emergency-onebox-renderer { margin-right: unset; } ytd-single-action-emergency-support-renderer { display: inline-block; } .yt-simple-endpoint.ytd-single-action-emergency-support-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-single-action-emergency-support-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #content.ytd-single-action-emergency-support-renderer { display: flex; flex-direction: column; } #navigation-text.ytd-single-action-emergency-support-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #nav-icon.ytd-single-action-emergency-support-renderer { color: var(--yt-spec-text-primary); margin-bottom: 4px; --iron-icon-height: 12px; --iron-icon-width: 12px; } #details-text.ytd-single-action-emergency-support-renderer { color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; } #action-container.ytd-single-action-emergency-support-renderer { color: var(--yt-spec-text-primary); margin-top: 8px; display: flex; align-items: center; } #action-container.ytd-single-action-emergency-support-renderer yt-icon.ytd-single-action-emergency-support-renderer { --iron-icon-height: 24px; --iron-icon-width: 24px; color: var(--yt-spec-text-primary); margin-right: 8px; } #action-button.ytd-single-action-emergency-support-renderer { margin-right: 24px; } #action-text.ytd-single-action-emergency-support-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; align-items: center; display: flex; flex-direction: row; } #text-content.ytd-single-action-emergency-support-renderer { display: flex; flex-direction: column; } #title.ytd-single-action-emergency-support-renderer { margin-bottom: 4px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-single-action-emergency-support-renderer[amsterdam-enabled] { display: block; } ytd-single-action-emergency-support-renderer[amsterdam-enabled] #content.ytd-single-action-emergency-support-renderer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } ytd-single-action-emergency-support-renderer[amsterdam-enabled] #action-container.ytd-single-action-emergency-support-renderer { margin-top: unset; color: var(--yt-spec-call-to-action); } ytd-single-action-emergency-support-renderer[amsterdam-enabled] #action-container.ytd-single-action-emergency-support-renderer yt-icon.ytd-single-action-emergency-support-renderer { color: var(--yt-spec-call-to-action); } ytd-single-action-emergency-support-renderer[amsterdam-enabled] #action-text.ytd-single-action-emergency-support-renderer { padding: 0px 16px; } ytd-single-action-emergency-support-renderer[amsterdam-enabled] #action-button.ytd-single-action-emergency-support-renderer { margin-right: 12px; margin-left: 8px; } ytd-single-action-emergency-support-renderer[amsterdam-enabled] .yt-simple-endpoint.ytd-single-action-emergency-support-renderer { margin-bottom: 4px; } ytd-single-action-emergency-support-renderer[amsterdam-enabled] #navigation-text.ytd-single-action-emergency-support-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-single-action-emergency-support-renderer[amsterdam-enabled] #details-text.ytd-single-action-emergency-support-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-single-action-emergency-support-renderer[amsterdam-enabled] #contacts.ytd-single-action-emergency-support-renderer { display: flex; flex-direction: row; } ytd-single-action-emergency-support-renderer[amsterdam-enabled] #contacts.ytd-single-action-emergency-support-renderer yt-icon.ytd-single-action-emergency-support-renderer { color: var(--yt-spec-call-to-action); } ytd-single-action-emergency-support-renderer[amsterdam-enabled] #contact-text.ytd-single-action-emergency-support-renderer { color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; margin-right: 12px; } ytd-exploratory-results-renderer { display: inline-block; } #title.ytd-exploratory-results-renderer { color: var(--yt-spec-text-primary); margin: 24px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } #contents.ytd-exploratory-results-renderer > .ytd-exploratory-results-renderer { padding-bottom: 24px; } ytd-feedback-elicitation-single-question-renderer { --paper-input-container-input-color: var(--yt-spec-text-primary); display: inline-block; margin: 24px 0px; width: 100%; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #dismissible.ytd-feedback-elicitation-single-question-renderer { display: flex; flex-direction: column; align-items: flex-start; } #header.ytd-feedback-elicitation-single-question-renderer { align-self: stretch; align-items: center; display: flex; flex-direction: row; } #header.ytd-feedback-elicitation-single-question-renderer yt-icon-button.ytd-feedback-elicitation-single-question-renderer { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; color: var(--yt-spec-text-secondary); width: var(--yt-icon-width); height: var(--yt-icon-height); } #question.ytd-feedback-elicitation-single-question-renderer { color: var(--yt-spec-text-primary); flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .yt-simple-endpoint.ytd-feedback-elicitation-single-question-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-feedback-elicitation-single-question-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-feedback-elicitation-single-question-renderer { display: flex; flex-direction: row; align-items: center; } yt-img-shadow.ytd-feedback-elicitation-single-question-renderer { margin-right: 8px; height: 68px; width: 120px; } ytd-feedback-elicitation-single-question-renderer.is-channel yt-img-shadow.ytd-feedback-elicitation-single-question-renderer { width: 56px; height: 56px; margin-right: 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } #item-title.ytd-feedback-elicitation-single-question-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4rem; -webkit-line-clamp: 2; } #responses.ytd-feedback-elicitation-single-question-renderer { display: flex; flex-direction: column; } #responses.ytd-feedback-elicitation-single-question-renderer yt-formatted-string.ytd-feedback-elicitation-single-question-renderer { color: var(--yt-spec-text-primary); } #submit-button.ytd-feedback-elicitation-single-question-renderer { margin-top: 12px; } tp-yt-paper-radio-button.ytd-feedback-elicitation-single-question-renderer { padding: 12px 0px 0px; } ytd-newspaper-hero-video-renderer { width: 642px; display: flex; flex-direction: row; } ytd-thumbnail.ytd-newspaper-hero-video-renderer { margin-right: 16px; height: 180px; width: 320px; } #contents.ytd-newspaper-hero-video-renderer { min-width: 0px; margin-right: 16px; } h3.ytd-newspaper-hero-video-renderer { color: var(--yt-spec-text-primary); } #video-title.ytd-newspaper-hero-video-renderer { margin-bottom: 12px; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } .yt-simple-endpoint.ytd-newspaper-hero-video-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-newspaper-hero-video-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #meta.yt-simple-endpoint.ytd-newspaper-hero-video-renderer { display: block; margin-bottom: 16px; } @media (max-width: 662px) { ytd-newspaper-hero-video-renderer { width: 428px; display: flex; flex-direction: column; } #contents.ytd-newspaper-hero-video-renderer, #meta.yt-simple-endpoint.ytd-newspaper-hero-video-renderer { margin: 0px; } ytd-thumbnail.ytd-newspaper-hero-video-renderer { margin: 0px 0px 8px; height: 242px; width: 428px; } #description.ytd-newspaper-hero-video-renderer { display: none; } #video-title.ytd-newspaper-hero-video-renderer { margin-bottom: 4px; } } ytd-newspaper-mini-video-renderer { width: 210px; display: flex; flex-direction: column; } ytd-thumbnail.ytd-newspaper-mini-video-renderer { height: 118px; width: 210px; } .yt-simple-endpoint.ytd-newspaper-mini-video-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-newspaper-mini-video-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #meta.yt-simple-endpoint.ytd-newspaper-mini-video-renderer { padding-right: 24px; } h3.ytd-newspaper-mini-video-renderer { color: var(--yt-spec-text-primary); } #video-title.ytd-newspaper-mini-video-renderer { margin: 8px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4rem; -webkit-line-clamp: 2; } ytd-newspaper-renderer { padding: 24px 0px; overflow: hidden; display: flex; flex-direction: row; } ytd-newspaper-hero-video-renderer.ytd-newspaper-renderer { flex: 0 0 auto; } #secondary-contents.ytd-newspaper-renderer { display: flex; flex-direction: row; } ytd-newspaper-mini-video-renderer.ytd-newspaper-renderer:not(:last-of-type) { padding-right: 4px; } @media (max-width: 662px) { #secondary-contents.ytd-newspaper-renderer { display: none; } } ytd-playlist-video-list-renderer { margin-right: 24px; margin-top: 0px; display: flex; flex-direction: column; } #sort-filter-menu.ytd-playlist-video-list-renderer { padding: 16px 0px 8px 36px; } #spinner-container.ytd-playlist-video-list-renderer { height: 0px; } .reloading.ytd-playlist-video-list-renderer { opacity: 0.25; pointer-events: none; } tp-yt-paper-spinner-lite.ytd-playlist-video-list-renderer { margin: auto; display: none; } tp-yt-paper-spinner-lite.ytd-playlist-video-list-renderer[active] { display: block; } @media (max-width: 1080px) and (min-width: 880px) { ytd-playlist-video-list-renderer { max-width: 756px; margin-left: auto; margin-right: auto; transform: translateX(-18px); } } ytd-movie-renderer { display: flex; flex-direction: row; position: relative; } ytd-movie-renderer[left-aligned] .thumbnail-container.ytd-movie-renderer { width: auto; } .thumbnail-container.ytd-movie-renderer { width: 246px; display: flex; flex-direction: row; justify-content: center; } ytd-thumbnail.ytd-movie-renderer { flex: 0 0 auto; width: 156px; height: 224px; } .text-wrapper.ytd-movie-renderer { max-width: 600px; min-width: 0px; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); flex: 1 1 1e-09px; display: flex; flex-direction: column; } .text-wrapper.ytd-movie-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #channel-info.ytd-movie-renderer { align-items: center; } yt-img-shadow.ytd-movie-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; } #video-title.ytd-movie-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #description-text.ytd-movie-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 3.6rem; -webkit-line-clamp: 2; margin-top: 12px; margin-bottom: 4px; } .movie-metadata-list.ytd-movie-renderer { color: var(--yt-spec-text-secondary); list-style-type: none; margin-top: 4px; } .movie-metadata-list.ytd-movie-renderer li.ytd-movie-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-badge-supported-renderer.ytd-movie-renderer { margin-top: 4px; } ytd-menu-renderer.ytd-movie-renderer { position: absolute; top: -8px; right: 0px; } .top-container.ytd-movie-renderer { flex-flow: wrap; display: flex; } .top-left-container.ytd-movie-renderer { margin-right: 4px; display: flex; flex-direction: column; flex: 2 1 0%; } .top-right-container.ytd-movie-renderer { align-self: flex-start; } .top-right-container.ytd-movie-renderer ytd-button-renderer.ytd-movie-renderer + #menu.ytd-movie-renderer ytd-menu-renderer.ytd-movie-renderer { right: -40px; } #explore-button.ytd-movie-renderer { overflow: hidden; flex: 1 1 1e-09px; justify-content: flex-end; align-items: flex-start; display: flex; flex-direction: column; } #offer-buttons.ytd-movie-renderer { display: flex; } #offer-buttons.ytd-movie-renderer ytd-button-renderer.ytd-movie-renderer { margin-right: 16px; flex: 1 1 1e-09px; } .thumbnail-container.ytd-movie-renderer { margin-right: 16px; max-width: 360px; min-width: 240px; flex: 1 1 1e-09px; } ytd-movie-renderer[use-bigger-thumbs] .thumbnail-container.ytd-movie-renderer { max-width: 420px; min-width: 240px; } ytd-movie-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] .thumbnail-container.ytd-movie-renderer { max-width: 500px; min-width: 240px; } ytd-movie-renderer[use-bigger-thumbs][bigger-thumbs-style="MASSIVE"] .thumbnail-container.ytd-movie-renderer { max-width: 600px; min-width: 240px; } .text-wrapper.ytd-movie-renderer { max-width: none; } .top-right-container.ytd-movie-renderer { height: 36px; display: flex; flex-direction: row; } ytd-menu-renderer.ytd-movie-renderer { margin-top: -11px; position: static; } #channel-thumbnail.ytd-movie-renderer { padding-right: 8px; } #channel-thumbnail.ytd-movie-renderer:empty { padding-right: 0px; } #channel-info.ytd-movie-renderer { display: flex; flex-direction: row; } #channel-name.ytd-movie-renderer { color: var(--yt-spec-text-secondary); --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; align-self: center; display: flex; flex-direction: row; } ytd-channel-video-player-renderer { padding: 24px 0px; overflow: auto; display: flex; flex-direction: column; } #title.ytd-channel-video-player-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } #metadata-container.ytd-channel-video-player-renderer { margin: 16px 0px 0px; } #description.ytd-channel-video-player-renderer { display: none; } #player-container.ytd-channel-video-player-renderer { height: 242px; width: 428px; } ytd-channel-video-player-renderer[rounded] #player.ytd-channel-video-player-renderer { overflow: hidden; border-radius: 12px; isolation: isolate; } #content.ytd-channel-video-player-renderer { min-width: 0px; max-width: 400px; } .content.ytd-channel-video-player-renderer { display: block; } @media (min-width: 662px) { #player-container.ytd-channel-video-player-renderer { width: 424px; height: 238px; } } @media (min-width: 876px) { ytd-channel-video-player-renderer { overflow: hidden; display: flex; flex-direction: row; } #title.ytd-channel-video-player-renderer { margin-bottom: 16px; } #player-container.ytd-channel-video-player-renderer { margin: 0px 24px 0px 0px; } .more-button.ytd-channel-video-player-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #description.ytd-channel-video-player-renderer { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #content.ytd-channel-video-player-renderer { color: var(--yt-spec-text-primary); flex: 1 1 1e-09px; } #metadata-container.ytd-channel-video-player-renderer { margin: 0px 0px 16px; } } ytd-carousel-item-renderer { display: block; position: relative; background-color: var(--yt-spec-static-overlay-background-solid); } #carousel-item.ytd-carousel-item-renderer { flex: 1 1 1e-09px; } #menu.ytd-carousel-item-renderer { float: right; margin-top: -100px; position: absolute; right: 100px; vertical-align: middle; display: flex; flex-direction: row; justify-content: flex-end; } button.ytd-carousel-item-renderer { padding: 0px; background-color: transparent; outline: none; border: none; cursor: pointer; } .menu-dot.ytd-carousel-item-renderer::before { content: " ●"; } .menu-dot.ytd-carousel-item-renderer { color: var(--yt-spec-static-overlay-text-disabled); font-size: 1rem; margin: 0px 1px; transition: color 0.25s; } .menu-dot.ytd-carousel-item-renderer:hover { color: var(--yt-spec-static-overlay-text-primary); } .menu-dot.selected.ytd-carousel-item-renderer { color: var(--yt-spec-static-overlay-text-primary); font-size: 1.1rem; } #overlay.ytd-carousel-item-renderer { position: absolute; right: 0px; bottom: 0px; left: 0px; pointer-events: none; } ytd-carousel-item-renderer:not([disable-grid-state-aware]) #overlay.ytd-carousel-item-renderer { display: flex; } ytd-carousel-item-renderer[is-carousel-in-feed] #pagination-thumbnails.ytd-carousel-item-renderer { padding-left: 40px; padding-right: 40px; } ytd-carousel-item-renderer[disable-grid-state-aware] #overlay.ytd-carousel-item-renderer { width: calc(100% - 48px); max-width: var(--ytd-rich-grid-max-width); margin: 0px auto; } ytd-carousel-item-renderer[disable-grid-state-aware][is-carousel-in-feed] #overlay.ytd-carousel-item-renderer { max-width: 448px; margin: 0px; } #pagination-thumbnails.ytd-carousel-item-renderer { margin: 56px auto; transition: transform 0.3s; display: flex; flex-direction: row; align-items: flex-end; } ytd-carousel-item-renderer[paginator-alignment="CAROUSEL_ITEM_RENDERER_PAGINATOR_ALIGNMENT_START"] #pagination-thumbnails.ytd-carousel-item-renderer { justify-content: flex-start; } ytd-carousel-item-renderer[paginator-alignment="CAROUSEL_ITEM_RENDERER_PAGINATOR_ALIGNMENT_END"] #pagination-thumbnails.ytd-carousel-item-renderer { justify-content: flex-end; } ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #pagination-thumbnails.ytd-carousel-item-renderer { margin: 0px 0px 48px; } ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #overlay.ytd-carousel-item-renderer { overflow: hidden; } ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer { flex-shrink: 0; width: 96px; height: 55px; } ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] #menu.ytd-carousel-item-renderer { position: absolute; left: 0px; right: 0px; bottom: 20px; float: none; display: flex; flex-direction: row; justify-content: center; } ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] .menu-dot.ytd-carousel-item-renderer { color: var(--yt-spec-static-overlay-text-disabled); font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; margin: 0px 2px; transition: color 0.25s; } @media (max-width: 527.9px) { ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] .menu-dot.ytd-carousel-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] .menu-dot.ytd-carousel-item-renderer:hover { color: var(--yt-spec-static-overlay-text-primary); } ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] .menu-dot.selected.ytd-carousel-item-renderer { color: var(--yt-spec-static-overlay-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] .menu-dot.selected.ytd-carousel-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:nth-child(n+4).ytd-carousel-item-renderer { display: none; } @media (min-width: 662px) { #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:nth-child(n+4).ytd-carousel-item-renderer { display: inline-block; } } ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer { display: inline-block; } #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer { position: relative; opacity: 0.5; pointer-events: auto; outline: none; height: 40px; } #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:hover, #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:focus { opacity: 0.9; } #pagination-thumbnails.ytd-carousel-item-renderer button.selected.ytd-carousel-item-renderer { opacity: 1; } #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer .progress-bar.ytd-carousel-item-renderer { display: none; background-color: var(--yt-spec-static-white-background); position: absolute; bottom: -4px; height: 2px; left: 0px; right: 0px; } #pagination-thumbnails.ytd-carousel-item-renderer button.selected.ytd-carousel-item-renderer .progress-bar.ytd-carousel-item-renderer { animation-name: progress-bar; animation-timing-function: linear; display: block; } #pagination-thumbnails.ytd-carousel-item-renderer button.selected.finished.ytd-carousel-item-renderer .progress-bar.ytd-carousel-item-renderer { animation: auto ease 0s 1 normal none running none; } #overlay.ytd-carousel-item-renderer button.ytd-carousel-item-renderer:not(:first-child) { margin-left: 8px; } @keyframes progress-bar { 0% { right: 100%; } 100% { right: 0px; } } #pagination-thumbnails.ytd-carousel-item-renderer button.ytd-carousel-item-renderer yt-img-shadow.ytd-carousel-item-renderer { overflow: hidden; border-radius: 4px; } ytd-carousel-item-renderer[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] { overflow: hidden; border-radius: 16px; margin-top: 24px; } ytd-carousel-item-renderer.grid-1-columns #pagination-thumbnails.ytd-carousel-item-renderer { width: 214px; } ytd-carousel-item-renderer.grid-1-columns[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #overlay.ytd-carousel-item-renderer { width: 344px; } ytd-carousel-item-renderer.grid-2-columns #pagination-thumbnails.ytd-carousel-item-renderer { width: 428px; } ytd-carousel-item-renderer.grid-2-columns[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #overlay.ytd-carousel-item-renderer { width: 344px; } ytd-carousel-item-renderer.grid-3-columns #pagination-thumbnails.ytd-carousel-item-renderer { width: 642px; } ytd-carousel-item-renderer.grid-3-columns[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #overlay.ytd-carousel-item-renderer { width: 344px; } ytd-carousel-item-renderer.grid-4-columns #pagination-thumbnails.ytd-carousel-item-renderer { width: 856px; } ytd-carousel-item-renderer.grid-4-columns[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #overlay.ytd-carousel-item-renderer { width: 344px; } ytd-carousel-item-renderer.grid-5-columns #pagination-thumbnails.ytd-carousel-item-renderer { width: 1070px; } ytd-carousel-item-renderer.grid-5-columns[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #overlay.ytd-carousel-item-renderer { width: 344px; } ytd-carousel-item-renderer.grid-6-columns #pagination-thumbnails.ytd-carousel-item-renderer { width: 1284px; } ytd-carousel-item-renderer.grid-6-columns[layout-type="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #overlay.ytd-carousel-item-renderer { width: 448px; } ytd-default-promo-panel-renderer.grid:not(.grid-disabled) { max-width: var(--ytd-grid-max-width); } ytd-default-promo-panel-renderer.grid-1-columns, .grid-1-columns.ytd-default-promo-panel-renderer { width: var(--ytd-grid-1-columns-width) !important; } ytd-default-promo-panel-renderer.grid-2-columns, .grid-2-columns.ytd-default-promo-panel-renderer { width: var(--ytd-grid-2-columns-width) !important; } ytd-default-promo-panel-renderer.grid-3-columns, .grid-3-columns.ytd-default-promo-panel-renderer { width: var(--ytd-grid-3-columns-width) !important; } ytd-default-promo-panel-renderer.grid-4-columns, .grid-4-columns.ytd-default-promo-panel-renderer { width: var(--ytd-grid-4-columns-width) !important; } ytd-default-promo-panel-renderer.grid-5-columns, .grid-5-columns.ytd-default-promo-panel-renderer { width: var(--ytd-grid-5-columns-width) !important; } ytd-default-promo-panel-renderer.grid-6-columns, .grid-6-columns.ytd-default-promo-panel-renderer { width: var(--ytd-grid-6-columns-width) !important; } ytd-default-promo-panel-renderer { --yt-endpoint-color: var(--yt-spec-static-overlay-text-primary); --yt-endpoint-hover-color: var(--yt-spec-static-overlay-text-primary); --yt-video-thumbnail-height: auto; --yt-video-thumbnail-width: auto; color: var(--yt-spec-static-overlay-text-primary); display: block; height: var(--ytd-default-promo-panel-renderer-height); overflow: hidden; position: relative; } yt-video-as-thumbnail-details.ytd-default-promo-panel-renderer { min-height: var(--ytd-default-promo-panel-renderer-height); position: absolute; width: 100%; } #hero.ytd-default-promo-panel-renderer, #scrim.ytd-default-promo-panel-renderer { animation: 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running background-in; background-position: center top; background-repeat: no-repeat; background-size: cover; height: 100%; width: 100%; opacity: 0; position: absolute; transform: scale(1); } #content.ytd-default-promo-panel-renderer { bottom: 0px; height: 100%; left: 0px; margin: 0px auto; padding: 56px 0px; position: absolute; right: 0px; cursor: pointer; display: flex; flex-direction: column; justify-content: flex-end; } ytd-default-promo-panel-renderer[disable-grid-state-aware] #content.ytd-default-promo-panel-renderer { width: calc(100% - 48px); max-width: var(--ytd-rich-grid-max-width); } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_A"] ytd-default-promo-panel-renderer-inline-playback-renderer.ytd-default-promo-panel-renderer { position: absolute; z-index: 0; width: 100vw; height: 56.25vw; top: 0px; left: 0px; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_A"][narrow] ytd-default-promo-panel-renderer-inline-playback-renderer.ytd-default-promo-panel-renderer { width: calc(var(--ytd-default-promo-panel-renderer-height)*16/9); height: var(--ytd-default-promo-panel-renderer-height); top: 0px; left: calc(var(--ytd-default-promo-panel-renderer-height)*16/9*-1/2 - -50%); } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B"], ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] { --ytd-default-promo-panel-renderer-height: 460px; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B"] ytd-default-promo-panel-renderer-inline-playback-renderer.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B"] #hero.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B"] #scrim.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] ytd-default-promo-panel-renderer-inline-playback-renderer.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #hero.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #scrim.ytd-default-promo-panel-renderer { position: absolute; height: var(--ytd-default-promo-panel-renderer-height); width: calc(var(--ytd-default-promo-panel-renderer-height)*1.7777777778); animation: auto ease 0s 1 normal none running none; transform: none; top: 0px; right: 0px; left: auto; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B"] #hero.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B"] #scrim.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #hero.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #scrim.ytd-default-promo-panel-renderer { opacity: 1; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B"] #content.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #content.ytd-default-promo-panel-renderer { display: flex; justify-content: center; box-sizing: border-box; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B"] #hero-title.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #hero-title.ytd-default-promo-panel-renderer { max-width: 720px; -webkit-line-clamp: 2; max-height: 11.4rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; font-size: 4.8rem; font-weight: 500; line-height: 5.7rem; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B"] #description.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #description.ytd-default-promo-panel-renderer { font-size: 1.8rem; line-height: 2.3rem; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] { --ytd-default-promo-panel-renderer-height: 490px; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #avatar.ytd-default-promo-panel-renderer { width: 24px; height: 24px; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #description.ytd-default-promo-panel-renderer { width: calc(33.3333% - 26.6667px); margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; color: var(--yt-spec-static-overlay-text-secondary); } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] ytd-default-promo-panel-renderer-inline-playback-renderer.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #hero.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #scrim.ytd-default-promo-panel-renderer { max-width: 66.6%; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][disable-grid-state-aware][is-carousel-in-feed] ytd-default-promo-panel-renderer-inline-playback-renderer.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][disable-grid-state-aware][is-carousel-in-feed] #hero.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][disable-grid-state-aware][is-carousel-in-feed] #scrim.ytd-default-promo-panel-renderer { max-width: unset; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #byline.ytd-default-promo-panel-renderer { margin-bottom: 8px; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #hero-title.ytd-default-promo-panel-renderer { margin-bottom: 8px; max-width: 50%; flex-shrink: 0; font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #hero-title.ytd-default-promo-panel-renderer { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"] #content.ytd-default-promo-panel-renderer { top: 0px; height: 382px; padding: 0px; position: absolute; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrow] #description.ytd-default-promo-panel-renderer { width: calc(50% - 20px); } ytd-default-promo-panel-renderer[is-carousel-in-feed] #content.ytd-default-promo-panel-renderer { padding-left: 40px; } #avatar.ytd-default-promo-panel-renderer { width: 36px; height: 36px; border-radius: 50%; background-color: transparent; overflow: hidden; } #byline.ytd-default-promo-panel-renderer { display: flex; flex-direction: row; align-items: center; margin-bottom: 6px; } #channel-name.ytd-default-promo-panel-renderer { align-self: auto; } #avatar.ytd-default-promo-panel-renderer, #channel-name.ytd-default-promo-panel-renderer { margin-right: 12px; } .yt-simple-endpoint.ytd-default-promo-panel-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-default-promo-panel-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-default-promo-panel-renderer { color: var(--yt-spec-static-overlay-text-primary); text-decoration: none; } a.yt-simple-endpoint.ytd-default-promo-panel-renderer:hover { color: var(--yt-spec-static-overlay-text-primary); text-decoration: none; } #logo.ytd-default-promo-panel-renderer { margin-bottom: 16px; max-height: 80px; max-width: 300px; align-self: flex-start; } #channel-name.ytd-default-promo-panel-renderer { --yt-endpoint-color: var(--yt-spec-static-overlay-text-secondary); color: var(--yt-spec-static-overlay-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } #hero-title.ytd-default-promo-panel-renderer { margin-bottom: 12px; display: block; max-height: 18.6rem; overflow: hidden; font-family: "YouTube Sans", "YT Sans"; font-size: 5.8rem; font-weight: 500; line-height: 6.2rem; } ytd-default-promo-panel-renderer[layout-style="CAROUSEL_ITEM_RENDERER_LAYOUT_STYLE_DESTINATION"] #hero-title.ytd-default-promo-panel-renderer { font-family: inherit; } ytd-default-promo-panel-renderer[animation-enabled] #hero-title.ytd-default-promo-panel-renderer { opacity: 0; transition: opacity 0.5s ease-in-out; } ytd-default-promo-panel-renderer[animation-enabled] #hero-title.visible.ytd-default-promo-panel-renderer { opacity: 1; } #description.ytd-default-promo-panel-renderer { margin-bottom: 28px; max-width: 640px; font-size: 1.6rem; font-weight: 400; line-height: 2.2rem; } #action-button.ytd-default-promo-panel-renderer { font-size: 1.4rem; font-weight: 400; letter-spacing: 0.1rem; line-height: 1.4rem; } ytd-default-promo-panel-renderer[animation-enabled] #logo.ytd-default-promo-panel-renderer { opacity: 0; transform: translateY(25px); animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.32s 1 normal forwards running content-in; } ytd-default-promo-panel-renderer[animation-enabled] #hero-title.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[animation-enabled] #byline.ytd-default-promo-panel-renderer { animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.37s 1 normal forwards running content-in; opacity: 0; transform: translateY(25px); } ytd-default-promo-panel-renderer[animation-enabled] #description.ytd-default-promo-panel-renderer { animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.42s 1 normal forwards running content-in; opacity: 0; transform: translateY(25px); } ytd-default-promo-panel-renderer[animation-enabled] #action-button.ytd-default-promo-panel-renderer { animation: 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.47s 1 normal forwards running content-in; opacity: 0; transform: translateY(25px); } ytd-default-promo-panel-renderer[animation-enabled][transitioning-out]:not([panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_B"]):not([panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"]) #hero.ytd-default-promo-panel-renderer { animation: 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running background-out; opacity: 1; transform: scale(1.1); } ytd-default-promo-panel-renderer[animation-enabled][transitioning-out] #logo.ytd-default-promo-panel-renderer { animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.32s 1 normal forwards running content-out; opacity: 1; transform: translateY(0px); } ytd-default-promo-panel-renderer[animation-enabled][transitioning-out] #hero-title.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[animation-enabled][transitioning-out] #byline.ytd-default-promo-panel-renderer { animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.37s 1 normal forwards running content-out; opacity: 1; transform: translateY(0px); } ytd-default-promo-panel-renderer[animation-enabled][transitioning-out] #description.ytd-default-promo-panel-renderer { animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.42s 1 normal forwards running content-out; opacity: 1; transform: translateY(0px); } ytd-default-promo-panel-renderer[animation-enabled][transitioning-out] #action-button.ytd-default-promo-panel-renderer { animation: 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.47s 1 normal forwards running content-out; opacity: 1; transform: translateY(0px); } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] #hero.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] #scrim.ytd-default-promo-panel-renderer, ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] #click-area.ytd-default-promo-panel-renderer { background-position: center top; background-repeat: no-repeat; background-size: cover; max-width: 100%; position: absolute; height: 60%; width: 100%; animation: auto ease 0s 1 normal none running none; transform: none; top: 0px; right: 0px; left: 0px; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower][disable-grid-state-aware][is-carousel-in-feed] #scrim.ytd-default-promo-panel-renderer { height: 100%; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] #content.ytd-default-promo-panel-renderer { box-sizing: border-box; top: 0px; height: 100%; width: 100%; left: 0px; margin: 0px auto; padding: 0px 0px 72px; position: absolute; right: 0px; display: flex; flex-direction: column; justify-content: flex-end; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] #description.ytd-default-promo-panel-renderer { display: none; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] #hero-title.ytd-default-promo-panel-renderer { margin: 0px auto 16px; text-align: center; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] #byline.ytd-default-promo-panel-renderer { margin: 0px auto 16px; } ytd-default-promo-panel-renderer[panel-layout="DEFAULT_PROMO_PANEL_RENDERER_LAYOUT_C"][narrower] #action-button.ytd-default-promo-panel-renderer { margin: 0px auto; } @keyframes background-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes background-in { 0% { opacity: 0; transform: scale(1); } 100% { opacity: 1; transform: scale(1.1); } } @keyframes content-in { 0% { opacity: 0; transform: translateY(25px); } 80% { transform: translateY(0px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes content-out { 0% { opacity: 1; transform: translateY(0px); } 80% { transform: translateY(-25px); } 100% { opacity: 0; transform: translateY(-25px); } } ytd-default-promo-panel-renderer-inline-playback-renderer { display: block; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.5; transition: opacity 0.5s; } ytd-default-promo-panel-renderer-inline-playback-renderer[playing] { opacity: 1; } ytd-player.ytd-default-promo-panel-renderer-inline-playback-renderer { position: absolute; display: block; width: 100%; height: 100%; opacity: 0; transition: opacity 0.2s; } ytd-default-promo-panel-renderer-inline-playback-renderer[playing] ytd-player.ytd-default-promo-panel-renderer-inline-playback-renderer { opacity: 1; } tp-yt-iron-image { display: inline-block; overflow: hidden; position: relative; } #baseURIAnchor.tp-yt-iron-image { display: none; } #sizedImgDiv.tp-yt-iron-image { position: absolute; inset: 0px; display: none; } #img.tp-yt-iron-image { display: block; width: var(--iron-image-width,auto); height: var(--iron-image-height,auto); } tp-yt-iron-image[sizing] #sizedImgDiv.tp-yt-iron-image { display: block; } tp-yt-iron-image[sizing] #img.tp-yt-iron-image { display: none; } #placeholder.tp-yt-iron-image { position: absolute; inset: 0px; background-color: inherit; opacity: 1; } #placeholder.faded-out.tp-yt-iron-image { transition: opacity 0.5s linear; opacity: 0; } tp-yt-paper-card { position: relative; box-sizing: border-box; background-color: var(--paper-card-background-color,var(--primary-background-color)); border-radius: 2px; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; display: var(--paper-card-display,inline-block); } tp-yt-paper-card[hidden], .tp-yt-paper-card[hidden] { display: none !important; } .header.tp-yt-paper-card { position: relative; border-top-left-radius: inherit; border-top-right-radius: inherit; overflow: hidden; } .header.tp-yt-paper-card tp-yt-iron-image.tp-yt-paper-card { display: block; width: 100%; --iron-image-width: 100%; pointer-events: none; } .header.tp-yt-paper-card .title-text.tp-yt-paper-card { color: var(--paper-card-header-color,#000); } .header.tp-yt-paper-card .title-text.over-image.tp-yt-paper-card { position: absolute; bottom: 0px; } tp-yt-paper-card > .card-content { position: relative; } tp-yt-paper-card > .card-actions { border-top: 1px solid rgb(232, 232, 232); position: relative; } tp-yt-paper-card[elevation="1"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } tp-yt-paper-card[elevation="2"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.4) 0px 2px 4px -1px; } tp-yt-paper-card[elevation="3"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px, rgba(0, 0, 0, 0.4) 0px 3px 5px -1px; } tp-yt-paper-card[elevation="4"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px, rgba(0, 0, 0, 0.4) 0px 5px 5px -3px; } tp-yt-paper-card[elevation="5"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.4) 0px 8px 10px -5px; } yt-did-you-mean-renderer { display: inline-block; } yt-including-results-for-renderer { display: inline-block; } yt-music-pass-feature-info-renderer { display: block; } #container.yt-music-pass-feature-info-renderer { box-sizing: border-box; min-height: 550px; padding: var(--ytd-margin-6x); background-position: center top; background-size: cover; display: flex; flex-direction: row; align-items: center; justify-content: center; } #message.yt-music-pass-feature-info-renderer { width: 1000px; display: flex; flex-direction: column; align-self: center; } #header.yt-music-pass-feature-info-renderer, #description.yt-music-pass-feature-info-renderer { display: block; width: 50%; } #header.yt-music-pass-feature-info-renderer { font-size: 4.8rem; font-weight: 300; line-height: 1.16; opacity: 0.87; } #description.yt-music-pass-feature-info-renderer { font-size: 2rem; line-height: 1.5; margin-top: var(--ytd-margin-6x); } .style-light.yt-music-pass-feature-info-renderer #header.yt-music-pass-feature-info-renderer { color: var(--yt-spec-static-overlay-text-primary); } .style-light.yt-music-pass-feature-info-renderer #description.yt-music-pass-feature-info-renderer { color: var(--yt-deprecated-white-opacity-lighten-1); opacity: 0.7; } .style-dark.yt-music-pass-feature-info-renderer { color: var(--yt-deprecated-luna-black); } .style-right.yt-music-pass-feature-info-renderer #message.yt-music-pass-feature-info-renderer { align-items: flex-end; } @media (max-width: 1050px) { #container.yt-music-pass-feature-info-renderer { min-height: 400px; } #header.yt-music-pass-feature-info-renderer { font-size: 3.6rem; } #description.yt-music-pass-feature-info-renderer { margin-top: var(--ytd-margin-4x); font-size: 1.8rem; } } @media (max-width: 800px) { #container.yt-music-pass-feature-info-renderer { min-height: 300px; } #header.yt-music-pass-feature-info-renderer { font-size: 2.8rem; } #description.yt-music-pass-feature-info-renderer { margin-top: var(--ytd-margin-2x); font-size: 1.6rem; } } @media (max-width: 615px) { #container.yt-music-pass-feature-info-renderer, #message.yt-music-pass-feature-info-renderer { display: block; } #container.yt-music-pass-feature-info-renderer { min-height: 0px; position: relative; } #container.yt-music-pass-feature-info-renderer::before { content: ""; position: absolute; inset: 100px 0px 0px; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 35%, rgba(0, 0, 0, 0.25)); } #message.yt-music-pass-feature-info-renderer, #header.yt-music-pass-feature-info-renderer, #description.yt-music-pass-feature-info-renderer { width: auto; } #header.yt-music-pass-feature-info-renderer { margin-top: 100px; } } @media (max-width: 340px) { #header.yt-music-pass-feature-info-renderer { font-size: 2.4rem; } } yt-no-results-found-showing-results-for-renderer { display: inline-block; } yt-results-without-quotes-renderer { display: inline-block; } yt-search-no-results-renderer { display: inline-block; } #text.yt-search-no-results-renderer { color: var(--yt-spec-text-primary); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #link.yt-search-no-results-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } .yt-simple-endpoint.yt-search-no-results-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.yt-search-no-results-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } yt-showing-results-for-renderer { display: inline-block; } yt-collapsible-ypc-offer-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); } yt-collapsible-ypc-offer-renderer[offers-visible_] { outline: none; } #more-offer-info-header.yt-collapsible-ypc-offer-renderer { color: var(--yt-spec-static-overlay-text-primary); font-size: 1.4rem; cursor: pointer; } #offers.yt-collapsible-ypc-offer-renderer { align-items: center; display: flex; flex-direction: column; } yt-faq-section-renderer { margin-top: var(--ytd-margin-24x); padding-bottom: var(--ytd-margin-12x); width: 100%; display: flex; flex-direction: row; justify-content: center; } .container.yt-faq-section-renderer { color: var(--yt-spec-text-primary); width: 50%; display: flex; flex-direction: column; } .header.yt-faq-section-renderer { margin-bottom: var(--ytd-margin-8x); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } yt-generic-faq-question-renderer { cursor: pointer; border-bottom: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: column; } .head.yt-generic-faq-question-renderer { display: flex; flex-direction: row; align-items: center; } .answer-arrow.yt-generic-faq-question-renderer { color: var(--yt-spec-text-primary); } .question.yt-generic-faq-question-renderer { color: var(--yt-spec-text-primary); margin: var(--ytd-margin-4x) 0; font-size: var(--ytd-navbar-title-font-size); font-weight: var(--ytd-navbar-title-font-weight); line-height: var(--ytd-navbar-title-line-height); flex: 1 1 1e-09px; } .answer.yt-generic-faq-question-renderer { color: var(--yt-spec-text-secondary); display: block; margin-bottom: var(--ytd-margin-2x); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } yt-offer-item-expanded-renderer { max-width: 650px; display: flex; flex-direction: row; } #image-renderer.yt-offer-item-expanded-renderer { max-width: 225px; } #content.yt-offer-item-expanded-renderer { margin-left: var(--ytd-margin-3x); max-width: 410px; } #heading-renderer.yt-offer-item-expanded-renderer { margin: var(--ytd-margin-base) 0 var(--ytd-margin-2x) 0; } #description-renderer.yt-offer-item-expanded-renderer { margin-bottom: var(--ytd-margin-4x); } yt-offer-item-renderer { display: inline-block; max-width: 221px; margin-right: 18px; vertical-align: top; margin-bottom: var(--ytd-margin-3x); } yt-offer-item-renderer[full-width-mode] { max-width: none; } yt-offer-item-renderer[borderless-mode] #image-renderer.yt-offer-item-renderer { border: none; } yt-offer-item-renderer:last-child { margin-right: 0px; } #image-renderer.yt-offer-item-renderer { border: 1px solid var(--yt-spec-10-percent-layer); } #heading-renderer.yt-offer-item-renderer { margin: var(--ytd-margin-2x) 0 var(--ytd-margin-base) 0; } yt-single-ypc-offer-list-renderer { width: 100%; } yt-single-ypc-offer-list-renderer[is-manage-red] #contents.yt-single-ypc-offer-list-renderer { padding: 0px; } #contents.yt-single-ypc-offer-list-renderer { padding: 0 var(--ytd-margin-4x); align-items: center; display: flex; flex-direction: column; } yt-single-ypc-offer-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-visited-color: var(--yt-spec-call-to-action); border-bottom: 1px solid var(--yt-spec-10-percent-layer); color: var(--yt-spec-text-primary); padding: var(--ytd-margin-4x) 0; max-width: 1003px; width: 100%; display: flex; flex-direction: row; align-items: center; } yt-single-ypc-offer-renderer[is-manage-red] { border-bottom: none; max-width: none; } yt-single-ypc-offer-renderer[is-manage-red] #yt-unlimited-metadata.yt-single-ypc-offer-renderer { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color); } yt-single-ypc-offer-renderer[collapsible] { background-color: var(--yt-spec-static-overlay-background-light); border-bottom: none; max-width: 552px; padding: 0px; } yt-single-ypc-offer-renderer[collapsible] #yt-unlimited-metadata.yt-single-ypc-offer-renderer { color: var(--yt-spec-static-overlay-text-primary); max-height: none; padding: var(--ytd-margin-4x); text-align: left; font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); display: flex; flex-direction: column; align-self: center; } yt-single-ypc-offer-renderer[collapsible] #metadata-item.yt-single-ypc-offer-renderer { margin-top: 10px; font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } yt-single-ypc-offer-renderer[collapsible] #metadata-item.yt-single-ypc-offer-renderer::before { content: none; } yt-single-ypc-offer-renderer[collapsible] #subscription-button.yt-single-ypc-offer-renderer { margin: var(--ytd-margin-4x); align-self: center; } #yt-unlimited-metadata.yt-single-ypc-offer-renderer { --yt-endpoint-force-cursor: pointer; flex: 1 1 1e-09px; display: block; max-height: calc(var(--yt-navbar-title-line-height,2.4rem)*2); overflow: hidden; font-size: var(--ytd-navbar-title-font-size); font-weight: var(--ytd-navbar-title-font-weight); line-height: var(--ytd-navbar-title-line-height); } #metadata-item.yt-single-ypc-offer-renderer { color: var(--yt-spec-text-secondary); } #metadata-item.yt-single-ypc-offer-renderer::before { content: "• "; } #subscription-button.yt-single-ypc-offer-renderer { margin-left: var(--ytd-margin-4x); } yt-subscription-product-header-renderer { display: block; } yt-subscription-product-renderer { --paper-card-background-color: var(--yt-spec-brand-background-primary); display: flex; } tp-yt-paper-card.yt-subscription-product-renderer { width: 100%; } #content.yt-subscription-product-renderer { padding: var(--ytd-margin-4x); } #metadatas.yt-subscription-product-renderer { margin: var(--ytd-margin-5x) 0 var(--ytd-margin-7x); } .metadata.yt-subscription-product-renderer { color: var(--yt-spec-text-primary); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } .additional-info.yt-subscription-product-renderer { color: var(--yt-spec-text-secondary); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } .description.yt-subscription-product-renderer { display: block; margin-top: var(--ytd-margin-4x); border-left: var(--ytd-margin-base) solid var(--yt-spec-error-indicator); padding-left: var(--ytd-margin-4x); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-secondary)); } #actions.yt-subscription-product-renderer { padding: var(--ytd-margin-2x); border-top: 1px solid var(--yt-spec-10-percent-layer); display: flex; } #secondary-button.yt-subscription-product-renderer yt-button-renderer.yt-subscription-product-renderer { color: var(--yt-spec-text-secondary); } #menu.yt-subscription-product-renderer { position: absolute; top: var(--ytd-margin-4x); right: var(--ytd-margin-4x); } yt-subscription-product-upsell-offer-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-call-to-action); --yt-endpoint-visited-color: var(--yt-spec-call-to-action); display: block; --paper-card-display: block; --paper-card-background-color: var(--yt-spec-brand-background-primary); --iron-icon-width: 140px; --iron-icon-height: 100%; --yt-button-padding: 10px; } #image-container.yt-subscription-product-upsell-offer-renderer { position: relative; height: 100px; margin: -1px; border-radius: 2px 2px 0px 0px; overflow: hidden; } #image.yt-subscription-product-upsell-offer-renderer { display: block; height: 100%; } #scrim.yt-subscription-product-upsell-offer-renderer { position: absolute; inset: 0px; padding: 0px 16px; align-items: center; display: flex; } #logo-image.yt-subscription-product-upsell-offer-renderer { display: inline-block; } #logo-icon.yt-subscription-product-upsell-offer-renderer { fill: var(--yt-spec-static-brand-white); top: 3px; } #content.yt-subscription-product-upsell-offer-renderer { padding: 14px; } #title.yt-subscription-product-upsell-offer-renderer { margin-top: var(--ytd-margin-2x); color: var(--yt-spec-text-primary); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #description.yt-subscription-product-upsell-offer-renderer { display: block; margin-top: var(--ytd-margin-base); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } #additional-infos.yt-subscription-product-upsell-offer-renderer { margin: var(--ytd-margin-3x) 0 var(--ytd-margin-2x); } #additional-info.yt-subscription-product-upsell-offer-renderer { display: block; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } #actions.yt-subscription-product-upsell-offer-renderer { padding: var(--ytd-margin-2x); border-top: 1px solid var(--yt-spec-10-percent-layer); display: flex; } #secondary-button.yt-subscription-product-upsell-offer-renderer yt-button-renderer.yt-subscription-product-upsell-offer-renderer { color: var(--yt-spec-text-secondary); } yt-unlimited-manage-subscription-page-renderer { margin: var(--ytd-margin-6x) auto; max-width: 960px; --paper-card-background-color: var(--yt-spec-brand-background-primary); --paper-card-header-color: var(--yt-spec-text-primary); display: flex; flex-direction: column; } h2.yt-unlimited-manage-subscription-page-renderer { color: var(--yt-spec-text-primary); padding: var(--ytd-margin-4x); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } .card-content.yt-unlimited-manage-subscription-page-renderer { padding: var(--ytd-margin-4x); } .subscription-info-item.yt-unlimited-manage-subscription-page-renderer { margin-top: var(--ytd-margin-2x); display: flex; flex-direction: row; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } .subscription-info-item-title.yt-unlimited-manage-subscription-page-renderer { flex: 1 1 1e-09px; } .subscription-info-item-content.yt-unlimited-manage-subscription-page-renderer { flex: 2 1 0%; } .additional-info.yt-unlimited-manage-subscription-page-renderer { display: block; margin-top: var(--ytd-margin-4x); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } .buttons.yt-unlimited-manage-subscription-page-renderer { margin-top: var(--ytd-margin-4x); } yt-unlimited-page-header-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-call-to-action); --yt-img-max-height: 100%; --yt-formatted-string-strikethrough-font-family: Roboto,Arial,sans-serif; --yt-formatted-string-strikethrough-font-size: 2.4rem; --yt-formatted-string-strikethrough-font-weight: 300; --yt-formatted-string-strikethrough-line-height: 2.8rem; background-color: var(--yt-deprecated-dark-surface-100); background-position: center top; background-size: cover; min-height: 450px; padding: var(--ytd-margin-24x) 0 var(--ytd-margin-12x); text-align: center; width: 100%; align-items: center; display: flex; flex-direction: column; } #logo.yt-unlimited-page-header-renderer { height: 71px; } #logo-with-padding.yt-unlimited-page-header-renderer { height: 92px; } #logo-wrapper.yt-unlimited-page-header-renderer { height: 71px; } #logo-wrapper-with-padding.yt-unlimited-page-header-renderer { height: 92px; margin-bottom: -21px; } #subtitle.yt-unlimited-page-header-renderer, .metadata-item.yt-unlimited-page-header-renderer, .billing-info-item.yt-unlimited-page-header-renderer { color: var(--yt-spec-static-overlay-text-primary); max-width: 552px; } .yt-unlimited-title.yt-unlimited-page-header-renderer yt-img-shadow.yt-unlimited-page-header-renderer { height: 71px; max-width: 100%; } #subtitle.yt-unlimited-page-header-renderer { margin: var(--ytd-margin-12x) 0; font-size: 3.2rem; font-weight: 300; line-height: 4rem; white-space: pre-line; } #metadatas.yt-unlimited-page-header-renderer { margin: var(--ytd-margin-6x); max-width: 680px; font-size: 2.4rem; font-weight: 300; line-height: 2.8rem; } .metadata-item.yt-unlimited-page-header-renderer { display: inline; } .metadata-item.yt-unlimited-page-header-renderer:not(:first-child)::before { content: "• "; color: var(--yt-spec-text-primary); } yt-button-renderer.style-dark-on-white.yt-unlimited-page-header-renderer { color: var(--yt-spec-static-black); background-color: var(--yt-spec-static-white-background); } #additional-billing-info.yt-unlimited-page-header-renderer { display: block; margin-top: var(--ytd-margin-3x); font-size: 1.6rem; } .billing-info-item.yt-unlimited-page-header-renderer { display: inline; white-space: pre-line; } .promotion-text.yt-unlimited-page-header-renderer { color: var(--yt-spec-brand-red-contrast); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #restriction-apply-button.yt-unlimited-page-header-renderer { --yt-endpoint-force-cursor: pointer; color: var(--yt-spec-call-to-action); text-decoration: none; cursor: pointer; font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } #restriction-apply-button.yt-unlimited-page-header-renderer:hover { text-decoration: underline; } #more-offers.yt-unlimited-page-header-renderer { width: 100%; margin-bottom: var(--ytd-margin-6x); } yt-unlimited-user-notification-renderer { width: 100%; background-position: center top; background-size: cover; background-color: var(--yt-spec-error-background); justify-content: space-between; display: flex; flex-direction: row; } #yt-notification-text.yt-unlimited-user-notification-renderer { display: flex; flex-direction: column; } #title.yt-unlimited-user-notification-renderer { color: var(--yt-spec-text-primary-inverse); padding-top: var(--ytd-margin-3x); padding-bottom: var(--ytd-margin-base); padding-left: var(--ytd-margin-17x); font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } #metadata-item.yt-unlimited-user-notification-renderer { padding-top: var(--ytd-margin-base); padding-bottom: var(--ytd-margin-4x); padding-left: var(--ytd-margin-17x); font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary-inverse)); } #action-button.yt-unlimited-user-notification-renderer { padding-right: var(--ytd-margin-35x); padding-top: var(--ytd-margin-5x); padding-bottom: var(--ytd-margin-5x); } yt-ypc-offers-list-renderer { display: flex; flex-direction: row; justify-content: center; } #contents.yt-ypc-offers-list-renderer { width: 100%; } yt-search-query-correction { display: block; margin-top: var(--ytd-margin-6x); } #corrected.yt-search-query-correction { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #corrected-link.yt-search-query-correction { font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--yt-search-correction-corrected-link-font-weight,var(--ytd-link-letter-spacing)); } #original.yt-search-query-correction { padding-left: var(--ytd-margin-2x); color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .original-link.yt-search-query-correction { color: var(--yt-spec-text-primary); font-size: var(--ytd-link-font-size); font-weight: var(--ytd-link-font-weight); line-height: var(--ytd-link-line-height); letter-spacing: var(--ytd-link-letter-spacing); } .yt-simple-endpoint.yt-search-query-correction { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.yt-search-query-correction:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } yt-video-as-thumbnail-details { display: inline-block; } yt-video-as-thumbnail-details[animate-placeholder-on-entrance] #placeholder.yt-video-as-thumbnail-details { animation: 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running background-entry; opacity: 0; transform: scale(1); } #placeholder.yt-video-as-thumbnail-details { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; width: 100%; } #video-container.yt-video-as-thumbnail-details { height: var(--yt-video-container-thumbnail-height,100%); overflow: hidden; position: absolute; top: 0px; width: var(--yt-video-container-thumbnail-width,100%); margin-left: var(--yt-video-thumbnail-margin-left,0); } #video.yt-video-as-thumbnail-details { height: var(--yt-video-thumbnail-height,100%); min-width: 100%; min-height: 100%; position: absolute; width: var(--yt-video-thumbnail-width,100%); } #placeholder.yt-video-as-thumbnail-details, #video.yt-video-as-thumbnail-details { opacity: 1; transition: opacity 0.5s ease-in-out; } #placeholder.hideit.yt-video-as-thumbnail-details, #video.hideit.yt-video-as-thumbnail-details { opacity: 0; } @keyframes background-entry { 0% { opacity: 0; transform: scale(1); } 100% { opacity: 1; transform: scale(1.1); } } ytd-video-owner-renderer { min-width: 0px; display: flex; flex-direction: row; } ytd-video-owner-renderer:not([subscribed])[hide-join-button-before-subscribed] #sponsor-button.ytd-video-owner-renderer { display: none; } #avatar-stack.ytd-video-owner-renderer { margin-right: 12px; } #avatar.ytd-video-owner-renderer { margin-right: 12px; width: 40px; height: 40px; border-radius: 50%; background-color: transparent; overflow: hidden; } #channel-name.ytd-video-owner-renderer { max-width: 100%; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; --ytd-channel-name-text-complex-display: flex; } #owner-sub-count.ytd-video-owner-renderer { color: var(--yt-spec-text-secondary); margin-right: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #upload-info.ytd-video-owner-renderer { margin-right: 24px; overflow: hidden; flex: 1 1 1e-09px; display: flex; flex-direction: column; justify-content: center; } #sponsor-button.ytd-video-owner-renderer:not(:empty), #purchase-button.ytd-video-owner-renderer:not(:empty), #analytics-button.ytd-video-owner-renderer:not(:empty) { margin-right: 8px; display: flex; flex-direction: column; justify-content: center; } .yt-simple-endpoint.ytd-video-owner-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-video-owner-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } .ytwTimedAnimationButtonRendererHost { display: block; } ytd-banner-promo-renderer { --yt-lightsource-section2-color: var(--yt-spec-static-overlay-text-primary); --yt-lightsource-section3-color: var(--yt-spec-static-overlay-text-primary); --yt-lightsource-navBarColor: var(--yt-spec-static-overlay-text-primary); --yt-lightsource-body-text-color: var(--yt-spec-static-overlay-text-primary); --yt-lightsource-iron-activated-color: var( --yt-spec-static-overlay-text-primary ); --yt-lightsource-iron-inactive-color: var( --yt-spec-static-overlay-text-primary ); --yt-basic-foreground-body-color: var(--yt-spec-static-overlay-text-primary); --yt-basic-foreground-activated-color: var( --yt-spec-static-overlay-text-primary ); display: inline-block; overflow: hidden; width: 100%; } ytd-banner-promo-renderer[force-dark-theme] { --yt-spec-base-background: #0f0f0f; --yt-spec-raised-background: #212121; --yt-spec-menu-background: #282828; --yt-spec-inverted-background: #f1f1f1; --yt-spec-additive-background: rgba(255,255,255,0.1); --yt-spec-outline: rgba(255,255,255,0.2); --yt-spec-outline-inverse: rgba(0,0,0,0.1); --yt-spec-outline-inverse-medium: rgba(0,0,0,0.3); --yt-spec-shadow: rgba(0,0,0,0.25); --yt-spec-text-primary: #fff; --yt-spec-text-secondary: #aaa; --yt-spec-text-disabled: #717171; --yt-spec-text-primary-inverse: #030303; --yt-spec-call-to-action: #3ea6ff; --yt-spec-call-to-action-inverse: #065fd4; --yt-spec-suggested-action: #263850; --yt-spec-suggested-action-inverse: #def1ff; --yt-spec-icon-active-other: #fff; --yt-spec-icon-inactive: #909090; --yt-spec-icon-disabled: #606060; --yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); --yt-spec-touch-response: #fff; --yt-spec-touch-response-inverse: #000; --yt-spec-brand-icon-active: #fff; --yt-spec-brand-icon-inactive: #909090; --yt-spec-red-indicator: #e1002d; --yt-spec-wordmark-text: #fff; --yt-spec-error-indicator: #f57; --yt-spec-error-background-red: rgba(255,85,119,0.2); --yt-spec-themed-blue: #3ea6ff; --yt-spec-themed-green: #2ba640; --yt-spec-ad-indicator: #00aaa7; --yt-spec-themed-overlay-background: rgba(0,0,0,0.8); --yt-spec-commerce-badge-background: #002d08; --yt-spec-static-white-background: #fff; --yt-spec-static-black: #0f0f0f; --yt-spec-static-brand-red: #f03; --yt-spec-static-brand-white: #fff; --yt-spec-static-brand-black: #000; --yt-spec-static-clear-color: rgba(255,255,255,0); --yt-spec-static-clear-black: rgba(0,0,0,0); --yt-spec-static-ad-yellow: #fbc02d; --yt-spec-static-grey: #606060; --yt-spec-brand-red-contrast: #f57; --yt-spec-static-overlay-additive-background: rgba(40,40,40,0.6); --yt-spec-static-overlay-background-solid: #000; --yt-spec-static-overlay-background-heavy: rgba(0,0,0,0.8); --yt-spec-static-overlay-background-medium: rgba(0,0,0,0.6); --yt-spec-static-overlay-background-medium-light: rgba(0,0,0,0.3); --yt-spec-static-overlay-background-light: rgba(0,0,0,0.1); --yt-spec-static-overlay-text-primary: #fff; --yt-spec-static-overlay-text-primary-inverse: #030303; --yt-spec-static-overlay-text-secondary: rgba(255,255,255,0.7); --yt-spec-static-overlay-text-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-call-to-action: #3ea6ff; --yt-spec-static-overlay-call-to-action-hover: #65b8ff; --yt-spec-static-overlay-icon-active-other: #fff; --yt-spec-static-overlay-icon-inactive: rgba(255,255,255,0.7); --yt-spec-static-overlay-icon-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-primary: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-secondary: rgba(255,255,255,0.1); --yt-spec-static-overlay-touch-response: #fff; --yt-spec-static-overlay-touch-response-inverse: #000; --yt-spec-static-overlay-background-brand: rgba(225,0,45,0.9); --yt-spec-assistive-feed-themed-gradient-1: #005446; --yt-spec-assistive-feed-themed-gradient-2: #39003f; --yt-spec-assistive-feed-themed-gradient-3: #590000; --yt-spec-gen-ai-gradient-1: #007a65; --yt-spec-gen-ai-gradient-2: #7f0e7f; --yt-spec-gen-ai-gradient-3: #aa09aa; --yt-spec-gen-ai-gradient-4: #ff4e45; --yt-spec-gen-ai-additive-gradient-1: rgba(0,122,101,0.3); --yt-spec-gen-ai-additive-gradient-2: rgba(127,14,127,0.3); --yt-spec-gen-ai-additive-gradient-3: rgba(170,9,170,0.3); --yt-spec-gen-ai-additive-gradient-4: rgba(255,78,69,0.3); --yt-spec-scrim-background-gradient-1: rgba(15,15,15,0); --yt-spec-scrim-background-gradient-2: rgba(15,15,15,0.3); --yt-spec-scrim-background-gradient-3: rgba(15,15,15,0.6); --yt-spec-scrim-background-gradient-4: rgba(15,15,15,0.9); --yt-spec-scrim-background-gradient-5: #0f0f0f; --yt-spec-discover-red: #ff4e45; --yt-spec-discover-green: #a4ffa4; --yt-spec-discover-blue: #6ea2ff; --yt-frosted-glass-mobile: rgba(15,15,15,0.7); --yt-frosted-glass-desktop: rgba(15,15,15,0.8); --yt-spec-expressive-trend-10: #fbfee6; --yt-spec-expressive-trend-20: #f5ffb7; --yt-spec-expressive-trend-30: #ecfd83; --yt-spec-expressive-trend-40: #dafd00; --yt-spec-expressive-trend-50: #bbe900; --yt-spec-expressive-trend-60: #8abb03; --yt-spec-expressive-trend-70: #5c7e00; --yt-spec-correct-indicator: #00a513; --yt-spec-incorrect-indicator: #c00; --yt-spec-brand-background-solid: #212121; --yt-spec-brand-background-primary: rgba(33,33,33,0.98); --yt-spec-brand-background-secondary: rgba(33,33,33,0.95); --yt-spec-general-background-a: #181818; --yt-spec-general-background-b: #0f0f0f; --yt-spec-general-background-c: #030303; --yt-spec-error-background: #f9f9f9; --yt-spec-10-percent-layer: rgba(255,255,255,0.1); --yt-spec-10-percent-layer-inverse: rgba(0,0,0,0.1); --yt-spec-snackbar-background: #030303; --yt-spec-snackbar-background-updated: #f9f9f9; --yt-spec-badge-chip-background: rgba(255,255,255,0.1); --yt-spec-badge-chip-background-inverse: rgba(0,0,0,0.05); --yt-spec-verified-badge-background: rgba(255,255,255,0.25); --yt-spec-brand-button-background: #c00; --yt-spec-brand-link-text: #ff4e45; --yt-spec-brand-link-text-faded: rgba(255,78,69,0.3); --yt-spec-call-to-action-faded: rgba(62,166,255,0.3); --yt-spec-call-to-action-hover: #6ebcff; --yt-spec-brand-button-background-hover: #990412; --yt-spec-filled-button-focus-outline: rgba(255,255,255,0.7); --yt-spec-static-overlay-button-hover: rgba(255,255,255,0.5); --yt-spec-mono-filled-hover: #d9d9d9; --yt-spec-mono-filled-hover-inverse: #272727; --yt-spec-commerce-filled-hover: #65b8ff; --yt-spec-mono-tonal-hover: rgba(255,255,255,0.2); --yt-spec-mono-tonal-hover-inverse: rgba(0,0,0,0.1); --yt-spec-commerce-tonal-hover: #515561; --yt-spec-static-overlay-filled-hover: #e6e6e6; --yt-spec-static-overlay-tonal-hover: rgba(255,255,255,0.2); } ytd-banner-promo-renderer[force-light-theme] { --yt-spec-base-background: #fff; --yt-spec-raised-background: #fff; --yt-spec-menu-background: #fff; --yt-spec-inverted-background: #0f0f0f; --yt-spec-additive-background: rgba(0,0,0,0.05); --yt-spec-outline: rgba(0,0,0,0.1); --yt-spec-outline-inverse: rgba(255,255,255,0.2); --yt-spec-outline-inverse-medium: rgba(255,255,255,0.3); --yt-spec-shadow: rgba(0,0,0,0.25); --yt-spec-text-primary: #030303; --yt-spec-text-primary-inverse: #fff; --yt-spec-text-secondary: #606060; --yt-spec-text-disabled: #909090; --yt-spec-call-to-action: #065fd4; --yt-spec-call-to-action-inverse: #3ea6ff; --yt-spec-suggested-action: #def1ff; --yt-spec-suggested-action-inverse: #263850; --yt-spec-icon-active-other: #606060; --yt-spec-icon-inactive: #909090; --yt-spec-icon-disabled: #ccc; --yt-spec-button-chip-background-hover: rgba(0,0,0,0.1); --yt-spec-touch-response: #000; --yt-spec-touch-response-inverse: #fff; --yt-spec-brand-icon-active: #f03; --yt-spec-brand-icon-inactive: #606060; --yt-spec-red-indicator: #e1002d; --yt-spec-wordmark-text: #000; --yt-spec-error-indicator: #c30027; --yt-spec-error-background-red: rgba(255,85,119,0.2); --yt-spec-themed-blue: #065fd4; --yt-spec-themed-green: #107516; --yt-spec-ad-indicator: #00716c; --yt-spec-themed-overlay-background: rgba(255,255,255,0.7); --yt-spec-commerce-badge-background: #deffde; --yt-spec-static-white-background: #fff; --yt-spec-static-black: #0f0f0f; --yt-spec-static-brand-red: #f03; --yt-spec-static-brand-white: #fff; --yt-spec-static-brand-black: #000; --yt-spec-static-clear-color: rgba(255,255,255,0); --yt-spec-static-clear-black: rgba(0,0,0,0); --yt-spec-static-ad-yellow: #fbc02d; --yt-spec-static-grey: #606060; --yt-spec-brand-red-contrast: #c30027; --yt-spec-static-overlay-additive-background: rgba(40,40,40,0.6); --yt-spec-static-overlay-background-solid: #000; --yt-spec-static-overlay-background-heavy: rgba(0,0,0,0.8); --yt-spec-static-overlay-background-medium: rgba(0,0,0,0.6); --yt-spec-static-overlay-background-medium-light: rgba(0,0,0,0.3); --yt-spec-static-overlay-background-light: rgba(0,0,0,0.1); --yt-spec-static-overlay-text-primary: #fff; --yt-spec-static-overlay-text-primary-inverse: #030303; --yt-spec-static-overlay-text-secondary: rgba(255,255,255,0.7); --yt-spec-static-overlay-text-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-call-to-action: #3ea6ff; --yt-spec-static-overlay-call-to-action-hover: #65b8ff; --yt-spec-static-overlay-icon-active-other: #fff; --yt-spec-static-overlay-icon-inactive: rgba(255,255,255,0.7); --yt-spec-static-overlay-icon-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-secondary: rgba(255,255,255,0.1); --yt-spec-static-overlay-button-primary: rgba(255,255,255,0.3); --yt-spec-static-overlay-touch-response: #fff; --yt-spec-static-overlay-touch-response-inverse: #000; --yt-spec-static-overlay-background-brand: rgba(225,0,45,0.9); --yt-spec-assistive-feed-vibrant-gradient-1: #007a65; --yt-spec-assistive-feed-vibrant-gradient-2: #7f0e7f; --yt-spec-assistive-feed-vibrant-gradient-3: #ff8983; --yt-spec-assistive-feed-themed-gradient-1: #d4fff8; --yt-spec-assistive-feed-themed-gradient-2: #ffdeff; --yt-spec-assistive-feed-themed-gradient-3: #ffe6e6; --yt-spec-gen-ai-gradient-1: #007a65; --yt-spec-gen-ai-gradient-2: #7f0e7f; --yt-spec-gen-ai-gradient-3: #aa09aa; --yt-spec-gen-ai-gradient-4: #ff4e45; --yt-spec-gen-ai-additive-gradient-1: rgba(0,122,101,0.2); --yt-spec-gen-ai-additive-gradient-2: rgba(127,14,127,0.2); --yt-spec-gen-ai-additive-gradient-3: rgba(170,9,170,0.2); --yt-spec-gen-ai-additive-gradient-4: rgba(255,78,69,0.2); --yt-spec-scrim-background-gradient-1: rgba(255,255,255,0); --yt-spec-scrim-background-gradient-2: rgba(255,255,255,0.3); --yt-spec-scrim-background-gradient-3: rgba(255,255,255,0.6); --yt-spec-scrim-background-gradient-4: rgba(255,255,255,0.9); --yt-spec-scrim-background-gradient-5: white; --yt-spec-discover-red: #c00; --yt-spec-discover-green: #007f1b; --yt-spec-discover-blue: #005cff; --yt-frosted-glass-mobile: rgba(255,255,255,0.9); --yt-frosted-glass-desktop: rgba(255,255,255,0.9); --yt-spec-expressive-trend-10: #fbfee6; --yt-spec-expressive-trend-20: #f5ffb7; --yt-spec-expressive-trend-30: #ecfd83; --yt-spec-expressive-trend-40: #dafd00; --yt-spec-expressive-trend-50: #bbe900; --yt-spec-expressive-trend-60: #8abb03; --yt-spec-expressive-trend-70: #5c7e00; --yt-spec-correct-indicator: #00e800; --yt-spec-incorrect-indicator: #ff4e45; --yt-spec-brand-background-solid: #fff; --yt-spec-brand-background-primary: rgba(255,255,255,0.98); --yt-spec-brand-background-secondary: rgba(255,255,255,0.95); --yt-spec-general-background-a: #f9f9f9; --yt-spec-general-background-b: #f1f1f1; --yt-spec-general-background-c: #e9e9e9; --yt-spec-error-background: #181818; --yt-spec-10-percent-layer: rgba(0,0,0,0.1); --yt-spec-10-percent-layer-inverse: rgba(255,255,255,0.1); --yt-spec-snackbar-background: #212121; --yt-spec-snackbar-background-updated: #181818; --yt-spec-badge-chip-background: rgba(0,0,0,0.05); --yt-spec-badge-chip-background-inverse: rgba(255,255,255,0.1); --yt-spec-verified-badge-background: rgba(0,0,0,0.15); --yt-spec-brand-button-background: #c00; --yt-spec-brand-link-text: #c00; --yt-spec-brand-link-text-faded: rgba(204,0,0,0.3); --yt-spec-call-to-action-faded: rgba(6,95,212,0.3); --yt-spec-call-to-action-hover: #0551b4; --yt-spec-brand-button-background-hover: #990412; --yt-spec-filled-button-focus-outline: rgba(0,0,0,0.6); --yt-spec-static-overlay-button-hover: rgba(255,255,255,0.5); --yt-spec-mono-filled-hover: #272727; --yt-spec-mono-filled-hover-inverse: #d9d9d9; --yt-spec-commerce-filled-hover: #0556bf; --yt-spec-mono-tonal-hover: rgba(0,0,0,0.1); --yt-spec-mono-tonal-hover-inverse: rgba(255,255,255,0.2); --yt-spec-commerce-tonal-hover: #dadfe6; --yt-spec-static-overlay-filled-hover: #e6e6e6; --yt-spec-static-overlay-tonal-hover: rgba(255,255,255,0.2); } ytd-banner-promo-renderer.dismissed, ytd-banner-promo-renderer[is-dismissed] { display: none; } #action-button.ytd-banner-promo-renderer[invisible] { visibility: hidden; } .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer { background-color: var(--yt-basic-background-color); background-position: center top; position: relative; } .ytd-banner-promo-renderer-logo.ytd-banner-promo-renderer yt-img-shadow.ytd-banner-promo-renderer { max-height: 134px; max-width: 400px; } #action-button.ytd-banner-promo-renderer { margin-top: 20px; } #dismiss-button.ytd-banner-promo-renderer, #overflow-button.ytd-banner-promo-renderer { --yt-button-icon-padding: 0px; --yt-button-icon-size: 24px; position: absolute; right: 13px; top: 13px; z-index: 2; } #dismiss-button.ytd-banner-promo-renderer[is-icon-button] { background-color: var(--yt-spec-static-overlay-text-secondary); color: var(--yt-spec-static-overlay-background-heavy); } .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer { display: flex; flex-direction: column; justify-content: flex-end; background-position: center top; background-repeat: no-repeat; background-size: auto 260px; text-align: left; height: 260px; max-width: none; } .ytd-banner-promo-renderer-inline-image.ytd-banner-promo-renderer { position: absolute; bottom: 0px; height: 260px; } .ytd-banner-promo-renderer-logo.ytd-banner-promo-renderer { position: relative; margin-bottom: 12px; height: 28px; } .ytd-banner-promo-renderer-logo-with-padding.ytd-banner-promo-renderer { position: relative; margin-bottom: 5px; height: 35px; } .dynamic-text-container.ytd-banner-promo-renderer { height: 94px; margin-bottom: 20px; } .dynamic-title-short.ytd-banner-promo-renderer { color: var(--yt-basic-foreground-title-color); } .dynamic-title-long.ytd-banner-promo-renderer { color: var(--yt-basic-foreground-body-color); } .ytd-banner-promo-renderer-content.ytd-banner-promo-renderer { position: relative; } .ytd-banner-promo-renderer-layout-container.ytd-banner-promo-renderer { display: flex; flex-direction: row; justify-content: center; margin: 0px 24px; } .supplemental-text.ytd-banner-promo-renderer { display: block; max-width: 440px; margin-bottom: 32px; color: var(--yt-basic-foreground-activated-color); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytd-banner-promo-renderer-layout.ytd-banner-promo-renderer { width: 100%; max-width: calc(var(--ytd-rich-grid-item-max-width)*var(--ytd-rich-grid-items-per-row) + var(--ytd-rich-grid-item-margin)*var(--ytd-rich-grid-items-per-row)); margin-right: calc(var(--ytd-rich-grid-item-margin)*-1); } ytd-button-renderer#action-button.ytd-banner-promo-renderer { margin: 0px 0px 34px; border: 2px solid; } ytd-banner-promo-renderer[is-infeed-modernization] ytd-button-renderer#action-button.ytd-banner-promo-renderer { border: none; } ytd-banner-promo-renderer[button-update] ytd-button-renderer#action-button.ytd-banner-promo-renderer { border: none; } ytd-banner-promo-renderer[has-supplemental-text] .dynamic-text-container.ytd-banner-promo-renderer { height: auto; max-height: 74px; margin-bottom: 12px; } ytd-banner-promo-renderer[has-supplemental-text] ytd-button-renderer#action-button.ytd-banner-promo-renderer { margin-bottom: 24px; } ytd-banner-promo-renderer[has-overflow-button] .dynamic-text-container.ytd-banner-promo-renderer { height: auto; margin-bottom: 0px; } ytd-banner-promo-renderer[has-overflow-button] .ytd-banner-promo-renderer-background.ytd-banner-promo-renderer { flex-direction: column; justify-content: center; } ytd-banner-promo-renderer[has-overflow-button] .ytd-banner-promo-renderer-content.ytd-banner-promo-renderer { display: flex; flex-direction: column; align-items: flex-start; } ytd-banner-promo-renderer[has-overflow-button] .badge-text.ytd-banner-promo-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-basic-foreground-body-color); margin-top: 4px; margin-bottom: 20px; } ytd-banner-promo-renderer[has-overflow-button] .supplemental-text.ytd-banner-promo-renderer { margin-bottom: 8px; } ytd-banner-promo-renderer[has-overflow-button] #overflow-button.ytd-banner-promo-renderer { border-radius: 50%; background-color: var(--yt-spec-static-overlay-background-medium-light); --ytd-menu-renderer-button-color: var( --yt-spec-static-overlay-text-primary ); --yt-spec-icon-active-other: var(--yt-spec-static-overlay-text-primary); } ytd-banner-promo-renderer[has-overflow-button] #overflow-button.ytd-banner-promo-renderer:hover { background-color: var(--yt-spec-static-overlay-additive-background); } ytd-banner-promo-renderer[has-overflow-button][has-title] .badge-text.ytd-banner-promo-renderer { color: var(--yt-basic-foreground-title-color); } ytd-banner-promo-renderer[has-overflow-button]:not([has-title]) .badge-text.ytd-banner-promo-renderer { color: var(--yt-basic-foreground-body-color); } ytd-rich-grid-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; --ytd-rich-grid-gutter-margin: 16px; --ytd-rich-grid-content-max-width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var( --ytd-rich-grid-item-margin )); --ytd-rich-grid-row-margin: 40px; } ytd-rich-grid-renderer[row-reduced-horizontal-margin] { --ytd-rich-grid-gutter-margin: 4px; } ytd-rich-grid-renderer[is-compact-grid], ytd-rich-grid-renderer[is-shorts-grid], ytd-rich-grid-renderer[is-slim-grid] { --ytd-rich-grid-gutter-margin: 0px; } ytd-rich-grid-renderer[continuation-is-reloading] { opacity: 0.25; pointer-events: none; } #header.ytd-rich-grid-renderer { --yt-feed-filter-chip-bar-margin-left-first-item: 0; width: 100%; justify-content: center; } ytd-rich-grid-renderer:not([hide-chips-bar-on-watch])[is-watch]:not([hide-chips-bar]) #header.ytd-rich-grid-renderer { margin: 12px -12px -16px -34px; } #header.ytd-rich-grid-renderer .chip-bar.ytd-rich-grid-renderer { max-width: calc(var(--ytd-rich-grid-content-max-width) + 48px); padding-top: 16px; padding-left: calc(var(--ytd-rich-grid-item-margin)/2 + var(--ytd-rich-grid-gutter-margin)); padding-right: calc(var(--ytd-rich-grid-item-margin)/2 + var(--ytd-rich-grid-gutter-margin)); } ytd-rich-grid-renderer[is-compact-grid] #header.ytd-rich-grid-renderer .chip-bar.ytd-rich-grid-renderer { padding-left: calc(var(--ytd-rich-grid-compact-item-margin)/2); padding-right: calc(var(--ytd-rich-grid-compact-item-margin)/2); } ytd-rich-grid-renderer[no-rich-item-gutter-margins] #header.ytd-rich-grid-renderer .chip-bar.ytd-rich-grid-renderer { padding-left: 0px; padding-right: 0px; } ytd-rich-grid-renderer:not([is-default-grid]) #header.ytd-rich-grid-renderer { width: 100%; } ytd-rich-grid-renderer[hide-chips-bar] ytd-feed-filter-chip-bar-renderer.ytd-rich-grid-renderer, ytd-rich-grid-renderer[hide-chips-bar-on-watch] ytd-feed-filter-chip-bar-renderer.ytd-rich-grid-renderer, ytd-rich-grid-renderer[hide-chips-bar-on-home] #header.ytd-rich-grid-renderer ytd-feed-filter-chip-bar-renderer.ytd-rich-grid-renderer { display: none; } #masthead-ad.ytd-rich-grid-renderer { width: 100%; flex: 0 0 auto; display: flex; flex-direction: row; justify-content: center; } #big-yoodle.ytd-rich-grid-renderer { width: 100%; } #title-container.ytd-rich-grid-renderer { margin-top: 24px; width: 100%; display: flex; justify-content: center; } #title.ytd-rich-grid-renderer { margin: 0px 24px; max-width: var(--ytd-rich-grid-content-max-width); width: 100%; } ytd-rich-grid-renderer[mini-mode] #title.ytd-rich-grid-renderer { max-width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)); } ytd-rich-grid-renderer[is-sub] #title.ytd-rich-grid-renderer { margin: 0px; } ytd-rich-grid-renderer[is-sub] #title-container.ytd-rich-grid-renderer { justify-content: flex-start; max-width: calc(var(--ytd-rich-grid-slim-items-per-row)*(var(--ytd-rich-grid-slim-item-max-width) + var(--ytd-rich-grid-shorts-item-margin))); } #title.ytd-rich-grid-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { #title.ytd-rich-grid-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-rich-grid-renderer[is-shorts-grid-slim] { margin: 0px 36px; align-items: flex-start; } #contents.ytd-rich-grid-renderer { width: 100%; max-width: calc(var(--ytd-rich-grid-content-max-width) + var(--ytd-rich-grid-item-margin) + var(--ytd-rich-grid-gutter-margin)*2); padding-top: 24px; display: flex; flex-wrap: wrap; justify-content: flex-start; } ytd-rich-grid-renderer[use-compact-list] #contents.ytd-rich-grid-renderer { max-width: unset; } ytd-rich-grid-renderer[is-slim-grid] #contents.ytd-rich-grid-renderer { max-width: var(--ytd-rich-grid-content-max-width); } ytd-rich-grid-renderer[mini-mode] #contents.ytd-rich-grid-renderer { max-width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) + var(--ytd-rich-grid-gutter-margin)*2); } ytd-rich-grid-renderer[is-shorts-grid] #contents.ytd-rich-grid-renderer { max-width: calc(var(--ytd-rich-grid-slim-items-per-row)*(var(--ytd-rich-grid-slim-item-max-width) + var(--ytd-rich-grid-shorts-item-margin))); } ytd-rich-grid-renderer[is-compact-grid] #contents.ytd-rich-grid-renderer { max-width: calc(var(--ytd-rich-grid-slim-items-per-row)*(var(--ytd-rich-grid-slim-item-max-width) + var(--ytd-rich-grid-compact-item-margin))); } ytd-rich-grid-renderer[reduced-top-margin] #contents.ytd-rich-grid-renderer { padding-top: 16px; } ytd-rich-grid-renderer[no-top-margin] #contents.ytd-rich-grid-renderer { padding-top: 0px; } #masthead-ad.ytd-rich-grid-renderer > .ytd-rich-grid-renderer { margin-bottom: 32px; } #spinner-container.ytd-rich-grid-renderer { height: 0px; } tp-yt-paper-spinner-lite.ytd-rich-grid-renderer { margin: auto; display: none; } tp-yt-paper-spinner-lite.ytd-rich-grid-renderer[active] { display: block; margin-top: 150px; } ytd-continuation-item-renderer.ytd-rich-grid-renderer { flex: 1 1 auto; } ytd-rich-grid-renderer[top-row-endorsement] #contents.ytd-rich-grid-renderer { padding-top: 32px; } ytd-rich-grid-renderer[is-shorts-panel] #contents.ytd-rich-grid-renderer { padding-top: 0px; } ytd-hashtag-grid-shelf-renderer { display: flex; flex-direction: column; position: relative; width: 100%; } #title.ytd-hashtag-grid-shelf-renderer { color: var(--yt-spec-text-primary); margin: 24px 0px 24px 8px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 2.8rem; -webkit-line-clamp: 1; } #tiles.ytd-hashtag-grid-shelf-renderer { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 8px; overflow-y: hidden; width: 100%; } #show-more-button.ytd-hashtag-grid-shelf-renderer { background: linear-gradient(rgba(0,0,0,0),var(--yt-spec-general-background-a)); cursor: pointer; display: none; margin: 0px; position: absolute; width: 100%; z-index: 200; } #show-more-button.ytd-hashtag-grid-shelf-renderer:hover { background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: var(--yt-spec-general-background-b); } #show-more-button-icon.ytd-hashtag-grid-shelf-renderer { color: var(--yt-spec-icon-inactive); } ytd-hashtag-grid-shelf-renderer[fully-visible-rows="1"][is-show-more-visible] #tiles.ytd-hashtag-grid-shelf-renderer { max-height: calc(130px + var(--ytd-rich-grid-item-margin)); } ytd-hashtag-grid-shelf-renderer[fully-visible-rows="2"][is-show-more-visible] #tiles.ytd-hashtag-grid-shelf-renderer { max-height: calc((66px + var(--ytd-rich-grid-item-margin))*2 + 64px); } ytd-hashtag-grid-shelf-renderer[is-show-more-visible] #show-more-button.ytd-hashtag-grid-shelf-renderer { align-items: center; bottom: 8px; display: flex; justify-content: center; } ytd-hashtag-grid-tile-renderer { display: flex; box-sizing: border-box; align-items: center; width: calc(100%/(var(--ytd-rich-grid-items-per-row) + 1) - var(--ytd-rich-grid-item-margin) - .01px); background-color: var(--yt-spec-brand-background-solid); border-radius: 8px; margin: 0 calc(var(--ytd-rich-grid-item-margin)/2) var(--ytd-rich-grid-item-margin) calc(var(--ytd-rich-grid-item-margin)/2); } ytd-hashtag-grid-tile-renderer:hover { background-color: var(--yt-spec-button-chip-background-hover); } ytd-hashtag-grid-tile-renderer > .yt-simple-endpoint.ytd-hashtag-grid-tile-renderer { display: block; min-width: 0px; width: 100%; } #hashtag.ytd-hashtag-grid-tile-renderer { margin: 12px 24px 4px 16px; color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; max-height: 4.4rem; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: nowrap; } #hashtag-info.ytd-hashtag-grid-tile-renderer { margin: 0px 16px 12px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 3.6rem; -webkit-line-clamp: 2; } ytd-rich-section-renderer { width: 100%; display: flex; justify-content: center; } #content.ytd-rich-section-renderer { max-width: var(--ytd-rich-grid-content-max-width); margin: 0 calc(var(--ytd-rich-grid-item-margin)/2 + var(--ytd-rich-grid-gutter-margin)); width: 100%; min-width: 0px; } #content.ytd-rich-section-renderer > .ytd-rich-section-renderer { margin-bottom: var(--ytd-rich-grid-row-margin); } ytd-counterfactual-renderer.ytd-rich-section-renderer, #content.ytd-rich-section-renderer > ytd-rich-list-header-renderer.ytd-rich-section-renderer, #content.ytd-rich-section-renderer > ytd-shelf-renderer.ytd-rich-section-renderer, #content.ytd-rich-section-renderer > ytd-rich-shelf-renderer.ytd-rich-section-renderer, #content.ytd-rich-section-renderer > ytd-inline-survey-renderer.ytd-rich-section-renderer[is-dismissed] { margin-bottom: 0px; } ytd-brand-video-shelf-renderer { --ytd-brand-video-shelf-item-width: calc(100%/var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin)); display: block; } ytd-brand-video-shelf-renderer[has-movie-renderer] { --ytd-brand-video-shelf-item-width: calc(100%/var(--ytd-rich-grid-slim-items-per-row) - var( --ytd-rich-grid-item-margin ) - 0.01px); } ytd-brand-video-shelf-renderer:not([is-first-feed-item]) { border-top: 4px solid var(--yt-spec-10-percent-layer); border-bottom: 4px solid var(--yt-spec-10-percent-layer); } ytd-brand-video-shelf-renderer[is-dismissed] #dismissible.ytd-brand-video-shelf-renderer, ytd-brand-video-shelf-renderer:not([is-dismissed]) #dismissed.ytd-brand-video-shelf-renderer { display: none; } ytd-brand-video-shelf-renderer:not([is-dismissed]) #dismissible.ytd-brand-video-shelf-renderer { padding-left: var(--ytd-rich-grid-item-margin); padding-right: var(--ytd-rich-grid-item-margin); background-color: transparent; position: relative; display: flex; flex-direction: column; align-items: center; } ytd-brand-video-shelf-renderer[rounded-container]:not([is-first-feed-item]) { border: none; } ytd-brand-video-shelf-renderer[rounded-container]:not([is-first-feed-item]) #dismissible.ytd-brand-video-shelf-renderer { border-radius: 8px; margin-left: -16px; margin-right: -16px; padding-left: calc(var(--ytd-rich-grid-item-margin)/2); padding-right: calc(var(--ytd-rich-grid-item-margin)/2); overflow: hidden; } #hidden-video-container.ytd-brand-video-shelf-renderer { width: 100%; display: none; } #hidden-video-container.ytd-brand-video-shelf-renderer ytd-rich-grid-media.ytd-brand-video-shelf-renderer { flex-shrink: 0; width: var(--ytd-brand-video-shelf-item-width); margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); margin-bottom: 16px; } #hidden-video-container.ytd-brand-video-shelf-renderer ytd-rich-grid-slim-media.ytd-brand-video-shelf-renderer { flex-shrink: 0; width: var(--ytd-brand-video-shelf-item-width); margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); margin-bottom: 16px; } ytd-brand-video-shelf-renderer[is-expanded] #hidden-video-container.ytd-brand-video-shelf-renderer { display: flex; flex-flow: wrap; } ytd-brand-video-shelf-renderer #dismissed.ytd-brand-video-shelf-renderer { width: 100%; } ytd-brand-video-shelf-renderer #dismissed.ytd-brand-video-shelf-renderer:focus { outline: none; } #badge-container.ytd-brand-video-shelf-renderer { margin-top: 8px; margin-bottom: -0.4rem; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #logo-image.ytd-brand-video-shelf-renderer { margin-right: 8px; } #logo-image-with-padding.ytd-brand-video-shelf-renderer { margin-bottom: -6px; margin-right: 8px; } #header-container.ytd-brand-video-shelf-renderer { margin-bottom: 8px; align-items: flex-end; display: flex; flex-direction: row; } #content-wrapper.ytd-brand-video-shelf-renderer { width: 100%; max-width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin))); background-repeat: no-repeat; position: relative; align-items: center; display: flex; flex-direction: column; } #title-container.ytd-brand-video-shelf-renderer { color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } #subtitle-container.ytd-brand-video-shelf-renderer { color: var(--yt-spec-text-primary); margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #visible-content-wrapper.ytd-brand-video-shelf-renderer { width: 100%; position: relative; margin-bottom: 16px; align-items: flex-start; display: flex; flex-direction: row; } #visible-content-wrapper.ytd-brand-video-shelf-renderer ytd-rich-grid-media.ytd-brand-video-shelf-renderer { width: calc(100%/(var(--ytd-rich-grid-items-per-row) - 1) - var(--ytd-rich-grid-item-margin)); } #shelf-header-container.ytd-brand-video-shelf-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)/2); align-items: flex-start; display: flex; flex-direction: column; align-self: flex-start; width: 100%; } #metadata-container.ytd-brand-video-shelf-renderer { width: var(--ytd-brand-video-shelf-item-width); margin-top: 44px; margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); align-self: flex-start; } #visible-video-container.ytd-brand-video-shelf-renderer { flex: 1 1 0%; margin-top: 48px; align-items: flex-start; display: flex; flex-direction: row; } #visible-video-container.ytd-brand-video-shelf-renderer ytd-rich-grid-media.ytd-brand-video-shelf-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); } #visible-video-container.ytd-brand-video-shelf-renderer ytd-rich-grid-slim-media.ytd-brand-video-shelf-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); width: var(--ytd-brand-video-shelf-item-width); } #metadata-button-container.ytd-brand-video-shelf-renderer { margin-top: 16px; } #show-more-button-container.ytd-brand-video-shelf-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); display: flex; flex-direction: row; align-self: stretch; } #show-more-button.ytd-brand-video-shelf-renderer { cursor: pointer; padding: 2px 0px; width: 100%; display: flex; justify-content: center; } #show-more-button.ytd-brand-video-shelf-renderer:hover { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-icon-active-other); } ytd-brand-video-shelf-renderer[modern] #show-more-button.ytd-brand-video-shelf-renderer { padding: 0px; margin-bottom: 16px; max-width: 320px; } ytd-brand-video-shelf-renderer[modern] #show-more-button.ytd-brand-video-shelf-renderer:hover { background-color: unset; color: unset; } ytd-brand-video-shelf-renderer[modern] #show-more-button-container.ytd-brand-video-shelf-renderer { justify-content: center; } #dismiss-button.ytd-brand-video-shelf-renderer { position: absolute; top: 4px; right: 8px; } #top-buttons-container.ytd-brand-video-shelf-renderer { display: flex; flex-direction: row; align-items: center; padding-bottom: 20px; } #top-buttons-container.ytd-brand-video-shelf-renderer #primary-button.ytd-brand-video-shelf-renderer { width: 100%; } ytd-brand-video-shelf-renderer[elements-per-row="2"] #show-more-button-container.ytd-brand-video-shelf-renderer { margin: 0px; } ytd-brand-video-shelf-renderer[elements-per-row="2"] rich-grid-media.ytd-brand-video-shelf-renderer { width: calc((100% - var(--ytd-rich-grid-item-margin))/var(--ytd-rich-grid-items-per-row)); } ytd-brand-video-shelf-renderer[elements-per-row="2"] #visible-content-wrapper.ytd-brand-video-shelf-renderer { margin-top: 24px; display: flex; flex-direction: column; } ytd-brand-video-shelf-renderer[elements-per-row="2"] #subtitle-container.ytd-brand-video-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-brand-video-shelf-renderer[elements-per-row="2"] #metadata-container.ytd-brand-video-shelf-renderer { width: calc(100% - var(--ytd-rich-grid-item-margin)); margin-top: 0px; margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); } ytd-brand-video-shelf-renderer[elements-per-row="2"] #metadata-button-container.ytd-brand-video-shelf-renderer { margin: 0px; } ytd-brand-video-shelf-renderer[elements-per-row="2"] #visible-video-container.ytd-brand-video-shelf-renderer { width: auto; margin-top: 16px; align-self: stretch; } ytd-brand-video-shelf-renderer[elements-per-row="2"] #dismiss-button.ytd-brand-video-shelf-renderer { top: 16px; } ytd-brand-video-shelf-renderer[elements-per-row="2"] #bottom-button-container.ytd-brand-video-shelf-renderer { width: 90%; margin-bottom: 8px; } ytd-brand-video-shelf-renderer[elements-per-row="2"] #bottom-button-container.ytd-brand-video-shelf-renderer #primary-button.ytd-brand-video-shelf-renderer { width: 100%; } ytd-brand-video-shelf-renderer[elements-per-row="2"][is-expanded] #dismissible.ytd-brand-video-shelf-renderer { padding-bottom: 24px; } ytd-brand-video-shelf-renderer[elements-per-row="1"] #show-more-button-container.ytd-brand-video-shelf-renderer { margin: 0px; } ytd-brand-video-shelf-renderer[elements-per-row="1"] rich-grid-media.ytd-brand-video-shelf-renderer { width: calc((100% - var(--ytd-rich-grid-item-margin))/var(--ytd-rich-grid-items-per-row)); } ytd-brand-video-shelf-renderer[elements-per-row="1"] #visible-content-wrapper.ytd-brand-video-shelf-renderer { margin-top: 24px; display: flex; flex-direction: column; } ytd-brand-video-shelf-renderer[elements-per-row="1"] #visible-content-wrapper.ytd-brand-video-shelf-renderer ytd-rich-grid-media.ytd-brand-video-shelf-renderer { width: auto; } ytd-brand-video-shelf-renderer[elements-per-row="1"] #subtitle-container.ytd-brand-video-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-brand-video-shelf-renderer[elements-per-row="1"] #metadata-container.ytd-brand-video-shelf-renderer { margin-top: 0px; margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); } ytd-brand-video-shelf-renderer[elements-per-row="1"] #metadata-button-container.ytd-brand-video-shelf-renderer { margin: 0px; } ytd-brand-video-shelf-renderer[elements-per-row="1"] #visible-video-container.ytd-brand-video-shelf-renderer { width: 100%; margin-top: 16px; display: block; } ytd-brand-video-shelf-renderer[elements-per-row="1"] #dismiss-button.ytd-brand-video-shelf-renderer { top: 16px; } ytd-brand-video-shelf-renderer[elements-per-row="1"] #bottom-button-container.ytd-brand-video-shelf-renderer { width: calc(100% - var(--ytd-rich-grid-item-margin)); margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); margin-bottom: 8px; } ytd-brand-video-shelf-renderer[elements-per-row="1"] #bottom-button-container.ytd-brand-video-shelf-renderer #primary-button.ytd-brand-video-shelf-renderer { width: 100%; } ytd-brand-video-shelf-renderer[has-movie-renderer][elements-per-row="1"] #visible-video-container.ytd-brand-video-shelf-renderer { align-items: flex-start; display: flex; flex-direction: row; } ytd-brand-video-shelf-renderer[elements-per-row="1"][is-expanded] #dismissible.ytd-brand-video-shelf-renderer { padding-bottom: 24px; } ytd-brand-video-shelf-renderer[is-expanded] #visible-content-wrapper.ytd-brand-video-shelf-renderer { margin-bottom: 40px; } ytd-brand-video-shelf-renderer[is-expanded] #hidden-video-container.ytd-brand-video-shelf-renderer ytd-rich-grid-media.ytd-brand-video-shelf-renderer { margin-bottom: 40px; } ytd-brand-video-shelf-renderer[is-expanded] #hidden-video-container.ytd-brand-video-shelf-renderer ytd-rich-grid-slim-media.ytd-brand-video-shelf-renderer { margin-bottom: 40px; } ytd-brand-video-shelf-renderer[elements-per-row="2"][large-title] #title-container.ytd-brand-video-shelf-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } ytd-brand-video-shelf-renderer[mini-mode] #content-wrapper.ytd-brand-video-shelf-renderer { max-width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin))); } @media (max-width: 346px), (min-width: 512px) and (max-width: 600px) { #dismissible.ytd-brand-video-shelf-renderer { padding: 0px; } #content-wrapper.ytd-brand-video-shelf-renderer { width: calc(100% + var(--ytd-rich-grid-item-margin)); margin-left: calc(var(--ytd-rich-grid-item-margin)/-2); margin-right: calc(var(--ytd-rich-grid-item-margin)/-2); } #metadata-container.ytd-brand-video-shelf-renderer { width: calc(100% - var(--ytd-rich-grid-item-margin)*2); align-self: center; } ytd-brand-video-shelf-renderer[elements-per-row="2"] rich-grid-media.ytd-brand-video-shelf-renderer { width: calc((100% - var(--ytd-rich-grid-item-margin))/2); } ytd-brand-video-shelf-renderer[elements-per-row="1"] #metadata-container.ytd-brand-video-shelf-renderer { width: calc(100% - var(--ytd-rich-grid-item-margin)*2); margin-left: var(--ytd-rich-grid-item-margin); } ytd-brand-video-shelf-renderer[elements-per-row="1"] #bottom-button-container.ytd-brand-video-shelf-renderer { width: calc(100% - var(--ytd-rich-grid-item-margin)*2); } } ytd-brand-video-shelf-renderer[has-section-header] #top-level-header-container.ytd-brand-video-shelf-renderer { display: flex; flex-direction: row; justify-content: space-between; width: 100%; } ytd-brand-video-shelf-renderer[has-section-header] #overflow-button.ytd-brand-video-shelf-renderer { margin-right: 8px; } ytd-brand-video-shelf-renderer[has-section-header] #section-header-container.ytd-brand-video-shelf-renderer { width: 100%; } ytd-brand-video-shelf-renderer[has-section-header] #subtitle-container.ytd-brand-video-shelf-renderer { margin-top: 0px; } ytd-brand-video-shelf-renderer[has-section-header] #subtitle.ytd-brand-video-shelf-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-brand-video-shelf-renderer[has-section-header] #visible-video-container.ytd-brand-video-shelf-renderer { margin-top: 16px; } ytd-brand-video-shelf-renderer[has-section-header][elements-per-row="2"] #visible-content-wrapper.ytd-brand-video-shelf-renderer { margin-top: 16px; } ytd-brand-video-shelf-renderer[has-section-header][elements-per-row="2"] #visible-video-container.ytd-brand-video-shelf-renderer { margin-top: 0px; } ytd-brand-video-shelf-renderer[has-section-header][elements-per-row="1"] #section-header-container.ytd-brand-video-shelf-renderer { align-self: flex-start; width: 55%; } ytd-brand-video-shelf-renderer[has-section-header][elements-per-row="1"] #visible-content-wrapper.ytd-brand-video-shelf-renderer { margin-top: 16px; } ytd-brand-video-shelf-renderer[has-section-header][elements-per-row="1"] #visible-video-container.ytd-brand-video-shelf-renderer { margin-top: 0px; } ytd-brand-video-singleton-renderer { --ytd-brand-video-item-width: calc(100%/var(--ytd-rich-grid-items-per-row) - var(--ytd-rich-grid-item-margin)); display: block; } ytd-brand-video-singleton-renderer[is-dismissed] #dismissible.ytd-brand-video-singleton-renderer, ytd-brand-video-singleton-renderer:not([is-dismissed]) #dismissed.ytd-brand-video-singleton-renderer { display: none; } ytd-brand-video-singleton-renderer:not([is-dismissed]) #dismissible.ytd-brand-video-singleton-renderer { padding: 16px var(--ytd-rich-grid-item-margin); position: relative; } ytd-brand-video-singleton-renderer:not([is-dismissed]) #dismissible.ytd-brand-video-singleton-renderer { display: flex; flex-direction: column; align-items: center; } ytd-brand-video-singleton-renderer:not([is-first-feed-item]) #dismissed.ytd-brand-video-singleton-renderer { border-top: 4px solid var(--yt-spec-10-percent-layer); border-bottom: 4px solid var(--yt-spec-10-percent-layer); width: 100%; } ytd-brand-video-singleton-renderer #dismissed.ytd-brand-video-singleton-renderer:focus { outline: none; } ytd-brand-video-singleton-renderer[rounded-container]:not([is-first-feed-item]) { border: none; } ytd-brand-video-singleton-renderer[rounded-container]:not([is-first-feed-item]) #dismissible.ytd-brand-video-singleton-renderer { border-radius: 8px; margin-left: -8px; margin-right: -8px; padding-left: calc(var(--ytd-rich-grid-item-margin)/2); padding-right: calc(var(--ytd-rich-grid-item-margin)/2); overflow: hidden; } #content-wrapper.ytd-brand-video-singleton-renderer { align-items: center; display: flex; flex-direction: row; } #thumbnail-container.ytd-brand-video-singleton-renderer { position: relative; flex-shrink: 0; width: var(--ytd-brand-video-item-width); margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); align-self: flex-start; } #metadata-container.ytd-brand-video-singleton-renderer { align-items: center; display: flex; flex-direction: row; flex: 1 1 auto; } #metadata-text-container.ytd-brand-video-singleton-renderer { width: calc(100%/(var(--ytd-rich-grid-items-per-row) - 1)*2 - var(--ytd-rich-grid-item-margin)); margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); display: flex; flex-direction: column; } #header-container.ytd-brand-video-singleton-renderer { margin-bottom: 8px; align-items: flex-end; display: flex; flex-direction: row; } #badge-container.ytd-brand-video-singleton-renderer { margin-top: 8px; margin-bottom: -0.4rem; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #featured-badge-container.ytd-brand-video-singleton-renderer { padding-top: 2px; } #featured-badge-container.ytd-brand-video-singleton-renderer yt-formatted-string.ytd-brand-video-singleton-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #logo-image.ytd-brand-video-singleton-renderer { margin-right: 8px; } #logo-image-with-padding.ytd-brand-video-singleton-renderer { margin-bottom: -6px; margin-right: 8px; } #title-container.ytd-brand-video-singleton-renderer { color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } #subtitle-container.ytd-brand-video-singleton-renderer { color: var(--yt-spec-text-primary); margin-top: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #button-container.ytd-brand-video-singleton-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)/2); } #dismiss-button.ytd-brand-video-singleton-renderer, #overflow-button.ytd-brand-video-singleton-renderer { position: absolute; top: 16px; right: 8px; } ytd-brand-video-singleton-renderer[elements-per-row="3"] #metadata-container.ytd-brand-video-singleton-renderer { align-items: flex-start; display: flex; flex-direction: column; } ytd-brand-video-singleton-renderer[elements-per-row="3"] #metadata-text-container.ytd-brand-video-singleton-renderer { width: auto; } ytd-brand-video-singleton-renderer[elements-per-row="3"] #button-container.ytd-brand-video-singleton-renderer { margin-top: 16px; } ytd-brand-video-singleton-renderer[elements-per-row="2"] #metadata-container.ytd-brand-video-singleton-renderer { align-items: flex-start; display: flex; flex-direction: column; } ytd-brand-video-singleton-renderer[elements-per-row="2"] #metadata-text-container.ytd-brand-video-singleton-renderer { width: auto; } ytd-brand-video-singleton-renderer[elements-per-row="2"] #button-container.ytd-brand-video-singleton-renderer { margin-top: 16px; } ytd-brand-video-singleton-renderer[elements-per-row="2"] #subtitle-container.ytd-brand-video-singleton-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-brand-video-singleton-renderer[elements-per-row="1"] #dismissible.ytd-brand-video-singleton-renderer { padding: 24px 0px; } ytd-brand-video-singleton-renderer[elements-per-row="1"] #dismiss-button.ytd-brand-video-singleton-renderer { top: 24px; } ytd-brand-video-singleton-renderer[elements-per-row="1"] #metadata-container.ytd-brand-video-singleton-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); display: flex; flex-direction: column; } ytd-brand-video-singleton-renderer[elements-per-row="1"] #metadata-text-container.ytd-brand-video-singleton-renderer { margin-bottom: 16px; margin-left: 0px; margin-right: 0px; width: auto; align-self: stretch; } ytd-brand-video-singleton-renderer[elements-per-row="1"] #subtitle-container.ytd-brand-video-singleton-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-brand-video-singleton-renderer[elements-per-row="1"] #header-container.ytd-brand-video-singleton-renderer { margin-top: 8px; } ytd-brand-video-singleton-renderer[elements-per-row="1"] #button-container.ytd-brand-video-singleton-renderer { margin-left: 0px; margin-top: 16px; align-self: stretch; } ytd-brand-video-singleton-renderer[elements-per-row="1"] #button-container.ytd-brand-video-singleton-renderer ytd-button-renderer.ytd-brand-video-singleton-renderer { width: 100%; } #content-wrapper.ytd-brand-video-singleton-renderer { max-width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin))); width: 100%; } ytd-brand-video-singleton-renderer[mini-mode] #content-wrapper.ytd-brand-video-singleton-renderer { max-width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin))); } ytd-brand-video-singleton-renderer[title-size="TITLE_SIZE_SMALL"] #title-container.ytd-brand-video-singleton-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } ytd-brand-video-singleton-renderer[title-size="TITLE_SIZE_SMALL"][has-overflow-button] #title-container.ytd-brand-video-singleton-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } @media (max-width: 527.9px) { ytd-brand-video-singleton-renderer[title-size="TITLE_SIZE_SMALL"][has-overflow-button] #title-container.ytd-brand-video-singleton-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } } ytd-brand-video-singleton-renderer[title-size="TITLE_SIZE_MEDIUM"] #title-container.ytd-brand-video-singleton-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } ytd-brand-video-singleton-renderer[title-size="TITLE_SIZE_MEDIUM"][has-overflow-button] #title-container.ytd-brand-video-singleton-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { ytd-brand-video-singleton-renderer[title-size="TITLE_SIZE_MEDIUM"][has-overflow-button] #title-container.ytd-brand-video-singleton-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } ytd-brand-video-singleton-renderer[title-size="TITLE_SIZE_LARGE"] #title-container.ytd-brand-video-singleton-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 4rem; line-height: 5.4rem; font-weight: 700; } ytd-brand-video-singleton-renderer[title-size="TITLE_SIZE_LARGE"][has-overflow-button] #title-container.ytd-brand-video-singleton-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { ytd-brand-video-singleton-renderer[title-size="TITLE_SIZE_LARGE"][has-overflow-button] #title-container.ytd-brand-video-singleton-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } @media (max-width: 346px) { ytd-brand-video-singleton-renderer[elements-per-row="1"] #button-container.ytd-brand-video-singleton-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); } ytd-brand-video-singleton-renderer[elements-per-row="1"] #metadata-text-container.ytd-brand-video-singleton-renderer { margin-left: calc(var(--ytd-rich-grid-item-margin)/2); margin-right: calc(var(--ytd-rich-grid-item-margin)/2); } #dismissible.ytd-brand-video-singleton-renderer { padding-left: 0px; padding-right: 0px; } #content-wrapper.ytd-brand-video-singleton-renderer { width: calc(100% + var(--ytd-rich-grid-item-margin)); margin-left: calc(var(--ytd-rich-grid-item-margin)/-2); margin-right: calc(var(--ytd-rich-grid-item-margin)/-2); } #dismiss-button.ytd-brand-video-singleton-renderer { right: 0px; } } @media (min-width: 512px) and (max-width: 600px) { #metadata-text-container.ytd-brand-video-singleton-renderer { margin-right: var(--ytd-rich-grid-item-margin); } #dismissible.ytd-brand-video-singleton-renderer { padding-left: 0px; padding-right: 0px; } #content-wrapper.ytd-brand-video-singleton-renderer { width: calc(100% + var(--ytd-rich-grid-item-margin)); margin-left: calc(var(--ytd-rich-grid-item-margin)/-2); margin-right: calc(var(--ytd-rich-grid-item-margin)/-2); } } ytd-effect-pivot-header-view-model { display: inline-block; } .profile-page-header-information-view-model-wiz { display: flex; flex-direction: row; align-items: center; } .profile-page-header-information-view-model-wiz__profile-page-header-thumbnail { margin-right: 16px; min-width: 1px; min-height: 1px; display: flex; } .profile-page-header-information-view-model-wiz__profile-page-header-thumbnail-image { border-radius: 8px; } .profile-page-header-information-view-model-wiz__flex-container { display: flex; flex-direction: column; flex: 1 1 0%; min-width: 0px; } .profile-page-header-information-view-model-wiz__profile-page-header-title { display: block; color: rgb(241, 241, 241); text-decoration: none; font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { .profile-page-header-information-view-model-wiz__profile-page-header-title { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } .profile-page-header-information-view-model-wiz__profile-page-header-metadata { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .profile-page-header-information-view-model-wiz--mobile .profile-page-header-information-view-model-wiz__profile-page-header-thumbnail { margin-left: 16px; } .profile-page-header-information-view-model-wiz--mobile .profile-page-header-information-view-model-wiz__profile-page-header-title { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 3.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { .profile-page-header-information-view-model-wiz--mobile .profile-page-header-information-view-model-wiz__profile-page-header-title { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } .profile-page-header-information-view-model-wiz--mobile .profile-page-header-information-view-model-wiz__profile-page-header-metadata { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-source-pivot-header-renderer { display: block; } .ytCardViewModelHost { display: flex; position: relative; overflow: hidden; padding: 12px; border-radius: 12px; background-color: rgb(15, 15, 15); } .ytCardViewModelOutline { border: 1px solid rgba(255, 255, 255, 0.2); } .ytCardViewModelRaised { background-color: rgb(33, 33, 33); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px; } .ytCardViewModelTonal { background-color: rgba(255, 255, 255, 0.1); } .ytCardViewModelInverted { background-color: rgb(241, 241, 241); } .ytdTalkToRecsFlowRendererHost { display: block; margin-bottom: 40px; } .ytdTalkToRecsFlowRendererFlowContent { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; overflow: hidden; } .ytdTalkToRecsFlowRendererFlowContent::before { background: linear-gradient(to right, rgb(255, 137, 131) 17.85%, rgb(127, 14, 127) 53.28%, rgb(0, 122, 101) 100%); display: block; content: ""; height: 6px; width: 100%; } .ytdChipsShelfWithVideoShelfGhostCardViewModelHost { display: block; } .ytdChipsShelfWithVideoShelfGhostCardViewModelTitle { background-color: rgba(255, 255, 255, 0.2); border-radius: 2px; height: 36px; margin: 8px 0px 8px 8px; width: 256px; } .ytdChipsShelfWithVideoShelfGhostCardViewModelChipsShelf { margin: 0px 0px 16px 4px; } .ytdChipsShelfWithVideoShelfRendererHost { display: block; margin-bottom: 32px; } .ytdChipsShelfWithVideoShelfRendererHeader { margin-left: 8px; } .ytdChipsShelfWithVideoShelfRendererChipsShelf { margin-left: 4px; } .ytdChipsShelfWithVideoShelfRendererGhostCards { margin: 0px -8px -40px; } html { --ytd-rich-grid-items-per-row: 4; --ytd-rich-grid-posts-per-row: 3; --ytd-rich-grid-slim-items-per-row: 6; --ytd-rich-grid-game-cards-per-row: 6; --ytd-rich-grid-mini-game-cards-per-row: 6; --ytd-rich-grid-item-margin: 16px; --ytd-rich-grid-compact-item-margin: 4px; --ytd-rich-grid-shorts-item-margin: 4px; --ytd-rich-grid-row-margin: 40px; --ytd-rich-grid-gutter-margin: 16px; --ytd-rich-grid-item-min-width: 310px; --ytd-rich-grid-item-max-width: 500px; --ytd-rich-grid-mini-item-min-width: 240px; --ytd-rich-grid-mini-item-max-width: 320px; --ytd-rich-grid-slim-item-max-width: 220px; } .ytdRichGridGroupHost { --ytd-rich-grid-group-num-columns: 2; --ytd-rich-grid-items-per-group: 3; display: flex; flex-direction: row; justify-content: center; --ytd-rich-item-row-usable-width: calc(100% - var(--ytd-rich-grid-gutter-margin)*2); --ytd-rich-item-width: calc(var(--ytd-rich-item-row-usable-width)/var(--ytd-rich-grid-items-per-row) - var( --ytd-rich-grid-item-margin ) - 0.01px); width: calc(var(--ytd-rich-item-width)*var(--ytd-rich-grid-group-num-columns) + var(--ytd-rich-grid-item-margin)*(var(--ytd-rich-grid-group-num-columns) - 1)); margin: 0 calc(var(--ytd-rich-grid-item-margin)/2); } .ytdRichGridGroupHostFirstColumn { margin-left: calc(var(--ytd-rich-grid-item-margin)/2 + var(--ytd-rich-grid-gutter-margin)); } .ytdRichGridGroupContents { display: flex; flex-direction: row; width: 100%; } .ytItemSectionRendererHost { display: block; } .ytwThumbsUpDownThumbs { display: flex; flex-direction: row; } .ytwYouChatChipsDataHost { display: flex; flex-direction: column; align-items: flex-end; flex: 1 1 0%; } .ytwYouChatChipsDataChipWrapper { display: flex; flex-direction: row; justify-content: flex-end; cursor: pointer; max-width: 90%; } .ytwYouChatChipsDataChip { background: transparent; color: rgb(241, 241, 241); align-self: flex-end; text-align: left; z-index: 1; cursor: pointer; padding: 8px 12px; border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.2); margin: 4px 0px; white-space: pre-wrap; overflow-wrap: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; transition: background 0.1s; animation: 0.5s ease 0s 1 normal forwards running fade-in; } .ytwYouChatChipsDataChip:hover { background: rgba(255, 255, 255, 0.2); } .ytwYouChatChipsDataChip[data-disabled="true"] { color: rgb(113, 113, 113); background-color: rgba(255, 255, 255, 0.2); cursor: not-allowed; } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .ytConversationResourceViewModelHost { display: block; } .ytConversationResourceViewModelHostSectionList { display: flex; flex-direction: column; gap: 4px; } .ytConversationResourceViewModelHostSectionContainer { display: flex; flex-direction: row; gap: 12px; } .ytConversationResourceViewModelHostSectionTextContainer { display: flex; flex-direction: column; } .ytConversationResourceViewModelHostTitleText { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 700; color: rgb(241, 241, 241); } .ytConversationResourceViewModelHostSummaryText { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: rgb(241, 241, 241); } .ytConversationResourceViewModelHostTimestampText { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: rgb(62, 166, 255); } .ytSectionListRendererHost { display: flex; flex-direction: column; padding: 4px 8px 0px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow-y: auto; background: rgb(15, 15, 15); flex: 1 1 0%; height: 100%; } .ytSectionListRendererHost::-webkit-scrollbar { width: 16px; } .ytSectionListRendererHost::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(170, 170, 170); } .ytSectionListRendererHost::-webkit-scrollbar-thumb:hover { background-color: rgb(113, 113, 113); } tp-yt-paper-material[animated] { transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); } tp-yt-paper-material { display: block; position: relative; } tp-yt-paper-material[elevation="1"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px; } tp-yt-paper-material[elevation="2"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.4) 0px 2px 4px -1px; } tp-yt-paper-material[elevation="3"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px, rgba(0, 0, 0, 0.4) 0px 3px 5px -1px; } tp-yt-paper-material[elevation="4"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px, rgba(0, 0, 0, 0.4) 0px 5px 5px -3px; } tp-yt-paper-material[elevation="5"] { box-shadow: rgba(0, 0, 0, 0.14) 0px 16px 24px 2px, rgba(0, 0, 0, 0.12) 0px 6px 30px 5px, rgba(0, 0, 0, 0.4) 0px 8px 10px -5px; } yt-alert-renderer { display: block; } .WARNING.yt-alert-renderer { background-color: rgb(245, 213, 98); } .ERROR.yt-alert-renderer { background-color: rgb(185, 31, 31); } .SUCCESS.yt-alert-renderer, .INFO.yt-alert-renderer { background-color: rgb(22, 122, 198); } #container.yt-alert-renderer { padding: var(--ytd-margin-3x); } yt-formatted-string.yt-alert-renderer { color: rgb(255, 255, 255); font-weight: bold; font-size: 13px; } .WARNING.yt-alert-renderer yt-formatted-string.yt-alert-renderer { color: rgb(0, 0, 0); } ytd-survey-trigger-renderer { display: none; } ytd-browse { overflow: hidden; display: flex; flex-direction: column; align-items: center; } ytd-browse[page-subtype="hashtag-landing-page"] { --ytd-background-promo-renderer-icon-width: auto; --ytd-background-promo-renderer-icon-height: auto; } ytd-browse[page-subtype="ypc-checkout"] { --yt-iframe-renderer-height: calc(100vh - 72px); } ytd-browse[page-subtype="WEB_PAGE_TYPE_SETTINGS"] { margin-left: 240px; } #header.ytd-browse { width: 100%; z-index: 2000; flex: 0 0 auto; } #header.ytd-browse > .ytd-browse { width: 100%; flex: 0 0 auto; } #masthead-ad.ytd-browse { width: 100%; flex: 0 0 auto; display: flex; flex-direction: row; justify-content: center; } ytd-video-masthead-ad-v3-renderer.ytd-browse { margin: 24px 20px 0px 16px; } #alerts.ytd-browse, #alert-banner.ytd-browse, #personal-greeting.ytd-browse { width: 100%; } #alert-banner.ytd-browse { display: flex; justify-content: center; } #alert-banner.ytd-browse yt-alert-with-actions-renderer.ytd-browse { margin: 0 calc(var(--ytd-rich-grid-item-margin) + var(--ytd-rich-grid-item-margin)/2); max-width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)); } #personal-greeting.ytd-browse yt-personal-greeting-view-model.ytd-browse { margin: 0 calc(var(--ytd-rich-grid-item-margin) + var(--ytd-rich-grid-item-margin)/2); } #alerts.ytd-browse yt-alert-renderer.ytd-browse { padding: 16px; } ytd-browse[page-subtype~="red"] #alert-banner.ytd-browse yt-alert-with-actions-renderer.ytd-browse { margin-bottom: 8px; } ytd-two-column-browse-results-renderer.ytd-browse { padding-bottom: var(--ytd-miniplayer-offset,0); } ytd-browse[page-subtype~="red"] ytd-two-column-browse-results-renderer.ytd-browse { width: 100%; } ytd-browse[page-subtype~="memberships-and-purchases"] ytd-two-column-browse-results-renderer.ytd-browse { max-width: 700px; } ytd-browse[page-subtype="channel-memberships-shopfront"] ytd-two-column-browse-results-renderer.ytd-browse { max-width: 1096px; } ytd-browse[page-subtype~="channels"] ytd-two-column-browse-results-renderer.ytd-browse { min-height: calc(-120px + 100vh); } ytd-browse[page-subtype~="labs"] ytd-two-column-browse-results-renderer.ytd-browse, ytd-browse[page-subtype~="handle"] ytd-two-column-browse-results-renderer.ytd-browse, ytd-browse[page-subtype~="standalone"] ytd-two-column-browse-results-renderer.ytd-browse { width: 100%; max-width: 100%; margin: 0px; } ytd-browse[page-subtype~="ypc-offers"] ytd-two-column-browse-results-renderer.ytd-browse { width: 100%; margin: 0px; --yt-card-item-main-content-margin-right: 0; } ytd-browse[page-subtype="WEB_PAGE_TYPE_SETTINGS"] ytd-two-column-browse-results-renderer.ytd-browse { width: 100%; max-width: 1080px; } ytd-page-footer-renderer.ytd-browse { position: fixed; bottom: 0px; right: 0px; left: 0px; } ytd-refresh.ytd-browse { display: none; position: fixed; top: 72px; left: 50%; z-index: 1999; } ytd-refresh.gesture-dragging.ytd-browse, ytd-refresh.ytd-browse[is-reloading] { display: flex; flex-direction: row; } ytd-refresh.ytd-browse[is-reloading] { top: 152px; } ytd-playlist-header-renderer.ytd-browse, ytd-playlist-sidebar-renderer.ytd-browse, ytd-settings-sidebar-renderer.ytd-browse, .page-header-sidebar.ytd-browse { position: fixed; left: 0px; height: calc(100vh - var(--ytd-toolbar-height)); } ytd-browse[mini-guide-visible] ytd-playlist-header-renderer.ytd-browse, ytd-browse[mini-guide-visible] ytd-playlist-sidebar-renderer.ytd-browse, ytd-browse[mini-guide-visible] .page-header-sidebar.ytd-browse { left: 72px; } ytd-browse[guide-persistent-and-visible] ytd-playlist-sidebar-renderer.ytd-browse, ytd-browse[guide-persistent-and-visible] ytd-playlist-header-renderer.ytd-browse, ytd-browse[guide-persistent-and-visible] .page-header-sidebar.ytd-browse { left: var(--app-drawer-width); } ytd-browse[page-subtype="playlist"][has-sidebar], ytd-browse[page-subtype="show"][has-sidebar], ytd-browse[has-page-header-sidebar] { align-items: flex-start; } ytd-browse[page-subtype="playlist"][has-sidebar] #alerts.ytd-browse, ytd-browse[page-subtype="playlist"][has-sidebar] #alert-banner.ytd-browse, ytd-browse[page-subtype="show"][has-sidebar] #alerts.ytd-browse, ytd-browse[page-subtype="show"][has-sidebar] #alert-banner.ytd-browse, ytd-browse[has-page-header-sidebar] #alerts.ytd-browse, ytd-browse[has-page-header-sidebar] #alert-banner.ytd-browse { box-sizing: border-box; width: 100%; } ytd-browse[page-subtype="playlist"][has-sidebar] #alert-banner.ytd-browse, ytd-browse[page-subtype="show"][has-sidebar] #alert-banner.ytd-browse, ytd-browse[has-page-header-sidebar] #alert-banner.ytd-browse { padding-left: 360px; } ytd-browse[page-subtype="playlist"][has-sidebar] #alerts.ytd-browse yt-alert-renderer.ytd-browse, ytd-browse[page-subtype="show"][has-sidebar] #alerts.ytd-browse yt-alert-renderer.ytd-browse, ytd-browse[has-page-header-sidebar] #alerts.ytd-browse yt-alert-renderer.ytd-browse { padding: 16px 16px 0px; } ytd-browse[page-subtype="show"][has-sidebar] ytd-two-column-browse-results-renderer.ytd-browse { padding-left: 360px; } ytd-browse[page-subtype="show"][has-sidebar] #alerts.ytd-browse, ytd-browse[page-subtype="show"][has-sidebar] #alert-banner.ytd-browse { padding-left: 360px; } ytd-browse[use-unified-show-page-layout][page-subtype="show"][has-sidebar] ytd-two-column-browse-results-renderer.ytd-browse { padding-left: 460px; } ytd-browse[use-unified-show-page-layout][page-subtype="show"][has-sidebar] #alerts.ytd-browse, ytd-browse[use-unified-show-page-layout][page-subtype="show"][has-sidebar] #alert-banner.ytd-browse { padding-left: 460px; } ytd-browse[page-subtype="playlist"], ytd-browse[page-subtype="show"] { position: relative; background: transparent; } ytd-browse[page-subtype="playlist"] ytd-two-column-browse-results-renderer.ytd-browse, ytd-browse[page-subtype="show"] ytd-two-column-browse-results-renderer.ytd-browse { width: 100%; min-width: 0px; box-sizing: border-box; margin: 0px; min-height: calc(100vh - var(--ytd-toolbar-height)); background: transparent; } ytd-browse[page-subtype="playlist"], ytd-browse[has-page-header-sidebar] { padding-top: 24px; } ytd-browse[page-subtype="playlist"] ytd-playlist-header-renderer.ytd-browse, ytd-browse[page-subtype="playlist"] .page-header-sidebar.ytd-browse, ytd-browse[has-page-header-sidebar] ytd-playlist-header-renderer.ytd-browse, ytd-browse[has-page-header-sidebar] .page-header-sidebar.ytd-browse { margin-left: 24px; height: calc(100vh - var(--ytd-toolbar-height) - 24px); } ytd-browse[page-subtype="playlist"] .page-header-sidebar.ytd-browse, ytd-browse[has-page-header-sidebar] .page-header-sidebar.ytd-browse { padding-bottom: 24px; box-sizing: border-box; } ytd-browse[page-subtype="playlist"] ytd-two-column-browse-results-renderer.ytd-browse, ytd-browse[has-page-header-sidebar] ytd-two-column-browse-results-renderer.ytd-browse { padding-left: 388px; } ytd-browse[page-subtype="playlist"] #alerts.ytd-browse, ytd-browse[has-page-header-sidebar] #alerts.ytd-browse { padding-left: 424px; padding-right: 24px; margin-bottom: 8px; } @media (max-width: 1080px) { ytd-browse[page-subtype="playlist"] { padding-top: 0px; } ytd-browse[page-subtype="playlist"] ytd-playlist-sidebar-renderer.ytd-browse, ytd-browse[page-subtype="playlist"] ytd-playlist-header-renderer.ytd-browse { position: static; height: auto; width: 100%; margin: 0px 0px 8px; } ytd-browse[page-subtype="playlist"] ytd-two-column-browse-results-renderer.ytd-browse { padding-left: 0px; margin-left: 0px; } ytd-browse[page-subtype="playlist"] #alerts.ytd-browse { margin-left: 0px; padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } } @media (max-width: 720px) { ytd-browse[page-subtype="playlist"] ytd-playlist-header-renderer.ytd-browse { height: auto; } } @media (min-width: 1081px) { ytd-browse[has-page-header-sidebar] #header.ytd-browse { display: none; } } @media (max-width: 1080px) { ytd-browse[has-page-header-sidebar] { padding-top: 0px; } ytd-browse[has-page-header-sidebar] .page-header-sidebar.ytd-browse { display: none; } ytd-browse[has-page-header-sidebar] ytd-two-column-browse-results-renderer.ytd-browse { padding-left: 0px; margin-left: 0px; } ytd-browse[has-page-header-sidebar] #alerts.ytd-browse { margin-left: 0px; padding-left: 0px; padding-right: 0px; margin-bottom: 0px; } } ytd-labs-edit-renderer { background-color: var(--yt-spec-brand-background-solid); display: flex; flex-direction: row; justify-content: center; } #contents.ytd-labs-edit-renderer { margin: 0px 24px; min-width: 727px; max-width: 976px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding: 24px 0px; flex: 1 1 1e-09px; display: flex; flex-direction: row; justify-content: space-between; } ytd-labs-edit-renderer:nth-last-child(2) #contents.ytd-labs-edit-renderer { border-bottom: none; } #title.ytd-labs-edit-renderer { color: var(--yt-spec-text-primary); font-size: 3.2rem; font-weight: 500; line-height: 3.8rem; } #primary-button.ytd-labs-edit-renderer { margin-right: 16px; } #wrapper.ytd-labs-header-renderer { position: relative; height: 420px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: row; justify-content: center; } #wrapper.ytd-labs-header-renderer::before { content: ""; background-color: var(--yt-spec-static-overlay-background-solid); background-image: var(--yt-labs-header-background); background-position: center center; background-repeat: no-repeat; background-size: auto 100%; position: absolute; inset: 0px; } #contents.ytd-labs-header-renderer { margin: 0px 24px; min-width: 727px; max-width: 976px; flex: 1 1 1e-09px; display: flex; flex-direction: row; justify-content: space-between; } ytd-labs-header-renderer[dark] { background-color: var(--yt-spec-static-overlay-background-solid); } ytd-labs-header-renderer:not([dark]) { background-color: var(--yt-spec-static-overlay-background-solid); } [dir="rtl"] ytd-labs-header-renderer #wrapper.ytd-labs-header-renderer::before, ytd-labs-header-renderer[dir="rtl"] #wrapper.ytd-labs-header-renderer::before { transform: scale(-1, 1); } #metadata.ytd-labs-header-renderer { width: 360px; margin: 36px 0px auto; z-index: 1; display: flex; flex-direction: column; } #badge.ytd-labs-header-renderer { flex: 0 0 auto; } #title.ytd-labs-header-renderer { color: var(--yt-spec-static-overlay-text-primary); margin-top: 12px; font-size: 3.2rem; font-weight: 500; line-height: 3.8rem; } #text.ytd-labs-header-renderer { color: var(--yt-spec-static-overlay-text-primary); margin-top: 16px; font-size: 1.6rem; font-weight: 400; line-height: 2.8rem; } #primary-button.ytd-labs-header-renderer { margin-top: 24px; } ytd-labs-item-renderer { background-color: var(--yt-spec-brand-background-solid); min-height: 346px; display: flex; flex-direction: row; justify-content: center; } ytd-labs-item-renderer[item-style="LABS_ITEM_STYLE_PROMO"] { background-color: var(--yt-spec-general-background-a); } #contents.ytd-labs-item-renderer { margin: 0px 24px; min-width: 727px; max-width: 976px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); flex: 1 1 1e-09px; display: flex; flex-direction: row; justify-content: space-between; } ytd-labs-item-renderer:nth-last-child(2) #contents.ytd-labs-item-renderer { border-bottom: none; } ytd-labs-item-renderer[item-style="LABS_ITEM_STYLE_PROMO"] #contents.ytd-labs-item-renderer { border-bottom: none; } #metadata.ytd-labs-item-renderer { margin: 60px 0px; width: 350px; display: flex; flex-direction: column; } #badge.ytd-labs-item-renderer { color: var(--yt-spec-brand-red-contrast); border-radius: 2px; border: solid 1px var(--yt-spec-red-indicator); padding: 5px 8px; margin-bottom: 10px; margin-right: auto; text-transform: uppercase; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } #title.ytd-labs-item-renderer { color: var(--yt-spec-text-primary); font-size: 3.2rem; font-weight: 500; line-height: 3.8rem; } #expiration-date.ytd-labs-item-renderer { color: var(--yt-spec-text-primary); margin-top: 8px; font-size: 1.6rem; font-weight: 400; line-height: 2.8rem; } #availability-text.ytd-labs-item-renderer { color: var(--yt-spec-text-primary); font-size: 1.6rem; font-weight: 400; line-height: 2.8rem; } #text.ytd-labs-item-renderer, #disclaimer-text.ytd-labs-item-renderer { color: var(--yt-spec-text-primary); margin-top: 12px; font-size: 1.6rem; font-weight: 400; line-height: 2.8rem; } #no-availability-text.ytd-labs-item-renderer { color: var(--yt-spec-text-secondary); margin-top: 12px; font-size: 1.6rem; font-weight: 400; line-height: 2.8rem; } #buttons.ytd-labs-item-renderer { margin-top: 24px; display: flex; flex-direction: row; } #primary-button.ytd-labs-item-renderer { margin-right: 16px; } #promo-image.ytd-labs-item-renderer { display: flex; align-self: center; } #experimental-label.ytd-labs-item-renderer { background: var(--yt-spec-static-overlay-background-brand); color: var(--yt-spec-static-overlay-text-primary); padding: 2px 12px; bottom: 16px; right: 16px; position: absolute; border-radius: 18px; font-size: 1.6rem; font-weight: 400; line-height: 2.8rem; } #experimental-img.ytd-labs-item-renderer { display: flex; align-self: center; position: relative; } ytd-live-chat-history-entry-renderer { display: block; margin: 24px 40px 32px 0px; } ytd-live-chat-history-entry-renderer[is-dismissed] { display: none; } #content.ytd-live-chat-history-entry-renderer { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } #text.ytd-live-chat-history-entry-renderer { width: 600px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #title.ytd-live-chat-history-entry-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #text.ytd-live-chat-history-entry-renderer > .ytd-live-chat-history-entry-renderer { display: block; margin: 8px; } #message-container.ytd-live-chat-history-entry-renderer { margin: 8px; } #message.ytd-live-chat-history-entry-renderer, #sc4g-message.ytd-live-chat-history-entry-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #superchat-container.ytd-live-chat-history-entry-renderer { padding-bottom: 8px; } #charity-name.ytd-live-chat-history-entry-renderer { color: var(--yt-spec-text-secondary); } #sc4g-message.ytd-live-chat-history-entry-renderer { vertical-align: bottom; } #timestamp.ytd-live-chat-history-entry-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-live-chat-history-entry-renderer:not(:hover) #delete-button.ytd-live-chat-history-entry-renderer { opacity: 0; } #chips.ytd-live-chat-history-entry-renderer > .ytd-live-chat-history-entry-renderer { margin-right: 8px; } ytd-live-chat-history-new-sponsor-chip-renderer { height: 24px; min-width: 16px; border-radius: 12px; padding: 0px 12px; background-color: var(--yt-spec-themed-green); color: var(--yt-spec-static-overlay-text-primary); display: inline-flex; align-items: center; justify-content: center; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } ytd-live-chat-history-super-chat-chip-renderer { height: 24px; min-width: 16px; border-radius: 12px; padding: 0px 12px; background-color: var(--yt-live-chat-history-super-chat-chip-renderer-background-color); color: var(--yt-live-chat-history-super-chat-chip-renderer-text-color); display: inline-flex; align-items: center; justify-content: center; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } #channel-info.ytd-channel-options-renderer { padding-top: 4px; padding-bottom: 20px; display: flex; justify-content: flex-start; } #channel-info-text.ytd-channel-options-renderer { padding: 6px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: flex; flex-direction: column; justify-content: center; } .link.ytd-channel-options-renderer { display: block; padding-left: 4px; padding-bottom: 8px; } yt-img-shadow.ytd-channel-options-renderer { border-radius: 50%; overflow: hidden; margin-right: 20px; } .link.ytd-channel-options-renderer { color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #name.ytd-channel-options-renderer { color: var(--yt-spec-text-primary); } ytd-settings-email-item-renderer { padding: 8px 4px; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: none; display: flex; flex-direction: row; justify-content: space-between; } yt-img-shadow.ytd-settings-email-item-renderer { border-radius: 50%; overflow: hidden; margin-right: 16px; } #info.ytd-settings-email-item-renderer { padding-left: 12px; display: flex; flex-direction: row; } #title.ytd-settings-email-item-renderer { color: var(--yt-spec-text-secondary); align-self: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-settings-email-list-renderer { margin: 16px 0px 8px; display: flex; flex-direction: column; } #list-expansion.ytd-settings-email-list-renderer { cursor: pointer; display: flex; } #header.ytd-settings-email-list-renderer { justify-content: space-between; border: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: row; } #title.ytd-settings-email-list-renderer { color: var(--yt-spec-text-primary); padding: 0px 4px 0px 12px; align-self: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #content.ytd-settings-email-list-renderer { display: none; } ytd-settings-email-list-renderer[expanded] #content.ytd-settings-email-list-renderer { display: inline-block; } yt-icon.ytd-settings-email-list-renderer { align-self: center; } .expand-icon.ytd-settings-email-list-renderer { color: var(--yt-spec-text-primary); } #help-icon.ytd-settings-email-list-renderer { height: 20px; padding-right: 12px; color: var(--yt-spec-icon-inactive); } tp-yt-paper-button.ytd-settings-email-list-renderer { text-transform: none; margin: 0px; padding: 20px 8px; } ytd-settings-gaia-link-renderer { display: block; } ytd-settings-gaia-link-renderer tp-yt-paper-input-error[style-target="host"] { overflow: visible; } #form-container.ytd-settings-gaia-link-renderer { padding: 16px 24px; width: 214px; } #username-password-form.ytd-settings-gaia-link-renderer > yt-form-renderer.ytd-settings-gaia-link-renderer { display: block; } #claim-button.ytd-settings-gaia-link-renderer { padding: 24px 0px; } ytd-settings-options-renderer { display: flex; flex-direction: column; } #section.ytd-settings-options-renderer { padding: 20px 0px; justify-content: flex-start; display: flex; flex-direction: row; } @media (max-width: 640px) { #section.ytd-settings-options-renderer { flex-direction: column; } } #title.ytd-settings-options-renderer { width: 160px; min-width: 80px; margin-right: 56px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #text.ytd-settings-options-renderer { --yt-formatted-string-bold-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #options.ytd-settings-options-renderer { justify-content: center; display: flex; flex-direction: column; } #content.ytd-settings-options-renderer { width: 100%; justify-content: center; display: flex; flex-direction: column; } ytd-settings-checkbox-renderer.ytd-settings-options-renderer:last-child { margin-bottom: 4px; } ytd-dropdown-renderer.ytd-settings-options-renderer { min-width: 240px; max-width: 280px; margin-bottom: 8px; } .row.ytd-product-details-description-renderer { display: flex; flex-direction: row; } .description-row.ytd-product-details-description-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .more-button.ytd-product-details-description-renderer, .less-button.ytd-product-details-description-renderer { text-transform: none; color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .description.ytd-product-details-description-renderer { white-space: pre-line; } #attribution-link-button.ytd-product-details-description-renderer ytd-button-renderer.ytd-product-details-description-renderer { --iron-icon-height: 20px; --iron-icon-width: 20px; --yt-button-icon-padding: 4px; --yt-button-padding: 0px 0px; --yt-button-margin: 0px 8px; --yt-paper-button-height: 20px; vertical-align: top; } ytd-product-details-hero-offer-renderer { color: var(--yt-spec-text-primary); } .price-and-action-row.ytd-product-details-hero-offer-renderer { flex-wrap: wrap; justify-content: flex-end; } .column.ytd-product-details-hero-offer-renderer { display: flex; flex-direction: column; flex-grow: 1; } .row.ytd-product-details-hero-offer-renderer { display: flex; flex-direction: row; } .google-guarantee-info.ytd-product-details-hero-offer-renderer { --yt-icon-button-icon-height: 20px; --yt-icon-button-icon-width: 20px; --yt-button-icon-size: 20px; --yt-button-icon-padding: 0px; margin-left: 8px; } .merchant-row.ytd-product-details-hero-offer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); display: flex; flex-direction: row; align-items: center; margin-top: 8px; } .logo.ytd-product-details-hero-offer-renderer { width: 24px; height: 24px; margin: 0px 8px 0px 0px; border-radius: 12px; background-color: var(--yt-spec-general-background-b); } .logo-url.ytd-product-details-hero-offer-renderer { width: 24px; height: 24px; border-radius: 12px; background-color: var(--yt-spec-general-background-a); } .action-column.ytd-product-details-hero-offer-renderer { display: flex; flex-direction: column; align-items: center; } .price-column.ytd-product-details-hero-offer-renderer { flex-grow: 1; margin-right: 24px; } .price.ytd-product-details-hero-offer-renderer { display: flex; flex-direction: row; align-items: center; } .item-price.ytd-product-details-hero-offer-renderer { white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .additional-fees.ytd-product-details-hero-offer-renderer { margin-left: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } .offer-title.ytd-product-details-hero-offer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); margin-top: 5px; max-width: 340px; } .shipping-details.ytd-product-details-hero-offer-renderer { margin-top: 8px; } .shipping-details-inner-row.ytd-product-details-hero-offer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin-bottom: 8px; align-items: center; } .shipping-details-inner.ytd-product-details-hero-offer-renderer { margin-bottom: -8px; } .affiliate-disclaimer-text-row.ytd-product-details-hero-offer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin-top: 8px; } .purchase-buttons-row.ytd-product-details-hero-offer-renderer { margin-top: 8px; } .secondary-color.ytd-product-details-hero-offer-renderer { color: var(--yt-spec-text-secondary); } ytd-button-renderer.ytd-product-details-hero-offer-renderer { margin-bottom: 8px; } ytd-button-renderer.ytd-product-details-hero-offer-renderer:last-child { margin-bottom: 0px; } @media (max-width: 971px) { .offer-title.ytd-product-details-hero-offer-renderer { max-width: 100%; } } @media (max-width: 1185px), (min-width: 1328px) and (max-width: 1353px) { .row.price-and-action-row.ytd-product-details-hero-offer-renderer { flex-direction: column; } .row.price-and-action-row.ytd-product-details-hero-offer-renderer .price-column.ytd-product-details-hero-offer-renderer { margin-bottom: 16px; margin-right: 0px; } } ytd-product-details-image-carousel-renderer { display: block; height: var(--yt-horizontal-list-renderer-height,auto); position: relative; width: 100%; } .main.ytd-product-details-image-carousel-renderer { display: flex; margin-top: 16px; width: var(--yt-horizontal-list-renderer-width,auto); } .preview.ytd-product-details-image-carousel-renderer { display: flex; justify-content: center; align-items: center; background-color: var(--yt-spec-static-white-background); } .preview-image.ytd-product-details-image-carousel-renderer { height: 512px; width: var(--yt-horizontal-list-renderer-width,auto); } #scroll-container.ytd-product-details-image-carousel-renderer { overflow: hidden; } #items.ytd-product-details-image-carousel-renderer { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); will-change: transform; display: inline-block; white-space: nowrap; padding: 0px; background: transparent; } #items.ytd-product-details-image-carousel-renderer > ytd-product-details-thumbnail-renderer.ytd-product-details-image-carousel-renderer { padding-right: 8px; display: inline-block; vertical-align: top; white-space: normal; } .left-arrow-container.ytd-product-details-image-carousel-renderer, .right-arrow-container.ytd-product-details-image-carousel-renderer { align-items: center; display: flex; flex-direction: row; position: relative; z-index: 200; } .arrow.ytd-product-details-image-carousel-renderer { justify-content: center; align-items: center; display: flex; flex-direction: column; background-color: var(--yt-spec-general-background-c); border-radius: 24px; box-shadow: 0 4px 4px var(--yt-spec-10-percent-layer),0 0 8px var(--yt-spec-10-percent-layer); color: var(--yt-spec-icon-inactive); cursor: pointer; height: 40px; width: 40px; } ytd-product-details-thumbnail-renderer { --yt-img-max-height: 100%; width: 56px; } ytd-product-details-thumbnail-renderer:focus { outline: none; } ytd-product-details-thumbnail-renderer:focus #card-overlay.ytd-product-details-thumbnail-renderer { border-color: rgba(0, 0, 0, 0.6); } #product-card-renderer-container.ytd-product-details-thumbnail-renderer { display: block; background-color: var(--yt-spec-static-white-background); } #card.ytd-product-details-thumbnail-renderer { position: relative; overflow: hidden; width: auto; display: flex; flex-direction: column; flex: 1 1 1e-09px; } #card-selection-overlay.ytd-product-details-thumbnail-renderer { position: absolute; inset: 0px; background: var(--yt-spec-static-overlay-background-medium-light); box-sizing: border-box; } #card-overlay.ytd-product-details-thumbnail-renderer { position: absolute; inset: 0px; border: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; cursor: pointer; } #card-image.ytd-product-details-thumbnail-renderer { width: 56px; height: 56px; } ytd-product-details-offer-renderer { display: block; } .offer-details.ytd-product-details-offer-renderer { display: flex; flex-direction: row; align-items: center; } .offer-details-new-ux.ytd-product-details-offer-renderer { align-items: flex-start; flex-wrap: wrap; } .offer-details-new-ux.ytd-product-details-offer-renderer .offer-title.ytd-product-details-offer-renderer { max-width: 340px; } .vendor-logo.ytd-product-details-offer-renderer { width: 24px; height: 24px; border-radius: 12px; background-color: var(--yt-spec-general-background-b); } .vendor-logo-url.ytd-product-details-offer-renderer { width: 24px; height: 24px; border-radius: 12px; background-color: var(--yt-spec-general-background-a); } .vendor-data.ytd-product-details-offer-renderer { margin-left: 8px; display: flex; flex-direction: column; } .vendor-name.ytd-product-details-offer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); } .offer-tags.ytd-product-details-offer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--yt-spec-text-secondary); } .price.ytd-product-details-offer-renderer { display: flex; flex-direction: column; align-items: flex-end; flex: 1 1 0%; } .checkout.ytd-product-details-offer-renderer { display: flex; flex-direction: row; align-items: center; } .hover-icon.ytd-product-details-offer-renderer { width: 18px; height: 18px; color: var(--yt-spec-call-to-action); } .checkout-endpoint.ytd-product-details-offer-renderer { margin-left: 10.5px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; color: var(--yt-spec-call-to-action); text-decoration: none; } .additional-fees.ytd-product-details-offer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--yt-spec-text-secondary); } .vendor-information.ytd-product-details-offer-renderer { display: flex; align-items: center; } .vendor-information.ytd-product-details-offer-renderer .vendor-name.ytd-product-details-offer-renderer { margin-left: 8px; } .offer-price.ytd-product-details-offer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; color: var(--yt-spec-text-primary); } .offer-title.ytd-product-details-offer-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: var(--yt-spec-text-secondary); margin-top: 4px; margin-bottom: 6px; } .offer-cta.ytd-product-details-offer-renderer { display: flex; flex-direction: column; align-items: flex-end; flex: 1 1 0%; } .offer-cta.ytd-product-details-offer-renderer .checkout.ytd-product-details-offer-renderer { margin-top: -6px; margin-right: -12px; } @media (max-width: 1185px), (min-width: 1328px) and (max-width: 1353px) { .offer-details-new-ux.ytd-product-details-offer-renderer { align-items: normal; flex-direction: column; } .offer-details-new-ux.ytd-product-details-offer-renderer .offer-details-information.ytd-product-details-offer-renderer { margin-bottom: 16px; } .offer-details-new-ux.ytd-product-details-offer-renderer .offer-title.ytd-product-details-offer-renderer { max-width: 100%; } } ytd-product-details-offers-container-renderer { display: block; --yt-formatted-string-bold-color: var(--yt-spec-text-primary); } ytd-product-details-offers-container-renderer yt-formatted-string .yt-formatted-string[style-target="bold"] { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--yt-formatted-string-bold-color,inherit); } #view-offers.ytd-product-details-offers-container-renderer, #hide-offers.ytd-product-details-offers-container-renderer { --yt-button-padding: 2px; --yt-button-padding-minus-border: 0; --yt-button-padding-minus-focus-outline: 0; --yt-button-icon-padding: 0px; margin-top: 2px; text-transform: none; --iron-icon-height: 24px; --iron-icon-width: 24px; } #view-offers.ytd-product-details-offers-container-renderer:focus:hover, #hide-offers.ytd-product-details-offers-container-renderer:focus:hover { outline: none; } .offer-container.ytd-product-details-offers-container-renderer { display: flex; flex-direction: column; } .header.ytd-product-details-offers-container-renderer { display: flex; flex-flow: wrap; align-items: center; user-select: none; cursor: pointer; } .title-description-container.ytd-product-details-offers-container-renderer { display: flex; flex-wrap: wrap; margin-top: 4px; margin-right: 8px; } .logo-urls.ytd-product-details-offers-container-renderer { display: flex; align-items: center; margin-right: 16px; } .vendor-logo.ytd-product-details-offers-container-renderer { width: 24px; height: 24px; margin-left: 8px; margin-right: 8px; margin-top: -2px; border-radius: 16px; background-color: var(--yt-spec-general-background-b); } .vendor-logo-url.ytd-product-details-offers-container-renderer { width: 100%; height: 100%; border-radius: 16px; background-color: var(--yt-spec-general-background-a); } .title.ytd-product-details-offers-container-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } .hide-button.ytd-product-details-offers-container-renderer, .view-button.ytd-product-details-offers-container-renderer { color: var(--yt-spec-call-to-action); margin-right: -9px; } ytd-product-details-offer-renderer.ytd-product-details-offers-container-renderer { margin-top: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-product-details-offer-renderer.ytd-product-details-offers-container-renderer:last-child { border-bottom: none; } #offer.ytd-product-details-offers-container-renderer { margin-top: 8px; } #offers.ytd-product-details-offers-container-renderer { display: block; } @media (max-width: 1185px) { .header.ytd-product-details-offers-container-renderer { flex-direction: column; align-items: start; } .logo-urls.ytd-product-details-offers-container-renderer { margin-bottom: 8px; } } ytd-product-details-renderer { --yt-horizontal-list-renderer-width: 512px; --yt-formatted-string-bold-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); display: flex; flex-direction: row; justify-content: center; padding: 32px 0px; } ytd-product-details-renderer yt-formatted-string .yt-formatted-string[style-target="bold"] { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color); } #image-carousel-renderer.ytd-product-details-renderer { display: flex; padding: 24px; margin-right: 16px; background: var(--yt-spec-brand-background-solid); } .container.ytd-product-details-renderer { display: flex; flex-direction: row; } .column.ytd-product-details-renderer { display: flex; flex-direction: column; flex-grow: 1; } .row.ytd-product-details-renderer { display: flex; flex-direction: row; } .title-row.ytd-product-details-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; justify-content: space-between; } .title-row-buttons.ytd-product-details-renderer { align-items: start; justify-content: space-between; margin-top: -8px; } .title-row-buttons.ytd-product-details-renderer:not(:first-child) { padding-left: 4px; } #information-button.ytd-product-details-renderer, #action-button.ytd-product-details-renderer, #share-button.ytd-product-details-renderer { --yt-icon-button-icon-height: 24px; --yt-icon-button-icon-width: 24px; --yt-button-icon-size: 40px; --yt-button-icon-padding: 0px; } #information-button.ytd-product-details-renderer ytd-button-renderer.ytd-product-details-renderer { color: rgb(0, 0, 0); } .brand-row.ytd-product-details-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: flex; flex-direction: row; align-items: center; margin-top: 2px; } .formatted-brand.ytd-product-details-renderer { color: var(--yt-spec-text-secondary); } #expander.ytd-product-details-renderer, #description-renderer.ytd-product-details-renderer { margin-left: -1px; } .more-button.ytd-product-details-renderer, .less-button.ytd-product-details-renderer { text-transform: none; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .buy.ytd-product-details-renderer { display: flex; flex-direction: column; margin-top: 24px; padding: 24px; border: 1px solid var(--yt-spec-10-percent-layer); } .buy-separator.ytd-product-details-renderer { margin: 16px 0px; border-top: 1px solid var(--yt-spec-10-percent-layer); } .buy.offer-unavailable.ytd-product-details-renderer { padding: 16px 24px; } .offer-unavailable.ytd-product-details-renderer { color: var(--yt-spec-text-disabled); } .offer-unavailable-title.ytd-product-details-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .offer-unavailable-variants.ytd-product-details-renderer { margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .flagging-container.ytd-product-details-renderer { text-align: end; margin-top: 6px; } .flagging-container.ytd-product-details-renderer ytd-button-renderer.ytd-product-details-renderer { --yt-button-text-transform: none; } .call-to-action.ytd-product-details-renderer { color: var(--yt-spec-call-to-action); } .secondary-color.ytd-product-details-renderer { color: var(--yt-spec-text-secondary); } #variants.ytd-product-details-renderer { display: flex; flex-direction: column; margin-top: 24px; margin-bottom: -24px; } #description-renderer.ytd-product-details-renderer { margin-top: 8px; } @media (max-width: 685px) { ytd-product-details-renderer { --yt-horizontal-list-renderer-width: 380px; } } @media (max-width: 971px) { .container.ytd-product-details-renderer { flex-direction: column; } .column-image-carousel.ytd-product-details-renderer { margin-bottom: 32px; } #image-carousel-renderer.ytd-product-details-renderer { margin-right: 0px; } } ytd-product-details-variant-option-renderer:hover:not([is-active]) .variant-option.ytd-product-details-variant-option-renderer { border-color: var(--yt-spec-icon-inactive); } ytd-product-details-variant-option-renderer:hover:not([is-active]) .variant-option-image.ytd-product-details-variant-option-renderer { padding: 1px; border-width: 1px; } ytd-product-details-variant-option-renderer[is-active] .variant-option.ytd-product-details-variant-option-renderer { border-color: var(--yt-spec-call-to-action); border-radius: 0px; border-width: 2px; } ytd-product-details-variant-option-renderer[is-active] .variant-option-pill.ytd-product-details-variant-option-renderer { padding: 12px 8px; } ytd-product-details-variant-option-renderer[is-unavailable] .variant-option.ytd-product-details-variant-option-renderer { position: relative; } ytd-product-details-variant-option-renderer[is-unavailable] .variant-option.ytd-product-details-variant-option-renderer::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: var(--yt-spec-general-background-b); opacity: 0.5; } .variant-option.ytd-product-details-variant-option-renderer { border-radius: 2px; white-space: nowrap; } .variant-option-pill.ytd-product-details-variant-option-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-primary); border: 1px solid var(--yt-spec-10-percent-layer); padding: 13px 9px; } .variant-option-image.ytd-product-details-variant-option-renderer { border: 2px var(--yt-spec-brand-background-solid) solid; background-color: var(--yt-spec-brand-background-solid); } .variant-option-image.ytd-product-details-variant-option-renderer yt-img-shadow.ytd-product-details-variant-option-renderer { display: block; width: 52px; height: 52px; } .yt-simple-endpoint.ytd-product-details-variant-option-renderer { display: block; } ytd-product-details-variant-renderer { margin-bottom: 24px; width: 100%; opacity: 0; } ytd-product-details-variant-renderer[initialized] { opacity: 1; } .variant-title-container.ytd-product-details-variant-renderer { display: flex; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin-bottom: 6px; } .variant-title.ytd-product-details-variant-renderer { color: var(--yt-spec-text-primary); } .variant-selected-option.ytd-product-details-variant-renderer { margin-left: 8px; color: var(--yt-spec-text-secondary); } .variant-items-container.ytd-product-details-variant-renderer { display: flex; align-items: center; } .variant-items-container.ytd-product-details-variant-renderer #items.ytd-product-details-variant-renderer { display: flex; flex-wrap: wrap; } ytd-product-details-variant-option-renderer.ytd-product-details-variant-renderer { padding-top: 8px; padding-right: 8px; } .show-more-less-variants-button.ytd-product-details-variant-renderer { align-items: center; display: inline-flex; --yt-button-padding: 2px 0 10px 0; --yt-button-padding-minus-focus-outline-width: 2px; --yt-button-icon-padding: 2px; --yt-button-padding-minus-focus-outline: 0 0 8px 0; color: var(--yt-spec-text-secondary); font-weight: 400; margin-top: 12px; text-transform: none; } .show-more-less-variants-button.ytd-product-details-variant-renderer:focus { outline: -webkit-focus-ring-color auto 5px; } .show-more-less-variants-button.ytd-product-details-variant-renderer:focus:hover { outline: none; } ytd-vc-balance-renderer { display: block; } ytd-refresh { background-color: var(--yt-spec-brand-background-primary); color: var(--yt-spec-text-primary); border-radius: 50%; border: 1px solid var(--yt-spec-10-percent-layer); width: 38px; height: 38px; display: flex; flex-direction: row; align-items: center; justify-content: center; } tp-yt-paper-spinner-lite.ytd-refresh { --paper-spinner-color: var(--yt-spec-text-primary); --paper-spinner-stroke-width: 2px; height: 16px; width: 16px; } ytd-c4-tabbed-header-renderer { --yt-lightsource-section1-color: var(--yt-spec-base-background); --yt-lightsource-primary-title-color: var(--yt-spec-text-primary); --yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary); display: block; } #channel-container.ytd-c4-tabbed-header-renderer, #tabs-container.ytd-c4-tabbed-header-renderer { background-color: var(--yt-spec-base-background); } #channel-container.ytd-c4-tabbed-header-renderer { position: relative; display: flex; } #channel-header.ytd-c4-tabbed-header-renderer { background-color: var(--yt-lightsource-section1-color); width: 100%; padding: 16px 107px 4px; position: relative; z-index: 1; min-width: 0px; } #channel-header-container.ytd-c4-tabbed-header-renderer { height: 100%; display: flex; flex-direction: row; align-items: center; } ytd-c4-tabbed-header-renderer:not([is-rich-grid]) #channel-header-container.ytd-c4-tabbed-header-renderer { max-width: 1284px; } #inner-header-container.ytd-c4-tabbed-header-renderer { flex-flow: wrap; flex: 1 1 1e-09px; display: flex; align-items: center; } #avatar.ytd-c4-tabbed-header-renderer { width: 80px; height: 80px; margin: 0px 24px 0px 0px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } #channel-name.ytd-c4-tabbed-header-renderer { --ytd-channel-name-container-display: inline; --ytd-channel-name-text-container-display: inline; --ytd-channel-name-text-display: inline; --ytd-channel-name-badges-display: inline; --ytd-badge-icon-size: 16px; --ytd-badge-icon-color: var(--yt-lightsource-secondary-title-color); --ytd-badge-display: inline; --iron-icon-margin-bottom: 7px; --ytd-channel-name-text-font-size: var(--yt-channel-title-font-size,2.4rem); --ytd-channel-name-text-font-weight: 400; --ytd-channel-name-text-line-height: var(--yt-channel-title-line-height,3rem); max-height: 9rem; overflow: hidden; color: var(--yt-lightsource-primary-title-color); font-size: 2em; display: block; } #channel-name.ytd-c4-tabbed-header-renderer[verified] { color: var(--yt-spec-text-primary); } #meta.ytd-c4-tabbed-header-renderer { max-height: 9rem; overflow: hidden; } #meta.ytd-c4-tabbed-header-renderer { min-width: 150px; flex: 1 1 1e-09px; } .meta-item.ytd-c4-tabbed-header-renderer { color: var(--yt-lightsource-secondary-title-color); max-width: 100%; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .delimiter.ytd-c4-tabbed-header-renderer { display: none; } #channel-tagline.ytd-c4-tabbed-header-renderer > ytd-channel-tagline-renderer.ytd-c4-tabbed-header-renderer { max-width: 500px; padding: 10px 0px; } #channel-header-links.ytd-c4-tabbed-header-renderer > ytd-channel-header-links-view-model.ytd-c4-tabbed-header-renderer { max-width: 500px; } .icon-container.ytd-c4-tabbed-header-renderer { display: flex; flex-direction: row; align-items: center; } ytd-button-renderer#tip.ytd-c4-tabbed-header-renderer { --iron-icon-margin-right: 4px; --iron-icon-width: 16px; --iron-icon-height: 16px; color: var(--yt-lightsouce-secondary-title-color,var(--yt-spec-filled-button-text)); background-color: var(--yt-lightsource-section2-color,var(--yt-spec-themed-blue)); margin-right: 4px; } #channel-handle.ytd-c4-tabbed-header-renderer { display: inline-block; overflow: clip; text-overflow: ellipsis; white-space: nowrap; } #header.ytd-c4-tabbed-header-renderer { --app-header-background-front-layer-background-image: var( --yt-channel-banner ); --app-header-background-front-layer-background-position: 0 0; --app-header-background-front-layer-background-repeat: no-repeat; --app-header-background-front-layer-background-size: 100% auto; position: fixed; margin-top: var(--ytd-toolbar-offset); z-index: 1; } .banner-visible-area.yt-simple-endpoint.ytd-c4-tabbed-header-renderer { display: block; } .banner-visible-area.ytd-c4-tabbed-header-renderer { display: block; height: 0px; position: relative; } ytd-c4-tabbed-header-renderer[has-channel-art] .banner-visible-area.ytd-c4-tabbed-header-renderer { height: calc(-1px + 16.129vw); } ytd-c4-tabbed-header-renderer[has-channel-art][guide-persistent-and-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer { height: calc(-39.7097px + 16.129vw); } #buttons.ytd-c4-tabbed-header-renderer { display: flex; flex-direction: row; } #tip.ytd-c4-tabbed-header-renderer:empty { display: none; } #buttons.ytd-c4-tabbed-header-renderer > .ytd-c4-tabbed-header-renderer:not(:empty) { margin-left: 8px; } #sponsor-button.ytd-c4-tabbed-header-renderer, #purchase-button.ytd-c4-tabbed-header-renderer { align-items: center; display: flex; flex-direction: row; } #edit-buttons.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer:first-child { margin-right: 8px; } ytd-c4-tabbed-header-renderer[use-modern-style] #channel-header-container.ytd-c4-tabbed-header-renderer { padding-top: 8px; align-items: flex-start; } ytd-c4-tabbed-header-renderer[use-modern-style] #inner-header-container.ytd-c4-tabbed-header-renderer { min-width: 0px; margin-top: 16px; align-items: flex-start; } ytd-c4-tabbed-header-renderer[use-modern-style][has-channel-header-links] #inner-header-container.ytd-c4-tabbed-header-renderer { margin-top: 0px; } ytd-c4-tabbed-header-renderer[use-modern-style] #avatar.ytd-c4-tabbed-header-renderer { width: 128px; height: 128px; margin-bottom: 12px; } ytd-c4-tabbed-header-renderer[use-modern-style] #avatar-editor.ytd-c4-tabbed-header-renderer { --ytd-channel-avatar-editor-size: 128px; } ytd-c4-tabbed-header-renderer[use-modern-style] #channel-name.ytd-c4-tabbed-header-renderer { margin-bottom: 4px; color: var(--yt-spec-text-primary); } ytd-c4-tabbed-header-renderer[use-modern-style] #meta.ytd-c4-tabbed-header-renderer { max-height: unset; } ytd-c4-tabbed-header-renderer[use-modern-style] .meta-item.ytd-c4-tabbed-header-renderer { display: inline-block; margin-right: 8px; white-space: nowrap; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-c4-tabbed-header-renderer[use-modern-style] #channel-handle.ytd-c4-tabbed-header-renderer { max-width: 100%; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-c4-tabbed-header-renderer[use-modern-style] #buttons.ytd-c4-tabbed-header-renderer { padding: 6px 0px; } ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-header-container.ytd-c4-tabbed-header-renderer { width: auto; margin-bottom: 12px; align-items: center; } ytd-c4-tabbed-header-renderer[use-page-header-style] #inner-header-container.ytd-c4-tabbed-header-renderer { min-width: 0px; flex-direction: column; align-items: flex-start; } ytd-c4-tabbed-header-renderer[use-page-header-style] #avatar.ytd-c4-tabbed-header-renderer { width: 160px; height: 160px; } ytd-c4-tabbed-header-renderer[use-page-header-style] #avatar-editor.ytd-c4-tabbed-header-renderer { --ytd-channel-avatar-editor-size: 160px; } ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-name.ytd-c4-tabbed-header-renderer { margin-bottom: 4px; --ytd-channel-name-text-font-size: unset; --ytd-channel-name-text-font-weight: unset; --ytd-channel-name-text-line-height: unset; --ytd-channel-name-badges-display: inline-flex; --ytd-channel-name-badges-vertical-align: baseline; --iron-icon-margin-left: -8px; --yt-badge-font-size: 36px; font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; overflow: hidden; max-height: 10rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-name.ytd-c4-tabbed-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; overflow: hidden; max-height: 8.8rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } @media (max-width: 527.9px) { ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-name.ytd-c4-tabbed-header-renderer { --iron-icon-margin-bottom: 2px; --iron-icon-margin-left: -4px; --yt-badge-font-size: 24px; font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; overflow: hidden; max-height: 7.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } @media (max-width: 527.9px) and (max-width: 527.9px) { ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-name.ytd-c4-tabbed-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 6.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-c4-tabbed-header-renderer[use-page-header-style] #meta.ytd-c4-tabbed-header-renderer { max-height: unset; flex-basis: unset; width: 100%; } ytd-c4-tabbed-header-renderer[use-page-header-style] .meta-item.ytd-c4-tabbed-header-renderer { display: inline-flex; white-space: nowrap; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-c4-tabbed-header-renderer[use-page-header-style] .meta-item.ytd-c4-tabbed-header-renderer:not([hidden]) .delimiter.ytd-c4-tabbed-header-renderer { display: inline-block; margin: 0px 4px; } ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-handle.ytd-c4-tabbed-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-pronouns.ytd-c4-tabbed-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-c4-tabbed-header-renderer[use-page-header-style] #buttons.ytd-c4-tabbed-header-renderer { padding: 6px 0px; } ytd-c4-tabbed-header-renderer[use-page-header-style] #buttons.ytd-c4-tabbed-header-renderer .channel-action.ytd-c4-tabbed-header-renderer:not(:empty) { margin: 0px; } ytd-c4-tabbed-header-renderer[use-page-header-style] #buttons.ytd-c4-tabbed-header-renderer .channel-action.ytd-c4-tabbed-header-renderer:not(:empty) + .channel-action.ytd-c4-tabbed-header-renderer:not(:empty) { margin-left: 8px; } ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner.ytd-c4-tabbed-header-renderer { border-radius: 12px; overflow: hidden; } ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner-sizer.ytd-c4-tabbed-header-renderer { height: 0px; padding-top: 16.12%; position: relative; } ytd-c4-tabbed-header-renderer[use-page-header-style] .page-header-banner-image.ytd-c4-tabbed-header-renderer { background-image: var(--yt-channel-banner); background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } ytd-c4-tabbed-header-renderer[use-page-header-style] #links-holder.ytd-c4-tabbed-header-renderer { padding-right: inherit; right: 16px; } ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-tagline.ytd-c4-tabbed-header-renderer > ytd-channel-tagline-renderer.ytd-c4-tabbed-header-renderer { max-width: 600px; } ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-header-links.ytd-c4-tabbed-header-renderer > ytd-channel-header-links-view-model.ytd-c4-tabbed-header-renderer { max-width: 600px; margin-bottom: 4px; } #tabs-container.ytd-c4-tabbed-header-renderer { width: 100%; height: 48px; } #tabs-divider.ytd-c4-tabbed-header-renderer { display: block; position: absolute; width: 100%; bottom: 0px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #tabs-inner-container.ytd-c4-tabbed-header-renderer { background-color: var(--yt-lightsource-section1-color); } tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer { --paper-tabs-selection-bar-color: var(--yt-lightsource-secondary-title-color); box-sizing: border-box; color: var(--yt-lightsource-secondary-title-color); height: 48px; padding-bottom: 0px; margin-left: 51px; } ytd-c4-tabbed-header-renderer tp-yt-paper-tabs .tp-yt-paper-tabs[style-target="selection-bar"] { border-bottom-width: 3px; } #tabs-divider.ytd-c4-tabbed-header-renderer { border-bottom: 1px solid var(--yt-spec-outline); } tp-yt-paper-tab.ytd-c4-tabbed-header-renderer { padding: 0px 32px; vertical-align: middle; } tp-yt-paper-tab.ytd-c4-tabbed-header-renderer:hover { color: var(--yt-lightsource-primary-title-color,var(--yt-spec-text-primary)); } tp-yt-paper-tab.ytd-c4-tabbed-header-renderer { --paper-tab-ink: var(--yt-spec-paper-tab-ink); } tp-yt-paper-tab.iron-selected.ytd-c4-tabbed-header-renderer { color: var(--yt-lightsource-primary-title-color); } .expandable-tab.ytd-c4-tabbed-header-renderer { display: inline-block; } ytd-expandable-tab-renderer.ytd-c4-tabbed-header-renderer { --yt-expandable-color: var(--yt-lightsource-primary-title-color); --yt-expandable-unselected-color: var(--yt-lightsource-secondary-title-color); padding: 0px 24px; vertical-align: middle; } #links-holder.ytd-c4-tabbed-header-renderer { height: 36px; top: -52px; right: 16px; position: absolute; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } tp-yt-app-toolbar.ytd-c4-tabbed-header-renderer { height: 48px; padding: 0px; } #primary-links.ytd-c4-tabbed-header-renderer, #secondary-links.ytd-c4-tabbed-header-renderer { background-color: var(--yt-spec-static-overlay-background-medium-light); } #primary-links.ytd-c4-tabbed-header-renderer yt-formatted-string.ytd-c4-tabbed-header-renderer { color: var(--yt-spec-static-overlay-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #primary-links.ytd-c4-tabbed-header-renderer yt-img-shadow.ytd-c4-tabbed-header-renderer { padding-right: 5px; } .yt-simple-endpoint.ytd-c4-tabbed-header-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-c4-tabbed-header-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #primary-links.ytd-c4-tabbed-header-renderer > a.ytd-c4-tabbed-header-renderer { padding: 10px; display: inline-block; } #secondary-links.ytd-c4-tabbed-header-renderer > a.ytd-c4-tabbed-header-renderer { padding: 10px 6px; line-height: 0; display: inline-block; } #secondary-links.ytd-c4-tabbed-header-renderer > a.ytd-c4-tabbed-header-renderer:first-of-type { padding-left: 10px; } #secondary-links.ytd-c4-tabbed-header-renderer > a.ytd-c4-tabbed-header-renderer:last-of-type { padding-right: 10px; } #secondary-links.ytd-c4-tabbed-header-renderer yt-img-shadow.ytd-c4-tabbed-header-renderer { padding: 1px 0px; } @media (max-width: 701px) { #avatar.ytd-c4-tabbed-header-renderer { display: none; } #channel-header-container.ytd-c4-tabbed-header-renderer { width: 428px; margin: auto; padding: 24px 0px 0px; box-sizing: border-box; } ytd-c4-tabbed-header-renderer[use-page-header-style] #channel-header-container.ytd-c4-tabbed-header-renderer { padding-top: 6px; } #channel-header.ytd-c4-tabbed-header-renderer { height: auto; padding: 0px; } #channel-name.ytd-c4-tabbed-header-renderer { max-height: 7.3rem; --ytd-channel-name-text-font-size: var(--ytd-navbar-title-font-size); --ytd-channel-name-text-font-weight: var(--ytd-navbar-title-font-weight); --ytd-channel-name-text-line-height: var(--ytd-navbar-title-line-height); } tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer { margin: 0px; } } @media (max-width: 800px) { #channel-header-container.ytd-c4-tabbed-header-renderer { align-items: flex-start; } ytd-c4-tabbed-header-renderer:not([use-modern-style]) #meta.ytd-c4-tabbed-header-renderer { margin-bottom: 8px; } #buttons.ytd-c4-tabbed-header-renderer ytd-button-renderer.ytd-c4-tabbed-header-renderer, #buttons.ytd-c4-tabbed-header-renderer ytd-subscribe-button-renderer.ytd-c4-tabbed-header-renderer { margin-bottom: 8px; } } @media (max-width: 427px) { #channel-header-container.ytd-c4-tabbed-header-renderer { width: auto; padding: 20px 8px; } } @media (min-width: 1304px) { ytd-c4-tabbed-header-renderer:not([guide-persistent-and-visible]) #channel-header-container.ytd-c4-tabbed-header-renderer { margin: auto; } } @media (min-width: 1544px) { #channel-header-container.ytd-c4-tabbed-header-renderer { margin: auto; } } ytd-c4-tabbed-header-renderer.grid-1-columns #channel-header.ytd-c4-tabbed-header-renderer { padding-right: calc(50% - 107px); padding-left: calc(50% - 107px); } ytd-c4-tabbed-header-renderer.grid-1-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer.grid-1-columns .page-header-banner.ytd-c4-tabbed-header-renderer { margin-left: calc(50% - 107px); margin-right: calc(50% - 107px); } ytd-c4-tabbed-header-renderer.grid-2-columns #channel-header.ytd-c4-tabbed-header-renderer { padding-right: calc(50% - 214px); padding-left: calc(50% - 214px); } ytd-c4-tabbed-header-renderer.grid-2-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer.grid-2-columns .page-header-banner.ytd-c4-tabbed-header-renderer { margin-left: calc(50% - 214px); margin-right: calc(50% - 214px); } ytd-c4-tabbed-header-renderer.grid-3-columns #channel-header.ytd-c4-tabbed-header-renderer { padding-right: calc(50% - 321px); padding-left: calc(50% - 321px); } ytd-c4-tabbed-header-renderer.grid-3-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer.grid-3-columns .page-header-banner.ytd-c4-tabbed-header-renderer { margin-left: calc(50% - 321px); margin-right: calc(50% - 321px); } ytd-c4-tabbed-header-renderer.grid-4-columns #channel-header.ytd-c4-tabbed-header-renderer { padding-right: calc(50% - 428px); padding-left: calc(50% - 428px); } ytd-c4-tabbed-header-renderer.grid-4-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer.grid-4-columns .page-header-banner.ytd-c4-tabbed-header-renderer { margin-left: calc(50% - 428px); margin-right: calc(50% - 428px); } ytd-c4-tabbed-header-renderer.grid-5-columns #channel-header.ytd-c4-tabbed-header-renderer { padding-right: calc(50% - 535px); padding-left: calc(50% - 535px); } ytd-c4-tabbed-header-renderer.grid-5-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer.grid-5-columns .page-header-banner.ytd-c4-tabbed-header-renderer { margin-left: calc(50% - 535px); margin-right: calc(50% - 535px); } ytd-c4-tabbed-header-renderer.grid-6-columns #channel-header.ytd-c4-tabbed-header-renderer { padding-right: calc(50% - 642px); padding-left: calc(50% - 642px); } ytd-c4-tabbed-header-renderer.grid-6-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer.grid-6-columns .page-header-banner.ytd-c4-tabbed-header-renderer { margin-left: calc(50% - 642px); margin-right: calc(50% - 642px); } ytd-c4-tabbed-header-renderer[is-rich-grid] #channel-header.ytd-c4-tabbed-header-renderer { padding-left: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); padding-right: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); } ytd-c4-tabbed-header-renderer[is-rich-grid] tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer[is-rich-grid] .page-header-banner.ytd-c4-tabbed-header-renderer { margin-left: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); margin-right: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); } ytd-c4-tabbed-header-renderer[is-rich-grid][rich-grid-mini-mode] #channel-header.ytd-c4-tabbed-header-renderer { padding-left: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); padding-right: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); } ytd-c4-tabbed-header-renderer[is-rich-grid][rich-grid-mini-mode] tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer[is-rich-grid][rich-grid-mini-mode] .page-header-banner.ytd-c4-tabbed-header-renderer { margin-left: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); margin-right: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); } @media (max-width: 600px) { ytd-c4-tabbed-header-renderer[is-rich-grid][rich-grid-mini-mode] #channel-header.ytd-c4-tabbed-header-renderer { padding: 0px; } } @media (max-width: 600px) { ytd-c4-tabbed-header-renderer[is-rich-grid][rich-grid-mini-mode] tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer[is-rich-grid][rich-grid-mini-mode] .page-header-banner.ytd-c4-tabbed-header-renderer { margin: 0px; } } ytd-channel-banner-editor-renderer { cursor: pointer; position: absolute; inset: 0px; display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-channel-banner-editor-renderer:focus { outline: none; } yt-img-shadow.ytd-channel-banner-editor-renderer { width: 80px; height: 80px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } #edit-banner-link.ytd-channel-banner-editor-renderer { width: 100%; height: 100%; } yt-icon.ytd-channel-banner-editor-renderer { display: none; color: var(--yt-spec-static-overlay-icon-active-other); padding: 12px; position: absolute; top: 16px; right: 16px; border-radius: 50%; background-color: var(--yt-spec-static-overlay-background-medium); } ytd-channel-banner-editor-renderer:hover yt-icon.ytd-channel-banner-editor-renderer { display: block; } #message.ytd-channel-banner-editor-renderer { background-color: var(--yt-spec-static-overlay-background-medium); color: var(--yt-spec-static-overlay-text-primary); border-radius: 2px; padding: 4px 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-channel-tagline-renderer { display: block; } #endpoint.ytd-channel-tagline-renderer { display: block; } #wrapper.ytd-channel-tagline-renderer { display: flex; flex-direction: row; align-items: center; } #content.ytd-channel-tagline-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } #more-icon.ytd-channel-tagline-renderer { height: 24px; flex-shrink: 0; margin-left: 4px; } ytd-expandable-tab-renderer { color: var(--yt-spec-text-secondary); flex-direction: row; align-items: center; display: inline-flex; } ytd-expandable-tab-renderer[show-input] yt-icon-button.ytd-expandable-tab-renderer { opacity: 1; } form.ytd-expandable-tab-renderer { margin-bottom: 0px; } yt-icon-button.ytd-expandable-tab-renderer { --yt-icon-button-icon-width: 24px; --yt-icon-button-icon-height: 24px; opacity: 0.8; width: 40px; height: 40px; } tp-yt-paper-input.ytd-expandable-tab-renderer { --paper-input-container-color: var(--yt-spec-text-primary); --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --paper-input-container-underline-height: 0; --paper-input-container-underline-border-bottom: 1px solid var(--yt-spec-text-primary); text-transform: none; margin-bottom: -2px; height: 40px; display: flex; align-items: center; } tp-yt-paper-input.ytd-expandable-tab-renderer .input-content.tp-yt-paper-input-container > input, tp-yt-paper-input.ytd-expandable-tab-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, tp-yt-paper-input.ytd-expandable-tab-renderer .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-input.ytd-expandable-tab-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-input.ytd-expandable-tab-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { padding: 4px 0px; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--paper-input-container-input-color)); } tp-yt-paper-input.ytd-expandable-tab-renderer #labelAndInputContainer.tp-yt-paper-input-container > label, tp-yt-paper-input.ytd-expandable-tab-renderer #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label { padding: 4px 0px; font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color); } ytd-expandable-tab-renderer:not([show-input]) tp-yt-paper-input.ytd-expandable-tab-renderer { visibility: hidden; } ytd-channel-header-links-view-model { display: block; } #container.ytd-channel-header-links-view-model { display: flex; padding-top: 6px; padding-bottom: 6px; flex-direction: row; align-items: center; gap: 4px; } #first-link.ytd-channel-header-links-view-model { flex-shrink: 1; min-width: 2em; color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #more.ytd-channel-header-links-view-model { flex-shrink: 0; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #primary-link.ytd-channel-header-links-view-model { flex-shrink: 1; min-width: 2em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: var(--yt-spec-call-to-action); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #suffix.ytd-channel-header-links-view-model { flex-shrink: 0; white-space: nowrap; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-channel-header-links-view-model[use-page-header-style] #container.ytd-channel-header-links-view-model { padding-top: 4px; padding-bottom: 4px; } ytd-channel-avatar-editor { display: inline-block; position: relative; cursor: pointer; margin: 0px 24px 0px 0px; } ytd-channel-avatar-editor:focus { outline: none; } yt-img-shadow.ytd-channel-avatar-editor { width: var(--ytd-channel-avatar-editor-size,80px); height: var(--ytd-channel-avatar-editor-size,80px); flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } yt-icon.ytd-channel-avatar-editor { display: none; color: var(--yt-spec-static-overlay-icon-active-other); padding: 12px; position: absolute; top: calc((var(--ytd-channel-avatar-editor-size,80px) - var(--iron-icon-height,24px))/2 - 12px); left: calc((var(--ytd-channel-avatar-editor-size,80px) - var(--iron-icon-width,24px))/2 - 12px); border-radius: 50%; background-color: var(--yt-spec-static-overlay-background-medium); } ytd-channel-avatar-editor:hover yt-icon.ytd-channel-avatar-editor { display: block; } ytd-interactive-tabbed-header-renderer { --ytd-badge-white-space: nowrap; display: block; } #bg.ytd-interactive-tabbed-header-renderer { position: absolute; width: 100%; height: 100%; fill: var(--yt-spec-general-background-a); } [dir="rtl"] #bg.ytd-interactive-tabbed-header-renderer, #bg.ytd-interactive-tabbed-header-renderer[dir="rtl"] { transform: scale(-1, 1); transform-origin: center center; } #content-container.ytd-interactive-tabbed-header-renderer { position: relative; width: 100%; } #content.ytd-interactive-tabbed-header-renderer { height: 100%; margin: auto; padding: 24px 0px; display: flex; flex-direction: row; align-items: flex-end; } #box-art.ytd-interactive-tabbed-header-renderer { width: 184px; height: 256px; } #details.ytd-interactive-tabbed-header-renderer { margin-left: 40px; } #title.ytd-interactive-tabbed-header-renderer { max-width: 320px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; overflow: hidden; max-height: 6.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #auto-generated.ytd-interactive-tabbed-header-renderer { margin-top: 4px; color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } #description.ytd-interactive-tabbed-header-renderer { max-width: 320px; margin-top: 8px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 6.6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #metadata.ytd-interactive-tabbed-header-renderer { max-width: 320px; margin-top: 8px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-badge-supported-renderer.ytd-interactive-tabbed-header-renderer { margin-top: 8px; overflow: hidden; height: 16px; flex-wrap: wrap; } #buttons.ytd-interactive-tabbed-header-renderer { flex-flow: row; display: flex; } #buttons.ytd-interactive-tabbed-header-renderer ytd-button-renderer.ytd-interactive-tabbed-header-renderer, #buttons.ytd-interactive-tabbed-header-renderer ytd-subscribe-button-renderer.ytd-interactive-tabbed-header-renderer { margin-top: 22px; } #buttons.ytd-interactive-tabbed-header-renderer ytd-button-renderer.ytd-interactive-tabbed-header-renderer { margin-right: 8px; } #buttons.ytd-interactive-tabbed-header-renderer ytd-subscribe-button-renderer.ytd-interactive-tabbed-header-renderer { margin-left: -4px; margin-right: 4px; } #header.ytd-interactive-tabbed-header-renderer { --app-header-background-front-layer-background-image: var( --ytd-interactive-tabbed-header-renderer-banner-url ); --app-header-background-front-layer-background-position: center; --app-header-background-front-layer-background-repeat: no-repeat; --app-header-background-front-layer-background-size: cover; position: fixed; margin-top: var(--ytd-toolbar-offset); z-index: 1; } #tabs-container.ytd-interactive-tabbed-header-renderer { width: 100%; height: 48px; } #tabs-inner-container.ytd-interactive-tabbed-header-renderer { background-color: var(--yt-spec-general-background-a); } tp-yt-paper-tabs.ytd-interactive-tabbed-header-renderer { --paper-tabs-selection-bar-color: var(--yt-spec-text-secondary); position: relative; box-sizing: border-box; height: 48px; margin: auto; max-width: 100%; padding-bottom: 1px; color: var(--yt-spec-text-secondary); } ytd-interactive-tabbed-header-renderer tp-yt-paper-tabs .tp-yt-paper-tabs[style-target="selection-bar"] { border-bottom-width: 3px; } tp-yt-paper-tabs.ytd-interactive-tabbed-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } tp-yt-paper-tab.ytd-interactive-tabbed-header-renderer { padding: 0px 32px; vertical-align: middle; } tp-yt-paper-tab.ytd-interactive-tabbed-header-renderer:hover { color: var(--yt-spec-text-primary); } tp-yt-paper-tab.ytd-interactive-tabbed-header-renderer:focus { background-color: var(--yt-spec-button-chip-background-hover); } tp-yt-paper-tab.iron-selected.ytd-interactive-tabbed-header-renderer { color: var(--yt-spec-text-primary); } tp-yt-app-toolbar.ytd-interactive-tabbed-header-renderer { height: 48px; padding: 0px; } @media (max-width: 701px) { #box-art.ytd-interactive-tabbed-header-renderer { width: 90px; height: 125px; } #description.ytd-interactive-tabbed-header-renderer, #metadata.ytd-interactive-tabbed-header-renderer { display: none; } #buttons.ytd-interactive-tabbed-header-renderer ytd-button-renderer.ytd-interactive-tabbed-header-renderer, #buttons.ytd-interactive-tabbed-header-renderer ytd-subscribe-button-renderer.ytd-interactive-tabbed-header-renderer { margin-top: 16px; } } ytd-interactive-tabbed-header-renderer.grid-1-columns #content.ytd-interactive-tabbed-header-renderer { width: 214px; } ytd-interactive-tabbed-header-renderer.grid-1-columns tp-yt-paper-tabs.ytd-interactive-tabbed-header-renderer { width: 326px; } ytd-interactive-tabbed-header-renderer.grid-2-columns #content.ytd-interactive-tabbed-header-renderer { width: 428px; } ytd-interactive-tabbed-header-renderer.grid-2-columns tp-yt-paper-tabs.ytd-interactive-tabbed-header-renderer { width: 540px; } ytd-interactive-tabbed-header-renderer.grid-3-columns #content.ytd-interactive-tabbed-header-renderer { width: 642px; } ytd-interactive-tabbed-header-renderer.grid-3-columns tp-yt-paper-tabs.ytd-interactive-tabbed-header-renderer { width: 754px; } ytd-interactive-tabbed-header-renderer.grid-4-columns #content.ytd-interactive-tabbed-header-renderer { width: 856px; } ytd-interactive-tabbed-header-renderer.grid-4-columns tp-yt-paper-tabs.ytd-interactive-tabbed-header-renderer { width: 968px; } ytd-interactive-tabbed-header-renderer.grid-5-columns #content.ytd-interactive-tabbed-header-renderer { width: 1070px; } ytd-interactive-tabbed-header-renderer.grid-5-columns tp-yt-paper-tabs.ytd-interactive-tabbed-header-renderer { width: 1182px; } ytd-interactive-tabbed-header-renderer.grid-6-columns #content.ytd-interactive-tabbed-header-renderer { width: 1284px; } ytd-interactive-tabbed-header-renderer.grid-6-columns tp-yt-paper-tabs.ytd-interactive-tabbed-header-renderer { width: 1396px; } yt-img-shadow.ytd-interactive-tabbed-header-renderer { border-radius: 8px; overflow: hidden; } ytd-page-footer-renderer { background-color: var(--yt-spec-general-background-a); border-top: 1px solid var(--yt-spec-10-percent-layer); padding: 8px; display: flex; flex-direction: row; justify-content: flex-start; } ytd-page-footer-renderer[actions-alignment="PAGE_FOOTER_RENDERER_ALIGNMENT_TYPE_CENTER"] { justify-content: center; } ytd-button-renderer.ytd-page-footer-renderer + ytd-button-renderer.ytd-page-footer-renderer { margin-left: 8px; } ytd-playlist-header-renderer { display: flex; flex-direction: column; box-sizing: border-box; width: 360px; overflow-x: hidden; color: var(--yt-spec-static-overlay-text-primary); --ytd-menu-renderer-button-color: var(--yt-spec-static-overlay-text-primary); } ytd-playlist-header-renderer[no-cinematic-data] { color: var(--yt-spec-text-primary); --ytd-menu-renderer-button-color: var(--yt-spec-text-primary); --yt-playlist-byline-color: var(--yt-spec-text-primary); } ytd-playlist-header-renderer[no-cinematic-data] .metadata-text-wrapper.ytd-playlist-header-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var(--yt-spec-text-primary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); } ytd-playlist-header-renderer[no-cinematic-data] ytd-text-inline-expander.ytd-playlist-header-renderer { color: var(--yt-spec-text-primary); } ytd-playlist-thumbnail.ytd-playlist-header-renderer::before { display: block; content: ""; width: 100%; padding-top: 56.25%; background-color: var(--yt-spec-10-percent-layer); } .immersive-header-container.ytd-playlist-header-renderer { flex: 1 1 0%; padding: 24px; position: relative; border-radius: 16px; margin-bottom: 24px; overflow-y: hidden; display: flex; } .immersive-header-content.ytd-playlist-header-renderer { position: relative; flex: 1 1 0%; overflow: hidden auto; } .immersive-header-background-wrapper.ytd-playlist-header-renderer { position: absolute; inset: 0px; overflow: hidden; } .blurred-image.ytd-playlist-header-renderer { width: 200%; transform: translateX(-25%); opacity: 0.7; filter: blur(30px); } .thumbnail-and-metadata-wrapper.ytd-playlist-header-renderer { display: flex; flex-direction: column; } .thumbnail-and-metadata-wrapper.ytd-playlist-header-renderer .yt-simple-endpoint.ytd-playlist-header-renderer { outline: none; } .metadata-wrapper.ytd-playlist-header-renderer { min-width: 0px; display: flex; flex-direction: column; justify-content: center; } .immersive-header-gradient.ytd-playlist-header-renderer { position: absolute; inset: 0px; } .thumbnail-wrapper.ytd-playlist-header-renderer { flex-shrink: 0; margin-bottom: 16px; } .title.ytd-playlist-header-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } #editable-title-display.ytd-playlist-header-renderer { flex: 1 1 0%; overflow: hidden; } .metadata-action-bar.ytd-playlist-header-renderer { display: flex; flex-direction: column; margin-top: 16px; } .metadata-text-wrapper.ytd-playlist-header-renderer { --yt-endpoint-color: var(--yt-spec-static-overlay-text-primary); --yt-endpoint-visited-color: var(--yt-spec-static-overlay-text-primary); --yt-endpoint-hover-color: var(--yt-spec-static-overlay-text-primary); display: flex; flex: 1 1 0%; flex-direction: column; margin-bottom: 12px; } .metadata-buttons-wrapper.ytd-playlist-header-renderer { display: flex; align-items: center; } .metadata-buttons-wrapper.ytd-playlist-header-renderer > .ytd-playlist-header-renderer { margin-right: 8px; } .metadata-owner.ytd-playlist-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; margin-bottom: 4px; } .badges.ytd-playlist-header-renderer { --yt-badge-font-weight: 400; display: inline-block; } ytd-badge-supported-renderer.ytd-playlist-header-renderer { display: inline-block; } .middot.ytd-playlist-header-renderer { margin-left: 4px; } .play-menu.ytd-playlist-header-renderer { margin: 16px 0px; } .play-menu.ytd-playlist-header-renderer > .ytd-playlist-header-renderer { flex: 1 1 0%; min-width: 0px; } .play-menu.small-screen-form.ytd-playlist-header-renderer { display: none; } .spaced-row.ytd-playlist-header-renderer { display: flex; } .spaced-row.ytd-playlist-header-renderer > .ytd-playlist-header-renderer { margin: 0px 4px; } .spaced-row.ytd-playlist-header-renderer > .ytd-playlist-header-renderer:first-child { margin-left: 0px; } .spaced-row.ytd-playlist-header-renderer > .ytd-playlist-header-renderer:last-child { margin-right: 0px; } ytd-text-inline-expander.ytd-playlist-header-renderer { flex: 1 1 0%; color: var(--yt-spec-static-overlay-text-primary); --ytd-text-inline-expander-button-color: var( --yt-spec-static-overlay-text-primary ); } @media (max-width: 1080px) { .blurred-image.ytd-playlist-header-renderer { width: 100%; transform: none; } .immersive-header-container.ytd-playlist-header-renderer { border-radius: 0px; margin-bottom: 0px; } .metadata-action-bar.ytd-playlist-header-renderer { flex-direction: row; } .metadata-buttons-wrapper.ytd-playlist-header-renderer > .ytd-playlist-header-renderer { margin-right: 0px; margin-left: 8px; } .play-menu.ytd-playlist-header-renderer { margin-bottom: 0px; } .play-menu.small-screen-form.ytd-playlist-header-renderer { display: flex; } .play-menu.wide-screen-form.ytd-playlist-header-renderer { display: none; } } @media (max-width: 1080px) and (min-width: 720px) { .immersive-header-content.ytd-playlist-header-renderer { display: flex; flex-direction: column; max-width: 720px; margin: 0px auto; } .thumbnail-and-metadata-wrapper.ytd-playlist-header-renderer { flex-direction: row; } .metadata-text-wrapper.ytd-playlist-header-renderer { margin-bottom: 0px; } .description.ytd-playlist-header-renderer { margin-top: 8px; } .thumbnail-wrapper.ytd-playlist-header-renderer { margin-bottom: 0px; } .metadata-wrapper.ytd-playlist-header-renderer { flex: 1 1 0%; margin-left: 24px; } } @media (max-width: 720px) { .thumbnail-wrapper.ytd-playlist-header-renderer { flex: 0 1 0%; margin-bottom: 16px; } } ytd-inline-form-renderer { display: flex; flex-direction: row; } ytd-inline-form-renderer[is-editing] { margin-right: 16px; } #text-displayed.ytd-inline-form-renderer { flex: 1 1 1e-09px; } ytd-inline-form-renderer[component-style="INLINE_FORM_STYLE_TITLE"] #text-displayed.ytd-inline-form-renderer { color: var(--yt-spec-text-primary); overflow: hidden; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } ytd-inline-form-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT"] #text-displayed.ytd-inline-form-renderer { color: var(--yt-spec-text-primary); overflow-wrap: break-word; overflow: hidden; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-inline-form-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT_PLACEHOLDER"] #text-displayed.ytd-inline-form-renderer { color: var(--yt-spec-text-secondary); overflow-wrap: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #display-dialog.ytd-inline-form-renderer { overflow: hidden; flex: 1 1 1e-09px; display: flex; flex-direction: row; } ytd-inline-form-renderer[component-style="INLINE_FORM_STYLE_TITLE"] #display-dialog.ytd-inline-form-renderer { align-items: center; } ytd-inline-form-renderer[component-style="INLINE_FORM_STYLE_TITLE"] #edit-button.ytd-inline-form-renderer { align-self: flex-start; } #edit-button.ytd-inline-form-renderer { color: var(--yt-spec-icon-active-other); padding-left: 8px; } ytd-inline-form-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT"] #edit-button.ytd-inline-form-renderer { margin-top: -8px; } ytd-inline-form-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT_PLACEHOLDER"] #edit-button.ytd-inline-form-renderer { margin-top: -8px; } #edit-dialog.ytd-inline-form-renderer { min-width: 0px; flex-grow: 1; display: flex; flex-direction: column; } #edit-buttons.ytd-inline-form-renderer { display: flex; flex-direction: row; justify-content: flex-end; } #save-button.ytd-inline-form-renderer { margin-right: -16px; } yt-text-input-form-field-renderer.ytd-inline-form-renderer { padding-bottom: 0px; } ytd-dropdown-form-field-renderer { display: inline-block; color: var(--yt-spec-text-secondary); } ytd-playlist-byline-renderer { display: inline-block; } yt-formatted-string.ytd-playlist-byline-renderer { margin-right: 4px; } #byline-icon.ytd-playlist-byline-renderer { height: 16px; width: auto; } .metadata-stats.ytd-playlist-byline-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; color: var(--yt-playlist-byline-color,var(--yt-spec-static-overlay-text-secondary)); } .metadata-stats.ytd-playlist-byline-renderer .byline-item.ytd-playlist-byline-renderer { margin-right: 4px; } ytd-playlist-sidebar-primary-info-renderer { display: block; } ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer { margin-bottom: 16px; } ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer::before { display: block; content: ""; width: 100%; padding-top: 56.25%; background-color: var(--yt-spec-10-percent-layer); } ytd-playlist-sidebar-primary-info-renderer[is-custom-thumbnail] ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer::before { padding-top: 100%; } ytd-playlist-sidebar-primary-info-renderer[style-type="playlist-sidebar-primary-info-renderer-style-type-show"] ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer { margin-bottom: 12px; } #title.ytd-playlist-sidebar-primary-info-renderer { display: block; margin-bottom: 8px; color: var(--yt-spec-text-primary); word-break: break-word; overflow: hidden; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } ytd-playlist-sidebar-primary-info-renderer[style-type="playlist-sidebar-primary-info-renderer-style-type-show"] #title.ytd-playlist-sidebar-primary-info-renderer { margin-bottom: 2px; } #privacy-stats.ytd-playlist-sidebar-primary-info-renderer { margin-top: 4px; display: flex; flex-direction: row; align-items: flex-start; } #privacy-form.ytd-playlist-sidebar-primary-info-renderer { margin-right: 12px; } #badges.ytd-playlist-sidebar-primary-info-renderer { margin-top: 12px; margin-right: 4px; white-space: nowrap; } ytd-playlist-sidebar-primary-info-renderer[style-type="playlist-sidebar-primary-info-renderer-style-type-show"] #privacy-stats.ytd-playlist-sidebar-primary-info-renderer, ytd-playlist-sidebar-primary-info-renderer[style-type="playlist-sidebar-primary-info-renderer-style-type-show"] #badges.ytd-playlist-sidebar-primary-info-renderer { margin-top: 0px; } #stats.ytd-playlist-sidebar-primary-info-renderer { color: var(--yt-spec-text-secondary); margin-top: 10px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-playlist-sidebar-primary-info-renderer[style-type="playlist-sidebar-primary-info-renderer-style-type-show"] #stats.ytd-playlist-sidebar-primary-info-renderer { margin-top: 2px; margin-bottom: 2px; } #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::after { content: "•"; margin: 0px 4px; } [dir="rtl"] ytd-playlist-sidebar-primary-info-renderer[rtl-bullet] #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::after, ytd-playlist-sidebar-primary-info-renderer[dir="rtl"][rtl-bullet] #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::after { content: none; margin: 0px; } [dir="rtl"] ytd-playlist-sidebar-primary-info-renderer[rtl-bullet] #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::before, ytd-playlist-sidebar-primary-info-renderer[dir="rtl"][rtl-bullet] #stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::before { content: "•"; margin: 0px 4px; } #show-stats.ytd-playlist-sidebar-primary-info-renderer { color: var(--yt-spec-text-secondary); padding: 3px 4px; margin-right: 4px; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } #show-stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::after { content: "•"; margin: 0px 4px; } [dir="rtl"] ytd-playlist-sidebar-primary-info-renderer #show-stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::after, ytd-playlist-sidebar-primary-info-renderer[dir="rtl"] #show-stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::after { content: none; margin: 0px; } [dir="rtl"] ytd-playlist-sidebar-primary-info-renderer #show-stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::before, ytd-playlist-sidebar-primary-info-renderer[dir="rtl"] #show-stats.ytd-playlist-sidebar-primary-info-renderer yt-formatted-string.ytd-playlist-sidebar-primary-info-renderer:not(:last-of-type)::before { content: "•"; margin: 0px 4px; } #menu.ytd-playlist-sidebar-primary-info-renderer { margin-top: 4px; margin-bottom: 8px; margin-left: -8px; } #description.ytd-playlist-sidebar-primary-info-renderer { display: block; color: var(--yt-spec-text-secondary); overflow-wrap: break-word; margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #description-form.ytd-playlist-sidebar-primary-info-renderer { margin-bottom: 8px; } #play-buttons.ytd-playlist-sidebar-primary-info-renderer { display: flex; } #play-buttons.ytd-playlist-sidebar-primary-info-renderer ytd-button-renderer.ytd-playlist-sidebar-primary-info-renderer, #play-buttons.ytd-playlist-sidebar-primary-info-renderer ytd-toggle-button-renderer.ytd-playlist-sidebar-primary-info-renderer { margin: 16px 0px 8px 8px; flex: 1 1 1e-09px; } #play-buttons.ytd-playlist-sidebar-primary-info-renderer ytd-button-renderer.ytd-playlist-sidebar-primary-info-renderer:first-child, #play-buttons.ytd-playlist-sidebar-primary-info-renderer ytd-toggle-button-renderer.ytd-playlist-sidebar-primary-info-renderer:first-child { margin-left: 0px; } ytd-playlist-sidebar-primary-info-renderer[style-type="playlist-sidebar-primary-info-renderer-style-type-show"] #play-buttons.ytd-playlist-sidebar-primary-info-renderer { margin: 8px 0px; display: flex; flex-direction: column; } ytd-playlist-sidebar-primary-info-renderer[style-type="playlist-sidebar-primary-info-renderer-style-type-show"] #play-buttons.ytd-playlist-sidebar-primary-info-renderer > ytd-compact-link-renderer.ytd-playlist-sidebar-primary-info-renderer { border: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; border-radius: 2px; --paper-item-min-height: 34px; --paper-item-focused-before-background: none; } ytd-playlist-sidebar-primary-info-renderer[style-type="playlist-sidebar-primary-info-renderer-style-type-show"][modern] #play-buttons.ytd-playlist-sidebar-primary-info-renderer > ytd-compact-link-renderer.ytd-playlist-sidebar-primary-info-renderer { border-radius: 25px; } ytd-playlist-sidebar-primary-info-renderer[style-type="playlist-sidebar-primary-info-renderer-style-type-show"] #play-buttons.ytd-playlist-sidebar-primary-info-renderer > .ytd-playlist-sidebar-primary-info-renderer { margin: 4px 0px; } .more-button.ytd-playlist-sidebar-primary-info-renderer { color: var(--yt-spec-text-secondary); display: inline-block; margin-top: 16px; margin-bottom: 16px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-playlist-sidebar-secondary-info-renderer { display: block; padding: 16px 0px; } #owner-container.ytd-playlist-sidebar-secondary-info-renderer { margin-bottom: 12px; display: flex; flex-direction: row; align-items: center; } #video-owner.ytd-playlist-sidebar-secondary-info-renderer { flex: 1 1 1e-09px; } #description.ytd-playlist-sidebar-secondary-info-renderer { display: block; color: var(--yt-spec-text-secondary); overflow-wrap: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #title.ytd-playlist-sidebar-secondary-info-renderer { display: block; padding-bottom: 16px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-channel-legal-info-renderer[expanded] #text.ytd-channel-legal-info-renderer { height: auto; } ytd-channel-legal-info-renderer[is-compact] #text.ytd-channel-legal-info-renderer { padding: 16px 0px; } #text.ytd-channel-legal-info-renderer { color: var(--yt-spec-text-secondary); display: block; height: 118px; overflow: auto; padding: 32px 64px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #expand-button.ytd-channel-legal-info-renderer { border-radius: 50%; background-color: var(--yt-spec-brand-background-solid); color: var(--yt-spec-brand-icon-inactive); height: 40px; margin: -20px auto 0px; width: 40px; align-items: center; justify-content: center; display: flex; flex-direction: column; } #button.ytd-channel-legal-info-renderer { width: 40px; height: 40px; } ytd-download-playlist-button-renderer[is-download-complete] { --yt-button-color: var(--yt-spec-text-primary); } ytd-download-playlist-button-renderer[is-hidden] { display: none; } .horizontally-centered-container.ytd-hero-playlist-thumbnail-renderer { display: flex; justify-content: center; } .image-wrapper.ytd-hero-playlist-thumbnail-renderer { position: relative; display: flex; justify-content: center; border-radius: 12px; overflow: hidden; } .image-wrapper.ytd-hero-playlist-thumbnail-renderer:hover ytd-thumbnail-overlay-hover-text-renderer.ytd-hero-playlist-thumbnail-renderer { opacity: 1; } yt-img-shadow.ytd-hero-playlist-thumbnail-renderer { width: 336px; height: 189px; } ytd-hero-playlist-thumbnail-renderer[is-square] yt-img-shadow.ytd-hero-playlist-thumbnail-renderer { width: 189px; height: 189px; } ytd-hero-playlist-thumbnail-renderer[is-vertical] yt-img-shadow.ytd-hero-playlist-thumbnail-renderer { width: fit-content; height: fit-content; max-width: 126px; max-height: 224px; } @media (min-width: 1080px) { ytd-hero-playlist-thumbnail-renderer:not([is-vertical]):not([is-square]) yt-img-shadow.ytd-hero-playlist-thumbnail-renderer { width: 312px; height: 175.5px; } } @media (min-width: 1080px) and (max-height: 500px) { ytd-hero-playlist-thumbnail-renderer { display: none; } } @media (min-width: 1080px) and (min-height: 700px) { ytd-hero-playlist-thumbnail-renderer[is-square] yt-img-shadow.ytd-hero-playlist-thumbnail-renderer { width: 312px; height: 312px; } } ytd-playlist-sidebar-renderer { display: block; box-sizing: border-box; width: 360px; padding: 24px; overflow: hidden auto; } ytd-playlist-sidebar-renderer::-webkit-scrollbar { width: 16px; } ytd-playlist-sidebar-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } ytd-playlist-sidebar-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } #items.ytd-playlist-sidebar-renderer > .ytd-playlist-sidebar-renderer:not(:last-child) { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-playlist-sidebar-renderer[use-premium-show-style] { width: 460px; } ytd-playlist-sidebar-tertiary-info-renderer { display: block; padding: 20px 0px; } #title.ytd-playlist-sidebar-tertiary-info-renderer { display: block; color: var(--yt-spec-text-secondary); overflow-wrap: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #items.ytd-playlist-sidebar-tertiary-info-renderer { display: flex; flex-flow: wrap; } #items.ytd-playlist-sidebar-tertiary-info-renderer > .ytd-playlist-sidebar-tertiary-info-renderer:not(:last-child) { margin-right: 4px; } ytd-tabbed-page-header { --yt-lightsource-section1-color: var(--yt-spec-base-background); --yt-lightsource-primary-title-color: var(--yt-spec-text-primary); --yt-lightsource-secondary-title-color: var(--yt-spec-text-secondary); display: block; } #page-header-container.ytd-tabbed-page-header, #tabs-container.ytd-tabbed-page-header { background-color: var(--yt-spec-base-background); } #page-header-container.ytd-tabbed-page-header { position: relative; flex-direction: column; display: flex; } #page-header.ytd-tabbed-page-header { background-color: var(--yt-lightsource-section1-color); padding: 24px 107px 4px; position: relative; z-index: 1; min-width: 0px; } ytd-tabbed-page-header:not([has-inset-banner]) #page-header-banner.ytd-tabbed-page-header { display: block; height: 0px; position: relative; } ytd-tabbed-page-header:not([has-inset-banner]) #page-header-banner.ytd-tabbed-page-header { height: calc(-1px + 16.129vw); } ytd-tabbed-page-header:not([has-inset-banner])[guide-persistent-and-visible] #page-header-banner.ytd-tabbed-page-header { height: calc(-39.7097px + 16.129vw); } #page-header-banner-sizer.ytd-tabbed-page-header { height: 0px; padding-top: 16.12%; position: relative; } ytd-tabbed-page-header[disable-grid-state-aware]:not([is-constrained-list]) #page-header.ytd-tabbed-page-header, ytd-tabbed-page-header[disable-grid-state-aware]:not([is-constrained-list]) #page-header-banner.ytd-tabbed-page-header, ytd-tabbed-page-header[disable-grid-state-aware]:not([is-constrained-list]) tp-yt-paper-tabs.ytd-tabbed-page-header, ytd-tabbed-page-header[disable-header-fluid-width]:not([is-constrained-list]) #page-header.ytd-tabbed-page-header, ytd-tabbed-page-header[disable-header-fluid-width]:not([is-constrained-list]) #page-header-banner.ytd-tabbed-page-header, ytd-tabbed-page-header[disable-header-fluid-width]:not([is-constrained-list]) tp-yt-paper-tabs.ytd-tabbed-page-header { margin: auto; width: calc(100% - 48px); max-width: var(--ytd-rich-grid-max-width); padding: 0px; } ytd-tabbed-page-header[is-constrained-list] { display: flex; justify-content: center; } ytd-tabbed-page-header[is-constrained-list] tp-yt-app-header-layout.ytd-tabbed-page-header { flex: 1 1 0%; } ytd-tabbed-page-header[is-constrained-list] #page-header-container.ytd-tabbed-page-header, ytd-tabbed-page-header[is-constrained-list] #tabs-container.ytd-tabbed-page-header { max-width: 776px; padding-right: 32px; padding-left: 32px; width: 100%; } ytd-tabbed-page-header[is-constrained-list][responsive-sizing="STANDARD"] #page-header-container.ytd-tabbed-page-header, ytd-tabbed-page-header[is-constrained-list][responsive-sizing="STANDARD"] #tabs-container.ytd-tabbed-page-header { max-width: 928px; } ytd-tabbed-page-header[is-constrained-list] #page-header.ytd-tabbed-page-header, ytd-tabbed-page-header[is-constrained-list] #page-header-banner.ytd-tabbed-page-header, ytd-tabbed-page-header[is-constrained-list] tp-yt-paper-tabs.ytd-tabbed-page-header { padding-right: 0px; padding-left: 0px; } @media (min-width: 1024px) { ytd-tabbed-page-header[is-constrained-list][responsive-sizing="STANDARD"] #page-header-container.ytd-tabbed-page-header, ytd-tabbed-page-header[is-constrained-list][responsive-sizing="STANDARD"] #tabs-container.ytd-tabbed-page-header { padding-right: 48px; padding-left: 48px; } } ytd-tabbed-page-header[has-banner] #page-header.ytd-tabbed-page-header { padding-top: 16px; } ytd-tabbed-page-header[is-rich-grid-shorts] #page-header.ytd-tabbed-page-header, ytd-tabbed-page-header[is-rich-grid-shorts] tp-yt-paper-tabs.ytd-tabbed-page-header { max-width: calc(var(--ytd-rich-grid-slim-items-per-row)*(var(--ytd-rich-grid-slim-item-max-width) + var(--ytd-rich-grid-shorts-item-margin))); } ytd-tabbed-page-header[is-rich-grid-shorts] tp-yt-paper-tabs.ytd-tabbed-page-header { margin: auto; } ytd-tabbed-page-header[disable-header-fluid-width] #page-header.ytd-tabbed-page-header, ytd-tabbed-page-header[disable-header-fluid-width] tp-yt-paper-tabs.ytd-tabbed-page-header { max-width: none; } #header.ytd-tabbed-page-header { --app-header-background-front-layer-background-image: var( --yt-page-header-banner ); --app-header-background-front-layer-background-position: 0 0; --app-header-background-front-layer-background-repeat: no-repeat; --app-header-background-front-layer-background-size: 100% auto; position: fixed; margin-top: var(--ytd-toolbar-offset); z-index: 1; } ytd-tabbed-page-header[use-modern-style] #page-header-container.ytd-tabbed-page-header { padding-top: 8px; align-items: flex-start; } #tabs-container.ytd-tabbed-page-header { width: 100%; height: 48px; } #tabs-divider.ytd-tabbed-page-header { position: absolute; width: 100%; bottom: 0px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #tabs-inner-container.ytd-tabbed-page-header { background-color: var(--yt-lightsource-section1-color); } tp-yt-paper-tabs.ytd-tabbed-page-header { --paper-tabs-selection-bar-color: var(--yt-lightsource-secondary-title-color); box-sizing: border-box; color: var(--yt-lightsource-secondary-title-color); height: 48px; } ytd-tabbed-page-header tp-yt-paper-tabs .tp-yt-paper-tabs[style-target="selection-bar"] { border-bottom-width: 3px; } #tabs-divider.ytd-tabbed-page-header { border-bottom: 1px solid var(--yt-spec-outline); } tp-yt-paper-tab.ytd-tabbed-page-header { padding: 0px 32px; vertical-align: middle; } tp-yt-paper-tab.ytd-tabbed-page-header:hover { color: var(--yt-lightsource-primary-title-color,var(--yt-spec-text-primary)); } tp-yt-paper-tab.ytd-tabbed-page-header { --paper-tab-ink: var(--yt-spec-paper-tab-ink); } tp-yt-paper-tab.iron-selected.ytd-tabbed-page-header { color: var(--yt-lightsource-primary-title-color); } .expandable-tab.ytd-tabbed-page-header { display: inline-block; } ytd-expandable-tab-renderer.ytd-tabbed-page-header { --yt-expandable-color: var(--yt-lightsource-primary-title-color); --yt-expandable-unselected-color: var(--yt-lightsource-secondary-title-color); padding: 0px 24px; vertical-align: middle; } tp-yt-app-toolbar.ytd-tabbed-page-header { height: 48px; padding: 0px; } @media (max-width: 701px) { #page-header-container.ytd-tabbed-page-header { padding: 24px 0px 0px; box-sizing: border-box; } #page-header.ytd-tabbed-page-header { height: auto; padding: 0px; } tp-yt-paper-tabs.ytd-tabbed-page-header { margin: 0px; } } @media (max-width: 800px) { #page-header.ytd-tabbed-page-header { align-items: flex-start; } } @media (max-width: 427px) { #page-header-container.ytd-tabbed-page-header { width: auto; padding: 20px 8px; } } @media (min-width: 1304px) { } @media (min-width: 1544px) { ytd-tabbed-page-header:not([is-constrained-list]) #page-header-container.ytd-tabbed-page-header { margin: auto; } } ytd-tabbed-page-header.grid-1-columns #page-header.ytd-tabbed-page-header ytd-tabbed-page-header.grid-1-columns[has-inset-banner] #page-header-banner.ytd-tabbed-page-header { padding-right: calc(50% - 107px); padding-left: calc(50% - 107px); } ytd-tabbed-page-header.grid-1-columns tp-yt-paper-tabs.ytd-tabbed-page-header { margin-left: calc(50% - 107px); margin-right: calc(50% - 107px); } ytd-tabbed-page-header.grid-2-columns #page-header.ytd-tabbed-page-header, ytd-tabbed-page-header.grid-2-columns[has-inset-banner] #page-header-banner.ytd-tabbed-page-header { padding-right: calc(50% - 214px); padding-left: calc(50% - 214px); } ytd-tabbed-page-header.grid-2-columns tp-yt-paper-tabs.ytd-tabbed-page-header { margin-left: calc(50% - 214px); margin-right: calc(50% - 214px); } ytd-tabbed-page-header.grid-3-columns #page-header.ytd-tabbed-page-header, ytd-tabbed-page-header.grid-3-columns[has-inset-banner] #page-header-banner.ytd-tabbed-page-header { padding-right: calc(50% - 321px); padding-left: calc(50% - 321px); } ytd-tabbed-page-header.grid-3-columns tp-yt-paper-tabs.ytd-tabbed-page-header { margin-left: calc(50% - 321px); margin-right: calc(50% - 321px); } ytd-tabbed-page-header.grid-4-columns #page-header.ytd-tabbed-page-header, ytd-tabbed-page-header.grid-4-columns[has-inset-banner] #page-header-banner.ytd-tabbed-page-header { padding-right: calc(50% - 428px); padding-left: calc(50% - 428px); } ytd-tabbed-page-header.grid-4-columns tp-yt-paper-tabs.ytd-tabbed-page-header { margin-left: calc(50% - 428px); margin-right: calc(50% - 428px); } ytd-tabbed-page-header.grid-5-columns #page-header.ytd-tabbed-page-header, ytd-tabbed-page-header.grid-5-columns[has-inset-banner] #page-header-banner.ytd-tabbed-page-header { padding-right: calc(50% - 535px); padding-left: calc(50% - 535px); } ytd-tabbed-page-header.grid-5-columns tp-yt-paper-tabs.ytd-tabbed-page-header { margin-left: calc(50% - 535px); margin-right: calc(50% - 535px); } ytd-tabbed-page-header.grid-6-columns #page-header.ytd-tabbed-page-header, ytd-tabbed-page-header.grid-6-columns[has-inset-banner] #page-header-banner.ytd-tabbed-page-header { padding-right: calc(50% - 642px); padding-left: calc(50% - 642px); } ytd-tabbed-page-header.grid-6-columns tp-yt-paper-tabs.ytd-tabbed-page-header { margin-left: calc(50% - 642px); margin-right: calc(50% - 642px); } ytd-tabbed-page-header[is-rich-grid] #page-header.ytd-tabbed-page-header { padding-left: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); padding-right: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); } ytd-tabbed-page-header[is-rich-grid] tp-yt-paper-tabs.ytd-tabbed-page-header, ytd-tabbed-page-header[is-rich-grid][has-inset-banner] #page-header-banner.ytd-tabbed-page-header { margin-left: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); margin-right: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); } ytd-tabbed-page-header[is-rich-grid][rich-grid-mini-mode] #page-header.ytd-tabbed-page-header { padding-left: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); padding-right: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); } ytd-tabbed-page-header[is-rich-grid][rich-grid-mini-mode] tp-yt-paper-tabs.ytd-tabbed-page-header, ytd-tabbed-page-header[is-rich-grid][rich-grid-mini-mode][has-inset-banner] #page-header-banner.ytd-tabbed-page-header { margin-left: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); margin-right: max(24px,(100% - (var(--ytd-rich-grid-items-per-row) * (var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)))/2); } @media (max-width: 600px) { ytd-tabbed-page-header[is-rich-grid][rich-grid-mini-mode] #page-header.ytd-tabbed-page-header { padding: 0px; } } @media (max-width: 600px) { ytd-tabbed-page-header[is-rich-grid][rich-grid-mini-mode] tp-yt-paper-tabs.ytd-tabbed-page-header, ytd-tabbed-page-header[is-rich-grid][rich-grid-mini-mode][has-inset-banner] #page-header-banner.ytd-tabbed-page-header { margin: 0px; } } ytd-tabbed-page-header[has-cinematic-container] #page-header-container.ytd-tabbed-page-header { padding-top: 0px; padding-bottom: 0px; } ytd-tabbed-page-header[has-cinematic-container] #page-header.ytd-tabbed-page-header { padding-top: 24px; padding-bottom: 24px; } @media (max-width: 427px) { ytd-tabbed-page-header[has-cinematic-container] #page-header-container.ytd-tabbed-page-header { padding: 0px; } } ytd-tabbed-page-header.grid-1-columns[has-cinematic-container] #page-header.ytd-tabbed-page-header { padding: 16px; } .page-header-renderer-wiz { display: block; height: 100%; } ytd-member-hub-profile-renderer { position: relative; padding: 24px 0px; background: var(--yt-spec-additive-background); display: flex; flex-direction: column; align-items: center; } ytd-member-hub-profile-renderer[rich-grid-mini-mode] #content.ytd-member-hub-profile-renderer { max-width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-mini-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)); } #content.ytd-member-hub-profile-renderer { position: relative; width: calc(100% - var(--ytd-rich-grid-item-margin)*3); max-width: calc(var(--ytd-rich-grid-items-per-row)*(var(--ytd-rich-grid-item-max-width) + var(--ytd-rich-grid-item-margin)) - var(--ytd-rich-grid-item-margin)); display: flex; flex-direction: row; } #avatar.ytd-member-hub-profile-renderer { width: 80px; height: 80px; border-radius: 50%; background-color: transparent; overflow: hidden; } #details-container.ytd-member-hub-profile-renderer { margin-left: 27px; height: 100%; display: flex; flex-direction: column; align-self: center; } #details-container.ytd-member-hub-profile-renderer #badge-container.ytd-member-hub-profile-renderer { display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #details-container.ytd-member-hub-profile-renderer #badge-container.ytd-member-hub-profile-renderer #icon.ytd-member-hub-profile-renderer { width: 14px; height: 14px; align-self: center; } #details-container.ytd-member-hub-profile-renderer #badge-container.ytd-member-hub-profile-renderer #label.ytd-member-hub-profile-renderer { color: var(--yt-spec-text-secondary); margin-left: 4px; display: inline-block; align-self: center; } #details-container.ytd-member-hub-profile-renderer #title.ytd-member-hub-profile-renderer { color: var(--yt-spec-text-primary); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } #details-container.ytd-member-hub-profile-renderer #subtitle.ytd-member-hub-profile-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-settings-sidebar-renderer { width: 240px; padding: 18px 0px; box-sizing: border-box; overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; display: flex; flex-direction: column; } ytd-settings-sidebar-renderer::-webkit-scrollbar { background: transparent; width: 16px; } ytd-settings-sidebar-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: transparent; } ytd-settings-sidebar-renderer:hover { scrollbar-color: var(--yt-spec-icon-disabled) transparent; } ytd-settings-sidebar-renderer:hover::-webkit-scrollbar-thumb { background-color: var(--yt-spec-icon-disabled); } #title.ytd-settings-sidebar-renderer { color: var(--yt-spec-text-secondary); padding-left: 24px; padding-bottom: 20px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 600; } ytd-compact-link-renderer.ytd-settings-sidebar-renderer { margin: 0px 12px; border-radius: 10px; } ytd-hashtag-header-renderer { display: block; position: relative; box-sizing: border-box; width: min-content; min-width: 100%; } #header.ytd-hashtag-header-renderer { position: fixed; margin-top: var(--ytd-toolbar-offset); z-index: 1; } #hashtag-info-container.ytd-hashtag-header-renderer { padding: 28px 24px; } ytd-hashtag-header-renderer:not([entity-framework-cosmetic-refresh]) #hashtag.ytd-hashtag-header-renderer { position: relative; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } ytd-hashtag-header-renderer[entity-framework-cosmetic-refresh] #hashtag.ytd-hashtag-header-renderer { position: relative; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; } @media (max-width: 527.9px) { ytd-hashtag-header-renderer[entity-framework-cosmetic-refresh] #hashtag.ytd-hashtag-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; } } #hashtag-info.ytd-hashtag-header-renderer { position: relative; padding-top: 6px; display: flex; flex-direction: row; align-items: center; } #hashtag-info-text.ytd-hashtag-header-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #tabs-container.ytd-hashtag-header-renderer { width: 100%; height: 48px; } #tabs-divider.ytd-hashtag-header-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #tabs-inner-container.ytd-hashtag-header-renderer { background-color: var(--yt-spec-base-background); } tp-yt-paper-tabs.ytd-hashtag-header-renderer { --paper-tabs-selection-bar-color: var(--yt-spec-text-secondary); box-sizing: border-box; color: var(--yt-spec-text-secondary); height: 48px; width: 100%; margin-left: 24px; } ytd-hashtag-header-renderer tp-yt-paper-tabs .tp-yt-paper-tabs[style-target="selection-bar"] { border-bottom-width: 3px; } tp-yt-paper-tabs.ytd-hashtag-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } tp-yt-paper-tab.ytd-hashtag-header-renderer { padding: 0px 32px; vertical-align: middle; } tp-yt-paper-tab.ytd-hashtag-header-renderer:hover { color: var(--yt-spec-text-primary,var(--yt-spec-text-primary)); } tp-yt-paper-tab.ytd-hashtag-header-renderer { --paper-tab-ink: var(--yt-spec-paper-tab-ink); } tp-yt-paper-tab.iron-selected.ytd-hashtag-header-renderer { color: var(--yt-spec-text-primary); } tp-yt-app-toolbar.ytd-hashtag-header-renderer { height: 47px; padding: 0px; } ytd-topic-channel-details-renderer.grid:not(.grid-disabled) { max-width: var(--ytd-grid-max-width); } ytd-topic-channel-details-renderer.grid-1-columns, .grid-1-columns.ytd-topic-channel-details-renderer { width: var(--ytd-grid-1-columns-width) !important; } ytd-topic-channel-details-renderer.grid-2-columns, .grid-2-columns.ytd-topic-channel-details-renderer { width: var(--ytd-grid-2-columns-width) !important; } ytd-topic-channel-details-renderer.grid-3-columns, .grid-3-columns.ytd-topic-channel-details-renderer { width: var(--ytd-grid-3-columns-width) !important; } ytd-topic-channel-details-renderer.grid-4-columns, .grid-4-columns.ytd-topic-channel-details-renderer { width: var(--ytd-grid-4-columns-width) !important; } ytd-topic-channel-details-renderer.grid-5-columns, .grid-5-columns.ytd-topic-channel-details-renderer { width: var(--ytd-grid-5-columns-width) !important; } ytd-topic-channel-details-renderer.grid-6-columns, .grid-6-columns.ytd-topic-channel-details-renderer { width: var(--ytd-grid-6-columns-width) !important; } ytd-topic-channel-details-renderer { display: block; } #channel-header-container.ytd-topic-channel-details-renderer { width: 100%; padding-top: 16px; padding-bottom: 16px; position: relative; display: flex; flex-direction: row; align-items: center; } #title.ytd-topic-channel-details-renderer { display: inline; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; } #subtitle.ytd-topic-channel-details-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .yt-simple-endpoint.ytd-topic-channel-details-renderer { display: flex; flex-direction: row; align-items: center; } #avatar.ytd-topic-channel-details-renderer { width: 80px; height: 80px; margin: 0px 24px 0px 0px; flex: 0 0 auto; border-radius: 50%; background-color: transparent; overflow: hidden; } #subscribe-button.ytd-topic-channel-details-renderer { position: absolute; right: 0px; margin-right: -4px; } #tabs-container.ytd-topic-channel-details-renderer { width: 100%; height: 48px; overflow: auto; } tp-yt-paper-tabs.ytd-topic-channel-details-renderer { --paper-tabs-selection-bar-color: var(--yt-spec-text-secondary); box-sizing: border-box; color: var(--yt-spec-text-secondary); height: 48px; padding-bottom: 1px; } ytd-topic-channel-details-renderer tp-yt-paper-tabs .tp-yt-paper-tabs[style-target="selection-bar"] { border-bottom-width: 3px; } tp-yt-paper-tabs.ytd-topic-channel-details-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } tp-yt-paper-tab.ytd-topic-channel-details-renderer { padding: 0px 32px; vertical-align: middle; } tp-yt-paper-tab.ytd-topic-channel-details-renderer:hover { color: var(--yt-spec-text-primary); } tp-yt-paper-tab.ytd-topic-channel-details-renderer { --paper-tab-ink: var(--yt-spec-paper-tab-ink); } tp-yt-paper-tab.iron-selected.ytd-topic-channel-details-renderer { color: var(--yt-spec-text-primary); } ytd-carousel-header-renderer { --ytd-default-promo-panel-renderer-height: 400px; display: block; width: 100%; background-color: var(--yt-spec-additive-background); } ytd-topic-channel-details-renderer.ytd-carousel-header-renderer { margin: auto; } ytd-carousel-header-renderer[disable-grid-state-aware] ytd-topic-channel-details-renderer.ytd-carousel-header-renderer { width: calc(100% - 48px); max-width: var(--ytd-rich-grid-max-width); } ytd-channel-metadata-renderer { display: none; } ytd-browse-feed-actions-renderer { display: block; } #contents.ytd-browse-feed-actions-renderer { display: flex; flex-direction: column; } #contents.ytd-browse-feed-actions-renderer > ytd-button-renderer.ytd-browse-feed-actions-renderer, #contents.ytd-browse-feed-actions-renderer > yt-button-renderer.ytd-browse-feed-actions-renderer, #contents.ytd-browse-feed-actions-renderer > ytd-toggle-button-renderer.ytd-browse-feed-actions-renderer { margin-top: 16px; align-self: flex-start; } @media (min-width: 876px) { ytd-browse-feed-actions-renderer { margin-bottom: 50px; } } ytd-sub-feed-option-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; align-items: center; display: flex; flex-direction: row; } .yt-simple-endpoint.ytd-sub-feed-option-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-sub-feed-option-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-sub-feed-option-renderer { flex: 1 1 1e-09px; } yt-formatted-string.ytd-sub-feed-option-renderer { color: var(--yt-spec-text-primary); } tp-yt-paper-radio-button.ytd-sub-feed-option-renderer { --paper-radio-button-label-spacing: 0; justify-content: space-between; display: flex; flex-direction: row-reverse; } ytd-sub-feed-option-renderer tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target="label"] { display: flex; flex-direction: row; align-items: center; } ytd-sub-feed-selector-renderer { display: block; margin-bottom: 8px; } #title.ytd-sub-feed-selector-renderer { color: var(--yt-spec-text-primary); padding: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; display: flex; flex-direction: row; align-items: center; } ytd-sub-feed-option-renderer.ytd-sub-feed-selector-renderer { padding: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #title.ytd-sub-feed-selector-renderer, ytd-sub-feed-option-renderer.ytd-sub-feed-selector-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-browse-secondary-contents-renderer { display: block; padding-left: 28px; padding-top: 24px; } #contents.ytd-browse-secondary-contents-renderer > .ytd-browse-secondary-contents-renderer:not(:first-child) { border-top: 1px solid var(--yt-spec-10-percent-layer); padding-top: 24px; } ytd-mini-channel-renderer { min-width: 0px; display: flex; flex-direction: column; } yt-img-shadow.ytd-mini-channel-renderer { height: 24px; width: 24px; margin-right: 8px; border-radius: 50%; background-color: transparent; overflow: hidden; } #channel-info.ytd-mini-channel-renderer { margin-bottom: 8px; align-items: center; display: flex; flex-direction: row; } .title.ytd-mini-channel-renderer { color: var(--yt-spec-text-primary); text-overflow: ellipsis; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } ytd-vertical-channel-section-renderer { display: block; padding-bottom: 24px; } #items.ytd-vertical-channel-section-renderer > .ytd-vertical-channel-section-renderer:not(:first-child) { padding-top: 24px; } #title.ytd-vertical-channel-section-renderer { color: var(--yt-spec-text-secondary); margin-bottom: 24px; font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) { max-width: var(--ytd-grid-max-width); } ytd-two-column-browse-results-renderer.grid-1-columns, .grid-1-columns.ytd-two-column-browse-results-renderer { width: var(--ytd-grid-1-columns-width) !important; } ytd-two-column-browse-results-renderer.grid-2-columns, .grid-2-columns.ytd-two-column-browse-results-renderer { width: var(--ytd-grid-2-columns-width) !important; } ytd-two-column-browse-results-renderer.grid-3-columns, .grid-3-columns.ytd-two-column-browse-results-renderer { width: var(--ytd-grid-3-columns-width) !important; } ytd-two-column-browse-results-renderer.grid-4-columns, .grid-4-columns.ytd-two-column-browse-results-renderer { width: var(--ytd-grid-4-columns-width) !important; } ytd-two-column-browse-results-renderer.grid-5-columns, .grid-5-columns.ytd-two-column-browse-results-renderer { width: var(--ytd-grid-5-columns-width) !important; } ytd-two-column-browse-results-renderer.grid-6-columns, .grid-6-columns.ytd-two-column-browse-results-renderer { width: var(--ytd-grid-6-columns-width) !important; } ytd-two-column-browse-results-renderer { flex: 0 0 auto; margin-bottom: 16px; width: 100%; display: flex; flex-direction: column-reverse; justify-content: flex-end; } #primary.ytd-two-column-browse-results-renderer { max-width: 100%; min-width: 0px; } ytd-browse-feed-actions-renderer.ytd-two-column-browse-results-renderer { width: 100%; margin-top: 8px; } ytd-browse-secondary-contents-renderer.ytd-two-column-browse-results-renderer { display: none; } @media (min-width: 876px) { ytd-two-column-browse-results-renderer { display: flex; flex-direction: row; justify-content: flex-start; } #primary.ytd-two-column-browse-results-renderer { flex: 1 1 1e-09px; } ytd-two-column-browse-results-renderer[page-subtype="history"] #secondary.ytd-two-column-browse-results-renderer { overflow-y: auto; background-color: transparent; height: 100%; position: fixed; right: 0px; } ytd-two-column-browse-results-renderer[page-subtype="history"][has-secondary-column-data] #primary.ytd-two-column-browse-results-renderer { padding-right: 442px; } ytd-two-column-browse-results-renderer[page-subtype="history"] ytd-browse-feed-actions-renderer.ytd-two-column-browse-results-renderer { padding: 0px 28px; } ytd-browse-feed-actions-renderer.ytd-two-column-browse-results-renderer { width: 385px; } ytd-browse-secondary-contents-renderer.ytd-two-column-browse-results-renderer { display: block; width: 187px; } } @media (max-width: 876px) { ytd-profile-column-renderer.ytd-two-column-browse-results-renderer { display: none; } } ytd-two-column-browse-results-renderer[is-constrained-list] #primary.ytd-two-column-browse-results-renderer { display: flex; justify-content: center; } .ytPersonalGreetingViewModelHost { align-self: flex-start; display: flex; flex-direction: row; align-items: center; } .ytPersonalGreetingViewModelHeadline { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; display: block; white-space: nowrap; } @media (max-width: 527.9px) { .ytPersonalGreetingViewModelHeadline { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; display: block; white-space: nowrap; } } .ytPersonalGreetingViewModelHeadlineSmall { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; white-space: nowrap; } .ytPersonalGreetingViewModelHeadlineInvisible { position: absolute; visibility: hidden; } .ytPersonalGreetingViewModelAvatar { padding-right: 12px; } tp-yt-app-header { position: relative; display: block; transition-timing-function: linear; transition-property: transform; } tp-yt-app-header::before { position: absolute; right: 0px; bottom: -5px; left: 0px; width: 100%; height: 5px; content: ""; transition: opacity 0.4s; pointer-events: none; opacity: 0; box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 6px -3px inset; will-change: opacity; } tp-yt-app-header[shadow]::before { opacity: 1; } #background.tp-yt-app-header { position: absolute; inset: 0px; overflow: hidden; } #backgroundFrontLayer.tp-yt-app-header, #backgroundRearLayer.tp-yt-app-header { position: absolute; inset: 0px; height: 100%; pointer-events: none; background-size: cover; } #backgroundFrontLayer.tp-yt-app-header { background-image: var(--app-header-background-front-layer-background-image); background-position: var(--app-header-background-front-layer-background-position); background-repeat: var(--app-header-background-front-layer-background-repeat); background-size: var(--app-header-background-front-layer-background-size); } #backgroundRearLayer.tp-yt-app-header { opacity: 0; } #contentContainer.tp-yt-app-header { position: relative; width: 100%; height: 100%; } tp-yt-app-header[disabled], tp-yt-app-header[disabled]::after, tp-yt-app-header[disabled] #backgroundFrontLayer.tp-yt-app-header, tp-yt-app-header[disabled] #backgroundRearLayer.tp-yt-app-header, tp-yt-app-header[silent-scroll], tp-yt-app-header[silent-scroll]::after, tp-yt-app-header[silent-scroll] #backgroundFrontLayer.tp-yt-app-header, tp-yt-app-header[silent-scroll] #backgroundRearLayer.tp-yt-app-header { transition: none !important; } tp-yt-app-header[disabled] > app-toolbar:first-of-type, tp-yt-app-header[disabled] > [sticky], tp-yt-app-header[silent-scroll] > app-toolbar:first-of-type, tp-yt-app-header[silent-scroll] > [sticky] { transition: none !important; } tp-yt-app-header-layout { display: block; position: relative; z-index: 0; } #wrapper.tp-yt-app-header-layout > [slot="header"] { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1; } #wrapper.initializing.tp-yt-app-header-layout > [slot="header"] { position: relative; } tp-yt-app-header-layout[has-scrolling-region] { height: 100%; } tp-yt-app-header-layout[has-scrolling-region] #wrapper.tp-yt-app-header-layout > [slot="header"] { position: absolute; } tp-yt-app-header-layout[has-scrolling-region] #wrapper.initializing.tp-yt-app-header-layout > [slot="header"] { position: relative; } tp-yt-app-header-layout[has-scrolling-region] #wrapper.tp-yt-app-header-layout #contentContainer.tp-yt-app-header-layout { position: absolute; inset: 0px; overflow-y: auto; } tp-yt-app-header-layout[has-scrolling-region] #wrapper.initializing.tp-yt-app-header-layout #contentContainer.tp-yt-app-header-layout { position: relative; } tp-yt-app-header-layout[fullbleed] { display: flex; flex-direction: column; position: absolute; inset: 0px; } tp-yt-app-header-layout[fullbleed] #wrapper.tp-yt-app-header-layout, tp-yt-app-header-layout[fullbleed] #wrapper.tp-yt-app-header-layout #contentContainer.tp-yt-app-header-layout { display: flex; flex-direction: column; flex: 1 1 1e-09px; } #contentContainer.tp-yt-app-header-layout { position: relative; z-index: 0; } @media print { tp-yt-app-header-layout[has-scrolling-region] #wrapper.tp-yt-app-header-layout #contentContainer.tp-yt-app-header-layout { overflow-y: visible; } } yt-vc-balance-renderer { display: flex; flex-direction: row; align-items: center; } yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_UNKNOWN"] #vc-icon.yt-vc-balance-renderer, yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_PRIMARY_TEXT"] #vc-icon.yt-vc-balance-renderer { margin-right: var(--ytd-margin-2x); } #vc-balance.yt-vc-balance-renderer { position: relative; top: 1px; } yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_UNKNOWN"] #vc-balance.yt-vc-balance-renderer, yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_PRIMARY_TEXT"] #vc-balance.yt-vc-balance-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 1.8rem; } yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_SECONDARY_TEXT"] #vc-icon.yt-vc-balance-renderer { margin-right: var(--ytd-margin-base); } yt-vc-balance-renderer[vc-balance-widget-style="VC_BALANCE_WIDGET_STYLE_SECONDARY_TEXT"] #vc-balance.yt-vc-balance-renderer { color: var(--yt-spec-text-disabled); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 1.8rem; } yt-alert-with-actions-renderer { display: block; border-radius: 12px; flex-grow: 1; overflow: hidden; } #content-wrapper.yt-alert-with-actions-renderer { padding: var(--ytd-margin-2x) var(--ytd-margin-4x) 0 var(--ytd-margin-6x); background-color: var(--yt-spec-suggested-action); align-items: center; display: flex; flex-direction: row; } yt-alert-with-actions-renderer[is-music] #content-wrapper.yt-alert-with-actions-renderer { background-color: var(--yt-spec-brand-background-solid); } yt-alert-with-actions-renderer[wrap-buttons] #content-wrapper.yt-alert-with-actions-renderer { padding-left: var(--ytd-margin-4x); flex-wrap: wrap; } yt-alert-with-actions-renderer[alert-style="ALERT_TYPE_WARNING"] #content-wrapper.yt-alert-with-actions-renderer { background-color: var(--yt-spec-error-background); } #content.yt-alert-with-actions-renderer { padding-bottom: var(--ytd-margin-2x); display: flex; flex-direction: row; align-items: center; } #text-content.yt-alert-with-actions-renderer { display: flex; flex-direction: column; } #icon.yt-alert-with-actions-renderer { color: var(--yt-spec-icon-active-other); margin-right: var(--ytd-margin-4x); flex: 0 0 auto; } yt-alert-with-actions-renderer[alert-style="ALERT_TYPE_WARNING"] #icon.yt-alert-with-actions-renderer { color: var(--yt-spec-error-indicator); } #title.yt-alert-with-actions-renderer { color: var(--yt-spec-text-primary); font-size: 1.6em; line-height: 1.4em; font-weight: 500; } #alert-message.yt-alert-with-actions-renderer { font-size: var(--ytd-user-comment-font-size); font-weight: var(--ytd-user-comment-font-weight); line-height: var(--ytd-user-comment-line-height); letter-spacing: var(--ytd-user-comment-letter-spacing); font-family: var(--ytd-user-comment-font-family); color: var(--ytd-user-comment-color,var(--yt-spec-text-primary)); } #actions.yt-alert-with-actions-renderer { padding-bottom: var(--ytd-margin-2x); flex: 1 1 1e-09px; justify-content: flex-end; display: flex; flex-direction: row; align-items: center; } tp-yt-iron-pages { display: block; } tp-yt-iron-pages > :not(slot):not(.iron-selected) { display: none !important; } ytd-search { padding: 16px 24px; overflow-y: hidden; display: flex; flex-direction: row; justify-content: center; position: relative; z-index: 0; } ytd-search[continuation-is-reloading] { opacity: 0.25; pointer-events: none; } #container.ytd-search { min-width: 0px; flex: 1 1 1e-09px; display: flex; flex-direction: row; justify-content: center; } ytd-two-column-search-results-renderer.ytd-search { min-width: 0px; flex: 1 1 1e-09px; } ytd-search[has-search-header] { padding: 0px 24px 16px; } ytd-search[has-search-header] #container.ytd-search { width: 100%; display: block; flex: 0 0 auto; } ytd-search[has-search-header] #header.ytd-search { max-width: 1096px; margin: 0px auto; } ytd-search[has-search-header] ytd-two-column-search-results-renderer.ytd-search { margin: 0px auto; } ytd-search[has-search-header][has-bigger-thumbs] #header.ytd-search { max-width: 1250px; margin: 0px auto; } ytd-search[has-search-header][has-secondary-content] #header.ytd-search { max-width: 1280px; margin: 0px auto; } @media (max-width: 1090px) { ytd-search[has-search-header][has-secondary-content] #header.ytd-search { max-width: 1090px; margin: 0px auto; } } ytd-web-answer-renderer { color: var(--yt-spec-text-secondary); background-color: var(--yt-spec-general-background-b); display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #section-header.ytd-web-answer-renderer { background-color: var(--yt-spec-general-background-c); display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #section-title.ytd-web-answer-renderer { color: var(--yt-spec-text-secondary); padding: 12px 16px; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #content.ytd-web-answer-renderer { margin: 16px; display: flex; flex-direction: row; } #content-title.ytd-web-answer-renderer { color: var(--yt-spec-call-to-action); padding-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .external-link-icon.ytd-web-answer-renderer { width: 12px; height: 12px; margin-bottom: 2px; } #content-text.ytd-web-answer-renderer { flex: 1 1 1e-09px; display: flex; flex-direction: column; } #body-text.ytd-web-answer-renderer { color: var(--yt-spec-text-primary); } #answer-image.ytd-web-answer-renderer { width: 90px; height: 90px; padding-left: 16px; } #source-group.ytd-web-answer-renderer { padding-top: 4px; color: var(--yt-spec-text-secondary); display: flex; flex-direction: row; align-items: center; } #separator.ytd-web-answer-renderer { margin: 0px 4px; } #bottom-section.ytd-web-answer-renderer { color: var(--yt-spec-text-secondary); border-top: 1px solid var(--yt-spec-10-percent-layer); margin: 0px 16px 12px; padding-top: 12px; display: flex; flex-direction: row; align-items: center; } #bottom-icon.ytd-web-answer-renderer { padding-right: 4px; margin-bottom: 2px; width: 16px; height: 16px; } #bottom-section.ytd-web-answer-renderer .external-link-icon.ytd-web-answer-renderer { margin-left: 4px; } ytd-web-answer-renderer[enable-blue-bottom-link] #bottom-section.ytd-web-answer-renderer { color: var(--yt-spec-call-to-action); } ytd-search-header-renderer { display: flex; align-items: center; } ytd-search-header-renderer[has-chip-bar] { height: 56px; } #chip-bar.ytd-search-header-renderer { flex: 1 1 0%; min-width: 0px; } ytd-page-continuation { --ytd-paper-button-min-width: 0; display: inline-block; } ytd-button-renderer.ytd-page-continuation { margin-right: 4px; } ytd-universal-watch-card-renderer { display: block; } #sections.ytd-universal-watch-card-renderer { margin-top: 16px; } #action-buttons.ytd-universal-watch-card-renderer { padding: 8px 0px 0px; display: flex; flex-direction: column; } #action-buttons.ytd-universal-watch-card-renderer ytd-button-renderer.ytd-universal-watch-card-renderer { margin-bottom: 8px; } #action-buttons.ytd-universal-watch-card-renderer ytd-button-renderer.ytd-universal-watch-card-renderer:first-child { margin-top: 0px; } #action-buttons.ytd-universal-watch-card-renderer ytd-button-renderer.ytd-universal-watch-card-renderer:last-child { margin-bottom: 0px; } #footer.ytd-universal-watch-card-renderer { padding-left: 16px; padding-right: 20px; } ytd-universal-watch-card-renderer[rounded] #header.ytd-universal-watch-card-renderer { border-radius: 12px 12px 0px 0px; overflow: hidden; } ytd-universal-watch-card-renderer[rounded] #hero.ytd-universal-watch-card-renderer { border-radius: 0px 0px 12px 12px; overflow: hidden; } ytd-watch-card-hero-one-vs-one-event-renderer { display: inline-block; } ytd-thumbnail.ytd-watch-card-hero-one-vs-one-event-renderer { height: 216px; width: 385px; } .yt-simple-endpoint.ytd-watch-card-hero-one-vs-one-event-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-watch-card-hero-one-vs-one-event-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #wc-endpoint.yt-simple-endpoint.ytd-watch-card-hero-one-vs-one-event-renderer { position: relative; } #bottom-fade.ytd-watch-card-hero-one-vs-one-event-renderer { background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.75) 100%); bottom: 0px; box-sizing: border-box; color: var(--yt-spec-static-overlay-text-primary); height: 160px; padding: 64px 16px 16px; position: absolute; width: 100%; } ytd-watch-card-one-vs-one-event { justify-content: space-between; } .team-row.ytd-watch-card-one-vs-one-event { margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; justify-content: space-between; display: flex; flex-direction: row; } ytd-watch-card-one-vs-one-event.compact .team-row.ytd-watch-card-one-vs-one-event { margin-bottom: 4px; } ytd-watch-card-one-vs-one-event.hero .team-row.ytd-watch-card-one-vs-one-event { margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } .event-description.ytd-watch-card-one-vs-one-event { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-watch-card-one-vs-one-event.compact .main-event.ytd-watch-card-one-vs-one-event { margin-bottom: 0px; } ytd-watch-card-one-vs-one-event.hero .main-event.ytd-watch-card-one-vs-one-event { margin-bottom: 4px; } ytd-banner-and-box-hero-image-renderer { max-width: 386px; position: relative; margin-left: auto; margin-right: auto; overflow: hidden; display: block; height: 216px; width: 385px; } #banner.ytd-banner-and-box-hero-image-renderer { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } #bg.ytd-banner-and-box-hero-image-renderer { position: absolute; width: 100%; height: 100%; fill: var(--yt-spec-general-background-a); } #box.ytd-banner-and-box-hero-image-renderer { position: relative; left: 16px; top: 16px; } ytd-call-to-action-button-renderer { display: inline-block; } ytd-call-to-action-button-renderer[button-color="RED"] #overlay-button.ytd-call-to-action-button-renderer { background: var(--yt-spec-red-indicator); } ytd-call-to-action-button-renderer[button-color="OPAQUE_BLACK"] #overlay-button.ytd-call-to-action-button-renderer { background: var(--yt-spec-static-overlay-background-medium); } #overlay-button.ytd-call-to-action-button-renderer { color: var(--yt-spec-static-overlay-text-primary); margin: 0px; display: flex; flex-direction: row; align-items: center; } #overlay-icon.ytd-call-to-action-button-renderer { height: 20px; width: 20px; margin-right: 4px; } #overlay-text.ytd-call-to-action-button-renderer { padding: 0px 12px 0px 4px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } ytd-collage-hero-image-renderer { display: inline-block; } #collage.ytd-collage-hero-image-renderer { display: flex; } #section-left.ytd-collage-hero-image-renderer { width: 214px; height: 214px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; margin-right: 4px; } #section-right.ytd-collage-hero-image-renderer { display: flex; flex-direction: column; } #top-right.ytd-collage-hero-image-renderer { margin-bottom: 4px; } ytd-single-hero-image-renderer { position: relative; margin-left: auto; margin-right: auto; overflow: hidden; display: block; height: 216px; width: 385px; } ytd-single-hero-image-renderer[component-style="SINGLE_HERO_IMAGE_STYLE_SQUARE"] { height: 386px; width: 386px; } #image.ytd-single-hero-image-renderer { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } ytd-watch-card-hero-video-renderer { position: relative; flex: 0 0 auto; } ytd-thumbnail-overlay-hover-text-renderer.ytd-watch-card-hero-video-renderer { opacity: 1; } #length.ytd-watch-card-hero-video-renderer { position: absolute; bottom: 0px; right: 0px; margin: 4px; color: var(--yt-spec-static-overlay-text-primary); background-color: var(--yt-spec-static-overlay-background-heavy); padding: 3px 4px; height: 12px; border-radius: 4px; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,.5px); } ytd-watch-card-hero-video-renderer #thumbnail.ytd-watch-card-hero-video-renderer { height: 100%; margin-left: auto; margin-right: auto; overflow: hidden; display: block; position: absolute; inset: 0px; } ytd-watch-card-hero-video-renderer #thumbnail.ytd-watch-card-hero-video-renderer yt-img-shadow.ytd-watch-card-hero-video-renderer { display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; } ytd-watch-card-hero-video-renderer[size][circular] a.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size][circular]::before { border-radius: 50%; } ytd-watch-card-hero-video-renderer[size="small"] a.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size="small"]::before { border-radius: 4px; } ytd-watch-card-hero-video-renderer[size="small"] ytd-thumbnail-overlay-time-status-renderer.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size="small"] ytd-thumbnail-overlay-button-renderer.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size="small"] ytd-thumbnail-overlay-toggle-button-renderer.ytd-watch-card-hero-video-renderer { margin: 2px; } ytd-watch-card-hero-video-renderer[size="medium"] a.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size="medium"]::before { border-radius: 8px; } ytd-watch-card-hero-video-renderer[size="medium"] ytd-thumbnail-overlay-time-status-renderer.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size="medium"] ytd-thumbnail-overlay-button-renderer.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size="medium"] ytd-thumbnail-overlay-toggle-button-renderer.ytd-watch-card-hero-video-renderer { margin: 4px; } ytd-watch-card-hero-video-renderer[size="large"] a.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size="large"]::before { border-radius: 12px; } ytd-watch-card-hero-video-renderer[size="large"] ytd-thumbnail-overlay-time-status-renderer.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size="large"] ytd-thumbnail-overlay-button-renderer.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size="large"] ytd-thumbnail-overlay-toggle-button-renderer.ytd-watch-card-hero-video-renderer { margin: 8px; } ytd-watch-card-hero-video-renderer[size][has-clip] a.ytd-watch-card-hero-video-renderer, ytd-watch-card-hero-video-renderer[size][has-clip]::before { border-radius: 0px; } ytd-watch-card-hero-video-renderer { display: block; max-width: 386px; } ytd-watch-card-hero-video-renderer[is-reminder-button-present] #watch-card-subtitle.ytd-watch-card-hero-video-renderer { margin-right: 8px; margin-bottom: 0px; align-self: center; } ytd-watch-card-hero-video-renderer[hide-bottom-items] #watch-card-title.ytd-watch-card-hero-video-renderer { margin-bottom: 0px; margin-right: 24px; } ytd-thumbnail.ytd-watch-card-hero-video-renderer { height: 216px; width: 385px; } .yt-simple-endpoint.ytd-watch-card-hero-video-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-watch-card-hero-video-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #watch-card-endpoint.yt-simple-endpoint.ytd-watch-card-hero-video-renderer { display: block; position: relative; } .title-container.ytd-watch-card-hero-video-renderer { width: 100%; position: absolute; inset: 0px; } .title-fade.ytd-watch-card-hero-video-renderer { background: linear-gradient(rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.9) 100%); bottom: 0px; box-sizing: border-box; padding: 100px 16px 16px; position: inherit; width: inherit; color: var(--yt-spec-static-overlay-text-primary); } #watch-card-title.ytd-watch-card-hero-video-renderer { color: var(--yt-spec-static-overlay-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #watch-card-subtitle.ytd-watch-card-hero-video-renderer { margin-bottom: 4px; margin-right: 40px; flex: 1 1 0%; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #watch-card-badge.ytd-watch-card-hero-video-renderer { margin-bottom: 4px; margin-right: 8px; } #watch-card-endpoint.ytd-watch-card-hero-video-renderer #call-to-action-button.ytd-watch-card-hero-video-renderer { position: absolute; bottom: 16px; left: 16px; } #watch-card-endpoint.ytd-watch-card-hero-video-renderer #reminder-button.ytd-watch-card-hero-video-renderer { display: block; z-index: 1; flex: 0 0 auto; } #bottom-items.ytd-watch-card-hero-video-renderer { display: flex; flex-direction: row; justify-content: space-between; } ytd-watch-card-rich-header-renderer { display: block; width: 386px; background-color: var(--yt-spec-additive-background); padding-bottom: 16px; } #container.ytd-watch-card-rich-header-renderer { width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between; } .yt-simple-endpoint.ytd-watch-card-rich-header-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } #body.ytd-watch-card-rich-header-renderer { width: 100%; padding-top: 16px; padding-left: 16px; padding-right: 0px; } ytd-watch-card-rich-header-renderer[header-style="left_avatar"] #body.ytd-watch-card-rich-header-renderer { order: 1; padding-left: 0px; padding-right: 16px; } #body.ytd-watch-card-rich-header-renderer .yt-simple-endpoint.ytd-watch-card-rich-header-renderer { box-sizing: border-box; width: 100%; } #channel-name.ytd-watch-card-rich-header-renderer { --ytd-channel-name-container-display: inline; --ytd-channel-name-text-container-display: inline; --ytd-channel-name-text-display: inline; --ytd-channel-name-badges-display: inline; --ytd-channel-name-badges-margin-right: 8px; --ytd-badge-icon-color: var(--yt-spec-text-secondary); --ytd-badge-icon-size: 16px; --ytd-badge-display: inline; --iron-icon-margin-left: -4px; --iron-icon-margin-bottom: 5px; color: var(--yt-spec-text-primary); margin-bottom: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #channel-name.ytd-watch-card-rich-header-renderer[verified] { --ytd-channel-name-container-display: -webkit-box; --ytd-channel-name-text-display: -webkit-box; --ytd-channel-name-text-line-clamp: 2; color: var(--yt-spec-text-primary); display: flex; } #badge-row.layout-inline.ytd-watch-card-rich-header-renderer { display: inline-flex; overflow-wrap: anywhere; } #badge-row.layout-block.ytd-watch-card-rich-header-renderer { display: block; } ytd-badge-supported-renderer.ytd-watch-card-rich-header-renderer { padding-right: 8px; padding-top: 4px; } #watch-card-subtitle.ytd-watch-card-rich-header-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 6.6rem; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #avatar-endpoint.ytd-watch-card-rich-header-renderer { box-sizing: border-box; padding: 16px 16px 0px 0px; } #avatar.ytd-watch-card-rich-header-renderer { margin-left: 16px; width: 48px; height: 48px; border: 1px solid var(--yt-spec-static-white-background); border-radius: 50%; overflow: hidden; } #call-to-action-buttons.ytd-watch-card-rich-header-renderer { --ytd-subscribe-button-margin: 0; display: flex; flex-flow: wrap; padding-top: 12px; margin-bottom: -8px; } #call-to-action-buttons.ytd-watch-card-rich-header-renderer > .ytd-watch-card-rich-header-renderer { margin-right: 8px; margin-bottom: 8px; } #call-to-action-buttons.ytd-watch-card-rich-header-renderer > .ytd-watch-card-rich-header-renderer:last-child { margin-right: 0px; } ytd-watch-card-rich-header-renderer[header-style="left_avatar"] #avatar.ytd-watch-card-rich-header-renderer { margin: 0px 20px 0px 0px; width: 72px; height: 72px; } ytd-watch-card-rich-header-renderer[header-style="left_avatar"] #avatar-endpoint.ytd-watch-card-rich-header-renderer { padding: 16px 0px 0px 16px; } ytd-vertical-watch-card-list-renderer { display: block; } ytd-watch-card-compact-video-renderer.ytd-vertical-watch-card-list-renderer:not([is-condensed]), ytd-watch-card-one-vs-one-event-compact-video-renderer.ytd-vertical-watch-card-list-renderer { margin-bottom: 16px; } .yt-simple-endpoint.ytd-vertical-watch-card-list-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-vertical-watch-card-list-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } #view-all-endpoint.yt-simple-endpoint.ytd-vertical-watch-card-list-renderer { padding: 16px 0px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: flex; flex-direction: row; align-items: center; } ytd-watch-card-compact-video-renderer { position: relative; display: flex; flex-direction: row; } ytd-thumbnail.ytd-watch-card-compact-video-renderer { margin-right: 8px; height: 68px; width: 120px; } ytd-badge-supported-renderer.ytd-watch-card-compact-video-renderer { margin-top: 8px; } .metadata.ytd-watch-card-compact-video-renderer, .text-wrapper.ytd-watch-card-compact-video-renderer { padding: 0px 16px 0px 8px; cursor: pointer; display: flex; flex-direction: column; } .title-wrapper.ytd-watch-card-compact-video-renderer { display: flex; } .title.ytd-watch-card-compact-video-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); margin: 0px 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .subtitle.ytd-watch-card-compact-video-renderer { color: var(--ytd-metadata-line-color,var(--yt-spec-text-secondary)); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .byline.ytd-watch-card-compact-video-renderer { color: var(--ytd-metadata-line-color,var(--yt-spec-text-secondary)); --yt-endpoint-color: var( --ytd-metadata-line-color,var(--yt-spec-text-secondary) ); --yt-endpoint-hover-color: var(--yt-spec-text-primary); --yt-endpoint-visited-color: var( --ytd-metadata-line-color,var(--yt-spec-text-secondary) ); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; display: block; max-height: 1.8rem; -webkit-line-clamp: 1; } ytd-watch-card-compact-video-renderer[is-condensed] { padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-watch-card-compact-video-renderer[is-condensed] a.ytd-watch-card-compact-video-renderer { min-width: 0px; } ytd-watch-card-compact-video-renderer[is-condensed] .metadata.ytd-watch-card-compact-video-renderer { padding: 0px; flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; } ytd-watch-card-compact-video-renderer[is-condensed] .text.ytd-watch-card-compact-video-renderer { min-width: 0px; flex: 1 1 1e-09px; } ytd-watch-card-compact-video-renderer[is-condensed] .title.ytd-watch-card-compact-video-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); margin-bottom: 2px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; display: block; max-height: 2rem; -webkit-line-clamp: 1; } ytd-watch-card-compact-video-renderer[is-condensed] .subtitle.ytd-watch-card-compact-video-renderer { --yt-endpoint-color: var(--yt-spec-text-secondary); color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-watch-card-compact-video-renderer[is-condensed] ytd-badge-supported-renderer.ytd-watch-card-compact-video-renderer { margin-top: 0px; margin-right: 4px; display: inline-flex; } ytd-watch-card-compact-video-renderer[is-condensed]:last-of-type { margin-bottom: 16px; } .duration.ytd-watch-card-compact-video-renderer { color: var(--ytd-metadata-line-color,var(--yt-spec-text-secondary)); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .yt-simple-endpoint.ytd-watch-card-compact-video-renderer { flex: 1 1 1e-09px; } ytd-watch-card-one-vs-one-event-compact-video-renderer { position: relative; display: flex; flex-direction: row; } ytd-thumbnail.ytd-watch-card-one-vs-one-event-compact-video-renderer { margin-right: 8px; height: 68px; width: 120px; } .metadata.ytd-watch-card-one-vs-one-event-compact-video-renderer { color: var(--yt-spec-text-primary); padding: 0px 16px 0px 8px; width: 100%; display: flex; flex-direction: column; } ytd-watch-card-section-dropdown-renderer { --paper-item-selected-background: var(--yt-spec-10-percent-layer); --paper-item-selected-weight: inherit; --paper-listbox-color: var(--yt-spec-text-primary); --paper-listbox-background-color: var(--yt-spec-brand-background-primary); background-color: transparent; display: flex; flex-direction: column; flex: 1 1 1e-09px; } tp-yt-paper-listbox.ytd-watch-card-section-dropdown-renderer tp-yt-paper-item.ytd-watch-card-section-dropdown-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } tp-yt-paper-menu-button.ytd-watch-card-section-dropdown-renderer { padding: 0px; } #label.ytd-watch-card-section-dropdown-renderer { cursor: pointer; text-transform: var(--yt-dropdown-menu-label-transform,none); padding: 0px; margin: 0px; min-width: 0px; display: flex; flex-direction: row; align-items: center; } #label-text.ytd-watch-card-section-dropdown-renderer { max-width: 145px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--yt-spec-text-primary); font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } #label.keyboard-focus.ytd-watch-card-section-dropdown-renderer #label-text.ytd-watch-card-section-dropdown-renderer { font-weight: 500; } #label-icon.ytd-watch-card-section-dropdown-renderer { flex-shrink: 0; margin-right: 8px; color: var(--yt-spec-icon-active-other); } [dir="rtl"] .ytd-watch-card-section-dropdown-renderer #label.ytd-watch-card-section-dropdown-renderer, .ytd-watch-card-section-dropdown-renderer[dir="rtl"] #label.ytd-watch-card-section-dropdown-renderer { padding: 0px; text-align: left; } #episodes.ytd-watch-card-section-dropdown-renderer { color: var(--ytd-metadata-line-color,var(--yt-spec-text-secondary)); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #seasons.ytd-watch-card-section-dropdown-renderer { cursor: pointer; } .season-picker-container.ytd-watch-card-section-dropdown-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); margin-bottom: 8px; padding-bottom: 8px; align-items: flex-end; display: flex; } #spacer.ytd-watch-card-section-dropdown-renderer { flex: 1 1 1e-09px; } ytd-watch-card-section-sequence-renderer { display: block; max-width: 386px; margin-bottom: 16px; } ytd-horizontal-card-list-renderer.ytd-watch-card-section-sequence-renderer { width: 384px; } .ytwYtdButtonBannerViewModelHost { display: block; } .ytwYtdButtonBannerViewModelSubtext { margin-top: 8px; color: rgb(170, 170, 170); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-secondary-search-container-renderer { display: flex; flex-direction: column; } .ytwOverviewMessageViewModelHost { display: flex; width: 344px; border-radius: 12px; padding-bottom: 16px; padding-top: 8px; margin-top: 16px; flex-direction: column; align-items: center; } .ytwOverviewMessageViewModelLightBackground { background-image: linear-gradient(90deg, rgba(127, 14, 127, 0.2) 0px, rgba(170, 9, 170, 0.2) 20%, rgba(255, 78, 69, 0.2) 100%); } .ytwOverviewMessageViewModelDarkBackground { background-image: linear-gradient(rgba(0, 0, 0, 0) 0px, rgb(0, 0, 0) 100%), linear-gradient(90deg, rgba(127, 14, 127, 0.3) 0px, rgba(170, 9, 170, 0.3) 20%, rgba(255, 78, 69, 0.3) 100%); } .ytwOverviewMessageViewModelPrimaryMessageText { text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; color: rgb(241, 241, 241); text-wrap: wrap; margin-left: 16px; margin-right: 16px; margin-top: 8px; } @media (max-width: 527.9px) { .ytwOverviewMessageViewModelPrimaryMessageText { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } .ytwOverviewMessageViewModelSecondaryMessageText { text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(170, 170, 170); text-wrap: wrap; margin-left: 16px; margin-right: 16px; margin-top: 16px; } .ytwOverviewMessageViewModelMessageImage { height: 120px; width: 120px; margin-top: 4px; } ytd-two-column-search-results-renderer { --yt-horizontal-list-renderer-width: 214px; max-width: 1280px; display: flex; flex-direction: row; justify-content: center; } @media (min-width: 428px) { ytd-two-column-search-results-renderer { --yt-horizontal-list-renderer-width: 428px; } } @media (min-width: 642px) { ytd-two-column-search-results-renderer { --yt-horizontal-list-renderer-width: 642px; } } @media (min-width: 856px) { ytd-two-column-search-results-renderer { --yt-horizontal-list-renderer-width: 856px; } } @media (min-width: 1070px) { ytd-two-column-search-results-renderer { --yt-horizontal-list-renderer-width: 1070px; } } #primary.ytd-two-column-search-results-renderer { max-width: 1096px; min-width: 0px; flex: 1 1 auto; } #secondary.ytd-two-column-search-results-renderer { padding-left: 40px; width: 385px; flex: 0 0 auto; } #continuations.ytd-two-column-search-results-renderer { display: flex; flex-direction: row; justify-content: center; } ytd-section-list-renderer.ytd-two-column-search-results-renderer { min-width: 0px; } @media (max-width: 1090px) { #secondary.ytd-two-column-search-results-renderer { display: none; } } @media (min-width: 1480px) { #primary.ytd-two-column-search-results-renderer { width: 903px; } #secondary.ytd-two-column-search-results-renderer { width: 385px; } } @media (min-width: 1720px) { ytd-two-column-search-results-renderer[guide-persistent-and-visible] #primary.ytd-two-column-search-results-renderer { width: 903px; } ytd-two-column-search-results-renderer[guide-persistent-and-visible] #secondary.ytd-two-column-search-results-renderer { width: 385px; display: block; } } ytd-two-column-search-results-renderer[use-bigger-thumbs][bigger-thumbs-style="BIG"] #primary.ytd-two-column-search-results-renderer { max-width: 1250px; } ytd-two-column-search-results-renderer[use-bigger-thumbs][bigger-thumbs-style="MASSIVE"] #primary.ytd-two-column-search-results-renderer { max-width: 1350px; } ytd-two-column-search-results-renderer[is-search-friction-page] { max-width: 420px; } @keyframes fade-in-ytd-shorts-container-transition { 0% { opacity: 0; } } @keyframes fade-out-ytd-shorts-container-transition { 100% { opacity: 0; } } html::view-transition-old(ytd-shorts-container-transition) { animation: 0.1s ease-out 0s 1 normal none running fade-out-ytd-shorts-container-transition; } html::view-transition-new(ytd-shorts-container-transition) { animation: 0.1s ease-in 0s 1 normal none running fade-in-ytd-shorts-container-transition; } ytd-shorts { --reels-navigation-justify-content: center; --ytd-shorts-masthead-height: 56px; --ytd-shorts-top-spacing: 0px; --ytd-shorts-player-ratio: 0.5625; position: relative; margin-top: var(--ytd-margin-2x); display: flex; flex-direction: column; --ytd-shorts-player-height: calc(100vh - 96px); --ytd-shorts-player-width: calc((100vh - 96px)*var(--ytd-shorts-player-ratio-default, var(--ytd-shorts-player-ratio))); --ytd-comments-engagement-panel-content-height: var( --ytd-shorts-player-height ); --ytd-engagement-panel-content-min-height: var(--ytd-reels-min-height,560px); --ytd-comments-engagement-panel-header-height: 56px; --ytd-engagement-panel-content-height: var(--ytd-shorts-player-height); --ytd-engagement-panel-header-height: 56px; --ytd-anchored-panel-background-color: transparent; --anchored-panel-width: 360px; } @media (min-width: 1312px) { ytd-shorts { --ytd-current-guide-width: 240px; } } @media (min-width: 792px) and (max-width: 1312px) { ytd-shorts { --ytd-current-guide-width: 72px; } } @media (max-width: 791px) { ytd-shorts { --ytd-current-guide-width: 0px; } } ytd-shorts #shorts-container.ytd-shorts { display: flex; justify-content: center; height: calc(100vh - var(--ytd-shorts-masthead-height)); overflow: hidden scroll; scroll-snap-type: y mandatory; scroll-padding-top: 0px; margin-top: var(--ytd-shorts-top-margin-free-scroll-override,var(--ytd-shorts-top-spacing)); scrollbar-width: none; } ytd-shorts #shorts-container.ytd-shorts::-webkit-scrollbar { display: none; } .reel-video-in-sequence-new.ytd-shorts { position: relative; height: var(--ytd-shorts-player-height); width: var(--ytd-shorts-player-width); min-height: var(--ytd-reels-min-height,560px); min-width: 315px; scroll-snap-align: start; scroll-snap-stop: always; margin: 0 var(--ytd-margin-3x) var(--ytd-margin-4x) var(--ytd-margin-3x); } .reel-video-in-sequence-new.ytd-shorts[overlay-density="1"] { width: 100%; } .reel-video-in-sequence-new.ytd-shorts[overlay-density="1"] .reel-video-in-sequence-thumbnail.ytd-shorts { width: var(--ytd-shorts-player-width); left: 0px; margin: auto; } .reel-video-in-sequence-thumbnail.ytd-shorts { position: absolute; height: 100%; width: 100%; border-radius: 12px; background-size: contain; background-repeat: no-repeat; background-position: center center; right: 0px; transition: right 0.3s linear; } @media not (display-mode: picture-in-picture) { ytd-player.ytd-shorts { height: var(--ytd-shorts-player-height); width: var(--ytd-shorts-player-width); min-height: var(--ytd-reels-min-height,560px); min-width: 315px; } } ytd-shorts[format-first] .reel-video-in-sequence-new.ytd-shorts, ytd-shorts[enable-flexible-overlay] .reel-video-in-sequence-new.ytd-shorts { --ytd-shorts-player-width: min(calc((100vh - 96px)*var(--ytd-shorts-player-ratio-default, var(--ytd-shorts-player-ratio))),calc(100vw - var(--ytd-current-guide-width) - 192px)); margin-left: auto; margin-right: auto; } ytd-shorts[is-persistent-panel-active] { --ytd-shorts-player-ratio-default: 0.5625; } ytd-shorts[is-persistent-panel-active] .reel-video-in-sequence-thumbnail.ytd-shorts { right: calc(var(--anchored-panel-width)*.5 + 80px); } ytd-shorts[is-persistent-panel-active] #error-screen.ytd-shorts { right: calc(var(--anchored-panel-width)*.5 + 80px); } ytd-shorts[is-persistent-panel-active][small-screen-persistent-panel] .reel-video-in-sequence-thumbnail.ytd-shorts { right: 0px; } ytd-shorts[is-persistent-panel-active][small-screen-persistent-panel] #error-screen.ytd-shorts { right: 0px; } ytd-shorts #cinematic-shorts-scrim.ytd-shorts { display: none; } ytd-shorts[is-dark] #cinematic-shorts-scrim.ytd-shorts { display: unset; position: absolute; width: 100%; height: var(--ytd-margin-9x); z-index: -1; background: linear-gradient(to bottom,var(--yt-spec-base-background),transparent); } ytd-shorts[shorts-view-transitions] #shorts-container.ytd-shorts { view-transition-name: ytd-shorts-container-transition; } ytd-shorts #header.ytd-shorts { position: absolute; left: 0px; top: var(--ytd-margin-2x); z-index: 2019; } ytd-shorts #back-nav-button.ytd-shorts { width: var(--ytd-shorts-header-width); } ytd-shorts #back-nav-button.ytd-shorts ytd-button-renderer.ytd-shorts { max-width: 100%; --yt-button-text-transform: none; --iron-icon-fill-color: var(--yt-spec-text-primary); --yt-button-color: var(--yt-spec-text-primary); } ytd-shorts #back-nav-button.ytd-shorts ytd-button-renderer.ytd-shorts[has-no-text] { margin: -2px 0 0 var(--ytd-margin-2x); } ytd-shorts:not([enable-scroll-snap]) { scroll-snap-type: none; } #error-screen.ytd-shorts { width: var(--ytd-shorts-player-width); min-width: 315px; overflow: hidden; border-radius: 12px; position: absolute; top: 0px; right: 0px; bottom: 0px; transition: right 0.3s linear; } .navigation-container.ytd-shorts { height: 100%; position: absolute; right: 0px; display: flex; flex-direction: column; justify-content: var(--reels-navigation-justify-content); pointer-events: none; gap: var(--ytd-margin-4x); padding-right: var(--ytd-margin-6x); padding-left: var(--ytd-margin-4x); transition: right 0.3s linear; background: var(--yt-spec-base-background); } @media (max-width: 840px) { .navigation-container.ytd-shorts { display: none; } } .navigation-button.ytd-shorts { pointer-events: all; position: relative; top: 0px; opacity: 1; transition: top 0.3s linear, opacity 0.3s linear; } .navigation-button.ytd-shorts ytd-button-renderer.ytd-shorts { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-primary); border-radius: 50%; } ytd-shorts[is-up-arrow-hidden] #navigation-button-up.ytd-shorts { opacity: 0; top: 64px; } ytd-shorts[is-down-arrow-hidden] #navigation-button-down.ytd-shorts { opacity: 0; } ytd-shorts[enable-flexible-overlay] #shorts-inner-container.ytd-shorts { width: 100%; } #shorts-inner-container.ytd-shorts { height: 100%; } #initial-player-container.ytd-shorts { height: auto; width: auto; margin: 0 var(--ytd-margin-3x) var(--ytd-margin-8x) var(--ytd-margin-3x); display: flex; justify-content: center; border-radius: 12px; overflow: hidden; } #shorts-panel-container.ytd-shorts { position: absolute; width: 100%; height: 100%; pointer-events: none; overflow: hidden; } .anchored-panel.ytd-shorts { height: var(--ytd-shorts-player-height); min-height: calc(var(--ytd-engagement-panel-content-min-height)); width: var(--anchored-panel-width); position: absolute; right: calc(var(--anchored-panel-width)*-1); transition: right 0.3s linear; background-color: var(--ytd-anchored-panel-background-color); border: 1px solid var(--yt-spec-outline); border-radius: 12px; min-width: 250px; opacity: 1; } #anchored-panel-scrim.ytd-shorts { display: none; } ytd-shorts[is-fullscreen] { --ytd-shorts-masthead-height: 0px; --ytd-shorts-player-height: calc(100vh - 32px); --ytd-shorts-player-width: calc((100vh - 32px)*var(--ytd-shorts-player-ratio)); margin-top: 0px; } ytd-shorts[is-fullscreen] #shorts-container.ytd-shorts { scroll-padding-top: var(--ytd-margin-4x); } ytd-shorts[is-fullscreen] .anchored-panel.ytd-shorts { margin-top: 16px; } ytd-shorts[anchored-panel-active] .anchored-panel.ytd-shorts { right: 96px; transition: right 0.3s linear; pointer-events: all; opacity: 1; } ytd-shorts[anchored-panel-active] .navigation-container.ytd-shorts { right: 0px; transition: right 0.3s linear; } ytd-shorts[anchored-panel-active][small-screen-persistent-panel] { --ytd-comments-engagement-panel-content-height: var( --ytd-shorts-player-height ) * 0.8; --ytd-engagement-panel-content-height: var(--ytd-shorts-player-height) * 0.8; --ytd-anchored-panel-background-color: var(--yt-spec-raised-background); --ytd-engagement-panel-content-min-height: 0px; } ytd-shorts[anchored-panel-active][small-screen-persistent-panel] #shorts-panel-container.ytd-shorts { display: flex; justify-content: center; align-items: center; } ytd-shorts[anchored-panel-active][small-screen-persistent-panel] .anchored-panel.ytd-shorts { height: calc(var(--ytd-comments-engagement-panel-content-height)); min-height: unset; transition: right linear; right: unset; top: unset; z-index: 2200; border: none; } ytd-shorts[anchored-panel-active][small-screen-persistent-panel] .navigation-container.ytd-shorts { display: none; } ytd-shorts[anchored-panel-active][small-screen-persistent-panel] #anchored-panel-scrim.ytd-shorts { display: block; position: fixed; height: 100vh; width: 100vw; top: 0px; left: 0px; background-color: var(--yt-spec-static-overlay-background-medium); z-index: 2150; pointer-events: all; } ytd-reel-player-overlay-renderer { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; --metadata-justify-content: flex-start; --action-justify-content: flex-start; --action-button-full-width: 72px; --action-button-full-width-negative: calc(var(--action-button-full-width)*-1); position: relative; height: 100%; width: var(--ytd-shorts-player-width); min-width: 315px; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 4px); } .metadata-container.ytd-reel-player-overlay-renderer { width: 100%; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent); border-radius: 0px 0px 12px 12px; overflow: hidden; margin-right: var(--action-button-full-width-negative); padding-right: var(--action-button-full-width); } #metapanel.ytd-reel-player-overlay-renderer { padding: 16px 16px 0px; pointer-events: auto; } #actions.ytd-reel-player-overlay-renderer { align-items: center; display: flex; flex-direction: column; justify-content: flex-end; pointer-events: auto; width: 48px; padding: 12px 12px 8px; } #actions.ytd-reel-player-overlay-renderer > .button-container.ytd-reel-player-overlay-renderer > .ytd-reel-player-overlay-renderer:first-child { padding-bottom: 16px; } #comments-button.ytd-reel-player-overlay-renderer ytd-button-renderer.ytd-reel-player-overlay-renderer, #share-button.ytd-reel-player-overlay-renderer ytd-button-renderer.ytd-reel-player-overlay-renderer, #remix-button.ytd-reel-player-overlay-renderer ytd-button-renderer.ytd-reel-player-overlay-renderer { color: var(--yt-spec-static-overlay-text-primary); } #menu.ytd-reel-player-overlay-renderer ytd-menu-renderer.ytd-reel-player-overlay-renderer { --ytd-menu-renderer-button-color: var(--yt-spec-static-overlay-text-primary); } #like-button.ytd-reel-player-overlay-renderer > ytd-like-button-renderer.ytd-reel-player-overlay-renderer { --yt-button-color: var(--yt-spec-static-overlay-text-primary); } yt-player-overlay-video-interactions.ytd-reel-player-overlay-renderer { top: 0px; left: 0px; width: var(--ytd-shorts-player-width); min-width: 315px; min-height: var(--ytd-reels-min-height,560px); height: 100%; overflow: hidden; } #info-panel.ytd-reel-player-overlay-renderer { pointer-events: auto; margin-right: var(--action-button-full-width-negative); } #pivot-button.ytd-reel-player-overlay-renderer { height: 56px; } ytd-reel-player-overlay-renderer[has-info-panel] #actions.ytd-reel-player-overlay-renderer { margin-bottom: 56px; } ytd-reel-player-overlay-renderer[show-scrubber] #actions.ytd-reel-player-overlay-renderer { opacity: 0; transition: opacity 0.5s; } ytd-reel-player-overlay-renderer[show-scrubber] .metadata-container.ytd-reel-player-overlay-renderer { opacity: 0; transition: opacity 0.5s; } ytd-reel-player-overlay-renderer:not([has-info-panel]) #overlay.ytd-reel-player-overlay-renderer { padding-bottom: 24px; } ytd-reel-player-overlay-renderer[has-info-panel] #overlay.ytd-reel-player-overlay-renderer { padding-bottom: 16px; } ytd-reel-player-overlay-renderer[has-info-panel] #actions.ytd-reel-player-overlay-renderer { padding-bottom: 0px; } ytd-reel-player-overlay-renderer[is-watch-while-mode] { margin-right: calc(var(--ytd-shorts-player-width)*.8); } ytd-reel-player-overlay-renderer[is-watch-while-mode] .metadata-container.ytd-reel-player-overlay-renderer { border-radius: 0px 0px 0px 12px; } @media (min-width: 600px) { ytd-reel-player-overlay-renderer:not([is-watch-while-mode]):not([overlay-density="1"]):not([overlay-density="2"]) { filter: unset; } ytd-reel-player-overlay-renderer:not([is-watch-while-mode]):not([overlay-density="1"]):not([overlay-density="2"]) .action-container.ytd-reel-player-overlay-renderer { margin-right: var(--action-button-full-width-negative); } ytd-reel-player-overlay-renderer:not([is-watch-while-mode]):not([overlay-density="1"]):not([overlay-density="2"]) .metadata-container.ytd-reel-player-overlay-renderer { padding-right: 0px; margin-right: 0px; } ytd-reel-player-overlay-renderer:not([is-watch-while-mode]):not([overlay-density="1"]):not([overlay-density="2"])[show-scrubber] #actions.ytd-reel-player-overlay-renderer { opacity: unset; transition: unset; } ytd-reel-player-overlay-renderer[has-info-panel]:not([is-watch-while-mode]) #actions.ytd-reel-player-overlay-renderer { margin-bottom: 0px; } ytd-reel-player-overlay-renderer[has-info-panel]:not([is-watch-while-mode]) #info-panel.ytd-reel-player-overlay-renderer { margin-right: 0px; } } ytd-reel-player-overlay-renderer[overlay-density="1"] { justify-content: center; width: 100%; filter: unset; } ytd-reel-player-overlay-renderer[overlay-density="1"] .metadata-container.ytd-reel-player-overlay-renderer { width: calc((100% - max(var(--ytd-shorts-player-width),315px))/2); padding-right: 0px; margin-right: max(var(--ytd-shorts-player-width),315px); display: flex; flex-direction: column; background-image: none; border-radius: 0px; } ytd-reel-player-overlay-renderer[overlay-density="1"] .action-container.ytd-reel-player-overlay-renderer { display: flex; flex-grow: 1; } ytd-reel-player-overlay-renderer[overlay-density="1"] #overlay.ytd-reel-player-overlay-renderer { width: 360px; min-width: 360px; padding-left: 16px; padding-right: 16px; } ytd-reel-player-overlay-renderer[enable-player-metadata-container] { right: 0px; transition: right 0.3s linear; position: relative; } @media (min-width: calc(698px + 56.25vh)) { ytd-reel-player-overlay-renderer[enable-player-metadata-container][anchored-panel-active] { position: relative; right: 228px; transition: right 0.3s linear; } } @media (min-width: calc(984px + 56.25vh)) { ytd-reel-player-overlay-renderer { right: 0px; transition: right 0.3s linear; } ytd-reel-player-overlay-renderer[enable-player-metadata-container]:not([is-watch-while-mode]):not([anchored-panel-active]):not([enable-livingroom-layout]) { justify-content: center; --immersive-mode-on: 1; width: 100%; } ytd-reel-player-overlay-renderer[enable-player-metadata-container]:not([is-watch-while-mode]):not([anchored-panel-active]):not([enable-livingroom-layout]) .metadata-container.ytd-reel-player-overlay-renderer { width: calc((100% - max(var(--ytd-shorts-player-width),315px))/2); margin-right: max(var(--ytd-shorts-player-width),315px); display: flex; justify-content: var(--metadata-justify-content); background-image: none; border-radius: 0px; } ytd-reel-player-overlay-renderer[enable-player-metadata-container]:not([is-watch-while-mode]):not([anchored-panel-active]):not([enable-livingroom-layout]) .action-container.ytd-reel-player-overlay-renderer { display: flex; justify-content: var(--action-justify-content); flex-grow: 1; } ytd-reel-player-overlay-renderer[enable-player-metadata-container]:not([is-watch-while-mode]):not([anchored-panel-active]):not([enable-livingroom-layout]) #overlay.ytd-reel-player-overlay-renderer { width: 392px; min-width: 392px; margin: 0px 8px; } ytd-reel-player-overlay-renderer[enable-player-metadata-container]:not([is-watch-while-mode]):not([anchored-panel-active]):not([enable-livingroom-layout])[show-scrubber] #actions.ytd-reel-player-overlay-renderer { opacity: unset; transition: unset; } ytd-reel-player-overlay-renderer[enable-player-metadata-container]:not([is-watch-while-mode]):not([anchored-panel-active]):not([enable-livingroom-layout])[show-scrubber] #overlay.ytd-reel-player-overlay-renderer { opacity: unset; transition: unset; } } @media (min-width: calc(568px + 56.25vh)) { ytd-reel-player-overlay-renderer[enable-livingroom-layout] { --immersive-mode-on: 1; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode]) { justify-content: flex-end; display: flex; flex-direction: column; align-items: flex-start; width: 392px; box-shadow: 0 4px 32px 0 var(--yt-spec-static-overlay-background-light); position: absolute; bottom: 0px; height: fit-content; border-radius: 12px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode])[enable-livingroom-no-action-change] { flex-direction: row-reverse; left: 0px; width: 464px; box-shadow: none; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode])[enable-livingroom-no-action-change] #actions.ytd-reel-player-overlay-renderer { padding-bottom: 0px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode])[enable-livingroom-no-action-change] #pivot-button.ytd-reel-player-overlay-renderer { margin: 4px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode])[enable-livingroom-no-action-change] .metadata-container.ytd-reel-player-overlay-renderer { margin-right: 0px; display: flex; justify-content: var(--metadata-justify-content); width: 392px; position: absolute; left: 104px; bottom: 0px; border-radius: 12px; box-shadow: 0 4px 32px 0 var(--yt-spec-static-overlay-background-light); } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode])[enable-livingroom-no-action-change] .action-container.ytd-reel-player-overlay-renderer { width: 72px; height: 100%; background-color: unset; padding-bottom: 0px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode])[enable-livingroom-no-action-change] #actions.ytd-reel-player-overlay-renderer { width: 72px; flex-direction: column; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode]) .metadata-container.ytd-reel-player-overlay-renderer { margin-right: 0px; display: flex; justify-content: var(--metadata-justify-content); width: 100%; background-image: none; border-radius: 12px 12px 0px 0px; background-color: var(--yt-spec-raised-background); } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode]) .action-container.ytd-reel-player-overlay-renderer { display: flex; justify-content: var(--action-justify-content); flex-grow: 0; background-color: var(--yt-spec-raised-background); width: 392px; border-radius: 0px 0px 12px 12px; padding-bottom: 15px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode]) #overlay.ytd-reel-player-overlay-renderer { margin: 0px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode]) #actions.ytd-reel-player-overlay-renderer { display: flex; flex-direction: row; align-items: flex-start; width: auto; padding-top: 0px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode]) .button-container.ytd-reel-player-overlay-renderer { margin-right: 16px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout]:not([is-watch-while-mode]) #pivot-button.ytd-reel-player-overlay-renderer { margin-top: 6px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout][is-watch-while-mode] { margin-right: 0px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout][is-watch-while-mode][enable-livingroom-no-action-change] { width: calc(56.25vh - var(--ytd-shorts-top-spacing,0px)*.5625); min-width: 387px; filter: none; } ytd-reel-player-overlay-renderer[enable-livingroom-layout][is-watch-while-mode][enable-livingroom-no-action-change] #pivot-button.ytd-reel-player-overlay-renderer { margin: 4px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout][is-watch-while-mode][enable-livingroom-no-action-change] .metadata-container.ytd-reel-player-overlay-renderer { width: calc(100% - 72px); padding-right: 0px; border-radius: 12px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout][is-watch-while-mode][enable-livingroom-no-action-change] #actions.ytd-reel-player-overlay-renderer > .button-container.ytd-reel-player-overlay-renderer > .ytd-reel-player-overlay-renderer:first-child { padding-top: 16px; padding-bottom: 0px; } } ytd-reel-player-overlay-renderer[enable-livingroom-layout][is-watch-while-mode] { margin-right: 0px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout][is-watch-while-mode] #actions.ytd-reel-player-overlay-renderer > .button-container.ytd-reel-player-overlay-renderer > .ytd-reel-player-overlay-renderer:first-child { padding-top: 0px; padding-bottom: 16px; } ytd-reel-player-overlay-renderer[enable-livingroom-layout] #actions.ytd-reel-player-overlay-renderer > .button-container.ytd-reel-player-overlay-renderer > .ytd-reel-player-overlay-renderer:first-child { padding-top: 16px; padding-bottom: 0px; } ytd-reel-player-overlay-renderer[enable-squeezeback-panels] { position: relative; right: 0px; transition: right 0.3s linear; } ytd-reel-player-overlay-renderer[enable-squeezeback-panels][is-squeezeback-active] { right: calc(var(--squeezeback-panel-width)*.5 + 80px); transition: right 0.3s linear; } ytd-reel-player-overlay-renderer[enable-squeezeback-panels][is-squeezeback-active][small-screen-squeezeback] { right: unset; } ytd-reel-player-overlay-renderer[is-fullscreen] { opacity: 1; transition: opacity, 0.25s, forwards, width, all; } yt-button-shape.ytd-shopping-overlay-badge-renderer { display: block; } .yt-player-overlay-video-interactions { display: block; } .yt-player-overlay-video-interactions__interactions-svg { position: absolute; transform-origin: left top; pointer-events: all; cursor: pointer; border-radius: 6px; } .yt-player-overlay-video-interactions__interactions-svg-hover { background-color: rgba(0, 0, 0, 0.1); } .yt-player-overlay-video-interactions__interactions-svg-hide-outline { outline: none; } #progress-bar-line.ytd-progress-bar-line { padding-bottom: 2px; } .progress-bar-background.ytd-progress-bar-line { background-color: var(--yt-spec-static-overlay-icon-active-other); opacity: 0.3; } .progress-bar-played.ytd-progress-bar-line { transform-origin: left center; background: linear-gradient(to right, rgb(255, 0, 51) 80%, rgb(255, 39, 145) 100%); } .progress-bar-background.ytd-progress-bar-line, .progress-bar-played.ytd-progress-bar-line { position: absolute; height: 3px; width: 100%; } ytd-shorts-player-controls { --yt-icon-button-icon-height: 24px; --yt-icon-button-icon-width: 24px; display: flex; flex-direction: row; justify-content: normal; gap: 16px; padding: 16px 16px 32px; } @media (max-width: 600px) { ytd-shorts-player-controls { padding: 16px 12px 32px 16px; } } ytd-shorts-player-controls[shorts-modern-controls-enabled] { justify-content: space-between; height: 48px; } ytd-shorts-player-controls[shorts-modern-controls-enabled] #play-pause-button-shape.ytd-shorts-player-controls { backdrop-filter: blur(16px); border-radius: 50%; } yt-icon.ytd-shorts-player-controls { color: var(--yt-spec-static-overlay-icon-active-other); pointer-events: all; } #play-pause-button-shape.ytd-shorts-player-controls { pointer-events: all; flex: 0 0 auto; } #fullscreen-button-shape.ytd-shorts-player-controls, #shorts-pip-button-shape.ytd-shorts-player-controls { pointer-events: all; flex: 0 1 0%; } #right-controls.ytd-shorts-player-controls { backdrop-filter: blur(16px); background-color: var(--yt-spec-static-overlay-additive-background); padding: 0px; border-radius: 28px; height: 100%; display: flex; flex-direction: row; justify-content: flex-end; } ytd-reel-non-video-content-renderer { width: var(--ytd-shorts-player-width); min-width: 315px; } .nvc-container.ytd-reel-non-video-content-renderer { display: flex; justify-content: center; align-items: center; background-color: var(--yt-spec-static-overlay-background-solid); border-radius: 12px; height: 100%; width: 100%; } ytd-reel-non-video-content-renderer[is-survey] .nvc-container.ytd-reel-non-video-content-renderer, ytd-reel-non-video-content-renderer[is-interstitial-view-model] .nvc-container.ytd-reel-non-video-content-renderer { flex-direction: column-reverse; justify-content: unset; overflow: hidden; } ytd-reel-non-video-content-renderer[is-interstitial-view-model] .nvc-container.ytd-reel-non-video-content-renderer { background-color: var(--yt-spec-static-grey); background-image: linear-gradient(rgba(0, 0, 0, 0.4) 0px, rgba(0, 0, 0, 0.6) 75%, rgba(0, 0, 0, 0.6) 100%); } .reelWatchBreakViewModelHost { display: flex; flex-flow: column; justify-content: center; align-items: center; } .reelWatchBreakViewModelHostTitle { color: rgb(255, 255, 255); margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 900; overflow: hidden; max-height: 3.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .reelWatchBreakViewModelHostBody { color: rgb(255, 255, 255); margin-bottom: 16px; max-width: 279px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .reelWatchBreakViewModelHostContinueWatchingButton { margin-bottom: 8px; min-width: 199px; } .reelWatchBreakViewModelHostGoHomeButton { min-width: 199px; } ytd-reel-video-renderer { display: flex; justify-content: center; --ytd-comments-engagement-panel-content-height: var( --ytd-shorts-player-height ); --ytd-engagement-panel-content-min-height: var(--ytd-reels-min-height,560px); --ytd-comments-engagement-panel-header-height: 56px; --ytd-engagement-panel-content-height: var(--ytd-shorts-player-height); --ytd-engagement-panel-header-height: 56px; position: relative; --ytd-shorts-player-height: calc(100vh - 96px); --ytd-shorts-player-width: calc((100vh - 96px)*var(--ytd-shorts-player-ratio-default, var(--ytd-shorts-player-ratio))); height: var(--ytd-shorts-player-height); width: var(--ytd-shorts-player-width); margin: 0px; min-height: var(--ytd-reels-min-height,560px); min-width: 315px; right: 0px; transition: right 0.3s linear; } ytd-reel-video-renderer:not([use-stamper]) #experiment-overlay.ytd-reel-video-renderer { display: none; } ytd-reel-video-renderer[enable-format-first] { --ytd-shorts-player-width: min(calc((100vh - 96px)*var(--ytd-shorts-player-ratio-default, var(--ytd-shorts-player-ratio))),calc(100vw - var(--ytd-current-guide-width) - 192px)); } ytd-reel-video-renderer[enable-format-first][is-fullscreen] { --ytd-shorts-player-width: min(calc((100vh - 32px)*var(--ytd-shorts-player-ratio)),calc(100vw - var(--ytd-current-guide-width) - 192px)); } ytd-reel-video-renderer[is-watch-while-mode] { display: flex; justify-content: center; right: 35%; box-shadow: 0 4px 32px 0 var(--yt-spec-static-overlay-background-light); border-radius: 12px 0px 0px 12px; } ytd-reel-video-renderer[is-watch-while-mode] > .ytd-reel-video-renderer:not(.cinematic-container) { transform: translate(0px, 0px); } ytd-reel-video-renderer[is-watch-while-mode] .player-container.ytd-reel-video-renderer { border-radius: 12px 0px 0px 12px; } ytd-reel-video-renderer[is-watch-while-mode] .player-controls.ytd-reel-video-renderer ytd-shorts-player-controls.ytd-reel-video-renderer { padding: 16px 12px 32px 16px; } @media (max-width: calc(205.2px + 8.4375vh + 50vw + max(-57.6px + 45vh, 450px))) { ytd-reel-video-renderer[is-watch-while-mode] .ytd-reel-video-renderer[guide-persistent-and-visible], ytd-reel-video-renderer[is-watch-while-mode][mini-guide-visible], ytd-reel-video-renderer[is-watch-while-mode]:not([mini-guide-visible][guide-persistent-and-visible]) { transform: none; right: 0px; } ytd-reel-video-renderer[is-watch-while-mode] .ytd-reel-video-renderer[guide-persistent-and-visible] .watch-while-engagement-panel-scrim.ytd-reel-video-renderer, ytd-reel-video-renderer[is-watch-while-mode][mini-guide-visible] .watch-while-engagement-panel-scrim.ytd-reel-video-renderer, ytd-reel-video-renderer[is-watch-while-mode]:not([mini-guide-visible][guide-persistent-and-visible]) .watch-while-engagement-panel-scrim.ytd-reel-video-renderer { display: block; position: fixed; height: 100vh; width: 100vw; top: 0px; left: 0px; background-color: var(--yt-spec-static-overlay-background-medium); z-index: 2150; pointer-events: all; } ytd-reel-video-renderer[is-watch-while-mode] .ytd-reel-video-renderer[guide-persistent-and-visible] .watch-while-engagement-panel.ytd-reel-video-renderer, ytd-reel-video-renderer[is-watch-while-mode][mini-guide-visible] .watch-while-engagement-panel.ytd-reel-video-renderer, ytd-reel-video-renderer[is-watch-while-mode]:not([mini-guide-visible][guide-persistent-and-visible]) .watch-while-engagement-panel.ytd-reel-video-renderer { width: 450px; height: calc(var(--ytd-comments-engagement-panel-content-height)); min-height: calc(var(--ytd-engagement-panel-content-min-height)); border-radius: 12px; display: block; z-index: 2200; position: fixed; left: calc(-225px + 50vw); top: calc((100vh - var(--ytd-comments-engagement-panel-content-height))*.5); transition: right linear; } ytd-reel-video-renderer[is-watch-while-mode] .ytd-reel-video-renderer[guide-persistent-and-visible] .player-container.ytd-reel-video-renderer, ytd-reel-video-renderer[is-watch-while-mode][mini-guide-visible] .player-container.ytd-reel-video-renderer, ytd-reel-video-renderer[is-watch-while-mode]:not([mini-guide-visible][guide-persistent-and-visible]) .player-container.ytd-reel-video-renderer { border-radius: 12px; } ytd-reel-video-renderer[is-watch-while-mode] .ytd-reel-video-renderer[guide-persistent-and-visible] .short-video-container.ytd-reel-video-renderer, ytd-reel-video-renderer[is-watch-while-mode][mini-guide-visible] .short-video-container.ytd-reel-video-renderer, ytd-reel-video-renderer[is-watch-while-mode]:not([mini-guide-visible][guide-persistent-and-visible]) .short-video-container.ytd-reel-video-renderer { transform: unset; } ytd-reel-video-renderer[is-watch-while-mode] .ytd-reel-video-renderer[guide-persistent-and-visible] .overlay.ytd-reel-video-renderer, ytd-reel-video-renderer[is-watch-while-mode][mini-guide-visible] .overlay.ytd-reel-video-renderer, ytd-reel-video-renderer[is-watch-while-mode]:not([mini-guide-visible][guide-persistent-and-visible]) .overlay.ytd-reel-video-renderer { width: calc((100vh - 96px)*var(--ytd-shorts-player-ratio-default,var(--ytd-shorts-player-ratio)) + 72px); } } ytd-reel-video-renderer:not([should-render-scrubber]) #scrubber.ytd-reel-video-renderer { display: none; } .cinematic-container.ytd-reel-video-renderer { position: absolute; width: var(--ytd-shorts-player-width); height: var(--ytd-shorts-player-height); pointer-events: none; z-index: -2; margin-right: 0px; transition: margin-right 0.3s linear; } .player-container.ytd-reel-video-renderer { height: 100%; width: 100%; border-radius: 12px; overflow: hidden; background-size: contain; background-repeat: no-repeat; background-position: center center; position: relative; background-color: var(--yt-spec-static-overlay-background-heavy); } .overlay.ytd-reel-video-renderer { position: absolute; bottom: 0px; left: 0px; pointer-events: none; height: 100%; } ytd-reel-video-renderer:not([showing-expanded-overlay]) .overlay.ytd-reel-video-renderer { overflow: hidden; z-index: 0; } @media (min-width: 600px) { .overlay.ytd-reel-video-renderer { width: calc(var(--ytd-shorts-player-width) + 64px + var(--ytd-margin-3x)); min-width: calc(379px + var(--ytd-margin-3x)); } ytd-reel-video-renderer[modern]:not([overlay-density="1"]) .overlay.ytd-reel-video-renderer { width: calc(var(--ytd-shorts-player-width) + 72px); min-width: 387px; } ytd-reel-video-renderer[is-watch-while-mode] .overlay.ytd-reel-video-renderer { width: var(--ytd-shorts-player-width); min-width: 315px; border-radius: 0px 0px 0px 12px; } } @media (max-width: 600px) { .overlay.ytd-reel-video-renderer { width: var(--ytd-shorts-player-width); min-width: 315px; border-radius: 0px 0px 12px 12px; } ytd-reel-video-renderer[is-watch-while-mode] .overlay.ytd-reel-video-renderer { border-radius: 0px 0px 0px 12px; } } #player.ytd-reel-video-renderer { width: auto; } .player-controls.ytd-reel-video-renderer { border-radius: 12px 12px 0px 0px; height: 72px; min-width: 315px; position: absolute; top: 0px; width: var(--ytd-shorts-player-width); z-index: 1; pointer-events: none; } ytd-reel-video-renderer:not([show-player-controls]) .player-controls.ytd-reel-video-renderer:not(:focus-within) ytd-shorts-player-controls.ytd-reel-video-renderer { opacity: 0; transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); } ytd-shorts-player-controls.ytd-reel-video-renderer { transition: opacity 0.1s cubic-bezier(0.4, 0, 1, 1); } ytd-reel-video-renderer[is-hidden-in-dom] { display: none; } #scrubber.ytd-reel-video-renderer { width: var(--ytd-shorts-player-width); min-width: 315px; pointer-events: auto; z-index: 1; height: 3px; position: absolute; bottom: 0px; transform: translateY(100%); } .player-wrapper.ytd-reel-video-renderer { width: 100%; height: 100%; } ytd-reel-video-renderer[is-shorts-pip-active] { height: var(--ytd-shorts-player-height); } ytd-reel-video-renderer[is-shorts-pip-active] .pip-blur-filter.ytd-reel-video-renderer { position: absolute; inset: 0px; background: inherit; filter: blur(15px); transform: scale(1.25); } #progress-bar.ytd-reel-video-renderer { bottom: 0px; min-width: 315px; pointer-events: none; position: absolute; width: var(--ytd-shorts-player-width); z-index: 1; } ytd-reel-video-renderer[overlay-density="1"] { --reel-metadata-color: var(--yt-spec-text-primary); width: 100%; } ytd-reel-video-renderer[overlay-density="1"] .player-container.ytd-reel-video-renderer { width: var(--ytd-shorts-player-width); min-width: 315px; } ytd-reel-video-renderer[overlay-density="1"] .overlay.ytd-reel-video-renderer, ytd-reel-video-renderer[overlay-density="1"] ytd-ad-slot-renderer.ytd-reel-video-renderer { width: 100%; } ytd-reel-video-renderer[overlay-density="1"] .short-video-container.ytd-reel-video-renderer { width: auto; } ytd-reel-video-renderer[anchored-panel-active] { right: 50%; box-shadow: 0 4px 32px 0 var(--yt-spec-static-overlay-background-light); } ytd-reel-video-renderer[anchored-panel-active] .overlay.ytd-reel-video-renderer { width: calc(var(--ytd-shorts-player-width) + 72px); } ytd-reel-video-renderer[anchored-panel-active] .player-container.ytd-reel-video-renderer { border-radius: 12px; } @media (max-width: calc(700px + 50vw)) { ytd-reel-video-renderer[anchored-panel-active][guide-persistent-and-visible], ytd-reel-video-renderer[anchored-panel-active][mini-guide-visible], ytd-reel-video-renderer[anchored-panel-active]:not([mini-guide-visible][guide-persistent-and-visible]) { right: 0px; box-shadow: 0 4px 32px 0 var(--yt-spec-static-overlay-background-light); } } ytd-reel-video-renderer[is-persistent-panel-active] { right: calc(var(--anchored-panel-width)*.5 + 80px); } ytd-reel-video-renderer[is-persistent-panel-active] .overlay.ytd-reel-video-renderer { width: calc(var(--ytd-shorts-player-width) + 72px); } ytd-reel-video-renderer[is-persistent-panel-active] .player-container.ytd-reel-video-renderer { border-radius: 12px; } ytd-reel-video-renderer[is-persistent-panel-active][small-screen-squeezeback] { right: 0px; } .short-video-container.ytd-reel-video-renderer { width: 100%; } ytd-reel-video-renderer[is-fullscreen] { --ytd-shorts-player-height: calc(100vh - 32px); --ytd-shorts-player-width: calc((100vh - 32px)*var(--ytd-shorts-player-ratio)); margin-top: 24px; } ytd-watch-next-secondary-results-renderer { display: flex; flex-direction: column; --ytd-reel-item-compact-layout-width: calc((var(--ytd-watch-flexy-sidebar-width) - 8px)/3); --ytd-reel-item-thumbnail-height: calc(var(--ytd-watch-flexy-sidebar-width)/3/9*16); } ytd-watch-next-secondary-results-renderer[disable-shorts-shelf-height-override] { --ytd-reel-item-thumbnail-height: unset; } ytd-watch-next-secondary-results-renderer[is-watch-next-grid] { margin-left: -12px; margin-right: -12px; } ytd-movie-offer-module-renderer.ytd-watch-next-secondary-results-renderer { margin: 0px 0px 20px; } ytd-tvfilm-offer-module-renderer.ytd-watch-next-secondary-results-renderer { margin: 0px 0px 20px; } ytd-ad-slot-renderer.ytd-watch-next-secondary-results-renderer, ytd-compact-video-renderer.ytd-watch-next-secondary-results-renderer:not([expansion="collapsed"]), ytd-compact-radio-renderer.ytd-watch-next-secondary-results-renderer, ytd-compact-movie-renderer.ytd-watch-next-secondary-results-renderer, ytd-compact-playlist-renderer.ytd-watch-next-secondary-results-renderer, ytd-compact-promoted-video-renderer.ytd-watch-next-secondary-results-renderer, ytd-promoted-sparkles-web-renderer.ytd-watch-next-secondary-results-renderer, .lockup.ytd-watch-next-secondary-results-renderer { margin-bottom: 8px; } .lockup.ytd-watch-next-secondary-results-renderer { display: flex; } ytd-item-section-renderer.ytd-watch-next-secondary-results-renderer { --ytd-item-section-item-margin: 8px; } #items.ytd-watch-next-secondary-results-renderer { display: flex; flex-direction: column; } yt-next-continuation.ytd-watch-next-secondary-results-renderer { text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } yt-next-continuation.ytd-watch-next-secondary-results-renderer tp-yt-paper-button[style-target="host"] { color: var(--yt-spec-call-to-action); border: solid 1px var(--yt-spec-call-to-action); width: 100%; margin: 0px; } ytd-queue-to-play-renderer.ytd-watch-next-secondary-results-renderer { margin-bottom: 16px; } ytd-queue-to-play-state-renderer.ytd-watch-next-secondary-results-renderer { margin-bottom: 16px; } ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs] ytd-promoted-sparkles-web-renderer.ytd-watch-next-secondary-results-renderer { margin-bottom: 16px; } ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs] ytd-ad-slot-renderer.ytd-watch-next-secondary-results-renderer { margin-bottom: 16px; } ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs][is-two-columns] #items.ytd-watch-next-secondary-results-renderer > .ytd-watch-next-secondary-results-renderer { width: 100%; } ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs]:not([is-two-columns]) #items.ytd-watch-next-secondary-results-renderer { justify-content: space-between; display: flex; flex-flow: wrap; } ytd-watch-next-secondary-results-renderer[watch-feed-big-thumbs]:not([is-two-columns]) #items.ytd-watch-next-secondary-results-renderer > .ytd-watch-next-secondary-results-renderer { width: var(--ytd-watch-flexy-sidebar-width); } ytd-watch-next-secondary-results-renderer[contains-lockup-view-model][lockup-container-type="2"] #items.ytd-watch-next-secondary-results-renderer { width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); grid-auto-flow: dense; gap: 16px; } ytd-watch-next-secondary-results-renderer[contains-lockup-view-model][lockup-container-type="2"] #items.ytd-watch-next-secondary-results-renderer > ytd-reel-shelf-renderer.ytd-watch-next-secondary-results-renderer, ytd-watch-next-secondary-results-renderer[lockup-container-type="2"] #items.ytd-watch-next-secondary-results-renderer > ytd-horizontal-card-list-renderer.ytd-watch-next-secondary-results-renderer, ytd-watch-next-secondary-results-renderer[contains-lockup-view-model][lockup-container-type="2"] #items.ytd-watch-next-secondary-results-renderer > ytd-continuation-item-renderer.ytd-watch-next-secondary-results-renderer { grid-column: 1 / -1; } ytd-compact-tvfilm-entry-point-renderer { color: var(--yt-spec-text-primary); display: flex; flex-direction: row; } #title.ytd-compact-tvfilm-entry-point-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: flex; flex-direction: column; } #subtitle.ytd-compact-tvfilm-entry-point-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #action-button.ytd-compact-tvfilm-entry-point-renderer { margin-left: auto; align-self: flex-start; } ytd-movie-offer-module-renderer { display: block; border: 1px solid var(--yt-spec-10-percent-layer); } #header.ytd-movie-offer-module-renderer { background-color: var(--yt-spec-general-background-b); padding: 8px 16px; display: flex; flex-direction: row; align-items: center; } #title.ytd-movie-offer-module-renderer { color: var(--yt-spec-text-primary); padding-right: 8px; min-width: 100px; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; flex: 1 1 1e-09px; } #manage-purchase-text.ytd-movie-offer-module-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #wide-clickable-area.ytd-movie-offer-module-renderer { padding: 16px; background-color: var(--yt-spec-general-background-a); display: flex; flex-direction: row; } #wide-clickable-area.ytd-movie-offer-module-renderer[inactive] { cursor: default; } #wide-clickable-area.ytd-movie-offer-module-renderer yt-img-shadow.ytd-movie-offer-module-renderer { margin-right: 8px; width: 120px; } #storefront-entry-point.ytd-movie-offer-module-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); background-color: var(--yt-spec-general-background-a); padding: 8px 16px; } #headline.ytd-movie-offer-module-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; color: var(--yt-spec-text-primary); margin-bottom: 12px; display: block; } #details.ytd-movie-offer-module-renderer { margin-bottom: 12px; } #info.ytd-movie-offer-module-renderer { color: var(--yt-spec-text-secondary); max-width: 245px; min-width: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #info.ytd-movie-offer-module-renderer p.ytd-movie-offer-module-renderer { display: flex; flex-direction: row; flex: 1 1 1e-09px; } #info.ytd-movie-offer-module-renderer p.ytd-movie-offer-module-renderer yt-formatted-string.ytd-movie-offer-module-renderer:last-child { margin-left: 4px; max-width: 170px; } ytd-offer-review-renderer.ytd-movie-offer-module-renderer { margin-bottom: 8px; } .flexed.ytd-movie-offer-module-renderer { display: flex; flex-direction: row; flex: 1 1 1e-09px; } ytd-offer-review-renderer { display: block; color: var(--yt-spec-text-secondary); } ytd-ratings.ytd-offer-review-renderer { display: block; margin-bottom: 4px; } yt-formatted-string.ytd-offer-review-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: var(--yt-spec-text-secondary); } ytd-ratings { --paper-input-container-input-align: baseline; display: inline-block; height: 18px; width: 90px; } svg.ytd-ratings { fill: var(--yt-spec-text-secondary); height: 100%; width: 100%; margin-left: -1px; } ytd-media-masthead-renderer { display: inline-block; --yt-img-max-height: 90px; --yt-img-max-width: 128px; } #masthead.ytd-media-masthead-renderer { display: flex; flex-direction: row; } #metadata.ytd-media-masthead-renderer { display: flex; flex-direction: column; } #metadata-line.ytd-media-masthead-renderer { padding-top: 4px; } #title.ytd-media-masthead-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } #image.ytd-media-masthead-renderer { padding-right: 12px; } #thumbnail.ytd-media-masthead-renderer { border-radius: 4px; overflow: hidden; } ytd-tvfilm-offer-module-renderer { display: block; background-color: var(--yt-spec-general-background-b); border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-style: ; border-bottom-width: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; max-width: 500px; border-color: var(--yt-spec-outline); } ytd-tvfilm-offer-module-renderer[modern-panels] { border-radius: 12px; } #header.ytd-tvfilm-offer-module-renderer { background-color: var(--yt-spec-brand-background-solid); padding: 16px; color: var(--yt-spec-text-primary); display: flex; justify-content: space-between; } ytd-tvfilm-offer-module-renderer:not([modern-panels]) #header.ytd-tvfilm-offer-module-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-tvfilm-offer-module-renderer[modern-panels] #header.ytd-tvfilm-offer-module-renderer { border-top-right-radius: 12px; border-top-left-radius: 12px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #masthead.ytd-tvfilm-offer-module-renderer { padding: 16px 16px 0px; } #action-buttons.ytd-tvfilm-offer-module-renderer { padding: 12px 16px; display: flex; flex-direction: column; } #action-buttons.ytd-tvfilm-offer-module-renderer ytd-button-renderer.ytd-tvfilm-offer-module-renderer { margin-bottom: 4px; } #action-buttons.ytd-tvfilm-offer-module-renderer ytd-button-renderer.ytd-tvfilm-offer-module-renderer:last-child { margin-bottom: 0px; } #description.ytd-tvfilm-offer-module-renderer { color: var(--yt-spec-text-secondary); } #expander.ytd-tvfilm-offer-module-renderer { margin: 0px 16px 20px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #expanded-metadata.ytd-tvfilm-offer-module-renderer { overflow-y: auto; padding: 0px 16px; } .more-button.ytd-tvfilm-offer-module-renderer, .less-button.ytd-tvfilm-offer-module-renderer { color: var(--yt-spec-text-secondary); margin-top: 12px; display: inline-block; font-size: var(--ytd-tab-system-font-size); font-weight: var(--ytd-tab-system-font-weight); letter-spacing: var(--ytd-tab-system-letter-spacing); text-transform: var(--ytd-tab-system-text-transform); } #expand-more-icon.ytd-tvfilm-offer-module-renderer, #expand-less-icon.ytd-tvfilm-offer-module-renderer { margin-bottom: 2px; } ytd-unlimited-offer-module-renderer { display: flex; flex-direction: column; } #header.ytd-unlimited-offer-module-renderer { padding: 8px 0px 0px; display: flex; flex-direction: row; align-items: center; } #title-section.ytd-unlimited-offer-module-renderer { flex: 1 1 1e-09px; } #main-title.ytd-unlimited-offer-module-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 6.6rem; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: flex; flex-direction: column; } #sub-title.ytd-unlimited-offer-module-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #thumbnail.ytd-unlimited-offer-module-renderer { --yt-endpoint-force-cursor: pointer; height: 210px; margin: 8px 0px 0px; display: flex; flex-direction: row; flex: 1 1 1e-09px; } #watch-checkout-offers.ytd-unlimited-offer-module-renderer { margin: 0px 0px 16px; } #storefront-entry-point.ytd-unlimited-offer-module-renderer { padding: 10px 0px; } yt-related-chip-cloud-renderer { display: inline-block; } ytd-donation-shelf-renderer { display: block; border: 1px solid var(--yt-spec-10-percent-layer); } ytd-donation-shelf-renderer[modern-panels] { border-radius: 12px; overflow: hidden; } #header-section.ytd-donation-shelf-renderer, #donate-section.ytd-donation-shelf-renderer, #progress-bar-section.ytd-donation-shelf-renderer, #creator-messages-section.ytd-donation-shelf-renderer, #nonprofit-section.ytd-donation-shelf-renderer, #collapse-controls-section.ytd-donation-shelf-renderer { padding-left: 16px; padding-right: 16px; } #header-section.ytd-donation-shelf-renderer { height: 48px; padding-right: 0px; background-color: var(--yt-spec-general-background-b); display: flex; flex-direction: row; align-items: center; } #header-text.ytd-donation-shelf-renderer { color: var(--yt-spec-text-primary); flex: 1 1 1e-09px; } ytd-donation-shelf-renderer:not([modern-panels]) #header-text.ytd-donation-shelf-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-donation-shelf-renderer[modern-panels] #header-text.ytd-donation-shelf-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } #header-background.ytd-donation-shelf-renderer { height: 100%; } .flip.ytd-donation-shelf-renderer { transform: scaleX(-1); } #donate-section.ytd-donation-shelf-renderer { padding-top: 16px; padding-bottom: 18px; background-color: var(--yt-spec-general-background-a); border-top: 1px solid var(--yt-spec-10-percent-layer); } #title-row.ytd-donation-shelf-renderer { margin-bottom: 20px; display: flex; flex-direction: row; align-items: flex-start; } yt-img-shadow#campaign-logo.ytd-donation-shelf-renderer { height: 50px; width: 50px; } #text-container.ytd-donation-shelf-renderer { margin-left: 12px; margin-right: 24px; overflow-x: hidden; flex: 1 1 1e-09px; } #campaign-title.ytd-donation-shelf-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; line-height: 2rem; font-weight: 500; font-size: 16px; margin-bottom: 4px; } #campaign-subtitle.ytd-donation-shelf-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #progress-bar.ytd-donation-shelf-renderer { height: 4px; background-color: var(--yt-spec-general-background-c); border-radius: 2px; overflow: hidden; margin-bottom: 10px; } #progress-bar-fill.ytd-donation-shelf-renderer { height: 100%; background-color: var(--yt-spec-call-to-action); width: var(--progress-bar-completion,0); } #progress-bar-labels.ytd-donation-shelf-renderer { display: flex; flex-direction: row; justify-content: space-between; } #progress-bar-start.ytd-donation-shelf-renderer, #progress-bar-end.ytd-donation-shelf-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; line-height: 1.8rem; font-weight: 400; font-size: 14px; } #amount-raised.ytd-donation-shelf-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; line-height: 2rem; font-weight: 500; font-size: 16px; } #matching-label.ytd-donation-shelf-renderer { color: var(--yt-spec-text-secondary); margin-top: 8px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } #matching-label.ytd-donation-shelf-renderer yt-formatted-string.ytd-donation-shelf-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-call-to-action); --yt-endpoint-visited-color: var(--yt-spec-call-to-action); } #creator-messages-section.ytd-donation-shelf-renderer { padding-top: 16px; padding-bottom: 16px; border-top: 1px solid var(--yt-spec-10-percent-layer); } #creator-messages-section.ytd-donation-shelf-renderer, #nonprofit-section.ytd-donation-shelf-renderer { background-color: var(--yt-spec-general-background-b); } .creator-message.ytd-donation-shelf-renderer, #campaign-subtitle.ytd-donation-shelf-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .separator.ytd-donation-shelf-renderer { background-color: var(--yt-spec-10-percent-layer); height: 1px; margin: 16px 0px; } #creator-messages-section.ytd-donation-shelf-renderer > .creator-message.ytd-donation-shelf-renderer:nth-of-type(1) .separator.ytd-donation-shelf-renderer { display: none; background-color: red; } .avatar.ytd-donation-shelf-renderer { border-radius: 50%; overflow: hidden; margin-right: 12px; } .creator-message-header.ytd-donation-shelf-renderer { margin-bottom: 8px; display: flex; flex-direction: row; align-items: center; } .creator-message-name.ytd-donation-shelf-renderer { color: var(--yt-spec-text-primary); font-size: 14px; } .creator-message-description.ytd-donation-shelf-renderer { overflow-wrap: break-word; } #nonprofit-section.ytd-donation-shelf-renderer { padding-top: 16px; padding-bottom: 24px; border-top: 1px solid var(--yt-spec-10-percent-layer); } #nonprofit-title.ytd-donation-shelf-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #nonprofit-title.ytd-donation-shelf-renderer yt-icon.ytd-donation-shelf-renderer { color: var(--yt-spec-icon-inactive); } #nonprofit-subtitle.ytd-donation-shelf-renderer { color: var(--yt-spec-text-secondary); margin-top: -2px; margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #nonprofit-description.ytd-donation-shelf-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #verified-icon-wrapper.ytd-donation-shelf-renderer { white-space: nowrap; } .inline-icon.ytd-donation-shelf-renderer { position: relative; top: -1px; width: 1em; } #nonprofit-link.ytd-donation-shelf-renderer .inline-icon.ytd-donation-shelf-renderer { top: -3px; } #collapse-controls-section.ytd-donation-shelf-renderer { padding-top: 12px; padding-bottom: 12px; color: var(--yt-spec-text-secondary); background-color: var(--yt-spec-general-background-a); border-top: 1px solid var(--yt-spec-10-percent-layer); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #show-less.ytd-donation-shelf-renderer, #show-more.ytd-donation-shelf-renderer { cursor: pointer; } ytd-donation-unavailable-renderer { display: block; } #wrapper.ytd-donation-unavailable-renderer { background-color: var(--yt-spec-general-background-b); padding: 12px 16px; } #message.ytd-donation-unavailable-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-limited-state-message-renderer { display: inline-block; background-color: var(--yt-spec-general-background-b); padding: 16px 8px 8px 16px; } #header.ytd-limited-state-message-renderer { padding-bottom: 8px; display: flex; flex-direction: row; align-items: center; } yt-icon.ytd-limited-state-message-renderer { color: var(--yt-spec-static-ad-yellow); padding-right: 8px; } #title.ytd-limited-state-message-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; } #subtext.ytd-limited-state-message-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #action-buttons.ytd-limited-state-message-renderer { padding-top: 8px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } #action-buttons.ytd-limited-state-message-renderer ytd-button-renderer.ytd-limited-state-message-renderer:not(:last-child) { padding-right: 8px; } ytd-autotagging-metadata-renderer { background-color: var(--yt-spec-general-background-b); min-width: 280px; max-width: 50%; flex: 1 1 1e-09px; } #outer-container.ytd-autotagging-metadata-renderer { display: flex; flex-direction: row; } ytd-thumbnail.ytd-autotagging-metadata-renderer { display: block; width: 68px; height: 68px; margin: 16px; } #right-container.ytd-autotagging-metadata-renderer { display: flex; flex-direction: column; justify-content: center; } #title-container.ytd-autotagging-metadata-renderer { display: flex; flex-direction: row; } #title.ytd-autotagging-metadata-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #badges.ytd-autotagging-metadata-renderer { --ytd-badge-icon-size: 18px; } ytd-autotagging-metadata-row-renderer { display: block; margin-top: 8px; } #header.ytd-autotagging-metadata-row-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #contents.ytd-autotagging-metadata-row-renderer { margin-right: -16px; display: flex; flex-flow: wrap; } #contents.ytd-autotagging-metadata-row-renderer > .ytd-autotagging-metadata-row-renderer { margin: 12px 16px 12px 0px; } ytd-metadata-row-container-renderer { display: block; } ytd-metadata-row-renderer.ytd-metadata-row-container-renderer, ytd-metadata-with-image-row-renderer.ytd-metadata-row-container-renderer, ytd-metadata-row-header-renderer.ytd-metadata-row-container-renderer { max-width: 615px; } ytd-metadata-row-header-renderer { padding-top: 8px; display: flex; flex-direction: row; align-items: center; } ytd-metadata-row-header-renderer[has-divider-line] { margin-top: 16px; border-top: 1px solid var(--yt-spec-10-percent-layer); } .content.ytd-metadata-row-header-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); white-space: pre-wrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-metadata-row-renderer { margin: 8px 0px; display: flex; flex-direction: row; align-items: flex-start; } ytd-metadata-row-renderer[has-divider-line] { padding-bottom: 16px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #title.ytd-metadata-row-renderer { color: var(--yt-spec-text-secondary); margin: 0px 16px 0px 0px; width: 110px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; flex: 0 0 auto; } .content.content-line-height-override.ytd-metadata-row-renderer { line-height: 2.1rem; } #content.ytd-metadata-row-renderer { display: flex; flex-flow: wrap; } #content.ytd-metadata-row-renderer[with-extra-margin] { margin-left: 126px; } .content.ytd-metadata-row-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-call-to-action); --yt-endpoint-visited-color: var(--yt-spec-call-to-action); color: var(--yt-spec-text-primary); white-space: pre-wrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .content.ytd-metadata-row-renderer:not(:last-of-type)::after { content: ","; margin: 0px 4px 0px 1px; } [dir="rtl"] .ytd-metadata-row-renderer .content.ytd-metadata-row-renderer:not(:last-of-type)::before, .ytd-metadata-row-renderer[dir="rtl"] .content.ytd-metadata-row-renderer:not(:last-of-type)::before { content: ","; margin: 0px 4px 0px 1px; } [dir="rtl"] .ytd-metadata-row-renderer .content.ytd-metadata-row-renderer:not(:last-of-type)::after, .ytd-metadata-row-renderer[dir="rtl"] .content.ytd-metadata-row-renderer:not(:last-of-type)::after { content: ""; margin: 0px; } ytd-metadata-with-image-row-renderer { display: inline-block; padding: 16px 0px 8px; } .yt-simple-endpoint.ytd-metadata-with-image-row-renderer { display: inline-block; cursor: pointer; text-decoration: none; color: var(--yt-endpoint-color,var(--yt-spec-text-primary)); } .yt-simple-endpoint.ytd-metadata-with-image-row-renderer:hover { color: var(--yt-endpoint-hover-color,var(--yt-spec-text-primary)); text-decoration: var(--yt-endpoint-text-decoration,none); } a.yt-simple-endpoint.ytd-metadata-with-image-row-renderer { display: flex; flex-direction: row; } yt-img-shadow.ytd-metadata-with-image-row-renderer { width: 83px; height: 120px; margin-right: 16px; flex: 0 0 auto; } #content.ytd-metadata-with-image-row-renderer { display: flex; flex-direction: column; } .content-text.ytd-metadata-with-image-row-renderer { display: block; color: var(--yt-spec-text-primary); } .content-text.ytd-metadata-with-image-row-renderer:first-child { margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; } .content-text.ytd-metadata-with-image-row-renderer:not(:first-child) { margin-bottom: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-rich-metadata-renderer { background-color: var(--yt-spec-additive-background); min-width: 280px; flex: 1 1 1e-09px; } ytd-rich-metadata-renderer[rounded] { border-radius: 8px; overflow: hidden; } ytd-rich-metadata-renderer:not([fixie]) { max-width: 50%; } ytd-rich-metadata-renderer[full-width]:not([fixie]) { max-width: 100%; } ytd-rich-metadata-renderer[fixie] { margin-right: 12px; margin-bottom: 12px; } a.ytd-rich-metadata-renderer { outline-offset: 1px; display: flex; flex-direction: row; } a.button-mode.ytd-rich-metadata-renderer:active { outline: 0px; } #thumbnail.ytd-rich-metadata-renderer { width: 56px; height: 56px; margin: 22px 16px; display: flex; } yt-img-shadow.ytd-rich-metadata-renderer { overflow: hidden; width: 100%; height: 100%; } ytd-rich-metadata-renderer[component-style="RICH_METADATA_RENDERER_STYLE_BOX_ART"] #thumbnail.ytd-rich-metadata-renderer { width: 72px; height: 100px; margin: 0px 16px 0px 0px; } ytd-rich-metadata-renderer[component-style="RICH_METADATA_RENDERER_STYLE_SQUARE"] #thumbnail.ytd-rich-metadata-renderer { background-color: var(--yt-spec-static-white-background); width: 100px; height: 100px; margin: 0px 16px 0px 0px; } ytd-rich-metadata-renderer[component-style="RICH_METADATA_RENDERER_STYLE_TOPIC"] #thumbnail.ytd-rich-metadata-renderer { --yt-img-border-radius: 56px; } ytd-rich-metadata-renderer[component-style="RICH_METADATA_RENDERER_STYLE_THUMBNAIL"] { min-width: 400px; } ytd-rich-metadata-renderer[component-style="RICH_METADATA_RENDERER_STYLE_THUMBNAIL"] #thumbnail.ytd-rich-metadata-renderer { width: 178px; height: 100px; margin: 0px 16px 0px 0px; } ytd-rich-metadata-renderer[component-style="RICH_METADATA_RENDERER_STYLE_SQUARE"] { min-width: 400px; } #text-container.ytd-rich-metadata-renderer { display: flex; flex-direction: column; justify-content: center; } #title.ytd-rich-metadata-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #subtitle.ytd-rich-metadata-renderer { -webkit-line-clamp: 2; color: var(--yt-spec-text-secondary); margin-top: 4px; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; display: -webkit-box; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #badges.ytd-rich-metadata-renderer { margin-top: 4px; } #call-to-action.ytd-rich-metadata-renderer { margin-top: 4px; color: var(--yt-spec-text-secondary); text-transform: uppercase; display: flex; flex-direction: row; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } yt-icon.ytd-rich-metadata-renderer { width: 24px; height: 24px; } #information-button-container.ytd-rich-metadata-renderer { --yt-button-icon-padding: 8px; --yt-button-icon-size: 32px; --yt-icon-button-icon-height: 16px; --yt-icon-button-icon-width: 16px; align-items: flex-end; flex: 1 1 auto; display: flex; flex-direction: column; padding: 8px; } ytd-rich-metadata-row-renderer { display: block; } ytd-rich-metadata-row-renderer:not([fixie]) { margin-top: 8px; } ytd-rich-metadata-row-renderer[fixie] { margin-right: -12px; margin-bottom: -12px; } ytd-rich-metadata-row-renderer[has-divider-line] { padding-bottom: 16px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #contents.ytd-rich-metadata-row-renderer { display: flex; flex-flow: wrap; } ytd-rich-metadata-row-renderer:not([fixie]) #contents.ytd-rich-metadata-row-renderer { margin-right: -16px; } ytd-rich-metadata-row-renderer:not([fixie]) #contents.ytd-rich-metadata-row-renderer .ytd-rich-metadata-row-renderer { margin: 8px 16px 8px 0px; } ytd-live-chat-frame { box-sizing: border-box; z-index: 601; position: relative; overflow: hidden; display: flex; flex-direction: column; } ytd-live-chat-frame #show-hide-button.ytd-live-chat-frame { display: flex; flex-direction: row; } ytd-live-chat-frame #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame { background-color: var(--yt-spec-base-background); padding: 4px; } ytd-live-chat-frame #show-hide-button.ytd-live-chat-frame > ytd-button-renderer.ytd-live-chat-frame { background-color: var(--yt-spec-base-background); margin: 4px; } ytd-live-chat-frame[round-background] #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame, ytd-live-chat-frame[round-background] #show-hide-button.ytd-live-chat-frame > ytd-button-renderer.ytd-live-chat-frame { border-radius: 18px; } ytd-live-chat-frame:not([no-border]) { border: 1px solid var(--yt-spec-10-percent-layer); } ytd-live-chat-frame[force-dark-theme] { --yt-spec-base-background: #0f0f0f; --yt-spec-raised-background: #212121; --yt-spec-menu-background: #282828; --yt-spec-inverted-background: #f1f1f1; --yt-spec-additive-background: rgba(255,255,255,0.1); --yt-spec-outline: rgba(255,255,255,0.2); --yt-spec-outline-inverse: rgba(0,0,0,0.1); --yt-spec-outline-inverse-medium: rgba(0,0,0,0.3); --yt-spec-shadow: rgba(0,0,0,0.25); --yt-spec-text-primary: #fff; --yt-spec-text-secondary: #aaa; --yt-spec-text-disabled: #717171; --yt-spec-text-primary-inverse: #030303; --yt-spec-call-to-action: #3ea6ff; --yt-spec-call-to-action-inverse: #065fd4; --yt-spec-suggested-action: #263850; --yt-spec-suggested-action-inverse: #def1ff; --yt-spec-icon-active-other: #fff; --yt-spec-icon-inactive: #909090; --yt-spec-icon-disabled: #606060; --yt-spec-button-chip-background-hover: rgba(255,255,255,0.2); --yt-spec-touch-response: #fff; --yt-spec-touch-response-inverse: #000; --yt-spec-brand-icon-active: #fff; --yt-spec-brand-icon-inactive: #909090; --yt-spec-red-indicator: #e1002d; --yt-spec-wordmark-text: #fff; --yt-spec-error-indicator: #f57; --yt-spec-error-background-red: rgba(255,85,119,0.2); --yt-spec-themed-blue: #3ea6ff; --yt-spec-themed-green: #2ba640; --yt-spec-ad-indicator: #00aaa7; --yt-spec-themed-overlay-background: rgba(0,0,0,0.8); --yt-spec-commerce-badge-background: #002d08; --yt-spec-static-white-background: #fff; --yt-spec-static-black: #0f0f0f; --yt-spec-static-brand-red: #f03; --yt-spec-static-brand-white: #fff; --yt-spec-static-brand-black: #000; --yt-spec-static-clear-color: rgba(255,255,255,0); --yt-spec-static-clear-black: rgba(0,0,0,0); --yt-spec-static-ad-yellow: #fbc02d; --yt-spec-static-grey: #606060; --yt-spec-brand-red-contrast: #f57; --yt-spec-static-overlay-additive-background: rgba(40,40,40,0.6); --yt-spec-static-overlay-background-solid: #000; --yt-spec-static-overlay-background-heavy: rgba(0,0,0,0.8); --yt-spec-static-overlay-background-medium: rgba(0,0,0,0.6); --yt-spec-static-overlay-background-medium-light: rgba(0,0,0,0.3); --yt-spec-static-overlay-background-light: rgba(0,0,0,0.1); --yt-spec-static-overlay-text-primary: #fff; --yt-spec-static-overlay-text-primary-inverse: #030303; --yt-spec-static-overlay-text-secondary: rgba(255,255,255,0.7); --yt-spec-static-overlay-text-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-call-to-action: #3ea6ff; --yt-spec-static-overlay-call-to-action-hover: #65b8ff; --yt-spec-static-overlay-icon-active-other: #fff; --yt-spec-static-overlay-icon-inactive: rgba(255,255,255,0.7); --yt-spec-static-overlay-icon-disabled: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-primary: rgba(255,255,255,0.3); --yt-spec-static-overlay-button-secondary: rgba(255,255,255,0.1); --yt-spec-static-overlay-touch-response: #fff; --yt-spec-static-overlay-touch-response-inverse: #000; --yt-spec-static-overlay-background-brand: rgba(225,0,45,0.9); --yt-spec-assistive-feed-themed-gradient-1: #005446; --yt-spec-assistive-feed-themed-gradient-2: #39003f; --yt-spec-assistive-feed-themed-gradient-3: #590000; --yt-spec-gen-ai-gradient-1: #007a65; --yt-spec-gen-ai-gradient-2: #7f0e7f; --yt-spec-gen-ai-gradient-3: #aa09aa; --yt-spec-gen-ai-gradient-4: #ff4e45; --yt-spec-gen-ai-additive-gradient-1: rgba(0,122,101,0.3); --yt-spec-gen-ai-additive-gradient-2: rgba(127,14,127,0.3); --yt-spec-gen-ai-additive-gradient-3: rgba(170,9,170,0.3); --yt-spec-gen-ai-additive-gradient-4: rgba(255,78,69,0.3); --yt-spec-scrim-background-gradient-1: rgba(15,15,15,0); --yt-spec-scrim-background-gradient-2: rgba(15,15,15,0.3); --yt-spec-scrim-background-gradient-3: rgba(15,15,15,0.6); --yt-spec-scrim-background-gradient-4: rgba(15,15,15,0.9); --yt-spec-scrim-background-gradient-5: #0f0f0f; --yt-spec-discover-red: #ff4e45; --yt-spec-discover-green: #a4ffa4; --yt-spec-discover-blue: #6ea2ff; --yt-frosted-glass-mobile: rgba(15,15,15,0.7); --yt-frosted-glass-desktop: rgba(15,15,15,0.8); --yt-spec-expressive-trend-10: #fbfee6; --yt-spec-expressive-trend-20: #f5ffb7; --yt-spec-expressive-trend-30: #ecfd83; --yt-spec-expressive-trend-40: #dafd00; --yt-spec-expressive-trend-50: #bbe900; --yt-spec-expressive-trend-60: #8abb03; --yt-spec-expressive-trend-70: #5c7e00; --yt-spec-correct-indicator: #00a513; --yt-spec-incorrect-indicator: #c00; --yt-spec-brand-background-solid: #212121; --yt-spec-brand-background-primary: rgba(33,33,33,0.98); --yt-spec-brand-background-secondary: rgba(33,33,33,0.95); --yt-spec-general-background-a: #181818; --yt-spec-general-background-b: #0f0f0f; --yt-spec-general-background-c: #030303; --yt-spec-error-background: #f9f9f9; --yt-spec-10-percent-layer: rgba(255,255,255,0.1); --yt-spec-10-percent-layer-inverse: rgba(0,0,0,0.1); --yt-spec-snackbar-background: #030303; --yt-spec-snackbar-background-updated: #f9f9f9; --yt-spec-badge-chip-background: rgba(255,255,255,0.1); --yt-spec-badge-chip-background-inverse: rgba(0,0,0,0.05); --yt-spec-verified-badge-background: rgba(255,255,255,0.25); --yt-spec-brand-button-background: #c00; --yt-spec-brand-link-text: #ff4e45; --yt-spec-brand-link-text-faded: rgba(255,78,69,0.3); --yt-spec-call-to-action-faded: rgba(62,166,255,0.3); --yt-spec-call-to-action-hover: #6ebcff; --yt-spec-brand-button-background-hover: #990412; --yt-spec-filled-button-focus-outline: rgba(255,255,255,0.7); --yt-spec-static-overlay-button-hover: rgba(255,255,255,0.5); --yt-spec-mono-filled-hover: #d9d9d9; --yt-spec-mono-filled-hover-inverse: #272727; --yt-spec-commerce-filled-hover: #65b8ff; --yt-spec-mono-tonal-hover: rgba(255,255,255,0.2); --yt-spec-mono-tonal-hover-inverse: rgba(0,0,0,0.1); --yt-spec-commerce-tonal-hover: #515561; --yt-spec-static-overlay-filled-hover: #e6e6e6; --yt-spec-static-overlay-tonal-hover: rgba(255,255,255,0.2); } ytd-live-chat-frame[collapsed] iframe.ytd-live-chat-frame { max-height: 0px; } ytd-live-chat-frame[show-above-scrim] { z-index: 601; } ytd-live-chat-frame[watch-next-grid]:not([show-above-scrim]) { z-index: 500; } ytd-live-chat-frame[modern-buttons][collapsed] { border: 0px; } ytd-live-chat-frame[modern-buttons][collapsed] #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame { background-color: transparent; } ytd-live-chat-frame[rounded-container]:not([theater-watch-while]) { border-radius: 12px; } ytd-live-chat-frame[theater-watch-while][rounded-container] { border-radius: 12px 12px 0px 0px; } ytd-live-chat-frame[rounded-container] #show-hide-button.ytd-live-chat-frame ytd-toggle-button-renderer.ytd-live-chat-frame { border-radius: 0px 0px 12px 12px; } ytd-live-chat-frame[rounded-container] iframe.ytd-live-chat-frame { border-radius: 12px 12px 0px 0px; } ytd-live-chat-frame[theater-watch-while] { background-color: var(--yt-spec-base-background); } iframe.ytd-live-chat-frame { width: 100%; flex: 1 1 1e-09px; } #show-hide-button.ytd-live-chat-frame > ytd-button-renderer.ytd-live-chat-frame, #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame { width: 100%; color: var(--yt-live-chat-secondary-text-color); background-color: var(--yt-spec-brand-background-primary); font-size: 11px; --yt-button-border-radius: 0; --yt-button-padding: 8px 24px; --yt-paper-button-width: 100%; } #show-hide-button.ytd-live-chat-frame > ytd-button-renderer.ytd-live-chat-frame:hover, #show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame:hover { color: var(--yt-live-chat-primary-text-color); } ytd-message-renderer.ytd-live-chat-frame, #show-hide-button.ytd-live-chat-frame { flex: 0 0 auto; } ytd-live-chat-frame[hide-chat-frame] { display: none; } ytd-action-basic-immersive-content-renderer { display: flex; flex-direction: column; align-items: center; padding-top: 56px; padding-bottom: 68px; } #icon.ytd-action-basic-immersive-content-renderer { border-radius: 50%; background-color: transparent; overflow: hidden; height: 70px; width: 70px; } #headline.ytd-action-basic-immersive-content-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 400; color: var(--yt-spec-text-primary); margin-top: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #desc.ytd-action-basic-immersive-content-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; color: var(--yt-spec-text-secondary); margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #action.ytd-action-basic-immersive-content-renderer { margin-top: 56px; } ytd-action-basic-immersive-content-renderer:not([enable-colors]) #action.ytd-action-basic-immersive-content-renderer { background-color: var(--yt-spec-call-to-action); color: var(--yt-spec-text-primary-inverse); } ytd-action-basic-immersive-content-renderer[modern] #action.ytd-action-basic-immersive-content-renderer { background-color: unset; color: unset; } ytd-action-engagement-panel-content-renderer { display: flex; flex-direction: column; overflow: hidden; } #content.ytd-action-engagement-panel-content-renderer { display: flex; flex-direction: column; overflow-y: auto; } #content.ytd-action-engagement-panel-content-renderer::-webkit-scrollbar { width: 16px; } #content.ytd-action-engagement-panel-content-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } #content.ytd-action-engagement-panel-content-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } #sitelinks.ytd-action-engagement-panel-content-renderer ytd-sitelink-renderer.ytd-action-engagement-panel-content-renderer:not(:first-child) { padding-top: 16px; } #sitelinks.ytd-action-engagement-panel-content-renderer { padding-left: 16px; padding-top: 24px; padding-bottom: 24px; } #footer.ytd-action-engagement-panel-content-renderer { background-color: var(--yt-spec-brand-background-primary); padding: 12px; } #action.ytd-action-engagement-panel-content-renderer ytd-button-renderer.ytd-action-engagement-panel-content-renderer, #action.ytd-action-engagement-panel-content-renderer yt-button-renderer.ytd-action-engagement-panel-content-renderer { width: 100%; } #image-tiles.ytd-action-engagement-panel-content-renderer ytd-image-tile-renderer.ytd-action-engagement-panel-content-renderer { border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 8px; overflow: hidden; } ytd-action-engagement-panel-content-renderer[remove-border-from-image-tiles] #image-tiles.ytd-action-engagement-panel-content-renderer ytd-image-tile-renderer.ytd-action-engagement-panel-content-renderer { border: 0px; border-radius: 0px; } #image-tiles.ytd-action-engagement-panel-content-renderer { background-color: var(--yt-spec-brand-background-primary); padding: 16px 12px 8px; gap: 8px; display: grid; } ytd-action-engagement-panel-content-renderer[padding-fix] #image-tiles.ytd-action-engagement-panel-content-renderer { padding: 0px 16px; } ytd-action-engagement-panel-content-renderer[use-footered-metadata-rendering-style] #image-tiles.ytd-action-engagement-panel-content-renderer { padding: 0px 16px 4px; } @media (min-width: 1015px) { #image-tiles.ytd-action-engagement-panel-content-renderer { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 1015px) { #image-tiles.ytd-action-engagement-panel-content-renderer { grid-template-columns: repeat(6, 1fr); } } ytd-image-tile-renderer { display: flex; aspect-ratio: 1 / 1; } .remove-default-button-style.ytd-image-tile-renderer { position: relative; background-color: inherit; border-style: none; font-family: inherit; padding: 0px; cursor: pointer; display: flex; flex-grow: 1; align-self: stretch; } .thumbnail.ytd-image-tile-renderer { max-height: 100%; max-width: 100%; display: flex; flex-grow: 1; align-self: stretch; border-radius: 8px; overflow: hidden; } .badge.ytd-image-tile-renderer { height: 18px; padding: 4px; background-color: white; position: absolute; top: 0px; left: 0px; border-radius: 0px 0px 4px; } .badge-image.ytd-image-tile-renderer { height: 100%; display: flex; } ytd-image-tile-renderer[has-background-color] .background-adjusted.ytd-image-tile-renderer { background-color: var(--bgu-color); border-radius: 8px; overflow: hidden; } ytd-image-tile-renderer[has-tile-metadata] { aspect-ratio: unset; height: 100%; } ytd-image-tile-renderer[has-tile-metadata] .remove-default-button-style.ytd-image-tile-renderer { flex-direction: column; height: 100%; } ytd-image-tile-renderer[has-tile-metadata] .thumbnail.ytd-image-tile-renderer { aspect-ratio: 1 / 1; max-height: 100%; max-width: 100%; align-self: stretch; flex-shrink: 0; flex-grow: 0; border-radius: unset; } ytd-image-tile-renderer[has-tile-metadata] .metadata.ytd-image-tile-renderer { padding: 8px 12px 0px; min-width: 0px; display: flex; flex-direction: column; flex-grow: 1; align-items: flex-start; white-space: normal; text-align: initial; } ytd-image-tile-renderer[has-tile-metadata] .headline.ytd-image-tile-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-image-tile-renderer[has-tile-metadata] .secondary-details.ytd-image-tile-renderer { padding-bottom: 4px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-image-tile-renderer[has-tile-metadata] .price.ytd-image-tile-renderer { padding-bottom: 12px; justify-content: flex-end; margin-top: auto; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-sitelink-renderer { display: block; } #desc.ytd-sitelink-renderer { color: var(--yt-spec-text-secondary); font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } #open-icon.ytd-sitelink-renderer { padding-left: 4px; --iron-icon-width: 15px; --iron-icon-height: 15px; } .remove-default-button-style.ytd-sitelink-renderer { background-color: inherit; border-style: none; font-family: inherit; padding: 0px; } #sitelink.ytd-sitelink-renderer { color: var(--yt-spec-call-to-action); display: inline-flex; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #clickable-area.ytd-sitelink-renderer { cursor: pointer; text-align: left; display: flex; flex-direction: column; } ytd-ads-engagement-panel-content-renderer, #content.ytd-ads-engagement-panel-content-renderer { display: flex; flex-direction: column; overflow: hidden; } .ytwAdGridCardCollectionViewModelHost { padding: 0px 16px; display: grid; gap: 8px; } .ytwAdGridCardImageFullMetadataViewModelHostIsClickableAdComponent, .ytwAdGridCardImageFullMetadataViewModelHost { flex-direction: column; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.2); overflow: hidden; display: flex; flex-grow: 1; align-self: stretch; cursor: pointer; position: relative; } .ytwAdGridCardImageFullMetadataViewModelHostIsClickableAdComponentImage, .ytwAdGridCardImageFullMetadataViewModelHostImage { aspect-ratio: 1 / 1; } .ytwAdGridCardImageFullMetadataViewModelHostIsClickableAdComponentMetadata, .ytwAdGridCardImageFullMetadataViewModelHostMetadata { margin: 8px 12px 12px; } .ytwAdGridCardImageFullMetadataViewModelHostIsClickableAdComponentMetadataHeadline, .ytwAdGridCardImageFullMetadataViewModelHostMetadataHeadline { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwAdGridCardImageFullMetadataViewModelHostIsClickableAdComponentMetadataPrimary .ytwAdDetailsLineViewModelHostTextStyleStandard, .ytwAdGridCardImageFullMetadataViewModelHostMetadataPrimary .ytwAdDetailsLineViewModelHostTextStyleStandard { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwAdGridCardImageFullMetadataViewModelHostIsClickableAdComponentMetadataSecondary, .ytwAdGridCardImageFullMetadataViewModelHostMetadataSecondary { margin-top: 4px; } .ytwAdGridCardImageViewModelHostIsClickableAdComponent, .ytwAdGridCardImageViewModelHost { aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; max-height: 100%; max-width: 100%; display: flex; flex-grow: 1; align-self: stretch; cursor: pointer; position: relative; } .ytwAdGridCardImageViewModelHostIsClickableAdComponentCardBadge, .ytwAdGridCardImageViewModelHostCardBadge { position: absolute; top: 0px; left: 0px; display: flex; } .ytwAdGridCardTextViewModelHostIsClickableAdComponent, .ytwAdGridCardTextViewModelHost { flex-direction: row; min-height: 60px; border-radius: 12px; background-color: rgba(255, 255, 255, 0.1); display: flex; flex-grow: 1; align-self: stretch; align-items: center; cursor: pointer; } .ytwAdGridCardTextViewModelHostIsClickableAdComponent:hover .ytwAdGridCardTextViewModelHostButton, .ytwAdGridCardTextViewModelHost:hover .ytwAdGridCardTextViewModelHostButton { display: block; margin: 12px 16px 12px 12px; } .ytwAdGridCardTextViewModelHostIsClickableAdComponent:hover .ytwAdGridCardTextViewModelHostMetadata, .ytwAdGridCardTextViewModelHost:hover .ytwAdGridCardTextViewModelHostMetadata { max-width: calc(100% - 80px); } .ytwAdGridCardTextViewModelHostIsClickableAdComponentButton, .ytwAdGridCardTextViewModelHostButton { display: none; } .ytwAdGridCardTextViewModelHostIsClickableAdComponentMetadata, .ytwAdGridCardTextViewModelHostMetadata { flex-direction: column; max-width: calc(100% - 32px); flex-grow: 1; margin-left: 16px; margin-top: 12px; margin-bottom: 12px; } .ytwAdGridCardTextViewModelHostIsClickableAdComponentMetadataHeadline, .ytwAdGridCardTextViewModelHostMetadataHeadline { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwAdGridCardTextViewModelHostIsClickableAdComponentMetadataDescriptionInline, .ytwAdGridCardTextViewModelHostMetadataDescriptionInline { display: flex; } .ytwAdGridCardTextViewModelHostIsClickableAdComponentMetadataDescriptionInline :first-child, .ytwAdGridCardTextViewModelHostMetadataDescriptionInline :first-child { margin-right: 3px; width: max-content; } .ytwAdGridCardTextViewModelHostIsClickableAdComponentMetadataDescriptionInline :not(:first-child), .ytwAdGridCardTextViewModelHostMetadataDescriptionInline :not(:first-child) { flex: 1 1 0%; } .ytwAdGridCardTextViewModelHostIsClickableAdComponentMetadataDescriptionInlineStringInline, .ytwAdGridCardTextViewModelHostMetadataDescriptionInlineStringInline { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ytwAdGridCardTextViewModelHostIsClickableAdComponentMetadataDescription, .ytwAdGridCardTextViewModelHostMetadataDescription { display: block; } .ytwAdGridCardTextViewModelHostIsClickableAdComponentMetadataDescriptionString, .ytwAdGridCardTextViewModelHostMetadataDescriptionString { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwPanelTextIconImageTilesButtonLayoutContentViewModelHost { display: flex; overflow: hidden; flex-direction: column; background-color: rgb(33, 33, 33); } .ytwPanelTextIconImageTilesButtonLayoutContentViewModelHostCardCollection { overflow-y: auto; } .ytwPanelTextIconImageTilesButtonLayoutContentViewModelHostCardCollection::-webkit-scrollbar { width: 16px; } .ytwPanelTextIconImageTilesButtonLayoutContentViewModelHostCardCollection::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(170, 170, 170); } .ytwPanelTextIconImageTilesButtonLayoutContentViewModelHostCardCollection::-webkit-scrollbar-thumb:hover { background-color: rgb(113, 113, 113); } .ytwPanelTextIconImageTilesButtonLayoutContentViewModelHostButton { padding: 16px; } .ytwPanelTextIconImageTilesButtonLayoutContentViewModelHostButtonFallback { padding: 12px; } .ytwPanelTextIconTextGridCardsSubLayoutContentViewModelHost { display: flex; overflow: hidden; flex-direction: column; background-color: rgb(33, 33, 33); } .ytwPanelTextIconTextGridCardsSubLayoutContentViewModelHostCardCollection { overflow: hidden auto; } .ytwPanelTextIconTextGridCardsSubLayoutContentViewModelHostCardCollection::-webkit-scrollbar { width: 16px; } .ytwPanelTextIconTextGridCardsSubLayoutContentViewModelHostCardCollection::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(170, 170, 170); } .ytwPanelTextIconTextGridCardsSubLayoutContentViewModelHostCardCollection::-webkit-scrollbar-thumb:hover { background-color: rgb(113, 113, 113); } .ytwPanelTextIconTextGridCardsSubLayoutContentViewModelHostButton { padding: 16px; } ytd-clip-attribution-renderer { --yt-img-border-radius: 24px; display: flex; flex-direction: column; height: auto; flex-basis: 102px; transition: flex-basis 0.2s ease-out; } ytd-clip-attribution-renderer[is-ad-playing] #top.ytd-clip-attribution-renderer, ytd-clip-attribution-renderer[is-ad-playing] #title.ytd-clip-attribution-renderer, ytd-clip-attribution-renderer[is-ad-playing] #bottom.ytd-clip-attribution-renderer { display: none; } ytd-clip-attribution-renderer[is-ad-playing] { flex-basis: 204px; overflow: hidden; } ytd-clip-attribution-renderer[is-ad-playing] #ad-overlay.ytd-clip-attribution-renderer { animation: 0.2s ease 0s 1 normal none running clips-fade-in; display: flex; } ytd-clip-attribution-renderer[is-page-load] { opacity: 0; } #top.ytd-clip-attribution-renderer, #bottom.ytd-clip-attribution-renderer, #buttons.ytd-clip-attribution-renderer { display: flex; flex-direction: row; align-items: center; } #top.ytd-clip-attribution-renderer, #title.ytd-clip-attribution-renderer, #bottom.ytd-clip-attribution-renderer { opacity: 1; animation: 0.2s ease 0s 1 normal none running clips-fade-in; } #main.ytd-clip-attribution-renderer { padding: var(--ytd-margin-4x) 0 0 0; position: relative; } #top.ytd-clip-attribution-renderer { color: var(--yt-spec-text-secondary); padding: 0 var(--ytd-margin-4x); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #bottom.ytd-clip-attribution-renderer { padding: 0 var(--ytd-margin-6x); } #author-container.ytd-clip-attribution-renderer { display: flex; flex-direction: column; align-items: flex-start; flex: 0 1 100%; overflow-x: hidden; margin-right: var(--ytd-margin-4x); } .author-avatar.ytd-clip-attribution-renderer { width: 40px; height: 40px; } .author-avatar.author-endpoint.ytd-clip-attribution-renderer { margin-right: var(--ytd-margin-4x); } #author.ytd-clip-attribution-renderer { --ytd-channel-name-text-display: block; color: var(--yt-spec-text-primary); margin: 0 0 var(--ytd-margin-base) 0; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #title.ytd-clip-attribution-renderer { display: inline-block; color: var(--yt-spec-text-primary); margin-top: ; margin-right: ; margin-left: ; margin-bottom: var(--ytd-margin-base); word-break: break-word; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #bottom.ytd-clip-attribution-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: flex; flex-direction: column; align-items: flex-start; } #ad-overlay.ytd-clip-attribution-renderer { color: var(--yt-spec-text-primary); display: none; flex-direction: column; padding: 16px 0px 32px; width: 100%; align-items: center; justify-content: center; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #ad-image.ytd-clip-attribution-renderer { height: 102px; width: 120px; margin-bottom: 16px; } #menu.ytd-clip-attribution-renderer { flex-shrink: 0; } #view-count.ytd-clip-attribution-renderer { color: var(--yt-spec-text-secondary); margin: 0 var(--ytd-margin-4x); flex: 1 1 1e-09px; } #under.ytd-clip-attribution-renderer { padding: var(--ytd-margin-2x) var(--ytd-margin-4x); display: flex; flex-direction: column; align-items: flex-end; } @keyframes clips-fade-in { 0% { opacity: 0; display: none; } 100% { opacity: 1; display: block; } } ytd-clip-attribution-renderer:not([has-channel-endpoint]) .author-endpoint.ytd-clip-attribution-renderer { cursor: auto; } .cls-1.ytd-clip-attribution-renderer { fill: none; } .cls-2.ytd-clip-attribution-renderer { fill: rgb(226, 226, 226); } .cls-3.ytd-clip-attribution-renderer { fill: rgb(255, 255, 255); } .cls-4.ytd-clip-attribution-renderer { fill: rgb(164, 197, 255); } .cls-5.ytd-clip-attribution-renderer { fill: rgb(255, 191, 189); } ytd-clip-attribution-renderer[is-dark-theme] .cls-1.ytd-clip-attribution-renderer { fill: none; } ytd-clip-attribution-renderer[is-dark-theme] .cls-2.ytd-clip-attribution-renderer { fill: rgb(76, 76, 76); } ytd-clip-attribution-renderer[is-dark-theme] .cls-3.ytd-clip-attribution-renderer { fill: rgb(33, 33, 33); } ytd-clip-attribution-renderer[is-dark-theme] .cls-4.ytd-clip-attribution-renderer { fill: rgb(107, 159, 255); } ytd-clip-attribution-renderer[is-dark-theme] .cls-5.ytd-clip-attribution-renderer { fill: rgb(180, 123, 255); } ytd-clip-section-footer-renderer { display: flex; flex-direction: row; justify-content: flex-end; opacity: 1; animation: 0.2s ease 0s 1 normal none running clips-footer-fade-in; } #buttons.ytd-clip-section-footer-renderer { display: flex; flex-flow: wrap; justify-content: flex-end; } #buttons.ytd-clip-section-footer-renderer > ytd-button-renderer.ytd-clip-section-footer-renderer { margin: var(--ytd-margin-2x) var(--ytd-margin-2x) var(--ytd-margin-2x) 0; } ytd-clip-section-footer-renderer[is-ad-playing], ytd-clip-section-footer-renderer[is-page-load] { display: none; opacity: 0; } @keyframes clips-footer-fade-in { 0% { opacity: 0; display: none; } 50% { opacity: 0; display: none; } 100% { opacity: 1; display: block; } } ytd-clip-section-renderer { display: flex; flex-direction: column; background-color: var(--yt-spec-brand-background-primary); } ytd-clip-section-renderer, #contents.ytd-clip-section-renderer { overflow: hidden; flex: 1 1 0%; display: flex; flex-direction: column; } ytd-clip-ad-state-renderer { background-color: var(--yt-spec-themed-overlay-background); color: var(--yt-spec-text-primary); display: flex; flex-direction: column; justify-content: space-around; } #message.ytd-clip-ad-state-renderer { margin: var(--ytd-margin-4x); text-align: center; display: flex; flex-direction: column; align-items: center; } #title.ytd-clip-ad-state-renderer { margin-bottom: var(--ytd-margin-2x); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #body.ytd-clip-ad-state-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-clip-creation-text-input-renderer { display: inline-block; } tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer { --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-color: var(--yt-spec-10-percent-layer); --paper-input-container-focus-color: var(--yt-spec-text-disabled); --paper-input-container-underline-border-bottom: 1px solid var(--yt-spec-10-percent-layer); --paper-input-container-underline-focus-border-color: var( --yt-spec-text-secondary ); } tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer .input-content.tp-yt-paper-input-container > input, tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { margin-bottom: var(--ytd-margin-2x); } tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer #labelAndInputContainer.tp-yt-paper-input-container > label, tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label { color: var(--yt-spec-text-disabled); } ytd-clip-creation-text-input-renderer tp-yt-paper-input-char-counter[style-target="host"] { color: var(--yt-spec-text-disabled); margin-top: var(--ytd-margin-2x); } ytd-search-in-video-renderer { display: block; max-height: 224px; background: var(--yt-spec-general-background-a); border-top: 1px solid var(--yt-spec-10-percent-layer); --paper-input-container-floated-label-placeholder-display: none; --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; } .snippets-wrapper.ytd-search-in-video-renderer { max-height: 180px; overflow: hidden auto; display: flex; flex-direction: column; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .input-container.ytd-search-in-video-renderer { margin: 0px 12px 0px 16px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-search-in-video-renderer .icon.ytd-search-in-video-renderer { vertical-align: baseline; padding-right: 8px; color: var(--yt-spec-text-primary); } .snippet-item.highlighted.ytd-search-in-video-renderer { border-left: 3px solid var(--yt-spec-themed-blue); } .snippet-item.highlighted.ytd-search-in-video-renderer .start-time-text.ytd-search-in-video-renderer { color: var(--yt-spec-text-primary); } .snippet-item.highlighted.ytd-search-in-video-renderer { padding-left: 0px; } .snippet-item.ytd-search-in-video-renderer:hover .start-time-text.ytd-search-in-video-renderer { color: var(--yt-spec-call-to-action); } .snippet-item.ytd-search-in-video-renderer:hover .snippet-text.ytd-search-in-video-renderer { background-color: var(--yt-spec-badge-chip-background); } .snippet-item.ytd-search-in-video-renderer { padding: 8px 16px 8px 3px; align-items: baseline; display: flex; flex-direction: row; } .start-time-text.ytd-search-in-video-renderer { color: var(--yt-spec-text-secondary); margin: 0px 16px 0px 12px; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } .snippet-text.ytd-search-in-video-renderer { margin-left: 12px; color: var(--yt-spec-text-primary); } .no-results-item.ytd-search-in-video-renderer { color: var(--yt-spec-text-disabled); padding: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-product-list-item-renderer { display: flex; flex-direction: column; padding: 8px 16px; position: relative; } ytd-product-list-item-renderer:hover { background: var(--yt-spec-badge-chip-background); } #container.ytd-product-list-item-renderer { display: flex; flex-grow: 1; } ytd-product-list-item-renderer[use-center-layout-container] #container.ytd-product-list-item-renderer { align-items: center; } #product-thumbnail.ytd-product-list-item-renderer { background-color: var(--yt-spec-static-white-background); margin-right: 16px; height: 118px; width: 118px; --yt-img-border-radius: 8px; border-radius: 8px; } yt-img-shadow.ytd-product-list-item-renderer { overflow: hidden; height: 118px; width: 118px; } #product-info-and-view.ytd-product-list-item-renderer { flex-direction: column; display: flex; justify-content: space-between; } #product-info.ytd-product-list-item-renderer { display: flex; flex-direction: column; justify-content: center; margin-right: 16px; } #product-title.ytd-product-list-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #brand-name.ytd-product-list-item-renderer, #merchant-name.ytd-product-list-item-renderer { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; color: var(--yt-spec-text-secondary); margin-top: 2px; } #product-price.ytd-product-list-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; margin-top: 2px; } #product-price-replacement.ytd-product-list-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; margin-top: 2px; } #affiliate-disclaimer-text.ytd-product-list-item-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; color: var(--yt-spec-text-primary); margin-top: 2px; } #product-list-item.ytd-product-list-item-renderer { display: flex; flex-direction: row; } #view-button.ytd-product-list-item-renderer { margin-top: 4px; } #action-button.ytd-product-list-item-renderer { margin-top: -7px; margin-right: -8px; } ytd-product-list-renderer { display: flex; flex-direction: column; overflow-y: auto; } ytd-product-list-renderer::-webkit-scrollbar { width: 16px; } ytd-product-list-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } ytd-product-list-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } #contents.ytd-product-list-renderer { display: flex; flex-direction: column; flex-shrink: 0; } ytd-transcript-body-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; display: block; overflow-y: auto; } ytd-transcript-body-renderer::-webkit-scrollbar { width: 16px; } ytd-transcript-body-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } ytd-transcript-body-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } .cue-group.ytd-transcript-body-renderer { padding: 8px 16px 8px 3px; align-items: baseline; display: flex; flex-direction: row; } .cue-group.active.ytd-transcript-body-renderer { color: var(--yt-spec-text-primary); padding-left: 0px; border-left: 3px solid var(--yt-spec-themed-blue); background-color: var(--yt-spec-badge-chip-background); } .cue-group-start-offset.ytd-transcript-body-renderer { margin: 0px 16px 0px 12px; color: var(--yt-spec-text-secondary); font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } ytd-transcript-body-renderer[hide-timestamps] .cue-group-start-offset.ytd-transcript-body-renderer { display: none; } .cue-group.active.ytd-transcript-body-renderer .cue-group-start-offset.ytd-transcript-body-renderer { color: var(--yt-spec-text-primary); } .cue-group.ytd-transcript-body-renderer:hover .cue-group-start-offset.ytd-transcript-body-renderer { color: var(--yt-spec-call-to-action); } .cues.ytd-transcript-body-renderer { margin-left: 12px; overflow: hidden; overflow-wrap: break-word; } .cue.ytd-transcript-body-renderer { display: inline; cursor: pointer; color: var(--yt-spec-text-primary); } .cue.ytd-transcript-body-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } .cue.active.ytd-transcript-body-renderer { font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } ytd-transcript-footer-renderer { padding-left: 16px; height: 48px; background-color: var(--yt-spec-brand-background-primary); display: flex; flex-direction: row; align-items: center; } ytd-transcript-footer-renderer[darker-panels] { background-color: transparent; } #menu.ytd-transcript-footer-renderer, yt-sort-filter-sub-menu-renderer.ytd-transcript-footer-renderer { max-width: 100%; } ytd-transcript-renderer { display: flex; flex-direction: column; } ytd-transcript-renderer, #body.ytd-transcript-renderer, #content.ytd-transcript-renderer { overflow: hidden; flex: 0 1 auto; display: flex; flex-direction: column; } ytd-transcript-search-box-renderer { --paper-input-container-floated-label-placeholder-display: none; --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; --paper-input-container-underline-wrapper-height: 0; display: block; background-color: var(--yt-spec-brand-background-solid); margin-bottom: 12px; } .input-container.ytd-transcript-search-box-renderer { margin: 0px 16px; border-radius: 4px; background-color: var(--yt-spec-general-background-b); padding: 4px 0px; } .icon.ytd-transcript-search-box-renderer { --iron-icon-stroke-color: var(--yt-spec-icon-active-other); padding-left: 16px; padding-right: 20px; } #transcript-search-box-input.ytd-transcript-search-box-renderer { color: var(--yt-spec-text-primary); caret-color: var(--yt-spec-themed-blue); } #transcript-search-box-input.ytd-transcript-search-box-renderer::-webkit-input-placeholder { color: var(--yt-spec-text-secondary); opacity: 1; } #transcript-search-box-input.ytd-transcript-search-box-renderer::placeholder { color: var(--yt-spec-text-secondary); opacity: 1; } .clear-button.ytd-transcript-search-box-renderer { --iron-icon-stroke-color: var(--yt-spec-icon-active-other); padding: 0px; margin-right: 8px; height: 24px; width: 24px; } .input-container.ytd-transcript-search-box-renderer:focus-within .icon.ytd-transcript-search-box-renderer, .input-container.ytd-transcript-search-box-renderer:focus-within .clear-button.ytd-transcript-search-box-renderer { --iron-icon-fill-color: var(--yt-spec-icon-active-other); } ytd-transcript-search-panel-renderer { background-color: var(--yt-spec-brand-background-solid); } ytd-transcript-search-panel-renderer[darker-panels] { background-color: transparent; } ytd-transcript-search-panel-renderer[darker-panels] #error-container.ytd-transcript-search-panel-renderer { background-color: transparent; } ytd-transcript-search-panel-renderer, #body.ytd-transcript-search-panel-renderer { overflow: hidden; flex: 1 1 0%; --ytd-transcript-segment-time-display: block; --ytd-transcript-segment-text-margin-left: 0; display: flex; flex-direction: column; } ytd-transcript-search-panel-renderer[hide-timestamps] #body.ytd-transcript-search-panel-renderer { --ytd-transcript-segment-time-display: none; --ytd-transcript-segment-text-margin-left: 16px; } #error-container.ytd-transcript-search-panel-renderer { height: calc(var(--ytd-watch-flexy-panel-max-height) - 96px); background-color: var(--yt-spec-brand-background-solid); display: flex; align-items: center; justify-content: center; } #retry-button.ytd-transcript-search-panel-renderer { background-color: var(--yt-spec-call-to-action); color: var(--yt-spec-suggested-action); font-size: 1.4rem; line-height: 1.8rem; } #retry-button.ytd-transcript-search-panel-renderer:hover, #retry-button.ytd-transcript-search-panel-renderer:focus, #retry-button.ytd-transcript-search-panel-renderer:active { background-color: var(--yt-spec-call-to-action-hover); } .spinner-container.ytd-transcript-search-panel-renderer { display: flex; align-items: center; justify-content: center; height: calc(var(--ytd-watch-flexy-panel-max-height) - 98px); } ytd-transcript-section-header-renderer { background-color: var(--yt-spec-brand-background-solid); } #title.ytd-transcript-section-header-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-style: normal; padding: 12px 16px 8px; } .transcript-section-header.ytd-transcript-section-header-renderer { outline: none; cursor: pointer; padding-left: 4px; } .transcript-section-header.ytd-transcript-section-header-renderer:hover, .transcript-section-header.ytd-transcript-section-header-renderer:focus, .transcript-section-header.ytd-transcript-section-header-renderer:active { background-color: var(--yt-spec-badge-chip-background); } ytd-transcript-segment-list-renderer { display: block; height: calc(var(--ytd-watch-flexy-panel-max-height) - 96px); background-color: var(--yt-spec-brand-background-solid); overflow: hidden auto; } ytd-transcript-segment-list-renderer::-webkit-scrollbar { width: 16px; } ytd-transcript-segment-list-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } ytd-transcript-segment-list-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } ytd-transcript-segment-list-renderer[darker-panels] { background-color: transparent; } #message-container.ytd-transcript-segment-list-renderer { height: 100%; display: flex; align-items: center; justify-content: center; } #no-results.ytd-transcript-segment-list-renderer { color: var(--yt-spec-text-primary); font-size: 1.4rem; line-height: 1.8rem; } ytd-transcript-segment-renderer.active .segment.ytd-transcript-segment-renderer { background-color: var(--yt-spec-badge-chip-background); } ytd-transcript-segment-renderer.active .segment.ytd-transcript-segment-renderer .segment-text.ytd-transcript-segment-renderer { font-weight: 500; } .segment.ytd-transcript-segment-renderer { position: relative; padding: 12px 16px 8px 4px; outline: none; align-items: baseline; display: flex; flex-direction: row; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; cursor: pointer; } .segment.ytd-transcript-segment-renderer:hover, .segment.ytd-transcript-segment-renderer:focus, .segment.ytd-transcript-segment-renderer:active { background-color: var(--yt-spec-badge-chip-background); } .segment.ytd-transcript-segment-renderer:hover .segment-text.ytd-transcript-segment-renderer, .segment.ytd-transcript-segment-renderer:focus .segment-text.ytd-transcript-segment-renderer, .segment.ytd-transcript-segment-renderer:active .segment-text.ytd-transcript-segment-renderer { font-weight: 500; } .segment-start-offset.ytd-transcript-segment-renderer { display: var(--ytd-transcript-segment-time-display); margin: 0px 16px 0px 12px; } ytd-transcript-segment-renderer[is-edit-mode] .segment-start-offset.ytd-transcript-segment-renderer { margin: 0px 6px 0px 12px; } .segment-timestamp.ytd-transcript-segment-renderer { color: var(--yt-spec-call-to-action); background-color: var(--yt-spec-suggested-action); padding: 0px 4px; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } ytd-transcript-segment-renderer[rounded-container] .segment-timestamp.ytd-transcript-segment-renderer { border-radius: 4px; } .segment-text.ytd-transcript-segment-renderer { color: var(--yt-spec-text-primary); overflow-wrap: break-word; margin-left: var(--ytd-transcript-segment-text-margin-left); width: 100%; } .segment-edit.ytd-transcript-segment-renderer { width: 18px; height: 18px; } .segment-edit.ytd-transcript-segment-renderer yt-icon-button.ytd-transcript-segment-renderer { bottom: 5px; } .segment-edit.ytd-transcript-segment-renderer tp-yt-paper-tooltip.ytd-transcript-segment-renderer { padding-right: 16px; } .segment-undo.ytd-transcript-segment-renderer { width: 18px; height: 18px; padding-right: 10px; } .segment-undo.ytd-transcript-segment-renderer yt-icon-button.ytd-transcript-segment-renderer { bottom: 5px; } .submit.ytd-transcript-segment-renderer tp-yt-paper-tooltip.ytd-transcript-segment-renderer { white-space: nowrap; } ytd-transcript-segment-renderer:not([mouse-over]) .segment-undo.ytd-transcript-segment-renderer:not(:focus-within) { opacity: 0; } ytd-transcript-segment-renderer:not([mouse-over]) .segment-edit.ytd-transcript-segment-renderer:not(:focus-within) { opacity: 0; } yt-icon-button.ytd-transcript-segment-renderer yt-icon.ytd-transcript-segment-renderer { color: var(--yt-spec-icon-inactive); } yt-icon-button.ytd-transcript-segment-renderer:hover yt-icon.ytd-transcript-segment-renderer { color: var(--yt-spec-icon-active-other); } tp-yt-paper-input-container.ytd-transcript-segment-renderer { --paper-input-container-underline-display: none; --paper-input-container-underline-focus-display: none; --paper-input-container-input-color: var(--yt-spec-text-primary); --paper-input-container-focus-color: var(--yt-spec-text-primary); --iron-autogrow-textarea-placeholder-padding: 10px; width: 100%; padding-top: 0px; padding-bottom: 0px; } tp-yt-paper-input-container.ytd-transcript-segment-renderer .input-content.tp-yt-paper-input-container > input, tp-yt-paper-input-container.ytd-transcript-segment-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input, tp-yt-paper-input-container.ytd-transcript-segment-renderer .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-input-container.ytd-transcript-segment-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-input-container.ytd-transcript-segment-renderer .input-content.tp-yt-paper-input-container > .paper-input-input { display: inline-block; padding: 12px; box-shadow: inset 0 0 0 1px var(--yt-spec-10-percent-layer); border-radius: 4px; box-sizing: border-box; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } tp-yt-paper-input-container.ytd-transcript-segment-renderer .input-content.tp-yt-paper-input-container > input[focused], tp-yt-paper-input-container.ytd-transcript-segment-renderer .input-content.tp-yt-paper-input-container > tp-yt-iron-input[focused], tp-yt-paper-input-container.ytd-transcript-segment-renderer .input-content.tp-yt-paper-input-container > textarea[focused], tp-yt-paper-input-container.ytd-transcript-segment-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea[focused], tp-yt-paper-input-container.ytd-transcript-segment-renderer .input-content.tp-yt-paper-input-container > .paper-input-input[focused] { box-shadow: rgb(6, 95, 212) 0px 0px 0px 1px inset; } ytd-transcript-segment-renderer tp-yt-iron-autogrow-textarea#suggestion .tp-yt-iron-autogrow-textarea[style-target="textarea"] { padding-top: 8px; padding-left: 10px; padding-bottom: 14px; } #actions.ytd-transcript-segment-renderer { position: absolute; bottom: 18px; right: 22px; } #actions.ytd-transcript-segment-renderer div.ytd-transcript-segment-renderer { display: inline-block; padding-right: 4px; } ytd-transcript-segment-renderer:not([text-changed]) #actions.ytd-transcript-segment-renderer .submit.ytd-transcript-segment-renderer { pointer-events: none; } ytd-transcript-segment-renderer:not([text-changed]) #actions.ytd-transcript-segment-renderer .submit.ytd-transcript-segment-renderer yt-icon-button.ytd-transcript-segment-renderer yt-icon.ytd-transcript-segment-renderer { color: var(--yt-spec-icon-disabled); } ytd-engagement-panel-section-list-renderer { border: 1px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; display: flex; flex-direction: column; } ytd-engagement-panel-section-list-renderer[visibility="ENGAGEMENT_PANEL_VISIBILITY_HIDDEN"]:not([dialog]) { display: none; } ytd-engagement-panel-section-list-renderer[match-content-theme] #content.ytd-engagement-panel-section-list-renderer { background-color: var(--yt-spec-brand-background-primary); } ytd-engagement-panel-section-list-renderer[live-chat-engagement-panel] { height: inherit; border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-engagement-panel-section-list-renderer[live-chat-engagement-panel]:not([dialog]) #header.ytd-engagement-panel-section-list-renderer:not(:empty) { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-engagement-panel-section-list-renderer[live-chat-engagement-panel] #content.ytd-engagement-panel-section-list-renderer { background-color: transparent; } ytd-engagement-panel-section-list-renderer[live-chat-engagement-panel] ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer { padding-left: 0px; } ytd-engagement-panel-section-list-renderer[modern-panels]:not([live-chat-engagement-panel]) { border-radius: 12px; overflow: hidden; } #content.ytd-engagement-panel-section-list-renderer { overflow: hidden; height: calc(var(--ytd-engagement-panel-content-height) - 56px); min-height: calc(var(--ytd-engagement-panel-content-min-height) - 56px); width: var(--ytd-engagement-panel-content-width); flex: 1 1 auto; display: flex; flex-direction: column; } ytd-engagement-panel-section-list-renderer[enable-anchored-panel][target-id="engagement-panel-structured-description"] #content.ytd-engagement-panel-section-list-renderer .ytd-engagement-panel-section-list-renderer:first-child { padding-top: 16px; } ytd-engagement-panel-section-list-renderer[visibility="ENGAGEMENT_PANEL_VISIBILITY_COLLAPSED"] #content.ytd-engagement-panel-section-list-renderer { display: none; } ytd-engagement-panel-section-list-renderer[scrimmed] { position: relative; z-index: 601; } ytd-engagement-panel-section-list-renderer[content-empty] { display: none; } ytd-engagement-panel-section-list-renderer[is-watch-while-panel] { border: none; } ytd-engagement-panel-section-list-renderer[is-watch-while-panel] ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer { padding-left: 0px; } ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-posts"] ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer { overflow-y: auto; padding-left: 0px; } ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-posts"] ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer::-webkit-scrollbar { width: 16px; } ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-posts"] ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-posts"] ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-youchat"] ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer { padding-left: 0px; } ytd-engagement-panel-section-list-renderer[target-id="PAyouchat"] { --ytd-engagement-panel-content-height: calc(var(--ytd-watch-flexy-panel-max-height) - var( --ytd-watch-flexy-masthead-height ) - 4px); } ytd-engagement-panel-section-list-renderer[dialog] { max-width: 560px; min-width: 450px; max-height: inherit; border: none; margin: 0px; padding: 0px; } ytd-engagement-panel-section-list-renderer[dialog] #header.ytd-engagement-panel-section-list-renderer { margin: 8px 8px 0px; } ytd-engagement-panel-section-list-renderer[dialog] ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer { padding-left: 0px; overflow-y: auto; } ytd-engagement-panel-section-list-renderer[dialog][live-chat-reply-panel], ytd-engagement-panel-section-list-renderer[dialog][live-chat-engagement-panel] { margin: 0px; width: 384px; min-width: 384px; } ytd-engagement-panel-section-list-renderer[dialog][dialog] { margin-top: 0px; padding-top: 0px; } ytd-engagement-panel-section-list-renderer[dialog][target-id="PAabuse_report"] { min-width: 400px; width: 400px; margin-bottom: 12px; } ytd-engagement-panel-section-list-renderer[dialog][target-id="PAabuse_report"] #header.ytd-engagement-panel-section-list-renderer.ytd-engagement-panel-section-list-renderer { display: none; } ytd-engagement-panel-section-list-renderer[dialog][target-id="PAfeedback_genai"] { max-width: 400px; min-width: 384px; } ytd-engagement-panel-section-list-renderer:not([is-watch-while-panel])[target-id="engagement-panel-comments-section"] #content.ytd-engagement-panel-section-list-renderer { height: 100%; } ytd-engagement-panel-section-list-renderer[dialog][target-id="engagement-panel-comments-section"], ytd-engagement-panel-section-list-renderer[dialog][target-id="shopping_panel_for_entry_point_9"] { height: 70vh; min-height: 240px; max-height: 720px; width: 450px; min-width: 300px; max-width: 80vw; } ytd-engagement-panel-section-list-renderer[dialog][web-size="ENGAGEMENT_PANEL_SIZE_OPTIMIZED_FOR_CHANNELS"] { min-height: 340px; max-height: 70vh; min-width: 710px; } ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer { padding-left: var(--ytd-margin-6x); } ytd-engagement-panel-section-list-renderer[dialog] #content.ytd-engagement-panel-section-list-renderer { background: var(--yt-spec-brand-background-solid); } ytd-engagement-panel-section-list-renderer[darker-panels] { background-color: var(--yt-spec-base-background); } ytd-engagement-panel-section-list-renderer[dropdown] { border-radius: 12px; box-shadow: 0 4px 32px 0 var(--yt-spec-static-overlay-background-light); border: none; backdrop-filter: blur(8px); max-height: 640px; min-width: 480px; background: var(--yt-spec-brand-background-primary); } ytd-engagement-panel-section-list-renderer[dropdown] ytd-content-loading-renderer.ytd-engagement-panel-section-list-renderer { min-height: 590px; } ytd-engagement-panel-section-list-renderer[dropdown] #header.ytd-engagement-panel-section-list-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); } ytd-engagement-panel-section-list-renderer[dropdown] #content.ytd-engagement-panel-section-list-renderer, ytd-engagement-panel-section-list-renderer[dropdown] #footer.ytd-engagement-panel-section-list-renderer { background-color: var(--yt-spec-brand-background-primary); } ytd-engagement-panel-section-list-renderer[dropdown] #footer.ytd-engagement-panel-section-list-renderer:not(:empty) { padding: 0px 12px; border-top: 1px solid var(--yt-spec-10-percent-layer); } ytd-engagement-panel-section-list-renderer[dropdown] ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer { padding-left: 0px; } ytd-engagement-panel-section-list-renderer[dropdown][disable-backdrop-filter] { backdrop-filter: none; } ytd-engagement-panel-section-list-renderer[target-id="PAlc_emoji_customization"] #footer.ytd-engagement-panel-section-list-renderer { border-top: 1px solid var(--yt-spec-10-percent-layer); } ytd-engagement-panel-section-list-renderer[target-id="PAlive_viewer_leaderboard"] #content.ytd-engagement-panel-section-list-renderer { padding-left: 16px; padding-right: 16px; position: relative; } ytd-engagement-panel-section-list-renderer[target-id="PAlive_viewer_leaderboard"] #footer.ytd-engagement-panel-section-list-renderer { padding-left: 16px; padding-right: 16px; border-top: 1px solid var(--yt-spec-outline); } ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-shorts-audio-pivot"] #content.ytd-engagement-panel-section-list-renderer, ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-shorts-effect-pivot"] #content.ytd-engagement-panel-section-list-renderer, ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-shorts-channel-pivot"] #content.ytd-engagement-panel-section-list-renderer { overflow-y: scroll; height: calc(var(--ytd-engagement-panel-content-height) - 48px); min-height: calc(var(--ytd-engagement-panel-content-min-height) - 48px); } ytd-engagement-panel-section-list-renderer[target-id="learning-journey-engagement-panel"] { border: none; } ytd-engagement-panel-section-list-renderer[target-id="learning-journey-engagement-panel"] #content.ytd-engagement-panel-section-list-renderer { background-color: var(--yt-spec-additive-background); padding: 8px; } ytd-engagement-panel-section-list-renderer[target-id="learning-journey-engagement-panel"] ytd-section-list-renderer.ytd-engagement-panel-section-list-renderer { padding-left: 0px; } ytd-ad-engagement-panel-banner-renderer { display: block; } .banner-click-container.ytd-ad-engagement-panel-banner-renderer, .banner-image.ytd-ad-engagement-panel-banner-renderer { height: 100%; width: 100%; } ytd-engagement-panel-ad-subtitle-renderer { display: flex; flex-direction: row; align-items: center; } #ad-badge.ytd-engagement-panel-ad-subtitle-renderer { margin-inline-end: -2px; margin-bottom: -1px; } #ad-badge-text.ytd-engagement-panel-ad-subtitle-renderer { color: var(--yt-spec-static-overlay-text-primary); margin-right: 4px; overflow: visible; padding-top: 1px; font-size: 1.2rem; font-weight: 500; line-height: 1.5rem; display: flex; } #ad-info-button.ytd-engagement-panel-ad-subtitle-renderer { height: 16px; margin-right: 8px; } #subtitle.ytd-engagement-panel-ad-subtitle-renderer { color: var(--yt-spec-text-secondary); overflow: hidden; padding-top: 1px; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-engagement-panel-ad-subtitle-renderer[modern-panels]:not([ads-semantic-text]) #subtitle.ytd-engagement-panel-ad-subtitle-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-engagement-panel-ad-subtitle-renderer[ads-semantic-text] #subtitle.ytd-engagement-panel-ad-subtitle-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-engagement-panel-ad-subtitle-renderer[button-update] #ad-info-button.ytd-engagement-panel-ad-subtitle-renderer { display: none; } ytd-engagement-panel-title-header-renderer { display: block; position: relative; } ytd-engagement-panel-title-header-renderer[darker-panels] #header.ytd-engagement-panel-title-header-renderer { background-color: var(--yt-spec-base-background); } #header.ytd-engagement-panel-title-header-renderer { padding: 4px 2px 4px 16px; color: var(--yt-spec-text-primary); background-color: var(--yt-spec-brand-background-primary); display: flex; align-items: center; } ytd-engagement-panel-title-header-renderer[shorts-panel] #header.ytd-engagement-panel-title-header-renderer { padding: 4px 16px; } ytd-engagement-panel-title-header-renderer[shorts-panel][enable-squeezeback-panels] #header.ytd-engagement-panel-title-header-renderer { background-color: transparent; } ytd-engagement-panel-title-header-renderer[shorts-panel][enable-anchored-panel] #header.ytd-engagement-panel-title-header-renderer { background-color: transparent; border-bottom: 1px solid var(--yt-spec-outline); } ytd-engagement-panel-title-header-renderer[live-chat-engagement-panel] #header.ytd-engagement-panel-title-header-renderer { height: 48px; box-sizing: border-box; padding: 8px; background-color: transparent; } ytd-engagement-panel-title-header-renderer[live-chat-engagement-panel] #header.ytd-engagement-panel-title-header-renderer #title-text.ytd-engagement-panel-title-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-engagement-panel-title-header-renderer[live-chat-engagement-panel] #action-button.ytd-engagement-panel-title-header-renderer { margin: 0px; } ytd-engagement-panel-title-header-renderer[live-chat-engagement-panel] #navigation-button.ytd-engagement-panel-title-header-renderer { margin: 0px 8px; } #icon.ytd-engagement-panel-title-header-renderer { height: 40px; margin: 8px 12px 8px 0px; width: 40px; border-radius: 50%; background-color: transparent; overflow: hidden; } #title-container.ytd-engagement-panel-title-header-renderer { margin: 10px 8px 10px 0px; overflow: hidden; flex: 1 1 1e-09px; } #title.ytd-engagement-panel-title-header-renderer { display: flex; flex-direction: row; } #title.ytd-engagement-panel-title-header-renderer:focus { outline: none; } ytd-engagement-panel-title-header-renderer[modern-panels] #title.ytd-engagement-panel-title-header-renderer { align-items: baseline; } ytd-engagement-panel-title-header-renderer:not([modern-panels]) #title-text.ytd-engagement-panel-title-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-engagement-panel-title-header-renderer[modern-panels]:not([ads-semantic-text]) #title-text.ytd-engagement-panel-title-header-renderer { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-engagement-panel-title-header-renderer[ads-semantic-text] #title-text.ytd-engagement-panel-title-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; max-height: 2.2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #contextual-info.ytd-engagement-panel-title-header-renderer { margin-left: 8px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #action-button.ytd-engagement-panel-title-header-renderer { margin: 10px 8px 10px 0px; } #action-button.ytd-engagement-panel-title-header-renderer ytd-button-renderer.ytd-engagement-panel-title-header-renderer { --yt-paper-button-height: 32px; } #menu.ytd-engagement-panel-title-header-renderer:not(:empty) { margin-right: 8px; } #menu.ytd-engagement-panel-title-header-renderer yt-sort-filter-sub-menu-renderer.ytd-engagement-panel-title-header-renderer { --yt-dropdown-menu-button-height: 40px; --yt-dropdown-menu-button-width: 40px; } #menu.ytd-engagement-panel-title-header-renderer { --ytd-menu-renderer-button-color: var(--yt-spec-icon-active-other); } #visibility-button.ytd-engagement-panel-title-header-renderer, #information-button.ytd-engagement-panel-title-header-renderer { --yt-button-color: var(--yt-spec-icon-active-other); } #navigation-button.ytd-engagement-panel-title-header-renderer { margin-left: -14px; } ytd-engagement-panel-title-header-renderer[modern-panels] #navigation-button.ytd-engagement-panel-title-header-renderer { margin-right: 4px; } #ads-info-button.ytd-engagement-panel-title-header-renderer { position: absolute; right: 0px; top: 0px; } #subtitle.ytd-engagement-panel-title-header-renderer { color: var(--yt-spec-text-secondary); padding-top: 1px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 1.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #subheader.ytd-engagement-panel-title-header-renderer:not(:empty) { padding: 8px 12px; background-color: var(--yt-spec-brand-background-primary); border-top: 1px solid var(--yt-spec-10-percent-layer); } ytd-macro-markers-info-item-renderer { display: flex; flex-direction: row; align-items: center; flex: 0 0 auto; padding: 0px 8px 0px 16px; color: var(--yt-spec-text-primary); } yt-formatted-string.ytd-macro-markers-info-item-renderer { flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #edit.ytd-macro-markers-info-item-renderer { --yt-button-padding: 10px 8px; --yt-paper-button-min-width: 0px; } ytd-macro-markers-list-renderer { position: relative; overflow: hidden; display: flex; flex-direction: column; } #contents.ytd-macro-markers-list-renderer { display: flex; flex-direction: column; overflow-y: auto; } #contents.ytd-macro-markers-list-renderer::-webkit-scrollbar { width: 16px; } #contents.ytd-macro-markers-list-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } #contents.ytd-macro-markers-list-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } ytd-macro-markers-list-renderer, #contents.ytd-macro-markers-list-renderer { flex: 1 1 0%; } ytd-macro-markers-list-renderer[browsing-mode] #contents.ytd-macro-markers-list-renderer::after, ytd-macro-markers-list-renderer.browsing-mode #contents.ytd-macro-markers-list-renderer::after { display: block; content: ""; height: 60px; flex: 0 0 auto; } #sync-container.ytd-macro-markers-list-renderer { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 60px; z-index: 2; transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1); display: flex; flex-direction: row; align-items: center; justify-content: center; } ytd-macro-markers-list-renderer:not([browsing-mode]) #sync-container.ytd-macro-markers-list-renderer { transform: translateY(60px); } ytd-macro-markers-list-renderer.browsing-mode #sync-container.ytd-macro-markers-list-renderer { transform: translateY(0px); } #sync-button.ytd-macro-markers-list-renderer { color: var(--yt-spec-text-primary-inverse); background: var(--yt-spec-themed-blue); padding: 8px 12px; border-radius: 28px; box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 0px 4px; text-transform: none; font-size: var(--yt-badge-font-size,1.2rem); font-weight: var(--yt-badge-font-weight,500); line-height: var(--yt-badge-line-height-size,1.2rem); letter-spacing: var(--yt-badge-letter-spacing,unset); } #sync-button-modern.ytd-macro-markers-list-renderer { flex: 0 0 auto; } ytd-error-corrections-section-item-renderer { padding: 12px 12px 12px 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: flex; } #channel-thumbnail.ytd-error-corrections-section-item-renderer { margin-right: 12px; height: 100%; border-radius: 50%; background-color: transparent; overflow: hidden; } #correction-timestamp.ytd-error-corrections-section-item-renderer { padding: 2px 6px; margin-right: 8px; border-radius: 2px; color: var(--yt-spec-themed-blue); background-color: var(--yt-spec-suggested-action); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; align-self: flex-start; } #correction-text.ytd-error-corrections-section-item-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-error-corrections-section-renderer { display: flex; flex-direction: column; } #header.ytd-error-corrections-section-renderer { display: flex; flex-direction: row; } #title.ytd-error-corrections-section-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; align-self: center; } #flex.ytd-error-corrections-section-renderer { flex: 1 1 1e-09px; } ytd-topic-link-renderer { height: 48px; flex: 1 1 1e-09px; } #topic-link-container.ytd-topic-link-renderer { text-decoration: none; padding: 8px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 6px; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; } #thumbnail.ytd-topic-link-renderer { margin-right: 16px; } #title.ytd-topic-link-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #call-to-action-icon.ytd-topic-link-renderer { margin-left: auto; color: var(--yt-spec-text-primary); } ytd-video-description-course-section-renderer { display: block; padding: 16px; border-top: 6px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; } ytd-video-description-course-section-renderer[modern] { border-top: unset; } #title.ytd-video-description-course-section-renderer { margin-bottom: 12px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.6rem; -webkit-line-clamp: 1; } ytd-video-description-course-section-renderer[modern-typography] #title.ytd-video-description-course-section-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-video-description-course-section-renderer[modern-typography] #title.ytd-video-description-course-section-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } #topic-link.ytd-video-description-course-section-renderer { margin-top: 16px; } ytd-video-description-files-section-renderer { border-top: 6px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; display: block; padding-top: 16px; padding-bottom: 16px; } ytd-video-description-files-section-renderer[modern] { border-top: unset; } #header.ytd-video-description-files-section-renderer { display: flex; flex-direction: row; align-items: center; } #flex.ytd-video-description-files-section-renderer { flex: 1 1 1e-09px; } #title.ytd-video-description-files-section-renderer { color: var(--yt-spec-text-primary); margin-bottom: 2px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.6rem; -webkit-line-clamp: 1; } ytd-video-description-files-section-renderer[modern-typography] #title.ytd-video-description-files-section-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-video-description-files-section-renderer[modern-typography] #title.ytd-video-description-files-section-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } #description.ytd-video-description-files-section-renderer { color: var(--yt-spec-text-secondary); margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #file-buttons.ytd-video-description-files-section-renderer > .ytd-video-description-files-section-renderer { border-radius: 16px; color: var(--yt-spec-text-primary); margin-right: 12px; text-transform: capitalize; font-size: 1.3rem; font-weight: 500; line-height: 1.8rem; } #file-buttons.ytd-video-description-files-section-renderer > .ytd-video-description-files-section-renderer[disabled] { background-color: var(--yt-spec-badge-chip-background); color: var(--yt-spec-text-disabled); } ytd-button-renderer.ytd-video-description-files-section-renderer { --ytd-margin-base: 6px; --ytd-margin-2x: 13px; } ytd-video-description-gaming-section-renderer { display: block; padding: 16px 0px; box-sizing: border-box; } #title.ytd-video-description-gaming-section-renderer { margin-bottom: 12px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #topic-link.ytd-video-description-gaming-section-renderer { margin-top: 16px; } ytd-info-row-renderer { color: var(--yt-spec-text-primary); display: block; border-bottom: 1px solid var(--yt-spec-10-percent-layer); overflow: hidden; padding: 12px 0px; } #info-row-header.ytd-info-row-renderer { display: flex; flex-direction: row; align-items: center; } #title.ytd-info-row-renderer { color: var(--yt-spec-text-secondary); margin-right: 28px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #default-metadata-section.ytd-info-row-renderer { margin-left: auto; text-align: right; max-width: 400px; display: flex; flex-direction: row; align-items: center; justify-content: center; } #default-metadata.ytd-info-row-renderer { word-break: break-all; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-info-row-renderer[has-default-metadata-endpoint] #default-metadata-section.ytd-info-row-renderer, ytd-info-row-renderer[has-default-metadata-endpoint] yt-formatted-string.ytd-info-row-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #expanded-metadata.ytd-info-row-renderer { display: block; margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #truncation-text.ytd-info-row-renderer { margin-left: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-video-description-music-section-renderer { --yt-endpoint-color: var(--yt-spec-call-to-action); --yt-endpoint-hover-color: var(--yt-spec-call-to-action); --yt-endpoint-visited-color: var(--yt-spec-call-to-action); --ytd-compact-video-renderer-width: 300px; --yt-paper-tooltip-display: none; display: block; border-top: 6px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; padding: 16px 0px; } ytd-video-description-music-section-renderer[modern] { border-top: unset; } .arrow-container.ytd-video-description-music-section-renderer { position: absolute; visibility: hidden; border-radius: 24px; background-color: var(--yt-spec-brand-background-solid); box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 4px, rgba(0, 0, 0, 0.2) 0px 0px 4px; z-index: 200; } #title.ytd-video-description-music-section-renderer, #scroll-container.ytd-video-description-music-section-renderer, #topic-link.ytd-video-description-music-section-renderer, #info-rows.ytd-video-description-music-section-renderer { padding: 0px 16px; } #left-arrow-container.ytd-video-description-music-section-renderer { left: 20px; } #right-arrow-container.ytd-video-description-music-section-renderer { right: 20px; } #title.ytd-video-description-music-section-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; display: block; max-height: 2.6rem; -webkit-line-clamp: 1; } #video-lockups.ytd-video-description-music-section-renderer { position: relative; margin-top: 12px; display: flex; flex-direction: row; align-items: center; } #scroll-container.ytd-video-description-music-section-renderer { overflow: hidden; } #video-lockups.ytd-video-description-music-section-renderer:hover .arrow-container.ytd-video-description-music-section-renderer { visibility: visible; } #items.ytd-video-description-music-section-renderer { transition-duration: 0.15s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); will-change: transform; display: inline-block; white-space: nowrap; } ytd-compact-video-renderer.ytd-video-description-music-section-renderer:last-child { margin-right: unset; } #premium-upsell-link.ytd-video-description-music-section-renderer { padding: 0px 16px; margin-top: 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } ytd-video-description-music-section-renderer[inline-structured-description] #title.ytd-video-description-music-section-renderer, ytd-video-description-music-section-renderer[inline-structured-description] #scroll-container.ytd-video-description-music-section-renderer, ytd-video-description-music-section-renderer[inline-structured-description] #topic-link.ytd-video-description-music-section-renderer, ytd-video-description-music-section-renderer[inline-structured-description] #info-rows.ytd-video-description-music-section-renderer { padding: unset; } ytd-video-description-music-section-renderer[inline-structured-description] #premium-upsell-link.ytd-video-description-music-section-renderer { padding-left: unset; } #info-rows.ytd-video-description-music-section-renderer { margin-top: 4px; } #topic-link.ytd-video-description-music-section-renderer { margin-top: 16px; } ytd-video-description-transcript-section-renderer { display: block; padding: 16px 0px; border-top: 6px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; } ytd-video-description-transcript-section-renderer[modern] { border-top: unset; } #header.ytd-video-description-transcript-section-renderer { display: flex; flex-direction: row; } #title.ytd-video-description-transcript-section-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-description-transcript-section-renderer[modern-typography] #title.ytd-video-description-transcript-section-renderer { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 2.8rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-video-description-transcript-section-renderer[modern-typography] #title.ytd-video-description-transcript-section-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 2.6rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } #sub-header-text.ytd-video-description-transcript-section-renderer { margin-top: 12px; margin-bottom: 16px; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-structured-description-content-renderer { display: block; overflow: hidden auto; } ytd-structured-description-content-renderer::-webkit-scrollbar { width: 16px; } ytd-structured-description-content-renderer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: var(--yt-spec-text-secondary); } ytd-structured-description-content-renderer::-webkit-scrollbar-thumb:hover { background-color: var(--yt-spec-icon-disabled); } ytd-structured-description-content-renderer[engagement-panel] #items.ytd-structured-description-content-renderer { padding: 0px 16px; } ytd-structured-description-content-renderer:not([engagement-panel]) #items.ytd-structured-description-content-renderer ytd-merch-shelf-renderer.ytd-structured-description-content-renderer { display: none; } ytd-structured-description-content-renderer[engagement-panel] ytd-video-description-header-renderer.ytd-structured-description-content-renderer { padding: 0px; } ytd-structured-description-content-renderer[engagement-panel] ytd-expandable-video-description-body-renderer.ytd-structured-description-content-renderer { padding: 0px 0px 16px; } ytd-structured-description-content-renderer[engagement-panel] ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer { padding: 16px 0px; } ytd-structured-description-content-renderer[engagement-panel] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer { margin: 0px -16px; padding: 16px 0px 16px 16px; } ytd-structured-description-content-renderer[shorts-panel][watch-while-sdp] #items.ytd-structured-description-content-renderer { display: flex; flex-direction: column; } ytd-structured-description-content-renderer[inline-structured-description] ytd-video-description-gaming-section-renderer.ytd-structured-description-content-renderer, ytd-video-description-course-section-renderer.ytd-structured-description-content-renderer { padding-left: unset; padding-right: unset; } ytd-expandable-video-description-body-renderer.ytd-structured-description-content-renderer { padding: 24px 16px 16px; } ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer { padding: 16px 0px; } ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer:not(:first-child), ytd-metadata-row-container-renderer.ytd-structured-description-content-renderer:not(:first-child), ytd-structured-description-content-renderer[inline-structured-description] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer, ytd-structured-description-content-renderer[inline-structured-description] ytd-error-corrections-section-renderer.ytd-structured-description-content-renderer, ytd-structured-description-content-renderer[inline-structured-description] ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer { border-top: 6px solid var(--yt-spec-10-percent-layer); box-sizing: border-box; } ytd-structured-description-content-renderer[modern] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer, ytd-structured-description-content-renderer[modern] ytd-horizontal-card-list-renderer.ytd-structured-description-content-renderer:not(:first-child), ytd-structured-description-content-renderer[modern] ytd-metadata-row-container-renderer.ytd-structured-description-content-renderer:not(:first-child), ytd-structured-description-content-renderer[modern] ytd-error-corrections-section-renderer.ytd-structured-description-content-renderer, ytd-structured-description-content-renderer[modern] ytd-video-description-infocards-section-renderer.ytd-structured-description-content-renderer { border-top: unset; } ytd-structured-description-content-renderer[inline-structured-description] ytd-shelf-renderer.ytd-structured-description-content-renderer { --yt-horizontal-list-left-arrow-offset: 36px; --yt-horizontal-list-right-arrow-offset: 36px; } ytd-metadata-row-container-renderer.ytd-structured-description-content-renderer { padding: 16px; } ytd-reel-shelf-renderer.ytd-structured-description-content-renderer { --yt-horizontal-list-left-arrow-offset: 24px; --yt-horizontal-list-right-arrow-offset: 24px; } .ytwVideoDescriptionFantasySectionViewModelHost { display: block; } .ytwVideoDescriptionFantasySectionViewModelTitle { display: block; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytwVideoDescriptionFantasySectionViewModelTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } .ytwVideoDescriptionFantasySectionViewModelMessage { display: block; margin-top: 12px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytwVideoDescriptionFantasySectionViewModelButton { display: block; width: fit-content; margin-top: 16px; } .ytwHowThisWasMadeSectionViewModelHost { display: block; padding: 16px 0px; } .ytwHowThisWasMadeSectionViewModelSectionTitle { color: rgb(241, 241, 241); margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytwHowThisWasMadeSectionViewModelSectionTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } .ytwHowThisWasMadeSectionViewModelBodyHeader { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytwHowThisWasMadeSectionViewModelBodyText { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytwHowThisWasMadeSectionViewModelAttributionText { margin-top: 4px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytVideoDescriptionYouchatSectionViewModelHost { display: block; } .ytVideoDescriptionYouchatSectionViewModelSectionTitle { color: rgb(241, 241, 241); margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytVideoDescriptionYouchatSectionViewModelSectionTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; } } .ytVideoDescriptionYouchatSectionViewModelSubHeaderText { color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytVideoDescriptionYouchatSectionViewModelPrimaryButton { display: flex; margin-top: 16px; } .ytPlaylistCollaborationViewModelHost { display: block; margin-bottom: 8px; width: 100%; } .ytPlaylistCollaborationViewModelSwitchListItemViewModelWrapper { margin-left: 6px; } .ytPlaylistCollaborationViewModelButtonViewModelWrapper { display: flex; padding: 6px 12px; } .ytPlaylistCollaborationViewModelContentListItemViewModelWrapper { overflow-y: auto; max-height: 500px; cursor: pointer; } .ytContentListItemViewModelHost { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .ytContentListItemViewModelContentListItemWrapper { display: flex; flex-direction: row; align-items: center; margin-left: 16px; } .ytContentListItemViewModelImageContainer { margin-top: 8px; margin-bottom: 8px; margin-right: 12px; } .ytContentListItemViewModelimageClassName { border-radius: 8px; } .ytContentListItemViewModelTitleMetadataWrapper { display: flex; flex-direction: column; } .ytContentListItemViewModelMetadata { display: flex; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytContentListItemViewModelTitle { display: flex; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytContentListItemViewModelActionButton { display: flex; margin-right: 16px; } .ytwAdAvatarLockupViewModelHostIsClickableAdComponent, .ytwAdAvatarLockupViewModelHost { display: flex; align-items: flex-start; } .ytwAdAvatarLockupViewModelHostIsClickableAdComponentAvatarStyleCompact, .ytwAdAvatarLockupViewModelHostAvatarStyleCompact { display: inline-block; } .ytwAdAvatarLockupViewModelHostIsClickableAdComponentTextsStyleCompact, .ytwAdAvatarLockupViewModelHostTextsStyleCompact { display: flex; flex-direction: column; align-items: flex-start; margin-left: 12px; } .ytwAdAvatarLockupViewModelHostIsClickableAdComponentTextsStyleCompactHeadlineWidthUnlocked, .ytwAdAvatarLockupViewModelHostTextsStyleCompactHeadlineWidthUnlocked { color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwAdAvatarLockupViewModelHostIsClickableAdComponentTextsStyleCompactHeadline, .ytwAdAvatarLockupViewModelHostTextsStyleCompactHeadline { max-width: 176px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytwAdAvatarLockupViewModelHostIsClickableAdComponentTextsStyleCompactDescription, .ytwAdAvatarLockupViewModelHostTextsStyleCompactDescription { display: flex; max-width: 176px; align-items: center; } .ytwAdAvatarLockupViewModelHostIsClickableAdComponentTextsStyleCompactDescriptionWidthUnlocked, .ytwAdAvatarLockupViewModelHostTextsStyleCompactDescriptionWidthUnlocked { display: flex; align-items: center; } .ytwPanelAdHeaderImageLockupViewModelHost { display: block; color: rgb(241, 241, 241); background-color: rgb(33, 33, 33); } .ytwPanelAdHeaderImageLockupViewModelHostHeader { display: block; position: relative; } .ytwPanelAdHeaderImageLockupViewModelHostHeaderBannerImage .ytwAdImageViewModelHostImageContainer { height: auto; max-height: 81px; cursor: pointer; } .ytwPanelAdHeaderImageLockupViewModelHostHeaderMetadata { display: flex; padding-top: 16px; padding-bottom: 16px; } .ytwPanelAdHeaderImageLockupViewModelHostHeaderMetadataAvatarLockup { margin-left: 16px; margin-right: 16px; flex: 1 1 auto; overflow: hidden; } .ytwPanelAdHeaderImageLockupViewModelHostHeaderMetadataMenu { margin-left: 8px; margin-right: 8px; } .ytwPanelAdHeaderImageLockupViewModelHostHeaderMetadataFallback { display: flex; align-items: center; padding-top: 16px; padding-bottom: 16px; } .ytwPanelAdHeaderImageLockupViewModelHostHeaderMetadataFallbackMenu { position: absolute; right: 12px; top: 8px; } .ytwPanelAdHeaderImageLockupViewModelHostHeaderMetadataFallbackCollapseButton { margin-left: 8px; margin-right: 4px; } .ytwPanelAdHeaderImageLockupViewModelHostHeaderMetadataFallbackAvatarLockup { margin-left: 16px; margin-right: 16px; flex: 1 1 auto; overflow: hidden; } ytd-watch-engagement-panels { display: block; } ytd-engagement-panel-section-list-renderer.ytd-watch-engagement-panels { max-height: var(--ytd-watch-flexy-panel-max-height); } ytd-engagement-panel-section-list-renderer.ytd-watch-engagement-panels[target-id="engagement-panel-structured-description"] { max-height: var(--ytd-watch-flexy-structured-description-max-height); } ytd-engagement-panel-section-list-renderer.ytd-watch-engagement-panels[target-id="engagement-panel-comments-section"] { max-height: var(--ytd-watch-flexy-comments-panel-max-height); } #panels.ytd-watch-engagement-panels ytd-engagement-panel-section-list-renderer.ytd-watch-engagement-panels { margin-bottom: var(--ytd-margin-6x); } ytd-companion-legal-text-renderer[expanded] #text.ytd-companion-legal-text-renderer { height: auto; } #text.ytd-companion-legal-text-renderer { background-color: var(--yt-spec-general-background-b); display: block; height: 250px; overflow: hidden; padding: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #expand-button.ytd-companion-legal-text-renderer { border-radius: 50%; background-color: var(--yt-spec-brand-background-solid); color: var(--yt-spec-icon-inactive); height: 40px; margin: -20px auto 0px; width: 40px; align-items: center; justify-content: center; display: flex; flex-direction: column; } button.ytd-companion-legal-text-renderer { width: var(--yt-icon-width); height: var(--yt-icon-height); } ytd-action-companion-ad-renderer { display: inline-block; cursor: pointer; margin-bottom: 16px; position: relative; max-width: var(--ytd-watch-flexy-sidebar-width,402px); width: 100%; overflow: hidden; border-radius: 12px; border: 1px solid var(--yt-spec-outline); } ytd-action-companion-ad-renderer[kevlar-watch-grid] { max-width: calc(var(--ytd-watch-flexy-sidebar-width,402px) - 2); } ytd-action-companion-ad-renderer:not([hide-banner]) #action-companion-ad-info-button.ytd-action-companion-ad-renderer { background-color: var(--yt-spec-general-background-a); } #action-companion-ad-info-button.ytd-action-companion-ad-renderer { position: absolute; right: 0px; top: 0px; background-color: transparent; } #action-companion-click-target.ytd-action-companion-ad-renderer { display: block; } #banner.ytd-action-companion-ad-renderer { --yt-img-max-height: 200px; display: block; min-height: 60px; max-height: 200px; width: 100%; } #block.ytd-action-companion-ad-renderer { height: 48px; padding: 16px; text-align: left; display: flex; flex-direction: row; align-items: center; } #icon.ytd-action-companion-ad-renderer { height: 48px; width: 48px; border-radius: 50%; overflow: hidden; box-shadow: none; } #text.ytd-action-companion-ad-renderer { margin: 0px 12px; text-align: left; vertical-align: top; overflow: hidden; flex: 1 1 auto; } a.ytd-action-companion-ad-renderer, a.ytd-action-companion-ad-renderer:link, a.ytd-action-companion-ad-renderer:visited, a.ytd-action-companion-ad-renderer:hover, a.ytd-action-companion-ad-renderer:focus, a.ytd-action-companion-ad-renderer:active { text-decoration: none; } #header.ytd-action-companion-ad-renderer { color: var(--yt-spec-text-primary); margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #desc.ytd-action-companion-ad-renderer { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-action-companion-ad-renderer[center-align-description] #desc.ytd-action-companion-ad-renderer { display: flex; align-items: center; } #domain.ytd-action-companion-ad-renderer { color: var(--yt-spec-text-secondary); } ytd-action-companion-ad-renderer[truncate-domain] #domain.ytd-action-companion-ad-renderer { overflow: hidden; text-overflow: ellipsis; } #rating.ytd-action-companion-ad-renderer { color: var(--yt-spec-text-secondary); padding-left: 3px; } #star-icon.ytd-action-companion-ad-renderer { display: inline-block; color: var(--yt-spec-text-secondary); white-space: nowrap; height: auto; width: 15px; } #details-line.ytd-action-companion-ad-renderer { color: var(--yt-spec-text-secondary); padding-left: 3px; } #action.ytd-action-companion-ad-renderer { background-color: var(--yt-spec-call-to-action); color: var(--yt-spec-text-primary-inverse); margin-top: 5px; max-width: 250px; } #ad-badge-container.ytd-action-companion-ad-renderer { display: inline-block; } ytd-action-companion-ad-renderer[button-update] #action.ytd-action-companion-ad-renderer { background-color: unset; color: unset; } ytd-action-companion-ad-renderer[button-update] #action-companion-ad-info-button.ytd-action-companion-ad-renderer { background-color: transparent; } ytd-companion-slot-renderer { display: block; } ytd-image-companion-renderer { display: block; position: relative; padding-bottom: 16px; margin-bottom: 8px; border: unset; } #image-companion-ad-info-button.ytd-image-companion-renderer { background-color: var(--yt-spec-brand-background-solid); position: absolute; left: 285px; top: 0px; } img.ytd-image-companion-renderer { cursor: pointer; overflow: hidden; border-radius: 12px; } ytd-image-companion-renderer[hide-legacy-banner] { margin-bottom: 8px; overflow: hidden; border-radius: 12px; border: 1px solid var(--yt-spec-outline); padding-bottom: 0px; max-width: var(--ytd-watch-flexy-sidebar-width,402px); cursor: pointer; } ytd-image-companion-renderer[hide-legacy-banner] img.ytd-image-companion-renderer { overflow: hidden; border-radius: 12px; } ytd-image-companion-renderer[hide-legacy-banner] #block.ytd-image-companion-renderer { padding-left: 16px; } ytd-image-companion-renderer[hide-legacy-banner] #banner.ytd-image-companion-renderer { --yt-img-max-height: 200px; display: block; min-height: 60px; max-height: 200px; width: 100%; } ytd-image-companion-renderer[hide-legacy-banner] #block.ytd-image-companion-renderer { text-align: left; display: flex; flex-direction: row; align-items: center; } ytd-image-companion-renderer[hide-legacy-banner] #text.ytd-image-companion-renderer { text-align: left; vertical-align: top; overflow: hidden; flex: 1 1 auto; } ytd-image-companion-renderer[hide-legacy-banner] #desc.ytd-image-companion-renderer { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: flex; align-items: center; font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } ytd-image-companion-renderer[hide-legacy-banner] #ad-badge-container.ytd-image-companion-renderer { display: inline-block; } ytd-image-companion-renderer[button-update] #image-companion-ad-info-button.ytd-image-companion-renderer { background-color: transparent; left: unset; right: 0px; } ytd-shopping-companion-renderer { position: relative; display: block; padding-right: 16px; margin-bottom: 12px; border-bottom: 1px solid var(--yt-spec-10-percent-layer); } #shopping-companion-ad-info-button.ytd-shopping-companion-renderer { position: absolute; right: 4px; top: 10px; } #title.ytd-shopping-companion-renderer { cursor: pointer; } #banner.ytd-shopping-companion-renderer { padding-bottom: 16px; padding-top: 16px; display: flex; flex-direction: row; } #ad-badge-container.ytd-shopping-companion-renderer { align-items: center; display: flex; flex-direction: row; } #title.ytd-shopping-companion-renderer { text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; align-self: center; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } yt-horizontal-list-renderer.ytd-shopping-companion-renderer { --ytd-horizontal-list-margin-bottom: 4px; } .ytwBannerImageLayoutViewModelHost { margin-bottom: 8px; overflow: hidden; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.2); max-width: 402px; cursor: pointer; display: block; position: relative; } .ytwBannerImageLayoutViewModelHostBannerImage { display: block; } .ytwBannerImageLayoutViewModelHostBannerImage .ytwAdImageViewModelHostImageContainer { height: auto; max-height: 81px; } .ytwBannerImageLayoutViewModelHostMetadata { display: flex; align-items: center; } .ytwBannerImageLayoutViewModelHostMetadataAdBadge { margin: 16px; flex: 1 1 auto; } .ytwBannerImageLayoutViewModelHostMetadataMenu { margin-right: 8px; } .ytwTopBannerImageTextIconButtonedLayoutViewModelHost { margin-bottom: 8px; overflow: hidden; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.2); max-width: var(--ytd-watch-flexy-sidebar-width,402px); cursor: pointer; display: block; position: relative; } .ytwTopBannerImageTextIconButtonedLayoutViewModelHostBannerImage { display: block; } .ytwTopBannerImageTextIconButtonedLayoutViewModelHostBannerImage .ytwAdImageViewModelHostImageContainer { height: auto; max-height: 81px; } .ytwTopBannerImageTextIconButtonedLayoutViewModelHostMetadata { display: flex; margin-top: 16px; margin-bottom: 16px; } .ytwTopBannerImageTextIconButtonedLayoutViewModelHostMetadataAvatarLockup { margin-left: 16px; margin-right: 16px; flex: 1 1 auto; overflow: hidden; } .ytwTopBannerImageTextIconButtonedLayoutViewModelHostMetadataMenu { margin-left: 8px; margin-right: 8px; } ytd-player-legacy-desktop-watch-ads-renderer { display: block; } ytd-ticket-shelf-renderer { border-bottom: 1px solid var(--yt-spec-10-percent-layer); color: var(--yt-spec-text-primary); display: block; padding-bottom: 8px; } #head.ytd-ticket-shelf-renderer { display: flex; flex-direction: row; margin-bottom: 10px; } #head.ytd-ticket-shelf-renderer #title.ytd-ticket-shelf-renderer { color: var(--yt-spec-text-primary); margin-left: 4px; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } #info-container.ytd-ticket-shelf-renderer { padding-left: 8px; } #info-icon.ytd-ticket-shelf-renderer { color: var(--yt-spec-icon-inactive); height: 14px; position: relative; top: 3px; width: 14px; } #shelf-toggler.ytd-ticket-shelf-renderer { color: var(--yt-spec-icon-active-other); float: right; cursor: pointer; flex-shrink: 0; } #banner-info-tooltip.ytd-ticket-shelf-renderer { width: 336px; } #head.ytd-ticket-shelf-renderer #subtitle.ytd-ticket-shelf-renderer { color: var(--yt-spec-text-secondary); flex-grow: 1; margin-left: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #head.ytd-ticket-shelf-renderer #subtitle-text.ytd-ticket-shelf-renderer { display: none; } #head.ytd-ticket-shelf-renderer #toggler.ytd-ticket-shelf-renderer { color: var(--yt-spec-icon-inactive); cursor: pointer; flex-shrink: 0; } #body.ytd-ticket-shelf-renderer { display: flex; } ytd-ticket-shelf-renderer[skinny-mode] #body.ytd-ticket-shelf-renderer { display: flex; flex-direction: column; } ytd-ticket-shelf-renderer[skinny-mode] #separator.ytd-ticket-shelf-renderer { display: none; } ytd-ticket-shelf-renderer[skinny-mode] #primary-event.ytd-ticket-shelf-renderer { width: 100%; } #body.ytd-ticket-shelf-renderer a.ytd-ticket-shelf-renderer { text-decoration: none; } #primary-event.ytd-ticket-shelf-renderer { flex-grow: 0; margin-bottom: 4px; padding: 4px; width: 50%; display: flex; } #primary-event.ytd-ticket-shelf-renderer #thumbnail.ytd-ticket-shelf-renderer, #primary-event.ytd-ticket-shelf-renderer #thumbnail.ytd-ticket-shelf-renderer #thumbnail-img.ytd-ticket-shelf-renderer { min-width: 102px; max-width: 102px; max-height: 102px; min-height: 102px; overflow: hidden; } ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer #thumbnail.ytd-ticket-shelf-renderer, ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer #thumbnail.ytd-ticket-shelf-renderer #thumbnail-img.ytd-ticket-shelf-renderer { min-width: 56px; max-width: 56px; max-height: 56px; min-height: 56px; } #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer { flex-grow: 1; margin-left: 16px; overflow: hidden; display: flex; justify-content: space-between; } #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer { margin-right: 8px; } #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #tickets-button.ytd-ticket-shelf-renderer { background-color: var(--yt-spec-call-to-action); border-radius: 2px; border: none; color: var(--yt-spec-filled-button-text); display: inline-block; flex-shrink: 0; height: 32px; padding: 8px 16px; text-decoration: none; cursor: pointer; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #view-tickets-link.ytd-ticket-shelf-renderer { color: var(--yt-spec-call-to-action); white-space: nowrap; text-decoration: none; padding-top: 2px; height: fit-content; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #nearest.ytd-ticket-shelf-renderer { color: var(--yt-spec-text-primary); margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #subtitle1.ytd-ticket-shelf-renderer, #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #subtitle2.ytd-ticket-shelf-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #nearest.ytd-ticket-shelf-renderer, #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #subtitle1.ytd-ticket-shelf-renderer, #primary-event.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer #subtitle2.ytd-ticket-shelf-renderer { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #nearest-with-location.ytd-ticket-shelf-renderer { color: var(--yt-spec-text-primary); margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #subtitle1.ytd-ticket-shelf-renderer { margin-top: 8px; margin-bottom: 8px; } #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer { display: flex; flex-direction: row; } ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #meta-info.ytd-ticket-shelf-renderer { flex-grow: 1; } ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer #meta.ytd-ticket-shelf-renderer #tickets-button.ytd-ticket-shelf-renderer { margin-top: 0px; margin-right: 4px; } #separator.ytd-ticket-shelf-renderer { position: relative; top: 4px; border-right: 1px solid var(--yt-spec-10-percent-layer); margin-right: 8px; padding-right: 12px; height: 102px; } ytd-ticket-shelf-renderer[showing-more] #separator.ytd-ticket-shelf-renderer { display: none; } #rest-events.ytd-ticket-shelf-renderer { flex-grow: 1; position: relative; } #body.one-event.ytd-ticket-shelf-renderer #rest-events.ytd-ticket-shelf-renderer { display: none; } #rest-events.ytd-ticket-shelf-renderer #table.ytd-ticket-shelf-renderer table.ytd-ticket-shelf-renderer { cursor: pointer; } .when-date-column.ytd-ticket-shelf-renderer { color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .when-weekday-column.ytd-ticket-shelf-renderer, .when-time-column.ytd-ticket-shelf-renderer { display: none; } .when-time-column.ytd-ticket-shelf-renderer { text-align: end; } .when-weekday-column.ytd-ticket-shelf-renderer, .when-time-column.ytd-ticket-shelf-renderer, .where-column.ytd-ticket-shelf-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .where-column-td.ytd-ticket-shelf-renderer { width: 100%; position: relative; } .where-column-td.ytd-ticket-shelf-renderer .where-column.ytd-ticket-shelf-renderer { position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; left: 8px; right: 0px; top: 4px; } .when-weekday-column.ytd-ticket-shelf-renderer #time.ytd-ticket-shelf-renderer { padding-left: 8px; } .link.ytd-ticket-shelf-renderer { color: var(--yt-spec-call-to-action); text-decoration: none; margin-right: 8px; float: right; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .venue-vendor-container.ytd-ticket-shelf-renderer { display: flex; } .venue.ytd-ticket-shelf-renderer { color: var(--yt-spec-text-secondary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vendor.ytd-ticket-shelf-renderer { color: var(--yt-spec-call-to-action); flex-shrink: 0; text-decoration: none; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .dot.ytd-ticket-shelf-renderer { color: var(--yt-spec-text-secondary); padding-left: 8px; padding-right: 8px; } .launch-icon.ytd-ticket-shelf-renderer { height: 16px; padding-bottom: 2px; width: 16px; } ytd-ticket-shelf-renderer[showing-more] .when-weekday-column.ytd-ticket-shelf-renderer { display: flex; flex-direction: row; } ytd-ticket-shelf-renderer[showing-more] .when-time-column.ytd-ticket-shelf-renderer { display: inline-block; } #table.ytd-ticket-shelf-renderer table.ytd-ticket-shelf-renderer td.ytd-ticket-shelf-renderer { margin: 0px; border: none; } #table.ytd-ticket-shelf-renderer table.ytd-ticket-shelf-renderer tr.ytd-ticket-shelf-renderer td.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer:first-child { padding-left: 8px; white-space: nowrap; } #table.ytd-ticket-shelf-renderer a.ytd-ticket-shelf-renderer { text-decoration: none; cursor: pointer; } #show-more-button.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer, #show-less-button.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer { margin-left: 8px; color: var(--yt-spec-text-secondary); text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } #table.ytd-ticket-shelf-renderer table.ytd-ticket-shelf-renderer td.ytd-ticket-shelf-renderer, #show-more-button.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer, #show-less-button.ytd-ticket-shelf-renderer > div.ytd-ticket-shelf-renderer { padding: 4px 0px; } #rest-events.ytd-ticket-shelf-renderer tr.ytd-ticket-shelf-renderer:hover { background-color: var(--yt-spec-10-percent-layer); } #show-more-button.ytd-ticket-shelf-renderer, #show-less-button.ytd-ticket-shelf-renderer { display: none; } ytd-ticket-shelf-renderer[can-show-more] #show-more-button.ytd-ticket-shelf-renderer { display: block; } ytd-ticket-shelf-renderer[showing-more] #show-more-button.ytd-ticket-shelf-renderer { display: none; } ytd-ticket-shelf-renderer[showing-more] #show-less-button.ytd-ticket-shelf-renderer { display: block; } ytd-ticket-shelf-renderer[showing-more] #body.ytd-ticket-shelf-renderer { flex-wrap: wrap; } ytd-ticket-shelf-renderer[showing-more] #primary-event.ytd-ticket-shelf-renderer { flex-grow: 1; width: 100%; } @media (max-width: 656px) { #primary-event.ytd-ticket-shelf-renderer { max-width: 100%; flex: 1 1 1e-09px; } #body.ytd-ticket-shelf-renderer { flex-wrap: wrap; } } #calendar-avatar.ytd-ticket-shelf-renderer, #nearest-with-location.ytd-ticket-shelf-renderer { cursor: pointer; } #calendar-avatar-day.ytd-ticket-shelf-renderer, #calendar-avatar-month.ytd-ticket-shelf-renderer { text-align: center; vertical-align: middle; width: 64px; } #calendar-avatar-day.ytd-ticket-shelf-renderer { background-color: var(--yt-spec-static-white-background); height: 27px; width: 48px; display: flex; justify-content: center; align-items: center; } #calendar-avatar-month.ytd-ticket-shelf-renderer { background-color: rgb(96, 96, 96); height: 21px; width: 48px; display: flex; justify-content: center; align-items: center; } #calendar-avatar-day-text.ytd-ticket-shelf-renderer { color: var(--yt-spec-static-black); font-size: 20px; line-height: 34px; } #calendar-avatar-month-text.ytd-ticket-shelf-renderer { color: var(--yt-spec-static-overlay-text-primary); font-size: 12px; line-height: 30px; text-transform: uppercase; } ytd-comments-entry-point-header-renderer { display: block; border-radius: 12px; padding: 12px; color: var(--yt-spec-text-primary); background: var(--yt-spec-badge-chip-background); cursor: pointer; } ytd-comments-entry-point-header-renderer[full-height] { height: 100%; box-sizing: border-box; } #header.ytd-comments-entry-point-header-renderer { display: flex; flex-direction: row; } #title.ytd-comments-entry-point-header-renderer, #count.ytd-comments-entry-point-header-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #count.ytd-comments-entry-point-header-renderer { margin-left: 4px; } #content.ytd-comments-entry-point-header-renderer { margin-top: 4px; flex: 1 1 1e-09px; display: flex; flex-direction: column; } .avatar.ytd-comments-entry-point-header-renderer { width: 24px; height: 24px; border-radius: 50%; background-color: transparent; overflow: hidden; } #simplebox.ytd-comments-entry-point-header-renderer { display: flex; flex-direction: row; align-items: center; } #simplebox-input.ytd-comments-entry-point-header-renderer { margin-left: 8px; box-sizing: border-box; height: 24px; padding: 2px 12px; border-radius: 24px; color: var(--yt-spec-text-secondary); background: var(--yt-spec-badge-chip-background); cursor: text; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } #teaser.ytd-comments-entry-point-header-renderer { display: flex; flex-direction: row; align-items: center; } #teaser-text.ytd-comments-entry-point-header-renderer { margin-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #message.ytd-comments-entry-point-header-renderer { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-comments-entry-point-header-renderer[has-contents] #contents.ytd-comments-entry-point-header-renderer { margin-bottom: -8px; display: flex; flex-direction: column; } ytd-comments-entry-point-header-renderer[has-contents] #contents.ytd-comments-entry-point-header-renderer ytd-comments-entry-point-teaser-renderer.ytd-comments-entry-point-header-renderer { margin-bottom: 8px; } ytd-comments-entry-point-header-renderer[has-contents][has-content-renderer] #content-renderer.ytd-comments-entry-point-header-renderer { margin-bottom: 8px; margin-top: 8px; } #message.ytd-comments-entry-point-message-renderer { color: var(--yt-spec-text-primary); display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-comments-entry-point-teaser-renderer { color: var(--yt-spec-text-primary); } .avatar.ytd-comments-entry-point-teaser-renderer { width: 24px; height: 24px; border-radius: 50%; background-color: transparent; overflow: hidden; } #teaser.ytd-comments-entry-point-teaser-renderer { display: flex; flex-direction: row; align-items: center; } #teaser-text.ytd-comments-entry-point-teaser-renderer { margin-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #simplebox.ytd-comments-simplebox-renderer { display: flex; flex-direction: row; align-items: center; } #simplebox-input.ytd-comments-simplebox-renderer { margin-left: 8px; box-sizing: border-box; height: 24px; padding: 2px 12px; border-radius: 24px; color: var(--yt-spec-text-secondary); background: var(--yt-spec-badge-chip-background); cursor: text; flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .avatar.ytd-comments-simplebox-renderer { width: 24px; height: 24px; border-radius: 50%; background-color: transparent; overflow: hidden; } ytd-watch-info-text { display: inline-flex; vertical-align: top; color: var(--yt-spec-text-primary); } ytd-watch-info-text:not([detailed]) #info.ytd-watch-info-text { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-hover-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); white-space: pre; } ytd-watch-info-text[detailed] #info.ytd-watch-info-text { white-space: pre-wrap; } [dir="ltr"] ytd-watch-info-text:not([detailed]) #info-container.ytd-watch-info-text, ytd-watch-info-text:not([detailed]) #info-container.ytd-watch-info-text[dir="ltr"] { mask-image: linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); } [dir="rtl"] ytd-watch-info-text:not([detailed]) #info-container.ytd-watch-info-text, ytd-watch-info-text:not([detailed]) #info-container.ytd-watch-info-text[dir="rtl"] { mask-image: linear-gradient(to left, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); } #info-container.ytd-watch-info-text { overflow: hidden; display: inline-flex; width: 100%; vertical-align: top; } #view-count.ytd-watch-info-text, #date-text.ytd-watch-info-text { display: inline-flex; white-space: pre; } ytd-watch-metadata[swatcheroo-delay-load].empty { min-height: 373px; } ytd-watch-metadata { display: block; color: var(--yt-spec-text-primary); } ytd-watch-metadata[title-hashtag-black-linkified] #title.ytd-watch-metadata { --yt-endpoint-color: var(--yt-spec-text-primary); } ytd-watch-metadata[title-hashtag-grey-linkified] #title.ytd-watch-metadata { --yt-endpoint-color: var(--yt-spec-text-secondary); } ytd-watch-metadata[skinny-mode] #title.ytd-watch-metadata { position: relative; border-radius: 2px; cursor: pointer; transition: box-shadow 0.3s cubic-bezier(0.05, 0, 0, 1), background-color 0.3s cubic-bezier(0.05, 0, 0, 1); } ytd-watch-metadata[skinny-mode]:not([disable-video-owner-on-tap]) #owner.ytd-watch-metadata { border-radius: 2px; transition: box-shadow 0.3s cubic-bezier(0.05, 0, 0, 1), background-color 0.3s cubic-bezier(0.05, 0, 0, 1); } ytd-watch-metadata[skinny-mode]:not([disable-video-owner-on-tap]) #owner.ytd-watch-metadata:hover, ytd-watch-metadata[skinny-mode] #title.ytd-watch-metadata:hover { background-color: var(--yt-spec-additive-background); box-shadow: 0 0 0 8px var(--yt-spec-additive-background); cursor: pointer; } ytd-watch-metadata[skinny-mode]:not([disable-video-owner-on-tap]) #owner.ytd-watch-metadata:active, ytd-watch-metadata[skinny-mode] #title.ytd-watch-metadata:active { background-color: var(--yt-spec-outline); box-shadow: 0 0 0 8px var(--yt-spec-outline); cursor: pointer; } h1.ytd-watch-metadata { word-break: break-word; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 600; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-watch-metadata[title-headline-xs] h1.ytd-watch-metadata { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-watch-metadata[title-headline-xs] h1.ytd-watch-metadata { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-watch-metadata[title-headline-s] h1.ytd-watch-metadata { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 6.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-watch-metadata[title-headline-s] h1.ytd-watch-metadata { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; overflow: hidden; max-height: 5.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-watch-metadata[title-headline-m] h1.ytd-watch-metadata { font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; overflow: hidden; max-height: 7.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } @media (max-width: 527.9px) { ytd-watch-metadata[title-headline-m] h1.ytd-watch-metadata { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; overflow: hidden; max-height: 6.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } } ytd-watch-metadata[video-id="QrGrOK8oZG8"] h1.ytd-watch-metadata { color: rgb(230, 209, 64); font-family: Georgia, serif; font-size: 250%; font-variant: small-caps; font-weight: normal; transform: skew(-5deg, 0deg); text-shadow: rgb(0, 0, 0) 1px 1px, rgb(0, 0, 0) 1px 1px 0.1px; } .item.ytd-watch-metadata { box-sizing: border-box; min-width: 350px; margin-right: 12px; margin-top: 12px; } ytd-watch-metadata[larger-item-wrap] .item.ytd-watch-metadata { min-width: 400px; } #top-row.ytd-watch-metadata { margin-top: -4px; display: flex; flex-direction: row; justify-content: flex-start; } ytd-watch-metadata:not([flex-menu-enabled]) #top-row.ytd-watch-metadata, ytd-watch-metadata[skinny-mode] #top-row.ytd-watch-metadata { flex-wrap: wrap; } ytd-watch-metadata[actions-on-separate-line] #top-row.ytd-watch-metadata { display: block; } #description.ytd-watch-metadata { --ytd-text-inline-expander-button-color: var(--yt-spec-text-primary); position: relative; border-radius: 12px; background: var(--yt-spec-badge-chip-background); min-width: max(381px, 50% - 12px); flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } ytd-watch-metadata:not([description-collapsed]) #description.ytd-watch-metadata { min-width: min(450px, 100%); } ytd-watch-metadata[skinny-mode] #description.ytd-watch-metadata { border-radius: 4px; width: 100%; min-width: unset; background: none; margin-right: 0px; margin-top: 0px; } ytd-watch-metadata[description-collapsed] #description.ytd-watch-metadata { cursor: pointer; } #comment-teaser.ytd-watch-metadata ytd-comments-entry-point-header-renderer.ytd-watch-metadata:hover { background: var(--yt-spec-button-chip-background-hover); } #description-inner.ytd-watch-metadata { margin: 12px; } ytd-watch-metadata[skinny-mode] #description-inner.ytd-watch-metadata { margin: 0px; } ytd-watch-metadata[use-faded-scrim-description][description-collapsed] #description-inner.ytd-watch-metadata { mask-image: linear-gradient(rgb(0, 0, 0) 30%, transparent); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 8rem; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } #info-container.ytd-watch-metadata { overflow: hidden; display: inline-flex; width: 100%; vertical-align: top; } ytd-watch-metadata[skinny-mode] #info-container.ytd-watch-metadata { color: var(--yt-spec-text-secondary); margin-bottom: 8px; } #ytd-watch-info-text.ytd-watch-metadata { width: 100%; } [dir="ltr"] ytd-watch-metadata[description-collapsed]:not([using-dynamic-metadata]) .ytd-watch-metadata #info-container.ytd-watch-metadata, ytd-watch-metadata[description-collapsed]:not([using-dynamic-metadata]) .ytd-watch-metadata[dir="ltr"] #info-container.ytd-watch-metadata { mask-image: linear-gradient(to right, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); } [dir="rtl"] ytd-watch-metadata[description-collapsed]:not([using-dynamic-metadata]) .ytd-watch-metadata #info-container.ytd-watch-metadata, ytd-watch-metadata[description-collapsed]:not([using-dynamic-metadata]) .ytd-watch-metadata[dir="rtl"] #info-container.ytd-watch-metadata { mask-image: linear-gradient(to left, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); } ytd-watch-metadata[description-collapsed] #info.ytd-watch-metadata { --yt-endpoint-color: var(--yt-spec-text-secondary); --yt-endpoint-hover-color: var(--yt-spec-text-secondary); --yt-endpoint-visited-color: var(--yt-spec-text-secondary); white-space: pre; margin-right: 8px; } ytd-watch-metadata[skinny-mode] #ytd-watch-info-text.ytd-watch-metadata { margin-bottom: 16px; } ytd-watch-metadata[description-collapsed] #ytd-watch-info-text.ytd-watch-metadata { margin-right: 8px; } ytd-watch-metadata:not([description-collapsed]) #info.ytd-watch-metadata { white-space: pre-wrap; } #description-placeholder.ytd-watch-metadata { color: var(--yt-spec-text-secondary); font-style: italic; } ytd-structured-description-content-renderer.ytd-watch-metadata { margin-top: 16px; } #actions.ytd-watch-metadata { margin-right: 0px; min-width: calc(50% - 6px); align-items: center; display: flex; flex-direction: row; } ytd-watch-metadata[skinny-mode] #actions.ytd-watch-metadata { margin-top: 24px; } ytd-watch-metadata:not([flex-menu-enabled]) #actions.ytd-watch-metadata { flex: 0 0 auto; } ytd-watch-metadata[flex-menu-enabled] #actions.ytd-watch-metadata { flex: 1 1 auto; } ytd-watch-metadata[actions-on-separate-line] #actions.ytd-watch-metadata { justify-content: flex-start; } ytd-watch-metadata[action-buttons-update-owner-width] #actions.ytd-watch-metadata { min-width: auto; } #actions-inner.ytd-watch-metadata { display: flex; flex-direction: column; } ytd-watch-metadata[skinny-mode] #actions-inner.ytd-watch-metadata { display: flex; flex-direction: row; } ytd-watch-metadata[flex-menu-enabled] #actions-inner.ytd-watch-metadata { width: 100%; } ytd-watch-metadata[flex-menu-enabled] #actions.ytd-watch-metadata ytd-menu-renderer.ytd-watch-metadata { justify-content: flex-end; } ytd-watch-metadata[actions-on-separate-line] #actions.ytd-watch-metadata ytd-menu-renderer.ytd-watch-metadata { justify-content: flex-start; } ytd-watch-metadata[skinny-mode] #bottom-actions.ytd-watch-metadata { margin-right: 12px; width: 100%; } #menu.ytd-watch-metadata { --yt-button-icon-size: 36px; } ytd-watch-metadata[skinny-mode] #menu.ytd-watch-metadata { width: 100%; } ytd-watch-metadata[skinny-mode] #middle-row.ytd-watch-metadata { padding-top: 24px; } #middle-row.ytd-watch-metadata { padding-top: 10px; } #middle-row.ytd-watch-metadata:empty { display: none; } #bottom-row.ytd-watch-metadata { margin-top: 0px; margin-right: -12px; display: flex; flex-flow: wrap; } #owner.ytd-watch-metadata, #comment-teaser.ytd-watch-metadata, #teaser-carousel.ytd-watch-metadata { flex: 1 1 1e-09px; } ytd-watch-metadata[has-teaser-carousel]:not([description-collapsed]) #bottom-row.ytd-watch-metadata { display: flex; flex-flow: column; } ytd-watch-metadata[has-teaser-carousel]:not([description-collapsed]) #teaser-carousel.ytd-watch-metadata { width: 50%; } #owner.ytd-watch-metadata { min-width: calc(50% - 6px); flex: 1 1 1e-09px; display: flex; flex-direction: row; align-items: center; } ytd-watch-metadata[skinny-mode] #owner.ytd-watch-metadata { margin-top: 24px; justify-content: space-between; } ytd-watch-metadata[action-buttons-update-owner-width] #owner.ytd-watch-metadata { margin-right: 32px; max-width: 448px; min-width: auto; flex: 0 0 auto; } ytd-watch-metadata[skinny-mode] ytd-video-owner-renderer.ytd-watch-metadata { width: 100%; } #comment-teaser.ytd-watch-metadata { min-width: max(381px, 50% - 12px); } #collapse-button.ytd-watch-metadata { margin: 2em 0px 0px; min-width: 40px; padding: 0px; text-transform: none; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytCarouselItemViewModelHost { display: block; flex: 1 1 0%; } .ytCommentInputBoxCarouselItemViewModelHost { display: flex; align-items: center; } .ytCommentInputBoxCarouselItemViewModelInputBox { width: 100%; margin-left: 12px; padding: 4px 12px; border-radius: 24px; color: rgb(241, 241, 241); background-color: rgba(255, 255, 255, 0.1); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } .ytCommentsEntryPointTeaserViewModelHost { display: flex; flex-direction: row; align-items: center; } .ytCommentsEntryPointTeaserViewModelAvatar { margin-right: 12px; } .ytCommentsEntryPointTeaserViewModelTeaser { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytCommentTeaserCarouselItemViewModelHost { display: block; } .ytCommentsEntryPointMessageViewModelHost { display: block; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytTextCarouselItemViewModelHost { display: flex; align-items: center; color: rgb(241, 241, 241); } .ytTextCarouselItemViewModelText { margin: 0px 12px; width: 0px; flex: 1 1 0%; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytTextCarouselItemViewModelTextWithoutImage { margin-inline-end: 12px; width: 0px; flex: 1 1 0%; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytTextCarouselItemViewModelImageType { width: 24px; height: 24px; } .ytTextCarouselItemViewModelButton { display: inline-block; float: right; margin-right: 1px; } .ytTextCarouselItemViewModelButton .yt-spec-button-shape-next { padding: 0px 10px; } .ytCarouselDotsShapeHost { display: flex; } .ytCarouselDotsShapeDot { width: 6px; height: 6px; border-radius: 50%; background-color: rgb(113, 113, 113); } .ytCarouselDotsShapeDotActive { background-color: rgb(241, 241, 241); } .ytCarouselDotsShapeDot:not(:last-child) { margin-right: 4px; } .ytCarouselTitleViewModelHost { display: flex; justify-content: space-between; align-items: center; } .ytCarouselTitleViewModelTitle { display: inline; padding: 0px; margin: 0px; color: rgb(241, 241, 241); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } .ytCarouselTitleViewModelSubtitle { margin-left: 4px; color: rgb(170, 170, 170); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytCarouselTitleViewModelNavigation { display: flex; align-items: center; } .ytCarouselTitleViewModelNavigationButton:last-child { margin-left: 4px; } .ytCarouselTitleViewModelNavigation .ytCarouselDotsShapeHost { margin-right: 8px; } .ytVideoMetadataCarouselViewModelHost { display: flex; flex-direction: column; background-color: rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 12px; height: 100%; box-sizing: border-box; cursor: pointer; } .ytVideoMetadataCarouselViewModelTitleSection { display: block; } .ytVideoMetadataCarouselViewModelCarouselContainer { margin-top: 8px; flex: 1 1 0%; align-content: center; overflow: scroll hidden; scrollbar-width: none; } .ytVideoMetadataCarouselViewModelCarouselContainer::-webkit-scrollbar { display: none; } .ytVideoMetadataCarouselViewModelItemSection { display: flex; transition-duration: 0.25s; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); } .ytVideoMetadataCarouselViewModelItemSection .ytCarouselItemViewModelHost:not(:first-child) { padding-left: 12px; } .ytVideoMetadataCarouselViewModelItemSection .ytCarouselItemViewModelHost:not(:last-child) { padding-right: 12px; } .ytVideoMetadataCarouselViewModelShortMode { padding: 8px 12px; } .ytVideoMetadataCarouselViewModelShortMode .ytVideoMetadataCarouselViewModelCarouselContainer { margin-top: 4px; } .ytVideoMetadataCarouselViewModelShortMode .ytCommentsEntryPointTeaserViewModelTeaser { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; overflow: hidden; max-height: 3.6rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } .ytPlayerOverlayVideoDetailsRendererHost { display: block; border-radius: 16px; padding: 16px; backdrop-filter: blur(16px); background: rgba(40, 40, 40, 0.6); } .ytPlayerOverlayVideoDetailsRendererTitle { color: rgb(255, 255, 255); margin-bottom: 4px; overflow: hidden; max-height: 7.6rem; font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; } @media (max-width: 527.9px) { .ytPlayerOverlayVideoDetailsRendererTitle { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; } } @media (max-width: 527.9px) { .ytPlayerOverlayVideoDetailsRendererTitle { max-height: 6.8rem; } } .ytPlayerOverlayVideoDetailsRendererSubtitle { display: flex; align-items: center; color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .ytPlayerOverlayVideoDetailsRendererSubtitle .yt-spec-avatar-shape { margin-right: 8px; } .ytPlayerQuickActionButtonsHost:not(:empty) { display: flex; border-radius: 28px; padding: 4px; backdrop-filter: blur(16px); background: rgba(40, 40, 40, 0.6); } .ytPlayerQuickActionButtonsHost:not(:empty) .ytLikeButtonViewModelHost .yt-spec-button-shape-next { padding: 0px 16px; } .ytwCompositeSourceVideoOverlayHost { display: block; position: absolute; border: 4px solid black; box-sizing: border-box; cursor: pointer; } .ytwCompositeSourceVideoOverlayHost::before { content: ""; position: absolute; inset: -4px; border: 4px solid black; border-radius: 8px; } .ytwCompositeSourceVideoOverlayOutline { position: absolute; inset: -2px; border: 4px solid transparent; border-radius: 8px; box-sizing: border-box; transition: border-color 0.15s cubic-bezier(0.2, 0, 0.6, 1); } .ytwCompositeSourceVideoOverlayActive .ytwCompositeSourceVideoOverlayOutline { border-color: rgb(144, 144, 144); } .ytwCompositeSourceVideoOverlayInteracting.ytwCompositeSourceVideoOverlayActive .ytwCompositeSourceVideoOverlayOutline { border-color: rgb(255, 255, 255); } .ytwCompositeSourceVideoOverlayHost:not(.ytwCompositeSourceVideoOverlayActive) .ytwCompositeSourceVideoOverlayOutline:hover { border-color: rgb(144, 144, 144); } .ytwCompositeVideoOverlayRendererHost { display: block; } .ytwTimelyActionViewModelHost { display: block; } .ytwTimelyActionsOverlayViewModelHost { display: block; } yt-disableable-button-view-model { display: block; margin: 8px 16px; } yt-emoji-fountain-view-model { display: block; --emoji-size: 20px; --reaction-bubble-size: calc(var(--emoji-size)*1.667 - 2px); --reaction-bubble-offset: calc(var(--reaction-bubble-size)*-0.5 - var(--emoji-size)*-0.5); } #fountain-bounds.yt-emoji-fountain-view-model { display: flex; flex-direction: column-reverse; align-items: center; width: 64px; height: 166px; } emoji.yt-emoji-fountain-view-model { position: absolute; width: var(--emoji-size); height: var(--emoji-size); border-radius: 50%; opacity: 1; top: calc(var(--emoji-size)*-1); left: calc(var(--emoji-size)*-.5); transform-origin: center center; } yt-icon.yt-emoji-fountain-view-model { width: var(--emoji-size); height: var(--emoji-size); } #emoji-container.yt-emoji-fountain-view-model { position: relative; } .horizontal-container.yt-emoji-fountain-view-model { max-width: 100%; transform-origin: center center; } .horizontal-container.yt-emoji-fountain-view-model > img.yt-emoji-fountain-view-model { max-width: 100%; position: absolute; } .user-reaction-bubble.yt-emoji-fountain-view-model { background-color: var(--yt-spec-static-overlay-text-secondary); outline: 1px solid var(--yt-spec-static-overlay-background-light); border-radius: 50%; width: var(--reaction-bubble-size); height: var(--reaction-bubble-size); position: absolute; top: var(--reaction-bubble-offset); left: var(--reaction-bubble-offset); } yt-emoji-fountain-view-model[is-dark-theme] .user-reaction-bubble.yt-emoji-fountain-view-model { background-color: var(--yt-spec-static-overlay-background-medium); outline: 1px solid var(--yt-spec-static-overlay-button-primary); } .transVert01.yt-emoji-fountain-view-model { animation-name: transVert01; animation-duration: 1s; animation-timing-function: linear; } @keyframes transVert01 { 50% { transform: translateY(-75px) scale(1, 1); opacity: 1; } 100% { transform: translateY(-150px) scale(0.5, 0.5); opacity: 0; } } .transVert02.yt-emoji-fountain-view-model { animation-name: transVert02; animation-duration: 0.85s; animation-timing-function: linear; } @keyframes transVert02 { 50% { transform: translateY(-65px) scale(1, 1); opacity: 1; } 100% { transform: translateY(-130px) scale(0.5, 0.5); opacity: 0; } } .transVert03.yt-emoji-fountain-view-model { animation-name: transVert03; animation-duration: 0.7s; animation-timing-function: linear; } @keyframes transVert03 { 50% { transform: translateY(-55px) scale(1, 1); opacity: 1; } 100% { transform: translateY(-110px) scale(0.5, 0.5); opacity: 0; } } .transHorizRight01.yt-emoji-fountain-view-model { animation-name: transHorizRight01; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes transHorizRight01 { 50% { transform: translateX(30px) rotateZ(30deg); } } .transHorizRight02.yt-emoji-fountain-view-model { animation-name: transHorizRight02; animation-duration: 0.8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes transHorizRight02 { 50% { transform: translateX(10px) rotateZ(20deg); } } .transHorizRight03.yt-emoji-fountain-view-model { animation-name: transHorizRight03; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes transHorizRight03 { 50% { transform: translateX(20px) rotateZ(20deg); } } .transHorizRight04.yt-emoji-fountain-view-model { animation-name: transHorizRight04; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes transHorizRight04 { 50% { transform: translateX(10px) rotateZ(10deg); } } .transHorizLeft01.yt-emoji-fountain-view-model { animation-name: transHorizLeft01; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes transHorizLeft01 { 50% { transform: translateX(-30px) rotateZ(-30deg); } } .transHorizLeft02.yt-emoji-fountain-view-model { animation-name: transHorizLeft02; animation-duration: 0.8s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes transHorizLeft02 { 50% { transform: translateX(-10px) rotateZ(-20deg); } } .transHorizLeft03.yt-emoji-fountain-view-model { animation-name: transHorizLeft03; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes transHorizLeft03 { 50% { transform: translateX(-20px) rotateZ(-20deg); } } .transHorizLeft04.yt-emoji-fountain-view-model { animation-name: transHorizLeft04; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes transHorizLeft04 { 50% { transform: translateX(-10px) rotateZ(-10deg); } } yt-live-chat-banner-poll-choice { display: block; position: relative; color: var(--yt-spec-text-primary-inverse); } #text-container.yt-live-chat-banner-poll-choice { position: absolute; inset: 0px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: var(--yt-live-chat-poll-choice-text-padding); } #content.yt-live-chat-banner-poll-choice { min-height: var(--yt-live-chat-poll-choice-min-height); padding: 4px 16px; position: relative; font-size: 13px; border-radius: 12px; overflow: hidden; } #label-text.yt-live-chat-banner-poll-choice, #vote-percentage-text.yt-live-chat-banner-poll-choice { font-weight: 500; color: var(--yt-live-chat-secondary-text-color-inverse); } #label-text.yt-live-chat-banner-poll-choice { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #percentage-container.yt-live-chat-banner-poll-choice { position: absolute; inset: 0px; border-radius: 0px; overflow: hidden; } #vote-percentage-bar.yt-live-chat-banner-poll-choice { position: absolute; inset: 0px; transform: var(--yt-live-chat-poll-choice-vote-bar-transform,translateX(-100%)); transition-behavior: normal; transition-timing-function: cubic-bezier(0.05, 0, 0, 1); transition-delay: 0s; transition-property: transform; transition-duration: var(--yt-live-chat-poll-choice-animation-duration); background-color: var(--yt-live-chat-additive-background-inverse); border-radius: 0px; } yt-live-chat-button { display: block; } yt-live-chat-button yt-button-renderer.yt-live-chat-button { color: inherit; } yt-live-chat-button[modern][small] { width: 24px; height: 24px; } yt-live-chat-button[modern][small] yt-button-renderer.yt-live-chat-button { position: relative; top: 50%; transform: translateY(-50%); } yt-live-chat-call-for-questions-renderer { display: block; margin: 0px; padding: 0px; } yt-live-chat-call-for-questions-renderer[in-collapsed-banner] { margin: 0px; } yt-live-chat-call-for-questions-renderer[in-collapsed-banner] #content-top.yt-live-chat-call-for-questions-renderer { padding: 4px 0px; } yt-live-chat-call-for-questions-renderer[modern] { margin: 0px; padding: 0px; } yt-live-chat-call-for-questions-renderer[modern][in-collapsed-banner] { margin: 0px; } yt-live-chat-call-for-questions-renderer[modern][in-collapsed-banner] #content-top.yt-live-chat-call-for-questions-renderer { padding: 0px; } yt-live-chat-call-for-questions-renderer[modern] #content-top.yt-live-chat-call-for-questions-renderer { padding: 0px 0px 8px; } #content-top.yt-live-chat-call-for-questions-renderer { align-items: center; display: flex; flex-direction: row; position: relative; padding: 4px 0px 12px; } #content-top.yt-live-chat-call-for-questions-renderer #creator-avatar.yt-live-chat-call-for-questions-renderer { overflow: hidden; border-radius: 50%; margin-right: 8px; } #content-top.yt-live-chat-call-for-questions-renderer #metadata-text.yt-live-chat-call-for-questions-renderer { flex: 1 1 1e-09px; font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; font-weight: 400; letter-spacing: 0.011em; line-height: 20px; color: var(--yt-live-chat-secondary-text-color-inverse); } #content-top.yt-live-chat-call-for-questions-renderer #metadata-text.yt-live-chat-call-for-questions-renderer #collapsed-call-for-questions-text.yt-live-chat-call-for-questions-renderer { color: var(--yt-spec-text-primary-inverse); } #content-top.yt-live-chat-call-for-questions-renderer #menu.yt-live-chat-call-for-questions-renderer { --yt-button-icon-size: 24px; --yt-button-icon-padding: 0; } #content-top.yt-live-chat-call-for-questions-renderer #menu.yt-live-chat-call-for-questions-renderer yt-button-renderer.yt-live-chat-call-for-questions-renderer { color: var(--yt-live-chat-secondary-text-color-inverse); } #main-content.yt-live-chat-call-for-questions-renderer { display: flex; flex-direction: column; flex: 1 1 1e-09px; } #main-content.yt-live-chat-call-for-questions-renderer #call-for-questions-text.yt-live-chat-call-for-questions-renderer { font-family: Roboto, Noto, sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; font-weight: 400; line-height: 20px; color: var(--yt-spec-text-primary-inverse); } #main-content.yt-live-chat-call-for-questions-renderer #ask-question.yt-live-chat-call-for-questions-renderer { display: flex; justify-content: flex-end; margin: 12px 0px 8px; } #main-content.yt-live-chat-call-for-questions-renderer #ask-question.yt-live-chat-call-for-questions-renderer yt-button-renderer.yt-live-chat-call-for-questions-renderer { color: var(--yt-spec-text-primary-inverse); } yt-live-chat-dialog-renderer { position: absolute; inset: 0px; background-color: var(--yt-live-chat-overlay-color); display: flex; flex-direction: column; align-items: center; justify-content: center; } #inner.yt-live-chat-dialog-renderer { max-width: calc(100% - 32px); margin: 13px 16px; color: var(--yt-live-chat-primary-text-color); background-color: var(--yt-live-chat-dialog-background-color); border-radius: 4px; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.4) 0px 2px 4px -1px; } #live-chat-dialog-title.yt-live-chat-dialog-renderer { display: block; font-size: 20px; margin: 24px 24px 8px; } #image.yt-live-chat-dialog-renderer { width: 100%; } #live-chat-dialog-body.yt-live-chat-dialog-renderer { margin: 16px 24px 0px; font-size: 14px; color: var(--yt-live-chat-dialog-text-color); line-height: 24px; } #live-chat-dialog-body.yt-live-chat-dialog-renderer yt-formatted-string.yt-live-chat-dialog-renderer { display: block; margin: 16px 0px; } #buttons.yt-live-chat-dialog-renderer { margin: 8px; display: flex; flex-direction: row; justify-content: flex-end; } #confirm_button.yt-live-chat-dialog-renderer, #cancel_button.yt-live-chat-dialog-renderer { font-size: 15px; font-weight: 500; margin-left: 8px; } yt-live-chat-engagement-panel-input-renderer { display: block; border-top: 1px solid var(--yt-spec-outline); } yt-live-chat-engagement-panel-input-renderer[hide-border] { border-top: none; } yt-live-chat-icon-toggle-button-renderer { display: inline-block; } yt-live-chat-icon-toggle-button-renderer[use-toggled-active-state][active]#emoji yt-icon.yt-live-chat-icon-toggle-button-renderer { color: var(--yt-spec-text-primary); } #button.yt-live-chat-icon-toggle-button-renderer { width: 40px; height: 40px; padding: 8px; position: relative; } yt-live-chat-icon-toggle-button-renderer.yt-live-chat-message-input-renderer > #button.yt-live-chat-icon-toggle-button-renderer, yt-live-chat-icon-toggle-button-renderer.yt-live-chat-restricted-participation-renderer > #button.yt-live-chat-icon-toggle-button-renderer { width: 36px; height: 36px; padding: 6px; background-color: var(--yt-spec-additive-background); border-radius: 18px; } yt-live-chat-icon-toggle-button-renderer.yt-live-chat-message-input-renderer > #button.yt-live-chat-icon-toggle-button-renderer #bubble.yt-live-chat-icon-toggle-button-renderer, yt-live-chat-icon-toggle-button-renderer.yt-live-chat-restricted-participation-renderer > #button.yt-live-chat-icon-toggle-button-renderer #bubble.yt-live-chat-icon-toggle-button-renderer { top: -6px; left: -6px; } yt-live-chat-icon-toggle-button-renderer#emoji > #button.yt-live-chat-icon-toggle-button-renderer { background-color: transparent; } #icon-badge-text.yt-live-chat-icon-toggle-button-renderer { color: var(--yt-spec-static-overlay-text-primary); background-color: var(--yt-spec-call-to-action); position: absolute; top: 2px; left: 23px; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; border: 2px solid var(--yt-spec-brand-background-primary); font-size: 10px; text-align: center; cursor: pointer; } #bubble.yt-live-chat-icon-toggle-button-renderer { border-radius: 50%; background-color: var(--yt-live-chat-monetization-button-glow,gold); position: absolute; width: 48px; height: 48px; top: -4px; left: -4px; transform: scale(0); animation-duration: 1s; animation-timing-function: ease-in; animation-fill-mode: forwards; animation-iteration-count: 5; } yt-live-chat-icon-toggle-button-renderer[bubble] #bubble.yt-live-chat-icon-toggle-button-renderer { animation-name: bubble; } @keyframes bubble { 0% { transform: scale(0); opacity: 1; } 70% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } yt-live-chat-message-input-prompt-header-renderer { box-sizing: border-box; color: var(--yt-live-chat-primary-text-color,var(--yt-spec-text-primary)); } #primary-content.yt-live-chat-message-input-prompt-header-renderer { margin: -16px -8px 0px; display: flex; flex-direction: row; align-items: center; } #close-button.yt-live-chat-message-input-prompt-header-renderer { margin-right: 16px; width: 40px; height: 40px; padding: 8px; } #help-button.yt-live-chat-message-input-prompt-header-renderer { margin: 0px; width: 40px; height: 40px; padding: 8px; } #close-button.yt-live-chat-message-input-prompt-header-renderer > .yt-live-chat-message-input-prompt-header-renderer, #help-button.yt-live-chat-message-input-prompt-header-renderer > .yt-live-chat-message-input-prompt-header-renderer { color: var(--yt-live-chat-icon-button-color); } #label-text.yt-live-chat-message-input-prompt-header-renderer { flex: 1 1 1e-09px; font-size: 16px; } #underline.yt-live-chat-message-input-prompt-header-renderer { height: 16px; border-top: 1px solid var(--yt-live-chat-text-input-field-inactive-underline-color,#b8b8b8); margin: -4px 8px 0px; } #picker-buttons.yt-live-chat-message-input-renderer { display: flex; flex-direction: row; align-items: center; } #picker-buttons.yt-live-chat-message-input-renderer > .yt-live-chat-message-input-renderer { color: var(--yt-live-chat-picker-button-color); } #picker-buttons.yt-live-chat-message-input-renderer .yt-live-chat-message-input-renderer:hover { color: var(--yt-live-chat-picker-button-hover-color); } #picker-buttons.yt-live-chat-message-input-renderer .yt-live-chat-message-input-renderer[active] { color: var(--yt-live-chat-picker-button-active-color); } #picker-buttons.yt-live-chat-message-input-renderer .yt-live-chat-message-input-renderer[disabled] { color: var(--yt-live-chat-picker-button-disabled-color); } yt-live-chat-message-input-renderer[system-icons] #picker-buttons.yt-live-chat-message-input-renderer > .yt-live-chat-message-input-renderer { color: var(--yt-spec-text-primary); } yt-live-chat-message-input-renderer { display: flex; flex-direction: column; padding: 10px 24px; color: var(--yt-live-chat-primary-text-color); background: var(--yt-live-chat-action-panel-background-color,var(--yt-deprecated-opalescence-soft-grey-opacity-lighten-3)); font-size: 14px; position: static; --yt-emoji-picker-renderer-content-margin: 0 24px; --yt-emoji-picker-category-margin-left: 24px; } yt-live-chat-message-input-renderer[input-expanded] { padding: 6px 24px 10px; } yt-live-chat-message-input-renderer[in-reply-panel] { background-color: var(--yt-spec-raised-background); } #avatar.yt-live-chat-message-input-renderer { margin: auto 12px 6px 0px; overflow: hidden; border-radius: 50%; flex: 0 0 auto; } #picker-buttons.yt-live-chat-message-input-renderer { display: inline-flex; } #picker-buttons.yt-live-chat-message-input-renderer yt-live-chat-icon-toggle-button-renderer.yt-live-chat-message-input-renderer, #picker-buttons.yt-live-chat-message-input-renderer yt-button-renderer.yt-live-chat-message-input-renderer, #picker-buttons.yt-live-chat-message-input-renderer yt-reaction-control-panel-overlay-view-model.yt-live-chat-message-input-renderer { margin-left: 12px; } #top.yt-live-chat-message-input-renderer { display: flex; flex-direction: row; align-items: stretch; margin: 0px; } #pickers.yt-live-chat-message-input-renderer, #error-message.yt-live-chat-message-input-renderer { margin: 0px 8px; } yt-live-chat-message-input-renderer[product-picker-open], yt-live-chat-message-input-renderer[engage-with-audience-picker-open] { padding: 0px; overflow-y: hidden; } yt-live-chat-message-input-renderer[poll-editor-picker-open], yt-live-chat-message-input-renderer[qna-start-panel-open] { padding-top: 0px; padding-bottom: 0px; } yt-live-chat-message-input-renderer[creator-open] #top.yt-live-chat-message-input-renderer, yt-live-chat-message-input-renderer[creator-open] #buttons.yt-live-chat-message-input-renderer, yt-live-chat-message-input-renderer[product-picker-open] #top.yt-live-chat-message-input-renderer, yt-live-chat-message-input-renderer[product-picker-open] #buttons.yt-live-chat-message-input-renderer, yt-live-chat-message-input-renderer[poll-editor-picker-open] #top.yt-live-chat-message-input-renderer, yt-live-chat-message-input-renderer[poll-editor-picker-open] #buttons.yt-live-chat-message-input-renderer, yt-live-chat-message-input-renderer[qna-start-panel-open] #top.yt-live-chat-message-input-renderer, yt-live-chat-message-input-renderer[qna-start-panel-open] #buttons.yt-live-chat-message-input-renderer, yt-live-chat-message-input-renderer[engage-with-audience-picker-open] #top.yt-live-chat-message-input-renderer, yt-live-chat-message-input-renderer[engage-with-audience-picker-open] #buttons.yt-live-chat-message-input-renderer { display: none; } yt-live-chat-message-input-renderer[taller-emoji-picker] { --yt-emoji-picker-renderer-height: 240px; } yt-live-chat-message-input-renderer[taller-emoji-picker] yt-emoji-picker-renderer.yt-live-chat-message-input-renderer { max-height: 240px; } yt-live-chat-message-input-renderer[product-picker-open][has-product-picker-panel-view-model] { position: static; } yt-live-chat-product-picker-panel-view-model.yt-live-chat-message-input-renderer { bottom: 8px; left: 0px; position: absolute; } #input-container.yt-live-chat-message-input-renderer { flex: 1 1 1e-09px; display: flex; flex-flow: wrap; align-items: center; justify-content: flex-end; background-color: var(--yt-spec-additive-background); border-radius: 18px; padding: 0px 0px 0px 12px; min-width: 0px; } yt-live-chat-message-input-renderer:not([has-emoji-picker-button]) #input-container.yt-live-chat-message-input-renderer { min-height: 36px; } yt-live-chat-message-input-renderer[input-expanded] #input-container.yt-live-chat-message-input-renderer { border-radius: 8px; } #input.yt-live-chat-message-input-renderer { margin-top: 0px; } yt-live-chat-text-input-field-renderer.yt-live-chat-message-input-renderer { display: flex; flex: 1 1 auto; max-width: 100%; } yt-live-chat-message-input-renderer[input-expanded] yt-live-chat-text-input-field-renderer.yt-live-chat-message-input-renderer { padding-right: 12px; } #emoji-picker-button.yt-live-chat-message-input-renderer { margin: auto 0px 0px 6px; } yt-live-chat-message-renderer.yt-live-chat-message-input-renderer { position: relative; opacity: 1; padding: 2px 0px 0px; } yt-live-chat-message-input-renderer[has-interaction-message] #container.yt-live-chat-message-input-renderer { display: none; } #right.yt-live-chat-message-input-renderer { display: flex; flex-direction: column; } #buttons.yt-live-chat-message-input-renderer { display: flex; flex-direction: row; justify-content: space-between; margin: 4px 0px -8px; } #message-buttons.yt-live-chat-message-input-renderer { display: flex; flex-direction: row; align-items: center; } #count-container.yt-live-chat-message-input-renderer { display: flex; flex-direction: column; align-items: center; flex: 1 1 1e-09px; margin-left: 8px; } #count.yt-live-chat-message-input-renderer { background-color: var(--yt-spec-additive-background); width: fit-content; border-radius: 4px; font-size: 12px; padding: 2px; margin: 8px 0px 0px; display: none; } #count.warning.yt-live-chat-message-input-renderer { color: var(--yt-spec-text-secondary); display: block; } #count.error.yt-live-chat-message-input-renderer { color: var(--yt-spec-text-primary-inverse); background-color: var(--yt-live-chat-count-color-error); } #send-button.yt-live-chat-message-input-renderer { transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.5s; } #send-button.yt-live-chat-message-input-renderer > .yt-live-chat-message-input-renderer { color: var(--yt-live-chat-enabled-send-button-color); background-color: transparent; border-radius: 18px; margin-left: 12px; --yt-button-icon-size: 36px; } yt-live-chat-message-input-renderer[system-icons] #send-button.yt-live-chat-message-input-renderer > .yt-live-chat-message-input-renderer { color: var(--yt-spec-text-primary); } #send-button.yt-live-chat-message-input-renderer > .yt-live-chat-message-input-renderer[disabled] { color: var(--yt-live-chat-disabled-icon-button-color); } #send-button.yt-live-chat-message-input-renderer[countdown-active] { transform: scale(0.55); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); } #countdown.yt-live-chat-message-input-renderer { position: relative; left: -33px; width: 24px; height: 24px; margin-right: -24px; opacity: 0; transition: opacity 1s; pointer-events: none; } #countdown.yt-live-chat-message-input-renderer[countdown-active] { opacity: var(--yt-live-chat-countdown-opacity,.3); transition: opacity 2s; } circle.yt-live-chat-message-input-renderer { fill: none; stroke-linecap: square; stroke-width: 2; stroke: currentcolor; } #countdown-background.yt-live-chat-message-input-renderer { opacity: 0.3; } #countdown-line.yt-live-chat-message-input-renderer { stroke-dasharray: 62.8318; transform: translate(0px, 24px) rotateZ(-90deg); } yt-emoji-picker-renderer.yt-live-chat-message-input-renderer { min-height: 130px; max-height: 220px; margin: 16px -24px 0px; } yt-live-chat-poll-editor-panel-renderer.yt-live-chat-message-input-renderer, yt-live-chat-qna-start-panel-renderer.yt-live-chat-message-input-renderer { margin: 0px -24px; } #error-message.yt-live-chat-message-input-renderer { margin: 16px 0px 4px; } #error-message.yt-live-chat-message-input-renderer:empty { display: none; } #tooltip-accessibility-text.yt-live-chat-message-input-renderer { display: inline-block; position: fixed; clip: rect(0px, 0px, 0px, 0px); } yt-live-chat-message-renderer { color: var(--yt-live-chat-primary-text-color,var(--yt-spec-text-primary)); background: var(--yt-live-chat-action-panel-background-color,var(--yt-deprecated-opalescence-soft-grey-opacity-lighten-3)); display: flex; flex-direction: column; align-items: center; justify-content: center; --yt-paper-button-width: 100%; } #subtext.yt-live-chat-message-renderer { color: var(--yt-live-chat-secondary-text-color,var(--yt-deprecated-luna-black-opacity-lighten-2)); margin-bottom: 12px; } #text.yt-live-chat-message-renderer, #subtext.yt-live-chat-message-renderer { text-align: var(--yt-live-chat-message-renderer-text-align,inherit); align-self: center; } #text.yt-live-chat-message-renderer:empty, #subtext.yt-live-chat-message-renderer:empty, #button.yt-live-chat-message-renderer:empty { display: none; } yt-live-chat-message-renderer[subtext-on-bottom] #subtext.yt-live-chat-message-renderer { order: 1; margin-bottom: 2px; margin-top: 10px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.6rem; } #button.yt-live-chat-message-renderer { width: 100%; } #button.yt-live-chat-message-renderer .style-default.yt-live-chat-message-renderer { display: flex; flex-direction: column; } #button.yt-live-chat-message-renderer > .yt-live-chat-message-renderer { display: flex; flex-direction: column; } yt-live-chat-message-subtext-renderer { display: block; } yt-live-chat-poll-editor-input { display: block; --yt-live-chat-text-input-field-active-underline-color: none; --yt-live-chat-text-input-field-inactive-underline-color: none; color: var(--yt-spec-text-primary); } #input-container.yt-live-chat-poll-editor-input { position: relative; padding: 6px 12px; background-color: var(--yt-spec-additive-background); border-radius: 20px; overflow: hidden; } #input-container.yt-live-chat-poll-editor-input:focus-within { padding: 5px 11px; border: 1px solid var(--yt-spec-text-primary); } #input.yt-live-chat-poll-editor-input { font-size: 14px; margin-right: 4px; --yt-live-chat-text-input-field-placeholder-top: auto; --yt-live-chat-text-input-field-placeholder-left: auto; --yt-live-chat-text-input-field-placeholder-color: var( --yt-live-chat-tertiary-text-color ); --yt-live-chat-text-input-field-white-space: nowrap; } yt-live-chat-poll-editor-input[has-prefilled-text] #input.yt-live-chat-poll-editor-input { --yt-live-chat-text-input-field-placeholder-color: var( --yt-live-chat-secondary-text-color ); } #input.yt-live-chat-poll-editor-input[focused], #input-container.yt-live-chat-poll-editor-input:focus-within #input.yt-live-chat-poll-editor-input, yt-live-chat-poll-editor-input[is-removable]:not(:focus-within):hover #input.yt-live-chat-poll-editor-input { margin-right: 36px; } #close-button.yt-live-chat-poll-editor-input, #char-count.yt-live-chat-poll-editor-input { position: absolute; right: 16px; top: 50%; } yt-live-chat-poll-editor-input[over-character-limit] #char-count.yt-live-chat-poll-editor-input, #close-button.yt-live-chat-poll-editor-input { color: var(--yt-spec-text-secondary); } yt-live-chat-poll-editor-input:not([is-removable]) #close-button.yt-live-chat-poll-editor-input, #char-count.yt-live-chat-poll-editor-input { visibility: hidden; } #char-count.yt-live-chat-poll-editor-input { transform: translateY(-50%); color: var(--yt-spec-text-primary); } yt-live-chat-poll-editor-input:focus-within #content-right.yt-live-chat-poll-editor-input:not(:focus-within) #char-count.yt-live-chat-poll-editor-input { display: inline; visibility: visible; } #close-button.yt-live-chat-poll-editor-input { display: inline-block; transform: translate(100px, -50%); } yt-live-chat-poll-editor-input[is-removable] #close-button.yt-live-chat-poll-editor-input:focus-within, yt-live-chat-poll-editor-input[is-removable]:not(:focus-within):hover #close-button.yt-live-chat-poll-editor-input { transform: translate(0px, -50%); } #error-message.yt-live-chat-poll-editor-input { display: none; } yt-live-chat-poll-editor-input[show-error-message] #error-message.yt-live-chat-poll-editor-input { display: block; font-size: 12px; line-height: 14px; padding-top: 4px; color: var(--yt-spec-text-secondary); } yt-live-chat-poll-editor-panel-renderer { display: block; background-color: var(--yt-live-chat-action-panel-background-color); padding: 4px 0px; } .background.yt-live-chat-poll-editor-panel-renderer { position: absolute; inset: 0px; } #panel-header.yt-live-chat-poll-editor-panel-renderer, #poll-editor-header.yt-live-chat-poll-editor-panel-renderer { display: flex; flex-direction: row; align-items: center; padding-left: 13px; } #panel-header.yt-live-chat-poll-editor-panel-renderer { color: var(--yt-spec-text-secondary); border-bottom: 1px solid var(--yt-live-chat-poll-editor-panel-header-border-color); padding-left: 12px; padding-bottom: 4px; } #poll-editor-header.yt-live-chat-poll-editor-panel-renderer { color: var(--yt-live-chat-poll-secondary-text-color); font-size: 12px; padding: 6px; } #poll-editor-header.yt-live-chat-poll-editor-panel-renderer yt-icon.yt-live-chat-poll-editor-panel-renderer { width: 16px; height: 16px; } #panel-title.yt-live-chat-poll-editor-panel-renderer, #poll-editor-title.yt-live-chat-poll-editor-panel-renderer { flex: 1 1 1e-09px; font-size: 13px; margin-left: 8px; } #poll-editor.yt-live-chat-poll-editor-panel-renderer, #poll-editor-header.yt-live-chat-poll-editor-panel-renderer, #poll-options.yt-live-chat-poll-editor-panel-renderer, #poll-question-count.yt-live-chat-poll-editor-panel-renderer, #poll-question-sub-content.yt-live-chat-poll-editor-panel-renderer { position: relative; } #poll-editor.yt-live-chat-poll-editor-panel-renderer { overflow: hidden; margin: 12px; color: var(--yt-spec-text-primary); } yt-live-chat-text-input-field-renderer.yt-live-chat-poll-editor-panel-renderer { font-size: 14px; --yt-live-chat-text-input-field-placeholder-top: auto; --yt-live-chat-text-input-field-placeholder-left: auto; --yt-live-chat-text-input-field-placeholder-color: var( --yt-live-chat-tertiary-text-color ); } #poll-question.yt-live-chat-poll-editor-panel-renderer { --yt-live-chat-text-input-field-active-underline-color: var( --yt-spec-text-primary ); --yt-live-chat-text-input-field-inactive-underline-color: var( --yt-live-chat-tertiary-text-color ); } yt-live-chat-poll-editor-panel-renderer[over-question-character-limit] #poll-question.yt-live-chat-poll-editor-panel-renderer { --yt-live-chat-text-input-field-active-underline-color: var( --yt-live-chat-tertiary-text-color ); } yt-live-chat-poll-editor-panel-renderer[over-question-character-limit] #poll-question-count.yt-live-chat-poll-editor-panel-renderer { color: var(--yt-live-chat-tertiary-text-color); } #poll-question-sub-content.yt-live-chat-poll-editor-panel-renderer { display: flex; flex-direction: row; justify-content: flex-end; padding: 4px 0px 8px; } #poll-question-error-message.yt-live-chat-poll-editor-panel-renderer { display: none; font-size: 12px; line-height: 14px; color: var(--yt-live-chat-secondary-text-color); } yt-live-chat-poll-editor-panel-renderer[show-question-error-message] #poll-question-error-message.yt-live-chat-poll-editor-panel-renderer { display: unset; flex: 1 1 1e-09px; } #poll-question-count.yt-live-chat-poll-editor-panel-renderer { display: none; text-align: end; font-size: 12px; line-height: 14px; } yt-live-chat-poll-editor-panel-renderer[show-question-error-message] #poll-question-count.yt-live-chat-poll-editor-panel-renderer { flex: 0 0 auto; } #poll-question.yt-live-chat-poll-editor-panel-renderer:focus-within + #poll-question-sub-content.yt-live-chat-poll-editor-panel-renderer > #poll-question-count.yt-live-chat-poll-editor-panel-renderer { display: block; } yt-live-chat-poll-editor-input.yt-live-chat-poll-editor-panel-renderer { margin-top: 8px; } #add-option-button.yt-live-chat-poll-editor-panel-renderer { display: flex; justify-content: flex-end; margin-top: 8px; } #close-button.yt-live-chat-poll-editor-panel-renderer { flex: 0 0 auto; } yt-live-chat-poll-editor-panel-renderer[modern] #close-button.yt-live-chat-poll-editor-panel-renderer { margin-right: 4px; } #start-button.yt-live-chat-poll-editor-panel-renderer { border-top: 1px solid var(--yt-live-chat-poll-editor-panel-header-border-color); padding: 12px; } #start-button.yt-live-chat-poll-editor-panel-renderer yt-button-renderer.yt-live-chat-poll-editor-panel-renderer { display: flex; flex-direction: column; } yt-live-chat-poll-editor-panel-renderer:not([modern]) #add-option-button.yt-live-chat-poll-editor-panel-renderer yt-button-renderer.yt-live-chat-poll-editor-panel-renderer { color: var(--yt-spec-text-primary); } yt-live-chat-poll-editor-panel-renderer:not([modern]) #start-button.yt-live-chat-poll-editor-panel-renderer yt-button-renderer.yt-live-chat-poll-editor-panel-renderer { background-color: var(--yt-live-chat-poll-editor-start-button-background-color); color: var(--yt-live-chat-poll-editor-start-button-color); } yt-live-chat-poll-editor-panel-renderer:not([modern]) #start-button.yt-live-chat-poll-editor-panel-renderer yt-button-renderer.yt-live-chat-poll-editor-panel-renderer[disabled] { background-color: var(--yt-live-chat-poll-editor-start-button-background-color-disabled); color: var(--yt-live-chat-poll-editor-start-button-color-disabled); } #poll-option.yt-live-chat-poll-editor-panel-renderer { position: relative; } #remove-option-button.yt-live-chat-poll-editor-panel-renderer { display: none; color: var(--yt-live-chat-poll-secondary-text-color); position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } #poll-option.yt-live-chat-poll-editor-panel-renderer:not(:focus-within):hover #remove-option-button.yt-live-chat-poll-editor-panel-renderer[is-removable] { display: inline-block; } #spinner-container.yt-live-chat-poll-editor-panel-renderer { background-color: var(--yt-live-chat-action-panel-background-color); display: flex; position: absolute; inset: 0px; align-items: center; justify-content: center; } #poll-question-count-alt-label.yt-live-chat-poll-editor-panel-renderer { position: absolute; left: -1000px; width: 1px; height: 1px; overflow: hidden; } yt-live-chat-product-button-renderer:focus { outline: none; } tp-yt-paper-item.yt-live-chat-product-button-renderer { margin: 0px; padding: 12px 16px 12px 24px; text-transform: none; } #endpoint.yt-live-chat-product-button-renderer:hover { background-color: var(--yt-live-chat-product-picker-hover-color); } #endpoint.yt-live-chat-product-button-renderer { display: block; } #container.yt-live-chat-product-button-renderer { min-height: 32px; } #text.yt-live-chat-product-button-renderer { font-size: 16px; line-height: 24px; color: var(--yt-spec-text-primary); align-items: flex-start; } #subtext.yt-live-chat-product-button-renderer { font-size: 12px; line-height: 16px; color: var(--yt-live-chat-secondary-text-color); white-space: normal; } yt-live-chat-product-button-renderer[disabled] a.yt-live-chat-product-button-renderer { cursor: unset; } yt-live-chat-product-button-renderer[disabled] #text.yt-live-chat-product-button-renderer, yt-live-chat-product-button-renderer[disabled] #subtext.yt-live-chat-product-button-renderer { color: var(--yt-live-chat-tertiary-text-color); } #icon.yt-live-chat-product-button-renderer { flex-shrink: 0; padding-right: 32px; color: var(--yt-live-chat-product-picker-icon-color); position: relative; } yt-live-chat-product-button-renderer[system-icons] #icon.yt-live-chat-product-button-renderer { color: var(--yt-spec-text-primary); } #icon-badge-text.yt-live-chat-product-button-renderer { color: var(--yt-swatch-important-text,var(--yt-spec-static-overlay-text-primary)); background-color: var(--yt-spec-call-to-action); position: absolute; top: -7px; left: 13px; width: 16px; height: 16px; line-height: 16px; border-radius: 50%; border: 2px solid var(--yt-spec-brand-background-primary); font-size: 10px; text-align: center; cursor: pointer; } yt-live-chat-product-button-renderer[disabled] #icon.yt-live-chat-product-button-renderer { color: var(--yt-live-chat-product-picker-disabled-icon-color); } yt-live-chat-product-button-renderer[disabled][system-icons] #icon.yt-live-chat-product-button-renderer { color: var(--yt-live-chat-tertiary-text-color); } yt-live-chat-product-picker-panel-item-view-model { display: block; background-color: var(--yt-spec-base-background); } #endpoint.yt-live-chat-product-picker-panel-item-view-model { display: block; } #endpoint.yt-live-chat-product-picker-panel-item-view-model:hover { background-color: var(--yt-live-chat-product-picker-hover-color); } yt-live-chat-product-picker-panel-item-view-model[has-promotion] #endpoint.yt-live-chat-product-picker-panel-item-view-model:not(:hover) { background-color: var(--yt-spec-suggested-action); } #container.yt-live-chat-product-picker-panel-item-view-model { display: flex; flex-direction: row; align-items: center; text-transform: none; min-height: 68px; } #image-container.yt-live-chat-product-picker-panel-item-view-model { display: flex; position: relative; } yt-live-chat-product-picker-panel-item-view-model[has-promotion] #dot.yt-live-chat-product-picker-panel-item-view-model { top: 8px; right: -4px; height: 8px; width: 8px; background-color: var(--yt-spec-call-to-action); border-radius: 50%; border: 2px solid var(--yt-spec-suggested-action); position: absolute; } #image.yt-live-chat-product-picker-panel-item-view-model { width: 56px; height: 56px; } #text.yt-live-chat-product-picker-panel-item-view-model { flex: 1 1 1e-09px; margin: 0px 12px; } #icon.yt-live-chat-product-picker-panel-item-view-model { width: 24px; height: 24px; } yt-live-chat-product-picker-panel-item-view-model[has-promotion] #icon.yt-live-chat-product-picker-panel-item-view-model { color: var(--yt-spec-call-to-action); } yt-live-chat-product-picker-panel-item-view-model:not([has-promotion]) #icon.yt-live-chat-product-picker-panel-item-view-model { color: var(--yt-spec-text-primary); } #title.yt-live-chat-product-picker-panel-item-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; display: block; color: var(--yt-spec-text-primary); } #description.yt-live-chat-product-picker-panel-item-view-model { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; display: block; color: var(--yt-spec-text-secondary); } yt-live-chat-product-picker-panel-view-model { display: block; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px; border: 1px solid var(--yt-spec-outline); min-height: 68px; width: calc(100% - 16px); margin: 0px 8px; overflow: hidden; box-sizing: border-box; } #title.yt-live-chat-product-picker-panel-view-model { flex: 1 1 1e-09px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; color: var(--yt-spec-text-primary); overflow: hidden; } #close-button.yt-live-chat-product-picker-panel-view-model { flex: 0 0 auto; } #header.yt-live-chat-product-picker-panel-view-model { display: flex; flex-direction: row; align-items: center; padding: 8px 12px 4px; background-color: var(--yt-spec-base-background); } yt-live-chat-product-picker-renderer { margin: 8px -8px; display: flex; flex-direction: column; } yt-live-chat-product-picker-renderer:focus { outline: none; } #title.yt-live-chat-product-picker-renderer { color: var(--yt-live-chat-secondary-text-color); font-family: Roboto; font-size: 14px; font-weight: 500; padding: 12px 24px 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } yt-live-chat-qna-start-panel-renderer { display: block; background-color: var(--yt-live-chat-action-panel-background-color); padding: 4px 0px; } .background.yt-live-chat-qna-start-panel-renderer { position: absolute; inset: 0px; } #panel-header.yt-live-chat-qna-start-panel-renderer { display: flex; flex-direction: row; align-items: center; padding-left: 13px; } #panel-header.yt-live-chat-qna-start-panel-renderer { color: var(--yt-spec-text-secondary); border-bottom: 1px solid var(--yt-live-chat-qna-start-panel-header-border-color); padding-left: 12px; padding-bottom: 4px; } #panel-title.yt-live-chat-qna-start-panel-renderer { flex: 1 1 1e-09px; font-size: 13px; margin-left: 8px; } #creator-message-text.yt-live-chat-qna-start-panel-renderer { display: flex; flex-direction: row; align-items: center; padding: 4px 8px; color: var(--yt-spec-text-secondary); } #call_for_questions_banner.yt-live-chat-qna-start-panel-renderer { overflow: hidden; margin: 12px; border-radius: 12px; position: relative; color: var(--yt-spec-text-primary); } #close-button.yt-live-chat-qna-start-panel-renderer { flex: 0 0 auto; } yt-live-chat-qna-start-panel-renderer[modern] #close-button.yt-live-chat-qna-start-panel-renderer { margin-right: 4px; } #start-button.yt-live-chat-qna-start-panel-renderer { border-top: 1px solid var(--yt-live-chat-poll-editor-panel-header-border-color); padding: 12px; } #start-button.yt-live-chat-qna-start-panel-renderer yt-button-renderer.yt-live-chat-qna-start-panel-renderer { display: flex; flex-direction: column; } yt-live-chat-qna-start-panel-renderer:not([modern]) #start-button.yt-live-chat-qna-start-panel-renderer yt-button-renderer.yt-live-chat-qna-start-panel-renderer { background-color: var(--yt-live-chat-qna-panel-start-button-background-color); color: var(--yt-live-chat-qna-panel-start-button-color); } #start-button.yt-live-chat-qna-start-panel-renderer yt-button-renderer.yt-live-chat-qna-start-panel-renderer[disabled] { background-color: var(--yt-live-chat-qna-start-panel-button-background-color-disabled); color: var(--yt-live-chat-qna-panel-start-button-color-disabled); } #creator-avatar.yt-live-chat-qna-start-panel-renderer { overflow: hidden; border-radius: 50%; margin-right: 12px; } #banner-content.yt-live-chat-qna-start-panel-renderer { position: relative; } #banner-content-top.yt-live-chat-qna-start-panel-renderer { align-items: center; display: flex; flex-direction: row; position: relative; } #metadata-text.yt-live-chat-qna-start-panel-renderer { flex: 1 1 1e-09px; font-size: 13px; color: var(--yt-spec-text-secondary); } #menu.yt-live-chat-qna-start-panel-renderer { flex: 0 0 auto; --yt-button-icon-size: 24px; --yt-button-icon-padding: 0; } #banner-main-content.yt-live-chat-qna-start-panel-renderer { display: flex; flex-direction: column; flex: 1 1 1e-09px; margin-top: 12px; } yt-live-chat-text-input-field-renderer.yt-live-chat-qna-start-panel-renderer { padding: 8px 0px 4px; font-size: 14px; --yt-live-chat-text-input-field-placeholder-top: auto; --yt-live-chat-text-input-field-placeholder-left: auto; --yt-live-chat-text-input-field-active-underline-color: var( --yt-spec-text-primary ); --yt-live-chat-text-input-field-inactive-underline-color: var( --yt-live-chat-tertiary-text-color ); --yt-live-chat-text-input-field-placeholder-color: var( --yt-live-chat-tertiary-text-color ); } #input.yt-live-chat-qna-start-panel-renderer { padding: 4px 8px 24px 0px; } #input-sub-content.yt-live-chat-qna-start-panel-renderer { display: flex; flex-direction: row; justify-content: flex-end; padding-bottom: 4px; } #qna-error-message.yt-live-chat-qna-start-panel-renderer { display: none; font-size: 12px; line-height: 14px; color: var(--yt-spec-text-secondary); } yt-live-chat-qna-start-panel-renderer[show-input-error-message] #qna-error-message.yt-live-chat-qna-start-panel-renderer { display: unset; flex: 1 1 1e-09px; } #qna-character-count.yt-live-chat-qna-start-panel-renderer { display: none; font-size: 12px; line-height: 14px; padding-left: 8px; text-align: end; } yt-live-chat-qna-start-panel-renderer[show-input-error-message] #qna-character-count.yt-live-chat-qna-start-panel-renderer { flex: 0 0 auto; } #input-container.yt-live-chat-qna-start-panel-renderer:focus-within + #input-sub-content.yt-live-chat-qna-start-panel-renderer > #qna-character-count.yt-live-chat-qna-start-panel-renderer { display: block; } #spinner-container.yt-live-chat-qna-start-panel-renderer { background-color: var(--yt-live-chat-action-panel-background-color); display: flex; position: absolute; inset: 0px; align-items: center; justify-content: center; } #picker-buttons.yt-live-chat-restricted-participation-renderer { display: flex; flex-direction: row; align-items: center; } #picker-buttons.yt-live-chat-restricted-participation-renderer > .yt-live-chat-restricted-participation-renderer { color: var(--yt-live-chat-picker-button-color); } #picker-buttons.yt-live-chat-restricted-participation-renderer .yt-live-chat-restricted-participation-renderer:hover { color: var(--yt-live-chat-picker-button-hover-color); } #picker-buttons.yt-live-chat-restricted-participation-renderer .yt-live-chat-restricted-participation-renderer[active] { color: var(--yt-live-chat-picker-button-active-color); } #picker-buttons.yt-live-chat-restricted-participation-renderer .yt-live-chat-restricted-participation-renderer[disabled] { color: var(--yt-live-chat-picker-button-disabled-color); } yt-live-chat-restricted-participation-renderer[system-icons] #picker-buttons.yt-live-chat-restricted-participation-renderer > .yt-live-chat-restricted-participation-renderer { color: var(--yt-spec-text-primary); } #picker-buttons.yt-live-chat-restricted-participation-renderer yt-live-chat-icon-toggle-button-renderer.yt-live-chat-restricted-participation-renderer, #picker-buttons.yt-live-chat-restricted-participation-renderer yt-button-renderer.yt-live-chat-restricted-participation-renderer, #picker-buttons.yt-live-chat-restricted-participation-renderer yt-reaction-control-panel-overlay-view-model.yt-live-chat-restricted-participation-renderer { margin-left: 12px; } yt-live-chat-restricted-participation-renderer { display: block; box-sizing: border-box; } #container.yt-live-chat-restricted-participation-renderer { padding: 0px 16px 0px 24px; background: var(--yt-live-chat-action-panel-background-color,var(--yt-deprecated-opalescence-soft-grey-opacity-lighten-3)); color: var(--yt-live-chat-secondary-text-color,var(--yt-spec-text-secondary)); font-size: 14px; } #explanation.yt-live-chat-restricted-participation-renderer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; min-height: 48px; } #icon.yt-live-chat-restricted-participation-renderer { width: 24px; height: 24px; margin-right: 16px; color: var(--yt-spec-text-primary); flex: 0 0 auto; } yt-live-chat-restricted-participation-renderer[in-reply-panel] #container.yt-live-chat-restricted-participation-renderer { background-color: var(--yt-spec-raised-background); } #body.yt-live-chat-restricted-participation-renderer { flex: 1 1 auto; display: flex; align-items: center; padding: 10px 0px; } #message.yt-live-chat-restricted-participation-renderer { display: inline; line-height: 16px; margin-right: 8px; } #message-button.yt-live-chat-restricted-participation-renderer { padding-top: 0px; display: inline; --yt-paper-button-min-width: 0; --yt-button-padding: 0 0; --yt-paper-button-font-size: 14px; } #message-button.yt-live-chat-restricted-participation-renderer:not(:empty)::before { display: none; padding: 0px 5px; content: "·"; font-weight: 500; } yt-live-chat-restricted-participation-renderer[creator-open] #explanation.yt-live-chat-restricted-participation-renderer, yt-live-chat-restricted-participation-renderer[product-picker-open] #explanation.yt-live-chat-restricted-participation-renderer { display: none; } yt-live-chat-restricted-participation-renderer[creator-open] #container.yt-live-chat-restricted-participation-renderer { padding: 8px 16px 8px 24px; } yt-live-chat-restricted-participation-renderer[product-picker-open] #container.yt-live-chat-restricted-participation-renderer { padding: 8px 16px; margin: 0px -8px; } yt-live-chat-restricted-participation-renderer[product-picker-open][has-product-picker-panel-view-model] { position: static; } yt-live-chat-product-picker-panel-view-model.yt-live-chat-restricted-participation-renderer { bottom: 8px; left: 0px; position: absolute; } yt-live-chat-text-actions-error-message-renderer { color: var(--yt-live-chat-error-message-color,#f44336); display: flex; flex-direction: row; align-items: center; } yt-icon-button.yt-live-chat-text-actions-error-message-renderer { margin-right: 8px; flex: 0 0 auto; width: 40px; height: 40px; padding: 8px; } error-text.yt-live-chat-text-actions-error-message-renderer { flex: 1 1 1e-09px; } button.yt-live-chat-text-actions-error-message-renderer { text-decoration: underline; padding: 0px; border: none; background-color: transparent; cursor: pointer; color: currentcolor; font-size: 100%; } yt-live-interactivity-component-background, svg.yt-live-interactivity-component-background { display: block; } yt-live-interactivity-component-background[use-large-background] { display: var(--yt-live-chat-interactivity-component-background-display,block); } yt-live-interactivity-component-background[use-large-background] svg.yt-live-interactivity-component-background { height: 100%; min-height: 350px; } .gradient-stop.yt-live-interactivity-component-background { stop-color: var(--yt-live-chat-banner-background-gradient-stop-color,#26477f); } yt-reaction-control-panel-button-view-model { display: block; } button.yt-reaction-control-panel-button-view-model { padding: 2px; border: none; background: none; cursor: pointer; color: inherit; display: block; } yt-image.yt-reaction-control-panel-button-view-model, yt-icon.yt-reaction-control-panel-button-view-model { line-height: 0; } .image-container.yt-reaction-control-panel-button-view-model { position: relative; width: 24px; height: 24px; margin: 4px; } .newness-dot.yt-reaction-control-panel-button-view-model { position: absolute; top: -2px; right: -2px; width: 6px; height: 6px; border: 2px solid var(--yt-spec-text-primary-inverse); border-radius: 50%; background-color: var(--yt-spec-static-overlay-background-brand); } .newness-dot.yt-reaction-control-panel-button-view-model yt-reaction-control-panel-button-view-model[is-dark-theme] { border: 2px solid var(--yt-spec-static-overlay-background-medium); } yt-reaction-control-panel-overlay-view-model { display: flex; flex-direction: column-reverse; align-items: flex-end; height: 36px; width: 36px; } #reaction-control-panel.yt-reaction-control-panel-overlay-view-model { pointer-events: auto; position: relative; right: -12px; bottom: -12px; } #emoji-fountain.yt-reaction-control-panel-overlay-view-model { transform: translateY(12px); position: relative; right: -12px; bottom: -12px; pointer-events: none; z-index: -1; } yt-reaction-control-panel-overlay-view-model:not([live-reactions-enabled]) { display: none; } yt-reaction-control-panel-view-model { display: block; --expanded-buttons-height: 180px; } #hover-area.yt-reaction-control-panel-view-model { transition: height 0.3s; position: relative; } #fab-container.yt-reaction-control-panel-view-model { transition: height 0.3s; width: 36px; border-radius: 18px; overflow: hidden; position: absolute; bottom: 0px; right: 0px; background-color: var(--yt-spec-static-overlay-text-secondary); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 24px 0px, rgba(0, 0, 0, 0.1) 0px 0px 4px 0px; } yt-reaction-control-panel-view-model[show-newness-dot] .newness-dot.yt-reaction-control-panel-view-model { animation: 0.3s linear 0s 1 normal none running fade-in; position: absolute; top: 2px; right: 2px; width: 6px; height: 6px; border-radius: 50%; background-color: var(--yt-spec-static-overlay-background-brand); } yt-reaction-control-panel-view-model[is-dark-theme] #fab-container.yt-reaction-control-panel-view-model { background-color: var(--yt-spec-static-overlay-background-medium); outline: 1px solid var(--yt-spec-static-overlay-button-primary); box-shadow: none; } #expanded-buttons.yt-reaction-control-panel-view-model { display: flex; flex-direction: column; height: var(--expanded-buttons-height); width: 36px; padding: 2px 0px; } #collapsed-button.yt-reaction-control-panel-view-model { display: flex; position: absolute; bottom: 0px; right: 0px; } yt-reaction-control-panel-view-model[reaction-control-panel-expanded] #expanded-buttons.yt-reaction-control-panel-view-model { animation: 0.3s linear 0s 1 normal none running fade-in; } yt-reaction-control-panel-view-model[reaction-control-panel-expanded] #collapsed-button.yt-reaction-control-panel-view-model { animation: 0.3s ease-out 0s 1 normal none running fade-out; visibility: hidden; opacity: 0; pointer-events: none; } yt-reaction-control-panel-view-model[reaction-control-panel-expanded] #hover-area.yt-reaction-control-panel-view-model { height: calc(var(--expanded-buttons-height) + 28px); width: 60px; } yt-reaction-control-panel-view-model[reaction-control-panel-expanded] #fab-container.yt-reaction-control-panel-view-model { height: calc(var(--expanded-buttons-height) + 4px); bottom: 12px; right: 12px; } yt-reaction-control-panel-view-model:not([reaction-control-panel-expanded]) #expanded-buttons.yt-reaction-control-panel-view-model { animation: 0.3s linear 0s 1 normal none running fade-out; visibility: hidden; opacity: 0; } yt-reaction-control-panel-view-model:not([reaction-control-panel-expanded]) #collapsed-button.yt-reaction-control-panel-view-model { animation: 0.3s linear 0s 1 normal none running fade-in; } yt-reaction-control-panel-view-model:not([reaction-control-panel-expanded]) #hover-area.yt-reaction-control-panel-view-model { height: 36px; width: 36px; margin: 12px 12px 12px 0px; } yt-reaction-control-panel-view-model:not([reaction-control-panel-expanded]) #fab-container.yt-reaction-control-panel-view-model { height: 36px; background-color: var(--yt-spec-additive-background); box-shadow: none; outline: none; } yt-reaction-control-panel-view-model[reaction-control-panel-expanded][is-dark-theme] #fab-container.yt-reaction-control-panel-view-model { background-color: var(--yt-spec-static-overlay-background-heavy); } @keyframes fade-in { 0% { visibility: hidden; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @keyframes fade-out { 0% { visibility: visible; opacity: 1; } 100% { visibility: hidden; opacity: 0; } } yt-clip-creation-renderer { position: relative; --clip-avatar-height: 32px; } #ad-state.yt-clip-creation-renderer { display: none; } yt-clip-creation-renderer[is-ad-playing] #ad-state.yt-clip-creation-renderer { display: initial; } #ad-state.yt-clip-creation-renderer, #ad-state.yt-clip-creation-renderer ytd-clip-ad-state-renderer.yt-clip-creation-renderer { position: absolute; inset: 0px; } yt-clip-creation-renderer, #container.yt-clip-creation-renderer { overflow: hidden; flex: 1 1 0%; display: flex; flex-direction: column; } #container.yt-clip-creation-renderer { padding: var(--ytd-margin-4x); overflow-y: auto; background-color: var(--yt-spec-brand-background-primary); } #title.yt-clip-creation-renderer { margin: 0 0 var(---ytd-margin) 0; align-self: stretch; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #title.yt-clip-creation-renderer .left-container.yt-clip-creation-renderer { display: flex; align-items: center; } #title-input.yt-clip-creation-renderer ytd-clip-creation-text-input-renderer.yt-clip-creation-renderer { max-width: 100%; } #user-avatar.yt-clip-creation-renderer { --yt-img-border-radius: calc(var(--clip-avatar-height)/2); margin: 0 var(--ytd-margin-4x) 0 0; flex: 0 0 auto; } #display-name.yt-clip-creation-renderer { color: var(--yt-spec-text-primary); font-size: var(--yt-guide-highlight-font-size,1.4rem); font-weight: 500; line-height: var(--yt-guide-highlight-line-height,1.8rem); letter-spacing: var(--yt-guide-highlight-letter-spacing,normal); } #publicity-label.yt-clip-creation-renderer { color: var(--yt-spec-text-secondary); font-size: 1.4rem; display: flex; align-items: center; } #publicity-icon.yt-clip-creation-renderer { height: 16px; width: 16px; margin-right: 8px; } #title-input.yt-clip-creation-renderer { display: flex; } ytd-clip-creation-text-input-renderer.yt-clip-creation-renderer { flex: 1 1 1e-09px; align-self: stretch; } #scrubber.yt-clip-creation-renderer { direction: ltr; max-width: 100%; margin: var(--ytd-margin-6x) 0; } #share.yt-clip-creation-renderer { margin-left: var(--ytd-margin-4x); align-self: flex-end; } #footer.yt-clip-creation-renderer { background-color: var(--yt-spec-brand-background-solid); padding: var(--ytd-margin-2x); display: flex; align-items: center; justify-content: flex-end; flex: 0 0 auto; } yt-clip-creation-scrubber-renderer { color: var(--yt-spec-text-secondary); display: flex; flex-direction: column; align-items: center; font-size: var(--ytd-mini-attribution-font-size); font-weight: var(--ytd-mini-attribution-font-weight); line-height: var(--ytd-mini-attribution-line-height); } #text-inputs.yt-clip-creation-scrubber-renderer { min-width: 300px; width: calc(100% - 64px); max-width: 600px; margin: 0 auto var(--ytd-margin-2x) auto; display: flex; flex-direction: row; align-items: center; } #spacer.yt-clip-creation-scrubber-renderer { margin: 0 var(--ytd-margin-2x); flex: 0 0 auto; } tp-yt-iron-input.yt-clip-creation-scrubber-renderer { flex: 1 1 1e-09px; } input.yt-clip-creation-scrubber-renderer { display: inline-block; padding: var(--ytd-margin-3x); width: 100%; box-sizing: border-box; margin: 1px 0px; border: 1px solid var(--yt-spec-10-percent-layer); border-radius: 4px; outline: none; background-color: transparent; color: var(--yt-spec-text-primary); text-align: center; font-size: var(--ytd-subheadline-font-size); font-weight: var(--ytd-subheadline-font-weight); line-height: var(--ytd-subheadline-line-height); letter-spacing: var(--ytd-subheadline-letter-spacing); } input.yt-clip-creation-scrubber-renderer:focus, yt-clip-creation-scrubber-renderer[highlight-start] #start.yt-clip-creation-scrubber-renderer, yt-clip-creation-scrubber-renderer[highlight-end] #end.yt-clip-creation-scrubber-renderer { margin: 0px; border-color: var(--yt-spec-text-secondary); border-width: 2px; } #warning-start.yt-clip-creation-scrubber-renderer, #warning-end.yt-clip-creation-scrubber-renderer { visibility: hidden; margin: var(--ytd-margin-2x); flex: 0 0 auto; } yt-clip-creation-scrubber-renderer[start-will-update] #warning-start.yt-clip-creation-scrubber-renderer, yt-clip-creation-scrubber-renderer[end-will-update] #warning-end.yt-clip-creation-scrubber-renderer { visibility: visible; } yt-clip-creation-scrubber-view { color: var(--yt-spec-text-secondary); display: flex; flex-direction: column; align-items: center; font-size: var(--ytd-mini-attribution-font-size); font-weight: var(--ytd-mini-attribution-font-weight); line-height: var(--ytd-mini-attribution-line-height); align-self: stretch; } yt-clip-creation-scrubber-view[drag-state="left"]:not([disabled]), yt-clip-creation-scrubber-view[drag-state="right"]:not([disabled]), yt-clip-creation-scrubber-view[drag-state="none"]:not([disabled]) .handle.yt-clip-creation-scrubber-view { cursor: ew-resize; } yt-clip-creation-scrubber-view[drag-state="none"]:not([disabled]) #handles.yt-clip-creation-scrubber-view, yt-clip-creation-scrubber-view[drag-state="none"]:not([disabled]) #ticks.yt-clip-creation-scrubber-view { cursor: grab; } yt-clip-creation-scrubber-view[drag-state="ruler"]:not([disabled]), yt-clip-creation-scrubber-view[drag-state="window"]:not([disabled]) { cursor: grabbing; } #duration.yt-clip-creation-scrubber-view { font-size: var(--ytd-mini-attribution-font-size); font-weight: var(--ytd-mini-attribution-font-weight); line-height: var(--ytd-mini-attribution-line-height); } #trimmer.yt-clip-creation-scrubber-view { position: relative; user-select: none; height: 84px; margin: 16px 0px 12px; align-self: stretch; } #ruler.yt-clip-creation-scrubber-view { position: absolute; top: 0px; left: 0px; right: 0px; height: 86px; } #handles.yt-clip-creation-scrubber-view { position: absolute; height: 58px; bottom: 0px; border-top-color: ; border-top-style: ; border-top-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: none; border-right: none; box-sizing: border-box; } .handle.yt-clip-creation-scrubber-view { position: absolute; top: -4px; bottom: -4px; width: 16px; border-top: none; border-bottom: none; background-color: var(--yt-spec-call-to-action); } #handle-left.yt-clip-creation-scrubber-view { left: -16px; border-right: none; border-radius: 4px 0px 0px 4px; } #handle-right.yt-clip-creation-scrubber-view { right: -16px; border-left: none; border-radius: 0px 4px 4px 0px; } .handle-grip.yt-clip-creation-scrubber-view { display: block; position: absolute; height: 24px; width: 2px; left: 7px; top: 16px; border-radius: 2px; background-color: rgb(255, 255, 255); pointer-events: none; } #playhead.yt-clip-creation-scrubber-view { display: block; position: absolute; height: 50px; bottom: 4px; width: 4px; pointer-events: none; margin-left: -2px; background-color: var(--yt-spec-static-brand-red); border-radius: 2px; } yt-content-loading-renderer { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1 1 1e-09px; } tp-yt-paper-spinner.yt-content-loading-renderer { margin: 16px 0px; } ytd-watch-fixie { --ytd-watch-fixie-masthead-height: var( --ytd-masthead-height,var(--ytd-toolbar-height) ); min-width: 0px; display: flex; flex-direction: column; } #primary.ytd-watch-fixie { display: flex; flex-direction: column; } #metadata.ytd-watch-fixie { margin: 20px 24px; } #player.ytd-watch-fixie { position: relative; box-sizing: border-box; min-height: 240px; background-color: rgb(0, 0, 0); } #player-container.ytd-watch-fixie { width: 100%; height: 100%; } ytd-watch-fixie[has-error-screen] #player-container.ytd-watch-fixie { visibility: hidden; } #error-screen.ytd-watch-fixie { position: absolute; inset: 0px; } #secondary.ytd-watch-fixie { padding: 24px; } .feed-item.ytd-watch-fixie:not(:empty) { margin-bottom: 24px; } #playlist.ytd-watch-fixie[disable-upgrade] { display: none; } #chat.ytd-watch-fixie:not([collapsed]) { min-height: 596px; } ytd-watch-fixie[fixie] { --ytd-watch-flexy-panel-max-height: calc(100vh - var(--ytd-watch-fixie-masthead-height) - 194px); } ytd-watch-fixie[fixie] ytd-watch-engagement-panels.ytd-watch-fixie { --ytd-watch-flexy-comments-panel-max-height: calc(100vh - var(--ytd-watch-fixie-masthead-height) - 194px); --ytd-watch-flexy-structured-description-max-height: calc(100vh - var(--ytd-watch-fixie-masthead-height) - 194px); } ytd-watch-fixie[fixie] #playlist.ytd-watch-fixie { max-height: calc(100vh - var(--ytd-watch-fixie-masthead-height) - 194px); } ytd-watch-fixie[fixie] #chat.ytd-watch-fixie:not([collapsed]) { height: calc(100vh - var(--ytd-watch-fixie-masthead-height) - 194px); } ytd-watch-fixie[fixie] #fixed-layer.ytd-watch-fixie { position: fixed; left: 0px; right: 0px; top: var(--ytd-watch-fixie-masthead-height); bottom: 0px; pointer-events: none; display: flex; flex-direction: row; justify-content: center; } ytd-watch-fixie[fixie] #primary.ytd-watch-fixie { max-width: 1280px; overflow-y: auto; pointer-events: auto; border-right: 1px solid var(--yt-spec-10-percent-layer); flex: 1 1 1e-09px; } ytd-watch-fixie[fixie] #player.ytd-watch-fixie { flex: 1 1 1e-09px; } ytd-watch-fixie[fixie] #fixed-layer.ytd-watch-fixie::after { content: ""; display: block; width: 450px; height: 0px; } ytd-watch-fixie[fixie] #static-layer.ytd-watch-fixie { display: flex; flex-direction: row; justify-content: center; flex: 1 1 1e-09px; } ytd-watch-fixie[fixie] #static-layer.ytd-watch-fixie::before { content: ""; display: block; flex: 1 1 1e-09px; max-width: 1280px; height: 0px; } ytd-watch-fixie[fixie] #secondary.ytd-watch-fixie { box-sizing: border-box; width: 450px; } ytd-watch-fixie[single-column] { --ytd-watch-flexy-comments-panel-max-height: 460px; --ytd-watch-flexy-panel-max-height: 460px; } ytd-watch-fixie[single-column] #playlist.ytd-watch-fixie { max-height: 460px; } ytd-watch-fixie[single-column]:not([theater]):not([fullscreen]) #player.ytd-watch-fixie { padding-top: 56.25%; position: relative; } ytd-watch-fixie[single-column]:not([theater]):not([fullscreen]) #ytd-player.ytd-watch-fixie { position: absolute; inset: 0px; } ytd-watch-fixie[single-column] #metadata.ytd-watch-fixie { margin: 24px 24px 0px; } ytd-watch-fixie[theater] #player.ytd-watch-fixie { height: 56.25vw; max-height: calc(-169px + 100vh); min-height: 480px; } ytd-watch-fixie[fullscreen] #player.ytd-watch-fixie { width: 100vw; height: 100vh; } ytd-video-primary-info-renderer { --yt-button-icon-size: 36px; display: block; border-bottom: 1px solid var(--yt-spec-10-percent-layer); padding: 20px 0px 8px; } .title.ytd-video-primary-info-renderer { line-height: 2.6rem; font-weight: 400; overflow: hidden; max-height: 5.2rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; color: var(--ytd-video-primary-info-renderer-title-color,var(--yt-spec-text-primary)); font-family: var(--ytd-video-primary-info-renderer-title-font-family,inherit); font-size: var(--ytd-video-primary-info-renderer-title-font-size,var(--yt-navbar-title-font-size,inherit)); font-variant: var(--ytd-video-primary-info-renderer-title-font-variant,inherit); transform: var(--ytd-video-primary-info-renderer-title-transform,none); text-shadow: var(--ytd-video-primary-info-renderer-title-text-shadow,none); } .super-title.ytd-video-primary-info-renderer { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; } .super-title-icon.ytd-video-primary-info-renderer { color: var(--yt-spec-call-to-action); height: 16px; width: 16px; margin-right: 4px; vertical-align: bottom; } yt-formatted-string.ytd-video-primary-info-renderer { word-break: break-word; } ytd-menu-renderer.ytd-video-primary-info-renderer { position: relative; } #info.ytd-video-primary-info-renderer { display: flex; flex-direction: row; align-items: center; } ytd-video-primary-info-renderer[flex-menu-enabled] #info.ytd-video-primary-info-renderer { justify-content: space-between; } ytd-video-primary-info-renderer[wrap-video-actions] #info.ytd-video-primary-info-renderer { flex-wrap: wrap; } #info-text.ytd-video-primary-info-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; overflow: hidden; display: block; max-height: 2.2rem; -webkit-line-clamp: 1; } ytd-video-primary-info-renderer[has-date-text] #info-text.ytd-video-primary-info-renderer { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; } ytd-video-primary-info-renderer[wrap-video-actions] #info-text.ytd-video-primary-info-renderer { margin: 10px 12px 10px 0px; } #count.ytd-video-primary-info-renderer { display: inline-block; } #dot.ytd-video-primary-info-renderer::after, #info-strings.ytd-video-primary-info-renderer > yt-formatted-string.ytd-video-primary-info-renderer:not(:last-of-type)::after, [dir="rtl"] .ytd-video-primary-info-renderer #info-strings.ytd-video-primary-info-renderer > yt-formatted-string.ytd-video-primary-info-renderer:not(:last-of-type)::before, .ytd-video-primary-info-renderer[dir="rtl"] #info-strings.ytd-video-primary-info-renderer > yt-formatted-string.ytd-video-primary-info-renderer:not(:last-of-type)::before { content: "•"; margin: 0px 4px; } [dir="rtl"] .ytd-video-primary-info-renderer #info-strings.ytd-video-primary-info-renderer > yt-formatted-string.ytd-video-primary-info-renderer:not(:last-of-type)::after, .ytd-video-primary-info-renderer[dir="rtl"] #info-strings.ytd-video-primary-info-renderer > yt-formatted-string.ytd-video-primary-info-renderer:not(:last-of-type)::after { content: ""; margin: 0px; } #info-strings.ytd-video-primary-info-renderer { display: inline-block; color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #flex.ytd-video-primary-info-renderer { flex: 1 1 1e-09px; } ytd-video-primary-info-renderer[flex-menu-enabled] #flex.ytd-video-primary-info-renderer { display: none; } #sentiment.ytd-video-primary-info-renderer { width: 110px; position: absolute; left: 0px; padding-top: 6px; padding-bottom: 28px; } ytd-video-primary-info-renderer[hide-sentiment-bar] #sentiment.ytd-video-primary-info-renderer { display: none; } #menu.ytd-video-primary-info-renderer { position: relative; top: 4px; } ytd-video-primary-info-renderer[flex-menu-enabled] #menu.ytd-video-primary-info-renderer { flex: 1 1 auto; } #menu-container.ytd-video-primary-info-renderer { position: relative; } ytd-video-primary-info-renderer[flex-menu-enabled] #menu-container.ytd-video-primary-info-renderer { display: flex; flex: 1 1 auto; } ytd-video-primary-info-renderer[flex-menu-enabled] #menu.ytd-video-primary-info-renderer ytd-menu-renderer.ytd-video-primary-info-renderer { justify-content: flex-end; } ytd-sentiment-bar-renderer { display: inline-block; } #container.ytd-sentiment-bar-renderer { height: 2px; background-color: var(--yt-spec-icon-disabled); } #like-bar.ytd-sentiment-bar-renderer { background: var(--yt-spec-icon-inactive); height: 2px; transition: width 0.3s; } ytd-sentiment-bar-renderer[activated] #like-bar.ytd-sentiment-bar-renderer { background-color: var(--yt-spec-call-to-action); } ytd-sentiment-bar-renderer[activated][system-icons] #like-bar.ytd-sentiment-bar-renderer { background-color: var(--yt-spec-text-primary); } ytd-video-view-count-renderer { display: inline-block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; } ytd-video-view-count-renderer[small] { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } .short-view-count.ytd-video-view-count-renderer { display: none; } @media screen and (max-width: 600px) { .short-view-count.ytd-video-view-count-renderer { display: inline-block; } .view-count.ytd-video-view-count-renderer { display: none; } } span.ytd-video-view-count-renderer { color: var(--yt-spec-text-secondary); } ytd-video-secondary-info-renderer { display: block; border-bottom: 1px solid var(--yt-spec-10-percent-layer); margin-bottom: 24px; padding-bottom: 16px; } #top-row.ytd-video-secondary-info-renderer { margin-bottom: 12px; padding-top: 16px; display: flex; flex-direction: row; } yt-formatted-string.ytd-video-secondary-info-renderer { word-break: break-word; } ytd-video-owner-renderer.ytd-video-secondary-info-renderer { flex: 1 1 1e-09px; } #subscribe-button.ytd-video-secondary-info-renderer { display: flex; flex-direction: column; justify-content: center; } .date.ytd-video-secondary-info-renderer { color: var(--yt-spec-text-secondary); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; } ytd-expander.ytd-video-secondary-info-renderer { margin-left: 64px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; } #description.ytd-video-secondary-info-renderer { display: block; max-width: 615px; } ytd-structured-description-content-renderer.ytd-video-secondary-info-renderer { margin-top: 16px; } .more-button.ytd-video-secondary-info-renderer, .less-button.ytd-video-secondary-info-renderer { color: var(--yt-spec-text-secondary); display: inline-block; margin-top: 8px; text-transform: uppercase; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; } .content.ytd-video-secondary-info-renderer { color: var(--yt-spec-text-primary); } ytd-miniplayer-bar-renderer { min-height: 142px; background: var(--yt-spec-brand-background-solid); border-bottom: 1px solid var(--yt-spec-10-percent-layer); display: flex; flex-direction: row; } #player.ytd-miniplayer-bar-renderer { min-width: 252px; height: 142px; background: rgb(0, 0, 0); } #meta.ytd-miniplayer-bar-renderer { margin-left: 24px; margin-right: 16px; flex: 1 1 1e-09px; } #title-row.ytd-miniplayer-bar-renderer { display: flex; flex-direction: row; align-items: flex-start; } #title.ytd-miniplayer-bar-renderer { margin-top: 24px; color: var(--yt-spec-text-primary); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; flex: 1 1 1e-09px; } #scroll-up.ytd-miniplayer-bar-renderer { margin-top: 12px; } #owner.ytd-miniplayer-bar-renderer { --yt-endpoint-color: var(--yt-spec-text-primary); --yt-endpoint-hover-color: var(--yt-spec-text-primary); color: var(--yt-spec-text-primary); display: block; margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; } #buttons.ytd-miniplayer-bar-renderer { margin-top: 20px; margin-bottom: 8px; display: flex; flex-flow: wrap; } #menu.ytd-miniplayer-bar-renderer { flex: 1 1 1e-09px; } .playerMicroformatRendererHost { display: none; } ytd-watch-flexy { --ytd-watch-flexy-sidebar-width: 402px; --ytd-watch-flexy-sidebar-min-width: 300px; --ytd-watch-flexy-masthead-height: 56px; --ytd-watch-flexy-max-player-width-wide-screen: 1280px; min-width: 0px; } ytd-watch-flexy[watch-feed-big-thumbs_] { --ytd-watch-flexy-sidebar-width: 310px; --ytd-watch-flexy-sidebar-min-width: 290px; } ytd-watch-flexy.gesture-dragging { position: absolute; width: 100%; } @media (min-width: 1550px) and (min-height: 800px) { ytd-watch-flexy[watch-feed-big-thumbs_] { --ytd-watch-flexy-sidebar-width: 360px; } } ytd-watch-flexy[fullscreen] { --ytd-watch-flexy-masthead-height: 0px; } ytd-watch-flexy[video-id="QrGrOK8oZG8"] { --ytd-video-primary-info-renderer-title-color: #e6d140; --ytd-video-primary-info-renderer-title-font-family: Georgia,serif; --ytd-video-primary-info-renderer-title-font-size: 250%; --ytd-video-primary-info-renderer-title-font-variant: small-caps; --ytd-video-primary-info-renderer-title-transform: skew(-5deg,0deg); --ytd-video-primary-info-renderer-title-text-shadow: 1px 1px #000,1px 1px 0.1px #000; } #columns.ytd-watch-flexy { margin: 0px auto; display: flex; flex-direction: row; } #primary.ytd-watch-flexy { padding-right: var(--ytd-margin-6x); } 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: var(--ytd-margin-6x); } ytd-watch-flexy[default-layout][reduced-top-margin] #primary.ytd-watch-flexy, ytd-watch-flexy[default-layout][reduced-top-margin] #secondary.ytd-watch-flexy { padding-top: var(--ytd-margin-3x); } ytd-watch-flexy[fixed-panels] #primary.ytd-watch-flexy { min-width: 0px; } ytd-watch-flexy:not([is-two-columns_]) #secondary.ytd-watch-flexy { display: none; } #player.ytd-watch-flexy { position: relative; } ytd-watch-flexy[player-unavailable] #player-container-outer.ytd-watch-flexy { visibility: hidden; } ytd-watch-flexy[rounded-player] #ytd-player.ytd-watch-flexy { overflow: hidden; border-radius: 12px; } #error-screen.ytd-watch-flexy { position: absolute; inset: 0px; } ytd-watch-flexy[rounded-player] #error-screen.ytd-watch-flexy { border-radius: 12px; } #cinematics.ytd-watch-flexy { position: absolute; inset: 0px; pointer-events: none; } ytd-watch-flexy:not([is-dark-theme]) #cinematics.ytd-watch-flexy { overflow: hidden; } ytd-watch-flexy:not([is-dark-theme])[default-layout][cinematic-light-theme] #cinematics.ytd-watch-flexy { display: none; } ytd-watch-flexy[show-engagement-panel-scrim_] #cinematics-container.ytd-watch-flexy, ytd-watch-flexy[show-engagement-panel-scrim_] #cinematics-full-bleed-container.ytd-watch-flexy { display: none; } ytd-watch-flexy[cinematics-enabled] #below.ytd-watch-flexy { position: relative; } ytd-watch-metadata.ytd-watch-flexy { margin-top: var(--ytd-margin-3x); margin-bottom: var(--ytd-margin-6x); } ytd-watch-flexy[show-expandable-metadata] ytd-watch-metadata.ytd-watch-flexy { margin-bottom: var(--ytd-margin-3x); } #expandable-metadata.ytd-watch-flexy:not(:empty) { margin-bottom: 12px; } #playlist.ytd-watch-flexy[disable-upgrade] { display: none; } #chat.ytd-watch-flexy, #donation-shelf.ytd-watch-flexy ytd-donation-shelf-renderer.ytd-watch-flexy, #donation-shelf.ytd-watch-flexy ytd-donation-unavailable-renderer.ytd-watch-flexy, #playlist.ytd-watch-flexy, #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { margin-bottom: var(--ytd-margin-6x); } #panels.ytd-watch-flexy { display: flex; flex-direction: column; } ytd-watch-flexy:not([is-two-columns_]) #chat.ytd-watch-flexy, ytd-watch-flexy:not([is-two-columns_]) #donation-shelf.ytd-watch-flexy ytd-donation-shelf-renderer.ytd-watch-flexy, ytd-watch-flexy:not([is-two-columns_]) #donation-shelf.ytd-watch-flexy ytd-donation-unavailable-renderer.ytd-watch-flexy, ytd-watch-flexy:not([is-two-columns_]) #playlist.ytd-watch-flexy, ytd-watch-flexy:not([is-two-columns_]) ytd-watch-engagement-panels.ytd-watch-flexy, ytd-watch-flexy:not([is-two-columns_]) #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { margin-top: var(--ytd-margin-6x); } ytd-watch-flexy:not([is-two-columns_]) ytd-merch-shelf-renderer.ytd-watch-flexy, ytd-watch-flexy:not([is-two-columns_]) #ticket-shelf.ytd-watch-flexy ytd-ticket-shelf-renderer.ytd-watch-flexy { margin-bottom: var(--ytd-margin-4x); } ytd-miniplayer-bar-renderer.ytd-watch-flexy { position: fixed; z-index: var(--ytd-z-index-miniplayer-bar); top: var(--ytd-margin-14x); left: 0px; width: 100%; transform: translateY(0px); transition: transform 0.2s; } ytd-miniplayer-bar-renderer.ytd-watch-flexy:not([active]), ytd-miniplayer-bar-renderer.ytd-watch-flexy[dark-launch] { transform: translateY(calc(-100% - 56px)); opacity: 0; transition: transform 0.2s, opacity 0.2s; } ytd-watch-flexy.loading #chat.ytd-watch-flexy, ytd-watch-flexy.loading #comments.ytd-watch-flexy, ytd-watch-flexy.loading #related.ytd-watch-flexy { visibility: hidden; } ytd-watch-flexy.loading-player #player-container-outer.ytd-watch-flexy { visibility: hidden; } ytd-watch-flexy.loading-player #player.ytd-watch-flexy { background-color: rgb(0, 0, 0); } ytd-watch-flexy.loading-player[frame0-loading-state] #player.ytd-watch-flexy { background-size: contain; background-repeat: no-repeat; } ytd-watch-flexy.loading-player #cinematics-container.ytd-watch-flexy, ytd-watch-flexy.loading-player #cinematics-full-bleed-container.ytd-watch-flexy { display: none; } ytd-watch-flexy[full-bleed-player][i-max-theater-mode][theater]:not([fullscreen]) #full-bleed-container.ytd-watch-flexy { height: calc(100vh - var(--ytd-masthead-height-accounting-for-hidden)); max-height: none; } ytd-watch-flexy[full-bleed-player] #full-bleed-container.ytd-watch-flexy { display: flex; flex-direction: row; position: relative; width: 100%; height: 56.25vw; max-height: calc(-169px + 100vh); min-height: 480px; overflow-x: clip; background: rgb(0, 0, 0); } ytd-watch-flexy[deprecate-fullerscreen-ui][theater][i-max-theater-mode] #single-column-container.ytd-watch-flexy, ytd-watch-flexy[deprecate-fullerscreen-ui][theater][i-max-theater-mode] #columns.ytd-watch-flexy { display: none; } ytd-watch-flexy[deprecate-fullerscreen-ui][fullscreen] #single-column-container.ytd-watch-flexy, ytd-watch-flexy[deprecate-fullerscreen-ui][fullscreen] #columns.ytd-watch-flexy { display: none; } ytd-watch-flexy[is-dark-theme][theater]:not([fullscreen])[transparent-theater-mode][cinematics-active] #full-bleed-container.ytd-watch-flexy { background: transparent; } ytd-watch-flexy[is-dark-theme][fullscreen][cinematic-fullscreen]:not([cinematic-fullscreen-v2]) #full-bleed-container.ytd-watch-flexy { overflow: hidden; } ytd-watch-flexy[cinematic-fullscreen-v2][fullscreen][cinematics-active] #full-bleed-container.ytd-watch-flexy { background: transparent; } ytd-watch-flexy:not([fullscreen])[theater][full-window-mode_] #full-bleed-container.ytd-watch-flexy { width: 100vw; height: 100vh; min-height: 240px; max-height: none; } ytd-watch-flexy[fullscreen] #full-bleed-container.ytd-watch-flexy { height: 100vh; max-height: none; } #player-full-bleed-container.ytd-watch-flexy { position: relative; flex: 1 1 0%; } ytd-watch-flexy:not([panels-beside-player]):not([fixed-panels]):not([squeezeback]) #panels-full-bleed-container.ytd-watch-flexy { display: none; } ytd-watch-flexy[fixed-panels] #panels-full-bleed-container.ytd-watch-flexy, ytd-watch-flexy[squeezeback] #panels-full-bleed-container.ytd-watch-flexy, ytd-watch-flexy[panels-beside-player] #panels-full-bleed-container.ytd-watch-flexy { width: var(--ytd-watch-flexy-sidebar-width); } ytd-watch-flexy[panels-beside-player][watch-while-wider] #panels-full-bleed-container.ytd-watch-flexy, ytd-watch-flexy[squeezeback][watch-while-wider] #panels-full-bleed-container.ytd-watch-flexy, ytd-watch-flexy[fixed-panels][watch-while-wider] #panels-full-bleed-container.ytd-watch-flexy, ytd-watch-flexy[fixed-panels][watch-while-margin] #panels-full-bleed-container.ytd-watch-flexy { width: calc(var(--ytd-watch-flexy-sidebar-width) + var(--ytd-margin-6x)); } ytd-watch-flexy[panels-beside-player][watch-while-margin] #panels-full-bleed-container.ytd-watch-flexy { padding-right: var(--ytd-margin-6x); } ytd-watch-flexy[squeezeback] #panels-full-bleed-container.ytd-watch-flexy #panels.ytd-watch-flexy { height: 100%; } ytd-watch-flexy[squeezeback] #panels-full-bleed-container.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"] { position: relative; top: var(--ytd-masthead-height-accounting-for-hidden); left: 0px; width: calc(100% - var(--ytd-margin-8x)); margin: var(--ytd-margin-4x); height: 100%; transition: top 0.3s cubic-bezier(0.05, 0, 0, 1); } ytd-watch-flexy[squeezeback] #panels-full-bleed-container.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy[visibility="ENGAGEMENT_PANEL_VISIBILITY_COLLAPSED"], ytd-watch-flexy[squeezeback] #panels-full-bleed-container.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy[visibility="ENGAGEMENT_PANEL_VISIBILITY_HIDDEN"] { display: none; } ytd-watch-flexy[full-bleed-player] #columns.ytd-watch-flexy { margin-top: 0px; } ytd-watch-flexy[fixed-panels] #columns.ytd-watch-flexy { padding-right: var(--ytd-watch-flexy-sidebar-width); } ytd-watch-flexy[full-bleed-player] #secondary.ytd-watch-flexy { margin-top: var(--ytd-margin-6x); } ytd-watch-flexy[full-bleed-player] #player.ytd-watch-flexy { display: none; } ytd-watch-flexy[full-bleed-player] .attached-message.ytd-watch-flexy:not(:empty) { margin-top: var(--ytd-margin-5x); } ytd-watch-flexy[flexy] { --ytd-watch-flexy-width-ratio: 16; --ytd-watch-flexy-height-ratio: 9; --ytd-watch-flexy-space-below-player: 136px; --ytd-watch-flexy-non-player-height: calc(var(--ytd-watch-flexy-masthead-height) + var(--ytd-margin-6x) + var(--ytd-watch-flexy-space-below-player)); --ytd-watch-flexy-non-player-width: calc(var(--ytd-watch-flexy-sidebar-width) + var(--ytd-margin-6x)*3); --ytd-watch-flexy-min-player-height: 240px; --ytd-watch-flexy-min-player-width: calc(var(--ytd-watch-flexy-min-player-height)*(var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))); --ytd-watch-flexy-max-player-height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-margin-6x) - var(--ytd-watch-flexy-space-below-player)); --ytd-watch-flexy-max-player-width: calc((100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-margin-6x) - var(--ytd-watch-flexy-space-below-player))*(var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))); } ytd-watch-flexy[flexy][transcript-opened_][is-two-columns_], ytd-watch-flexy[flexy][playlist][is-two-columns_], ytd-watch-flexy[flexy][should-stamp-chat][is-two-columns_] { --ytd-watch-flexy-min-player-height: 380px; } ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][flexy-small-window_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][flexy-small-window_][transcript-opened_][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][flexy-small-window_][playlist][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][flexy-small-window_][should-stamp-chat][is-two-columns_]:not([is-extra-wide-video_]) { --ytd-watch-flexy-min-player-height: 360px; } ytd-watch-flexy[flexy][flexy-enable-large-window-sizing][flexy-large-window_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy][flexy-enable-large-window-sizing][flexy-large-window_][transcript-opened_][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy][flexy-enable-large-window-sizing][flexy-large-window_][playlist][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-flexy[flexy][flexy-enable-large-window-sizing][flexy-large-window_][should-stamp-chat][is-two-columns_]:not([is-extra-wide-video_]) { --ytd-watch-flexy-min-player-height: 480px; } ytd-watch-flexy[flexy]:not([full-bleed-player][full-bleed-no-max-width-columns]) #columns.ytd-watch-flexy { max-width: calc(1280px + var(--ytd-watch-flexy-sidebar-width) + var(--ytd-margin-6x)*3); } ytd-watch-flexy[flexy][use-larger-max-player-value]:not([full-bleed-player][full-bleed-no-max-width-columns]) #columns.ytd-watch-flexy { max-width: calc(var(--ytd-watch-flexy-max-player-width-wide-screen) + var(--ytd-watch-flexy-sidebar-width) + var(--ytd-margin-6x)*3); } ytd-watch-flexy[flexy][is-two-columns_]:not([full-bleed-player]) #columns.ytd-watch-flexy { min-width: calc(var(--ytd-watch-flexy-min-player-height)*var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio) + var(--ytd-margin-6x)*3 + var(--ytd-watch-flexy-sidebar-min-width)); justify-content: center; } ytd-watch-flexy[flexy] #primary.ytd-watch-flexy { margin-left: var(--ytd-margin-6x); flex: 1 1 1e-09px; } ytd-watch-flexy[flexy]:not([fixed-panels]) #primary.ytd-watch-flexy { min-width: var(--ytd-watch-flexy-min-player-width); } ytd-watch-flexy[flexy][is-two-columns_]:not([is-four-three-to-sixteen-nine-video_]):not([is-extra-wide-video_]):not([full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-flexy { max-width: calc(177.77777778vh - var(--ytd-watch-flexy-masthead-height)*1.7777777778 - var(--ytd-margin-6x)*1.7777777778 - var(--ytd-watch-flexy-space-below-player)*1.7777777778); min-width: calc(var(--ytd-watch-flexy-min-player-height)*1.7777777778); } ytd-watch-flexy[flexy][is-two-columns_][is-extra-wide-video_]:not([full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-flexy, ytd-watch-flexy[flexy][is-two-columns_][is-four-three-to-sixteen-nine-video_]:not([full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-flexy { max-width: var(--ytd-watch-flexy-max-player-width); min-width: var(--ytd-watch-flexy-min-player-width); } ytd-watch-flexy[flexy] #secondary.ytd-watch-flexy { padding-right: var(--ytd-margin-6x); width: var(--ytd-watch-flexy-sidebar-width); min-width: var(--ytd-watch-flexy-sidebar-min-width); } ytd-watch-flexy[cinematics-enabled] #secondary.ytd-watch-flexy { position: relative; } ytd-watch-flexy[flexy] #player-container-outer.ytd-watch-flexy { max-width: var(--ytd-watch-flexy-max-player-width); min-width: var(--ytd-watch-flexy-min-player-width); margin: 0px auto; } ytd-watch-flexy[flexy] #player-container-inner.ytd-watch-flexy { padding-top: calc(var(--ytd-watch-flexy-height-ratio)/var(--ytd-watch-flexy-width-ratio)*100%); } ytd-watch-flexy[flexy]:not([is-vertical-video_]) #player-container-inner.ytd-watch-flexy { position: relative; } ytd-watch-flexy[flexy] #player-container.ytd-watch-flexy { position: absolute; inset: 0px; } .player-container-background.ytd-watch-flexy { position: absolute; inset: 0px; overflow: hidden; border-radius: 8px; } .player-container-background.ytd-watch-flexy .player-container-background-image.ytd-watch-flexy { position: absolute; inset: 0px; filter: blur(15px); } ytd-watch-flexy[flexy]:not([watch-while-panels-active]) #chat.ytd-watch-flexy:not([collapsed]) { min-height: 596px; } ytd-watch-flexy[flexy][smaller-chat-min-height]:not([watch-while-panels-active]) #chat.ytd-watch-flexy:not([collapsed]) { min-height: 360px; } #full-bleed-container.ytd-watch-flexy #chat-container.ytd-watch-flexy, #full-bleed-container.ytd-watch-flexy #chat.ytd-watch-flexy { height: 100%; } ytd-watch-flexy[flexy] #playlist.ytd-watch-flexy, ytd-watch-flexy[flexy]:not([squeezeback]) #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy { max-height: var(--ytd-watch-flexy-panel-max-height); } ytd-watch-flexy[flexy]:not([squeezeback]) #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy[target-id="PAmini_app_panel"] { max-height: min(900px, -104px + 100vh); } ytd-watch-flexy[flexy]:not([squeezeback]) #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy[target-id="engagement-panel-structured-description"] { max-height: var(--ytd-watch-flexy-structured-description-max-height); } ytd-watch-flexy[flexy]:not([squeezeback]) #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy[target-id="engagement-panel-comments-section"] { max-height: var(--ytd-watch-flexy-comments-panel-max-height); } ytd-watch-flexy[flexy]:not([fixed-panels]):not([squeezeback]) #chat.ytd-watch-flexy:not([collapsed]) { height: var(--ytd-watch-flexy-chat-max-height); } ytd-watch-flexy.loading #chat.ytd-watch-flexy, ytd-watch-flexy.loading #comments.ytd-watch-flexy, ytd-watch-flexy.loading:not(.show-skeleton) #related.ytd-watch-flexy { visibility: hidden; } ytd-watch-flexy.show-skeleton ytd-video-primary-info-renderer.ytd-watch-flexy, ytd-watch-flexy.show-skeleton ytd-video-secondary-info-renderer.ytd-watch-flexy, ytd-watch-flexy.show-skeleton ytd-watch-metadata.ytd-watch-flexy, ytd-watch-flexy.show-skeleton ytd-watch-next-secondary-results-renderer.ytd-watch-flexy, ytd-watch-flexy.show-skeleton #player-ads.ytd-watch-flexy { display: none; } ytd-watch-flexy.hide-skeleton #info-skeleton.ytd-watch-flexy, ytd-watch-flexy.hide-skeleton #meta-skeleton.ytd-watch-flexy { display: none; } #engagement-panel-scrim.ytd-watch-flexy { display: none; z-index: var(--ytd-z-index-engagement-panel-scrim); background-color: var(--yt-spec-static-overlay-background-heavy); position: absolute; inset: 0px; } ytd-watch-flexy[expanded-clip-range] #engagement-panel-scrim.ytd-watch-flexy { background-color: var(--yt-spec-static-overlay-background-heavy); } ytd-watch-flexy[show-engagement-panel-scrim_] { position: relative; } ytd-watch-flexy[show-engagement-panel-scrim_] #engagement-panel-scrim.ytd-watch-flexy { display: block; } ytd-watch-flexy[show-engagement-panel-scrim_] #player.ytd-watch-flexy, ytd-watch-flexy[show-engagement-panel-scrim_] #player-container.ytd-watch-flexy, ytd-watch-flexy[show-engagement-panel-scrim_] #player-full-bleed-container.ytd-watch-flexy { z-index: var(--ytd-z-index-engagement-panel-scrimmed); } ytd-watch-flexy[watch-feed-big-thumbs_]:not([is-two-columns_]) { --ytd-watch-flexy-sidebar-width: calc(100%/var(--ytd-related-shelf-items) - (1 - 1/var(--ytd-related-shelf-items))*var(--ytd-margin-4x)); --ytd-compact-item-dismissed-height: calc((100vw - var(--ytd-margin-6x)*2)/var(--ytd-related-shelf-items)*0.559 - (1 - 1/var(--ytd-related-shelf-items))*var(--ytd-margin-4x)*0.559 - var(--ytd-margin-4x) - 2px); } @media (min-width: 850px) { ytd-watch-flexy[watch-feed-big-thumbs_]:not([is-two-columns_]) { --ytd-related-shelf-items: 3; } } @media (min-width: 525px) and (max-width: 849px) { ytd-watch-flexy[watch-feed-big-thumbs_]:not([is-two-columns_]) { --ytd-related-shelf-items: 2; } } @media (max-width: 524px) { ytd-watch-flexy[watch-feed-big-thumbs_]:not([is-two-columns_]) { --ytd-related-shelf-items: 1; } } ytd-watch-flexy[rounded-info-panel] #clarify-box.ytd-watch-flexy { margin-top: var(--ytd-margin-3x); } ytd-watch-flexy[fixed-panels] #chat.ytd-watch-flexy { position: fixed; top: var(--ytd-masthead-height-accounting-for-hidden); right: 0px; width: var(--ytd-watch-flexy-sidebar-width); bottom: 0px; margin: 0px; transition: top 0.3s cubic-bezier(0.05, 0, 0, 1); } ytd-watch-flexy[fixed-panels][watch-while-wider] #chat.ytd-watch-flexy { width: calc(var(--ytd-watch-flexy-sidebar-width) + var(--ytd-margin-6x)); } ytd-watch-flexy[fixed-panels][watch-while-margin] #chat.ytd-watch-flexy { right: var(--ytd-margin-6x); } ytd-watch-flexy[view-transition-enabled][default-layout] #player-container.ytd-watch-flexy, ytd-watch-flexy[view-transition-enabled][theater] #player-full-bleed-container.ytd-watch-flexy { view-transition-name: player-resize; } ytd-watch-flexy[view-transition-enabled] #secondary.ytd-watch-flexy { view-transition-name: secondary-column; } ytd-watch-flexy[view-transition-enabled] #below.ytd-watch-flexy { view-transition-name: metadata; } ytd-watch-flexy[thumbnail-to-watch-transition][default-layout] #player-container.ytd-watch-flexy, ytd-watch-flexy[thumbnail-to-watch-transition][theater] #player-full-bleed-container.ytd-watch-flexy { view-transition-name: thumbnail-to-watch; } ytd-watch-grid { --ytd-watch-flexy-sidebar-width: 402px; --ytd-watch-flexy-sidebar-min-width: 300px; --ytd-watch-flexy-masthead-height: 56px; --ytd-comments-engagement-panel-header-height: 56px; --ytd-watch-flexy-max-player-width-wide-screen: 1280px; --ytd-watch-grid-min-player-height-medium: 360px; --ytd-watch-grid-horizontal-page-margins: 24px; --ytd-watch-grid-columns-top-margins: 12px; --ytd-watch-grid-top-grid-margin: 16px; --ytd-watch-grid-meta-panel-margin: 16px; min-width: 0px; } #primary.ytd-watch-grid, ytd-watch-grid[swatcheroo-split-scroll] #fixed-columns-secondary.ytd-watch-grid::before { margin: 0 calc(var(--ytd-watch-grid-horizontal-page-margins)/2) 0 calc(var(--ytd-watch-grid-horizontal-page-margins)); padding: 0px; } ytd-watch-grid:not([is-two-columns_]) #primary.ytd-watch-grid { margin: 0 calc(var(--ytd-watch-grid-horizontal-page-margins)); padding: 0px; } #secondary.ytd-watch-grid, ytd-watch-grid[swatcheroo-split-scroll] #columns.ytd-watch-grid::after { margin: 0 calc(var(--ytd-watch-grid-horizontal-page-margins)) 0 calc(var(--ytd-watch-grid-horizontal-page-margins)/2); padding: 0px; } #secondary.ytd-watch-grid { position: relative; } ytd-watch-grid[panel-expanded]:not([swatcheroo-binary-layout])[full-bleed-player] #secondary-inner.ytd-watch-grid, ytd-watch-grid[panel-expanded]:not([is-two-columns_]) #secondary-inner.ytd-watch-grid, ytd-watch-grid[panel-expanded][default-two-column-layout] #secondary-inner.ytd-watch-grid { transition-behavior: allow-discrete; animation: 0.5s ease-out 0s 1 normal forwards running fade-out; } ytd-watch-grid[default-two-column-layout][panel-expanded][live-chat-present-and-expanded] #secondary-inner.ytd-watch-grid { animation-delay: 0.3s; animation-duration: 1s; } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; display: none; } } ytd-watch-grid[default-two-column-layout]:not([panel-expanded]) #fixed-secondary.ytd-watch-grid { pointer-events: none; } ytd-watch-grid:not([default-two-column-layout])[swatcheroo-binary-layout] ytd-comments.ytd-watch-grid { display: none; } ytd-watch-grid:not([response-has-comments]) ytd-ghost-comments-renderer.ytd-watch-grid { display: none; } ytd-watch-grid[has-metadata] ytd-ghost-watch-metadata-renderer.ytd-watch-grid { display: none; } ytd-watch-grid:not([has-metadata]) ytd-watch-metadata.ytd-watch-grid, ytd-watch-grid:not([has-metadata]) ytd-playlist-panel-renderer.ytd-watch-grid[collapsed], ytd-watch-grid:not([has-metadata]) #chat-container.ytd-watch-grid { display: none; } ytd-watch-grid:not([is-two-columns_])[panel-expanded] ytd-comments.ytd-watch-grid, ytd-watch-grid:not([is-two-columns_])[panel-expanded] #bottom-grid.ytd-watch-grid { display: none; } ytd-watch-grid:not([is-two-columns_])[panel-expanded] #fixed-below.ytd-watch-grid { position: absolute; inset: 0px; height: 80vh; } ytd-watch-grid[default-two-column-layout] #fixed-secondary.ytd-watch-grid { height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-watch-grid-columns-top-margins) - var(--ytd-watch-grid-horizontal-page-margins)); } ytd-watch-grid[swatcheroo-squeezeback] #fixed-secondary.ytd-watch-grid { height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-watch-grid-columns-top-margins)); } ytd-watch-grid[default-two-column-layout] #fixed-secondary.ytd-watch-grid, ytd-watch-grid[swatcheroo-squeezeback] #fixed-secondary.ytd-watch-grid { z-index: 100; top: calc(var(--ytd-watch-flexy-masthead-height) + var(--ytd-watch-grid-columns-top-margins)); right: var(--ytd-watch-grid-horizontal-page-margins); position: fixed; width: calc(var(--ytd-watch-flexy-sidebar-width) + 8px); } ytd-watch-grid[swatcheroo-squeezeback] #player-container.ytd-watch-grid { position: relative; display: block; flex: 1 1 auto; width: 100%; height: 100%; } ytd-watch-grid[swatcheroo-squeezeback] #squeezeback-constraining-container.ytd-watch-grid { content: ""; position: relative; display: flex; width: calc(var(--ytd-watch-flexy-sidebar-width)); flex: 0 0 calc(var(--ytd-watch-flexy-sidebar-width)); height: 100%; pointer-events: none; } ytd-watch-grid[default-two-column-layout][panel-expanded] #fixed-secondary.ytd-watch-grid { animation: 0.3s ease-out 0s 1 normal forwards running slide-up; } ytd-watch-grid[default-two-column-layout][panel-expanded][live-chat-present-and-expanded] #fixed-secondary.ytd-watch-grid { animation-delay: 1s; transform: translateY(100vh); } @keyframes slide-up { 0% { transform: translateY(100vh); } 100% { transform: translateY(0px); } } ytd-watch-grid[default-two-column-layout] #panels.ytd-watch-grid, ytd-watch-grid[default-two-column-layout][live-chat-present-and-expanded] #chat-container.ytd-watch-grid { height: 100%; } #secondary-inner.ytd-watch-grid { height: 100%; width: 100%; } ytd-watch-grid[is-two-columns_]:not([swatcheroo-binary-layout]) #secondary-inner.ytd-watch-grid { position: absolute; } ytd-watch-grid:not([default-two-column-layout])[swatcheroo-binary-layout]:not([panel-expanded]) #primary.ytd-watch-grid { position: absolute; width: calc(100% - var(--ytd-watch-grid-horizontal-page-margins)*2); margin: 0 var(--ytd-watch-grid-horizontal-page-margins); } ytd-watch-grid:not([default-two-column-layout])[swatcheroo-binary-layout]:not([panel-expanded]) #secondary.ytd-watch-grid { display: none; } ytd-watch-grid:not([default-two-column-layout])[swatcheroo-binary-layout] #secondary-inner.ytd-watch-grid, ytd-watch-grid:not([is-two-columns_]) #secondary-inner.ytd-watch-grid { margin-top: var(--ytd-margin-3x); } ytd-rich-grid-renderer.ytd-watch-grid { margin-left: -12px; margin-right: -12px; } ytd-watch-grid.gesture-dragging { position: absolute; width: 100%; } #panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"], #chat.ytd-watch-grid:not([collapsed]), ytd-playlist-panel-renderer.ytd-watch-grid:not([collapsed]) { display: flex; flex-direction: column; width: 100%; height: 500px; transform: translate(var(--ytd-engagement-panel-content-width),0); transition: transform 0.15s ease-in-out; z-index: 600; } ytd-watch-grid[default-two-column-layout] #panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"], ytd-watch-grid[default-two-column-layout] #chat.ytd-watch-grid:not([collapsed]), ytd-watch-grid[default-two-column-layout] ytd-playlist-panel-renderer.ytd-watch-grid:not([collapsed]) { pointer-events: auto; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } ytd-watch-grid[is-two-columns_][full-bleed-player][panel-expanded]:not([swatcheroo-squeezeback]) #panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"], ytd-watch-grid[is-two-columns_][full-bleed-player][panel-expanded]:not([swatcheroo-squeezeback]) #chat.ytd-watch-grid:not([collapsed]), ytd-watch-grid[is-two-columns_][full-bleed-player][panel-expanded]:not([swatcheroo-squeezeback]) ytd-playlist-panel-renderer.ytd-watch-grid:not([collapsed]) { height: 80vh; } ytd-watch-grid[panel-expanded] #panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"], ytd-watch-grid[panel-expanded] #chat.ytd-watch-grid:not([collapsed]), ytd-watch-grid[panel-expanded] ytd-playlist-panel-renderer.ytd-watch-grid:not([collapsed]) { pointer-events: auto; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; margin: 0px; } ytd-watch-grid:not([default-two-column-layout]) #panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"] { margin-bottom: var(--ytd-margin-3x); } #panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid[target-id="engagement-panel-ads"][visibility="ENGAGEMENT_PANEL_VISIBILITY_COLLAPSED"] { display: none; } ytd-watch-grid[panel-visible] #panels.ytd-watch-grid { transform: translate(0px); } ytd-watch-grid:not([darker-panels]) #panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid { background-color: var(--yt-spec-brand-background-primary); } ytd-watch-grid[fullscreen] { --ytd-watch-flexy-masthead-height: 0px; } ytd-watch-grid[video-id="QrGrOK8oZG8"] { --ytd-video-primary-info-renderer-title-color: #e6d140; --ytd-video-primary-info-renderer-title-font-family: Georgia,serif; --ytd-video-primary-info-renderer-title-font-size: 250%; --ytd-video-primary-info-renderer-title-font-variant: small-caps; --ytd-video-primary-info-renderer-title-transform: skew(-5deg,0deg); --ytd-video-primary-info-renderer-title-text-shadow: 1px 1px #000,1px 1px 0.1px #000; } #columns.ytd-watch-grid { margin: 0px auto; display: flex; flex-direction: row; overflow-x: clip; } ytd-watch-grid:not([is-two-columns_]) #secondary.ytd-watch-grid { display: none; } #player.ytd-watch-grid { position: relative; } ytd-watch-grid[player-unavailable] #player-container-outer.ytd-watch-grid { visibility: hidden; } ytd-watch-grid[rounded-player-large][default-layout] #ytd-player.ytd-watch-grid { overflow: hidden; border-radius: 12px; } #error-screen.ytd-watch-grid { position: absolute; inset: 0px; } ytd-watch-grid[rounded-player-large][default-layout] #error-screen.ytd-watch-grid { border-radius: 12px; } #cinematics.ytd-watch-grid { position: absolute; inset: 0px; pointer-events: none; } ytd-watch-grid:not([is-dark-theme]) #cinematics.ytd-watch-grid { overflow: hidden; } ytd-watch-grid:not([is-dark-theme])[default-layout][cinematic-light-theme] #cinematics.ytd-watch-grid { display: none; } ytd-watch-grid[show-engagement-panel-scrim_] #cinematics-container.ytd-watch-grid, ytd-watch-grid[show-engagement-panel-scrim_] #cinematics-full-bleed-container.ytd-watch-grid { display: none; } ytd-watch-grid[is-two-columns_] #bottom-grid.ytd-watch-grid { width: 100%; display: flex; flex-direction: column; justify-content: center; margin: 0px auto; } #bottom-grid.ytd-watch-grid { overflow-x: hidden; } ytd-watch-grid[cinematics-enabled] #below.ytd-watch-grid { position: relative; } #playlist.ytd-watch-grid[disable-upgrade] { display: none; } #related.ytd-watch-grid, ytd-merch-shelf-renderer.ytd-watch-grid { padding-bottom: 0px; } #chat.ytd-watch-grid[collapsed], ytd-watch-grid:not([swatcheroo-use-double-metadata]) ytd-watch-metadata.ytd-watch-grid, #clarify-box.ytd-watch-grid ytd-info-panel-container-renderer.ytd-watch-grid, #clarify-box.ytd-watch-grid ytd-info-panel-content-renderer.ytd-watch-grid, #clarify-box.ytd-watch-grid ytd-clarification-renderer.ytd-watch-grid, #clarify-box.ytd-watch-grid ytd-emergency-onebox-renderer.ytd-watch-grid, #ticket-shelf.ytd-watch-grid ytd-ticket-shelf-renderer.ytd-watch-grid, #offer-module.ytd-watch-grid ytd-donation-shelf-renderer.ytd-watch-grid, #offer-module.ytd-watch-grid ytd-donation-unavailable-renderer.ytd-watch-grid, #offer-module.ytd-watch-grid ytd-movie-offer-module-renderer.ytd-watch-grid, #offer-module.ytd-watch-grid ytd-movie-offer-module-renderer.ytd-watch-grid, #offer-module.ytd-watch-grid ytd-movie-offer-module-renderer.ytd-watch-grid, #offer-module.ytd-watch-grid ytd-movie-offer-module-renderer.ytd-watch-grid, #offer-module.ytd-watch-grid ytd-unlimited-offer-module-renderer.ytd-watch-grid, #offer-module.ytd-watch-grid ytd-tvfilm-offer-module-renderer.ytd-watch-grid, #offer-module.ytd-watch-grid ytd-brandconnect-cta-shelf-card-renderer.ytd-watch-grid, ytd-playlist-panel-renderer.ytd-watch-grid[collapsed], #inline-panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid[visibility="ENGAGEMENT_PANEL_VISIBILITY_COLLAPSED"], #inline-panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"], #panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid[visibility="ENGAGEMENT_PANEL_VISIBILITY_COLLAPSED"] { margin-bottom: var(--ytd-margin-6x); } #panels.ytd-watch-grid { display: flex; flex-direction: column; } ytd-watch-grid:not([is-two-columns_]) #chat.ytd-watch-grid, ytd-watch-grid:not([is-two-columns_]) #donation-shelf.ytd-watch-grid ytd-donation-shelf-renderer.ytd-watch-grid, ytd-watch-grid:not([is-two-columns_]) #donation-shelf.ytd-watch-grid ytd-donation-unavailable-renderer.ytd-watch-grid, ytd-watch-grid:not([is-two-columns_]) #playlist.ytd-watch-grid, ytd-watch-grid:not([is-two-columns_]) ytd-watch-engagement-panels.ytd-watch-grid, ytd-watch-grid:not([is-two-columns_]) #panels.ytd-watch-grid ytd-engagement-panel-section-list-renderer.ytd-watch-grid { margin-top: var(--ytd-margin-6x); } ytd-watch-grid:not([is-two-columns_]) ytd-merch-shelf-renderer.ytd-watch-grid, ytd-watch-grid:not([is-two-columns_]) #ticket-shelf.ytd-watch-grid ytd-ticket-shelf-renderer.ytd-watch-grid { margin-bottom: var(--ytd-margin-4x); } ytd-miniplayer-bar-renderer.ytd-watch-grid { position: fixed; z-index: var(--ytd-z-index-miniplayer-bar); top: var(--ytd-margin-14x); left: 0px; width: 100%; transform: translateY(0px); transition: transform 0.2s; } ytd-miniplayer-bar-renderer.ytd-watch-grid:not([active]), ytd-miniplayer-bar-renderer.ytd-watch-grid[dark-launch] { transform: translateY(calc(-100% - 56px)); opacity: 0; transition: transform 0.2s, opacity 0.2s; } ytd-watch-grid.loading:not([swatcheroo-ghost-cards]) #chat.ytd-watch-grid, ytd-watch-grid.loading:not([swatcheroo-ghost-cards]) #comments.ytd-watch-grid, ytd-watch-grid.loading:not([swatcheroo-ghost-cards]) #secondary-inner.ytd-watch-grid, ytd-watch-grid.loading:not([swatcheroo-ghost-cards]) #related.ytd-watch-grid { visibility: hidden; } ytd-watch-grid.loading-player #player-container-outer.ytd-watch-grid { visibility: hidden; } ytd-watch-grid.loading-player #player.ytd-watch-grid { background-color: rgb(0, 0, 0); } ytd-watch-grid.loading-player[frame0-loading-state] #player.ytd-watch-grid { background-size: contain; background-repeat: no-repeat; } ytd-watch-grid.loading-player #cinematics-container.ytd-watch-grid, ytd-watch-grid.loading-player #cinematics-full-bleed-container.ytd-watch-grid { display: none; } ytd-watch-grid[full-bleed-player][swatcheroo-squeezeback] #player-full-bleed-container.ytd-watch-grid { display: flex; flex-direction: row-reverse; } ytd-watch-grid[full-bleed-player] #player-full-bleed-container.ytd-watch-grid { position: relative; width: 100%; height: 56.25vw; max-height: calc(-169px + 100vh); min-height: 480px; overflow-x: clip; background: rgb(0, 0, 0); } ytd-watch-grid[is-dark-theme][theater]:not([fullscreen])[transparent-theater-mode] #player-full-bleed-container.ytd-watch-grid { background: transparent; } ytd-watch-grid[is-dark-theme][fullscreen][cinematic-fullscreen] #player-full-bleed-container.ytd-watch-grid { overflow: hidden; } ytd-watch-grid:not([fullscreen])[theater][full-window-mode_] #player-full-bleed-container.ytd-watch-grid { width: 100vw; height: 100vh; min-height: 240px; max-height: none; } ytd-watch-grid[fullscreen] #player-full-bleed-container.ytd-watch-grid { height: 100vh; max-height: none; } ytd-watch-grid[full-bleed-player] #columns.ytd-watch-grid { margin-top: 0px; } ytd-watch-grid[full-bleed-player] #secondary.ytd-watch-grid { margin-top: var(--ytd-watch-grid-top-grid-margin); } ytd-watch-grid[full-bleed-player] #player.ytd-watch-grid { display: none; } ytd-watch-grid[full-bleed-player] .attached-message.ytd-watch-grid:not(:empty) { margin-top: var(--ytd-margin-5x); } ytd-watch-grid { --ytd-watch-flexy-width-ratio: 16; --ytd-watch-flexy-height-ratio: 9; --ytd-watch-flexy-space-below-player: 136px; --ytd-watch-flexy-non-player-height: calc(var(--ytd-watch-flexy-masthead-height) + var(--ytd-watch-grid-columns-top-margins) + var(--ytd-watch-flexy-space-below-player)); --ytd-watch-flexy-non-player-width: calc(var(--ytd-watch-flexy-sidebar-width) + var(--ytd-watch-grid-horizontal-page-margins)*3); --ytd-watch-flexy-min-player-height: 240px; --ytd-watch-flexy-min-player-width: calc(var(--ytd-watch-flexy-min-player-height)*(var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))); --ytd-watch-flexy-max-player-height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-watch-grid-columns-top-margins) - var(--ytd-watch-flexy-space-below-player)); --ytd-watch-flexy-max-player-width: calc((100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-watch-grid-columns-top-margins) - var(--ytd-watch-flexy-space-below-player))*(var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))); } ytd-watch-grid[transcript-opened_][is-two-columns_], ytd-watch-grid[playlist][is-two-columns_], ytd-watch-grid[should-stamp-chat][is-two-columns_] { --ytd-watch-flexy-min-player-height: 380px; } ytd-watch-grid[flexy-enable-small-window-sizing][flexy-small-window_]:not([is-extra-wide-video_]), ytd-watch-grid[flexy-enable-small-window-sizing][flexy-small-window_][transcript-opened_][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-grid[flexy-enable-small-window-sizing][flexy-small-window_][playlist][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-grid[flexy-enable-small-window-sizing][flexy-small-window_][should-stamp-chat][is-two-columns_]:not([is-extra-wide-video_]) { --ytd-watch-flexy-min-player-height: var( --ytd-watch-grid-min-player-height-medium ); } ytd-watch-grid[flexy-enable-large-window-sizing][flexy-large-window_]:not([is-extra-wide-video_]), ytd-watch-grid[flexy-enable-large-window-sizing][flexy-large-window_][transcript-opened_][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-grid[flexy-enable-large-window-sizing][flexy-large-window_][playlist][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-grid[flexy-enable-large-window-sizing][flexy-large-window_][should-stamp-chat][is-two-columns_]:not([is-extra-wide-video_]) { --ytd-watch-flexy-min-player-height: 480px; } ytd-watch-grid[swatcheroo-squeezeback] #columns.ytd-watch-grid, ytd-watch-grid[swatcheroo-squeezeback] #fixed-columns-secondary.ytd-watch-grid { max-width: unset; } #columns.ytd-watch-grid, #fixed-columns-secondary.ytd-watch-grid { max-width: calc(var(--ytd-watch-flexy-max-player-width-wide-screen) + var(--ytd-watch-flexy-sidebar-width) + var(--ytd-watch-grid-horizontal-page-margins)*3); } ytd-watch-grid[is-two-columns_] #columns.ytd-watch-grid, ytd-watch-grid[is-two-columns_] #fixed-columns-secondary.ytd-watch-grid { min-width: calc(var(--ytd-watch-flexy-min-player-height)*var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio) + var(--ytd-watch-grid-horizontal-page-margins)*3 + var(--ytd-watch-flexy-sidebar-min-width)); justify-content: center; } #primary.ytd-watch-grid { min-width: var(--ytd-watch-flexy-min-player-width); flex: 1 1 1e-09px; } ytd-watch-grid[default-layout] #primary.ytd-watch-grid, ytd-watch-grid[default-layout] #secondary.ytd-watch-grid { padding-top: var(--ytd-watch-grid-columns-top-margins); } ytd-watch-grid[swatcheroo-split-scroll][is-two-columns_]:not([is-extra-wide-video_]):not([is-four-three-to-sixteen-nine-video_]) #fixed-columns-secondary.ytd-watch-grid::before, ytd-watch-grid[is-two-columns_]:not([is-extra-wide-video_]):not([is-four-three-to-sixteen-nine-video_]) #primary.ytd-watch-grid { max-width: calc(177.77777778vh - var(--ytd-watch-flexy-masthead-height)*1.7777777778 - var(--ytd-watch-grid-columns-top-margins)*1.7777777778 - var(--ytd-watch-flexy-space-below-player)*1.7777777778); min-width: calc(var(--ytd-watch-flexy-min-player-height)*1.7777777778); } ytd-watch-grid[default-layout][is-two-columns_][is-extra-wide-video_] #primary.ytd-watch-grid, ytd-watch-grid[default-layout][is-two-columns_][is-four-three-to-sixteen-nine-video_] #primary.ytd-watch-grid { max-width: var(--ytd-watch-flexy-max-player-width); min-width: var(--ytd-watch-flexy-min-player-width); } #secondary.ytd-watch-grid { width: var(--ytd-watch-flexy-sidebar-width); min-width: var(--ytd-watch-flexy-sidebar-min-width); } ytd-watch-grid[cinematics-enabled] #secondary.ytd-watch-grid { position: relative; } ytd-watch-grid[column-flip] #secondary.ytd-watch-grid { order: 1; } #player-container-outer.ytd-watch-grid { max-width: var(--ytd-watch-flexy-max-player-width); min-width: var(--ytd-watch-flexy-min-player-width); margin: 0px auto; } #player-container-inner.ytd-watch-grid { padding-top: calc(var(--ytd-watch-flexy-height-ratio)/var(--ytd-watch-flexy-width-ratio)*100%); } ytd-watch-grid:not([is-vertical-video_]) #player-container-inner.ytd-watch-grid { position: relative; } #player-container.ytd-watch-grid { position: absolute; inset: 0px; } ytd-watch-grid:not([swatcheroo-ghost-cards]) ytd-ghost-watch-metadata-renderer.ytd-watch-grid, ytd-watch-grid:not([swatcheroo-ghost-cards]) ytd-ghost-comments-renderer.ytd-watch-grid, ytd-watch-grid:not([swatcheroo-ghost-cards]) ytd-ghost-grid-renderer.ytd-watch-grid { display: none; } ytd-watch-grid.loading:not([swatcheroo-ghost-cards]) #chat.ytd-watch-grid, ytd-watch-grid.loading:not([swatcheroo-ghost-cards]) #comments.ytd-watch-grid, ytd-watch-grid.loading:not(.show-skeleton) #related.ytd-watch-grid { visibility: hidden; } ytd-watch-grid.show-skeleton ytd-video-primary-info-renderer.ytd-watch-grid, ytd-watch-grid.show-skeleton ytd-video-secondary-info-renderer.ytd-watch-grid, ytd-watch-grid.show-skeleton ytd-watch-metadata.ytd-watch-grid, ytd-watch-grid.show-skeleton ytd-watch-next-secondary-results-renderer.ytd-watch-grid, ytd-watch-grid.show-skeleton #player-ads.ytd-watch-grid { display: none; } ytd-watch-grid.hide-skeleton #info-skeleton.ytd-watch-grid, ytd-watch-grid.hide-skeleton #meta-skeleton.ytd-watch-grid { display: none; } #engagement-panel-scrim.ytd-watch-grid { display: none; z-index: var(--ytd-z-index-engagement-panel-scrim); background-color: var(--yt-spec-static-overlay-background-heavy); position: absolute; inset: 0px; } ytd-watch-grid[expanded-clip-range] #engagement-panel-scrim.ytd-watch-grid { background-color: var(--yt-spec-static-overlay-background-heavy); } ytd-watch-grid[show-engagement-panel-scrim_] { position: relative; } ytd-watch-grid[show-engagement-panel-scrim_] #engagement-panel-scrim.ytd-watch-grid { display: block; } ytd-watch-grid[show-engagement-panel-scrim_] #player.ytd-watch-grid, ytd-watch-grid[show-engagement-panel-scrim_] #player-container.ytd-watch-grid, ytd-watch-grid[show-engagement-panel-scrim_] #player-full-bleed-container.ytd-watch-grid, ytd-watch-grid[show-engagement-panel-scrim_] #secondary.ytd-watch-grid { z-index: var(--ytd-z-index-engagement-panel-scrimmed); } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout][live-chat-present-and-expanded] #chat-container.ytd-watch-grid { position: absolute; top: 0px; left: 0px; right: 0px; } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #fixed-secondary.ytd-watch-grid { overflow-y: scroll; scrollbar-width: none; } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #fixed-columns-secondary.ytd-watch-grid { pointer-events: none; } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #secondary.ytd-watch-grid, ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #primary.ytd-watch-grid { pointer-events: auto; } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #secondary-inner.ytd-watch-grid { height: 100%; overflow: hidden auto; scrollbar-color: transparent transparent; scrollbar-width: thin; scrollbar-gutter: stable; background-color: var(--yt-spec-outline-inverse-medium); box-sizing: border-box; padding-top: var(--ytd-watch-grid-meta-panel-margin); padding-left: var(--ytd-watch-grid-meta-panel-margin); padding-right: calc(var(--ytd-watch-grid-meta-panel-margin)); position: absolute; border: 1px solid var(--yt-spec-button-chip-background-hover); border-radius: 12px; } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #secondary-inner.ytd-watch-grid::-webkit-scrollbar { background: transparent; width: 16px; } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #secondary-inner.ytd-watch-grid::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: transparent; } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #secondary-inner.ytd-watch-grid:hover { scrollbar-color: var(--yt-spec-icon-disabled) transparent; } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #secondary-inner.ytd-watch-grid:hover::-webkit-scrollbar-thumb { background-color: var(--yt-spec-icon-disabled); } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #fixed-columns-secondary.ytd-watch-grid { z-index: 601; left: 0px; right: 0px; margin: 0px auto; top: calc(var(--ytd-watch-flexy-masthead-height)); position: fixed; display: flex; flex-direction: row; } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #columns.ytd-watch-grid::after { content: ""; height: 0px; width: var(--ytd-watch-flexy-sidebar-width); position: relative; min-width: var(--ytd-watch-flexy-sidebar-min-width); } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #fixed-columns-secondary.ytd-watch-grid::before { content: ""; height: 0px; min-width: var(--ytd-watch-flexy-min-player-width); padding-top: var(--ytd-watch-grid-columns-top-margins); flex: 1 1 1e-09px; position: relative; } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout]:not([is-four-three-to-sixteen-nine-video_]):not([is-extra-wide-video_]) #fixed-columns-secondary.ytd-watch-grid::before { max-width: calc(177.77777778vh - var(--ytd-watch-flexy-masthead-height)*1.7777777778 - var(--ytd-watch-grid-horizontal-page-margins)*1.7777777778 - var(--ytd-watch-flexy-space-below-player)*1.7777777778); min-width: calc(var(--ytd-watch-flexy-min-player-height)*1.7777777778); } ytd-watch-grid[swatcheroo-split-scroll][default-two-column-layout] #secondary.ytd-watch-grid { z-index: 100; height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-watch-grid-columns-top-margins) - var(--ytd-watch-grid-horizontal-page-margins)); } ytd-watch-grid[swatcheroo-split-scroll][default-layout][is-two-columns_][is-extra-wide-video_] #fixed-columns-secondary.ytd-watch-grid::before, ytd-watch-grid[swatcheroo-split-scroll][default-layout][is-two-columns_][is-four-three-to-sixteen-nine-video_] #fixed-columns-secondary.ytd-watch-grid::before { max-width: var(--ytd-watch-flexy-max-player-width); min-width: var(--ytd-watch-flexy-min-player-width); } .comment-section.ytd-ghost-comments-renderer { display: flex; flex-direction: column; border-radius: 8px; pointer-events: none; } .ghost-card.ytd-ghost-comments-renderer { border-radius: 4px; padding: 8px 0px; } .ghost-line.ytd-ghost-comments-renderer { width: 100%; height: 24px; background-color: var(--yt-spec-outline); border-radius: 2px; } .meta.ytd-ghost-comments-renderer .ghost-line.ytd-ghost-comments-renderer { width: 50%; height: 18px; } .input-box.ytd-ghost-comments-renderer { display: flex; align-items: center; margin-bottom: 8px; } .avatar.ytd-ghost-comments-renderer { margin-right: 8px; } .circle.ytd-ghost-comments-renderer { width: 24px; height: 24px; border-radius: 50%; background-color: var(--yt-spec-button-chip-background-hover); } .ghost-input.ytd-ghost-comments-renderer { width: 100%; height: 28px; background-color: transparent; border-bottom: 1px solid var(--yt-spec-button-chip-background-hover); border-radius: 4px; } .comments.ytd-ghost-comments-renderer { display: flex; flex-direction: column; gap: 16px; } .comment.ytd-ghost-comments-renderer { display: flex; } .content.ytd-ghost-comments-renderer { flex: 1 1 0%; padding-left: 8px; } .meta.ytd-ghost-comments-renderer { display: flex; justify-content: space-between; margin-bottom: 8px; } .ghost-text.ytd-ghost-comments-renderer { width: 100%; height: 16px; background-color: var(--yt-spec-button-chip-background-hover); border-radius: 2px; margin-bottom: 4px; } .ghost-text.line-2.ytd-ghost-comments-renderer { width: 95%; } .ghost-text.line-3.ytd-ghost-comments-renderer { width: 90%; } ytd-ghost-watch-metadata-renderer { margin-bottom: 24px; display: block; } .ghost-card.ytd-ghost-watch-metadata-renderer { width: 100%; border-radius: 8px; pointer-events: none; } .title.ytd-ghost-watch-metadata-renderer { margin-top: 2px; } .title.ytd-ghost-watch-metadata-renderer .line-2.ytd-ghost-watch-metadata-renderer { width: 95%; } .title.ytd-ghost-watch-metadata-renderer .line.ytd-ghost-watch-metadata-renderer { height: 32px; border-radius: 4px; background-color: var(--yt-spec-button-chip-background-hover); margin-bottom: 6px; } .byline.ytd-ghost-watch-metadata-renderer { margin-top: 6px; display: flex; justify-content: space-between; width: 70%; } .byline.ytd-ghost-watch-metadata-renderer .word.ytd-ghost-watch-metadata-renderer { height: 16px; border-radius: 4px; width: 30%; background-color: var(--yt-spec-button-chip-background-hover); } .description.ytd-ghost-watch-metadata-renderer { margin-top: 19px; } .description.ytd-ghost-watch-metadata-renderer .line.ytd-ghost-watch-metadata-renderer { height: 16px; border-radius: 4px; background-color: var(--yt-spec-button-chip-background-hover); margin-bottom: 4px; } .description.ytd-ghost-watch-metadata-renderer .line-1.ytd-ghost-watch-metadata-renderer { width: 100%; } .description.ytd-ghost-watch-metadata-renderer .line-2.ytd-ghost-watch-metadata-renderer { width: 95%; } .description.ytd-ghost-watch-metadata-renderer .line-3.ytd-ghost-watch-metadata-renderer { width: 90%; } .owner-box.ytd-ghost-watch-metadata-renderer { margin-top: 24px; display: flex; justify-content: space-between; align-items: center; } .owner-box.ytd-ghost-watch-metadata-renderer .left.ytd-ghost-watch-metadata-renderer { display: flex; align-items: center; } .owner-box.ytd-ghost-watch-metadata-renderer .circle.ytd-ghost-watch-metadata-renderer { width: 40px; height: 40px; border-radius: 50%; background-color: var(--yt-spec-button-chip-background-hover); margin-right: 12px; } .owner-box.ytd-ghost-watch-metadata-renderer .text.ytd-ghost-watch-metadata-renderer { display: flex; flex-direction: column; } .owner-box.ytd-ghost-watch-metadata-renderer .text.ytd-ghost-watch-metadata-renderer .top.ytd-ghost-watch-metadata-renderer { height: 16px; width: 120px; border-radius: 4px; margin-bottom: 4px; background-color: var(--yt-spec-button-chip-background-hover); } .owner-box.ytd-ghost-watch-metadata-renderer .text.ytd-ghost-watch-metadata-renderer .bottom.ytd-ghost-watch-metadata-renderer { height: 12px; border-radius: 4px; width: 80px; background-color: var(--yt-spec-button-chip-background-hover); } .owner-box.ytd-ghost-watch-metadata-renderer .right.ytd-ghost-watch-metadata-renderer .oval.ytd-ghost-watch-metadata-renderer { width: 95px; height: 36px; margin-right: 3px; background-color: var(--yt-spec-button-chip-background-hover); border-radius: 18px; } .action-bar.ytd-ghost-watch-metadata-renderer { margin-top: 25px; display: flex; justify-content: flex-start; align-items: center; } .action-bar.ytd-ghost-watch-metadata-renderer .oval.ytd-ghost-watch-metadata-renderer { width: 136px; height: 36px; background-color: var(--yt-spec-button-chip-background-hover); border-radius: 18px; margin-right: 8px; } .action-bar.ytd-ghost-watch-metadata-renderer .circle.ytd-ghost-watch-metadata-renderer { width: 36px; height: 36px; border-radius: 50%; background-color: var(--yt-spec-button-chip-background-hover); margin-right: 8px; } ytd-watch-learning-journey { --ytd-watch-flexy-sidebar-width: 402px; --ytd-watch-flexy-sidebar-min-width: 300px; --ytd-watch-flexy-masthead-height: 56px; --ytd-watch-flexy-max-player-width-wide-screen: 1280px; min-width: 0px; } ytd-watch-learning-journey[watch-feed-big-thumbs_] { --ytd-watch-flexy-sidebar-width: 310px; --ytd-watch-flexy-sidebar-min-width: 290px; } ytd-watch-learning-journey.gesture-dragging { position: absolute; width: 100%; } @media (min-width: 1550px) and (min-height: 800px) { ytd-watch-learning-journey[watch-feed-big-thumbs_] { --ytd-watch-flexy-sidebar-width: 360px; } } ytd-watch-learning-journey[fullscreen] { --ytd-watch-flexy-masthead-height: 0px; } ytd-watch-learning-journey[video-id="QrGrOK8oZG8"] { --ytd-video-primary-info-renderer-title-color: #e6d140; --ytd-video-primary-info-renderer-title-font-family: Georgia,serif; --ytd-video-primary-info-renderer-title-font-size: 250%; --ytd-video-primary-info-renderer-title-font-variant: small-caps; --ytd-video-primary-info-renderer-title-transform: skew(-5deg,0deg); --ytd-video-primary-info-renderer-title-text-shadow: 1px 1px #000,1px 1px 0.1px #000; } #columns.ytd-watch-learning-journey { margin: 0px auto; display: flex; flex-direction: row; } #primary.ytd-watch-learning-journey { padding-right: var(--ytd-margin-6x); } ytd-watch-learning-journey[default-layout]:not([no-top-margin]):not([reduced-top-margin]) #primary.ytd-watch-learning-journey, ytd-watch-learning-journey[default-layout]:not([no-top-margin]):not([reduced-top-margin]) #secondary.ytd-watch-learning-journey { padding-top: var(--ytd-margin-6x); } ytd-watch-learning-journey[default-layout][reduced-top-margin] #primary.ytd-watch-learning-journey, ytd-watch-learning-journey[default-layout][reduced-top-margin] #secondary.ytd-watch-learning-journey { padding-top: var(--ytd-margin-3x); } ytd-watch-learning-journey[fixed-panels] #primary.ytd-watch-learning-journey { min-width: 0px; } ytd-watch-learning-journey:not([is-two-columns_]) #secondary.ytd-watch-learning-journey { display: none; } #player.ytd-watch-learning-journey { position: relative; } ytd-watch-learning-journey[player-unavailable] #player-container-outer.ytd-watch-learning-journey { visibility: hidden; } ytd-watch-learning-journey[rounded-player-medium][default-layout] #ytd-player.ytd-watch-learning-journey { overflow: hidden; border-radius: 8px; } ytd-watch-learning-journey[rounded-player-large][default-layout] #ytd-player.ytd-watch-learning-journey { overflow: hidden; border-radius: 12px; } #error-screen.ytd-watch-learning-journey { position: absolute; inset: 0px; } ytd-watch-learning-journey[rounded-player-medium][default-layout] #error-screen.ytd-watch-learning-journey { border-radius: 8px; } ytd-watch-learning-journey[rounded-player-large][default-layout] #error-screen.ytd-watch-learning-journey { border-radius: 12px; } #cinematics.ytd-watch-learning-journey { position: absolute; inset: 0px; pointer-events: none; } ytd-watch-learning-journey:not([is-dark-theme]) #cinematics.ytd-watch-learning-journey { overflow: hidden; } ytd-watch-learning-journey:not([is-dark-theme])[default-layout][cinematic-light-theme] #cinematics.ytd-watch-learning-journey { display: none; } ytd-watch-learning-journey[show-engagement-panel-scrim_] #cinematics-container.ytd-watch-learning-journey, ytd-watch-learning-journey[show-engagement-panel-scrim_] #cinematics-full-bleed-container.ytd-watch-learning-journey { display: none; } ytd-watch-learning-journey[cinematics-enabled] #below.ytd-watch-learning-journey { position: relative; } ytd-watch-metadata.ytd-watch-learning-journey { margin-top: var(--ytd-margin-3x); margin-bottom: var(--ytd-margin-6x); } ytd-watch-learning-journey[show-expandable-metadata] ytd-watch-metadata.ytd-watch-learning-journey { margin-bottom: var(--ytd-margin-3x); } #expandable-metadata.ytd-watch-learning-journey:not(:empty) { margin-bottom: 12px; } #playlist.ytd-watch-learning-journey:not([js-panel-height_]):not([disable-upgrade]) { display: block; } #playlist.ytd-watch-learning-journey[disable-upgrade] { display: none; } #chat.ytd-watch-learning-journey, #donation-shelf.ytd-watch-learning-journey ytd-donation-shelf-renderer.ytd-watch-learning-journey, #donation-shelf.ytd-watch-learning-journey ytd-donation-unavailable-renderer.ytd-watch-learning-journey, #playlist.ytd-watch-learning-journey, #panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey { margin-bottom: var(--ytd-margin-6x); } #panels.ytd-watch-learning-journey { display: flex; flex-direction: column; } ytd-watch-learning-journey:not([is-two-columns_]) #chat.ytd-watch-learning-journey, ytd-watch-learning-journey:not([is-two-columns_]) #donation-shelf.ytd-watch-learning-journey ytd-donation-shelf-renderer.ytd-watch-learning-journey, ytd-watch-learning-journey:not([is-two-columns_]) #donation-shelf.ytd-watch-learning-journey ytd-donation-unavailable-renderer.ytd-watch-learning-journey, ytd-watch-learning-journey:not([is-two-columns_]) #playlist.ytd-watch-learning-journey, ytd-watch-learning-journey:not([is-two-columns_]) ytd-watch-engagement-panels.ytd-watch-learning-journey, ytd-watch-learning-journey:not([is-two-columns_]) #panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey { margin-top: var(--ytd-margin-6x); } ytd-watch-learning-journey:not([is-two-columns_]) ytd-merch-shelf-renderer.ytd-watch-learning-journey, ytd-watch-learning-journey:not([is-two-columns_]) #ticket-shelf.ytd-watch-learning-journey ytd-ticket-shelf-renderer.ytd-watch-learning-journey { margin-bottom: var(--ytd-margin-4x); } ytd-miniplayer-bar-renderer.ytd-watch-learning-journey { position: fixed; z-index: var(--ytd-z-index-miniplayer-bar); top: var(--ytd-margin-14x); left: 0px; width: 100%; transform: translateY(0px); transition: transform 0.2s; } ytd-miniplayer-bar-renderer.ytd-watch-learning-journey:not([active]), ytd-miniplayer-bar-renderer.ytd-watch-learning-journey[dark-launch] { transform: translateY(calc(-100% - 56px)); opacity: 0; transition: transform 0.2s, opacity 0.2s; } ytd-watch-learning-journey.loading #chat.ytd-watch-learning-journey, ytd-watch-learning-journey.loading #comments.ytd-watch-learning-journey, ytd-watch-learning-journey.loading #related.ytd-watch-learning-journey { visibility: hidden; } ytd-watch-learning-journey.loading-player #player-container-outer.ytd-watch-learning-journey { visibility: hidden; } ytd-watch-learning-journey.loading-player #player.ytd-watch-learning-journey { background-color: rgb(0, 0, 0); } ytd-watch-learning-journey.loading-player[frame0-loading-state] #player.ytd-watch-learning-journey { background-size: contain; background-repeat: no-repeat; } ytd-watch-learning-journey.loading-player #cinematics-container.ytd-watch-learning-journey, ytd-watch-learning-journey.loading-player #cinematics-full-bleed-container.ytd-watch-learning-journey { display: none; } ytd-watch-learning-journey[full-bleed-player][theater-larger-player][theater]:not([fullscreen]) #full-bleed-container.ytd-watch-learning-journey { max-height: calc(-124px + 100vh); } ytd-watch-learning-journey[full-bleed-player] #full-bleed-container.ytd-watch-learning-journey { display: flex; flex-direction: row; position: relative; width: 100%; height: 56.25vw; max-height: calc(-169px + 100vh); min-height: 480px; overflow-x: clip; background: rgb(0, 0, 0); } ytd-watch-learning-journey[deprecate-fullerscreen-ui][fullscreen] #single-column-container.ytd-watch-learning-journey, ytd-watch-learning-journey[deprecate-fullerscreen-ui][fullscreen] #columns.ytd-watch-learning-journey { display: none; } ytd-watch-learning-journey[is-dark-theme][theater]:not([fullscreen])[transparent-theater-mode][cinematics-active] #full-bleed-container.ytd-watch-learning-journey { background: transparent; } ytd-watch-learning-journey[is-dark-theme][fullscreen][cinematic-fullscreen]:not([cinematic-fullscreen-v2]) #full-bleed-container.ytd-watch-learning-journey { overflow: hidden; } ytd-watch-learning-journey[cinematic-fullscreen-v2][fullscreen][cinematics-active] #full-bleed-container.ytd-watch-learning-journey { background: transparent; } ytd-watch-learning-journey:not([fullscreen])[theater][full-window-mode_] #full-bleed-container.ytd-watch-learning-journey { width: 100vw; height: 100vh; min-height: 240px; max-height: none; } ytd-watch-learning-journey[fullscreen] #full-bleed-container.ytd-watch-learning-journey { height: 100vh; max-height: none; } #player-full-bleed-container.ytd-watch-learning-journey { position: relative; flex: 1 1 0%; } ytd-watch-learning-journey:not([panels-beside-player]):not([fixed-panels]) #panels-full-bleed-container.ytd-watch-learning-journey { display: none; } ytd-watch-learning-journey[fixed-panels] #panels-full-bleed-container.ytd-watch-learning-journey, ytd-watch-learning-journey[panels-beside-player] #panels-full-bleed-container.ytd-watch-learning-journey { width: var(--ytd-watch-flexy-sidebar-width); } ytd-watch-learning-journey[panels-beside-player][watch-while-wider] #panels-full-bleed-container.ytd-watch-learning-journey, ytd-watch-learning-journey[fixed-panels][watch-while-wider] #panels-full-bleed-container.ytd-watch-learning-journey, ytd-watch-learning-journey[fixed-panels][watch-while-margin] #panels-full-bleed-container.ytd-watch-learning-journey { width: calc(var(--ytd-watch-flexy-sidebar-width) + var(--ytd-margin-6x)); } ytd-watch-learning-journey[panels-beside-player][watch-while-margin] #panels-full-bleed-container.ytd-watch-learning-journey { padding-right: var(--ytd-margin-6x); } ytd-watch-learning-journey[full-bleed-player] #columns.ytd-watch-learning-journey { margin-top: 0px; } ytd-watch-learning-journey[fixed-panels] #columns.ytd-watch-learning-journey { padding-right: var(--ytd-watch-flexy-sidebar-width); } ytd-watch-learning-journey[full-bleed-player] #secondary.ytd-watch-learning-journey { margin-top: var(--ytd-margin-6x); } ytd-watch-learning-journey[full-bleed-player] #player.ytd-watch-learning-journey { display: none; } ytd-watch-learning-journey[full-bleed-player] .attached-message.ytd-watch-learning-journey:not(:empty) { margin-top: var(--ytd-margin-5x); } ytd-watch-learning-journey[flexy] { --ytd-watch-flexy-width-ratio: 16; --ytd-watch-flexy-height-ratio: 9; --ytd-watch-flexy-space-below-player: 136px; --ytd-watch-flexy-non-player-height: calc(var(--ytd-watch-flexy-masthead-height) + var(--ytd-margin-6x) + var(--ytd-watch-flexy-space-below-player)); --ytd-watch-flexy-non-player-width: calc(var(--ytd-watch-flexy-sidebar-width) + var(--ytd-margin-6x)*3); --ytd-watch-flexy-min-player-height: 240px; --ytd-watch-flexy-min-player-width: calc(var(--ytd-watch-flexy-min-player-height)*(var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))); --ytd-watch-flexy-max-player-height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-margin-6x) - var(--ytd-watch-flexy-space-below-player)); --ytd-watch-flexy-max-player-width: calc((100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-margin-6x) - var(--ytd-watch-flexy-space-below-player))*(var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio))); } ytd-watch-learning-journey[flexy][transcript-opened_][is-two-columns_], ytd-watch-learning-journey[flexy][playlist][is-two-columns_], ytd-watch-learning-journey[flexy][should-stamp-chat][is-two-columns_] { --ytd-watch-flexy-min-player-height: 380px; } ytd-watch-learning-journey[flexy][flexy-enable-small-window-sizing][flexy-small-window_]:not([is-extra-wide-video_]), ytd-watch-learning-journey[flexy][flexy-enable-small-window-sizing][flexy-small-window_][transcript-opened_][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-learning-journey[flexy][flexy-enable-small-window-sizing][flexy-small-window_][playlist][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-learning-journey[flexy][flexy-enable-small-window-sizing][flexy-small-window_][should-stamp-chat][is-two-columns_]:not([is-extra-wide-video_]) { --ytd-watch-flexy-min-player-height: 360px; } ytd-watch-learning-journey[flexy][flexy-enable-large-window-sizing][flexy-large-window_]:not([is-extra-wide-video_]), ytd-watch-learning-journey[flexy][flexy-enable-large-window-sizing][flexy-large-window_][transcript-opened_][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-learning-journey[flexy][flexy-enable-large-window-sizing][flexy-large-window_][playlist][is-two-columns_]:not([is-extra-wide-video_]), ytd-watch-learning-journey[flexy][flexy-enable-large-window-sizing][flexy-large-window_][should-stamp-chat][is-two-columns_]:not([is-extra-wide-video_]) { --ytd-watch-flexy-min-player-height: 480px; } ytd-watch-learning-journey[flexy]:not([full-bleed-player][full-bleed-no-max-width-columns]) #columns.ytd-watch-learning-journey { max-width: calc(1280px + var(--ytd-watch-flexy-sidebar-width) + var(--ytd-margin-6x)*3); } ytd-watch-learning-journey[flexy][use-larger-max-player-value]:not([full-bleed-player][full-bleed-no-max-width-columns]) #columns.ytd-watch-learning-journey { max-width: calc(var(--ytd-watch-flexy-max-player-width-wide-screen) + var(--ytd-watch-flexy-sidebar-width) + var(--ytd-margin-6x)*3); } ytd-watch-learning-journey[flexy][is-two-columns_]:not([full-bleed-player]) #columns.ytd-watch-learning-journey { min-width: calc(var(--ytd-watch-flexy-min-player-height)*var(--ytd-watch-flexy-width-ratio)/var(--ytd-watch-flexy-height-ratio) + var(--ytd-margin-6x)*3 + var(--ytd-watch-flexy-sidebar-min-width)); justify-content: center; } ytd-watch-learning-journey[flexy] #primary.ytd-watch-learning-journey { margin-left: var(--ytd-margin-6x); flex: 1 1 1e-09px; } ytd-watch-learning-journey[flexy]:not([fixed-panels]) #primary.ytd-watch-learning-journey { min-width: var(--ytd-watch-flexy-min-player-width); } ytd-watch-learning-journey[flexy][is-two-columns_]:not([is-four-three-to-sixteen-nine-video_]):not([is-extra-wide-video_]):not([full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-learning-journey { max-width: calc(177.77777778vh - var(--ytd-watch-flexy-masthead-height)*1.7777777778 - var(--ytd-margin-6x)*1.7777777778 - var(--ytd-watch-flexy-space-below-player)*1.7777777778); min-width: calc(var(--ytd-watch-flexy-min-player-height)*1.7777777778); } ytd-watch-learning-journey[flexy][is-two-columns_][is-extra-wide-video_]:not([full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-learning-journey, ytd-watch-learning-journey[flexy][is-two-columns_][is-four-three-to-sixteen-nine-video_]:not([full-bleed-player][full-bleed-no-max-width-columns]):not([fixed-panels]) #primary.ytd-watch-learning-journey { max-width: var(--ytd-watch-flexy-max-player-width); min-width: var(--ytd-watch-flexy-min-player-width); } ytd-watch-learning-journey[flexy] #secondary.ytd-watch-learning-journey { padding-right: var(--ytd-margin-6x); width: var(--ytd-watch-flexy-sidebar-width); min-width: var(--ytd-watch-flexy-sidebar-min-width); } ytd-watch-learning-journey[cinematics-enabled] #secondary.ytd-watch-learning-journey { position: relative; } ytd-watch-learning-journey[flexy] #player-container-outer.ytd-watch-learning-journey { max-width: var(--ytd-watch-flexy-max-player-width); min-width: var(--ytd-watch-flexy-min-player-width); margin: 0px auto; } ytd-watch-learning-journey[flexy] #player-container-inner.ytd-watch-learning-journey { padding-top: calc(var(--ytd-watch-flexy-height-ratio)/var(--ytd-watch-flexy-width-ratio)*100%); } ytd-watch-learning-journey[flexy]:not([is-vertical-video_]) #player-container-inner.ytd-watch-learning-journey { position: relative; } ytd-watch-learning-journey[flexy] #player-container.ytd-watch-learning-journey { position: absolute; inset: 0px; } ytd-watch-learning-journey[flexy]:not([is-two-columns_]):not([js-panel-height_]) #chat.ytd-watch-learning-journey, ytd-watch-learning-journey[flexy]:not([is-two-columns_]):not([js-panel-height_]) #panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey { height: 460px; } ytd-watch-learning-journey[flexy]:not([is-two-columns_]):not([js-panel-height_]) #playlist.ytd-watch-learning-journey { height: 308px; } ytd-watch-learning-journey[flexy][is-two-columns_]:not([js-panel-height_]) #chat.ytd-watch-learning-journey:not([collapsed]) { height: calc((100vw - (var(--ytd-watch-flexy-sidebar-width) + 3*var(--ytd-margin-6x)) - var(--ytd-watch-flexy-scrollbar-width))*var(--ytd-watch-flexy-height-ratio)/var(--ytd-watch-flexy-width-ratio)); max-height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-margin-6x)*2); } ytd-watch-learning-journey[flexy][is-two-columns_]:not([js-panel-height_]) #playlist.ytd-watch-learning-journey:not([collapsed]), ytd-watch-learning-journey[flexy][is-two-columns_]:not([js-panel-height_]) #panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey { height: calc((100vw - (var(--ytd-watch-flexy-sidebar-width) + 3*var(--ytd-margin-6x)) - var(--ytd-watch-flexy-scrollbar-width))*var(--ytd-watch-flexy-height-ratio)/var(--ytd-watch-flexy-width-ratio)); min-height: var(--ytd-watch-flexy-min-player-height); max-height: var(--ytd-watch-flexy-max-player-height); } ytd-watch-learning-journey[flexy]:not([watch-while-panels-active]) #chat.ytd-watch-learning-journey:not([collapsed]) { min-height: 596px; } ytd-watch-learning-journey[flexy][smaller-chat-min-height]:not([watch-while-panels-active]) #chat.ytd-watch-learning-journey:not([collapsed]) { min-height: 360px; } #full-bleed-container.ytd-watch-learning-journey #chat-container.ytd-watch-learning-journey, #full-bleed-container.ytd-watch-learning-journey #chat.ytd-watch-learning-journey { height: 100%; } @media (min-height: 729px) { ytd-watch-learning-journey[flexy][is-two-columns_]:not([js-panel-height_]) #playlist.ytd-watch-learning-journey:not([collapsed]), ytd-watch-learning-journey[flexy][is-two-columns_]:not([js-panel-height_]) #panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey { max-height: 502px; } } ytd-watch-learning-journey[flexy][js-panel-height_] #playlist.ytd-watch-learning-journey, ytd-watch-learning-journey[flexy][js-panel-height_] #panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey { max-height: var(--ytd-watch-flexy-panel-max-height); } ytd-watch-learning-journey[flexy][js-panel-height_] #panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey[target-id="PAmini_app_panel"] { max-height: min(900px, -104px + 100vh); } ytd-watch-learning-journey[flexy][js-panel-height_] #panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey[target-id="engagement-panel-structured-description"] { max-height: var(--ytd-watch-flexy-structured-description-max-height); } ytd-watch-learning-journey[flexy][js-panel-height_] #panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey[target-id="engagement-panel-comments-section"] { max-height: var(--ytd-watch-flexy-comments-panel-max-height); } ytd-watch-learning-journey[flexy][js-panel-height_]:not([fixed-panels]) #chat.ytd-watch-learning-journey:not([collapsed]) { height: var(--ytd-watch-flexy-chat-max-height); } ytd-watch-learning-journey.loading #chat.ytd-watch-learning-journey, ytd-watch-learning-journey.loading #comments.ytd-watch-learning-journey, ytd-watch-learning-journey.loading:not(.show-skeleton) #related.ytd-watch-learning-journey { visibility: hidden; } ytd-watch-learning-journey.show-skeleton ytd-video-primary-info-renderer.ytd-watch-learning-journey, ytd-watch-learning-journey.show-skeleton ytd-video-secondary-info-renderer.ytd-watch-learning-journey, ytd-watch-learning-journey.show-skeleton ytd-watch-metadata.ytd-watch-learning-journey, ytd-watch-learning-journey.show-skeleton ytd-watch-next-secondary-results-renderer.ytd-watch-learning-journey, ytd-watch-learning-journey.show-skeleton #player-ads.ytd-watch-learning-journey { display: none; } ytd-watch-learning-journey.hide-skeleton #info-skeleton.ytd-watch-learning-journey, ytd-watch-learning-journey.hide-skeleton #meta-skeleton.ytd-watch-learning-journey { display: none; } #engagement-panel-scrim.ytd-watch-learning-journey { display: none; z-index: var(--ytd-z-index-engagement-panel-scrim); background-color: var(--yt-spec-static-overlay-background-heavy); position: absolute; inset: 0px; } ytd-watch-learning-journey[expanded-clip-range] #engagement-panel-scrim.ytd-watch-learning-journey { background-color: var(--yt-spec-static-overlay-background-heavy); } ytd-watch-learning-journey[show-engagement-panel-scrim_] { position: relative; } ytd-watch-learning-journey[show-engagement-panel-scrim_] #engagement-panel-scrim.ytd-watch-learning-journey { display: block; } ytd-watch-learning-journey[show-engagement-panel-scrim_] #player.ytd-watch-learning-journey, ytd-watch-learning-journey[show-engagement-panel-scrim_] #player-container.ytd-watch-learning-journey, ytd-watch-learning-journey[show-engagement-panel-scrim_] #player-full-bleed-container.ytd-watch-learning-journey { z-index: var(--ytd-z-index-engagement-panel-scrimmed); } ytd-watch-learning-journey[watch-feed-big-thumbs_]:not([is-two-columns_]) { --ytd-watch-flexy-sidebar-width: calc(100%/var(--ytd-related-shelf-items) - (1 - 1/var(--ytd-related-shelf-items))*var(--ytd-margin-4x)); --ytd-compact-item-dismissed-height: calc((100vw - var(--ytd-margin-6x)*2)/var(--ytd-related-shelf-items)*0.559 - (1 - 1/var(--ytd-related-shelf-items))*var(--ytd-margin-4x)*0.559 - var(--ytd-margin-4x) - 2px); } @media (min-width: 850px) { ytd-watch-learning-journey[watch-feed-big-thumbs_]:not([is-two-columns_]) { --ytd-related-shelf-items: 3; } } @media (min-width: 525px) and (max-width: 849px) { ytd-watch-learning-journey[watch-feed-big-thumbs_]:not([is-two-columns_]) { --ytd-related-shelf-items: 2; } } @media (max-width: 524px) { ytd-watch-learning-journey[watch-feed-big-thumbs_]:not([is-two-columns_]) { --ytd-related-shelf-items: 1; } } ytd-watch-learning-journey[rounded-info-panel] #clarify-box.ytd-watch-learning-journey { margin-top: var(--ytd-margin-3x); } ytd-watch-learning-journey[fixed-panels] #chat.ytd-watch-learning-journey { position: fixed; top: var(--ytd-masthead-height-accounting-for-hidden); right: 0px; width: var(--ytd-watch-flexy-sidebar-width); bottom: 0px; margin: 0px; transition: top 0.3s cubic-bezier(0.05, 0, 0, 1); } ytd-watch-learning-journey[fixed-panels][watch-while-wider] #chat.ytd-watch-learning-journey { width: calc(var(--ytd-watch-flexy-sidebar-width) + var(--ytd-margin-6x)); } ytd-watch-learning-journey[fixed-panels][watch-while-margin] #chat.ytd-watch-learning-journey { right: var(--ytd-margin-6x); } ytd-watch-learning-journey[view-transition-enabled][default-layout] #player-container.ytd-watch-learning-journey, ytd-watch-learning-journey[view-transition-enabled][theater] #player-full-bleed-container.ytd-watch-learning-journey { view-transition-name: player-resize; } ytd-watch-learning-journey[view-transition-enabled] #secondary.ytd-watch-learning-journey { view-transition-name: secondary-column; } ytd-watch-learning-journey[view-transition-enabled] #below.ytd-watch-learning-journey { view-transition-name: metadata; } ytd-watch-learning-journey[thumbnail-to-watch-transition][default-layout] #player-container.ytd-watch-learning-journey, ytd-watch-learning-journey[thumbnail-to-watch-transition][theater] #player-full-bleed-container.ytd-watch-learning-journey { view-transition-name: thumbnail-to-watch; } ytd-watch-learning-journey[learning-journey] #primary.ytd-watch-learning-journey { height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-margin-6x)); margin-left: 0px; overflow-y: auto; } ytd-watch-learning-journey[learning-journey] #secondary.ytd-watch-learning-journey { z-index: 601; height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-margin-6x)); overflow-y: auto; padding-left: var(--ytd-margin-6x); } ytd-watch-learning-journey[has-learning-journey-panels] #plj-sidebar.ytd-watch-learning-journey { min-height: calc(100vh - var(--ytd-watch-flexy-masthead-height) - var(--ytd-margin-6x)*2); position: relative; display: flex; flex-direction: column; } ytd-watch-learning-journey[has-learning-journey-panels] #plj-panels.ytd-watch-learning-journey { flex-grow: 1; display: flex; flex-direction: column; } ytd-watch-learning-journey[has-learning-journey-panels] #plj-panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey { margin-bottom: var(--ytd-margin-4x); } ytd-watch-learning-journey[has-learning-journey-panels] #plj-panels.ytd-watch-learning-journey ytd-engagement-panel-section-list-renderer.ytd-watch-learning-journey .ytd-watch-learning-journey[target-id="PAyouchat"] { flex-grow: 1; } ytd-watch-learning-journey[has-learning-journey-panels] #plj-playlist.ytd-watch-learning-journey { display: none; } ytd-watch-learning-journey[has-learning-journey-panels] #related.ytd-watch-learning-journey { display: none; } sentinel { } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://www.youtube.com/s/desktop/a21ec0bb/cssbin/www-onepick-2x.css @charset "utf-8"; .picker-frame { width: 100%; height: 100%; border: 0px; overflow: hidden; } .picker.modal-dialog-bg { position: absolute; top: 0px; left: 0px; background-color: rgb(255, 255, 255); } .picker.modal-dialog { position: absolute; top: 0px; left: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(172, 172, 172); width: auto; padding: 0px; z-index: 1001; overflow: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; transition: top 0.5s ease-in-out; } .picker-min { position: absolute; z-index: 1002; } .picker.modal-dialog-content { font-size: 0px; padding: 0px; } .picker.modal-dialog-title { height: 0px; margin: 0px; } .picker.modal-dialog-title-text, .picker.modal-dialog-buttons { display: none; } .picker.modal-dialog-bg, .picker.modal-dialog.picker-dialog { z-index: 1999999999; } sentinel { } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://www.youtube.com/s/desktop/a21ec0bb/cssbin/www-main-desktop-home-page-skeleton-2x.css @charset "utf-8"; #home-page-skeleton { position: relative; z-index: 0; pointer-events: none; min-width: 0px; width: 100%; opacity: 1; margin: 56px 0px 0px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } #home-page-skeleton.hidden:not(.layered) { opacity: 0; } #guide-skeleton { display: none; background-color: rgb(255, 255, 255); width: 240px; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #guide-skeleton.collapsed { width: 72px; } #guide-skeleton .guide-item-ghost { padding: 10px; width: 100%; } #guide-skeleton .guide-ghost { padding: 10px 30px; display: flex; } #guide-skeleton .guide-ghost-icon { height: 40px; width: 40px; min-width: 40px; margin-right: 15px; border-radius: 50%; background-color: rgb(255, 255, 255); } #guide-skeleton .guide-ghost-text { height: 36px; width: 100%; border-radius: 8px; background-color: rgb(255, 255, 255); } @media (min-width: 792px) { #home-page-skeleton #guide-skeleton { display: flex; } } @media (min-width: 792px) and (max-width: 1311px) { #home-page-skeleton #guide-skeleton { width: 72px; } } #home-container-skeleton { background-color: rgb(255, 255, 255); width: 100%; overflow: hidden; } #home-page-skeleton .text-shell { border-radius: 2px; } #home-page-skeleton .skeleton-bg-color { background-color: rgb(227, 227, 227); } html[dark] #home-page-skeleton .skeleton-bg-color { background-color: rgb(41, 41, 41); } html[dark] #guide-skeleton { background-color: rgb(15, 15, 15); } html[dark] #home-container-skeleton { background-color: rgb(15, 15, 15); } html[dark] { scrollbar-color: rgb(171, 171, 171) transparent; } body::-webkit-scrollbar { width: 16px; } body::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(171, 171, 171); } #home-container-media { border-bottom: none; margin: 18px auto 0px; padding: 0px 16px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; } @media only screen and (max-width: 600px) { #home-container-media { padding: 0px; margin-left: -8px; margin-right: -8px; } } #home-chips { background: rgba(255, 255, 255, 0.98); height: 56px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; padding: 12px 0px 0px 24px; } #home-chips.more-ghost-items { border-top: 0px; border-bottom: 0px; } #home-chips .home-chips-ghost { height: 32px; width: 80px; border-radius: 8px; margin-right: 20px; } html[darker-dark-theme] #home-chips { background-color: rgb(255, 255, 255); height: 56px; } html[dark] #home-chips { background-color: rgb(15, 15, 15); border-top-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(255, 255, 255, 0.1); } #home-page-skeleton .rich-grid-media-skeleton { margin: 0px; flex-basis: 310px; min-width: 310px; max-width: 500px; -webkit-box-flex: 1; flex-grow: 1; } @media only screen and (min-width: 2244px) { #home-page-skeleton .rich-grid-media-skeleton { width: calc(16.6% - 16px); flex-basis: auto; -webkit-box-flex: 0; flex-grow: 0; } } @media only screen and (min-width: 392px) { #home-page-skeleton .rich-grid-media-skeleton { margin: 0px 8px; } } #home-page-skeleton .video-details { padding-bottom: 40px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } #home-page-skeleton .rich-thumbnail { border-radius: 8px; position: relative; width: 100%; } #home-page-skeleton .rich-thumbnail::before { border-radius: 8px; display: block; content: ""; width: 100%; padding-top: 56.25%; background-color: rgba(0, 0, 0, 0.1); } #home-page-skeleton .details { display: flex; } #home-page-skeleton .channel-avatar { border-radius: 50%; height: 36px; margin-top: 12px; margin-right: 12px; width: 36px; } #home-page-skeleton .details-text-shell { -webkit-box-flex: 1; flex: 1 1 auto; } #home-page-skeleton .rich-video-title { width: 90%; height: 20px; margin: 10px 0px; } #home-page-skeleton .rich-video-meta { width: 60%; height: 20px; margin: 10px 0px; } sentinel { } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=YouTube+Sans:wght@300..900&display=swap @charset "utf-8"; @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2") format("woff2"); unicode-range: U+302-303, U+305, U+307-308, U+310, U+312, U+315, U+31A, U+326-327, U+32C, U+32F-330, U+332-333, U+338, U+33A, U+346, U+34D, U+391-3A1, U+3A3-3A9, U+3B1-3C9, U+3D1, U+3D5-3D6, U+3F0-3F1, U+3F4-3F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2") format("woff2"); unicode-range: U+1-C, U+E-1F, U+7F-9F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url("https://fonts.gstatic.com/s/roboto/v47/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.2.woff2") format("woff2"); unicode-range: U+D723-D728, U+D72A-D733, U+D735-D748, U+D74A-D74F, U+D752-D753, U+D755-D757, U+D75A-D75F, U+D762-D764, U+D766-D768, U+D76A-D76B, U+D76D-D76F, U+D771-D787, U+D789-D78B, U+D78D-D78F, U+D791-D797, U+D79A, U+D79C, U+D79E-D7A3, U+F900-F909, U+F90B-F92E; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.3.woff2") format("woff2"); unicode-range: U+D679-D68B, U+D68E-D69E, U+D6A0, U+D6A2-D6A7, U+D6A9-D6C3, U+D6C6-D6C7, U+D6C9-D6CB, U+D6CD-D6D3, U+D6D5-D6D6, U+D6D8-D6E3, U+D6E5-D6E7, U+D6E9-D6FB, U+D6FD-D717, U+D719-D71F, U+D721-D722; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.4.woff2") format("woff2"); unicode-range: U+D5BC-D5C7, U+D5CA-D5CB, U+D5CD-D5CF, U+D5D1-D5D7, U+D5D9-D5DA, U+D5DC, U+D5DE-D5E3, U+D5E6-D5E7, U+D5E9-D5EB, U+D5ED-D5F6, U+D5F8, U+D5FA-D5FF, U+D602-D603, U+D605-D607, U+D609-D60F, U+D612-D613, U+D616-D61B, U+D61D-D637, U+D63A-D63B, U+D63D-D63F, U+D641-D647, U+D64A-D64C, U+D64E-D653, U+D656-D657, U+D659-D65B, U+D65D-D666, U+D668, U+D66A-D678; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.5.woff2") format("woff2"); unicode-range: U+D507, U+D509-D50B, U+D50D-D513, U+D515-D53B, U+D53E-D53F, U+D541-D543, U+D545-D54C, U+D54E, U+D550, U+D552-D557, U+D55A-D55B, U+D55D-D55F, U+D561-D564, U+D566-D567, U+D56A, U+D56C, U+D56E-D573, U+D576-D577, U+D579-D583, U+D585-D586, U+D58A-D5A4, U+D5A6-D5BB; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.6.woff2") format("woff2"); unicode-range: U+D464-D477, U+D47A-D47B, U+D47D-D47F, U+D481-D487, U+D489-D48A, U+D48C, U+D48E-D4E7, U+D4E9-D503, U+D505-D506; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.7.woff2") format("woff2"); unicode-range: U+D3BF-D3C7, U+D3CA-D3CF, U+D3D1-D3EB, U+D3EE-D3EF, U+D3F1-D3F3, U+D3F5-D3FB, U+D3FD-D400, U+D402-D45B, U+D45D-D463; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.8.woff2") format("woff2"); unicode-range: U+D2FF, U+D302-D304, U+D306-D30B, U+D30F, U+D311-D313, U+D315-D31B, U+D31E, U+D322-D324, U+D326-D327, U+D32A-D32B, U+D32D-D32F, U+D331-D337, U+D339-D33C, U+D33E-D37B, U+D37E-D37F, U+D381-D383, U+D385-D38B, U+D38E-D390, U+D392-D397, U+D39A-D39B, U+D39D-D39F, U+D3A1-D3A7, U+D3A9-D3AA, U+D3AC, U+D3AE-D3B3, U+D3B5-D3B7, U+D3B9-D3BB, U+D3BD-D3BE; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.9.woff2") format("woff2"); unicode-range: U+D257-D27F, U+D281-D29B, U+D29D-D29F, U+D2A1-D2AB, U+D2AD-D2B7, U+D2BA-D2BB, U+D2BD-D2BF, U+D2C1-D2C7, U+D2C9-D2EF, U+D2F2-D2F3, U+D2F5-D2F7, U+D2F9-D2FE; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.10.woff2") format("woff2"); unicode-range: U+D1B4, U+D1B6-D1F3, U+D1F5-D22B, U+D22E-D22F, U+D231-D233, U+D235-D23B, U+D23D-D240, U+D242-D256; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.11.woff2") format("woff2"); unicode-range: U+D105-D12F, U+D132-D133, U+D135-D137, U+D139-D13F, U+D141-D142, U+D144, U+D146-D14B, U+D14E-D14F, U+D151-D153, U+D155-D15B, U+D15E-D187, U+D189-D19F, U+D1A2-D1A3, U+D1A5-D1A7, U+D1A9-D1AF, U+D1B2-D1B3; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.12.woff2") format("woff2"); unicode-range: U+D04B-D04F, U+D051-D057, U+D059-D06B, U+D06D-D06F, U+D071-D073, U+D075-D07B, U+D07E-D0A3, U+D0A6-D0A7, U+D0A9-D0AB, U+D0AD-D0B3, U+D0B6, U+D0B8, U+D0BA-D0BF, U+D0C2-D0C3, U+D0C5-D0C7, U+D0C9-D0CF, U+D0D2, U+D0D6-D0DB, U+D0DE-D0DF, U+D0E1-D0E3, U+D0E5-D0EB, U+D0EE-D0F0, U+D0F2-D104; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.13.woff2") format("woff2"); unicode-range: U+CFA2-CFC3, U+CFC5-CFDF, U+CFE2-CFE3, U+CFE5-CFE7, U+CFE9-CFF4, U+CFF6-CFFB, U+CFFD-CFFF, U+D001-D003, U+D005-D017, U+D019-D033, U+D036-D037, U+D039-D03B, U+D03D-D04A; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.14.woff2") format("woff2"); unicode-range: U+CEF0-CEF3, U+CEF6, U+CEF9-CEFF, U+CF01-CF03, U+CF05-CF07, U+CF09-CF0F, U+CF11-CF12, U+CF14-CF1B, U+CF1D-CF1F, U+CF21-CF2F, U+CF31-CF53, U+CF56-CF57, U+CF59-CF5B, U+CF5D-CF63, U+CF66, U+CF68, U+CF6A-CF6F, U+CF71-CF84, U+CF86-CF8B, U+CF8D-CFA1; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.15.woff2") format("woff2"); unicode-range: U+CE3C-CE57, U+CE5A-CE5B, U+CE5D-CE5F, U+CE61-CE67, U+CE6A, U+CE6C, U+CE6E-CE73, U+CE76-CE77, U+CE79-CE7B, U+CE7D-CE83, U+CE85-CE88, U+CE8A-CE8F, U+CE91-CE93, U+CE95-CE97, U+CE99-CE9F, U+CEA2, U+CEA4-CEAB, U+CEAD-CEE3, U+CEE6-CEE7, U+CEE9-CEEB, U+CEED-CEEF; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.16.woff2") format("woff2"); unicode-range: U+CD92-CD93, U+CD96-CD97, U+CD99-CD9B, U+CD9D-CDA3, U+CDA6-CDA8, U+CDAA-CDAF, U+CDB1-CDC3, U+CDC5-CDCB, U+CDCD-CDE7, U+CDE9-CE03, U+CE05-CE1F, U+CE22-CE34, U+CE36-CE3B; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.17.woff2") format("woff2"); unicode-range: U+CCEF-CD07, U+CD0A-CD0B, U+CD0D-CD1A, U+CD1C, U+CD1E-CD2B, U+CD2D-CD5B, U+CD5D-CD77, U+CD79-CD91; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.18.woff2") format("woff2"); unicode-range: U+CC3F-CC43, U+CC46-CC47, U+CC49-CC4B, U+CC4D-CC53, U+CC55-CC58, U+CC5A-CC5F, U+CC61-CC97, U+CC9A-CC9B, U+CC9D-CC9F, U+CCA1-CCA7, U+CCAA, U+CCAC, U+CCAE-CCB3, U+CCB6-CCB7, U+CCB9-CCBB, U+CCBD-CCCF, U+CCD1-CCE3, U+CCE5-CCEE; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.19.woff2") format("woff2"); unicode-range: U+CB91-CBD3, U+CBD5-CBE3, U+CBE5-CC0B, U+CC0E-CC0F, U+CC11-CC13, U+CC15-CC1B, U+CC1D-CC20, U+CC23-CC27, U+CC2A-CC2B, U+CC2D, U+CC2F, U+CC31-CC37, U+CC3A, U+CC3C; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.20.woff2") format("woff2"); unicode-range: U+CAF4-CB47, U+CB4A-CB90; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.21.woff2") format("woff2"); unicode-range: U+CA4A-CA4B, U+CA4E-CA4F, U+CA51-CA53, U+CA55-CA5B, U+CA5D-CA60, U+CA62-CA83, U+CA85-CABB, U+CABE-CABF, U+CAC1-CAC3, U+CAC5-CACB, U+CACD-CAD0, U+CAD2, U+CAD4-CAD8, U+CADA-CAF3; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.22.woff2") format("woff2"); unicode-range: U+C996-C997, U+C99A-C99C, U+C99E-C9BF, U+C9C2-C9C3, U+C9C5-C9C7, U+C9C9-C9CF, U+C9D2, U+C9D4, U+C9D7-C9D8, U+C9DB, U+C9DE-C9DF, U+C9E1-C9E3, U+C9E5-C9E6, U+C9E8-C9EB, U+C9EE-C9F0, U+C9F2-C9F7, U+C9F9-CA0B, U+CA0D-CA28, U+CA2A-CA49; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.23.woff2") format("woff2"); unicode-range: U+C8E9-C8F4, U+C8F6-C8FB, U+C8FE-C8FF, U+C901-C903, U+C905-C90B, U+C90E-C910, U+C912-C917, U+C919-C92B, U+C92D-C94F, U+C951-C953, U+C955-C96B, U+C96D-C973, U+C975-C987, U+C98A-C98B, U+C98D-C98F, U+C991-C995; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.24.woff2") format("woff2"); unicode-range: U+C841-C84B, U+C84D-C86F, U+C872-C873, U+C875-C877, U+C879-C87F, U+C882-C884, U+C887-C88A, U+C88D-C8C3, U+C8C5-C8DF, U+C8E1-C8E8; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.25.woff2") format("woff2"); unicode-range: U+C779-C77B, U+C77E-C782, U+C786, U+C78B, U+C78D, U+C78F, U+C792-C793, U+C795, U+C797, U+C799-C79F, U+C7A2, U+C7A7-C7AB, U+C7AE-C7BB, U+C7BD-C7C0, U+C7C2-C7C7, U+C7C9-C7DC, U+C7DE-C7FF, U+C802-C803, U+C805-C807, U+C809, U+C80B-C80F, U+C812, U+C814, U+C817-C81B, U+C81E-C81F, U+C821-C823, U+C825-C82E, U+C830-C837, U+C839-C83B, U+C83D-C840; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.26.woff2") format("woff2"); unicode-range: U+C6BB-C6BF, U+C6C2, U+C6C4, U+C6C6-C6CB, U+C6CE-C6CF, U+C6D1-C6D3, U+C6D5-C6DB, U+C6DD-C6DF, U+C6E1-C6E7, U+C6E9-C6EB, U+C6ED-C6EF, U+C6F1-C6F8, U+C6FA-C703, U+C705-C707, U+C709-C70B, U+C70D-C716, U+C718, U+C71A-C71F, U+C722-C723, U+C725-C727, U+C729-C734, U+C736-C73B, U+C73E-C73F, U+C741-C743, U+C745-C74B, U+C74E-C750, U+C752-C757, U+C759-C773, U+C776-C777; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.27.woff2") format("woff2"); unicode-range: U+C5F5-C5FB, U+C5FE, U+C602-C605, U+C607, U+C609-C60F, U+C611-C61A, U+C61C-C623, U+C626-C627, U+C629-C62B, U+C62D, U+C62F-C632, U+C636, U+C638, U+C63A-C63F, U+C642-C643, U+C645-C647, U+C649-C652, U+C656-C65B, U+C65D-C65F, U+C661-C663, U+C665-C677, U+C679-C67B, U+C67D-C693, U+C696-C697, U+C699-C69B, U+C69D-C6A3, U+C6A6, U+C6A8, U+C6AA-C6AF, U+C6B2-C6B3, U+C6B5-C6B7, U+C6B9-C6BA; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.28.woff2") format("woff2"); unicode-range: U+C517-C527, U+C52A-C52B, U+C52D-C52F, U+C531-C538, U+C53A, U+C53C, U+C53E-C543, U+C546-C547, U+C54B, U+C54D-C552, U+C556, U+C55A-C55B, U+C55D, U+C55F, U+C562-C563, U+C565-C567, U+C569-C56F, U+C572, U+C574, U+C576-C57B, U+C57E-C57F, U+C581-C583, U+C585-C586, U+C588-C58B, U+C58E, U+C590, U+C592-C596, U+C599-C5B3, U+C5B6-C5B7, U+C5BA, U+C5BE-C5C3, U+C5CA-C5CB, U+C5CD, U+C5CF, U+C5D2-C5D3, U+C5D5-C5D7, U+C5D9-C5DF, U+C5E1-C5E2, U+C5E4, U+C5E6-C5EB, U+C5EF, U+C5F1-C5F3; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.29.woff2") format("woff2"); unicode-range: U+C475-C4EF, U+C4F2-C4F3, U+C4F5-C4F7, U+C4F9-C4FF, U+C502-C50B, U+C50D-C516; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.30.woff2") format("woff2"); unicode-range: U+C3D0-C3D7, U+C3DA-C3DB, U+C3DD-C3DE, U+C3E1-C3EC, U+C3EE-C3F3, U+C3F5-C42B, U+C42D-C463, U+C466-C474; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.31.woff2") format("woff2"); unicode-range: U+C32B-C367, U+C36A-C36B, U+C36D-C36F, U+C371-C377, U+C37A-C37B, U+C37E-C383, U+C385-C387, U+C389-C3CF; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.32.woff2") format("woff2"); unicode-range: U+C26A-C26B, U+C26D-C26F, U+C271-C273, U+C275-C27B, U+C27E-C287, U+C289-C28F, U+C291-C297, U+C299-C29A, U+C29C-C2A3, U+C2A5-C2A7, U+C2A9-C2AB, U+C2AD-C2B3, U+C2B6, U+C2B8, U+C2BA-C2BB, U+C2BD-C2DB, U+C2DE-C2DF, U+C2E1-C2E2, U+C2E5-C2EA, U+C2EE, U+C2F0, U+C2F2-C2F5, U+C2F7, U+C2FA-C2FB, U+C2FD-C2FF, U+C301-C307, U+C309-C30C, U+C30E-C312, U+C315-C323, U+C325-C328, U+C32A; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.33.woff2") format("woff2"); unicode-range: U+C1BC-C1C3, U+C1C5-C1DF, U+C1E1-C1FB, U+C1FD-C203, U+C205-C20C, U+C20E, U+C210-C217, U+C21A-C21B, U+C21D-C21E, U+C221-C227, U+C229-C22A, U+C22C, U+C22E, U+C230, U+C233-C24F, U+C251-C257, U+C259-C269; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.34.woff2") format("woff2"); unicode-range: U+C101-C11B, U+C11F, U+C121-C123, U+C125-C12B, U+C12E, U+C132-C137, U+C13A-C13B, U+C13D-C13F, U+C141-C147, U+C14A, U+C14C-C153, U+C155-C157, U+C159-C15B, U+C15D-C166, U+C169-C16F, U+C171-C177, U+C179-C18B, U+C18E-C18F, U+C191-C193, U+C195-C19B, U+C19D-C19E, U+C1A0, U+C1A2-C1A4, U+C1A6-C1BB; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.35.woff2") format("woff2"); unicode-range: U+C049-C057, U+C059-C05B, U+C05D-C05F, U+C061-C067, U+C069-C08F, U+C091-C0AB, U+C0AE-C0AF, U+C0B1-C0B3, U+C0B5, U+C0B7-C0BB, U+C0BE, U+C0C2-C0C7, U+C0CA-C0CB, U+C0CD-C0CF, U+C0D1-C0D7, U+C0D9-C0DA, U+C0DC, U+C0DE-C0E3, U+C0E5-C0EB, U+C0ED-C0F3, U+C0F6, U+C0F8, U+C0FA-C0FF; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.36.woff2") format("woff2"); unicode-range: U+BFA7-BFAF, U+BFB1-BFC4, U+BFC6-BFCB, U+BFCE-BFCF, U+BFD1-BFD3, U+BFD5-BFDB, U+BFDD-C048; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.37.woff2") format("woff2"); unicode-range: U+BF07, U+BF09-BF3F, U+BF41-BF4F, U+BF52-BF54, U+BF56-BFA6; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.38.woff2") format("woff2"); unicode-range: U+BE56, U+BE58, U+BE5C-BE5F, U+BE62-BE63, U+BE65-BE67, U+BE69-BE74, U+BE76-BE7B, U+BE7E-BE7F, U+BE81-BE8E, U+BE90, U+BE92-BEA7, U+BEA9-BECF, U+BED2-BED3, U+BED5-BED6, U+BED9-BEE3, U+BEE6-BF06; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.39.woff2") format("woff2"); unicode-range: U+BDB0-BDD3, U+BDD5-BDEF, U+BDF1-BE0B, U+BE0D-BE0F, U+BE11-BE13, U+BE15-BE43, U+BE46-BE47, U+BE49-BE4B, U+BE4D-BE53; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.40.woff2") format("woff2"); unicode-range: U+BD03, U+BD06, U+BD08, U+BD0A-BD0F, U+BD11-BD22, U+BD25-BD47, U+BD49-BD58, U+BD5A-BD7F, U+BD82-BD83, U+BD85-BD87, U+BD8A-BD8F, U+BD91-BD92, U+BD94, U+BD96-BD98, U+BD9A-BDAF; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.41.woff2") format("woff2"); unicode-range: U+BC4E-BC83, U+BC86-BC87, U+BC89-BC8B, U+BC8D-BC93, U+BC96, U+BC98, U+BC9B-BC9F, U+BCA2-BCA3, U+BCA5-BCA7, U+BCA9-BCB2, U+BCB4-BCBB, U+BCBE-BCBF, U+BCC1-BCC3, U+BCC5-BCCC, U+BCCE-BCD0, U+BCD2-BCD4, U+BCD6-BCF3, U+BCF7, U+BCF9-BCFB, U+BCFD-BD02; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.42.woff2") format("woff2"); unicode-range: U+BB90-BBA3, U+BBA5-BBAB, U+BBAD-BBBF, U+BBC1-BBF7, U+BBFA-BBFB, U+BBFD-BBFE, U+BC01-BC07, U+BC09-BC0A, U+BC0E, U+BC10, U+BC12-BC13, U+BC17, U+BC19-BC1A, U+BC1E, U+BC20-BC23, U+BC26, U+BC28, U+BC2A-BC2C, U+BC2E-BC2F, U+BC32-BC33, U+BC35-BC37, U+BC39-BC3F, U+BC41-BC42, U+BC44, U+BC46-BC48, U+BC4A-BC4D; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.43.woff2") format("woff2"); unicode-range: U+BAE6-BAFB, U+BAFD-BB17, U+BB19-BB33, U+BB37, U+BB39-BB3A, U+BB3D-BB43, U+BB45-BB46, U+BB48, U+BB4A-BB4F, U+BB51-BB53, U+BB55-BB57, U+BB59-BB62, U+BB64-BB8F; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.44.woff2") format("woff2"); unicode-range: U+BA30-BA37, U+BA3A-BA3B, U+BA3D-BA3F, U+BA41-BA47, U+BA49-BA4A, U+BA4C, U+BA4E-BA53, U+BA56-BA57, U+BA59-BA5B, U+BA5D-BA63, U+BA65-BA66, U+BA68-BA6F, U+BA71-BA73, U+BA75-BA77, U+BA79-BA84, U+BA86, U+BA88-BAA7, U+BAAA, U+BAAD-BAAF, U+BAB1-BAB7, U+BABA, U+BABC, U+BABE-BAE5; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.45.woff2") format("woff2"); unicode-range: U+B96E-B973, U+B976-B977, U+B979-B97B, U+B97D-B983, U+B986, U+B988, U+B98A-B98D, U+B98F-B9AB, U+B9AE-B9AF, U+B9B1-B9B3, U+B9B5-B9BB, U+B9BE, U+B9C0, U+B9C2-B9C7, U+B9CA-B9CB, U+B9CD, U+B9D2-B9D7, U+B9DA, U+B9DC, U+B9DF-B9E0, U+B9E2, U+B9E6-B9E7, U+B9E9-B9F3, U+B9F6, U+B9F8, U+B9FB-BA2F; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.46.woff2") format("woff2"); unicode-range: U+B8BF-B8CB, U+B8CD-B8E0, U+B8E2-B8E7, U+B8EA-B8EB, U+B8ED-B8EF, U+B8F1-B8F7, U+B8FA, U+B8FC, U+B8FE-B903, U+B905-B917, U+B919-B91F, U+B921-B93B, U+B93D-B957, U+B95A-B95B, U+B95D-B95F, U+B961-B967, U+B969-B96C; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.47.woff2") format("woff2"); unicode-range: U+B80D-B80F, U+B811-B817, U+B81A, U+B81C-B823, U+B826-B827, U+B829-B82B, U+B82D-B833, U+B836, U+B83A-B83F, U+B841-B85B, U+B85E-B85F, U+B861-B863, U+B865-B86B, U+B86E, U+B870, U+B872-B8AF, U+B8B1-B8BE; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.48.woff2") format("woff2"); unicode-range: U+B74D-B75F, U+B761-B763, U+B765-B774, U+B776-B77B, U+B77E-B77F, U+B781-B783, U+B785-B78B, U+B78E, U+B792-B796, U+B79A-B79B, U+B79D-B7A7, U+B7AA, U+B7AE-B7B3, U+B7B6-B7C8, U+B7CA-B7EB, U+B7EE-B7EF, U+B7F1-B7F3, U+B7F5-B7FB, U+B7FE, U+B802-B806, U+B80A-B80B; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.49.woff2") format("woff2"); unicode-range: U+B6A7-B6AA, U+B6AC-B6B0, U+B6B2-B6EF, U+B6F1-B727, U+B72A-B72B, U+B72D-B72E, U+B731-B737, U+B739-B73A, U+B73C-B743, U+B745-B74C; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.50.woff2") format("woff2"); unicode-range: U+B605-B60F, U+B612-B617, U+B619-B624, U+B626-B69B, U+B69E-B6A3, U+B6A5-B6A6; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.51.woff2") format("woff2"); unicode-range: U+B55F, U+B562-B583, U+B585-B59F, U+B5A2-B5A3, U+B5A5-B5A7, U+B5A9-B5B2, U+B5B5-B5BA, U+B5BD-B604; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.52.woff2") format("woff2"); unicode-range: U+B4A5-B4B6, U+B4B8-B4BF, U+B4C1-B4C7, U+B4C9-B4DB, U+B4DE-B4DF, U+B4E1-B4E2, U+B4E5-B4EB, U+B4EE, U+B4F0, U+B4F2-B513, U+B516-B517, U+B519-B51A, U+B51D-B523, U+B526, U+B528, U+B52B-B52F, U+B532-B533, U+B535-B537, U+B539-B53F, U+B541-B544, U+B546-B54B, U+B54D-B54F, U+B551-B55B, U+B55D-B55E; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.53.woff2") format("woff2"); unicode-range: U+B3F8-B3FB, U+B3FD-B40F, U+B411-B417, U+B419-B41B, U+B41D-B41F, U+B421-B427, U+B42A-B42B, U+B42D-B44F, U+B452-B453, U+B455-B457, U+B459-B45F, U+B462-B464, U+B466-B46B, U+B46D-B47F, U+B481-B4A3; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.54.woff2") format("woff2"); unicode-range: U+B342-B353, U+B356-B357, U+B359-B35B, U+B35D-B35E, U+B360-B363, U+B366, U+B368, U+B36A-B36D, U+B36F, U+B372-B373, U+B375-B377, U+B379-B37F, U+B381-B382, U+B384, U+B386-B38B, U+B38D-B3C3, U+B3C6-B3C7, U+B3C9-B3CA, U+B3CD-B3D3, U+B3D6, U+B3D8, U+B3DA-B3F7; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.55.woff2") format("woff2"); unicode-range: U+B27C-B283, U+B285-B28F, U+B292-B293, U+B295-B297, U+B29A-B29F, U+B2A1-B2A4, U+B2A7-B2A9, U+B2AB, U+B2AD-B2C7, U+B2CA-B2CB, U+B2CD-B2CF, U+B2D1-B2D7, U+B2DA, U+B2DC, U+B2DE-B2E3, U+B2E7, U+B2E9-B2EA, U+B2EF-B2F3, U+B2F6, U+B2F8, U+B2FA-B2FB, U+B2FD-B2FE, U+B302-B303, U+B305-B307, U+B309-B30F, U+B312, U+B316-B31B, U+B31D-B341; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.56.woff2") format("woff2"); unicode-range: U+B1D6-B1E7, U+B1E9-B1FC, U+B1FE-B203, U+B206-B207, U+B209-B20B, U+B20D-B213, U+B216-B21F, U+B221-B257, U+B259-B273, U+B275-B27B; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.57.woff2") format("woff2"); unicode-range: U+B120-B122, U+B126-B127, U+B129-B12B, U+B12D-B133, U+B136, U+B138, U+B13A-B13F, U+B142-B143, U+B145-B14F, U+B151-B153, U+B156-B157, U+B159-B177, U+B17A-B17B, U+B17D-B17F, U+B181-B187, U+B189-B18C, U+B18E-B191, U+B195-B1A7, U+B1A9-B1CB, U+B1CD-B1D5; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.58.woff2") format("woff2"); unicode-range: U+B05F-B07B, U+B07E-B07F, U+B081-B083, U+B085-B08B, U+B08D-B097, U+B09B, U+B09D-B09F, U+B0A2-B0A7, U+B0AA, U+B0B0, U+B0B2, U+B0B6-B0B7, U+B0B9-B0BB, U+B0BD-B0C3, U+B0C6-B0C7, U+B0CA-B0CF, U+B0D1-B0DF, U+B0E1-B0E4, U+B0E6-B107, U+B10A-B10B, U+B10D-B10F, U+B111-B112, U+B114-B117, U+B119-B11A, U+B11C-B11F; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.59.woff2") format("woff2"); unicode-range: U+AFAC-AFB7, U+AFBA-AFBB, U+AFBD-AFBF, U+AFC1-AFC6, U+AFCA-AFCC, U+AFCE-AFD3, U+AFD5-AFE7, U+AFE9-AFEF, U+AFF1-B00B, U+B00D-B00F, U+B011-B013, U+B015-B01B, U+B01D-B027, U+B029-B043, U+B045-B047, U+B049, U+B04B, U+B04D-B052, U+B055-B056, U+B058-B05C, U+B05E; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.60.woff2") format("woff2"); unicode-range: U+AF03-AF07, U+AF09-AF2B, U+AF2E-AF33, U+AF35-AF3B, U+AF3E-AF40, U+AF44-AF47, U+AF4A-AF5C, U+AF5E-AF63, U+AF65-AF7F, U+AF81-AFAB; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.61.woff2") format("woff2"); unicode-range: U+AE56-AE5B, U+AE5E-AE60, U+AE62-AE64, U+AE66-AE67, U+AE69-AE6B, U+AE6D-AE83, U+AE85-AEBB, U+AEBF, U+AEC1-AEC3, U+AEC5-AECB, U+AECE, U+AED0, U+AED2-AED7, U+AED9-AEF3, U+AEF5-AF02; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.62.woff2") format("woff2"); unicode-range: U+AD9C-ADA3, U+ADA5-ADBF, U+ADC1-ADC3, U+ADC5-ADC7, U+ADC9-ADD2, U+ADD4-ADDB, U+ADDD-ADDF, U+ADE1-ADE3, U+ADE5-ADF7, U+ADFA-ADFB, U+ADFD-ADFF, U+AE02-AE07, U+AE0A, U+AE0C, U+AE0E-AE13, U+AE15-AE2F, U+AE31-AE33, U+AE35-AE37, U+AE39-AE3F, U+AE42, U+AE44, U+AE46-AE49, U+AE4B, U+AE4F, U+AE51-AE53, U+AE55; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.63.woff2") format("woff2"); unicode-range: U+ACE2-ACE3, U+ACE5-ACE6, U+ACE9-ACEF, U+ACF2, U+ACF4, U+ACF7-ACFB, U+ACFE-ACFF, U+AD01-AD03, U+AD05-AD0B, U+AD0D-AD10, U+AD12-AD1B, U+AD1D-AD33, U+AD35-AD48, U+AD4A-AD4F, U+AD51-AD6B, U+AD6E-AD6F, U+AD71-AD72, U+AD77-AD7C, U+AD7E, U+AD80, U+AD82-AD87, U+AD89-AD8B, U+AD8D-AD8F, U+AD91-AD9B; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.64.woff2") format("woff2"); unicode-range: U+AC25-AC2C, U+AC2E, U+AC30, U+AC32-AC37, U+AC39-AC3F, U+AC41-AC4C, U+AC4E-AC6F, U+AC72-AC73, U+AC75-AC76, U+AC79-AC7F, U+AC82, U+AC84-AC88, U+AC8A-AC8B, U+AC8D-AC8F, U+AC91-AC93, U+AC95-AC9B, U+AC9D-AC9E, U+ACA1-ACA7, U+ACAB, U+ACAD-ACAF, U+ACB1-ACB7, U+ACBA-ACBB, U+ACBE-ACC0, U+ACC2-ACC3, U+ACC5-ACDF; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.65.woff2") format("woff2"); unicode-range: U+99DF, U+99ED, U+99F1, U+99FF, U+9A01, U+9A08, U+9A0E-9A0F, U+9A19, U+9A2B, U+9A30, U+9A36-9A37, U+9A40, U+9A43, U+9A45, U+9A4D, U+9A55, U+9A57, U+9A5A-9A5B, U+9A5F, U+9A62, U+9A65, U+9A69-9A6A, U+9AA8, U+9AB8, U+9AD3, U+9AE5, U+9AEE, U+9B1A, U+9B27, U+9B2A, U+9B31, U+9B3C, U+9B41-9B45, U+9B4F, U+9B54, U+9B5A, U+9B6F, U+9B8E, U+9B91, U+9B9F, U+9BAB, U+9BAE, U+9BC9, U+9BD6, U+9BE4, U+9BE8, U+9C0D, U+9C10, U+9C12, U+9C15, U+9C25, U+9C32, U+9C3B, U+9C47, U+9C49, U+9C57, U+9CE5, U+9CE7, U+9CE9, U+9CF3-9CF4, U+9CF6, U+9D09, U+9D1B, U+9D26, U+9D28, U+9D3B, U+9D51, U+9D5D, U+9D60-9D61, U+9D6C, U+9D72, U+9DA9, U+9DAF, U+9DB4, U+9DC4, U+9DD7, U+9DF2, U+9DF8-9DFA, U+9E1A, U+9E1E, U+9E75, U+9E79, U+9E7D, U+9E7F, U+9E92-9E93, U+9E97, U+9E9D, U+9E9F, U+9EA5, U+9EB4-9EB5, U+9EBB, U+9EBE, U+9EC3, U+9ECD-9ECE, U+9ED4, U+9ED8, U+9EDB-9EDC, U+9EDE, U+9EE8, U+9EF4, U+9F07-9F08, U+9F0E, U+9F13, U+9F20, U+9F3B, U+9F4A-9F4B, U+9F4E, U+9F52, U+9F5F, U+9F61, U+9F67, U+9F6A, U+9F6C, U+9F77, U+9F8D, U+9F90, U+9F95, U+9F9C, U+AC02-AC03, U+AC05-AC06, U+AC09-AC0F, U+AC17-AC18, U+AC1B, U+AC1E-AC1F, U+AC21-AC23; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.94.woff2") format("woff2"); unicode-range: U+3136, U+3138, U+313A-3140, U+3143-3144, U+3150, U+3152, U+3154-3156, U+3158-315B, U+315D-315F, U+3162, U+3164-318C, U+318E, U+3200-321B, U+3231, U+3239, U+3251-325A, U+3260-327B, U+327E-327F, U+328A-3290, U+3294, U+329E, U+32A5, U+3380-3384, U+3388-338B; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.95.woff2") format("woff2"); unicode-range: U+2F7D, U+2F7F-2F8B, U+2F8E-2F90, U+2F92-2F97, U+2F99-2FA0, U+2FA2-2FA3, U+2FA5-2FA9, U+2FAC-2FB1, U+2FB3-2FBC, U+2FC1-2FCA, U+2FCD-2FD4, U+3003, U+3012-3019, U+301C, U+301E-3020, U+3036, U+3041, U+3043, U+3045, U+3047, U+3049, U+304E, U+3050, U+3052, U+3056, U+305A, U+305C, U+305E, U+3062, U+3065, U+306C, U+3070-307D, U+3080, U+3085, U+3087, U+308E, U+3090-3091, U+30A1, U+30A5, U+30A9, U+30AE, U+30B1-30B2, U+30B4, U+30B6, U+30BC-30BE, U+30C2, U+30C5, U+30CC, U+30D2, U+30D4, U+30D8-30DD, U+30E4, U+30E6, U+30E8, U+30EE, U+30F0-30F2, U+30F4-30F6, U+3133, U+3135; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.96.woff2") format("woff2"); unicode-range: U+2541-254B, U+25A4-25A9, U+25B1, U+25B5, U+25B9, U+25BF, U+25C1, U+25C3, U+25C9-25CA, U+25CC, U+25CE, U+25D0-25D1, U+25E6, U+25EF, U+260F, U+261D, U+261F, U+262F, U+2660, U+2664, U+2667-2669, U+266D, U+266F, U+2716, U+271A, U+273D, U+2756, U+2776-277F, U+278A-2793, U+2963, U+2965, U+2AC5-2AC6, U+2ACB-2ACC, U+2F00, U+2F04, U+2F06, U+2F08, U+2F0A-2F0B, U+2F11-2F12, U+2F14, U+2F17-2F18, U+2F1C-2F1D, U+2F1F-2F20, U+2F23-2F26, U+2F28-2F29, U+2F2B, U+2F2D, U+2F2F-2F32, U+2F38, U+2F3C-2F40, U+2F42-2F4C, U+2F4F-2F52, U+2F54-2F58, U+2F5A-2F66, U+2F69-2F70, U+2F72-2F76, U+2F78, U+2F7A-2F7C; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.98.woff2") format("woff2"); unicode-range: U+215B-215E, U+2162-2169, U+2170-2179, U+2195-2199, U+21B0-21B4, U+21BC, U+21C0, U+21C4-21C5, U+21CD, U+21CF-21D4, U+21E0-21E3, U+21E6-21E9, U+2200, U+2202-2203, U+2206-2209, U+220B-220C, U+220F, U+2211, U+2213, U+221A, U+221D-2220, U+2222, U+2225-2227, U+2229-222C, U+222E, U+2234-2237, U+223D, U+2243, U+2245, U+2248, U+2250-2253, U+225A, U+2260-2262, U+2264-2267, U+226A-226B, U+226E-2273, U+2276-2277, U+2279-227B, U+2280-2287, U+228A-228B, U+2295-2297, U+22A3-22A5, U+22BB-22BC, U+22CE-22CF, U+22DA-22DB, U+22EE-22EF, U+2306, U+2312, U+2314, U+2467-2478; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.99.woff2") format("woff2"); unicode-range: U+81-82, U+84, U+A2-A5, U+A7-A8, U+AA, U+AC-AD, U+B1-B3, U+B6, U+B8-BA, U+BC-BE, U+C0, U+C2, U+C6-CB, U+CE-D0, U+D4, U+D8-D9, U+DB-DC, U+DE-DF, U+E6, U+EB, U+EE-F0, U+F4, U+F7-F9, U+FB, U+FE-FF, U+111, U+126-127, U+132-133, U+138, U+13F-142, U+149-14B, U+152-153, U+166-167, U+2BC, U+2C7, U+2D0, U+2D8-2D9, U+2DB-2DD, U+391-394, U+396-3A1, U+3A3-3A9, U+3B2-3B6, U+3B8, U+3BC, U+3BE-3C1, U+3C3-3C9, U+2010, U+2015-2016, U+2018-2019, U+201B, U+201F-2021, U+2025, U+2030, U+2033-2036, U+203C, U+203E, U+2042, U+2074, U+207A-207F, U+2081-2084, U+2109, U+2113, U+2116, U+2121, U+2126, U+212B, U+2153-2154; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.100.woff2") format("woff2"); unicode-range: U+E8, U+2DA, U+2160, U+2194, U+3054, U+3058, U+306D, U+3086, U+308D, U+30AC, U+30BB, U+30C4, U+30CD-30CE, U+30E2, U+3132, U+3146, U+3149, U+339D, U+4E3B, U+4F0A, U+4FDD, U+4FE1, U+5409, U+540C, U+5834, U+592A-592B, U+5B9A, U+5DDE, U+5E0C, U+5E73, U+5F0F, U+60F3, U+653F, U+661F, U+662F, U+667A, U+683C, U+6B4C, U+6C11, U+767C, U+76EE, U+76F4, U+77F3, U+79D1, U+7A7A, U+7B2C, U+7D22, U+8207, U+8A00, U+8A71, U+9280, U+9580, U+958B, U+96C6, U+9762, U+98DF, U+9ED1, U+AC2D, U+ADC8, U+ADD3, U+AF48, U+B014, U+B134-B135, U+B158, U+B2AA, U+B35F, U+B6A4, U+B9CF, U+BB63, U+BD23, U+BE91, U+C29B, U+C3F4, U+C42C, U+C55C, U+C573, U+C58F, U+C78C, U+C7DD, U+C8F5, U+CAD1, U+CC48, U+CF10, U+CF20, U+D03C, U+D07D, U+D2A0, U+D30E, U+D38D, U+D3A8, U+D3C8, U+D5E5, U+D5F9, U+D6E4, U+F90A, U+FF02, U+FF1C; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.101.woff2") format("woff2"); unicode-range: U+3B1, U+2466, U+25A1, U+25A3, U+261C, U+3008-3009, U+305B, U+305D, U+3069, U+30A7, U+30BA, U+30CF, U+30EF, U+3151, U+3157, U+4E4B, U+4E5F, U+4E8C, U+4ECA, U+4ED6, U+4F5B, U+50CF, U+5149, U+5165, U+5171, U+5229, U+529B, U+5316, U+539F, U+53F2, U+571F, U+5728, U+58EB, U+591C, U+5B78, U+5C11, U+5C55, U+5DDD, U+5E02, U+5FB7, U+60C5, U+610F, U+611F, U+6625, U+66F8, U+6797, U+679C, U+682A, U+6D2A, U+706B, U+7406, U+767B, U+76F8, U+77E5, U+7ACB, U+898B, U+8A69, U+8DEF, U+8FD1, U+901A, U+90E8, U+91CD, U+975E, U+AE14, U+AE6C, U+AEC0, U+AFC7, U+AFC9, U+B01C, U+B028, U+B308, U+B311, U+B314, U+B31C, U+B524, U+B560, U+B764, U+B920, U+B9E3, U+BD48, U+BE7D, U+C0DB, U+C231, U+C270, U+C2E3, U+C37D, U+C3ED, U+C530, U+C6A5, U+C6DC, U+C7A4, U+C954, U+C974, U+D000, U+D565, U+D667, U+D6C5, U+D79D, U+FF1E; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.102.woff2") format("woff2"); unicode-range: U+131, U+2032, U+2465, U+2642, U+3048, U+3051, U+3083-3084, U+308F, U+30C0, U+30D1, U+30D3, U+30D6, U+30DF, U+30E7, U+3153, U+4E16, U+4E8B, U+4EE5, U+5206, U+52A0, U+52D5, U+53E4, U+53EF, U+54C1, U+57CE, U+597D, U+5B8C, U+5EA6, U+5F8C, U+5F97, U+6210, U+6240, U+624B, U+6728, U+6BD4, U+7236, U+7269, U+7279, U+738B, U+7528, U+7530, U+767E, U+798F, U+8005, U+8A18, U+90FD, U+91CC, U+9577, U+9593, U+98A8, U+AC20, U+ACF6, U+AD90, U+AF5D, U+AF80, U+AFCD, U+AFF0, U+B0A1, U+B0B5, U+B1FD, U+B2FC, U+B380, U+B51B, U+B584, U+B5B3, U+B8FD, U+B93C, U+B9F4, U+BB44, U+BC08, U+BC27, U+BC49, U+BE55, U+BE64, U+BFB0, U+BFC5, U+C178, U+C21F, U+C314, U+C4F1, U+C58D, U+C664, U+C698, U+C6A7, U+C6C1, U+C9ED, U+CAC0, U+CACC, U+CAD9, U+CCB5, U+CDCC, U+D0E4, U+D143, U+D320, U+D330, U+D54D, U+FF06, U+FF1F, U+FF5E; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.103.woff2") format("woff2"); unicode-range: U+B4, U+20A9, U+20AC, U+2190, U+24D8, U+2502, U+2514, U+2592, U+25C7-25C8, U+2663, U+3060, U+3064, U+3081, U+3088, U+30A3, U+30A6, U+30AA, U+30B5, U+30C7, U+30CA-30CB, U+30D0, U+30E3, U+30E5, U+339E, U+4E09, U+4EAC, U+4F5C, U+5167-5168, U+516C, U+51FA, U+5408, U+540D, U+591A, U+5B57, U+6211, U+65B9, U+660E, U+6642, U+6700, U+6B63, U+6E2F, U+7063, U+7532, U+793E, U+81EA, U+8272, U+82B1, U+897F, U+8ECA, U+91CE, U+AC38, U+AD76, U+AE84, U+AECC, U+B07D, U+B0B1, U+B215, U+B2A0, U+B310, U+B3D7, U+B52A, U+B618, U+B775, U+B797, U+BCD5, U+BD59, U+BE80, U+BEA8, U+BED1, U+BEE4-BEE5, U+C060, U+C2EF, U+C329, U+C3DC, U+C597, U+C5BD, U+C5E5, U+C69C, U+C9D6, U+CA29, U+CA5C, U+CA84, U+CC39, U+CC3B, U+CE89, U+CEE5, U+CF65, U+CF85, U+D058, U+D145, U+D22D, U+D325, U+D37D, U+D3AD, U+D769, U+FF0C; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.104.woff2") format("woff2"); unicode-range: U+2161, U+2228, U+2299, U+2464, U+2517, U+2640, U+3042, U+304A, U+3053, U+3061, U+307F, U+3082, U+308C, U+3092, U+30A8, U+30AB, U+30AD, U+30B0, U+30B3, U+30B7, U+30C1, U+30C6, U+30C9, U+30D5, U+30D7, U+30DE, U+30E0-30E1, U+30EC-30ED, U+4E0B, U+4E0D, U+4EE3, U+53F0, U+548C, U+5B89, U+5BB6, U+5C0F, U+611B, U+6771, U+6AA2, U+6BCD, U+6C34, U+6CD5, U+6D77, U+767D, U+795E, U+8ECD, U+9999, U+9AD8, U+AC07, U+AC1A, U+AC40, U+AD0C, U+AD88, U+ADA4, U+AE01, U+AE65, U+AEBD, U+AEC4, U+AFE8, U+B139, U+B205, U+B383, U+B38C, U+B42C, U+B461, U+B55C, U+B78F, U+B8FB, U+B9F7, U+BAFC, U+BC99, U+BED8, U+BFCD, U+C0BF, U+C0F9, U+C167, U+C204, U+C20F, U+C22F, U+C258, U+C298, U+C2BC, U+C388, U+C501, U+C50C, U+C5B9, U+C5CE, U+C641, U+C648, U+C73D, U+CA50, U+CA61, U+CC4C, U+CEAC, U+D0D4, U+D5F7, U+D6D7, U+FF1A; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.105.woff2") format("woff2"); unicode-range: U+2103, U+2463, U+25C6, U+25CB, U+266C, U+3001, U+300A, U+3046, U+304C-304D, U+304F, U+3055, U+3059, U+3063, U+3066-3068, U+306F, U+3089, U+30B8, U+30BF, U+314F, U+4E0A, U+570B, U+5730, U+5916, U+5929, U+5C71, U+5E74, U+5FC3, U+601D, U+6027, U+63D0, U+6709, U+6734, U+751F, U+7684, U+82F1, U+9053, U+91D1, U+97F3, U+AC2F, U+AC4D, U+ADC4, U+ADE4, U+AE41, U+AE4D-AE4E, U+AED1, U+AFB9, U+B0E0, U+B299, U+B365, U+B46C, U+B480, U+B4C8, U+B7B4, U+B819, U+B918, U+BAAB, U+BAB9, U+BE8F, U+BED7, U+C0EC, U+C19F, U+C1A5, U+C3D9, U+C464, U+C53D, U+C553, U+C570, U+C5CC, U+C633, U+C6A4, U+C7A3, U+C7A6, U+C886, U+C9D9-C9DA, U+C9EC, U+CA0C, U+CC21, U+CD1B, U+CD78, U+CDC4, U+CEF8, U+CFE4, U+D0A5, U+D0B5, U+D0EC, U+D15D, U+D188, U+D23C, U+D2AC, U+D729, U+D79B, U+FF01, U+FF08-FF09, U+FF5C; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.106.woff2") format("woff2"); unicode-range: U+2039-203A, U+223C, U+25B3, U+25B7, U+25BD, U+25CF, U+266A, U+3002, U+300B, U+304B, U+3057, U+305F, U+306A-306B, U+307E, U+308A-308B, U+3093, U+30A2, U+30AF, U+30B9, U+30C3, U+30C8, U+30E9-30EB, U+33A1, U+4E00, U+524D, U+5357, U+5B50, U+7121, U+884C, U+9751, U+AC94, U+AEBE, U+AECD, U+AF08, U+AF41, U+AF49, U+B010, U+B053, U+B109, U+B11B, U+B128, U+B154, U+B291, U+B2E6, U+B301, U+B385, U+B525, U+B5B4, U+B729, U+B72F, U+B738, U+B7FF, U+B837, U+B975, U+BA67, U+BB47, U+BC1F, U+BD90, U+BFD4, U+C27C, U+C324, U+C379, U+C3E0, U+C465, U+C53B, U+C58C, U+C610, U+C653, U+C6CD, U+C813, U+C82F, U+C999, U+C9E0, U+CAC4, U+CAD3, U+CBD4, U+CC10, U+CC22, U+CCB8, U+CCBC, U+CDA5, U+CE84, U+CEA3, U+CF67, U+CFE1, U+D241, U+D30D, U+D31C, U+D391, U+D401, U+D479, U+D5C9, U+D5DB, U+D649, U+D6D4; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.107.woff2") format("woff2"); unicode-range: U+B0, U+E9, U+2193, U+2462, U+260E, U+261E, U+300E-300F, U+3044, U+30A4, U+30FB-30FC, U+314D, U+5973, U+6545, U+6708, U+7537, U+AC89, U+AC9C, U+ACC1, U+AD04, U+AD75, U+AD7D, U+AE45, U+AE61, U+AF42, U+B0AB, U+B0AF, U+B0B3, U+B12C, U+B194, U+B1A8, U+B220, U+B258, U+B284, U+B2FF, U+B315, U+B371, U+B3D4-B3D5, U+B460, U+B527, U+B534, U+B810, U+B818, U+B98E, U+BA55, U+BBAC, U+BC0B, U+BC40, U+BCA1, U+BCCD, U+BD93, U+BE54, U+BE5A, U+BF08, U+BF50, U+BF55, U+BFDC, U+C0C0, U+C0D0, U+C0F4, U+C100, U+C11E, U+C170, U+C20D, U+C274, U+C290, U+C308, U+C369, U+C539, U+C587, U+C5FF, U+C6EC, U+C70C, U+C7AD, U+C7C8, U+C83C, U+C881, U+CB48, U+CC60, U+CE69, U+CE6B, U+CE75, U+CF04, U+CF08, U+CF55, U+CF70, U+CFFC, U+D0B7, U+D1A8, U+D2C8, U+D384, U+D47C, U+D48B, U+D5DD, U+D5E8, U+D720, U+D759, U+F981; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.108.woff2") format("woff2"); unicode-range: U+E0, U+E2, U+395, U+3B7, U+3BA, U+2460-2461, U+25A0, U+3010-3011, U+306E, U+30F3, U+314A, U+314C, U+5927, U+65B0, U+7E41, U+97D3, U+9AD4, U+AD49, U+AE0B, U+AE0D, U+AE43, U+AE5D, U+AECF, U+AF3C, U+AF64, U+AFD4, U+B080, U+B084, U+B0C5, U+B10C, U+B1E8, U+B2AC, U+B36E, U+B451, U+B515, U+B540, U+B561, U+B6AB, U+B6B1, U+B72C, U+B730, U+B744, U+B800, U+B8EC, U+B8F0, U+B904, U+B968, U+B96D, U+B987, U+B9D9, U+BB36, U+BB49, U+BC2D, U+BC43, U+BCF6, U+BD89, U+BE57, U+BE61, U+BED4, U+C090, U+C130, U+C148, U+C19C, U+C2F9, U+C36C, U+C37C, U+C384, U+C3DF, U+C575, U+C584, U+C660, U+C719, U+C816, U+CA4D, U+CA54, U+CABC, U+CB49, U+CC14, U+CFF5, U+D004, U+D038, U+D0B4, U+D0D3, U+D0E0, U+D0ED, U+D131, U+D1B0, U+D31F, U+D33D, U+D3A0, U+D3AB, U+D514, U+D584, U+D6A1, U+D6CC, U+D749, U+D760, U+D799; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.109.woff2") format("woff2"); unicode-range: U+24, U+60, U+3B9, U+3BB, U+3BD, U+2191, U+2606, U+300C-300D, U+3131, U+3134, U+3139, U+3141-3142, U+3148, U+3161, U+3163, U+321C, U+4EBA, U+5317, U+AC31, U+AC77, U+AC9F, U+ACB9, U+ACF0-ACF1, U+ACFD, U+AD73, U+AF3D, U+B00C, U+B04A, U+B057, U+B0C4, U+B188, U+B1CC, U+B214, U+B2DB, U+B2EE, U+B304, U+B4ED, U+B518, U+B5BC, U+B625, U+B69C-B69D, U+B7AC, U+B801, U+B86C, U+B959, U+B95C, U+B985, U+BA48, U+BB58, U+BC0C, U+BC38, U+BC85, U+BC9A, U+BF40, U+C068, U+C0BD, U+C0CC, U+C12F, U+C149, U+C1E0, U+C22B, U+C22D, U+C250, U+C2FC, U+C300, U+C313, U+C370, U+C3D8, U+C557, U+C580, U+C5E3, U+C62E, U+C634, U+C6F0, U+C74D, U+C783, U+C78E, U+C796, U+C7BC, U+C92C, U+CA4C, U+CC1C, U+CC54, U+CC59, U+CE04, U+CF30, U+CFC4, U+D140, U+D321, U+D38C, U+D399, U+D54F, U+D587, U+D5D0, U+D6E8, U+D770; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.110.woff2") format("woff2"); unicode-range: U+D7, U+EA, U+FC, U+2192, U+25BC, U+3000, U+3137, U+3145, U+315C, U+7F8E, U+AC13, U+AC71, U+AC90, U+ACB8, U+ACE7, U+AD7F, U+AE50, U+AEF4, U+AF34, U+AFBC, U+B048, U+B09A, U+B0AD, U+B0BC, U+B113, U+B125, U+B141, U+B20C, U+B2D9, U+B2ED, U+B367, U+B369, U+B374, U+B3CB, U+B4EC, U+B611, U+B760, U+B81B, U+B834, U+B8B0, U+B8E1, U+B989, U+B9D1, U+B9E1, U+B9FA, U+BA4D, U+BA78, U+BB35, U+BB54, U+BBF9, U+BC11, U+BCB3, U+BD05, U+BD95, U+BDD4, U+BE10, U+BED0, U+BF51, U+C0D8, U+C232, U+C2B7, U+C2EB, U+C378, U+C500, U+C52C, U+C549, U+C568, U+C598, U+C5C9, U+C61B, U+C639, U+C67C, U+C717, U+C78A, U+C80A, U+C90C-C90D, U+C950, U+C9E7, U+CBE4, U+CCA9, U+CCE4, U+CDB0, U+CE78, U+CE94, U+CE98, U+CF8C, U+D018, U+D034, U+D0F1, U+D1B1, U+D280, U+D2F8, U+D338, U+D380, U+D3B4, U+D610, U+D69F, U+D6FC, U+D758; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.111.woff2") format("woff2"); unicode-range: U+E7, U+2022, U+203B, U+25C0, U+2605, U+2661, U+3147, U+318D, U+672C, U+8A9E, U+ACAA, U+ACBC, U+AD1C, U+AE4A, U+AE5C, U+B044, U+B054, U+B0C8-B0C9, U+B2A6, U+B2D0, U+B35C, U+B364, U+B428, U+B454, U+B465, U+B4B7, U+B4E3, U+B51C, U+B5A1, U+B784, U+B790, U+B7AB, U+B7F4, U+B82C, U+B835, U+B8E9, U+B8F8, U+B9D8, U+B9F9, U+BA5C, U+BA64, U+BABD, U+BB18, U+BB3B, U+BBFF, U+BC0D, U+BC45, U+BC97, U+BCBC, U+BE45, U+BE75, U+BE7C, U+BFCC, U+C0B6, U+C0F7, U+C14B, U+C2B4, U+C30D, U+C4F8, U+C5BB, U+C5D1, U+C5E0, U+C5EE, U+C5FD, U+C606, U+C6C5, U+C6E0, U+C708, U+C81D, U+C820, U+C824, U+C878, U+C918, U+C96C, U+C9E4, U+C9F1, U+CC2E, U+CD09, U+CEA1, U+CEF5, U+CEF7, U+CF64, U+CF69, U+CFE8, U+D035, U+D0AC, U+D230, U+D234, U+D2F4, U+D31D, U+D575, U+D578, U+D608, U+D614, U+D718, U+D751, U+D761, U+D78C, U+D790; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.112.woff2") format("woff2"); unicode-range: U+2665, U+3160, U+4E2D, U+6587, U+65E5, U+AC12, U+AC14, U+AC16, U+AC81, U+AD34, U+ADE0, U+AE54, U+AEBC, U+AF2C, U+AFC0, U+AFC8, U+B04C, U+B08C, U+B099, U+B0A9, U+B0AC, U+B0AE, U+B0B8, U+B123, U+B179, U+B2E5, U+B2F7, U+B4C0, U+B531, U+B538, U+B545, U+B550, U+B5A8, U+B6F0, U+B728, U+B73B, U+B7AD, U+B7ED, U+B809, U+B864, U+B86D, U+B871, U+B9BF, U+B9F5, U+BA40, U+BA4B, U+BA58, U+BA87, U+BAAC, U+BBC0, U+BC16, U+BC34, U+BD07, U+BD99, U+BE59, U+BFD0, U+C058, U+C0E4, U+C0F5, U+C12D, U+C139, U+C228, U+C529, U+C5C7, U+C635, U+C637, U+C735, U+C77D, U+C787, U+C789, U+C8C4, U+C989, U+C98C, U+C9D0, U+C9D3, U+CC0C, U+CC99, U+CD0C, U+CD2C, U+CD98, U+CDA4, U+CE59, U+CE60, U+CE6D, U+CEA0, U+D0D0-D0D1, U+D0D5, U+D14D, U+D1A4, U+D29C, U+D2F1, U+D301, U+D39C, U+D3BC, U+D4E8, U+D540, U+D5EC, U+D640, U+D750; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.113.woff2") format("woff2"); unicode-range: U+5E, U+25B2, U+25B6, U+314E, U+AC24, U+ACE1, U+ACE4, U+AE68, U+AF2D, U+B0D0, U+B0E5, U+B150, U+B155, U+B193, U+B2C9, U+B2DD, U+B3C8, U+B3FC, U+B410, U+B458, U+B4DD, U+B5A0, U+B5A4, U+B5BB, U+B7B5, U+B838, U+B840, U+B86F, U+B8F9, U+B960, U+B9E5, U+BAB8, U+BB50, U+BC1D, U+BC24-BC25, U+BCA8, U+BCBD, U+BD04, U+BD10, U+BD24, U+BE48, U+BE5B, U+BE68, U+C05C, U+C12C, U+C140, U+C15C, U+C168, U+C194, U+C219, U+C27D, U+C2A8, U+C2F1, U+C2F8, U+C368, U+C554-C555, U+C559, U+C564, U+C5D8, U+C5FC, U+C625, U+C65C, U+C6B1, U+C728, U+C794, U+C84C, U+C88C, U+C8E0, U+C8FD, U+C998, U+C9DD, U+CC0D, U+CC30, U+CEEC, U+CF13, U+CF1C, U+CF5C, U+D050, U+D07C, U+D0A8, U+D134, U+D138, U+D154, U+D1F4, U+D2BC, U+D329, U+D32C, U+D3D0, U+D3F4, U+D3FC, U+D56B, U+D5CC, U+D600-D601, U+D639, U+D6C8, U+D754, U+D765; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.114.woff2") format("woff2"); unicode-range: U+3C-3D, U+2026, U+24D2, U+314B, U+AC11, U+ACF3, U+AD74, U+AD81, U+ADF9, U+AE34, U+AF43, U+AFB8, U+B05D, U+B07C, U+B110, U+B118, U+B17C, U+B180, U+B18D, U+B192, U+B2CC, U+B355, U+B378, U+B4A4, U+B4EF, U+B78D, U+B799, U+B7A9, U+B7FD, U+B807, U+B80C, U+B839, U+B9B4, U+B9DB, U+BA3C, U+BAB0, U+BBA4, U+BC94, U+BE4C, U+C154, U+C1C4, U+C26C, U+C2AC, U+C2ED, U+C4F4, U+C55E, U+C561, U+C571, U+C5B5, U+C5C4, U+C654-C655, U+C695, U+C6E8, U+C6F9, U+C724, U+C751, U+C775, U+C7A0, U+C7C1, U+C874, U+C880, U+C9D5, U+C9F8, U+CABD, U+CC29, U+CC2C, U+CCA8, U+CCAB, U+CCD0, U+CE21, U+CE35, U+CE7C, U+CE90, U+CEE8, U+CEF4, U+CFE0, U+D070, U+D0B9, U+D0C1, U+D0C4, U+D0C8, U+D15C, U+D1A1, U+D2C0, U+D300, U+D314, U+D3ED, U+D478, U+D480, U+D48D, U+D508, U+D53D, U+D5E4, U+D611, U+D61C, U+D68D, U+D6A8, U+D798; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.115.woff2") format("woff2"); unicode-range: U+23, U+25, U+5F, U+A9, U+AC08, U+AC78, U+ACA8, U+ACAC, U+ACE8, U+AD70, U+ADC0, U+ADDC, U+B137, U+B140, U+B208, U+B290, U+B2F5, U+B3C5, U+B3CC, U+B420, U+B429, U+B529, U+B530, U+B77D, U+B79C, U+B7A8, U+B7C9, U+B7F0, U+B7FC, U+B828, U+B860, U+B9AD, U+B9C1, U+B9C9, U+B9DD-B9DE, U+B9E8, U+BA38-BA39, U+BABB, U+BC00, U+BC8C, U+BCA0, U+BCA4, U+BCD1, U+BCFC, U+BD09, U+BDF0, U+BE60, U+C0AD, U+C0B4, U+C0BC, U+C190, U+C1FC, U+C220, U+C288, U+C2B9, U+C2F6, U+C528, U+C545, U+C558, U+C5BC, U+C5D4, U+C600, U+C644, U+C6C0, U+C6C3, U+C721, U+C798, U+C7A1, U+C811, U+C838, U+C871, U+C904, U+C990, U+C9DC, U+CC38, U+CC44, U+CCA0, U+CD1D, U+CD95, U+CDA9, U+CE5C, U+CF00, U+CF58, U+D150, U+D22C, U+D305, U+D328, U+D37C, U+D3F0, U+D551, U+D5A5, U+D5C8, U+D5D8, U+D63C, U+D64D, U+D669, U+D734, U+D76C; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.116.woff2") format("woff2"); unicode-range: U+26, U+2B, U+3E, U+40, U+7E, U+AC01, U+AC19, U+AC1D, U+ACA0, U+ACA9, U+ACB0, U+AD8C, U+AE09, U+AE38, U+AE40, U+AED8, U+B09C, U+B0A0, U+B108, U+B204, U+B298, U+B2D8, U+B2EB-B2EC, U+B2F4, U+B313, U+B358, U+B450, U+B4E0, U+B54C, U+B610, U+B780, U+B78C, U+B791, U+B8E8, U+B958, U+B974, U+B984, U+B9B0, U+B9BC-B9BD, U+B9CE, U+BA70, U+BBFC, U+BC0F, U+BC15, U+BC1B, U+BC31, U+BC95, U+BCC0, U+BCC4, U+BD81, U+BD88, U+C0C8, U+C11D, U+C13C, U+C158, U+C18D, U+C1A1, U+C21C, U+C4F0, U+C54A, U+C560, U+C5B8, U+C5C8, U+C5F4, U+C628, U+C62C, U+C678, U+C6CC, U+C808, U+C810, U+C885, U+C88B, U+C900, U+C988, U+C99D, U+C9C8, U+CC3D-CC3E, U+CC45, U+CD08, U+CE20, U+CEE4, U+D074, U+D0A4, U+D0DD, U+D2B9, U+D3B8, U+D3C9, U+D488, U+D544, U+D559, U+D56D, U+D588, U+D615, U+D648, U+D655, U+D658, U+D65C; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.117.woff2") format("woff2"); unicode-range: U+D, U+48, U+7C, U+AC10, U+AC15, U+AC74, U+AC80, U+AC83, U+ACC4, U+AD11, U+AD50, U+AD6D, U+ADFC, U+AE00, U+AE08, U+AE4C, U+B0A8, U+B124, U+B144, U+B178, U+B274, U+B2A5, U+B2E8, U+B2F9, U+B354, U+B370, U+B418, U+B41C, U+B4F1, U+B514, U+B798, U+B808, U+B824-B825, U+B8CC, U+B978, U+B9D0, U+B9E4, U+BAA9, U+BB3C, U+BC18, U+BC1C, U+BC30, U+BC84, U+BCF5, U+BCF8, U+BD84, U+BE0C, U+BE14, U+C0B0, U+C0C9, U+C0DD, U+C124, U+C2DD, U+C2E4, U+C2EC, U+C54C, U+C57C-C57D, U+C591, U+C5C5-C5C6, U+C5ED, U+C608, U+C640, U+C6B8, U+C6D4, U+C784, U+C7AC, U+C800-C801, U+C9C1, U+C9D1, U+CC28, U+CC98, U+CC9C, U+CCAD, U+CD5C, U+CD94, U+CD9C, U+CDE8, U+CE68, U+CF54, U+D0DC, U+D14C, U+D1A0, U+D1B5, U+D2F0, U+D30C, U+D310, U+D398, U+D45C, U+D50C, U+D53C, U+D560, U+D568, U+D589, U+D604, U+D6C4, U+D788; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.118.woff2") format("woff2"); unicode-range: U+39, U+49, U+4D-4E, U+A0, U+AC04, U+AC1C, U+AC70, U+AC8C, U+ACBD, U+ACF5, U+ACFC, U+AD00, U+AD6C, U+ADF8, U+B098, U+B0B4, U+B294, U+B2C8, U+B300, U+B3C4, U+B3D9, U+B4DC, U+B4E4, U+B77C, U+B7EC, U+B85D, U+B97C, U+B9C8, U+B9CC, U+BA54, U+BA74, U+BA85, U+BAA8, U+BB34, U+BB38, U+BBF8, U+BC14, U+BC29, U+BC88, U+BCF4, U+BD80, U+BE44, U+C0C1, U+C11C, U+C120, U+C131, U+C138, U+C18C, U+C218, U+C2B5, U+C2E0, U+C544, U+C548, U+C5B4, U+C5D0, U+C5EC, U+C5F0, U+C601, U+C624, U+C694, U+C6A9, U+C6B0, U+C6B4, U+C6D0, U+C704, U+C720, U+C73C, U+C740, U+C744, U+C74C, U+C758, U+C77C, U+C785, U+C788, U+C790-C791, U+C7A5, U+C804, U+C815, U+C81C, U+C870, U+C8FC, U+C911, U+C9C4, U+CCB4, U+CE58, U+CE74, U+D06C, U+D0C0, U+D130, U+D2B8, U+D3EC, U+D504, U+D55C, U+D569, U+D574, U+D638, U+D654, U+D68C; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HN_Rj-bIBTKe_JIhoUrEZNLnzQoo4nc.119.woff2") format("woff2"); unicode-range: U+20-22, U+27-2A, U+2C-38, U+3A-3B, U+3F, U+41-47, U+4A-4C, U+4F-5D, U+61-7B, U+7D, U+A1, U+AB, U+AE, U+B7, U+BB, U+BF, U+2013-2014, U+201C-201D, U+2122, U+AC00, U+ACE0, U+AE30, U+B2E4, U+B85C, U+B9AC, U+C0AC, U+C2A4, U+C2DC, U+C774, U+C778, U+C9C0, U+D558; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_W7fH6Cg.woff2") format("woff2"); unicode-range: U+600-6FF, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_e7fH6Cg.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_X7fH6Cg.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_S7fH6Cg.woff2") format("woff2"); unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_R7fH6Cg.woff2") format("woff2"); unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_F7fH6Cg.woff2") format("woff2"); unicode-range: U+964-965, U+B82-BFA, U+200C-200D, U+20B9, U+25CC; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_H7fH6Cg.woff2") format("woff2"); unicode-range: U+2D7, U+303, U+331, U+E01-E5B, U+200C-200D, U+25CC; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_c7fH6Cg.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_d7fH6Cg.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "YouTube Sans"; font-style: normal; font-weight: 300 900; font-display: swap; src: url("https://fonts.gstatic.com/s/youtubesans/v30/Qw38ZQNGEDjaO2m6tqIqX5E-AVS5_rSejo46_PCTRspJ0OosolrBEJL3HO_T7fE.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-e4a548a3-d4b7-4430-9fa0-928c51a43f94@mhtml.blink @charset "utf-8"; dom-bind, dom-if, dom-repeat { display: none; } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-5219b52d-4b6c-4360-a6f3-e9735f3f9ec2@mhtml.blink @charset "utf-8"; ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-a6fedee0-ab1c-4a4d-bbd5-0d8310a3ec58@mhtml.blink @charset "utf-8"; html { --primary-text-color: var(--light-theme-text-color); --primary-background-color: var(--light-theme-background-color); --secondary-text-color: var(--light-theme-secondary-color); --disabled-text-color: var(--light-theme-disabled-color); --divider-color: var(--light-theme-divider-color); --error-color: #dd2c00; --primary-color: #3f51b5; --light-primary-color: #c5cae9; --dark-primary-color: #303f9f; --accent-color: #ff4081; --light-accent-color: #ff80ab; --dark-accent-color: #f50057; --light-theme-background-color: #fff; --light-theme-base-color: #000; --light-theme-text-color: #212121; --light-theme-secondary-color: #737373; --light-theme-disabled-color: #9b9b9b; --light-theme-divider-color: #dbdbdb; --dark-theme-background-color: #212121; --dark-theme-base-color: #fff; --dark-theme-text-color: #fff; --dark-theme-secondary-color: #bcbcbc; --dark-theme-disabled-color: #646464; --dark-theme-divider-color: #3c3c3c; --text-primary-color: var(--dark-theme-text-color); --default-primary-color: var(--primary-color); } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-eb4e4ece-00ec-463f-8a11-105ad4e1b4e9@mhtml.blink @charset "utf-8"; html { background-color: rgb(255, 255, 255) !important; text-size-adjust: none; } html[dark] { background-color: rgb(15, 15, 15) !important; } #logo-red-icon-container.ytd-topbar-logo-renderer { width: 86px; } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-6b88a91a-043b-4356-8b2b-08113e70db2b@mhtml.blink @charset "utf-8"; #search-input.ytd-searchbox-spt input { appearance: none; -webkit-font-smoothing: antialiased; background-color: transparent; border: none; box-shadow: none; color: inherit; font-family: Roboto, Noto, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; margin-left: 4px; max-width: 100%; outline: none; text-align: inherit; width: 100%; -webkit-box-flex: 1; flex: 1 1 1e-09px; } #search-container.ytd-searchbox-spt { pointer-events: none; position: absolute; inset: 0px; } #search-input.ytd-searchbox-spt #search::-webkit-input-placeholder { color: rgb(136, 136, 136); } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-6549443f-4607-4699-a45b-d1bfa170a8d4@mhtml.blink @charset "utf-8"; ytd-masthead .yt-icons-ext { color: var(--yt-spec-icon-active-other); } ytd-masthead svg#yt-logo-red-svg #youtube-red-paths path, ytd-masthead svg#yt-logo-red-updated-svg #youtube-red-paths path, ytd-masthead svg#yt-logo-svg #youtube-paths path, ytd-masthead svg#yt-logo-updated-svg #youtube-paths path { fill: rgb(40, 40, 40); } ytd-masthead.dark svg#yt-logo-red-svg #youtube-red-paths path, ytd-masthead.dark svg#yt-logo-red-updated-svg #youtube-red-paths path, ytd-masthead.dark svg#yt-logo-svg #youtube-paths path, ytd-masthead.dark svg#yt-logo-updated-svg #youtube-paths path, ytd-masthead.theater svg#yt-logo-red-svg #youtube-red-paths path, ytd-masthead.theater svg#yt-logo-svg #youtube-paths path { fill: rgb(255, 255, 255); } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-da341055-708a-4a47-b5bf-1ffe18ea11f0@mhtml.blink @charset "utf-8"; ytd-masthead.shell { position: fixed; top: 0px; right: 0px; left: 0px; display: flex; height: 56px; -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255) !important; } ytd-masthead.shell #menu-icon { margin-left: 16px; } ytd-app > ytd-masthead.chunked { position: fixed; top: 0px; width: 100%; } ytd-masthead.shell.dark, ytd-masthead.shell.theater { background-color: rgb(15, 15, 15) !important; } ytd-masthead.shell.full-window-mode { opacity: 0; transform: translateY(calc(-100% - 5px)); background-color: rgb(15, 15, 15) !important; } ytd-masthead.shell > :first-child { padding-left: 16px; } ytd-masthead.shell > :last-child { padding-right: 16px; } ytd-masthead #masthead-logo { display: flex; } ytd-masthead #masthead-logo #country-code { margin-right: 2px; } ytd-masthead.shell #yt-logo-red-svg, ytd-masthead.shell #yt-logo-red-updated-svg, ytd-masthead.shell #yt-logo-svg, ytd-masthead.shell #yt-logo-updated-svg { align-self: center; margin-left: 8px; padding: 0px; color: rgb(0, 0, 0); } ytd-masthead.shell #a11y-skip-nav { display: none; } ytd-masthead.shell svg { width: 40px; height: 40px; padding: 8px; margin-right: 8px; box-sizing: border-box; color: rgb(96, 96, 96); fill: currentcolor; } ytd-masthead .external-icon { width: 24px; height: 24px; } ytd-masthead .yt-icons-ext { fill: currentcolor; color: rgb(96, 96, 96); } ytd-masthead.shell.dark .yt-icons-ext ytd-masthead.shell.theater .yt-icons-ext { fill: rgb(255, 255, 255); } ytd-masthead svg#yt-logo-svg { width: 80px; } ytd-masthead svg#yt-logo-red-svg { width: 106.4px; } ytd-masthead svg#yt-logo-updated-svg { width: 90px; } ytd-masthead svg#yt-logo-red-updated-svg { width: 97px; } @media (max-width: 656px) { ytd-masthead.shell > :first-child { padding-left: 8px; } ytd-masthead.shell > :last-child { padding-right: 8px; } ytd-masthead.shell svg { margin-right: 0px; } ytd-masthead #masthead-logo { -webkit-box-flex: 1; flex: 1 1 1e-09px; } ytd-masthead.shell #yt-logo-red-svg, ytd-masthead.shell #yt-logo-svg { margin-left: 4px; } } @media (min-width: 876px) { ytd-masthead #masthead-logo { width: 129px; } } #masthead-skeleton-icons { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: end; justify-content: flex-end; } ytd-masthead.masthead-finish #masthead-skeleton-icons { display: none; } .masthead-skeleton-icon { border-radius: 50%; height: 32px; width: 32px; margin: 0px 8px; background-color: rgb(227, 227, 227); } ytd-masthead.dark .masthead-skeleton-icon { background-color: rgb(41, 41, 41); } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-9e45dc31-f13a-4652-a52a-3b0dda14e16b@mhtml.blink @charset "utf-8"; body { padding: 0px; margin: 0px; overflow-y: scroll; } body.autoscroll { overflow-y: auto; } body.no-scroll { overflow: hidden; } body.no-y-scroll { overflow-y: hidden; } .hidden { display: none; } textarea { --paper-input-container-input_-_white-space: pre-wrap; } .grecaptcha-badge { visibility: hidden; } ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: binary ------MultipartBoundary--fJSlSIJoehdE09MjvrLOOBgcsAlwknFjelTQlIOW2O------