@charset "utf-8";

:root { --t7f4f2c6d54836ce0: initial; --t7d8b8e5ee291aec0: initial; --t4726c68ef6d7b08f: initial; --tf0a0d1154827847f: initial; --t3e41d7b17b187f69: initial; --tff65993384bb4560: initial; --te2867b13d771d055: initial; --t933d7922f3158dc5: initial; --t264e2c9cb87891f9: initial; --t206f3fa2e01af22d: initial; --t34f46f0f2c13d328: initial; --t854c79338d8ca8a7: initial; --t20480717de80f555: initial; --t2d807bb79e75606d: initial; --t617db776af0de196: initial; --tb628117fc164ad87: initial; --td545df04e2c659d7: initial; --t53991d599b1488f5: initial; --ta889dfda9605a358: initial; --t5978da8d584b8fe9: initial; --tdbe50d27d51f5093: initial; --t99f774684cbb9703: initial; --tb8b31ac562fbe9b5: initial; --tef70ca245445b52b: initial; --t4f0922e5a3d0c20f: initial; --t7dfa6f84c9346edf: initial; --tecbdf924b63b27fc: initial; --t1405e70a39276293: initial; --tad8443faed66c111: initial; --te6d2b428de68554a: initial; --tc980c5478124c8c7: initial; --t965644ecdbe4b7b8: initial; --tb14a10c3b43a15a3: initial; --tb13ff8797829e79e: initial; --te5668e6111aba0ed: initial; --ta7d628facfe84d18: initial; --tbe42269534655e67: initial; --tab8059236063cadb: initial; --t735e435a8b7ad67c: initial; --t21af08fdbf6a1406: initial; --tc604113d09fee05d: initial; --t08a7c6c176cbc5c2: initial; --t8cdc9846a76caf1f: initial; --te1b64e6971040396: initial; --t416e5931fc464589: initial; --tb7d74bb3291c951d: initial; --tf3fc855af2285f5f: initial; --t0a1249f7c9e82b5e: initial; --t02c0a2c868c14ce8: initial; --td8562cdc203bc683: initial; --t53dda9125e8d1324: initial; --t544e31714f63d53c: initial; --t87eabf113a15ac96: initial; --t858b809f8044e962: initial; --t0f59291ce5504543: initial; --tfaae96692cc182e4: initial; --t518e925f61bdcb91: initial; --tb927f5c0149004c6: initial; --t832f22ce6618e99e: initial; --t45b2a38314924357: initial; --t6931aa1826b373b2: initial; --ted4236536899e4b3: initial; --tdc8af6750f0dad0d: initial; --t3410c91649e5eb8a: initial; --t4aeaa857de8a786b: initial; --t296c7f81dd09a9c3: initial; --tfa3475c508f5dfef: initial; --t9bc0b740242da017: initial; --t441a0e44e495381a: initial; --tde41338fc2bd4ba5: initial; --t4d7776c28db21122: initial; --t7e34d5baa4ea6277: initial; --tc4b26042d4cb141f: initial; --t5208fd177a788cfa: initial; --tffc2fd3a644f6275: initial; --t6216186c28b3834b: initial; --t4a6da19e16bf221a: initial; --td9c19f4f8cecd56e: initial; --t3f3bdb4140d3ead7: initial; --t904a88c623ca27ab: initial; --t2c3bbff6c15a3eb2: initial; --t0ccd1ace000d5e93: initial; --tc87f6a7f05e65fc4: initial; --tc04ba3e73561953c: initial; --t7c4965c11f8537c0: initial; --t432fbdbd7f2f3f71: initial; --taf1bdd961423c15f: initial; --t9d7bdcaefc975d44: initial; --t4fb0f67b251e1a42: initial; --ta08e036410c14538: initial; --t7f9b7e1603e20b94: initial; }

.dialog { position: relative; z-index: 2; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-height: 100%; max-width: 100%; box-sizing: border-box; padding: 16px; margin: 0px auto; overflow: hidden auto; font-size: 1.3rem; color: rgb(3, 3, 3); background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.dialog.modern-dialog { box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 24px 12px; }

.dialog.rounded-container { border-radius: 12px; }

.dialog.modern-dialog-layout { padding: 0px; border-radius: 24px; }

.dialog-body { overflow: hidden auto; max-height: 100vh; }

.dialog.scrollable .dialog-body { overflow: visible; max-height: unset; }

.dialog-container { position: fixed; inset: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 4; }

.dialog-header { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.dialog-buttons, .dialog-header { flex-shrink: 0; }

.dialog-buttons { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; margin-top: 12px; }

.dialog-buttons > * { margin-left: 8px; }

.dialog-buttons > :first-child { margin-left: 0px; }

.dialog-flex-button { -webkit-box-flex: 1; flex: 1 1 0%; }

.dialog-flex-button .button-with-icon.compact { margin: 0px; }

.dialog-body a, .dialog-header a { color: rgb(6, 95, 212); }

.dialog-body ytm-menu-item a { color: currentcolor; }

@media (min-width: 330px) and (min-height: 330px) {
  .dialog { min-width: 250px; max-width: 356px; }
  .dialog-container { margin: 0px 40px; padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
}

.dialog-fullscreen { min-width: 100%; min-height: 100%; margin: 0px; padding: 0px; height: 1px; }

.dialog-fullscreen > .dialog-body { height: 100%; }

.dialog.modern-dialog-layout.dialog-fullscreen { border-radius: 0px; }

.dialog-container.dialog-fullscreen { margin: 0px; }

c3-toast { display: block; position: fixed; z-index: 5; left: 0px; right: 0px; bottom: 0px; box-sizing: border-box; padding: 14px 24px; font-size: 1.4rem; color: rgb(255, 255, 255); background: rgb(15, 15, 15); will-change: transform; margin-bottom: -100%; }

c3-toast.hug-toast { max-width: 344px; }

c3-toast.inverse-theme { background: rgb(255, 255, 255); color: rgb(3, 3, 3); }

c3-toast.inverse-theme .button-with-icon { color: rgb(6, 95, 212); }

[has-safe-area-in-max="true"] c3-toast { padding: 14px max(24px,env(safe-area-inset-right)) 14px max(24px,env(safe-area-inset-left)); }

[has-pivot-bar="true"] c3-toast { --safe-area-inset-top: env(safe-area-inset-top); --safe-area-inset-bottom: env(safe-area-inset-bottom); bottom: calc(48px + var(--safe-area-inset-bottom)); margin-bottom: calc(-100% + var(--safe-area-inset-bottom)); z-index: 2; }

[modal-open-body] c3-toast, [shorts-player="true"] c3-toast { bottom: 8px; margin-bottom: -100%; z-index: 5; }

c3-toast[dir="out"] { transition: margin 195ms cubic-bezier(0.4, 0, 1, 1); }

c3-toast[dir="in"] { transition: margin 225ms cubic-bezier(0, 0, 0.2, 1); margin-bottom: 0px; }

@-webkit-keyframes spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

@keyframes spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

.spinnerWrapper { display: flex; -webkit-box-align: center; align-items: center; }

.spinner { 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: none; animation: 0.8s linear 0s infinite normal none running spinner; }

.spinner > .hidden { display: none; }

.spinner:not([hidden]) { color: rgb(51, 51, 51); font-size: 1.6rem; }

html { color: rgb(3, 3, 3); background-color: rgb(255, 255, 255); font-size: 10px; font-family: Roboto, Arial, sans-serif; }

body { margin: 0px; padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); font-size: 1.2rem; overflow-x: hidden; }

[hidden][hidden] { display: none; visibility: hidden; }

ytm-app > .spinner { margin-top: 100px; }

ytm-header { display: block; }

header { height: 48px; }

.player-container { position: absolute; top: 48px; right: env(safe-area-inset-right); left: env(safe-area-inset-left); overflow: hidden; z-index: 2; }

[has-player-custom-control="true"] .player-container { overflow: visible !important; }

#player.inline-player-hidden, .inline-player-hidden { opacity: 0; pointer-events: none; }

.player-container .player-size, ytm-watch .player-size { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; }

.player-container #player.player-size, ytm-watch .player-size { background-color: rgb(0, 0, 0); }

.player-cinematics { position: absolute; inset: 0px; pointer-events: none; background: rgb(0, 0, 0); }

.player-cinematics ~ #player.player-size, .player-cinematics ~ .player-size { background-color: transparent; }

.page-shorts .player-container .player-size, .page-shorts ytm-watch .player-size { padding-bottom: 0px; }

.player-container .player-api { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.player-api[hidden], .player-api[loading="true"], .player-api[playable="false"] { display: none; }

#player.inline-on-thumbnail { padding: 0px; position: absolute; inset: 0px; }

.player-container .html5-video-player { position: absolute; inset: 0px; }

ytm-app { display: block; overflow-x: hidden; }

[has-soft-bar="true"] ytm-app { padding-bottom: 30px; }

[has-pivot-bar="true"] ytm-app { padding-bottom: 48px; }

ytm-header.is-automotive, ytm-header.sticky-player, ytm-mobile-topbar-renderer.is-automotive, ytm-mobile-topbar-renderer.shorts-topbar, ytm-mobile-topbar-renderer.sticky-player { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 4; padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left); }

ytm-mobile-topbar-renderer.sticky-player.out { top: -48px; transition: 195ms cubic-bezier(0.4, 0, 1, 1), 195ms cubic-bezier(0.4, 0, 1, 1); }

ytm-mobile-topbar-renderer.sticky-player.in { top: 0px; transition: 225ms cubic-bezier(0, 0, 0.2, 1), 225ms cubic-bezier(0, 0, 0.2, 1); }

.player-container.sticky-player { position: fixed; top: 48px; right: env(safe-area-inset-right); left: env(safe-area-inset-left); overflow: hidden; z-index: 2; }

.player-container.header-in-player, .player-container.sticky-player.header-in-player { top: 0px; }

ytm-app.is-automotive, ytm-app.sticky-player { display: block; padding-top: 48px; }

ytm-app.is-automotive.header-in-player, ytm-app.sticky-player.header-in-player { padding-top: 0px; }

@media (min-width: 931px) and (orientation: landscape) {
  body.page-shorts[engagement-panel-open] .player-container, body.page-shorts[engagement-panel-open] .player-container.sticky-player { right: 256px; }
  body.page-shorts[engagement-panel-open] .player-placeholder-wrapper { width: calc(100% - 256px); }
  body:not(.page-shorts) .player-container, body:not(.page-shorts) .player-container.sticky-player { right: 256px; }
  body:not(.page-shorts) .player-placeholder-wrapper { width: calc(100% - 256px); }
  .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-container, .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-container.sticky-player { right: 336px; }
  .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-placeholder-wrapper { width: calc(100% - 336px); }
  .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-container, .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-container.sticky-player { right: 336px; }
  .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-placeholder-wrapper { width: calc(100% - 336px); }
  .mweb-all-landscape-tablet-metadata-split-view .player-container { bottom: 0px; display: flex; -webkit-box-align: center; align-items: center; }
  @supports (aspect-ratio:16/9) {
  .mweb-landscape-full-size-player .player-container .player-size, .mweb-landscape-full-size-player ytm-watch .player-size { padding-bottom: unset; aspect-ratio: 16 / 9; }
}
  .mweb-landscape-full-size-player .player-container .player-size, .mweb-landscape-full-size-player ytm-watch .player-size { max-height: calc(-48px + 100svh); }
}

@media (min-aspect-ratio: 21 / 10) and (min-width: 931px) and (orientation: landscape) {
  .mweb-tablet-metadata-split-view .player-container { bottom: 0px; display: flex; -webkit-box-align: center; align-items: center; }
}

@media (min-width: 1280px) and (orientation: landscape) {
  body.page-shorts[engagement-panel-open] .player-container, body.page-shorts[engagement-panel-open] .player-container.sticky-player { right: 500px; }
  body.page-shorts[engagement-panel-open] .player-placeholder-wrapper { width: calc(100% - 500px); }
  body:not(.page-shorts) .player-container, body:not(.page-shorts) .player-container.sticky-player { right: 500px; }
  body:not(.page-shorts) .player-placeholder-wrapper { width: calc(100% - 500px); }
  .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-container, .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-container.sticky-player { right: 500px; }
  .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-placeholder-wrapper { width: calc(100% - 500px); }
  .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-container, .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-container.sticky-player { right: 500px; }
  .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-placeholder-wrapper { width: calc(100% - 500px); }
}

@media (max-width: 930px) and (orientation: landscape) {
  ytm-mobile-topbar-renderer.shorts-topbar { right: 72px; }
  .player-container .player-size, ytm-watch .player-size { padding-bottom: calc(56.25% - 96px); }
  .mweb-landscape-full-size-player .player-container .player-size, .mweb-landscape-full-size-player ytm-watch .player-size { height: calc(-96px + 56.25vw); padding-bottom: unset; max-height: calc(-48px + 100svh); }
}

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .player-container .player-size, ytm-watch .player-size { padding-bottom: 56.25%; }
}

@media (max-width: 320px) and (max-height: 240px) and (orientation: landscape) {
  .player-container .player-size, ytm-watch .player-size { padding-bottom: 56.25%; }
}

@media (min-width: 550px) and (orientation: portrait), (min-width: 931px) and (orientation: landscape) {
  ytm-app { padding-top: 48px; }
  ytm-header, ytm-header-bar, ytm-mobile-topbar-renderer { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 4; }
}

.content-error { font-size: 1.4rem; padding: 12px; text-align: center; }

#player-thumbnail-overlay { position: absolute; top: 0px; object-fit: cover; min-height: 0px; }

#player-container-id[playable="true"] #player-thumbnail-overlay { visibility: hidden; }

body.page-shorts, html[page-shorts] { overscroll-behavior-y: none; }

body.loading.page-shorts #header, body.loading.page-shorts .player-placeholder-wrapper { display: none; }

body.page-shorts #player-container-id, body.page-shorts .player-container #player { height: 100%; top: 0px; }

* { }

button { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; }

html { overflow-wrap: break-word; color: rgb(3, 3, 3); background-color: rgb(255, 255, 255); text-size-adjust: 100%; }

body[disable-tap-highlight="true"] [role="button"], body[disable-tap-highlight="true"] a, body[disable-tap-highlight="true"] button { -webkit-tap-highlight-color: transparent; }

html[darker-dark-theme] { background-color: rgb(255, 255, 255); }

html.watch-scroll { scroll-padding-top: 48px; }

html.watch-scroll.sticky-player { scroll-padding-top: calc(48px + 56.25vw); }

input { background-color: transparent; padding-bottom: 4px; outline: none; box-sizing: border-box; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(115, 115, 115); border-image: none; border-radius: 0px; margin-bottom: 1px; font: inherit; color: rgb(3, 3, 3); text-overflow: ellipsis; }

input:focus { margin-bottom: 0px; border-bottom-width: 2px; border-bottom-color: rgb(3, 3, 3); }

input::-webkit-input-placeholder { color: rgb(96, 96, 96); opacity: 1; }

input::placeholder { color: rgb(96, 96, 96); opacity: 1; }

textarea { background-color: transparent; outline: none; box-sizing: border-box; border-radius: 0px; margin-bottom: 1px; font: inherit; color: rgb(3, 3, 3); appearance: none; min-height: 8.4rem; width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); padding: 8px; }

textarea::-webkit-input-placeholder { color: rgb(96, 96, 96); opacity: 1; }

textarea::placeholder { color: rgb(96, 96, 96); opacity: 1; }

form { margin: 0px; }

a { color: currentcolor; text-decoration: none; }

h1 { display: -webkit-box; -webkit-box-orient: vertical; max-height: 2.5em; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.25; text-overflow: ellipsis; font-weight: 400; margin: 0px; }

h2 { display: -webkit-box; -webkit-box-orient: vertical; max-height: 2.5em; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.25; text-overflow: ellipsis; font-weight: 400; margin: 0px; font-size: 1.8rem; }

h3 { display: -webkit-box; -webkit-box-orient: vertical; max-height: 2.5em; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.25; text-overflow: ellipsis; font-weight: 400; margin: 0px; font-size: 1.4rem; }

h4 { display: -webkit-box; -webkit-box-orient: vertical; max-height: 2.5em; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.25; text-overflow: ellipsis; font-weight: 400; margin: 0px; font-size: 1.3rem; }

img { min-width: 1px; min-height: 1px; filter: none; }

img:not([src]) { visibility: hidden; }

:focus { outline: none; }

p { margin: 0px; }

.item { margin-top: 12px; display: block; }

.item:last-child { margin-bottom: 12px; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .item { margin-top: 8px; }
}

.image-overlay-text { text-shadow: rgba(17, 17, 17, 0.2) 1px 1px, rgba(17, 17, 17, 0.2) -1px 1px, rgba(17, 17, 17, 0.2) -1px -1px, rgba(17, 17, 17, 0.2) 1px -1px; }

#player-control-container { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; }

[dir="rtl"] #player-shorts-container { direction: rtl; }

[faux-fullscreen="true"] #player-control-container, [faux-fullscreen="true"] .player-container #player, [shorts-player="true"] #player-shorts-container, [shorts-player="true"] .player-container #player { position: fixed; inset: 0px; padding-bottom: 0px; }

[faux-fullscreen="true"][fullscreen-rejected="true"] #app { display: none; }

[shorts-player="true"] .player-container .html5-video-container { width: 100%; height: 100%; }

[faux-fullscreen="true"] .player-container, [faux-fullscreen="true"] ytm-mobile-topbar-renderer, [shorts-player="true"] .player-container, [shorts-player="true"] ytm-mobile-topbar-renderer:not(.shorts-topbar) { overflow: visible; z-index: 4; }

[shorts-player="true"] .player-container .ytp-unmute.ytp-popup { top: 75px; left: env(safe-area-inset-left); }

[role="button"], button, input[type="checkbox"], select { cursor: pointer; }

ytm-reel-player-overlay-renderer { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-sizing: border-box; width: 100%; -webkit-box-flex: 1; flex-grow: 1; }

ytm-reel-player-overlay-renderer[is-web] { width: var(--ytd-shorts-player-width); height: var(--ytd-shorts-player-height); }

ytm-reel-player-overlay-renderer[is-web] .reel-player-overlay-metadata { margin-right: var(--action-button-full-width-negative); padding-right: var(--action-button-full-width); }

ytm-reel-player-overlay-renderer[is-web][extract-action-bar] { width: calc(var(--ytd-shorts-player-width) + 72px); }

ytm-reel-player-overlay-renderer[is-web][extract-action-bar] .reel-player-overlay-metadata { margin-right: 0px; padding-right: 0px; }

ytm-reel-player-overlay-renderer[is-web][extract-action-bar] .reel-player-overlay-actions { margin-bottom: 16px; }

ytm-reel-player-overlay-renderer[is-web][extract-overlay] { width: 100%; }

ytm-reel-player-overlay-renderer[is-web][extract-overlay] .reel-player-overlay-metadata { width: calc((100% - max(var(--ytd-shorts-player-width), 315px))/2); margin-right: max(var(--ytd-shorts-player-width),315px); padding-right: 0px; background-image: none; filter: unset; min-width: 360px; max-width: 480px; padding-left: 16px; }

ytm-reel-player-overlay-renderer[is-web][extract-overlay] .reel-player-overlay-actions { -webkit-box-flex: 1; flex-grow: 1; }

ytm-reel-player-overlay-renderer button:not([aria-pressed="true"]) c3-icon { filter: drop-shadow(rgba(0, 0, 0, 0.4) 0px 1px 6px); }

ytm-reel-player-overlay-renderer .ytSpecButtonShapeWithLabelLabel { text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px; }

.reel-player-overlay-main-content { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: end; justify-content: end; -webkit-box-align: stretch; align-items: stretch; }

.reel-player-overlay-metadata { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 1 0%; align-self: flex-end; -webkit-box-pack: end; justify-content: flex-end; min-width: 0px; margin: 0px 0px 16px 16px; }

ytm-reel-player-overlay-renderer[data-has-info-panel="true"] + .ProgressBarShowing { padding-top: 16px; }

.reel-player-overlay-metadata yt-metadata-badge-renderer { height: 24px; padding: 3px 4px 3px 0px; }

.reel-player-overlay-actions { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin: 0px 4px 16px; -webkit-box-pack: justify; justify-content: space-between; }

.reel-player-overlay-top-bar { height: 48px; width: 48px; position: absolute; right: 0px; top: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-top: 2px; }

.reel-player-overlay-actions .button-with-icon { min-width: 0px; text-transform: none; margin: 0px !important; }

.reel-player-overlay-actions .button-with-icon .button-renderer-text { margin-top: 7px; max-width: 64px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.reel-player-overlay-actions ytm-button-renderer { max-width: 64px; }

.reel-player-overlay-actions ytm-bottom-sheet-renderer, .reel-player-overlay-actions ytm-menu-renderer { margin-top: 4px; display: block; -webkit-box-flex: 1; flex: 1 1 0%; padding-right: 4px; padding-top: 4px; padding-bottom: 8px; }

.reel-player-overlay-actions pivot-button-view-model, .reel-player-overlay-actions ytm-button-renderer, .reel-player-overlay-actions ytm-toggle-button-renderer { display: block; padding-top: 4px; padding-bottom: 8px; margin: 0px; }

@media (max-width: 930px) and (orientation: landscape) {
  .reel-player-overlay-actions { -webkit-box-pack: end; justify-content: flex-end; max-height: calc(-48px + 100vh); }
  .reel-player-overlay-actions pivot-button-view-model, .reel-player-overlay-actions ytm-button-renderer, .reel-player-overlay-actions ytm-toggle-button-renderer { display: block; margin-top: 0.3em; }
  .reel-player-overlay-actions ytm-bottom-sheet-renderer, .reel-player-overlay-actions ytm-menu-renderer { display: block; margin-top: 0px; }
}

.reel-player-overlay-actions ytm-menu-renderer .icon-button { height: 48px; width: 48px; }

.reel-player-overlay-actions button > .button-with-icon-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

ytm-reel-player-overlay-renderer ytm-profile-icon { border: 1px solid rgb(255, 255, 255); }

@media (max-height: 411px) and (orientation: landscape) {
  .reel-player-overlay-actions .button-with-icon, .reel-player-overlay-actions ytm-forced-mute-message-renderer { min-height: 40px; }
  .reel-player-overlay-actions .button-with-icon .button-renderer-text, .reel-player-overlay-actions .ytAttributedStringHost { display: none; }
  .reel-player-overlay-actions ytm-menu-renderer .icon-button { height: 32px; }
}

.logo-in-player, .mobile-topbar-logo { color: rgb(255, 0, 51); padding: 0px 12px; width: 30px; height: 30px; margin-left: -1px; }

.logo-in-player.full-logo, .mobile-topbar-logo.full-logo { width: 93px; height: 20px; color: rgb(0, 0, 0); margin-left: 0px; }

.logo-in-player.shorts-logo, .mobile-topbar-logo.shorts-logo { width: 73px; height: 25px; color: rgb(0, 0, 0); margin-left: 0px; }

.logo-in-player.full-logo-red, .mobile-topbar-logo.full-logo-red { width: 101px; }

.logo-in-player-endpoint, .mobile-topbar-header-endpoint { display: flex; -webkit-box-align: center; align-items: center; height: 48px; text-align: left; }

.logo-in-player.full-logo { color: rgb(255, 255, 255); }

.monochromatic svg path { fill: rgb(255, 255, 255); }

ytm-subscribe-button-renderer { display: block; }

ytm-subscribe-button-renderer .button-renderer-icon { height: 16px; width: 16px; }

.modern-subscribe-button { display: flex; -webkit-box-align: center; align-items: center; }

.subscribe-button-count { color: rgb(96, 96, 96); font-size: 1.4rem; margin: 0px 8px; }

@-webkit-keyframes notification-bell-fade-in { 
  0% { opacity: 0; transform: translateX(-100%); }
  100% { opacity: 1; transform: none; }
}

@keyframes notification-bell-fade-in { 
  0% { opacity: 0; transform: translateX(-100%); }
  100% { opacity: 1; transform: none; }
}

.notification-bell-container { display: block; position: absolute; z-index: 5; height: 36px; border-radius: 50%; overflow: hidden; }

.notification-bell-container.hidden { display: none; }

.notification-bell { display: block; margin-top: -2px; animation: 0.2s cubic-bezier(0.05, 0, 0, 1) 0s 1 normal none running notification-bell-fade-in; }

.modern-subscribe-button-container { display: flex; -webkit-box-align: center; align-items: center; position: relative; }

.modern-subscribe-button .ytAttributedStringHost { transition: 0.2s cubic-bezier(0.05, 0, 0, 1); padding-left: 0px; }

.YtmVideoInfoExpanded .modern-subscribe-button .ytAttributedStringHost, .ytmVideoInfoExpanded .modern-subscribe-button .ytAttributedStringHost { transition: none; }

.with-notification-bell .ytAttributedStringHost { padding-left: 24px; }

.ytCoreImageHost { visibility: hidden; display: inline-block; min-height: 1px; min-width: 1px; }

.ytCoreImageLoaded { visibility: inherit; }

.ytCoreImageFillParentHeight { height: 100%; }

.ytCoreImageFillParentWidth { width: 100%; }

.ytCoreImageObjectPositionTopLeft { object-position: left top; }

.ytCoreImageObjectPositionTopRight { object-position: right top; }

.ytCoreImageContentModeScaleToFill { object-fit: fill; }

.ytCoreImageContentModeScaleAspectFit { object-fit: contain; }

.ytCoreImageContentModeScaleAspectFill { object-fit: cover; }

.ytCoreImageContentModeCenter { object-fit: none; object-position: center center; }

.ytCoreImageFlipRtl { transform: scaleX(-1); }

.ytCoreImageGradientContainer { position: relative; width: 100%; height: 100%; }

.ytCoreImageGradient { position: absolute; inset: 0px; z-index: 1; pointer-events: none; }

:root { --yt-attributed-string-link-hover-color: unset; }

.ytAttributedStringInlineBlockMod { display: inline-block; }

.ytAttributedStringImageAlignmentBottom { vertical-align: bottom; }

.ytAttributedStringImageAlignmentBaseline { vertical-align: baseline; }

.ytAttributedStringImageAlignmentVerticalCenter { vertical-align: middle; position: relative; top: -0.07em; }

.ytAttributedStringListGroup { padding-inline-start: 20px; }

.ytAttributedStringLink { text-decoration: none; display: inline; }

.ytAttributedStringLinkCallToActionColor { color: rgb(6, 95, 212); }

.ytAttributedStringLinkOverlayCallToActionColor { color: rgb(62, 166, 255); }

.ytAttributedStringLink[role="button"] { cursor: pointer; }

.ytAttributedStringLinkInheritColor .ytAttributedStringLinkCallToActionColor { color: inherit; }

.ytAttributedStringLinkInheritColor .ytAttributedStringLinkCallToActionColor:hover { color: var(--yt-attributed-string-link-hover-color); }

.ytAttributedStringEllipsisTruncate { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ytAttributedStringWhiteSpaceNoWrap { white-space: nowrap; }

.ytAttributedStringWhiteSpacePreWrap { white-space: pre-wrap; }

.ytAttributedStringIgnoreSplitLines { white-space: normal; }

.ytAttributedStringTextAlignmentLeft { display: block; text-align: left; }

.ytAttributedStringTextAlignmentRight { display: block; text-align: right; }

.ytAttributedStringTextAlignmentCenter { display: block; text-align: center; }

.ytAttributedStringTextAlignmentJustified { display: block; text-align: justify; }

.ytAttributedStringTextAlignmentLayoutStart { display: block; align-self: flex-start; }

.ytAttributedStringTextAlignmentUnknown { display: block; text-align: inherit; }

.ytAttributedStringWordWrapping { overflow-wrap: anywhere; }

.ytAttributedStringUnderlined { text-decoration-line: underline; }

.ytAttributedStringStrikethrough { text-decoration-line: line-through; }

.ytAttributedStringUnderlineStrikethrough { text-decoration-line: underline line-through; }

.ytAttributedStringLineStyleNone { text-decoration: none; }

.ytAttributedStringLineStyleSingle { text-decoration-style: solid; }

.ytAttributedStringLineStyleDot { text-decoration-style: dotted; }

.ytAttributedStringBaselineOffsetSubscript { vertical-align: sub; }

.ytAttributedStringBaselineOffsetSuperscript { vertical-align: super; }

.ytAttributedStringBaselineOffsetUnknown { vertical-align: baseline; }

.ytAttributedStringItalicized { font-style: italic; }

.ytAttributedStringHeading1 { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; }

.ytAttributedStringHeading2 { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; }

.ytAttributedStringHeading3 { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.ytButtonOrAnchorHost { display: inline-block; }

.ytButtonOrAnchorButton { display: inline-block; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: inherit; padding: 0px; margin: 0px; cursor: pointer; outline-width: 0px; box-sizing: border-box; background: none; text-decoration: none; text-align: unset; width: 100%; -webkit-tap-highlight-color: transparent; }

.ytButtonOrAnchorAnchor { display: inline-block; color: inherit; padding: 0px; margin: 0px; text-decoration: none; box-sizing: border-box; width: 100%; }

.ytRadioShapeHost { position: relative; display: block; }

.ytRadioShapeInput { position: absolute; opacity: 1e-06; margin: 0px; left: 12px; top: 50%; transform: translateY(-50%); height: 24px; width: 24px; }

.ytRadioShapeLabelContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; min-height: 48px; width: 100%; color: rgb(3, 3, 3); }

.ytRadioShapeKeyboardFocused { outline: currentcolor solid 2px; outline-offset: -2px; border-radius: 8px; }

.ytRadioShapeDisabled { color: rgb(144, 144, 144); }

.ytRadioShapeLabel { -webkit-box-flex: 1; 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; }

input:checked + label > .ytRadioShapeRadio > :first-child { display: none; }

input:not(:checked) + label > .ytRadioShapeRadio > :last-child { display: none; }

.ytRadioShapeRadioDefaultStyle { display: flex; padding: 0px 12px; height: 24px; width: 24px; }

input:not(:checked) + label > .ytRadioShapeCheckIcon > :first-child { visibility: hidden; }

.ytRadioShapeCompact { min-height: 40px; }

.ytRadioShapeEventPassthrough { pointer-events: none; }

.ytRadioShapeTappable { cursor: pointer; }

.ytListItemViewModelHost { display: block; color: rgb(3, 3, 3); }

.ytListItemViewModelHost:focus-visible { outline: none; }

.ytListItemViewModelHidden { display: none; }

.ytListItemViewModelKeyboardFocused:focus-within { background-color: rgba(0, 0, 0, 0.05); outline: currentcolor solid 2px; outline-offset: -2px; border-radius: 8px; }

.ytListItemViewModelButtonOrAnchor { width: auto; }

.ytListItemViewModelButtonOrAnchor:focus-visible { outline: none; }

.ytListItemViewModelNoTrailingText .ytListItemViewModelButtonOrAnchor, .ytListItemViewModelNoTrailingText .ytListItemViewModelTextWrapper { min-width: 0px; }

.ytListItemViewModelTextWrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; min-height: 44px; -webkit-box-pack: center; justify-content: center; }

.ytListItemViewModelTitleWrapper { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }

.ytListItemViewModelTitle { color: rgb(3, 3, 3); 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; }

.ytListItemViewModelSingleLineTitle { 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; }

.ytListItemViewModelSubtitle { color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytListItemViewModelWithBadge { margin-left: 8px; }

.ytListItemViewModelSubtitleContainer { margin-top: 2px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }

.ytListItemViewModelSuperlabel { color: rgb(96, 96, 96); margin-bottom: 2px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytListItemViewModelSelectionText { color: rgb(96, 96, 96); margin-left: 4px; }

.ytListItemViewModelTrailingSelectionText { margin-left: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytListItemViewModelTrailingLabel { color: rgb(3, 3, 3); 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; }

.ytListItemViewModelNewContentIndicator { width: 4px; height: 4px; border-radius: 50%; background-color: rgb(6, 95, 212); }

.ytListItemViewModelChevronIcon { height: 18px; width: 18px; flex-shrink: 0; }

.ytListItemViewModelLeading { margin-right: 12px; }

.ytListItemViewModelTrailing:first-child { margin-left: 12px; }

.ytListItemViewModelTrailing:not(:first-child) { margin-left: 12px; }

.ytListItemViewModelPrioritizeTrailing .ytListItemViewModelButtonOrAnchor, .ytListItemViewModelPrioritizeTrailing .ytListItemViewModelSubtitleContainer, .ytListItemViewModelPrioritizeTrailing .ytListItemViewModelTextWrapper, .ytListItemViewModelPrioritizeTrailing .ytListItemViewModelTitleWrapper { min-width: 0px; }

.ytListItemViewModelPrioritizeTrailing .ytListItemViewModelTrailing, .ytListItemViewModelPrioritizeTrailing .ytListItemViewModelTrailingLabel, .ytListItemViewModelPrioritizeTrailing .ytListItemViewModelTrailingSelectionText { flex-shrink: 0; }

.ytListItemViewModelButtonContainer, .ytListItemViewModelImageContainer { align-self: start; flex-shrink: 0; height: 44px; min-width: 36px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.ytListItemViewModelAvatar, .ytListItemViewModelImage { max-height: 36px; }

.ytListItemViewModelAccessory { border-radius: 2px; overflow: hidden; color: rgb(3, 3, 3); }

.ytListItemViewModelLayoutWrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytListItemViewModelBottomAccessory { display: block; width: 100%; padding-top: 4px; }

.ytListItemViewModelMainContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }

.ytListItemViewModelSubtitleBadgeWrapper { display: flex; -webkit-box-align: center; align-items: center; }

.ytListItemViewModelSubtitleBadgeWrapper:not(:first-child) { margin-left: 8px; }

.ytListItemViewModelContainer { padding: 2px 16px; box-sizing: border-box; width: 100%; border-radius: 8px; }

.ytListItemViewModelDisableHorizontalPadding { padding: 2px 0px; }

.ytListItemViewModelInPopup { border-radius: 0px; }

.ytListItemViewModelDisabled { color: rgb(96, 96, 96); pointer-events: none; }

.ytListItemViewModelDisabled .ytListItemViewModelAccessory, .ytListItemViewModelDisabled .ytListItemViewModelTitle { color: rgb(96, 96, 96); }

.ytListItemViewModelTappable { cursor: pointer; user-select: none; }

.ytListItemViewModelTappable:hover { background-color: rgba(0, 0, 0, 0.05); }

.ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTitle { 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; }

.ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { 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; }

.ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTrailingLabel { 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; }

.ytListItemViewModelHasSubtitle { padding: 6px 16px; }

.ytListItemViewModelHasSubtitle.ytListItemViewModelDisableHorizontalPadding { padding: 6px 0px; }

.ytListItemViewModelCompact .ytListItemViewModelTextWrapper { min-height: 36px; }

.ytListItemViewModelCompact .ytListItemViewModelTitle { 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; }

.ytListItemViewModelCompact .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { 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; }

.ytListItemViewModelCompact .ytListItemViewModelTrailingSelectionText { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytListItemViewModelCompact .ytListItemViewModelTrailingLabel { 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; }

.ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTitle { 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; }

.ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { 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; }

.ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTrailingLabel { 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; }

.ytListItemViewModelCompact .ytListItemViewModelChevronIcon { height: 16px; width: 16px; }

.ytListItemViewModelCompact .ytListItemViewModelButtonContainer { height: 36px; min-width: 36px; }

.ytListItemViewModelCompact .ytListItemViewModelImageContainer { height: 36px; min-width: 24px; }

.ytListItemViewModelCompact .ytListItemViewModelImage { max-height: 24px; }

.ytListItemViewModelCompact.ytListItemViewModelHasSubtitle .ytListItemViewModelTextWrapper { min-height: 42px; }

.ytListItemViewModelCompact.ytListItemViewModelHasSubtitle .ytListItemViewModelButtonContainer, .ytListItemViewModelCompact.ytListItemViewModelHasSubtitle .ytListItemViewModelImageContainer { height: 42px; }

.ytListItemViewModelIsOverlay, .ytListItemViewModelIsOverlay .ytListItemViewModelTitle { color: rgb(255, 255, 255); }

.ytListItemViewModelIsOverlay .ytListItemViewModelSubtitle { color: rgba(255, 255, 255, 0.7); }

.ytListItemViewModelIsOverlay .ytListItemViewModelAccessory { color: rgb(255, 255, 255); }

.ytCheckboxShapeHost { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; min-height: 48px; width: 100%; color: rgb(3, 3, 3); position: relative; }

.ytCheckboxShapeHostCompact { min-height: 40px; }

.ytCheckboxShapeInput { position: absolute; margin: 0px; top: 50%; transform: translateY(-50%); opacity: 1e-06; z-index: 1; height: 24px; width: 24px; }

.ytCheckboxShapeLabel { -webkit-box-flex: 1; 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; }

.ytCheckboxShapeDisableHorizontalPadding .ytCheckboxShapeLabel { padding-right: 0px; }

.ytCheckboxShapeCheckboxDefaultStyle { display: flex; padding: 0px 12px; }

input:checked ~ .ytCheckboxShapeCheckbox > :first-child { display: none; }

input:not(:checked) ~ .ytCheckboxShapeCheckbox > :last-child { display: none; }

.ytSwitchListItemViewModelHost { display: block; }

.toggleableListItemViewModelHost { display: block; }

.ytListViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

@media (max-width: 299.9px) {
  .ytListViewModelHostKaiosSpatNav { padding: 3px; }
}

.ytDownloadListItemViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.YtmCompactMediaItemHost { padding: 0px 12px; display: flex; }

.YtmCompactMediaItemHost[data-has-subscribe-button="true"] .YtmCompactMediaItemMetadata { padding: 0px; align-items: normal; margin: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.YtmCompactMediaItemHost[data-has-subscribe-button="true"] .YtmCompactMediaItemMetadata ytm-menu-renderer { height: 100%; }

.YtmCompactMediaItemHost[data-has-subscribe-button="true"] .YtmCompactMediaItemContainer { display: flex; }

.YtmCompactMediaItemHost[data-has-subscribe-button="true"] .video-thumbnail-img { width: 67px; height: 67px; min-height: 0px; border-radius: 50%; }

.YtmCompactMediaItemHost[data-has-subscribe-button="true"] .channel-subscribe-button { padding: 0px 0px 0px 8px; }

.YtmCompactMediaItemHost[data-color-palette-applied="true"] .YtmCompactMediaItemSubhead { opacity: 1; }

.YtmCompactMediaItemHost > a { display: block; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .YtmCompactMediaItemHost { display: block; padding: 0px 8px; }
  .YtmCompactMediaItemHost .video-thumbnail-container-compact.video-thumbnail-container-compact { width: 100%; height: auto; padding-bottom: 56.25%; }
}

.YtmCompactMediaItemHost .engagement-bar { height: 24px; margin-top: 4px; }

.YtmCompactMediaItemMulticolumn { padding-left: 0px; padding-right: 0px; }

.YtmCompactMediaItemImage { flex-shrink: 0; }

.YtmCompactMediaItemImage.stacked { position: relative; margin-top: 6px; }

.YtmCompactMediaItemMetadata { display: flex; -webkit-box-flex: 1; flex-grow: 1; min-width: 0px; overflow: visible; }

@media (min-width: 550px) and (orientation: portrait), (min-width: 931px) and (orientation: landscape) {
  .YtmCompactMediaItemMetadata[data-has-badges="true"] .YtmCompactMediaItemHeadline { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}

@media (max-width: 549px) and (orientation: portrait), (max-width: 930px) and (orientation: landscape) {
  .YtmCompactMediaItemMetadata[data-has-badges="true"] .YtmCompactMediaItemHeadline { max-height: 2.5em; -webkit-line-clamp: 2; }
  .YtmCompactMediaItemMetadata.has-engagement-bar .YtmCompactMediaItemHeadline { max-height: 2.5em; -webkit-line-clamp: 2; }
  .YtmCompactMediaItemMetadata.has-engagement-bar[data-has-badges="true"] .YtmCompactMediaItemHeadline { max-height: 1.25em; -webkit-line-clamp: 1; }
}

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .YtmCompactMediaItemMetadata { padding: 4px 0px; }
  .YtmCompactMediaItemMetadata[data-has-badges="true"] .YtmCompactMediaItemHeadline { display: -webkit-box; white-space: normal; }
}

.YtmCompactMediaItemMetadataContent { display: block; -webkit-box-flex: 1; flex-grow: 1; min-width: 0px; overflow: hidden; padding: 0px 8px; }

.YtmCompactMediaItemMetadataContent.stacked { margin-top: 8px; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .YtmCompactMediaItemMetadataContent { padding: 0px; }
}

.YtmCompactMediaItemHeadlinePlaceholder { height: 16px; max-width: 300px; margin-bottom: 8px; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; }

.YtmCompactMediaItemSubhead { display: -webkit-box; -webkit-box-orient: vertical; max-height: 2.5em; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.25; text-overflow: ellipsis; font-weight: 400; opacity: 0.6; }

.YtmCompactMediaItemSubheadPlaceholder { height: 16px; width: 120px; margin-bottom: 3px; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; }

.YtmCompactMediaItemHeadline { display: -webkit-box; -webkit-box-orient: vertical; max-height: 2.5em; -webkit-line-clamp: 2; line-height: 1.25; text-overflow: ellipsis; font-weight: 400; overflow: hidden; margin: 0px; font-size: 1.4rem; }

.YtmCompactMediaItemHeadline .ytm-channel-name { font-size: 1.4rem; }

@media (max-width: 549px) and (orientation: portrait), (max-width: 930px) and (orientation: landscape) {
  .YtmCompactMediaItemHeadline { max-height: 3.75em; -webkit-line-clamp: 3; }
}

.YtmCompactMediaItemByline { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.2rem; }

.YtmCompactMediaItemStats { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.2rem; }

.YtmCompactMediaItemStats ~ .YtmCompactMediaItemStats::before { content: " · "; }

.YtmCompactMediaItemDescription { margin: 8px 0px; padding: 0px; font-size: 1.2rem; }

.YtmCompactMediaItemMenu { flex-shrink: 0; color: rgb(3, 3, 3); }

.formatted-string-deemphasize { color: rgb(96, 96, 96); }

.formatted-string-bold { font-weight: 500; }

.ytSpecTouchFeedbackShapeHost { display: inline-block; border-radius: inherit; position: absolute; inset: 0px; }

.ytSpecTouchFeedbackShapeTriggerEvents { pointer-events: none; }

.ytSpecTouchFeedbackShapeHoverEffect { transition: opacity 0.3s cubic-bezier(0.05, 0, 0, 1), transform, -webkit-transform; background-color: rgba(0, 0, 0, 0.1); opacity: 0; transform: scale(0.9); will-change: opacity, transform; border-radius: inherit; position: absolute; inset: 0px; }

.ytSpecTouchFeedbackShapeHovered .ytSpecTouchFeedbackShapeHoverEffect { opacity: 1; transform: scale(1); }

.ytSpecTouchFeedbackShapeFill, .ytSpecTouchFeedbackShapeStroke { will-change: opacity; opacity: 0; border-radius: inherit; position: absolute; inset: 0px; }

.ytSpecTouchFeedbackShapeDown .ytSpecTouchFeedbackShapeFill, .ytSpecTouchFeedbackShapeFocused .ytSpecTouchFeedbackShapeFill { opacity: 0.1; }

.ytSpecTouchFeedbackShapeThumbnailSizeSmall { margin: -4px; }

.ytSpecTouchFeedbackShapeThumbnailSizeSmall .ytSpecTouchFeedbackShapeFill, .ytSpecTouchFeedbackShapeThumbnailSizeSmall .ytSpecTouchFeedbackShapeHoverEffect, .ytSpecTouchFeedbackShapeThumbnailSizeSmall .ytSpecTouchFeedbackShapeStroke { border-radius: 4px; }

.ytSpecTouchFeedbackShapeThumbnailSizeMedium { margin: -8px; }

.ytSpecTouchFeedbackShapeThumbnailSizeMedium .ytSpecTouchFeedbackShapeFill, .ytSpecTouchFeedbackShapeThumbnailSizeMedium .ytSpecTouchFeedbackShapeHoverEffect, .ytSpecTouchFeedbackShapeThumbnailSizeMedium .ytSpecTouchFeedbackShapeStroke { border-radius: 8px; }

.ytSpecTouchFeedbackShapeThumbnailSizeLarge { margin: -12px; }

.ytSpecTouchFeedbackShapeThumbnailSizeLarge .ytSpecTouchFeedbackShapeFill, .ytSpecTouchFeedbackShapeThumbnailSizeLarge .ytSpecTouchFeedbackShapeHoverEffect, .ytSpecTouchFeedbackShapeThumbnailSizeLarge .ytSpecTouchFeedbackShapeStroke { border-radius: 16px; }

.ytSpecTouchFeedbackShapeCircular .ytSpecTouchFeedbackShapeFill, .ytSpecTouchFeedbackShapeCircular .ytSpecTouchFeedbackShapeHoverEffect, .ytSpecTouchFeedbackShapeCircular .ytSpecTouchFeedbackShapeStroke { border-radius: 50%; }

.ytSpecTouchFeedbackShapeTouchResponse .ytSpecTouchFeedbackShapeFill { background-color: rgb(0, 0, 0); }

.ytSpecTouchFeedbackShapeTouchResponse .ytSpecTouchFeedbackShapeStroke { border: 1px solid rgb(0, 0, 0); }

.ytSpecTouchFeedbackShapeTouchResponseInverse .ytSpecTouchFeedbackShapeFill { background-color: rgb(255, 255, 255); }

.ytSpecTouchFeedbackShapeTouchResponseInverse .ytSpecTouchFeedbackShapeStroke { border: 1px solid rgb(255, 255, 255); }

.ytSpecTouchFeedbackShapeTouchResponseInverse.ytSpecTouchFeedbackShapeDown .ytSpecTouchFeedbackShapeFill, .ytSpecTouchFeedbackShapeTouchResponseInverse.ytSpecTouchFeedbackShapeFocused .ytSpecTouchFeedbackShapeFill { opacity: 0.2; }

.ytSpecTouchFeedbackShapeOverlayTouchResponse .ytSpecTouchFeedbackShapeFill { background-color: rgb(255, 255, 255); }

.ytSpecTouchFeedbackShapeOverlayTouchResponse .ytSpecTouchFeedbackShapeStroke { border: 1px solid rgb(255, 255, 255); }

.ytSpecTouchFeedbackShapeOverlayTouchResponseInverse .ytSpecTouchFeedbackShapeFill { background-color: rgb(0, 0, 0); }

.ytSpecTouchFeedbackShapeOverlayTouchResponseInverse .ytSpecTouchFeedbackShapeStroke { border: 1px solid rgb(0, 0, 0); }

@-webkit-keyframes popover-fade-in { 
  0% { opacity: 0; }
}

@keyframes popover-fade-in { 
  0% { opacity: 0; }
}

@-webkit-keyframes popover-fade-out { 
  100% { opacity: 0; }
}

@keyframes popover-fade-out { 
  100% { opacity: 0; }
}

.ytPopoverComponentHost { margin: 0px; position: absolute; }

.ytPopoverComponentHost.\:popover-open, .ytPopoverComponentHost:popover-open { animation: 0.15s ease-in 0s 1 normal none running popover-fade-in; }

.ytPopoverComponentHostClosing.\:popover-open, .ytPopoverComponentHostClosing:popover-open { animation: 75ms ease-out 0s 1 normal forwards running popover-fade-out; }

.ytTooltipContainerHost { display: block; }

.ytTooltipContainerDefaultTooltipContent { padding: 8px; border-style: none; border-radius: 4px; color: rgb(255, 255, 255); background-color: rgb(96, 96, 96); opacity: 0.9; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytTooltipContainerPlayerTooltipContent, .ytTooltipContainerPlayerTooltipContentBlurred { padding: 4px 8px; border-style: none; border-radius: 8px; color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0.3); text-shadow: rgb(0, 0, 0) 0px 2px 8px; opacity: 0.9; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytTooltipContainerPlayerTooltipContentBlurred { opacity: unset; backdrop-filter: blur(8px); background-color: rgba(0, 0, 0, 0.6); }

.ytTooltipContainerEffectMakerTooltipContent { padding: 4px 8px; border-style: none; border-radius: 4px; color: rgb(255, 255, 255); background-color: rgb(15, 15, 15); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytTooltipContainerHotkey { display: inline; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 4px; padding: 0px 6px; margin-left: 8px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

:root { --yt-light-rim-color: unset; --yt-light-wash-opacity: 0; --yt-light-wash-x: 0; --yt-light-wash-y: 0; --yt-light-wash-size: 96px; --yt-light-wash-color: rgba(255,255,255,0.3); }

.contribYtLightShapeHost { display: block; overflow: hidden; border-radius: inherit; position: absolute; inset: 0px; pointer-events: none; }

.contribYtLightShapeStaticRimLight::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; padding: 0.5px; mask: -webkit-linear-gradient(top, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, -webkit-linear-gradient(top, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); pointer-events: none; }

.contribYtLightShapeStaticRimLightSolid::before { background: linear-gradient(var(--yt-light-rim-color,rgba(255,255,255,0.2)),transparent 75%); }

.contribYtLightShapeStaticRimLightTonal::before { background: linear-gradient(var(--yt-light-rim-color,rgba(0,0,0,0.05)),transparent 75%); }

.contribYtLightShapeStaticRimLightOutline { inset: -1px; }

.contribYtLightShapeStaticRimLightOutline::before { background: linear-gradient(var(--yt-light-rim-color,rgba(255,255,255,0.3)),transparent 75%); }

.contribYtLightShapeStaticRimLightSolidInverse::before { background: linear-gradient(var(--yt-light-rim-color,rgba(255,255,255,0.2)),transparent 75%); }

.contribYtLightShapeStaticRimLightTonalInverse::before { background: linear-gradient(var(--yt-light-rim-color,rgba(255,255,255,0.15)),transparent 75%); }

.contribYtLightShapeStaticRimLightOutlineInverse { inset: -1px; }

.contribYtLightShapeStaticRimLightOutlineInverse::before { background: linear-gradient(var(--yt-light-rim-color,rgba(255,255,255,0.15)),transparent 75%); }

.contribYtLightShapeStaticRimLightOverlaySolid::before { background: linear-gradient(var(--yt-light-rim-color,rgba(255,255,255,0.2)),transparent 75%); }

.contribYtLightShapeStaticRimLightOverlayTonal::before { background: linear-gradient(var(--yt-light-rim-color,rgba(255,255,255,0.15)),transparent 75%); }

.contribYtLightShapeStaticRimLightOverlayOutline { inset: -1px; }

.contribYtLightShapeStaticRimLightOverlayOutline::before { background: linear-gradient(var(--yt-light-rim-color,rgba(255,255,255,0.15)),transparent 75%); }

.contribYtLightShapeStaticWashLight { content: ""; position: absolute; width: 100%; height: 100%; bottom: 50%; left: 0px; border-radius: inherit; filter: blur(10px); }

.contribYtLightShapeStaticWashLightSafari { transform: translateZ(0px); }

.contribYtLightShapeStaticWashLightSolid { background: rgba(255, 255, 255, 0.15); }

.contribYtLightShapeStaticWashLightTonal { background: rgba(255, 255, 255, 0.2); }

.contribYtLightShapeStaticWashLightSolidInverse { background: rgba(255, 255, 255, 0.3); }

.contribYtLightShapeStaticWashLightTonalInverse { background: rgba(255, 255, 255, 0.05); }

.contribYtLightShapeStaticWashLightOverlaySolid { background: rgb(255, 255, 255); }

.contribYtLightShapeStaticWashLightOverlayTonal { background: rgba(255, 255, 255, 0.15); }

.contribYtLightShapeDynamicWashLight { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) translate(var(--yt-light-wash-x,0),var(--yt-light-wash-y,0)); border-radius: inherit; width: var(--yt-light-wash-size,96px); height: var(--yt-light-wash-size,96px); opacity: var(--yt-light-wash-opacity,0); background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0px, transparent 100%); pointer-events: none; filter: blur(15px); }

.ytLightTouchFeedbackShapeHost { border-radius: inherit; position: absolute; inset: 0px; overflow: hidden; pointer-events: auto; contain: layout style paint; user-select: none; }

.ytLightTouchFeedbackShapeHoverOverlay { position: absolute; inset: 0px; pointer-events: none; opacity: 0; }

@media (prefers-reduced-motion: no-preference) {
  .ytLightTouchFeedbackShapeHoverOverlay { transition: opacity 0.45s cubic-bezier(0.25, 1, 0.8, 1); }
}

.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay { transition-duration: 40ms; }

.ytLightTouchFeedbackShapeHoverOverlayDefault .ytLightTouchFeedbackShapeHoverOverlay { background-color: rgb(255, 255, 255); }

.ytLightTouchFeedbackShapeHoverOverlayDefault:hover .ytLightTouchFeedbackShapeHoverOverlay { opacity: 0.05; }

.ytLightTouchFeedbackShapeHoverOverlayDefault.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay { opacity: 0.1; }

:root[dark] .ytLightTouchFeedbackShapeHoverOverlayDefault .ytLightTouchFeedbackShapeHoverOverlay { background-color: rgb(0, 0, 0); }

:root[dark] .ytLightTouchFeedbackShapeHoverOverlayDefault:hover .ytLightTouchFeedbackShapeHoverOverlay { opacity: 0.2; }

:root[dark] .ytLightTouchFeedbackShapeHoverOverlayDefault.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay { opacity: 0.3; }

.ytLightTouchFeedbackShapeHoverOverlayInverse .ytLightTouchFeedbackShapeHoverOverlay { background-color: rgb(0, 0, 0); }

.ytLightTouchFeedbackShapeHoverOverlayInverse:hover .ytLightTouchFeedbackShapeHoverOverlay { opacity: 0.2; }

.ytLightTouchFeedbackShapeHoverOverlayInverse.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay { opacity: 0.3; }

:root[dark] .ytLightTouchFeedbackShapeHoverOverlayInverse .ytLightTouchFeedbackShapeHoverOverlay { background-color: rgb(255, 255, 255); }

:root[dark] .ytLightTouchFeedbackShapeHoverOverlayInverse:hover .ytLightTouchFeedbackShapeHoverOverlay { opacity: 0.05; }

:root[dark] .ytLightTouchFeedbackShapeHoverOverlayInverse.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay { opacity: 0.1; }

.ytLightTouchFeedbackShapeTouchLight { position: absolute; width: 0px; height: 0px; transform: translate(-50%, -50%); filter: blur(24px); opacity: 0; pointer-events: none; background: radial-gradient(circle, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0.6) 35%, rgba(255, 255, 255, 0.15) 70%, transparent 100%); border-radius: 50%; }

.ytLightTouchFeedbackShapeHoverLight { position: absolute; transform: translate(-50%, -50%); filter: blur(32px); opacity: 0; pointer-events: none; background: radial-gradient(circle, rgb(255, 255, 255) 0px, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.15) 80%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; }

@media (prefers-reduced-motion: no-preference) {
  .ytLightTouchFeedbackShapeHoverLight { transition: opacity 0.3s, width 0.15s cubic-bezier(0.25, 1, 0.5, 1), height 0.15s cubic-bezier(0.25, 1, 0.5, 1); }
}

.ytLightTouchFeedbackShapeHost:hover .ytLightTouchFeedbackShapeHoverLight { opacity: 0.2; }

.ytLightTouchFeedbackShapeHost.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverLight { opacity: 0.35; transition-duration: 0.04s; }

.animatedRollingCharacterHost { display: inline; }

.animatedRollingNumberHost { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; overflow: hidden; }

.ytSpecButtonShapeNextHost { 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-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; outline-width: 0px; box-sizing: border-box; background: none; text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-box-flex: 1; flex: 1 1 1e-09px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.ytSpecButtonShapeNextElevatedContent { z-index: 1; pointer-events: none; }

.ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSecondaryIcon { line-height: 0; fill: currentcolor; }

.ytSpecButtonShapeNextIconButton { -webkit-box-flex: 0; flex: 0 0 auto; }

.ytSpecButtonShapeNextButtonTextContent { text-overflow: ellipsis; overflow: hidden; }

.ytSpecButtonShapeNextMiddlegroundAsset { position: absolute; top: 0px; left: 0px; width: round(up, 100%, 1px); height: 100%; overflow: hidden; pointer-events: none; }

.ytSpecButtonShapeNextFeaturePhoneWrapper { display: flex; -webkit-box-align: center; align-items: center; }

.ytSpecButtonShapeNextSizeXs { padding: 0px 8px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextOutline { padding: 0px 7px; border-width: 1px; border-style: solid; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextFocused { padding: 0px 6px; border-width: 2px; border-style: solid; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextAlignByText { margin-left: -8px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd { padding: 0px 8px; width: 32px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon { margin-left: -2px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-left: 2px; margin-right: -2px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon { margin-right: 2px; margin-left: -2px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconLeading.ytSpecButtonShapeNextAlignByText { margin-left: -6px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-right: 2px; margin-left: -2px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 2px; margin-right: -2px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconLeadingTrailing.ytSpecButtonShapeNextAlignByText { margin-left: -6px; }

.ytSpecButtonShapeNextSizeXs { height: 24px; font-size: 12px; line-height: 24px; border-radius: 12px; }

.ytSpecButtonShapeNextSizeXs .ytSpecButtonShapeNextMiddlegroundAsset { border-radius: 12px; }

.ytSpecButtonShapeNextSizeXs .ytSpecButtonShapeNextIcon { width: 16px; height: 16px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconButton { width: 24px; padding: 0px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextAlignByText { margin-left: -4px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextSegmentedStart { border-radius: 12px 0px 0px 12px; position: relative; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextSegmentedStart::after { content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; right: 0px; top: 4px; height: 16px; width: 1px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextSegmentedEnd { border-radius: 0px 12px 12px 0px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconLeadingTrailingNoText .ytSpecButtonShapeNextIcon { margin-right: 0px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstageIconSize .ytSpecButtonShapeNextIcon { height: 12px; width: 12px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding { padding: 0px 8px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline { padding: 0px 7px; border-width: 1px; border-style: solid; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { padding: 0px 6px; border-width: 2px; border-style: solid; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextAlignByText { margin-left: -8px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd { padding: 0px 8px; width: 32px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon { margin-left: -4px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-left: 4px; margin-right: -4px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon { margin-right: 4px; margin-left: -4px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeading.ytSpecButtonShapeNextAlignByText { margin-left: -4px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-right: 4px; margin-left: -4px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 4px; margin-right: -4px; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing.ytSpecButtonShapeNextAlignByText { margin-left: -4px; }

.ytSpecButtonShapeNextSizeS { padding: 0px 12px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextOutline { padding: 0px 11px; border-width: 1px; border-style: solid; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextFocused { padding: 0px 10px; border-width: 2px; border-style: solid; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextAlignByText { margin-left: -12px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd { padding: 0px 12px; width: 44px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon { margin-left: -4px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-left: 4px; margin-right: -4px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon { margin-right: 4px; margin-left: -4px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconLeading.ytSpecButtonShapeNextAlignByText { margin-left: -8px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-right: 4px; margin-left: -4px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 4px; margin-right: -4px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconLeadingTrailing.ytSpecButtonShapeNextAlignByText { margin-left: -8px; }

.ytSpecButtonShapeNextSizeS { height: 32px; font-size: 12px; line-height: 32px; border-radius: 16px; }

.ytSpecButtonShapeNextSizeS .ytSpecButtonShapeNextMiddlegroundAsset { border-radius: 16px; }

.ytSpecButtonShapeNextSizeS .ytSpecButtonShapeNextIcon { width: 16px; height: 16px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconButton { width: 32px; padding: 0px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextAlignByText { margin-left: -8px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextOverrideSmallSizeIcon .ytSpecButtonShapeNextIcon { height: 24px; width: 24px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextSegmentedStart { border-radius: 16px 0px 0px 16px; position: relative; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextSegmentedStart::after { content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; right: 0px; top: 8px; height: 16px; width: 1px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextSegmentedEnd { border-radius: 0px 16px 16px 0px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconLeadingTrailingNoText .ytSpecButtonShapeNextIcon { margin-right: 0px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstageIconSize:not(.ytSpecButtonShapeNextOverrideSmallSizeIcon) .ytSpecButtonShapeNextIcon { height: 18px; width: 18px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding { padding: 0px 12px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline { padding: 0px 11px; border-width: 1px; border-style: solid; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { padding: 0px 10px; border-width: 2px; border-style: solid; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextAlignByText { margin-left: -12px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd { padding: 0px 12px; width: 44px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon { margin-left: -4px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-left: 4px; margin-right: -4px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon { margin-right: 4px; margin-left: -4px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeading.ytSpecButtonShapeNextAlignByText { margin-left: -8px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-right: 4px; margin-left: -4px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 4px; margin-right: -4px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing.ytSpecButtonShapeNextAlignByText { margin-left: -8px; }

.ytSpecButtonShapeNextSizeM { padding: 0px 16px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextOutline { padding: 0px 15px; border-width: 1px; border-style: solid; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextFocused { padding: 0px 14px; border-width: 2px; border-style: solid; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextAlignByText { margin-left: -16px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd { padding: 0px 16px; width: 52px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon { margin-left: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-left: 6px; margin-right: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon { margin-right: 6px; margin-left: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconLeading.ytSpecButtonShapeNextAlignByText { margin-left: -10px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-right: 6px; margin-left: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 6px; margin-right: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconLeadingTrailing.ytSpecButtonShapeNextAlignByText { margin-left: -10px; }

.ytSpecButtonShapeNextSizeM { height: 36px; font-size: 14px; line-height: 36px; border-radius: 18px; }

.ytSpecButtonShapeNextSizeM .ytSpecButtonShapeNextMiddlegroundAsset { border-radius: 18px; }

.ytSpecButtonShapeNextSizeM .ytSpecButtonShapeNextIcon { width: 24px; height: 24px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconButton { width: 36px; padding: 0px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextAlignByText { margin-left: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextSegmentedStart { border-radius: 18px 0px 0px 18px; position: relative; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextSegmentedStart::after { content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; right: 0px; top: 6px; height: 24px; width: 1px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextSegmentedEnd { border-radius: 0px 18px 18px 0px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconLeadingTrailingNoText .ytSpecButtonShapeNextIcon { margin-right: 0px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstageIconSize.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstageIconSize:not(.ytSpecButtonShapeNextIconButton):not(.ytSpecButtonShapeNextIconOnlyDefault) .ytSpecButtonShapeNextIcon { height: 18px; width: 18px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding { padding: 0px 16px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline { padding: 0px 15px; border-width: 1px; border-style: solid; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { padding: 0px 14px; border-width: 2px; border-style: solid; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextAlignByText { margin-left: -16px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd { padding: 0px 16px; width: 52px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon { margin-left: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-left: 6px; margin-right: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon { margin-right: 6px; margin-left: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeading.ytSpecButtonShapeNextAlignByText { margin-left: -10px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-right: 6px; margin-left: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 6px; margin-right: -6px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing.ytSpecButtonShapeNextAlignByText { margin-left: -10px; }

.ytSpecButtonShapeNextSizeL { padding: 0px 24px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextOutline { padding: 0px 23px; border-width: 1px; border-style: solid; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextFocused { padding: 0px 22px; border-width: 2px; border-style: solid; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextAlignByText { margin-left: -24px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd { padding: 0px 24px; width: 72px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon { margin-left: -8px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-left: 8px; margin-right: -8px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon { margin-right: 8px; margin-left: -8px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconLeading.ytSpecButtonShapeNextAlignByText { margin-left: -16px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-right: 8px; margin-left: -8px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 8px; margin-right: -8px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconLeadingTrailing.ytSpecButtonShapeNextAlignByText { margin-left: -16px; }

.ytSpecButtonShapeNextSizeL { height: 48px; font-size: 18px; line-height: 48px; border-radius: 24px; }

.ytSpecButtonShapeNextSizeL .ytSpecButtonShapeNextMiddlegroundAsset { border-radius: 24px; }

.ytSpecButtonShapeNextSizeL .ytSpecButtonShapeNextIcon { width: 24px; height: 24px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconButton { width: 48px; padding: 0px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextAlignByText { margin-left: -12px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextSegmentedStart { border-radius: 24px 0px 0px 24px; position: relative; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextSegmentedStart::after { content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; right: 0px; top: 12px; height: 24px; width: 1px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextSegmentedEnd { border-radius: 0px 24px 24px 0px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconLeadingTrailingNoText .ytSpecButtonShapeNextIcon { margin-right: 0px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding { padding: 0px 20px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline { padding: 0px 19px; border-width: 1px; border-style: solid; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { padding: 0px 18px; border-width: 2px; border-style: solid; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextAlignByText { margin-left: -20px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd { padding: 0px 20px; width: 68px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon { margin-left: -8px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-left: 8px; margin-right: -8px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon { margin-right: 8px; margin-left: -8px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeading.ytSpecButtonShapeNextAlignByText { margin-left: -12px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-right: 8px; margin-left: -8px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 8px; margin-right: -8px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing.ytSpecButtonShapeNextAlignByText { margin-left: -12px; }

.ytSpecButtonShapeNextSizeXl { padding: 0px 32px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextOutline { padding: 0px 31px; border-width: 1px; border-style: solid; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextFocused { padding: 0px 30px; border-width: 2px; border-style: solid; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextAlignByText { margin-left: -32px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd { padding: 0px 32px; width: 88px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon { margin-left: -12px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-left: 12px; margin-right: -12px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon { margin-right: 12px; margin-left: -12px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconLeading.ytSpecButtonShapeNextAlignByText { margin-left: -20px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-right: 12px; margin-left: -12px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 12px; margin-right: -12px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconLeadingTrailing.ytSpecButtonShapeNextAlignByText { margin-left: -20px; }

.ytSpecButtonShapeNextSizeXl { height: 56px; font-size: 24px; line-height: 56px; border-radius: 28px; }

.ytSpecButtonShapeNextSizeXl .ytSpecButtonShapeNextMiddlegroundAsset { border-radius: 28px; }

.ytSpecButtonShapeNextSizeXl .ytSpecButtonShapeNextIcon { width: 24px; height: 24px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconButton { width: 56px; padding: 0px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextAlignByText { margin-left: -16px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextSegmentedStart { border-radius: 28px 0px 0px 28px; position: relative; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextSegmentedStart::after { content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; right: 0px; top: 16px; height: 24px; width: 1px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextSegmentedEnd { border-radius: 0px 28px 28px 0px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconLeadingTrailingNoText .ytSpecButtonShapeNextIcon { margin-right: 0px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding { padding: 0px 24px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline { padding: 0px 23px; border-width: 1px; border-style: solid; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { padding: 0px 22px; border-width: 2px; border-style: solid; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextAlignByText { margin-left: -24px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd { padding: 0px 24px; width: 80px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon { margin-left: -8px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-left: 8px; margin-right: -8px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon { margin-right: 8px; margin-left: -8px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeading.ytSpecButtonShapeNextAlignByText { margin-left: -16px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-right: 8px; margin-left: -8px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 8px; margin-right: -8px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing.ytSpecButtonShapeNextAlignByText { margin-left: -16px; }

.ytSpecButtonShapeNextOneOffCustomTextWrapContainer { height: auto; padding-top: 8px; padding-bottom: 8px; }

.ytSpecButtonShapeNextOneOffCustomTextWrapContainer .ytSpecButtonShapeNextButtonTextContent { 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; }

.ytSpecButtonShapeNextDisableTextEllipsis .ytSpecButtonShapeNextButtonTextContent { text-overflow: clip; }

.ytSpecButtonShapeNextIconOnlyDefault { min-width: 0px; border-radius: 50%; width: 40px; height: 40px; padding: 0px; }

.ytSpecButtonShapeNextIconOnlyDefault.ytSpecButtonShapeNextAlignByText { margin-left: -8px; }

.ytSpecButtonShapeNextWorkaroundIconNoBorderRadius { border-radius: unset; }

.ytSpecButtonShapeNextDisabled { cursor: default; }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled { background: rgb(6, 95, 212); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(5, 86, 191); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(6, 95, 212); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(5, 86, 191); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline { color: rgb(6, 95, 212); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline { border-color: rgba(0, 0, 0, 0.1); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(222, 241, 255); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; border-color: rgba(0, 0, 0, 0.1); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(222, 241, 255); border-color: transparent; }
}

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText { color: rgb(6, 95, 212); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(222, 241, 255); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(222, 241, 255); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal { color: rgb(6, 95, 212); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal { background: rgb(222, 241, 255); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(218, 223, 230); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(222, 241, 255); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(218, 223, 230); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused { color: rgb(6, 95, 212); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused { background: unset; border-color: rgb(6, 95, 212); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(222, 241, 255); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: unset; border-color: rgb(6, 95, 212); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(222, 241, 255); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText { color: rgb(62, 166, 255); }

.ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(38, 56, 80); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(38, 56, 80); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled { color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled { background: rgb(62, 166, 255); }

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(101, 184, 255); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(62, 166, 255); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(101, 184, 255); border-color: transparent; }
}

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused { color: rgb(62, 166, 255); }

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused { background: rgb(0, 0, 0); border-color: rgb(62, 166, 255); }

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(101, 184, 255); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(0, 0, 0); border-color: rgb(62, 166, 255); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(101, 184, 255); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled { background: rgb(3, 3, 3); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(39, 39, 39); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(3, 3, 3); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(39, 39, 39); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline { color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline { border-color: rgba(0, 0, 0, 0.1); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; border-color: rgba(0, 0, 0, 0.1); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }
}

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText { color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal { color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal { background: rgba(0, 0, 0, 0.05); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.05); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused { color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused { background: unset; border-color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: unset; border-color: rgb(3, 3, 3); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled { color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled { background: rgb(255, 255, 255); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(217, 217, 217); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(255, 255, 255); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(217, 217, 217); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline { border-color: rgba(255, 255, 255, 0.2); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.2); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; border-color: rgba(255, 255, 255, 0.2); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.2); border-color: transparent; }
}

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal { background: rgba(255, 255, 255, 0.1); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.2); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.1); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.2); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused { background: unset; border-color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.2); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: unset; border-color: rgb(255, 255, 255); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.2); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFilled { color: rgb(0, 0, 0); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFilled { background: rgb(255, 255, 255); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(230, 230, 230); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(255, 255, 255); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(230, 230, 230); border-color: transparent; }
}

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextOutline { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextOutline { border-color: rgba(255, 255, 255, 0.3); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.1); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; border-color: rgba(255, 255, 255, 0.3); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.1); border-color: transparent; }
}

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextText { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.1); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; }
}

@media (hover: none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.1); border-color: transparent; }
}

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal .ytSpecButtonShapeNextIcon { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal { background: rgba(255, 255, 255, 0.1); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.2); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.1); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.2); border-color: transparent; }
}

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal.ytSpecButtonShapeNextEnableBackdropFilterExperiment { backdrop-filter: blur(4px); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused { background: rgb(0, 0, 0); border-color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.1); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(0, 0, 0); border-color: rgb(255, 255, 255); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(255, 255, 255, 0.1); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFilled { color: rgb(0, 0, 0); }

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFilled { background: rgb(255, 255, 255); }

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(230, 230, 230); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(255, 255, 255); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(230, 230, 230); border-color: transparent; }
}

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal .ytSpecButtonShapeNextIcon { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px); }

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal { background: rgba(0, 0, 0, 0.3); }

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(40, 40, 40, 0.6); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.3); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(40, 40, 40, 0.6); border-color: transparent; }
}

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal.ytSpecButtonShapeNextEnableBackdropFilterExperiment { backdrop-filter: blur(8px); }

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused { background: rgb(0, 0, 0); border-color: rgba(0, 0, 0, 0.3); }

.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(40, 40, 40, 0.6); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(0, 0, 0); border-color: rgba(0, 0, 0, 0.3); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(40, 40, 40, 0.6); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled { background: linear-gradient(45deg, rgb(225, 0, 45) 30%, rgb(224, 19, 120) 85%); }

.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(45deg, rgb(225, 0, 45) 30%, rgb(224, 19, 120) 85%); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(45deg, rgb(225, 0, 45) 30%, rgb(224, 19, 120) 85%); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { 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) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused { color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused { background: unset; border-color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: unset; border-color: rgb(3, 3, 3); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled { color: rgb(255, 255, 255); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled { background: linear-gradient(90deg, rgb(127, 14, 127) 0px, rgb(170, 9, 170) 20%, rgb(255, 78, 69) 100%); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg, rgb(0, 122, 101) 0px, rgb(127, 14, 127) 100%); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg, rgb(127, 14, 127) 0px, rgb(170, 9, 170) 20%, rgb(255, 78, 69) 100%); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { 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) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal { color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal { background: linear-gradient(90deg, rgba(127, 14, 127, 0.2) 0px, rgba(170, 9, 170, 0.2) 20%, rgba(255, 78, 69, 0.2) 100%); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg, rgba(0, 122, 101, 0.2) 0px, rgba(127, 14, 127, 0.2) 100%); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg, rgba(127, 14, 127, 0.2) 0px, rgba(170, 9, 170, 0.2) 20%, rgba(255, 78, 69, 0.2) 100%); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg, rgba(0, 122, 101, 0.2) 0px, rgba(127, 14, 127, 0.2) 100%); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused { color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused { background: unset; border-color: rgb(3, 3, 3); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: unset; border-color: rgb(3, 3, 3); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgba(0, 0, 0, 0.1); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused { border-width: 2px; border-style: solid; }
}

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextFilled { color: rgb(144, 144, 144); }

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextFilled { background: rgba(0, 0, 0, 0.05); }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextFilled { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextOutline { color: rgb(144, 144, 144); }

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextOutline { border-color: rgba(0, 0, 0, 0.1); }

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextText { color: rgb(144, 144, 144); }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextText { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextTonal { color: rgb(144, 144, 144); }

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextTonal { background: rgba(0, 0, 0, 0.05); }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextTonal { border: 1px solid rgba(0, 0, 0, 0.1); }
}

.ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline { background: rgb(255, 255, 255); border-color: transparent; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px 0px, rgba(0, 0, 0, 0.1) 0px 2px 8px 0px; }

.ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(39, 39, 39); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(255, 255, 255); border-color: transparent; }
}

@media (hover: none) {
  .ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: rgb(39, 39, 39); border-color: transparent; }
}

.ytSpecButtonShapeWithLabelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.ytSpecButtonShapeWithLabelLabel { margin: 4px -8px 0px; color: rgb(3, 3, 3); 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; }

.ytSpecButtonShapeWithLabelIsOverlay .ytSpecButtonShapeWithLabelLabel { max-width: 64px; color: rgb(255, 255, 255); }

.ytSpecButtonViewModelHost { display: flex; }

.ytBadgeViewModelHost { 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.ytSectionHeaderViewModelHost { display: block; }

.ytSectionHeaderViewModelBadgeWithLabel { display: inline-block; margin-inline-end: 8px; }

.ytSectionHeaderViewModelBadges:not(:last-child) { margin-inline-end: 8px; }

.ytSectionHeaderViewModelTrailingActionsContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }

.ytSectionHeaderViewModelTrailingActionsContainer > :not(:last-child) { margin-inline-end: 8px; }

.ytSectionHeaderViewModelChevronsContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }

.ytSectionHeaderViewModelChevron:not(:last-child) { margin-inline-end: 8px; }

.ytRadioButtonGroupViewModelHost { display: block; }

.ytRadioButtonGroupViewModelFieldset { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; margin: 0px; }

.ytRadioButtonGroupViewModelError { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(195, 0, 39); }

.ytSelectableItemViewModelHost { cursor: pointer; display: block; }

.ytSelectableItemViewModelContainer { padding-bottom: 20px; }

.ytSelectableItemViewModelNativeContainer { position: relative; }

.ytSelectableItemViewModelNativeRadioButton { height: 0px; left: 0px; margin: 0px; position: absolute; top: 0px; width: 0px; }

.ytSelectableItemViewModelNativeLabel { cursor: pointer; }

.ytSelectableItemViewModelDisabled { cursor: default; }

.ytCardViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytCardViewModelOutline { background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.1); }

.ytCardViewModelRaised { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px; outline-style: solid; outline-color: transparent; transition: box-shadow 0.18s cubic-bezier(0.05, 0, 0, 1), outline-color 0.18s cubic-bezier(0.05, 0, 0, 1), outline-width 0.18s cubic-bezier(0.05, 0, 0, 1); }

.ytCardViewModelCardSelected { box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 8px 0px; outline: rgb(3, 3, 3) solid 2px; transition: box-shadow 0.18s cubic-bezier(0.05, 0, 0, 1), outline-color 0.18s cubic-bezier(0.05, 0, 0, 1), outline-width 0.18s cubic-bezier(0.05, 0, 0, 1); }

.ytCardViewModelTonal { background-color: rgba(0, 0, 0, 0.05); }

.ytCardViewModelInverted { background-color: rgb(15, 15, 15); }

.ytCardViewModelContentWrapper { position: relative; width: 100%; }

.ytCardViewModelTopContentContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; width: 100%; }

.ytCardViewModelTopContent { -webkit-box-flex: 1; flex-grow: 1; }

.ytCardViewModelInlineTrailingAction { align-self: flex-start; }

.ytCardViewModelInlineCenterTrailingAction { align-self: center; }

.ytCardViewModelInlineTrailingActionMargin { margin: 6px; }

.ytCardViewModelOverlayTrailingAction { position: absolute; right: 12px; top: 12px; }

.ytCardViewModelCardViewModelInner { border-radius: 12px; display: flex; overflow: hidden; position: relative; -webkit-box-flex: 1; flex: 1 1 0%; }

.ytCardViewModelSelected { box-shadow: rgb(3, 3, 3) 0px 0px 0px 2px inset; }

.ytCardViewModelBottomContentPadding, .ytCardViewModelTopContentPadding { padding: 12px; }

.ytCardViewModelClickable { cursor: pointer; }

.ytCardViewModelDisabledOverlay { background-color: rgba(255, 255, 255, 0.7); inset: 0px; position: absolute; }

.ytCardViewModelBackgroundWrapper { position: absolute; inset: 0px; }

.ytCardViewModelBackground { width: 100%; height: 100%; object-fit: fill; }

.ytCheckboxGroupViewModelHost { display: block; }

.ytCheckboxGroupViewModelFieldset { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; margin: 0px; }

.ytCheckboxItemViewModelHost { display: block; }

.ytPanelFooterViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 12px; }

.ytPanelFooterViewModelHideDivider { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.ytPanelFooterViewModelDisablePadding { padding: 12px 0px 0px; }

.ytPanelFooterViewModelDisablePadding.ytPanelFooterViewModelHideDivider { padding-top: 0px; }

.ytPanelFooterViewModelRowBottomPadding { padding-bottom: 12px; }

.ytPanelFooterViewModelTextPadding { padding-right: 24px; }

.ytPanelFooterViewModelTextRow { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytPanelFooterViewModelButtonStack { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytPanelFooterViewModelButtonStackTopButton { margin: 0px 0px 8px; }

.ytPanelFooterViewModelButtonRow { display: flex; }

.ytPanelFooterViewModelButtonRowTrailing { -webkit-box-pack: end; justify-content: flex-end; }

.ytPanelFooterViewModelButtonRowLeftButton { margin-right: 8px; }

.ytPanelFooterViewModelButtonRowFullWidth { width: 100%; }

.ytPanelFooterViewModelButtonRowExpand { -webkit-box-flex: 1; flex: 1 1 0%; }

.ytPanelFooterViewModelButtonRowShrink { -webkit-box-flex: 0; flex: 0 1 0%; }

.ytPanelFooterViewModelButtonRowHidden { display: none; }

.ytSpecIconShapeHost { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; }

.ytSpinnerShapeWrapper { display: flex; -webkit-box-align: center; align-items: center; }

.ytSpinnerShapeSpinner { 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: none; animation: 0.8s linear 0s infinite normal none running spinner; }

.ytSpinnerShapeSpinner:not([hidden]) { color: rgb(51, 51, 51); font-size: 1.6rem; }

@-webkit-keyframes spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

@keyframes spinner { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}

.ytLottieComponentHost { display: block; }

.ytLottieComponentHost svg { display: block; }

.ytAnimatedIconHost { display: block; }

.ytAnimatedIconHost .animated-like-icon, .ytAnimatedIconHost .custom-animated-like-icon { height: 24px; width: 24px; margin: 0px; }

.ytAnimatedIconHost .animated-like-icon .animated-like-icon, .ytAnimatedIconHost .animated-like-icon .custom-animated-like-icon, .ytAnimatedIconHost .custom-animated-like-icon .animated-like-icon, .ytAnimatedIconHost .custom-animated-like-icon .custom-animated-like-icon { pointer-events: none; transform: translate(-12px, -12px); height: 48px; width: 48px; }

.ytAnimatedIconHost .animated-subscribe-icon { transform: translate(-12px, -12px); height: 48px; width: 48px; }

.ytAnimatedIconHost[data-size="18"] .animated-like-icon, .ytAnimatedIconHost[data-size="18"] .custom-animated-like-icon { height: 18px; width: 18px; }

.ytAnimatedIconHost[data-size="18"] .animated-like-icon .animated-like-icon, .ytAnimatedIconHost[data-size="18"] .animated-like-icon .custom-animated-like-icon, .ytAnimatedIconHost[data-size="18"] .custom-animated-like-icon .animated-like-icon, .ytAnimatedIconHost[data-size="18"] .custom-animated-like-icon .custom-animated-like-icon { transform: translate(-9px, -9px); height: 36px; width: 36px; }

.ytAnimatedIconHost[data-size="18"] .animated-subscribe-icon { transform: translate(-9px, -9px); height: 36px; width: 36px; }

.ytHorizontalSliderViewModelHost { display: block; }

.ytSliderShapeHost { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin: 16px 12px; }

.ytSliderShapeHostIncrementButton { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 48px; width: 48px; background-color: transparent; border-style: none; cursor: pointer; position: relative; }

.ytSliderShapeHostIncrementButtonIconWrapper { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; border-radius: 50%; background-color: rgba(0, 0, 0, 0.05); height: 24px; width: 24px; }

.ytSliderShapeHostIncrementButtonIcon { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: rgb(3, 3, 3); height: 16px; width: 16px; }

.ytSliderShapeHostIncrementButton:disabled { cursor: default; color: rgb(144, 144, 144); }

.ytSliderShapeHostSlider { box-sizing: border-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; font: inherit; color: rgb(3, 3, 3); appearance: none; margin: 0px 12px; display: flex; background-color: transparent; outline: none; padding-bottom: 0px; --yt-slider-shape-gradient-percent: 0; width: 100%; height: 24px; }

.ytSliderShapeHostSlider::-webkit-slider-runnable-track { background: linear-gradient(to right,#030303 0,#030303 var(--yt-slider-shape-gradient-percent),#909090 var(--yt-slider-shape-gradient-percent),#909090 100%); height: 4px; border-radius: 12px; }

.ytSliderShapeHostSlider::-webkit-slider-thumb { appearance: none; background: rgb(3, 3, 3); width: 16px; height: 16px; border-radius: 8px; margin-top: -6px; }

.ytSliderShapeVertical { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin: 0px; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; direction: rtl; }

.ytSliderShapeVerticalSlider { box-sizing: border-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; font: inherit; color: rgb(3, 3, 3); appearance: none; margin: 0px 12px; display: flex; background-color: transparent; outline: none; padding-bottom: 0px; --yt-slider-shape-gradient-percent: 0; height: 100%; width: 24px; }

.ytSliderShapeVerticalSlider::-webkit-slider-runnable-track { background: linear-gradient(to top,#030303 0,#030303 var(--yt-slider-shape-gradient-percent),#909090 var(--yt-slider-shape-gradient-percent),#909090 100%); width: 4px; border-radius: 12px; }

.ytSliderShapeVerticalSlider::-webkit-slider-thumb { appearance: none; background: rgb(3, 3, 3); width: 16px; height: 16px; border-radius: 8px; margin-right: -6px; }

@media (forced-colors: active) {
  .ytSliderShapeHostSlider { appearance: auto; }
}

.ytPanelHeaderViewModelHost { display: flex; padding: 10px 16px; -webkit-box-align: center; align-items: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); min-height: 48px; box-sizing: border-box; -webkit-box-pack: justify; justify-content: space-between; }

.ytPanelHeaderViewModelHostHideDivider { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.ytPanelHeaderViewModelHostCompact { padding: 8px 12px; }

.ytPanelHeaderViewModelTitleWrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytPanelHeaderViewModelTitleHeader { margin: 0px; }

.ytPanelHeaderViewModelTitleHeaderNonInteractive { pointer-events: none; }

.ytPanelHeaderViewModelTitle { color: rgb(3, 3, 3); 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; }

.ytPanelHeaderViewModelSubtitle { margin-top: 2px; color: rgb(96, 96, 96); 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; }

.ytPanelHeaderViewModelTrailingButtons { display: flex; flex-wrap: nowrap; margin-left: 12px; }

.ytPanelHeaderViewModelButton:not(:last-child) { padding-right: 24px; }

.ytPanelHeaderViewModelButtonOrAnchor { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; outline: none; }

.ytPanelHeaderViewModelButtonOrAnchorFocused { outline: currentcolor solid 2px; }

.ytSheetViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytSheetViewModelContextual { backdrop-filter: blur(8px); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 32px 0px; overflow: hidden; }

.ytSheetViewModelPaddedContent { padding: 16px 0px; }

.ytSheetViewModelDisableBackdropFilter { backdrop-filter: none; }

.ytSpecBottomSheetLayoutHost { display: flex; min-height: 0px; }

.ytSpecBottomSheetLayoutContainer { border-radius: 12px; background-color: rgb(255, 255, 255); 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) {
  .ytSpecBottomSheetLayoutContainer { width: 400px; margin: 0px auto 24px; }
}

.ytSpecBottomSheetLayoutHeaderWrapper { overflow: hidden; -webkit-box-flex: 0; flex: 0 0 auto; border-bottom: 1px solid rgb(255, 255, 255); cursor: grab; }

.ytSpecBottomSheetLayoutHeaderWrapperIsDragging { cursor: grabbing; }

.ytSpecBottomSheetLayoutHeaderWrapperBottomBorder { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.ytSpecBottomSheetLayoutDragLine { background: rgb(3, 3, 3); opacity: 0.15; border-radius: 4px; height: 4px; margin: 8px auto 0px; width: 40px; }

.ytSpecBottomSheetLayoutHeader { -webkit-box-pack: justify; justify-content: space-between; display: flex; margin-top: 8px; }

.ytSpecBottomSheetLayoutHeaderWithTitle { margin-bottom: 7px; }

.ytSpecBottomSheetLayoutTitleWrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: flex; margin-left: 12px; }

.ytSpecBottomSheetLayoutTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; color: rgb(3, 3, 3); max-height: 20px; margin: 0px; }

.ytSpecBottomSheetLayoutSubtitle { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgb(96, 96, 96); margin-bottom: 0px; margin-top: 4px; max-height: 16px; }

.ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutTitle { 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) {
  .ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutTitle { 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; }
}

.ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutSubtitle { 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; }

.ytSpecBottomSheetLayoutActionHeader { display: flex; -webkit-box-align: center; align-items: center; color: rgb(3, 3, 3); margin: 0px 12px; }

.ytSpecBottomSheetLayoutContentWrapper { -webkit-box-flex: 1; flex: 1 1 0%; overflow-y: scroll; }

.ytSpecBottomSheetLayoutBottomSheetContent { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; color: rgb(3, 3, 3); }

.ytSpecBottomSheetLayoutFooterWrapper { display: block; -webkit-box-align: center; align-items: center; overflow: hidden; -webkit-box-flex: 0; flex: 0 0 auto; position: sticky; bottom: 0px; }

.ytSpecBottomSheetLayoutFooterButtonWrapper { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; margin: 12px 0px; }

.ytSpecBottomSheetLayoutFooterButtonWrapperLandscapeButtonWrapper { margin: 6px 0px; }

.ytSpecBottomSheetLayoutSecondaryButton { display: flex; margin-right: 8px; margin-left: 12px; }

.ytSpecBottomSheetLayoutSecondaryButtonTrailingPair { -webkit-box-pack: end; justify-content: flex-end; }

.ytSpecBottomSheetLayoutSecondaryButtonSplitPair { -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-pack: center; justify-content: center; }

.ytSpecBottomSheetLayoutSecondaryButtonPrimarySplitPair { -webkit-box-pack: center; justify-content: center; }

.ytSpecBottomSheetLayoutPrimaryButton { display: flex; -webkit-box-pack: center; justify-content: center; }

.ytSpecBottomSheetLayoutPrimaryButtonDefault { margin: 0px 12px; width: 100%; }

.ytSpecBottomSheetLayoutPrimaryButtonTrailingPair { -webkit-box-pack: end; justify-content: flex-end; margin-right: 12px; }

.ytSpecBottomSheetLayoutPrimaryButtonPrimarySplitPair, .ytSpecBottomSheetLayoutPrimaryButtonSplitPair { -webkit-box-flex: 1; flex: 1 1 0%; margin-right: 12px; -webkit-box-pack: center; justify-content: center; }

.ytSpecBottomSheetLayoutFooterLabelWrapper { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin: 0px 12px; height: 30px; }

.ytSpecBottomSheetLayoutFooterLabelWrapperWithoutButtons { margin-bottom: 12px; }

.ytSpecBottomSheetLayoutLeadingLabel, .ytSpecBottomSheetLayoutTrailingLabel { margin-top: 12px; color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytContextualSheetLayoutHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background-color: rgb(255, 255, 255); height: 100%; min-width: 128px; max-width: 400px; width: 100%; max-height: calc(-48px + 100vh); min-height: 0px; }

.ytContextualSheetLayoutHostOldMinWidth { min-width: 256px; }

.ytContextualSheetLayoutAddPadding { padding-bottom: 8px; }

.ytContextualSheetLayoutHeaderContainer { -webkit-box-flex: 0; flex: 0 1 0%; }

.ytContextualSheetLayoutContentContainer { -webkit-box-flex: 1; flex-grow: 1; overflow-y: auto; scrollbar-color: transparent transparent; scrollbar-width: thin; }

.ytContextualSheetLayoutContentContainer::-webkit-scrollbar { background: transparent; width: 16px; }

.ytContextualSheetLayoutContentContainer::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: transparent; }

.ytContextualSheetLayoutContentContainer:hover { scrollbar-color: rgb(144, 144, 144) transparent; }

.ytContextualSheetLayoutContentContainer:hover::-webkit-scrollbar-thumb { background-color: rgb(144, 144, 144); }

.ytContextualSheetLayoutFooterContainer { -webkit-box-flex: 0; flex: 0 1 0%; }

.ytwVariableSpeedControllerViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 12px; }

.ytwVariableSpeedControllerViewModelSpeedIndicatorContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; margin: auto; }

.ytwVariableSpeedControllerViewModelPlaybackSpeedDisplay { -webkit-box-pack: center; justify-content: center; align-self: center; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 900; }

@media (max-width: 527.9px) {
  .ytwVariableSpeedControllerViewModelPlaybackSpeedDisplay { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 900; }
}

.ytwVariableSpeedControllerViewModelPremiumBadge { position: absolute; right: 100%; margin-right: 8px; }

.ytwVariableSpeedControllerViewModelSliderContainer { margin: 8px 0px; }

.ytwVariableSpeedControllerViewModelPlaybackSpeedButton { margin: 0px 4px; }

.ytwVariableSpeedControllerViewModelButtonContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.ytwVariableSpeedControllerSpeedButtonViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; align-self: flex-start; }

.ytwVariableSpeedControllerSpeedButtonViewModelSpeedLabel { margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; color: rgb(3, 3, 3); }

.ytWebScrimHost { position: fixed; inset: 0px; z-index: 1; cursor: pointer; background-color: rgba(0, 0, 0, 0.8); }

.ytWebScrimHostRelative { position: absolute; }

.ytWebScrimHostModernOverlay { background-color: rgba(0, 0, 0, 0.3); }

.ytWebScrimHostBottomSheet { background-color: rgba(0, 0, 0, 0.6); }

.ytWebScrimHostEngagementPanel { z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 100vw; }

.ytWebScrimHostDraggableEngagementPanel { z-index: 3; top: 0px; }

.ytWebScrimHostDrawerLayout { background-color: rgba(0, 0, 0, 0.6); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.ytWebScrimDialogContainer { width: 100%; height: 100%; inset: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 4; }

.ytWebScrimHiddenButton { position: fixed; top: 0px; left: 0px; height: 12px; width: 12px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; }

bottom-sheet-container { position: fixed; z-index: 5; }

bottom-sheet-container .close-button { position: fixed; top: 0px; left: 0px; height: 12px; width: 12px; }

c3-overlay.bottom-sheet-overlay { background-color: rgba(0, 0, 0, 0.6); }

[bottom-sheet-open] { overflow: hidden; }

[modal-open-body] { position: fixed; left: 0px; right: 0px; }

.b3-iframe-ancestor[modal-open-body] { position: absolute; }

.modal-hidden-button { position: fixed; top: 0px; left: 0px; height: 12px; width: 12px; }

.button-with-icon { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; user-select: none; min-width: 5.14em; margin: 0px 0.29em; font-size: 1.4rem; border-radius: 3px; }

.button-with-icon-button { padding: 0.7em 0.57em; }

.button-with-icon.compact { margin: -0.7em -0.57em; }

.button-with-icon.compact + .button-with-icon.compact { margin-left: 0.7em; }

.button-with-icon-inner { display: flex; -webkit-box-align: center; align-items: center; }

.button-with-icon-button[disabled], .button-with-icon.disabled .button-with-icon-button { color: rgb(144, 144, 144); }

.button-renderer[data-style="STYLE_BRAND"] { color: rgb(225, 0, 45); }

.button-renderer[data-style="STYLE_PRIMARY"]:not([disabled="true"]) { color: rgb(255, 255, 255); background-color: rgb(6, 95, 212); }

.button-renderer[data-style="STYLE_PRIMARY"][disabled="true"] { background-color: transparent; }

.button-renderer[data-style="STYLE_TEXT"] { color: rgb(96, 96, 96); }

.button-renderer[data-style="STYLE_TEXT"] .logo-arrow { fill: rgb(255, 255, 255); }

.button-renderer[data-style="STYLE_BLUE_TEXT"] { color: rgb(6, 95, 212); }

.button-renderer[data-style="STYLE_BLUE_TEXT_WITH_INVERSE_THEME"] { color: rgb(62, 166, 255); }

.button-renderer[data-style="STYLE_DESTRUCTIVE"] { background-color: rgb(225, 0, 45); border-color: rgb(225, 0, 45); color: rgb(255, 255, 255); }

.button-renderer[data-style="STYLE_SUGGESTIVE"] { border: 1px solid rgb(6, 95, 212); color: rgb(6, 95, 212); }

.button-renderer[data-style="STYLE_OVERLAY"] { background-color: rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255); }

.button-renderer[data-style="STYLE_DARK"] { background-color: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); }

.button-renderer[data-style="STYLE_INACTIVE_OUTLINE"] { color: rgb(96, 96, 96); border: 1px solid rgb(96, 96, 96); padding: 5px 11px; }

.button-renderer[data-icon-only="true"] { min-width: 0px; margin: 0px; }

.button-renderer[data-icon-only="false"] .button-renderer-icon { margin: 0px 8px; }

.button-renderer-text { align-self: center; min-height: 1em; line-height: 1em; font-weight: 500; }

[is-busy="true"] .button-renderer-icon, [is-busy="true"] .button-renderer-text { visibility: hidden; }

.button-with-icon-spinner { position: absolute; inset: 0px; margin: auto; }

.button-renderer-with-animation .button-with-icon-button { overflow: visible; }

c3-icon { display: inline-flex; flex-shrink: 0; width: 24px; height: 24px; fill: currentcolor; stroke: none; }

[dir="rtl"] c3-icon[flip-for-rtl="true"] { transform: scaleX(-1); }

.icon-button { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; width: 40px; height: 40px; padding: 8px; box-sizing: border-box; }

c3-icon svg { width: 100%; height: 100%; }

c3-icon.icon-state-outline[icon-state-filled] { display: none; }

c3-icon.icon-state-filled[icon-state-outline] { display: none; }

.pivot-bar-item-tab c3-icon[icon-state-filled] { display: none; }

.pivot-bar-item-tab c3-icon[icon-state-outline] { display: block; }

.pivot-bar-item-tab[aria-selected="true"] c3-icon[icon-state-filled] { display: block; }

.pivot-bar-item-tab[aria-selected="true"] c3-icon[icon-state-outline] { display: none; }

#menu, .menu-container { position: fixed; inset: 0px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 4; }

.menu-content { position: relative; z-index: 2; max-height: 100%; overflow-y: auto; color: rgb(3, 3, 3); background-color: rgb(255, 255, 255); padding: 3px; }

.menu-content.menu-bottom { bottom: 0px; color: rgb(3, 3, 3); padding: 0px; position: fixed; max-width: 100%; width: 100%; }

.bottom-menu-cancel { border-top: 1px solid rgb(241, 241, 241); padding: 8px 0px; }

.menu-content > a { display: block; }

.menu-cancel-button { display: flex; -webkit-box-align: center; align-items: center; }

.menu-cancel-icon { margin: 0px 8px; }

.menu-content.menu-bottom c3-icon { color: rgb(3, 3, 3); margin: 0px 32px 0px 0px; }

.menu-content:not(.menu-show-icons) .menu-item-button c3-icon { display: none; }

@media (min-width: 330px) {
  .menu-content:not(.menu-bottom) { min-width: 250px; max-width: 356px; margin: 40px; }
}

.menu-full-width .menu-content { background-color: rgb(255, 255, 255); min-width: 100%; min-height: 100%; margin: 0px; padding: 0px; height: 1px; box-sizing: border-box; }

.menu-content.rounded-container { border-radius: 8px; }

.icon-button.small { padding-left: 0px; padding-right: 0px; width: 16px; }

ytm-menu-item { display: block; padding: 3px 0px; }

ytm-menu-item .menu-item-button { display: flex; -webkit-box-align: center; align-items: center; box-sizing: border-box; min-height: 48px; padding: 8px 16px; margin-left: 0px; width: 100%; cursor: pointer; text-align: initial; text-transform: unset; user-select: none; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; }

ytm-menu-item .menu-item-button:hover { background-color: rgba(0, 0, 0, 0.05); }

ytm-menu-item c3-icon { margin-right: 24px; }

.menu-bottom .menu-item-button { display: flex; -webkit-box-align: center; align-items: center; font-size: 1.6rem; padding: 11px 16px; }

.ytwPlayerBottomControlsHost { display: block; }

.ytwPlayerBottomControlsFullscreenButtonWrapper { margin-inline-start: auto; }

.ytBadgeShapeHost { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; border-radius: 2px; padding: 0px 4px; }

.ytBadgeShapeTypography { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; }

.ytBadgeShapeIcon { display: block; margin-right: 2px; height: 16px; width: 16px; }

.ytBadgeShapeModern .ytBadgeShapeIcon { margin-right: 2px; height: 12px; width: 12px; }

.ytBadgeShapeNoText { padding: 0px 1px; min-height: 18px; }

.ytBadgeShapeNoText .ytBadgeShapeIcon { margin-right: 0px; }

.ytBadgeShapeThumbnailBadge { border-radius: 4px; padding: 1px 4px; }

.ytBadgeShapeThumbnailBadge .ytBadgeShapeIcon { margin-right: 4px; height: 12px; width: 12px; }

.ytBadgeShapeThumbnailBadge.ytBadgeShapeNoText .ytBadgeShapeIcon { margin-right: 0px; }

.ytBadgeShapeThumbnailBadgeRedesign { backdrop-filter: blur(8px); border-radius: 10px; padding: 0px 6px; }

.ytBadgeShapeStatusBadge { border-radius: 4px; padding: 1px 4px; }

.ytBadgeShapeStatusBadge .ytBadgeShapeIcon { margin-right: 4px; height: 12px; width: 12px; }

.ytBadgeShapeStatusBadge.ytBadgeShapeNoText .ytBadgeShapeIcon { margin-right: 0px; }

.ytBadgeShapeText { display: block; white-space: nowrap; }

.ytBadgeShapeTextClipTextOverflow { overflow: hidden; text-overflow: ellipsis; }

.ytBadgeShapeTextHasMultipleBadgesInRow { overflow: hidden; text-overflow: ellipsis; max-width: 20ch; }

.ytBadgeShapeDefault { color: rgb(96, 96, 96); background: rgba(0, 0, 0, 0.05); }

.ytBadgeShapeDefault.ytBadgeShapeOverlay { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); }

.ytBadgeShapeDefault.ytBadgeShapeModern { color: rgb(96, 96, 96); background: none; padding-left: 0px; }

.ytBadgeShapeMedia { color: rgb(96, 96, 96); outline: rgba(0, 0, 0, 0.1) solid 1px; outline-offset: -1px; }

.ytBadgeShapeMedia.ytBadgeShapeModern { color: rgb(96, 96, 96); outline: rgba(0, 0, 0, 0.1) solid 1px; outline-offset: -1px; }

.ytBadgeShapeMediaOverlay { color: rgb(255, 255, 255); outline: rgba(255, 255, 255, 0.3) solid 1px; outline-offset: -1px; }

.ytBadgeShapeMediaOverlay.ytBadgeShapeModern { color: rgb(255, 255, 255); outline: rgba(255, 255, 255, 0.3) solid 1px; outline-offset: -1px; }

.ytBadgeShapePromoted { color: rgb(3, 3, 3); padding-left: 0px; }

.ytBadgeShapePromoted.ytBadgeShapeModern { color: rgb(3, 3, 3); background: none; padding-left: 0px; }

.ytBadgeShapePromotedInverted.ytBadgeShapeModern { color: rgb(255, 255, 255); background: none; padding-left: 0px; }

.ytBadgeShapeTimely { color: rgb(96, 96, 96); }

.ytBadgeShapeTimely .ytBadgeShapeIcon { color: rgb(225, 0, 45); }

.ytBadgeShapeTimely { padding-left: 0px; }

.ytBadgeShapeTimely.ytBadgeShapeModern { color: rgb(96, 96, 96); }

.ytBadgeShapeTimely.ytBadgeShapeModern .ytBadgeShapeIcon { color: rgb(225, 0, 45); }

.ytBadgeShapeTimely.ytBadgeShapeModern { padding-left: 0px; }

.ytBadgeShapePremium { color: rgb(255, 255, 255); background: rgb(225, 0, 45); }

.ytBadgeShapePremium.ytBadgeShapeModern { color: rgb(255, 255, 255); background: rgb(225, 0, 45); }

.ytBadgeShapeSale { color: rgb(195, 0, 39); }

.ytBadgeShapeSale .ytBadgeShapeIcon { color: rgb(195, 0, 39); }

.ytBadgeShapeSale { padding-left: 0px; }

.ytBadgeShapeSale.ytBadgeShapeModern, .ytBadgeShapeSale.ytBadgeShapeModern .ytBadgeShapeIcon { color: rgb(195, 0, 39); }

.ytBadgeShapeSale.ytBadgeShapeModern { padding-left: 0px; }

.ytBadgeShapeMembership { color: rgb(16, 117, 22); background: rgba(0, 0, 0, 0.05); }

.ytBadgeShapeMembership.ytBadgeShapeModern { color: rgb(16, 117, 22); background: none; padding-left: 0px; }

.ytBadgeShapeCommerce { color: rgb(16, 117, 22); background: rgba(0, 0, 0, 0.05); }

.ytBadgeShapeCommerce.ytBadgeShapeModern { color: rgb(16, 117, 22); background: none; padding-left: 0px; }

.ytBadgeShapeLive { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); }

.ytBadgeShapeLive.ytBadgeShapeOverlay { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); }

.ytBadgeShapeLive.ytBadgeShapeModern { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); }

.ytBadgeShapeStatusNew { color: rgb(6, 95, 212); outline: rgb(6, 95, 212) solid 1px; outline-offset: -1px; }

.ytBadgeShapeStatusNew.ytBadgeShapeModern { color: rgb(6, 95, 212); outline: rgb(6, 95, 212) solid 1px; outline-offset: -1px; }

.ytBadgeShapeStatusComplete { color: rgb(0, 89, 23); background: rgb(222, 255, 222); }

.ytBadgeShapeStatusComplete.ytBadgeShapeModern { color: rgb(0, 89, 23); background: rgb(222, 255, 222); }

.ytBadgeShapeStatusWarning { color: rgb(124, 41, 0); background: rgb(255, 234, 207); }

.ytBadgeShapeStatusWarning.ytBadgeShapeModern { color: rgb(124, 41, 0); background: rgb(255, 234, 207); }

.ytBadgeShapeStatusError { color: rgb(153, 4, 18); background: rgba(255, 85, 119, 0.2); }

.ytBadgeShapeStatusError.ytBadgeShapeModern { color: rgb(153, 4, 18); background: rgba(255, 85, 119, 0.2); }

.ytBadgeShapeStatusDefault { color: rgb(3, 3, 3); background: rgba(0, 0, 0, 0.1); }

.ytBadgeShapeStatusDefault.ytBadgeShapeModern { color: rgb(3, 3, 3); background: rgba(0, 0, 0, 0.1); }

.ytBadgeShapeThumbnailDefault { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); }

.ytBadgeShapeThumbnailDefault.ytBadgeShapeModern { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); }

.ytBadgeShapeThumbnailLive { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); }

.ytBadgeShapeThumbnailLive.ytBadgeShapeModern { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); }

.ytBadgeShapeThumbnailSpecial { color: rgb(3, 3, 3); background: rgb(255, 255, 255); }

.ytBadgeShapeThumbnailSpecial .ytBadgeShapeIcon { color: rgb(225, 0, 45); }

.ytBadgeShapeThumbnailSpecial.ytBadgeShapeModern { color: rgb(3, 3, 3); background: rgb(255, 255, 255); }

.ytBadgeShapeThumbnailSpecial.ytBadgeShapeModern .ytBadgeShapeIcon { color: rgb(225, 0, 45); }

.ytBadgeShapeThumbnailDefaultRedesign { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.3); }

.ytBadgeShapeThumbnailDefaultRedesign.ytBadgeShapeModern { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.3); }

.ytBadgeShapeAd { font-weight: 700; color: rgb(3, 3, 3); white-space: nowrap; display: flex; padding-right: 0px; padding-left: 0px; font-size: unset; line-height: unset; }

.ytBadgeShapeAd.ytBadgeShapeAdsIncludeDot::after { content: "·"; padding-inline: 4px; }

.ytBadgeShapeAd.ytBadgeShapeOverlay { color: rgb(255, 255, 255); }

.ytBadgeShapeMediumFontAdBadge { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.ytBadgeShapeLargeFontAdBadge { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; }

.ytBadgeShapeIsEmpty { display: none; }

.accountInfoHost { display: block; }

.like-button-renderer [aria-pressed="true"] c3-icon { color: rgb(6, 95, 212); }

.like-button-renderer [aria-pressed="true"] c3-icon path { fill: rgb(62, 166, 255); stroke: rgb(255, 255, 255); stroke-width: 1px; }

ytm-menu-renderer { display: flex; }

.bottom-sheet-media-menu-item ytm-menu-item { padding: 0px; height: 48px; display: flex; -webkit-box-align: center; align-items: center; }

.bottom-sheet-media-menu-item .menu-item-button { display: flex; padding: 0px; margin-left: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; }

.bottom-sheet-media-menu-item c3-icon { margin-right: 12px; }

ytm-thumbnail-overlay-time-status-renderer { margin: 5px; }

ytm-thumbnail-overlay-time-status-renderer[thumbnail-size="small"] { margin: 2px; }

ytm-thumbnail-overlay-time-status-renderer[thumbnail-size="medium"] { margin: 4px; }

ytm-thumbnail-overlay-time-status-renderer[thumbnail-size="large"] { margin: 8px; }

ytm-thumbnail-overlay-time-status-renderer[data-style="LIVE"], ytm-thumbnail-overlay-time-status-renderer[data-style="SHORTS"] { text-transform: uppercase; }

img.custom-thumbnail.video-thumbnail-img { object-fit: scale-down; max-height: 100%; max-width: 100%; }

.video-thumbnail-container-compact, .video-thumbnail-container-large { position: relative; flex-shrink: 0; overflow: hidden; }

.video-thumbnail-img { position: absolute; inset: 0px; width: 100%; min-height: 100%; margin: auto; }

.video-thumbnail-bg { background-color: rgba(0, 0, 0, 0.1); }

.video-thumbnail-container-large { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-bottom: 56.25%; }

.video-thumbnail-container-large.stacked { border-radius: 12px; border-top: 1px solid rgb(255, 255, 255); }

.video-thumbnail-container-compact { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 160px; height: 90px; }

.custom-thumbnail-background-container { position: absolute; width: 180px; height: 180px; }

.custom-thumbnail-background-container .custom-thumbnail { opacity: 0.7; filter: blur(30px); }

.video-thumbnail-container-compact-rounded { border-radius: 8px; }

.original-aspect-ratio img { height: 100%; width: auto; }

.stacked { border-radius: 12px; border-top: 1px solid rgb(255, 255, 255); }

@media (max-width: 549px) and (orientation: portrait) {
  .big-shorts-singleton .video-thumbnail-container-large { padding-bottom: 125%; }
  .big-shorts-singleton .video-thumbnail-container-large img { object-fit: cover; width: 100%; }
}

@media (max-width: 549px) and (orientation: portrait) {
  ytm-item-section-renderer:first-of-type .video-thumbnail-container-large { margin-top: 0px; }
  .video-thumbnail-container-large:where(.not-rendered-from-rich-item) { margin: -13px -12px 0px; padding-top: 13px; }
  .style-recommendations-in-portrait .video-thumbnail-container-large.rounded-thumbnail { border-radius: 12px; margin: 0px; padding-top: 0px; }
}

@media (max-width: 299px) and (orientation: portrait) {
  .video-thumbnail-container-large { margin: 0px; padding-top: 0px; }
}

.video-thumbnail-container-large.thumbnail-cover-rounded { border-radius: 12px; }

@media (min-width: 550px) and (orientation: portrait), (min-width: 931px) and (orientation: landscape) {
  .video-thumbnail-container-large.rounded-thumbnail { border-radius: 12px; }
}

@media (min-aspect-ratio: 13 / 9) and (orientation: landscape), (min-width: 931px) and (orientation: landscape) {
  .video-thumbnail-container-large.rounded-thumbnail { border-radius: 12px; }
}

@media (max-width: 930px) and (orientation: landscape) {
  .style-recommendations-in-portrait .video-thumbnail-container-large.rounded-thumbnail, player-fullscreen-controls .video-thumbnail-container-large.rounded-thumbnail { border-radius: 12px; }
}

.video-thumbnail-fill-parent { margin: 0px; padding-top: 0px; border-radius: 12px; }

.ytSpecDialogLayoutHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background-color: rgb(255, 255, 255); }

.ytSpecDialogLayoutContainer { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: hidden; padding-bottom: 24px; }

.ytSpecDialogLayoutTopPadding { padding-top: 24px; }

.ytSpecDialogLayoutIcon { margin: 24px 24px 0px; }

.ytSpecDialogLayoutIconAboveMedia { margin-bottom: 24px; }

.ytSpecDialogLayoutIconCenterAlign { align-self: center; }

.ytSpecDialogLayoutAsset { width: 100%; min-height: 0px; flex-shrink: 4; display: flex; overflow: hidden; }

.ytSpecDialogLayoutAssetItem { width: 100%; flex-shrink: 0; object-fit: cover; }

.ytSpecDialogLayoutDialogHeaderContainer { padding: 24px 24px 8px; }

.ytSpecDialogLayoutDialogHeader { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; flex-shrink: 0; }

.ytSpecDialogLayoutDialogHeaderAboveAsset { padding-bottom: 24px; }

.ytSpecDialogLayoutTitle { color: rgb(3, 3, 3); -webkit-box-flex: 1; 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; }

.ytSpecDialogLayoutLeadingActionHeader { color: rgb(3, 3, 3); margin-right: 12px; }

.ytSpecDialogLayoutTrailingActionHeader { color: rgb(3, 3, 3); margin-left: auto; }

.ytSpecDialogLayoutContent { color: rgb(3, 3, 3); overflow-y: auto; }

.ytSpecDialogLayoutContentInner { overflow: visible; padding: 0px 24px; }

.ytSpecDialogLayoutFooterContainer { padding-top: 16px; padding-left: 24px; padding-right: 24px; }

.ytSpecDialogLayoutFooter { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap-reverse; flex-shrink: 0; margin: -8px 0px 0px -8px; }

.ytSpecDialogLayoutDialogButtonsInlineEnd { -webkit-box-pack: end; justify-content: end; }

.ytSpecDialogLayoutButton { display: flex; padding: 8px 0px 0px 8px; }

.ytSpecDialogLayoutDialogButtonsInlineStretched { -webkit-box-flex: 1; flex: 1 1 0%; }

.ytSpecDialogLayoutCenterAlign .ytSpecDialogLayoutContent, .ytSpecDialogLayoutCenterAlign .ytSpecDialogLayoutTitle { text-align: center; }

.ytSpecDialogLayoutDialogButtonsStacked { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

@media (max-width: 330px) {
  .ytSpecDialogLayoutResponsive { min-width: calc(-96px + 100vw); max-width: 100%; max-height: 100vh; }
}

@media (min-width: 331px) and (max-width: 527px) {
  .ytSpecDialogLayoutResponsive { min-width: min(320px, -96px + 100vw); max-width: min(400px, -96px + 100vw); max-height: calc(-96px + 100vh); }
}

@media (min-width: 528px) {
  .ytSpecDialogLayoutResponsive { min-width: 320px; max-width: min(560px, -96px + 100vw); max-height: min(560px, -96px + 100vh); }
}

.ytSpecDialogLayoutFullscreen { height: 100%; width: 100%; }

.ytSpecDialogLayoutFullscreen .ytSpecDialogLayoutContainer, .ytSpecDialogLayoutFullscreen .ytSpecDialogLayoutContent { display: block; height: 100%; width: 100%; }

.ytSpecDialogLayoutFullscreen .ytSpecDialogLayoutContentInner { display: block; height: 100%; width: 100%; padding: 0px; }

@media (min-width: 528px) {
  .ytSpecDialogLayoutExtendedMaxHeight { max-height: calc(-96px + 100vh); }
}

.ytSpecDialogLayoutAssetInset .ytSpecDialogLayoutAsset { width: auto; padding: 0px 24px; border-radius: 12px; }

.ytSpecDialogLayoutAssetInset .ytSpecDialogLayoutAssetItem { border-radius: 12px; }

.ytwPivotButtonViewModelHost { display: flex; -webkit-box-pack: center; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytwReelActionBarViewModelHost > * { margin-top: 16px; }

.ytwReelActionBarViewModelHost > toggle-button-view-model { margin-top: 0px; }

.ytwReelActionBarViewModelHostMobile { width: 56px; -webkit-box-align: center; align-items: center; }

.ytwReelActionBarViewModelHostMobile .ytSpecButtonShapeWithLabelLabel { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 500; line-height: 16px; margin: 0px; }

.ytwReelActionBarViewModelHostMobile .ytSpecButtonShapeNextHost:focus { background: unset; }

.ytwReelActionBarViewModelHostMobile button:not([aria-pressed="true"]) c3-icon { filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 2px); }

.ytwReelActionBarViewModelHostMobileActionButton { padding-top: 4px; padding-bottom: 8px; margin: 0px; }

.ytwReelActionBarViewModelHostDesktop { -webkit-box-align: center; align-items: center; }

.ytwReelActionBarViewModelHostDesktop .ytSpecButtonShapeWithLabelLabel { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytwReelActionBarViewModelHostDesktopActionButton { padding-top: 0px; padding-bottom: 8px; margin: 0px; }

@media (max-height: 411px) and (orientation: landscape) {
  .ytwReelActionBarViewModelHost > * { margin-top: 0px; }
  .ytwReelActionBarViewModelHost .ytSpecButtonShapeWithLabelLabel { display: none; }
}

.ytReelMetapanelViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; max-width: 480px; }

.ytReelMetapanelViewModelMetapanelItem:not(:first-child) { padding-top: 4px; max-width: 100%; }

.ytReelMetapanelViewModelMetapanelItem:not(:last-child) { padding-bottom: 4px; max-width: 100%; }

.ytAnimatedActionHost { display: block; position: relative; }

.ytAnimatedActionLottie { position: absolute; inset: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; pointer-events: none; }

.ytAnimatedActionBackground { width: 100%; }

.ytAnimatedActionBackgroundContainer { overflow: hidden; border-radius: 18px; }

.ytAnimatedActionContentWithBackground { position: relative; }

.player-settings-header { margin-bottom: 20px; }

.player-caption-settings, .player-quality-settings, .player-speed-settings { width: 100%; margin: 4px 0px 12px; }

.copyDebugInfoPlayerDebugInfo { background-color: transparent; outline: none; box-sizing: border-box; border-radius: 0px; margin-bottom: 1px; font: inherit; color: rgb(3, 3, 3); appearance: none; min-height: 8.4rem; width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); padding: 8px; }

.copyDebugInfoPlayerDebugInfo::-webkit-input-placeholder { color: rgb(96, 96, 96); opacity: 1; }

.copyDebugInfoPlayerDebugInfo::placeholder { color: rgb(96, 96, 96); opacity: 1; }

.copyDebugInfoPlayerDebugInfo { height: 40vh; direction: ltr; }

.stableVolumeToggleHost { display: block; }

.ytPlayerControlsContainerHost { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; }

.ytPlayerControlsContainerRendered { position: fixed; inset: 0px; padding-bottom: 0px; }

.ytShortsEmbedsHost { position: absolute; inset: 0px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0px, rgba(0, 0, 0, 0) 160px), linear-gradient(rgba(0, 0, 0, 0.4) 0px, rgba(0, 0, 0, 0) 96px); }

.ytShortsEmbedsReelPlayerOverlayRenderer .reel-player-overlay-actions, .ytShortsEmbedsReelPlayerOverlayRenderer .reel-player-overlay-metadata, .ytShortsEmbedsReelPlayerOverlayRenderer .reel-player-overlay-top-bar { z-index: 2; }

.ytShortsEmbedsTopbarContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; position: fixed; z-index: 2; width: 100%; }

.ytShortsEmbedsVolumeControls { position: absolute; right: 48px; }

.ytmCuedOverlayHost { display: block; cursor: pointer; position: absolute; inset: 0px; z-index: 1; transition: opacity 0.7s, 0.7s; }

.ytmCuedOverlayHidden, .ytmCuedOverlayHost.hidden { visibility: hidden; opacity: 0; }

.ytmCuedOverlayPlayButton { position: absolute; top: 50%; left: 50%; margin-left: -36px; margin-top: -36px; width: 72px; height: 72px; padding: 0px; border: 0px; background: transparent; cursor: pointer; }

.ytmCuedOverlayPlayButton.shorts, .ytmCuedOverlayShorts { margin-left: -50px; margin-top: -50px; width: 100px; height: 100px; }

.ytmCuedOverlayPlayButtonIcon { width: 100%; height: 100%; color: rgb(255, 0, 51); }

@media (forced-colors: active) {
  .ytmCuedOverlayPlayButtonIcon { color: buttontext; }
  .ytmCuedOverlayPlayButtonIcon path:first-child { fill: buttontext; }
  .ytmCuedOverlayPlayButtonIcon .logo-arrow, .ytmCuedOverlayPlayButtonIcon path:nth-child(2) { fill: canvas; }
}

.ytmCuedOverlayGradient { width: 100%; position: absolute; background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); height: 7rem; }

.ytChapteredProgressBarHost { display: flex; position: absolute; width: 100%; height: 3px; }

.ytChapteredProgressBarChapteredPlayerBarChapter { height: 3px; margin: 0px 1px; position: relative; }

.ytChapteredProgressBarChapteredPlayerBarChapterSeen { background: linear-gradient(90deg, rgb(255, 0, 51) 80%, rgb(255, 39, 145)); }

.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(90deg, rgb(255, 0, 51) 80%, rgb(255, 39, 145)); }

.ytChapteredProgressBarChapteredPlayerBarLoaded { background: rgba(255, 255, 255, 0.3); height: 3px; position: absolute; }

.ytChapteredProgressBarHoveredMacroMarker { transform: scaleY(2); transform-origin: center center; }

.ytFocusedChapterProgressBarLineHost { display: block; position: absolute; width: 100%; }

.ytFocusedChapterProgressBarLineProgressBarLine { position: relative; height: 3px; width: 100%; }

.ytFocusedChapterProgressBarLineProgressBarLineRounded { border-radius: 1.5px; overflow: hidden; }

.ytFocusedChapterProgressBarLineProgressBarLineBottomInset { height: 5px; border-radius: 2.5px; overflow: hidden; }

.ytFocusedChapterProgressBarLineProgressBarBackground { position: absolute; top: 0px; bottom: 0px; background-color: rgb(255, 255, 255); opacity: 0.6; width: 100%; }

.ytFocusedChapterProgressBarLineProgressBarPlayed { position: relative; top: 0px; bottom: 0px; height: 100%; background: linear-gradient(90deg, rgb(255, 0, 51) 80%, rgb(255, 39, 145)); }

.ytHeatSeekerHost { position: absolute; left: 0px; right: 0px; bottom: 0px; 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); }

.ytPlayerProgressBarHost { position: absolute; display: flex; -webkit-box-align: center; 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; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.ytPlayerProgressBarDragContainerBottomEdge { height: 0px; padding: 19.5px 0px 8.5px; }

.ytPlayerProgressBarHeatseekerContainer { position: absolute; left: 0px; right: 0px; bottom: 1.5px; }

.ytPlayerProgressBarHeatseekerContainerInset { bottom: 14.5px; }

.ytPlayerProgressBarProgressBar { width: 100%; overflow: visible; position: relative; display: flex; -webkit-box-align: center; 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), -webkit-transform 0.1s cubic-bezier(0.05, 0, 0, 1); }

.ytPlayerProgressBarProgressBarInsetMinimized { padding-top: 0px; padding-bottom: 0px; width: 100%; transform: translateY(12px); }

.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; forced-color-adjust: none; background: linear-gradient(90deg, rgb(255, 0, 51) 80%, rgb(255, 39, 145)); }

.ytProgressBarPlayheadHost { display: block; position: absolute; }

.ytProgressBarPlayheadProgressBarPlayheadDot { height: 12px; width: 12px; border-radius: 50%; forced-color-adjust: none; background-color: rgb(255, 0, 51); transform: scale(1); transition: transform 0.1s, -webkit-transform 0.1s; }

.ytProgressBarPlayheadProgressBarPlayheadDotLarge { height: 16px; width: 16px; }

.ytProgressBarPlayheadProgressBarPlayheadDotHide { transform: scale(0); }

.ytProgressBarPlayheadProgressBarPlayheadCustom { height: 20px; width: 20px; pointer-events: none; }

.ytProgressBarPlayheadProgressBarPlayheadCustomLarge { height: 24px; width: 24px; }

.ytProgressBarPlayheadProgressBarPlayheadCustomHide { transform: scale(0); }

.ytPlayerStoryboardHost { position: absolute; bottom: 80px; transform: translateX(-50%); pointer-events: none; }

.ytPlayerStoryboardHostBigboard { width: 100%; left: 50%; }

.ytPlayerStoryboardHostMwebShorts { margin-bottom: 48px; }

.ytPlayerStoryboardHostInlinePlayer { bottom: calc(56px*var(--storyboard-scale, 1)); }

.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.8rem; line-height: 3.8rem; font-weight: 700; }

@media (max-width: 527.9px) {
  .ytPlayerStoryboardTimestampShorts { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; }
}

.ytPlayerStoryboardTimestampShorts { padding-top: 8px; }

.ytPlayerStoryboardTimestampIsHovering { font-family: Roboto, Arial, sans-serif; font-weight: 500; font-size: calc(1.6rem*var(--storyboard-scale, 1)); line-height: calc(2.2rem*var(--storyboard-scale, 1)); }

.ytPlayerStoryboardMetadata { position: absolute; bottom: calc(-6px*var(--storyboard-scale, 1)); transform: translate(-50%, 100%); left: 50%; color: rgb(255, 255, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; width: 100%; font-size: calc(12px*var(--storyboard-scale, 1)); }

.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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; 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; -webkit-box-align: center; 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; }

@-webkit-keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fade-in { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.ytMwebShortsPlayerControlsHost { position: relative; margin-right: 0px; margin-left: 0px; bottom: 0px; height: 3px; direction: ltr; transition-property: height, margin-left, margin-right, padding, visibility; transition-duration: 0.25s; }

.ytMwebShortsPlayerControlsHostIsScrubbableMode { margin-right: 16px; margin-left: 16px; height: 16px; padding-bottom: 16px; transition-duration: 0.5s; }

.ytMwebShortsPlayerControlsHostHideProgressBar { visibility: hidden; height: 0px; }

.ytMwebShortsPlayerControlsGestureOverlay { position: absolute; height: 100vh; width: 100vw; inset: 0px; pointer-events: auto; }

.ytwAutonavTooltipHost { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; top: 25%; width: 100%; transform: translateY(-50%); color: rgb(255, 255, 255); }

.ytwPlayerUserEduTooltipHost { display: block; }

.ytwPlayerUserEduTooltipTooltipContainer { display: flex; -webkit-box-pack: center; justify-content: center; padding: 0px 8px; position: absolute; width: 100%; box-sizing: border-box; }

.ytwPlayerUserEduTooltipTooltipWrapper { position: relative; width: max-content; margin-top: 16px; display: flex; -webkit-box-pack: center; justify-content: center; z-index: 6; border-radius: 16px; background-color: rgba(0, 0, 0, 0.6); padding: 7px 16px; max-width: 100%; box-sizing: border-box; }

.ytwPlayerUserEduTooltipTooltipWrapper:empty { display: none; }

.ytwSpeedmasterTooltipHost { display: flex; }

.ytwSpeedmasterTooltipHost:not(.ytwSpeedmasterTooltipKillswitch) { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(255, 255, 255); position: relative; left: 0px; right: 0px; }

.ytwSpeedmasterTooltipLabel { text-align: justify; font-weight: 500; font-size: 14px; line-height: 18px; }

[dir="rtl"] .ytwSpeedmasterTooltipLabel { direction: rtl; }

.ytwSpeedmasterTooltipIcon { margin-left: 4px; }

.ytmShortsGestureOverlayControlsGestureOverlay { position: absolute; height: 100%; width: 100%; inset: 0px; pointer-events: auto; }

.ytmShortsGestureOverlayControlsGestureContainer { position: absolute; height: 100%; width: 100%; inset: 0px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ytmShortsGestureOverlayControlsSpeedmasterGestureArea { height: 100%; width: 25%; }

.ytmShortsGestureOverlayControlsMenuGestureArea { height: 100%; width: 50%; }

.ytmVideoCoverHost { display: block; cursor: pointer; position: absolute; inset: 0px; z-index: 1; transition: opacity 0.7s, 0.7s; }

.ytmVideoCoverHost.ended { z-index: 0; }

.ytmVideoCoverHost.hidden { visibility: hidden; opacity: 0; }

.ytmVideoCoverThumbnail { background-position: 50% center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; }

.ytdVolumeControlsHost { display: flex; max-height: 48px; }

.ytdVolumeControlsDisableSlider { width: 48px; }

.ytdVolumeControlsVolumeControlsContainer { display: flex; -webkit-box-align: center; align-items: center; border-radius: 50px; position: relative; -webkit-box-flex: 1; flex: 1 1 auto; max-width: 168px; }

.ytdVolumeControlsVolumeControlsContainerVertical { max-width: 48px; width: 48px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; gap: 60px; height: fit-content; pointer-events: none; }

.ytdVolumeControlsVolumeControlsContainerExpanded { pointer-events: all; }

.ytdVolumeControlsMuteIconButtonContainer { display: flex; width: 48px; height: 48px; border-radius: 50px; }

.ytdVolumeControlsMuteIconButton { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: end; z-index: 1; position: relative; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 12px; cursor: pointer; pointer-events: all; filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px); }

.ytdVolumeControlsSliderContainer { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 0px; opacity: 0; overflow: hidden; visibility: hidden; transition: visibility 0.12s linear, opacity 0.12s linear, width 0.12s linear; }

.ytdVolumeControlsSliderContainerExpanded { visibility: visible; width: 100%; opacity: 1; transition: visibility 0.3s linear, opacity 0.3s linear, width 0.3s linear; z-index: 1; }

.ytdVolumeControlsSliderContainerWithScrim { padding-right: 12px; }

.ytdVolumeControlsSliderContainerVertical { background-color: rgba(0, 0, 0, 0.3); border-radius: 50px; height: 48px; min-height: 48px; padding: 0px 12px; margin: 0px; transition: visibility 0.3s linear, opacity 0.3s linear, width linear 0.3s, margin 0.3s linear; }

.ytdVolumeControlsSliderContainerVerticalDown { transform: rotate(270deg); }

.ytdVolumeControlsSliderContainerVerticalExpanded { background-color: rgba(40, 40, 40, 0.6); margin-top: 8px; width: 133px; transition: visibility 0.3s linear, opacity 0.3s linear, width linear, margin 0.3s linear; }

.ytdVolumeControlsSliderContainerDisableSlider { display: none; }

.ytdVolumeControlsNativeSlider { --gradient-percent: 0; appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin-bottom: 1px; cursor: pointer; display: block; min-width: 0px; width: 100%; background-color: transparent; padding: 8px 0px; forced-color-adjust: none; }

.ytdVolumeControlsNativeSlider::-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; }

.ytdVolumeControlsNativeSlider::-webkit-slider-thumb { appearance: none; width: 16px; height: 16px; background-color: white; border-radius: 50%; margin-top: -6.5px; }

.ytdVolumeControlsNativeSlider::-webkit-slider-runnable-track { height: 2px; }

.ytdVolumeControlsMuteIcon { color: white; }

.ytdVolumeControlsBackgroundScrim { 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; }

.ytdVolumeControlsBackgroundScrimExpanded { width: 100%; background-color: rgba(0, 0, 0, 0.3); }

.ytdVolumeControlsBackgroundScrimExpandedHoverState::after { content: ""; position: absolute; inset: 4px; background: rgba(255, 255, 255, 0.1); border-radius: 28px; transition-property: width, background-color; }

.ytwPlayerFullscreenActionMenuHost { display: block; }

.ytwPlayerFullscreenActionMenuCircleButtons { margin-right: 8px; }

.ytmFullscreenRelatedVideosEntryPointViewModelHost { display: block; }

.ytmFullscreenRelatedVideosEntryPointViewModelButton { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; height: 48px; border-radius: 24px; padding-left: 12px; padding-right: 12px; white-space: nowrap; color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; background: rgba(0, 0, 0, 0.3); text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

.ytmFullscreenRelatedVideosEntryPointViewModelButton button { text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

.ytmFullscreenRelatedVideosEntryPointViewModelButton svg { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px); }

.ytmFullscreenRelatedVideosEntryPointViewModelSingleThumbnail { padding: 6px 8px; border-radius: 16px; }

.ytmFullscreenRelatedVideosEntryPointViewModelHost:not(.ytmFullscreenRelatedVideosEntryPointViewModelTitleHidden) .ytmFullscreenRelatedVideosEntryPointViewModelSingleThumbnail { padding: 6px 12px; }

.ytmFullscreenRelatedVideosEntryPointViewModelThumbnailStack { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin-top: -1px; }

.ytmFullscreenRelatedVideosEntryPointViewModelHost:not(.ytmFullscreenRelatedVideosEntryPointViewModelTitleHidden) .ytmFullscreenRelatedVideosEntryPointViewModelThumbnailStack { margin-left: 8px; }

.ytmFullscreenRelatedVideosEntryPointViewModelFadedThumbnail { height: 2px; margin-bottom: 1px; border-top-left-radius: 2px; border-top-right-radius: 2px; }

.ytmFullscreenRelatedVideosEntryPointViewModelSmallFadedThumbnail { width: 10px; background: rgba(255, 255, 255, 0.3); }

.ytmFullscreenRelatedVideosEntryPointViewModelLargeFadedThumbnail { width: 20px; background: rgba(255, 255, 255, 0.7); }

.ytmFullscreenRelatedVideosEntryPointViewModelThumbnailContainer { display: flex; -webkit-box-align: center; align-items: center; width: 36px; height: 20px; border: 2px solid white; border-radius: 8px; overflow: hidden; }

.ytmFullscreenRelatedVideosEntryPointViewModelSingleThumbnail .ytmFullscreenRelatedVideosEntryPointViewModelThumbnailContainer { width: 64px; height: 36px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: rgb(255, 255, 255) solid 2px; border-radius: 8px; }

.ytmFullscreenRelatedVideosEntryPointViewModelThumbnail { display: block; }

.ytmSlimMetadataButtonRendererHost { margin-right: 12px; }

ytm-slim-metadata-toggle-button-renderer.circle-buttons { margin-right: 12px; }

ytm-slim-metadata-toggle-button-renderer.circle-buttons .button-renderer-text { display: none; }

ytm-slim-metadata-toggle-button-renderer.circle-buttons .button-renderer { width: 40px; height: 40px; min-width: auto; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; margin: 0px; }

ytm-slim-metadata-toggle-button-renderer.circle-buttons .button-renderer-icon { width: 20px; height: 20px; }

.fullscreen-controls { --controls-height: 215px; bottom: calc(var(--controls-height)*-1); left: 0px; right: 0px; position: absolute; height: var(--controls-height); z-index: 2; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 12px; box-sizing: border-box; }

.fullscreen-controls-video-title { color: rgb(255, 255, 255); }

.fullscreen-controls.expanded { bottom: 0px; }

.fullscreen-recommendations-wrapper { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; overflow-x: auto; scrollbar-width: none; }

.fullscreen-recommendations-wrapper::-webkit-scrollbar { display: none; }

@media (pointer: fine) {
  .fullscreen-controls { --controls-height: 228px; }
  .fullscreen-recommendations-wrapper { scrollbar-width: auto; overflow-y: auto; }
  .fullscreen-recommendations-wrapper::-webkit-scrollbar { width: 16px; }
  .fullscreen-recommendations-wrapper::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(96, 96, 96); }
  .fullscreen-recommendations-wrapper::-webkit-scrollbar-thumb:hover { background-color: rgb(144, 144, 144); }
  .fullscreen-recommendations-wrapper::-webkit-scrollbar { display: block; }
}

.fullscreen-buttons-wrapper { display: flex; height: 44px; }

.fullscreen-recommendation { width: 200px; min-width: 200px; margin: 0px 8px; }

.top-fullscreen-controls { padding: 12px; color: rgb(255, 255, 255); display: flex; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 6; }

.fullscreen-close-button-wrapper { margin-top: -8px; margin-left: auto; }

.fullscreen-action-menu { position: absolute; bottom: 12px; height: 48px; left: 24px; right: 24px; display: flex; -webkit-box-align: center; align-items: center; z-index: 2; }

.action-menu-engagement-buttons-wrapper { display: flex; border-radius: 48px; padding: 4px 0px; background: rgba(0, 0, 0, 0.3); text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

.action-menu-engagement-buttons-wrapper button { text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

.action-menu-engagement-buttons-wrapper svg { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px); }

.action-menu-engagement-buttons-wrapper > :first-child { margin-left: 8px; }

.fullscreen-action-menu, .fullscreen-action-menu .ytAttributedStringHost, .fullscreen-recommendation { color: rgb(255, 255, 255); }

.fullscreen-watch-next-entrypoint-wrapper { margin-left: auto; height: 100%; }

.fullscreen-more-videos-endpoint { display: flex; }

.stacked-videos-wrapper { position: relative; z-index: 2; width: 64px; height: 100%; }

.stacked-video-preview { width: 64px; height: 36px; transform-origin: center top; position: absolute; top: 0px; background: black; border: 1px solid white; border-radius: 3px; overflow: hidden; box-sizing: border-box; }

.stacked-video-preview .stacked-video-preview-image { width: 100%; height: 100%; object-fit: cover; }

.stacked-video-preview:first-child { z-index: 3; }

.stacked-video-preview:nth-child(2) { z-index: 2; transform: translateY(-4px) scale(0.875); }

.stacked-video-preview:nth-child(2) .stacked-video-preview-image { opacity: 0.75; }

.stacked-video-preview:nth-child(3) { z-index: 1; transform: translateY(-8px) scale(0.75); }

.stacked-video-preview:nth-child(3) .stacked-video-preview-image { opacity: 0.5; }

.more-videos-message { margin-right: 12px; text-align: right; }

.more-videos-message-title { font-size: 12px; line-height: 16px; }

.more-videos-message-subtitle { font-size: 10px; line-height: 14px; opacity: 0.7; }

.quick-actions-wrapper { display: flex; -webkit-box-align: center; align-items: center; height: 100%; margin-left: auto; }

.quick-actions-bar-buttons-wrapper { padding-left: 12px; }

.watch-on-youtube-button-wrapper { direction: ltr; }

@media (max-height: 221px) {
  .watch-on-youtube-button-wrapper .ytSpecButtonShapeNextHost { height: 40px; padding: 0px 20px; }
}

.watch-on-youtube-button { padding-left: 4px; }

.no-label-exp ytm-slim-metadata-button-renderer, .no-label-exp ytm-slim-metadata-toggle-button-renderer.circle-buttons, .no-label-exp > ytm-button-renderer.circle-buttons { margin-right: 8px; }

[dir="rtl"] .no-label-exp ytm-slim-metadata-toggle-button-renderer.circle-buttons.like-button-no-label-exp { direction: rtl; }

@media (max-width: 549px) and (orientation: portrait) {
  .fs-watch-system:not(.fullscreen-controls-always-on):not(.enable-fullscreen-controls-for-portrait) .fullscreen-action-menu, .fs-watch-system:not(.fullscreen-controls-always-on):not(.enable-fullscreen-controls-for-portrait) .fullscreen-controls { display: none; }
}

ytm-custom-control .icon-button { height: 48px; width: 48px; padding: 12px; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  ytm-custom-control .icon-button:not(.player-settings-icon) { height: 40px; width: 40px; padding: 8px; }
  ytm-custom-control .icon-button:not(.player-settings-icon) > c3-icon { height: 24px; width: 24px; }
}

ytm-custom-control .autonav-user-education-container { position: absolute; top: 25%; width: 100%; transform: translateY(-50%); color: rgb(255, 255, 255); }

.intercept-element-clicks .player-controls-bottom, .intercept-element-clicks .player-controls-middle, .intercept-element-clicks .player-controls-top, .intercept-element-clicks .watch-page-progress-bar { pointer-events: none; }

ytm-custom-control .fine-scrubbing-overlay .icon-button > c3-icon svg path, ytm-custom-control .player-controls-bottom .fullscreen-icon c3-icon svg path, ytm-custom-control .player-controls-bottom .icon-button > c3-icon svg path, ytm-custom-control .player-controls-middle .icon-button c3-icon svg path, ytm-custom-control .player-controls-pb .icon-button > c3-icon, ytm-custom-control .player-controls-top .icon-button > c3-icon svg path, ytm-custom-control .player-controls-top ytm-closed-captioning-button button[aria-pressed="false"] > c3-icon svg path, ytm-custom-control .player-controls-top ytm-closed-captioning-button button[aria-pressed="true"] > c3-icon svg path { fill: rgb(255, 255, 255); }

ytm-custom-control .player-controls-middle .icon-button.icon-disable c3-icon svg path, ytm-custom-control .player-controls-top ytm-closed-captioning-button button > c3-icon svg path { fill: rgba(255, 255, 255, 0.3); }

ytm-custom-control .player-controls-top { display: flex; position: absolute; top: 0px; z-index: 2; right: 24px; }

@media (max-height: 221px) {
  ytm-custom-control .player-controls-top { right: 0px; }
}

ytm-custom-control .player-controls-top.ytwPlayerTopControlsContainerWithEmbeddedVideoDetails { left: 0px; }

@media (min-width: 380px) {
  ytm-custom-control .player-controls-top.ytwPlayerTopControlsContainerWithEmbeddedVideoDetails { left: 14px; }
}

ytm-custom-control .player-controls-top-right { display: flex; }

[dir="rtl"] ytm-custom-control .player-controls-background, [dir="rtl"] ytm-custom-control .player-controls-top { direction: rtl; }

body[faux-fullscreen="true"] ytm-custom-control .player-controls-top { top: env(safe-area-inset-top); }

ytm-custom-control c3-overlay { visibility: visible; }

#player-control-overlay { position: absolute; inset: 0px; touch-action: manipulation; }

#player-control-overlay .player-controls-content { height: 100%; overflow: hidden; visibility: hidden; }

#player-control-overlay.use-opacity .player-controls-content { opacity: 0; visibility: unset; }

#player-control-overlay .player-controls-background { position: absolute; inset: 0px; z-index: 0; opacity: 0; }

#player-control-overlay .player-controls-background:not(.fullscreen-recs-expanded) { background-image: linear-gradient(rgba(0, 0, 0, 0.6) 0px, rgba(0, 0, 0, 0.54) 25%, rgba(0, 0, 0, 0.36) 50%, rgba(0, 0, 0, 0.18) 75%, rgba(0, 0, 0, 0)); background-size: 1px 50%; background-repeat: repeat-x; }

#player-control-overlay .player-controls-background.fullscreen-recs-expanded { background-color: rgba(0, 0, 0, 0.6); }

#player-control-overlay .player-controls-background-container { position: absolute; z-index: 0; inset: 0px; visibility: visible; }

#player-control-overlay .player-controls-background-action-items { position: absolute; z-index: 2; }

#player-control-overlay.animation-enabled { transition: 0.7s, 0.7s; }

#player-control-overlay.animation-enabled .player-controls-background { transition-property: opacity; transition-duration: 0.2s; }

#player-control-overlay.pointer-events-off { pointer-events: none; }

#player-control-overlay.fadein { pointer-events: auto; }

#player-control-overlay.fadein .player-controls-background { z-index: 2; opacity: 1; }

#player-control-overlay.fadein .player-controls-content { visibility: visible; }

#player-control-overlay.fadein.use-opacity .player-controls-content { opacity: 1; visibility: unset; }

#player-control-overlay.hidden { display: none; }

body[faux-fullscreen="true"] .watch-page-progress-bar { left: 24px; right: 24px; }

body[faux-fullscreen="true"] .enable-fullscreen-controls .watch-page-progress-bar { bottom: 30px; }

body[faux-fullscreen="true"] .enable-fullscreen-controls.fs-watch-system .watch-page-progress-bar { bottom: 50px; }

.fullscreen-controls-always-on .watch-page-progress-bar { bottom: 52px; }

.fullscreen-controls-always-on .player-controls-bottom { bottom: 82px; }

.fullscreen-controls-always-on .fullscreen-action-menu { left: 12px; right: 12px; }

@media (min-width: 380px) {
  .fullscreen-controls-always-on .fullscreen-action-menu { left: 30px; right: 30px; }
}

@media (max-height: 221px) {
  .fullscreen-controls-always-on .watch-page-progress-bar { bottom: 32px; z-index: 3; height: 40px; left: 12px; right: 12px; }
  .fullscreen-controls-always-on .watch-page-progress-bar .ytPlayerProgressBarDragContainer { -webkit-box-align: end; align-items: end; }
  .fullscreen-controls-always-on .watch-page-progress-bar .ytPlayerProgressBarProgressBar { padding-bottom: 12px; }
  .fullscreen-controls-always-on .player-controls-bottom { bottom: 58px; }
  .fullscreen-controls-always-on .player-controls-bottom.player-controls-bottom-left { left: 0px; right: 44px; }
  .fullscreen-controls-always-on .player-controls-bottom.player-controls-bottom-right { left: unset; right: 0px; z-index: 4; }
  .fullscreen-controls-always-on .fullscreen-action-menu { left: 2px; right: 2px; bottom: 2px; }
  .fullscreen-controls-always-on .fullscreen-more-videos-endpoint { margin-top: 12px; }
  .fullscreen-controls-always-on .stacked-video-preview, .fullscreen-controls-always-on .stacked-videos-wrapper { width: 42px; height: 24px; }
  .fullscreen-controls-always-on .player-time-chapter-title { display: none; }
}

.player-controls-hide { display: none; }

.ytmMutedAutoplayOverlayHost { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; }

.ytmMutedAutoplayOverlayBrandingIcon { position: absolute; bottom: 6px; right: 12px; color: rgb(255, 255, 255); }

[dir="rtl"] .ytmMutedAutoplayOverlayBrandingIcon { left: 12px; right: auto; }

.ytmMutedAutoplayOverlayBackground { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); }

.ytmMutedAutoplayOverlayActionMenu { opacity: 1; visibility: visible; transition: 0.7s, 0.7s; }

.ytmMutedAutoplayOverlayHideActionMenu { opacity: 0; visibility: hidden; }

.ytmMutedAutoplayOverlayEqualizer { position: absolute; bottom: 15px; right: 12px; }

[dir="rtl"] .ytmMutedAutoplayOverlayEqualizer { left: 12px; right: auto; }

@-webkit-keyframes ytm-equalizer-animation { 
  0% { transform: scaleY(1); }
  50% { transform: scaleY(0.5); }
  100% { transform: scaleY(1); }
}

@keyframes ytm-equalizer-animation { 
  0% { transform: scaleY(1); }
  50% { transform: scaleY(0.5); }
  100% { transform: scaleY(1); }
}

.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-left, .ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-middle, .ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-right { position: absolute; bottom: 0px; transform-origin: 8px 16px; animation-name: ytm-equalizer-animation; animation-iteration-count: infinite; }

.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-left { animation-duration: 0.5s; }

.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-middle { animation-duration: 1.3s; }

.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-right { animation-duration: 0.7s; }

.ytShortsTouchFeedbackHost { display: flex; position: absolute; height: 100%; width: 100%; }

.ytShortsTouchFeedbackHidden { display: none; }

.ytShortsTouchFeedbackTouchFeedback { display: flex; position: absolute; height: 100%; width: 100%; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.ytShortsTouchFeedbackLikeAnimationWrapper { width: 240px; height: 240px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.ytShortsTouchFeedbackLikeAnimation { width: 100%; height: 100%; }

.ytShortsTouchFeedbackPlayPauseAnimation { width: 96px; height: 96px; }

@media (max-width: 930px) and (orientation: landscape) {
  .YtmBottomSheetOverlayRendererHost { overflow-y: scroll; }
}

.YtmBottomSheetOverlayRendererScrimContainer { position: relative; z-index: 5; }

.YtmBottomSheetOverlayRendererContainer { border-radius: 20px; background-color: rgb(255, 255, 255); margin: 0px 8px 24px; max-width: 400px; display: block; overflow: scroll; }

.YtmBottomSheetOverlayRendererHeader { background-repeat: no-repeat; background-size: cover; background-position: 50% center; display: flex; height: 140px; -webkit-box-pack: center; justify-content: center; padding: 20px 0px; width: 100%; position: relative; border-radius: 12px; }

.YtmBottomSheetOverlayRendererCentralIcon { height: 65px; width: 65px; color: rgb(255, 0, 51); background-color: rgb(255, 255, 255); padding: 15px; border-radius: 45px; }

.YtmBottomSheetOverlayRendererClose { position: absolute; top: 10px; right: 10px; border-radius: 24px; }

.YtmBottomSheetOverlayRendererDragHandle { background: rgb(3, 3, 3); opacity: 0.15; border-radius: 4px; height: 4px; margin: 0px auto; width: 40px; position: absolute; top: 8px; }

.YtmBottomSheetOverlayRendererContents { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 24px; }

.YtmBottomSheetOverlayRendererContents > div { padding-bottom: 6px; }

.YtmBottomSheetOverlayRendererContents > ytm-button-renderer { padding-top: 6px; }

.YtmBottomSheetOverlayRendererTitle { font-size: 2rem; line-height: 2.8rem; }

@media (min-width: 300px) and (orientation: landscape), (min-width: 300px) and (orientation: portrait) {
  .YtmBottomSheetOverlayRendererTitle { letter-spacing: 0.005em; }
}

.YtmBottomSheetOverlayRendererSubtitle { font-size: 1.4rem; line-height: 1.8rem; }

@media (min-width: 300px) and (orientation: landscape), (min-width: 300px) and (orientation: portrait) {
  .YtmBottomSheetOverlayRendererSubtitle { letter-spacing: 0.01em; }
}

.YtmBottomSheetOverlayRendererOverlayContainer { position: fixed; bottom: 0px; z-index: 5; display: flex; -webkit-box-pack: center; justify-content: center; width: 100%; }

@media (max-width: 930px) and (orientation: landscape) {
  .YtmBottomSheetOverlayRendererOverlayContainer { top: 0px; }
}

@media (min-width: 550px) and (orientation: portrait) {
  .YtmBottomSheetOverlayRendererOverlayContainer { bottom: 50%; }
}

@media (min-width: 931px) and (orientation: landscape) {
  .YtmBottomSheetOverlayRendererOverlayContainer { bottom: 25%; }
}

@media (max-height: 500px) and (orientation: landscape) {
  .YtmBottomSheetOverlayRendererOverlayContainer { bottom: 0px; }
}

[bottom-sheet-overlay-body-open] { position: fixed; left: 0px; right: 0px; top: 0px; overflow: hidden; }

.ytm-forced-mute-message .button-with-icon-inner { background-color: rgba(0, 0, 0, 0.3); border: 1px solid rgb(255, 255, 255); border-radius: 3px; width: 24px; height: 24px; padding: 6px; }

.ytm-forced-mute-message .button-with-icon-inner c3-icon { height: 24px; width: 24px; }

ytm-info-panel-container-renderer.item { margin-top: 0px; }

ytm-info-panel-container-renderer { background-color: rgb(222, 241, 255); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

ytm-info-panel-container-renderer[background="INFO_PANEL_CONTAINER_BACKGROUND_SYSTEM"]:first-child { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

ytm-info-panel-container-renderer[background="INFO_PANEL_CONTAINER_BACKGROUND_SYSTEM"] { background-color: rgb(255, 255, 255); border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

ytm-info-panel-container-renderer[background="INFO_PANEL_CONTAINER_BACKGROUND_GRAY"] { background-color: rgb(255, 255, 255); }

ytm-info-panel-container-renderer[background="INFO_PANEL_CONTAINER_BACKGROUND_OVERLAY_BLACK"] { background-color: rgba(0, 0, 0, 0.6); }

.ytm-info-panel-container-header { height: 36px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.ytm-info-panel-container-header-left-items { display: flex; -webkit-box-align: center; align-items: center; }

.ytm-info-panel-container-header-icon { margin-left: 16px; margin-right: 8px; }

.ytmInfoPanelContentRendererHost[ytm-info-panel-content-has-menu="true"] { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ytmInfoPanelContentRendererHost[ytm-info-panel-content-has-menu="true"] .ytmInfoPanelContentRendererWrapper { padding-bottom: 12px; }

.ytmInfoPanelContentRendererHost.ytmInfoPanelContentRendererHostIsWatchInfoPanel { margin: 12px; border-radius: 12px; }

.ytmInfoPanelContentRendererHost[ytm-info-panel-content-truncate-paragraphs="true"] .ytmInfoPanelContentRendererParagraph { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; }

.ytmInfoPanelContentRendererHost[data-background="INFO_PANEL_CONTENT_BACKGROUND_OVERLAY_BLACK"] .ytmInfoPanelContentRendererInlineSource { color: rgb(255, 255, 255); font-weight: 500; }

.ytmInfoPanelContentRendererHost[data-background="INFO_PANEL_CONTENT_BACKGROUND_BLUE"] { background-color: rgb(222, 241, 255); }

.ytmInfoPanelContentRendererHost.ytmInfoPanelContentRendererHostCinematicBackground { background: rgba(0, 0, 0, 0.1); }

.ytmInfoPanelContentRendererWrapper { padding: 12px 16px 16px; }

.ytmInfoPanelContentRendererWrapper[data-has-icon="true"] { padding: 14px 12px; }

.ytmInfoPanelContentRendererBody { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ytmInfoPanelContentRendererText { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; }

.ytmInfoPanelContentRendererTitleContainer { color: rgb(6, 95, 212); margin-bottom: 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; }

.ytmInfoPanelContentRendererLinkIcon { padding-left: 1px; width: 14px; height: 14px; vertical-align: text-top; }

.ytmInfoPanelContentRendererMetadata { margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytmInfoPanelContentRendererPublishTime { display: inline; color: rgb(96, 96, 96); padding-left: 3px; }

.ytmInfoPanelContentRendererParagraph { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytmInfoPanelContentRendererInlineSource { display: inline-block; color: rgb(6, 95, 212); padding-left: 2px; }

.ytmInfoPanelContentRendererInlineSourceText { display: inline-block; }

.ytmInfoPanelContentRendererThumbnail { flex-shrink: 0; height: 64px; width: 64px; margin-left: 8px; }

.ytmInfoPanelContentRendererEndpoint { width: 100%; }

.ytmInfoPanelContentRendererHeaderRightItems { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.ytmInfoPanelContentRendererHeaderIcon { margin-left: 4px; margin-right: 4px; height: 16px; width: 16px; }

.ytmInfoPanelContentRendererMenu { display: block; }

.ytmLogoEntityHost { display: flex; -webkit-box-align: center; align-items: center; height: 48px; }

.ytmLogoEntityContainer { width: 122px; margin-right: 12px; }

.ytmLogoEntityLogo { padding: 0px; height: 48px; width: auto; color: unset; }

.playerInterstitialRendererHost { display: block; height: 100%; background: rgb(96, 96, 96); }

.playerInterstitialRendererScrim { width: 100%; height: 100%; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; 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)); }

.ytBigboardStoryboardHost { position: absolute; inset: 0px; overflow: hidden; }

.ytmA11yStylesHiddenButton { position: fixed; top: 0px; left: 0px; height: 12px; width: 12px; }

.ytmClosedCaptioningButtonHost { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; width: 48px; height: 48px; }

.ytmClosedCaptioningButtonIconDisabled { color: rgb(144, 144, 144); }

.ytmClosedCaptioningButtonIconDisabledOverlay { color: rgba(255, 255, 255, 0.3); }

.ytmClosedCaptioningButtonYtIconOverlay { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px); }

.ytmClosedCaptioningButtonButton { cursor: pointer; width: 48px; height: 48px; padding: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; }

.ytmCreatorEndscreenHost { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 1.2rem; visibility: hidden; }

.ytmCreatorEndscreenInCueRange { visibility: visible; }

.ytmCreatorEndscreenSize853 { font-size: 1.4rem; }

.ytmCreatorEndscreenSize1280 { font-size: 1.8rem; }

.ytmCreatorEndscreenSize1920 { font-size: 2.4rem; }

.ytmCreatorEndscreenElement { position: absolute; pointer-events: none; opacity: 0; transition: opacity 0.2s cubic-bezier(0.05, 0, 0, 1); }

.ytmCreatorEndscreenElementVisible { opacity: 1; pointer-events: auto; }

.ytmCreatorEndscreenScrim { position: absolute; top: 0px; left: 0px; pointer-events: none; background-color: rgb(0, 0, 0); opacity: 0; transition: 0.2s cubic-bezier(0.05, 0, 0, 1); }

.ytmCreatorEndscreenScrimVisible { opacity: 0.25; }

.ytmExpandingEndscreenElementHost { display: block; height: 100%; width: 100%; transition: z-index 0.2s step-end; z-index: 6; position: relative; }

.ytmExpandingEndscreenElementHostActive { transition: z-index 0.2s step-start; z-index: 7; }

.ytmExpandingEndscreenElementThumbnail { height: 100%; width: 100%; cursor: pointer; position: absolute; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px; }

.ytmExpandingEndscreenElementRound { border-radius: 50%; }

.ytmExpandingEndscreenElementOverlay { position: absolute; top: 0px; background-color: rgba(0, 0, 0, 0.8); height: 100%; padding: 8px; margin: -8px; opacity: 0; transition: 0.2s cubic-bezier(0.05, 0, 0, 1); color: rgb(255, 255, 255); visibility: hidden; align-content: center; max-width: 100%; overflow: hidden; }

.ytmCreatorEndscreenRoundingSmall .ytmExpandingEndscreenElementOverlay { border-radius: 4px; }

.ytmCreatorEndscreenRoundingMedium .ytmExpandingEndscreenElementOverlay { border-radius: 8px; }

.ytmCreatorEndscreenRoundingLarge .ytmExpandingEndscreenElementOverlay { border-radius: 12px; }

.ytmExpandingEndscreenElementOverlayRight { left: 0px; }

.ytmExpandingEndscreenElementOverlayRightActive { padding-left: calc(100% + 8px); }

.ytmExpandingEndscreenElementOverlayLeft { right: 0px; }

.ytmExpandingEndscreenElementOverlayLeftActive { padding-right: calc(100% + 8px); }

.ytmExpandingEndscreenElementOverlayLeftActive, .ytmExpandingEndscreenElementOverlayRightActive { opacity: 1; visibility: visible; max-width: none; }

.ytmExpandingEndscreenElementOverlayContent { width: 115px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-left: 12px; margin-right: 8px; }

.ytmCreatorEndscreenElementOverlayActiveRight .ytmExpandingEndscreenElementOverlayContent { margin-left: 8px; margin-right: 12px; }

.ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayContent, .ytmCreatorEndscreenSize470 .ytmExpandingEndscreenElementOverlayContent, .ytmCreatorEndscreenSize506 .ytmExpandingEndscreenElementOverlayContent, .ytmCreatorEndscreenSize570 .ytmExpandingEndscreenElementOverlayContent { width: 136px; }

.ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayContent { margin-left: 8px; margin-right: 12px; }

.ytmExpandingEndscreenElementOverlayActiveRight .ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayContent { margin-left: 12px; margin-right: 8px; }

.ytmCreatorEndscreenSize640 .ytmExpandingEndscreenElementOverlayContent { width: 136px; margin-left: 16px; margin-right: 8px; }

.ytmCreatorEndscreenElementOverlayActiveRight .ytmCreatorEndscreenSize640 .ytmExpandingEndscreenElementOverlayContent { margin-left: 8px; margin-right: 16px; }

.ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayContent { width: 176px; margin-left: 16px; margin-right: 8px; }

.ytmCreatorEndscreenElementOverlayActiveRight .ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayContent { margin-left: 8px; margin-right: 16px; }

.ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayContent { width: 264px; margin-left: 32px; margin-right: 16px; }

.ytmCreatorEndscreenElementOverlayActiveRight .ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayContent { margin-left: 16px; margin-right: 32px; }

.ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayContent { width: 392px; margin-left: 48px; margin-right: 24px; }

.ytmCreatorEndscreenElementOverlayActiveRight .ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayContent { margin-left: 24px; margin-right: 48px; }

.ytmExpandingEndscreenElementOverlayContent { max-height: 100%; text-overflow: ellipsis; }

.ytmExpandingEndscreenElementOverlayTitle { font-size: 1.2rem; font-weight: 500; line-height: 1.25; margin-bottom: 2px; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayTitle { font-size: 1.6rem; }

.ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayTitle { font-size: 2rem; }

.ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayTitle { font-size: 2.4rem; }

.ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmExpandingEndscreenElementOverlayMetadataWebsite { font-size: 1.2rem; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; }

.ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayMetadataWebsite { font-size: 1.6rem; }

.ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayMetadataWebsite { font-size: 1.8rem; margin-top: 8px; }

.ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayMetadataWebsite { font-size: 2rem; margin-top: 12px; }

.ytmExpandingEndscreenElementOverlayMetadataChannel { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 4px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.ytmCreatorEndscreenSize640 .ytmExpandingEndscreenElementOverlayMetadataChannel { -webkit-line-clamp: 2; }

.ytmCreatorEndscreenSize570 .ytmExpandingEndscreenElementOverlayMetadataChannel { -webkit-line-clamp: 1; }

.ytmCreatorEndscreenSize346 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize470 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize506 .ytmExpandingEndscreenElementOverlayMetadataChannel { display: none; }

.ytmExpandingEndscreenElementOverlayMetadataWebsite { white-space: nowrap; }

.ytmExpandingEndscreenElementOverlayCallToAction { font-weight: 700; margin-top: 4px; font-size: 1rem; transition: 0.2s; }

.ytmExpandingEndscreenElementOverlayCallToAction:hover { text-decoration: underline; cursor: pointer; }

.ytmExpandingEndscreenElementOverlayButton { margin-top: 4px; margin-bottom: 4px; }

.ytmCreatorEndscreenSize346 .ytmExpandingEndscreenElementOverlayButton { display: none; }

.ytmExpandingEndscreenElementScrim { pointer-events: none; background-color: rgb(0, 0, 0); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 6; opacity: 0; transition: 0.2s; }

.ytmExpandingEndscreenElementScrimChannel { border-radius: 50%; }

.ytmExpandingEndscreenElementScrimActive { opacity: 0.25; }

.animated-subscribe-container { width: 100%; }

.animated-subscribe-content-container { width: 100%; overflow: hidden; border-radius: 18px; }

.animated-subscribe-flex-container { display: flex; width: fit-content; }

.can-animate { transition: width 0.5s; }

.static-width .animated-subscribe-flex-container { width: auto; }

.ytmThumbnailEndscreenElementHost { display: block; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; position: absolute; height: 100%; width: 100%; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 4px; transition: 0.2s cubic-bezier(0.05, 0, 0, 1); z-index: 5; }

.ytmCreatorEndscreenRoundingSmall .ytmThumbnailEndscreenElementHost { border-radius: 4px; }

.ytmCreatorEndscreenRoundingMedium .ytmThumbnailEndscreenElementHost { border-radius: 8px; }

.ytmCreatorEndscreenRoundingLarge .ytmThumbnailEndscreenElementHost { border-radius: 12px; }

.ytmThumbnailEndscreenElementHostActive { border-color: rgb(255, 255, 255); }

.ytmThumbnailEndscreenElementTopOverlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 33%; }

.ytmThumbnailEndscreenElementThumbnailTitle { color: rgb(255, 255, 255); position: relative; font-size: 1.2rem; font-weight: 500; margin: 6px 8px 0px; line-height: 1.25; text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 0px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; }

.ytmCreatorEndscreenSize640 .ytmThumbnailEndscreenElementThumbnailTitle { font-size: 1.4rem; }

.ytmCreatorEndscreenSize853 .ytmThumbnailEndscreenElementThumbnailTitle { font-size: 1.6rem; margin: 10px 12px; }

.ytmCreatorEndscreenSize1280 .ytmThumbnailEndscreenElementThumbnailTitle { font-size: 2rem; margin: 14px 16px; }

.ytmCreatorEndscreenSize1920 .ytmThumbnailEndscreenElementThumbnailTitle { font-size: 2.4rem; margin: 18px 20px; }

.ytmThumbnailEndscreenElementThumbnail { object-fit: cover; }

.ytmThumbnailEndscreenElementTimeStatus { position: absolute; bottom: 0px; right: 0px; }

.ytmThumbnailEndscreenElementTimeStatus .ytBadgeShapeHost { font-size: inherit; }

.ytmCreatorEndscreenSize853 .ytmThumbnailEndscreenElementTimeStatus .ytBadgeShapeHost { padding: 2px 4px; margin-bottom: 2px; margin-right: 2px; }

.ytmCreatorEndscreenSize1280 .ytmThumbnailEndscreenElementTimeStatus .ytBadgeShapeHost { padding: 6px 8px; margin-bottom: 8px; margin-right: 8px; }

.ytmCreatorEndscreenSize1920 .ytmThumbnailEndscreenElementTimeStatus .ytBadgeShapeHost { padding: 10px 12px; margin-bottom: 16px; margin-right: 16px; }

.ytmThumbnailEndscreenElementTopGradient { position: absolute; opacity: 0.8; height: 100%; width: 100%; background-image: linear-gradient(rgb(0, 0, 0), transparent); }

.ytmThumbnailEndscreenElementPlaylistLengthOverlay { position: absolute; bottom: 0px; width: 100%; background-color: rgba(0, 0, 0, 0.6); display: flex; -webkit-box-align: center; align-items: center; padding: 2px; color: rgba(255, 255, 255, 0.7); }

.ytmCreatorEndscreenSize853 .ytmThumbnailEndscreenElementPlaylistLengthOverlay { padding: 4px; }

.ytmCreatorEndscreenSize1280 .ytmThumbnailEndscreenElementPlaylistLengthOverlay { padding: 8px; }

.ytmCreatorEndscreenSize1920 .ytmThumbnailEndscreenElementPlaylistLengthOverlay { padding: 12px; }

.ytmThumbnailEndscreenElementPlaylistLength { color: rgba(255, 255, 255, 0.7); }

.ytmThumbnailEndscreenElementPlaylistIcon { color: rgba(255, 255, 255, 0.7); margin: 0px 2px; }

.ytmCreatorEndscreenSize853 .ytmThumbnailEndscreenElementPlaylistIcon { margin: 0px 4px; }

.ytmCreatorEndscreenSize1280 .ytmThumbnailEndscreenElementPlaylistIcon { margin: 0px 8px; }

.ytmCreatorEndscreenSize1920 .ytmThumbnailEndscreenElementPlaylistIcon { margin: 0px 12px; }

.ytmThumbnailEndscreenElementScrim { background-color: rgb(0, 0, 0); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 5; opacity: 0; transition: 0.2s; }

.ytmThumbnailEndscreenElementScrimActive { opacity: 0.25; }

.ytPfpAutonavHost { pointer-events: none; display: block; }

.ytPfpAutonavVisible { pointer-events: auto; background: black; }

.ytPfpAutonavScrim { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.6); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: white; pointer-events: auto; }

.ytPfpAutonavHeader { font-size: 14px; margin-bottom: 8px; }

.ytPfpAutonavTitle { font-size: 24px; font-weight: 700; margin-bottom: 4px; }

.ytPfpAutonavByline { font-size: 16px; margin-bottom: 24px; }

.ytPfpAutonavByline, .ytPfpAutonavTitle { max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ytPfpAutonavPlayButton { position: relative; width: 72px; height: 72px; margin-bottom: 24px; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border: 0px; background: none; color: white; }

.ytPfpAutonavRing { position: absolute; top: 0px; left: 0px; width: 72px; height: 72px; }

.ytPfpAutonavPlayIcon { width: 40px; height: 40px; fill: white; }

.ytPfpControlsHost { display: block; pointer-events: none; user-select: none; }

.ytPfpControlsHost :focus-visible { box-shadow: rgb(62, 166, 255) 0px 0px 0px 2px inset; }

.ytPfpControlsOverlay { position: absolute; inset: 0px; pointer-events: auto; touch-action: manipulation; }

.ytPfpControlsCreatorEndscreenContainer { position: absolute; z-index: 2; }

.ytPfpControlsFadeIn { pointer-events: auto; }

.ytPfpControlsBigboard, .ytPfpControlsBottomBar, .ytPfpControlsGradientTop, .ytPfpControlsProgressBarContainer, .ytPfpControlsVideoTitle { transition: opacity 0.25s, visibility 0.25s; }

.ytPfpControlsOverlay:not(.ytPfpControlsFadeIn) .ytPfpControlsBigboard, .ytPfpControlsOverlay:not(.ytPfpControlsFadeIn) .ytPfpControlsBottomBar, .ytPfpControlsOverlay:not(.ytPfpControlsFadeIn) .ytPfpControlsGradientTop, .ytPfpControlsOverlay:not(.ytPfpControlsFadeIn) .ytPfpControlsProgressBarContainer, .ytPfpControlsOverlay:not(.ytPfpControlsFadeIn) .ytPfpControlsVideoTitle { opacity: 0; visibility: hidden; }

.ytPfpControlsGradientTop { width: 100%; position: absolute; background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); pointer-events: none; height: 49px; z-index: 5; }

.ytPfpControlsVideoTitle { position: absolute; top: 0px; left: 0px; max-width: 100%; padding: 12px; margin: 0px; box-sizing: border-box; color: white; font-size: 18px; pointer-events: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ytPfpControlsLargePlayButton { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 75px; height: 75px; border-radius: 50%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; cursor: pointer; z-index: 2; padding: 0px; border: 0px; background-color: unset; }

.ytPfpControlsLargePlayButtonIconBg { fill-opacity: 0.8; transition: fill 0.1s cubic-bezier(0.4, 0, 1, 1), fill-opacity 0.1s cubic-bezier(0.4, 0, 1, 1); }

.ytPfpControlsOverlay:hover .ytPfpControlsLargePlayButtonIconBg { fill-opacity: 1; transition: fill 0.1s cubic-bezier(0, 0, 0.2, 1), fill-opacity 0.1s cubic-bezier(0, 0, 0.2, 1); }

.ytPfpControlsVideoWallEndscreen { padding: 48px 0px; box-sizing: border-box; z-index: 2; }

.ytPfpControlsAutonav { position: absolute; inset: 0px; z-index: 2; }

.ytPfpControlsProgressBarContainer { position: absolute; bottom: 40px; left: 0px; right: 0px; pointer-events: auto; z-index: 3; }

.ytPfpControlsBottomBar { position: absolute; bottom: 0px; left: 0px; right: 0px; height: 40px; padding-left: 3px; color: white; background-color: rgba(0, 0, 0, 0.6); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; pointer-events: auto; z-index: 2; }

.ytPfpControlsLeftControls, .ytPfpControlsRightControls { display: flex; -webkit-box-align: center; align-items: center; }

.ytPfpControlsVolumeControls { max-width: 112px; }

.ytPfpControlsTimeDisplay.ytPfpControlsTimeDisplay { color: white; font-size: 1.4rem; margin-left: 8px; user-select: none; }

@media (max-width: 349px) {
  .ytPfpControlsTimeDisplay.ytPfpControlsTimeDisplay { display: none; }
}

@media (max-width: 299px) {
  .ytPfpControlsCaptionsButton { display: none; }
}

@media (max-width: 249px) {
  .ytPfpControlsVolumeControls.ytPfpControlsVolumeControls { display: none; }
}

@media (max-width: 199px) {
  .ytPfpControlsSettingsButton { display: none; }
}

.ytPfpControlsHiddenSeekButton.ytPfpControlsHiddenSeekButton { height: 12px; width: 12px; position: absolute; top: 50%; }

.ytPfpEndscreenVideoRendererHost { position: relative; height: 100%; width: 100%; border-radius: 8px; overflow: hidden; background-color: rgb(0, 0, 0); display: block; }

.ytPfpEndscreenVideoRendererHost:focus-visible .ytPfpEndscreenVideoRendererOverlay, .ytPfpEndscreenVideoRendererHost:focus-within .ytPfpEndscreenVideoRendererOverlay, .ytPfpEndscreenVideoRendererHost:hover .ytPfpEndscreenVideoRendererOverlay { opacity: 1; }

.ytPfpEndscreenVideoRendererThumbnail { object-fit: cover; position: absolute; inset: 0px; }

.ytPfpEndscreenVideoRendererOverlay { position: absolute; inset: 0px; opacity: 0; transition: opacity 0.2s ease-in-out; color: white; }

.ytPfpEndscreenVideoRendererOverlayTitleByline { position: absolute; top: 0px; left: 0px; right: 0px; height: 60px; background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0)); padding: 8px; }

.ytPfpEndscreenVideoRendererTitle { font-size: 14px; font-weight: 500; line-height: 18px; color: white; }

.ytPfpEndscreenVideoRendererByline { font-size: 12px; font-weight: 400; line-height: 16px; margin-top: 4px; color: white; }

.ytPfpEndscreenVideoRendererDuration { position: absolute; bottom: 8px; right: 8px; background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; padding: 2px 4px; font-size: 12px; font-weight: 500; line-height: 12px; color: white; }

.ytPfpMoreVideosHost { display: block; pointer-events: none; }

@media (max-height: 289px) {
  .ytPfpMoreVideosHost { display: none; }
}

.ytPfpMoreVideosOverlay { position: absolute; bottom: 48px; left: 12px; right: 12px; background-color: rgba(12, 12, 12, 0.8); z-index: 2; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; pointer-events: auto; border-radius: 12px; padding: 8px 0px; box-sizing: border-box; }

.ytPfpMoreVideosHeader { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 100%; padding: 0px 16px; box-sizing: border-box; }

.ytPfpMoreVideosTitle { color: white; font-size: 14px; font-weight: 500; line-height: 20px; margin: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ytPfpMoreVideosCloseButton { padding: 4px; margin-right: -4px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; }

.ytPfpMoreVideosCloseButton:hover { background-color: rgba(255, 255, 255, 0.1); }

.ytPfpMoreVideosCloseIcon { color: white; height: 24px; width: 24px; }

.ytPfpMoreVideosVideoListContainer { position: relative; width: 100%; padding: 0px 12px 4px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-sizing: border-box; overflow: hidden; }

.ytPfpMoreVideosVideoList { display: flex; overflow-x: auto; height: 100%; box-sizing: border-box; scrollbar-width: none; scroll-behavior: smooth; }

.ytPfpMoreVideosVideoList::-webkit-scrollbar { display: none; }

.ytPfpMoreVideosVideoList { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-flex: 1; flex-grow: 1; scroll-snap-type: x mandatory; }

.ytPfpMoreVideosVideoItem { height: 0px; margin: 0px 6px; box-sizing: border-box; background: black; scroll-snap-align: start; padding-bottom: 135px; width: 240px; min-width: 240px; }

@media (max-width: 1040px) {
  .ytPfpMoreVideosVideoItem { padding-bottom: calc(14.0625% - 6.75px); width: calc(25% - 12px); min-width: calc(25% - 12px); }
}

@media (max-width: 780px) {
  .ytPfpMoreVideosVideoItem { padding-bottom: calc(18.5625% - 3.375px); width: calc(33% - 6px); min-width: calc(33% - 6px); }
}

@media (max-width: 534px) {
  .ytPfpMoreVideosVideoItem { padding-bottom: calc(28.125% - 3.375px); width: calc(50% - 6px); min-width: calc(50% - 6px); }
}

@media (max-width: 288px) {
  .ytPfpMoreVideosVideoItem { padding-bottom: calc(56.25% - 3.375px); width: calc(100% - 6px); min-width: calc(100% - 6px); }
}

.ytPfpMoreVideosVideoItem:first-child { margin-left: auto; }

.ytPfpMoreVideosVideoItem:last-child { margin-right: auto; }

.ytPfpMoreVideosPaddleLeft, .ytPfpMoreVideosPaddleRight { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background-color: rgba(33, 33, 33, 0.8); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; color: white; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 2; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; }

.ytPfpMoreVideosPaddleLeft:hover, .ytPfpMoreVideosPaddleRight:hover { background-color: rgb(50, 50, 50); }

.ytPfpMoreVideosPaddleLeft { left: 0px; }

.ytPfpMoreVideosPaddleRight { right: 0px; }

.ytPfpMoreVideosPaddleIcon { height: 24px; width: 24px; }

.ytPfpMoreVideosMoreVideosButton { position: absolute; bottom: 56px; left: 12px; background-color: rgba(0, 0, 0, 0.6); color: white; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 18px; padding: 8px 16px; font-size: 13px; font-weight: 500; cursor: pointer; z-index: 5; pointer-events: auto; text-transform: uppercase; }

.ytPfpMoreVideosMoreVideosButton:hover { background-color: rgba(255, 255, 255, 0.1); }

.ytPfpEndscreenPlaylistRendererHost { position: relative; flex-shrink: 0; height: 100%; width: 100%; border-radius: 8px; overflow: hidden; background-color: rgb(0, 0, 0); display: block; }

.ytPfpEndscreenPlaylistRendererHost:focus-visible .ytPfpEndscreenPlaylistRendererOverlay, .ytPfpEndscreenPlaylistRendererHost:focus-within .ytPfpEndscreenPlaylistRendererOverlay, .ytPfpEndscreenPlaylistRendererHost:hover .ytPfpEndscreenPlaylistRendererOverlay { opacity: 1; }

.ytPfpEndscreenPlaylistRendererThumbnail { width: 100%; height: 100%; object-fit: cover; }

.ytPfpEndscreenPlaylistRendererOverlay { position: absolute; inset: 0px; opacity: 0; transition: opacity 0.2s ease-in-out; color: white; }

.ytPfpEndscreenPlaylistRendererOverlayTitle { position: absolute; top: 0px; left: 0px; right: 0px; height: 60px; background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0)); padding: 8px; }

.ytPfpEndscreenPlaylistRendererTitle { font-size: 14px; font-weight: 500; line-height: 18px; max-height: 36px; color: white; overflow: hidden; }

.ytPfpEndscreenPlaylistRendererBottomOverlay { position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.8); font-size: 12px; font-weight: 500; color: white; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.ytPfpEndscreenPlaylistRendererIcon { fill: currentcolor; width: 20px; height: 20px; margin-right: 4px; }

.ytPfpVideoWallEndscreenHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; pointer-events: none; position: absolute; top: 0px; left: 0px; right: 0px; }

.ytPfpVideoWallEndscreenVisible { bottom: 0px; background-color: rgb(12, 12, 12); }

.ytPfpVideoWallEndscreenIsObscured { visibility: hidden; }

.ytPfpVideoWallEndscreenVideoListContainer { position: relative; width: 100%; height: 100%; -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-align: center; align-items: center; pointer-events: auto; padding: 12px; box-sizing: border-box; }

.ytPfpVideoWallEndscreenVideoList { display: block; position: relative; width: 100%; height: 100%; padding: 0px; }

.ytPfpVideoWallEndscreenPaddleLeft, .ytPfpVideoWallEndscreenPaddleRight { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background-color: rgba(33, 33, 33, 0.9); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 50%; color: white; cursor: pointer; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; z-index: 2; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; }

.ytPfpVideoWallEndscreenPaddleLeft:hover, .ytPfpVideoWallEndscreenPaddleRight:hover { background-color: rgb(50, 50, 50); }

.ytPfpVideoWallEndscreenPaddleLeft { left: 8px; }

.ytPfpVideoWallEndscreenPaddleRight { right: 8px; }

.ytPfpVideoWallEndscreenPaddleIcon { height: 24px; width: 24px; }

.ytPfpVideoWallEndscreenVideoItem { position: absolute; box-sizing: border-box; }

.ytPlayerControlsPlayerActionIndicatorHost { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; z-index: 7; }

.ytPlayerControlsPlayerActionIndicatorAction { width: 60px; height: 60px; background: rgba(0, 0, 0, 0.6); border-radius: 50%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; opacity: 0; animation: 0.5s linear 0s 1 normal forwards running action-fade-out; }

.ytPlayerControlsPlayerActionIndicatorIcon { width: 36px; height: 36px; fill: rgb(255, 255, 255); }

@-webkit-keyframes action-fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: scale(2); }
}

@keyframes action-fade-out { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: scale(2); }
}

.ytwPlayerTimeDisplayHost { display: flex; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); font-weight: 500; overflow: hidden; }

.ytwPlayerTimeDisplayTimeChunks { display: flex; -webkit-box-align: center; align-items: center; }

.ytwPlayerTimeDisplayLiveDot::before { content: ""; display: block; height: 6px; width: 6px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); margin-right: 4px; }

.ytwPlayerTimeDisplayLiveDot.ytwPlayerTimeDisplayLiveHead::before { background-color: rgba(225, 0, 45, 0.9); opacity: 1; }

.ytwPlayerTimeDisplayTimeDelimiter { color: rgb(255, 255, 255); margin: 0px 4px; opacity: 0.7; }

.ytwPlayerTimeDisplayTimeSecond { opacity: 0.7; }

.ytwPlayerTimeDisplayChapterText { margin-left: 8px; }

.ytwPlayerTimeDisplayPlayerBarActionContainer { display: flex; -webkit-box-align: center; align-items: center; }

.ytwPlayerTimeDisplayPlayerBarButton.ytwPlayerTimeDisplayPill { margin: 0px 0px 0px 8px; }

.ytwPlayerTimeDisplayPlayerBarButton { overflow: hidden; max-width: 240px; display: flex; -webkit-box-align: center; align-items: center; }

.ytwPlayerTimeDisplayChevron { color: rgb(255, 255, 255); height: 16px; width: 16px; margin-right: -4px; }

.ytwPlayerTimeDisplayPill { height: 24px; box-sizing: border-box; padding: 4px 6px; border-radius: 16px; font-size: 1.4rem; background: rgba(0, 0, 0, 0.3); text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

.ytwPlayerTimeDisplayPill button { text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

.ytwPlayerTimeDisplayPill svg { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px); }

.ytwPlayerTimeDisplayPill { margin-left: 16px; }

@media (max-height: 221px) {
  .ytwPlayerTimeDisplayFullscreenControlsAlwaysOn { display: none; }
}

.ytwPlayerTimeDisplayScreenReaderOnly { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; }

.ytwPlayerSeekOverlayHost { position: absolute; inset: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; pointer-events: none; direction: ltr; }

.ytwPlayerSeekOverlayAnimation { position: absolute; top: 50%; transform: translateY(-50%); display: flex; -webkit-box-align: center; align-items: center; opacity: 0; }

.ytwPlayerSeekOverlayAnimationBack { left: 48px; }

.ytwPlayerSeekOverlayAnimationForward { right: 48px; }

.ytwPlayerSeekOverlayDuration { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.8) 0px 0px 1px; transform-origin: center center; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; }

@media (max-width: 527.9px) {
  .ytwPlayerSeekOverlayDuration { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; }
}

.ytwPlayerSeekOverlayAnimationBack .ytwPlayerSeekOverlayArrow { margin-right: 20px; }

.ytwPlayerSeekOverlayAnimationForward .ytwPlayerSeekOverlayArrow { margin-left: 20px; }

.ytwPlayerSeekOverlayArrow .ytwPlayerSeekOverlayArrowSvg { display: block; }

.ytwPlayerSeekOverlayArrow .ytwPlayerSeekOverlayArrowPath { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 0.5px); }

.ytwPlayerSeekOverlayArrowPersistent { position: relative; z-index: 1; }

.ytwPlayerSeekOverlayArrowAdditional { position: absolute; top: 50%; translate: 0px -50%; }

.ytwPlayerSeekOverlayAnimationBack .ytwPlayerSeekOverlayArrowAdditional { left: 0px; }

.ytwPlayerSeekOverlayAnimationForward .ytwPlayerSeekOverlayArrowAdditional { right: 0px; }

.ytwPlayerEndscreenHost { display: block; }

.ytwPlayerEndscreenContainer { color: rgb(255, 255, 255); }

.ytwPlayerEndscreenPlayerEndscreen { position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.3); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytwPlayerEndscreenPlayerEndscreen[data-has-timer-countdown="true"] { background-color: rgb(0, 0, 0); padding: 8px 16px; margin: 0px auto; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .ytwPlayerEndscreenPlayerEndscreen[data-has-timer-countdown="true"] { padding: 8px; }
}

[dir="rtl"] .ytwPlayerEndscreenPlayerEndscreen[data-has-timer-countdown="true"] { direction: rtl; }

.ytwPlayerEndscreenTopPanel { position: absolute; top: 0px; right: 0px; width: 100%; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .ytwPlayerEndscreenTopPanel { display: none; }
}

.ytwPlayerEndscreenHeader { display: flex; -webkit-box-align: center; align-items: center; padding: 16px; }

.ytwPlayerEndscreenCountdownContainer { color: rgba(255, 255, 255, 0.7); margin-bottom: 12px; margin-top: 4px; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .ytwPlayerEndscreenCountdownContainer { margin-bottom: 8px; }
}

.ytwPlayerEndscreenCountdownNumber { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; color: rgb(255, 255, 255); }

.ytwPlayerEndscreenCuedVideoContainer { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; }

.ytwPlayerEndscreenCuedVideoContainer:first-child { margin-right: 12px; }

.ytwPlayerEndscreenCuedThumbnailOverlay { width: 50%; flex-basis: calc(50% - 6px); position: relative; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .ytwPlayerEndscreenCuedThumbnailOverlay { flex-basis: calc(50% - 4px); }
}

.ytwPlayerEndscreenCuedThumbnailOverlay > .ytwPlayerEndscreenThumbnailContainer { width: 100%; height: auto; padding-bottom: 56.25%; }

.ytwPlayerEndscreenThumbnailOverlays { position: absolute; bottom: 0px; right: 0px; }

.ytwPlayerEndscreenVideoInfo { width: 50%; flex-basis: calc(50% - 6px); }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .ytwPlayerEndscreenVideoInfo { flex-basis: calc(50% - 4px); }
}

.ytwPlayerEndscreenVideoTitle { 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: rgb(255, 255, 255); margin-bottom: 4px; }

.ytwPlayerEndscreenVideoAuthor { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; color: rgba(255, 255, 255, 0.7); }

.ytwPlayerEndscreenButtonContainer { display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.ytwPlayerEndscreenActionButton { width: 100%; }

.ytwPlayerEndscreenActionButton > :first-child { width: 100%; }

.ytwPlayerEndscreenActionButton:first-child { margin-right: 12px; }

.ytmCustomControlHost { display: block; }

.ytmCustomControlHost :focus-visible { box-shadow: rgb(62, 166, 255) 0px 0px 0px 2px inset; }

.ytmEmbedsInfoPanelRendererHost { color: rgb(255, 255, 255); padding: 12px 0px 0px 12px; display: flex; position: absolute; z-index: 2; top: 52px; min-width: 130px; max-width: min(50% - 64px, 272px); }

.ytmEmbedsInfoPanelRendererHostAutohide { animation: 3s ease-in 10s 1 normal forwards running fade; }

@media (max-aspect-ratio: 3 / 4) {
  .ytmEmbedsInfoPanelRendererHostTopControlsStackedInPortrait { top: 112px; }
}

.ytmEmbedsInfoPanelRendererHidden { display: none; }

.ytmEmbedsInfoPanelRendererButton { -webkit-box-align: center; align-items: center; text-align: left; 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; }

.ytmEmbedsInfoPanelRendererText { padding-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; }

@-webkit-keyframes fade { 
  100% { opacity: 0; }
}

@keyframes fade { 
  100% { opacity: 0; pointer-events: none; }
}

.ytEmbedsInfoPanelDetailsViewModelBodyText { padding: 0px 12px 12px; color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytAutocropButtonHost { display: flex; -webkit-box-pack: center; justify-content: center; width: 100%; margin-top: 60px; }

.ytAutocropButtonVisible { visibility: visible; }

.ytAutocropButtonHidden { visibility: hidden; }

.ytAutocropButtonAutoCropButton { border: 1px solid rgba(255, 255, 255, 0.7); background-color: rgba(40, 40, 40, 0.6); border-radius: 18px; }

.ytFullscreenVideoRecommendationsHost { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; overflow-x: auto; }

@media not (pointer: fine) {
  .ytFullscreenVideoRecommendationsHost { scrollbar-width: none; }
  .ytFullscreenVideoRecommendationsHost::-webkit-scrollbar { display: none; }
}

@media (pointer: fine) {
  .ytFullscreenVideoRecommendationsHost { overflow-y: auto; }
  .ytFullscreenVideoRecommendationsHost::-webkit-scrollbar { width: 16px; }
  .ytFullscreenVideoRecommendationsHost::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: rgb(96, 96, 96); }
  .ytFullscreenVideoRecommendationsHost::-webkit-scrollbar-thumb:hover { background-color: rgb(144, 144, 144); }
}

.ytFullscreenVideoRecommendationsRecommendation { width: 200px; min-width: 200px; margin: 0px 8px; color: rgb(255, 255, 255); }

.ytwPlayerFullscreenControlsHost { display: block; }

.ytwPlayerFullscreenTopControlsHost { padding: 12px; color: rgb(255, 255, 255); display: flex; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 6; }

.ytwPlayerFullscreenTopControlsFullscreenControlsVideoTitle { margin: 0px; color: rgb(255, 255, 255); }

.ytwPlayerFullscreenTopControlsFullscreenCloseButtonWrapper { margin-top: -8px; margin-left: auto; }

.ytmPaidContentOverlayHost { color: rgb(255, 255, 255); animation: 3s ease-in 20s 1 normal forwards running fade; padding: 12px 0px 12px 12px; display: flex; }

.ytmPaidContentOverlayHidden { display: none; }

.ytmPaidContentOverlayLink { -webkit-box-align: center; 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; }

@-webkit-keyframes fade { 
  100% { opacity: 0; }
}

@keyframes fade { 
  100% { opacity: 0; pointer-events: none; }
}

.player-controls-bottom { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; position: absolute; bottom: 30px; z-index: 2; height: 44px; }

.player-controls-bottom .player-bottom-controls-fullscreen-icon-visible-area { box-sizing: border-box; width: 36px; height: 36px; border-radius: 50%; padding: 6px; background: rgba(0, 0, 0, 0.3); text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

.player-controls-bottom .player-bottom-controls-fullscreen-icon-visible-area button { text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

.player-controls-bottom .player-bottom-controls-fullscreen-icon-visible-area svg { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px); }

.player-controls-bottom.player-controls-bottom-left { left: 12px; right: 78px; }

.player-controls-bottom.player-controls-bottom-right { right: 24px; }

.player-controls-bottom .icon-button.fullscreen-icon { display: block; box-sizing: border-box; height: 48px; width: 48px; padding: 6px; }

body[faux-fullscreen="true"] .player-controls-bottom { bottom: 44px; }

body[faux-fullscreen="true"] .enable-fullscreen-controls .player-controls-bottom { bottom: 74px; }

body[faux-fullscreen="true"] .enable-fullscreen-controls.fs-watch-system .player-controls-bottom { bottom: 94px; }

#player-endscreen, #player-endscreen-container { position: absolute; inset: 0px; background-color: rgba(0, 0, 0, 0.3); }

.ytm-player-endscreen { color: rgb(238, 238, 238); }

#player-endscreen[data-has-timer-countdown="true"] { background-color: rgb(0, 0, 0); }

.ytm-player-endscreen .cued-thumbnail-overlay { background-size: cover; background-position: 50% center; background-repeat: no-repeat; width: 100%; height: 100%; position: absolute; opacity: 0.4; }

.ytm-player-endscreen .upnext-top { position: absolute; bottom: 50%; width: 100%; text-align: center; }

.ytm-player-endscreen .upnext-top .upnext-author, .ytm-player-endscreen .upnext-top .upnext-header, .ytm-player-endscreen .upnext-top .upnext-title { line-height: 1.3em; }

.ytm-player-endscreen .upnext-header { color: rgba(255, 255, 255, 0.7); font-size: 1.5rem; }

.ytm-player-endscreen .upnext-title { padding: 0px 10px 2px; margin-left: 32px; margin-right: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.65rem; }

.ytm-player-endscreen .upnext-author { padding: 0px 10px 10px; color: rgb(255, 255, 255); font-size: 1.4rem; }

.ytm-player-endscreen .upnext-middle { position: absolute; top: 60%; left: 50%; width: 50px; height: 50px; margin: -25px 0px 0px -25px; }

.ytm-player-endscreen a.autoplay-next-container, .ytm-player-endscreen a.autoplay-next-container c3-icon { display: block; width: 50px; height: 50px; padding: 0px; }

.ytm-player-endscreen .upnext-bottom { position: absolute; top: 70%; width: 100%; text-align: center; }

.ytm-player-endscreen .autonav-off-controls-top { display: flex; position: absolute; top: 0px; right: 0px; }

.ytm-player-endscreen .autonav-user-education-container { position: absolute; top: 25%; width: 100%; transform: translateY(-50%); }

.ytm-player-endscreen .autonav-off-controls { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }

.ytm-player-endscreen .autonav-off-controls .icon-button { height: 48px; width: 48px; padding: 6px; }

.ytm-player-endscreen .autonav-off-controls .icon-button > c3-icon { height: 36px; width: 36px; }

.ytm-player-endscreen .autonav-off-controls .icon-button > c3-icon svg { filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0px 1px); }

.ytm-player-endscreen .autonav-off-controls .icon-button > c3-icon svg path { fill: rgb(255, 255, 255); }

.ytm-player-endscreen .autonav-off-controls .icon-button.icon-disable c3-icon svg path { fill: rgba(255, 255, 255, 0.3); }

.ytm-player-endscreen .autonav-off-controls .endscreen-replay-button { margin: 0px 60px; }

.ytm-player-endscreen .autonav-off-controls .endscreen-replay-button.icon-button, .ytm-player-endscreen .autonav-off-controls .endscreen-replay-button.icon-button > c3-icon { height: 56px; width: 56px; padding: 0px; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .ytm-player-endscreen .autonav-off-controls { margin-top: -6px; }
  .ytm-player-endscreen .autonav-off-controls .endscreen-replay-button { margin: 0px 12px; padding: 8px; }
}

.ytm-player-endscreen button.icon-button.endscreen-logo-play-button { left: 50%; top: 50%; margin-left: -46px; margin-top: -32px; padding: 0px; position: absolute; display: block; }

.ytm-player-endscreen .endscreen-logo-play-button, .ytm-player-endscreen .endscreen-logo-play-button c3-icon { width: 92px; height: 64px; }

.ytm-player-endscreen .endscreen-logo-play-button c3-icon { fill: rgb(255, 0, 51); }

#player-endscreen .autonav-endscreen-button-container ytm-button-renderer { width: 100%; }

#player-endscreen .autonav-endscreen-button-container ytm-button-renderer button { width: 100%; }

.new-controls #player-endscreen { z-index: 3; }

#player-endscreen.endscreen-v2 { font-size: 1.4rem; }

[dir="rtl"] #player-endscreen.endscreen-v2[data-has-timer-countdown="true"] { direction: rtl; }

#player-endscreen.endscreen-v2[data-has-timer-countdown="true"] { padding: 8px 16px; margin: 0px auto; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  #player-endscreen.endscreen-v2[data-has-timer-countdown="true"] { padding: 8px; }
}

.ytm-player-endscreen .autonav-top-panel { position: absolute; top: 0px; right: 0px; width: 100%; display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.ytm-player-endscreen .autonav-top-panel icon-button { width: 32px; height: 32px; padding: 4px; }

.ytm-player-endscreen .autonav-off-controls-top { display: flex; position: absolute; top: 0px; right: 0px; }

.ytm-player-endscreen .autonav-user-education-container { position: absolute; top: 25%; width: 100%; transform: translateY(-50%); }

.ytm-player-endscreen .autonav-endscreen-header { display: flex; -webkit-box-align: center; align-items: center; padding: 16px; }

.ytm-player-endscreen .autonav-endscreen-countdown-container { color: rgb(170, 170, 170); margin-bottom: 12px; margin-top: 4px; }

.ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-header span.autonav-endscreen-countdown-number { color: rgb(255, 255, 255); font-weight: 500; }

.ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; }

.ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container:first-child { margin-right: 12px; }

.ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container .autonav-endscreen-video-info, .ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container .cued-thumbnail-overlay-v2 { width: 50%; flex-basis: calc(50% - 6px); }

.ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container .cued-thumbnail-overlay-v2 { position: relative; }

.ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container .cued-thumbnail-overlay-v2 .video-thumbnail-container-compact { width: 100%; height: auto; padding-bottom: 56.25%; }

.ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container .cued-thumbnail-overlay-v2 .thumbnail-overlays { position: absolute; bottom: 0px; right: 0px; }

.ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container .autonav-endscreen-video-info .autonav-endscreen-video-title { color: rgb(255, 255, 255); font-weight: 400; margin-bottom: 4px; line-height: 1.25; -webkit-box-orient: vertical; display: -webkit-box; max-height: 2.5em; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }

.ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container .autonav-endscreen-video-info .autonav-endscreen-video-author { color: rgb(170, 170, 170); font-size: 1.2rem; }

.ytm-player-endscreen .autonav-endscreen-button-container { display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.ytm-player-endscreen .autonav-endscreen-button-container .button-with-icon:first-child { margin-right: 8px; }

.ytm-player-endscreen .autonav-endscreen-button-container .button-with-icon { width: 50%; flex-basis: calc(50% - 8px); margin: 0px; background-color: rgba(255, 255, 255, 0.3); }

.ytm-player-endscreen .autonav-endscreen-button-container .button-with-icon.cancel-autoplay { background-color: rgba(255, 255, 255, 0.1); }

.ytm-player-endscreen .autonav-endscreen-button-container .button-with-icon .button-with-icon-button { width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .ytm-player-endscreen .autonav-top-panel { display: none; }
  .ytm-player-endscreen .autonav-endscreen-countdown-container { margin-bottom: 8px; }
  .ytm-player-endscreen .autonav-endscreen-button-container .button-with-icon, .ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container .autonav-endscreen-video-info, .ytm-player-endscreen .autonav-endscreen-countdown-container .autonav-endscreen-cued-video-container .cued-thumbnail-overlay-v2 { width: 50%; flex-basis: calc(50% - 4px); }
}

.ytm-player-endscreen .endscreen-v2 .autonav-endscreen-button-container ytm-button-renderer:first-child { margin-right: 12px; }

.ytm-player-endscreen .endscreen-v2 .autonav-endscreen-button-container ytm-button-renderer { width: 50%; }

.ytm-player-endscreen .endscreen-v2 .autonav-endscreen-button-container ytm-button-renderer a, .ytm-player-endscreen .endscreen-v2 .autonav-endscreen-button-container ytm-button-renderer button { width: 100%; }

.ytwPlayerMiddleControlsHost { display: flex; }

.ytwPlayerMiddleControlsA11ySeekButton { position: absolute; left: 0px; top: 0px; height: 12px; width: 12px; }

ytm-custom-control .player-controls-middle { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; top: 50%; width: 100%; transform: translateY(-50%); z-index: 6; }

ytm-custom-control .player-controls-middle.prevent-controls-collision { width: fit-content; left: 50%; transform: translate(-50%, -50%); }

ytm-custom-control .player-controls-middle .icon-button { height: 48px; width: 48px; padding: 6px; border-radius: 24px; background-color: rgba(0, 0, 0, 0.3); }

ytm-custom-control .player-controls-middle .icon-button > c3-icon { height: 32px; width: 32px; }

ytm-custom-control .player-controls-middle .player-middle-controls-prev-next-button { height: 48px; width: 48px; padding: 6px; background: none; }

ytm-custom-control .player-controls-middle .player-middle-controls-prev-next-button c3-icon { height: 24px; width: 24px; }

ytm-custom-control .player-controls-middle .player-middle-controls-prev-next-button .player-middle-controls-prev-next-visible-area { box-sizing: border-box; height: 36px; width: 36px; padding: 6px; border-radius: 50%; background: rgba(0, 0, 0, 0.3); text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

ytm-custom-control .player-controls-middle .player-middle-controls-prev-next-button .player-middle-controls-prev-next-visible-area button { text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

ytm-custom-control .player-controls-middle .player-middle-controls-prev-next-button .player-middle-controls-prev-next-visible-area svg { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px); }

ytm-custom-control .player-controls-middle .icon-button.endscreen-replay-button { height: auto; width: auto; border-radius: 56px; }

ytm-custom-control .player-controls-middle .icon-button.endscreen-replay-button > c3-icon { height: 40px; width: 40px; padding: 8px; }

ytm-custom-control .player-controls-middle .player-control-play-pause-icon.icon-button { height: 56px; width: 56px; padding: 10px; border-radius: 50%; }

ytm-custom-control .player-controls-middle .player-control-play-pause-icon.icon-button > c3-icon { height: 36px; width: 36px; padding: unset; }

ytm-custom-control .player-controls-middle .endscreen-replay-button.icon-button, ytm-custom-control .player-controls-middle .player-control-play-pause-icon { margin: 0px 34px; }

ytm-custom-control .player-controls-middle .screenreader-safe-hide-middle-buttons { pointer-events: none; opacity: 0; }

ytm-custom-control .player-controls-middle .player-controls-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

[dir="rtl"] ytm-custom-control .player-controls-middle:not(.prevent-controls-collision) { transform: translateY(-50%); }

ytm-custom-control .player-controls-middle .player-controls-middle-core-buttons { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; direction: ltr; }

.ytmVideoInfoHost { -webkit-box-flex: 1; flex: 1 1 0%; overflow: hidden; min-width: 0px; }

.ytmVideoInfoVideoDetailsContainer { display: flex; padding-left: 12px; min-height: 5.2rem; }

.ytmVideoInfoVideoTitle { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; }

@media (max-width: 527.9px) {
  .ytmVideoInfoVideoTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 700; }
}

.ytmVideoInfoVideoTitle { display: block; max-width: 100%; padding-top: 10px; overflow: hidden; white-space: nowrap; text-decoration: none; mask-image: linear-gradient(to right, rgb(255, 255, 255) 95%, rgba(0, 0, 0, 0)); }

[dir="rtl"] .ytmVideoInfoVideoTitle { mask-image: linear-gradient(to left, rgb(255, 255, 255) 95%, rgba(0, 0, 0, 0)); }

.ytmVideoInfoChannelTitle { max-width: 100%; font-size: 1.2rem; overflow: hidden; white-space: nowrap; text-decoration: none; opacity: 1; line-height: 1.1; }

.ytmVideoInfoVideoTitleContainer { min-height: 36px; -webkit-box-flex: 1; flex: 1 1 0%; overflow: hidden; color: rgb(255, 255, 255); margin-right: 12px; padding-left: 0px; }

.ytmVideoInfoLogoEnabled { padding-left: 52px; }

.ytmVideoInfoChannelLogo { width: 36px; height: 36px; display: block; background-size: contain; background-repeat: no-repeat; flex-shrink: 0; margin: 8px 12px 12px; border-radius: 50%; z-index: 7; position: absolute; top: 0px; }

.ytmVideoInfoChannelContainer { height: 5.2rem; position: absolute; left: 0px; min-width: 52px; max-width: calc(100% - 12px); margin: 8px 4px 4px; overflow: hidden; }

[dir="rtl"] .ytmVideoInfoChannelContainer { left: auto; right: 0px; }

.ytmVideoInfoOverlay { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; border-radius: 10px; background-color: rgba(0, 0, 0, 0.8); margin-left: 4px; height: 100%; transition: 0.2s cubic-bezier(0.05, 0, 0, 1); opacity: 0; max-width: 0px; padding-left: 52px; padding-right: 10px; z-index: 5; position: relative; }

.ytmVideoInfoExpanded { opacity: 1; max-width: 100%; }

.ytmVideoInfoChannelInfo { display: block; padding-right: 8px; -webkit-box-flex: 1; flex: 1 1 0%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; align-self: center; max-width: 100%; }

.ytmVideoInfoFlyoutChannelTitle { font-size: 1.4rem; color: rgb(255, 255, 255); text-overflow: ellipsis; max-width: 100%; display: block; margin-bottom: 2px; align-self: center; }

.ytmVideoInfoFlyoutChannelSubtitle { font-size: 1.2rem; color: rgb(255, 255, 255); text-overflow: ellipsis; max-width: 100%; display: block; }

.ytmVideoInfoSubscribeButton { align-self: center; }

.ytmVideoInfoSubscribeButton .is-subscribed .ytAttributedStringHost { color: rgba(255, 255, 255, 0.7); }

.ytmVideoInfoHide, .ytmVideoInfoSubscribeButton .subscribe-button-count { display: none; }

.ytmVideoInfoLink:hover { cursor: pointer; }

.ytmVideoInfoChannelAvatar { display: block; position: absolute; width: 48px; height: 48px; }

.ytmMuteButtonHost { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; width: 48px; height: 48px; }

.ytmMuteButtonButton { cursor: pointer; width: 48px; height: 48px; padding: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; font: inherit; text-transform: inherit; color: inherit; background: transparent; }

.ytwAutonavToggleButtonHost { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; width: 48px; height: 48px; }

.ytwAutonavToggleButtonSpannerIconOff, .ytwAutonavToggleButtonSpannerIconOn { width: 36px; height: 14px; position: relative; }

.ytwAutonavToggleButtonSpannerIconOff svg, .ytwAutonavToggleButtonSpannerIconOn svg { position: absolute; top: 0px; left: 0px; width: 36px; height: 14px; }

.ytwAutonavToggleButtonPlayIcon { position: absolute; top: 50%; transform: translateY(-50%); left: 22px; width: 20px; height: 20px; }

[dir="rtl"] .ytwAutonavToggleButtonPlayIcon { left: 6px; }

.ytwAutonavToggleButtonPauseIcon { position: absolute; top: 50%; transform: translateY(-50%); left: 6px; width: 20px; height: 20px; }

[dir="rtl"] .ytwAutonavToggleButtonPauseIcon { left: 22px; }

.ytwPlayerAutonavToggleHost { display: block; }

.ytwPlayerAutonavToggleHost .ytwAutonavToggleButtonPlayIcon { color: rgb(255, 255, 255); }

.ytwPlayerTopControlsHost { display: block; }

.ytwPlayerTopControlsPlayerControlsTopRight { display: flex; }

.ytwPlayerTopControlsContainerWithEmbeddedVideoDetails { -webkit-box-pack: end; justify-content: flex-end; }

@media (max-aspect-ratio: 3 / 4) {
  .ytwPlayerTopControlsContainerWithEmbeddedVideoDetails { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
}

@media (max-aspect-ratio: 3 / 4) {
  .ytwPlayerTopControlsContainerWithEmbeddedVideoDetailsPlayerControlsTopRight { -webkit-box-pack: end; justify-content: flex-end; }
}

.ytmWatchPlayerControlsHost { display: block; }

.ytmWatchPlayerControlsBackgroundActionItems { position: absolute; z-index: 2; }

ytm-notification-action-renderer { display: flex; -webkit-box-align: center; align-items: center; }

.notification-action-response-text { -webkit-box-flex: 1; flex-grow: 1; padding-right: 1rem; }

.notification-action-button { flex-shrink: 0; }

.unified-share-url-input { background-color: transparent; padding-bottom: 4px; outline: none; box-sizing: border-box; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(115, 115, 115); border-image: none; border-radius: 0px; margin-bottom: 1px; font: inherit; color: rgb(3, 3, 3); text-overflow: ellipsis; }

.unified-share-url-input:focus { margin-bottom: 0px; border-bottom-width: 2px; border-bottom-color: rgb(3, 3, 3); }

.unified-share-url-input::-webkit-input-placeholder { color: rgb(96, 96, 96); opacity: 1; }

.unified-share-url-input::placeholder { color: rgb(96, 96, 96); opacity: 1; }

.unified-share-url-input { width: 100%; display: block; padding: 12px; color: rgb(6, 95, 212); background-color: rgba(0, 0, 0, 0.05); border-bottom-style: none; border-radius: 8px; }

.bottom-sheet-share-item .unified-share-url-input { height: 48px; margin-bottom: 12px; }

.share-target-link { display: block; padding: 12px; }

.bottom-sheet-share-item .share-target-link { padding: 0px; margin-left: 12px; height: 48px; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; }

fullscreen-overlay { position: fixed; top: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); overflow: scroll; z-index: 4; }

.ytChipBarViewModelHost { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; position: relative; -webkit-box-align: stretch; align-items: stretch; }

.ytChipBarViewModelChipBarScrollContainer { display: flex; overflow: auto hidden; scrollbar-width: none; }

.ytChipBarViewModelChipBarScrollContainer::-webkit-scrollbar { display: none; }

.ytChipBarViewModelChipBarScrollContainerWrapped { flex-wrap: wrap; row-gap: 8px; overflow: visible; }

.ytChipBarViewModelLeftArrowContainer, .ytChipBarViewModelRightArrowContainer { display: flex; height: 100%; position: absolute; top: 0px; z-index: 1; }

.ytChipBarViewModelLeftArrowContainer { left: 0px; }

.ytChipBarViewModelLeftArrowContainerIsHidden { display: none; }

.ytChipBarViewModelLeftArrowContainer::after { width: 50px; content: ""; pointer-events: none; background: linear-gradient(to left, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.9) 75%, white 100%); }

.ytChipBarViewModelRightArrowContainer { right: 0px; }

.ytChipBarViewModelRightArrowContainerIsHidden { display: none; }

.ytChipBarViewModelRightArrowContainer::before { width: 50px; content: ""; pointer-events: none; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.9) 75%, white 100%); }

.ytChipBarViewModelLeftArrow, .ytChipBarViewModelRightArrow { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: rgb(255, 255, 255); }

.ytChipBarViewModelChipWrapper { margin-right: 8px; }

.ytChipBarViewModelChipWrapperWithNavigationButtons { margin-top: 4px; margin-bottom: 4px; }

.ytChipShapeButtonReset { display: inline-flex; color: inherit; border-width: medium; border-style: none; border-color: currentcolor; border-image: 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 { position: relative; -webkit-box-align: center; align-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: 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; }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytChipShapeChip { outline: solid 1px; outline-offset: -1px; }
}

.ytChipShapeElevatedContent { z-index: 1; pointer-events: none; }

.ytChipShapeOnlyTextPadding { padding: 0px 12px; }

.ytChipShapeOnlyIconPadding { padding: 0px; }

.ytChipShapeStartIconPadding { padding-inline-end: 12px; }

.ytChipShapeEndIconPadding { padding-inline-start: 12px; }

.ytChipShapeActive { background-color: rgb(15, 15, 15); color: rgb(255, 255, 255); }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytChipShapeActive { forced-color-adjust: none; background-color: selecteditem; color: selecteditemtext; }
}

.ytChipShapeDisabled { background-color: rgba(0, 0, 0, 0.05); color: rgb(144, 144, 144); }

.ytChipShapeInactive { background-color: rgba(0, 0, 0, 0.05); color: rgb(3, 3, 3); }

.ytChipShapeFocused { outline: rgb(3, 3, 3) solid 2px; outline-offset: -2px; background-color: rgb(255, 255, 255); color: rgb(3, 3, 3); }

.ytChipShapeIconStart { color: inherit; margin: 0px 4px 0px 8px; height: 18px; width: 18px; }

.ytChipShapeIconOnly { color: inherit; margin: 0px 8px; height: 24px; width: 24px; }

.ytChipShapeIconEnd { color: inherit; margin: 0px 6px 0px 4px; height: 18px; width: 18px; }

.ytChipShapeAICustomizedChipBorderDarkMode { border: 2px solid transparent; background: linear-gradient(rgb(15, 15, 15), rgb(15, 15, 15)) padding-box padding-box, linear-gradient(to right, rgb(127, 14, 127), rgb(0, 122, 101)) border-box border-box; }

.ytChipShapeAICustomizedChipBackgroundLightMode { color: rgb(255, 255, 255); background-image: linear-gradient(to right, rgb(127, 14, 127), rgb(0, 122, 101)); }

.ytChipShapeAICustomizedChipIconDarkMode { color: rgb(127, 14, 127); }

.ytChipShapeMiddlegroundAsset { position: absolute; top: 0px; left: 0px; width: round(up, 100%, 1px); height: 100%; overflow: hidden; pointer-events: none; border-radius: 8px; }

.ytChipViewModelHost { display: block; }

.ytStandardsTextareaShapeHost { position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; 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(0, 0, 0, 0.1); }

.ytStandardsTextareaShapeTextareaContainerOutline:focus-within { border: 2px solid rgb(3, 3, 3); padding: 23px 11px 7px; }

.ytStandardsTextareaShapeTextareaContainerOutlineDisabled { border: 0px; color: rgb(144, 144, 144); background-color: rgba(0, 0, 0, 0.05); }

.ytStandardsTextareaShapeTextareaContainerOutlineError { border-color: rgb(195, 0, 39); }

.ytStandardsTextareaShapeTextareaContainerOutlineError:focus-within { border-color: rgb(195, 0, 39); }

.ytStandardsTextareaShapeTextareaContainerLabelHidden { min-height: 36px; padding: 9px 12px 6px; }

.ytStandardsTextareaShapeTextareaContainerLabelHidden.ytStandardsTextareaShapeTextareaContainerOutline:focus-within { padding: 9px 11px 6px; }

.ytStandardsTextareaShapeTextarea { min-height: 0px; color: rgb(3, 3, 3); width: 100%; background-color: transparent; resize: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: 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; }

@media (forced-colors: active) {
  .ytStandardsTextareaShapeTextarea::-webkit-input-placeholder { opacity: 0; }
  .ytStandardsTextareaShapeTextarea::placeholder { opacity: 0; }
}

.ytStandardsTextareaShapeTextarea:disabled { color: rgb(144, 144, 144); }

.ytStandardsTextareaShapeLabel { position: absolute; top: 8px; left: 12px; color: rgb(96, 96, 96); 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(144, 144, 144); }

.ytStandardsTextareaShapeLabelError { color: rgb(195, 0, 39); }

.ytStandardsTextareaShapeLabelHidden { display: none; }

.ytStandardsTextareaShapePlaceholder { display: none; color: rgb(96, 96, 96); 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; }

.ytStandardsTextareaShapeTextareaContainerLabelHidden .ytStandardsTextareaShapePlaceholder { top: 8px; }

.ytStandardsTextareaShapeError, .ytStandardsTextareaShapeHint { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; margin-top: 4px; color: rgb(195, 0, 39); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytStandardsTextareaShapeErrorIcon, .ytStandardsTextareaShapeHintIcon { display: inline-block; height: 16px; width: 16px; }

.ytStandardsTextareaShapeErrorMessage, .ytStandardsTextareaShapeHintMessage { margin-left: 4px; }

.ytStandardsTextareaShapeErrorDisabled, .ytStandardsTextareaShapeHintDisabled { color: rgb(144, 144, 144); }

.ytStandardsTextareaShapeErrorCharacterCount, .ytStandardsTextareaShapeHintCharacterCount { margin-left: auto; }

.ytStandardsTextareaShapeErrorHintMessage, .ytStandardsTextareaShapeHintHintMessage { margin-left: 4px; color: rgb(96, 96, 96); }

.ytStandardsTextareaShapeErrorIcon { color: inherit; }

.ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapeTextareaContainer { -webkit-box-align: center; align-items: center; display: flex; padding: 0px; }

.ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapePlaceholder, .ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapeTextarea { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-inline: auto; max-width: 80px; text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 3.6rem; line-height: 5rem; font-weight: 700; }

@media (max-width: 527.9px) {
  .ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapePlaceholder, .ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapeTextarea { font-family: Roboto, Arial, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; }
}

.ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapePlaceholder { inset: 0px; }

.ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapeTextarea { height: 100%; padding: 9px 0px; }

.ytStandardsTextareaShapeFillParent, .ytStandardsTextareaShapeFillParent .ytStandardsTextareaShapeTextarea { height: 100%; }

.ytStandardsTextareaShapeFillParent .ytStandardsTextareaShapeTextareaContainer { -webkit-box-flex: 1; flex: 1 1 0%; }

.ytSearchInputViewModelHost { display: flex; -webkit-box-align: center; align-items: center; border-radius: 100px; background-color: rgba(0, 0, 0, 0.05); }

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSearchInputViewModelHost { outline: rgba(0, 0, 0, 0.1) solid 2px; }
}

.ytSearchInputViewModelHostContentResearch { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.1); }

.ytSearchInputViewModelLeadingIcon { margin-left: 16px; margin-right: 4px; color: rgb(96, 96, 96); display: flex; -webkit-box-align: center; align-items: center; }

.ytSearchInputViewModelForm { -webkit-box-flex: 1; flex-grow: 1; position: relative; top: 2px; }

.ytSearchInputViewModelClearButton { margin-right: 4px; }

.ytwChannelBlocksViewModelHost { display: block; }

.ytwChannelBlocksViewModelListWrapper { scrollbar-color: transparent transparent; scrollbar-width: thin; }

.ytwChannelBlocksViewModelListWrapper::-webkit-scrollbar { background: transparent; width: 16px; }

.ytwChannelBlocksViewModelListWrapper::-webkit-scrollbar-thumb { height: 56px; border-radius: 8px; border: 4px solid transparent; background-clip: content-box; background-color: transparent; }

.ytwChannelBlocksViewModelListWrapper:hover { scrollbar-color: rgb(144, 144, 144) transparent; }

.ytwChannelBlocksViewModelListWrapper:hover::-webkit-scrollbar-thumb { background-color: rgb(144, 144, 144); }

.ytwChannelBlocksViewModelListWrapper { overflow-y: auto; max-height: min(360px, -300px + 100vh); min-width: min(448px, -144px + 100vw); }

@media (max-width: 330px) {
  .ytwChannelBlocksViewModelListWrapper { max-height: calc(-200px + 100vh); }
}

.ytwChannelBlocksViewModelSearchContainer { position: relative; padding-bottom: 8px; }

.ytwChannelBlocksViewModelDropdownPanel { position: absolute; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 10px; border-radius: 4px; z-index: 2010; width: 100%; max-height: min(300px, -300px + 100vh); overflow-y: auto; top: 100%; left: 0px; }

.ytwChannelBlocksViewModelSuggestionsListbox { padding: 8px 0px; }

.ytPlayerOverlayInteractionHost { display: block; }

.ytPlayerOverlayInteractionInteractionsSvg { pointer-events: all; cursor: pointer; border-radius: 6px; }

.ytPlayerOverlayInteractionInteractionsSvgHover { background-color: rgba(0, 0, 0, 0.1); }

.ytPlayerOverlayInteractionInteractionsSvgHideOutline { outline: none; }

.ytDismissibleItemReplacedContent { position: relative; -webkit-box-flex: 1; 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(0, 0, 0, 0.1); border-radius: 8px; padding: 20px 12px 8px; text-align: center; -webkit-box-pack: center; justify-content: center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; }

.ytNotificationMultiActionRendererHostLegacyShelfStyle { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: start; justify-content: flex-start; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.ytNotificationMultiActionRendererTextContainer { -webkit-box-flex: 1; flex: 1 1 0%; display: flex; -webkit-box-pack: center; justify-content: center; text-align: center; -webkit-box-align: center; align-items: center; margin-bottom: 12px; }

.ytNotificationMultiActionRendererTextContainerLegacyShelfStyle { -webkit-box-flex: 0; flex: 0 0 auto; margin-bottom: 0px; margin-right: 12px; }

.ytNotificationMultiActionRendererButtonContainer { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; }

.ytNotificationMultiActionRendererButtonContainerLegacyShelfStyle { width: auto; }

.ytNotificationMultiActionRendererButton { padding: 6px 0px; display: flex; -webkit-box-flex: 1; flex: 1 1 0%; }

.ytNotificationTextRendererHost { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 12px; text-align: center; -webkit-box-pack: center; justify-content: center; display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-align: center; align-items: center; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; }

.ytwAdAvatarViewModelHost, .ytwAdAvatarViewModelHostIsClickableAdComponent { display: block; }

.ytwAdBadgeViewModelHost, .ytwAdBadgeViewModelHostIsClickableAdComponent { 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; }

.ytwAdBadgeViewModelHostIsClickableAdComponent { cursor: pointer; }

.ytwAdDetailsLineViewModelHost, .ytwAdDetailsLineViewModelHostIsClickableAdComponent { display: block; }

.ytwAdDetailsLineViewModelHostIsClickableAdComponentTextStyleStandard, .ytwAdDetailsLineViewModelHostTextStyleStandard { color: rgb(96, 96, 96); 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(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytwFeedAdMetadataViewModelHost, .ytwFeedAdMetadataViewModelHostIsClickableAdComponent { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; width: 100%; position: relative; cursor: pointer; --feed-ad-metadata-top-padding: 12px; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadata, .ytwFeedAdMetadataViewModelHostMetadata { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; 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; -webkit-box-align: center; align-items: center; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadataAdBadgeDetailsLineContainerStyleStandard, .ytwFeedAdMetadataViewModelHostMetadataAdBadgeDetailsLineContainerStyleStandard { display: flex; cursor: pointer; padding-bottom: var(--feed-ad-metadata-bottom-margin); }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentNoTopPadding, .ytwFeedAdMetadataViewModelHostNoTopPadding { --feed-ad-metadata-top-padding: 0; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenuButton, .ytwFeedAdMetadataViewModelHostMenuButton { position: absolute; top: -6px; right: -10px; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenuButtonMenuPosAdjusted, .ytwFeedAdMetadataViewModelHostMenuButtonMenuPosAdjusted { right: -7px; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenuStyleStandard, .ytwFeedAdMetadataViewModelHostMenuStyleStandard { padding-top: var(--feed-ad-metadata-top-padding); display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; top: -6px; right: -10px; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenuStyleStandardMenuPosAdjusted, .ytwFeedAdMetadataViewModelHostMenuStyleStandardMenuPosAdjusted { right: -7px; }

.ytwFeedAdMetadataViewModelHostAvatarStyleStandard, .ytwFeedAdMetadataViewModelHostIsClickableAdComponentAvatarStyleStandard { display: inline-block; margin-right: 12px; }

.ytwFeedAdMetadataViewModelHostAvatarStyleCompact, .ytwFeedAdMetadataViewModelHostIsClickableAdComponentAvatarStyleCompact { margin-right: 8px; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadline, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadline { color: rgb(3, 3, 3); 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; }

.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(3, 3, 3); 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; margin-bottom: 4px; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescription, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescription { color: rgb(96, 96, 96); 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; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactSecondaryDescription, .ytwFeedAdMetadataViewModelHostTextsStyleCompactSecondaryDescription { color: rgb(96, 96, 96); 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; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactSecondaryDescriptionTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactSecondaryDescriptionTypographyBump { 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(96, 96, 96); 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(3, 3, 3); -webkit-box-flex: 1; 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; }

.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineWatchNext, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineWatchNext { 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; }

.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(96, 96, 96); 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(96, 96, 96); 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; }

.ytwAdDisclosureBannerViewModelHost { -webkit-box-align: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); border-radius: 4px; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; max-width: 312px; padding: 8px; }

.ytwAdDisclosureBannerViewModelHostHasAccent { border-inline-start: 4px solid var(--ad-disclosure-accent-color); }

.ytwAdDisclosureBannerViewModelHostIsClickableAdComponent { cursor: pointer; }

.ytwAdDisclosureBannerViewModelHostIsClickableAdComponent:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 2px; }

.ytwAdDisclosureBannerViewModelText { background: none; color: rgb(255, 255, 255); -webkit-box-flex: 1; flex-grow: 1; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytFlexibleActionsViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytFlexibleActionsViewModelActionRow { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.ytFlexibleActionsViewModelActionRow:not(:last-child) { padding-bottom: 8px; }

.ytFlexibleActionsViewModelAction:not(:last-child):not(:empty) { padding-right: 8px; }

.ytFlexibleActionsViewModelActionRowAction { min-width: 0px; -webkit-box-flex: 1; flex-grow: 1; flex-basis: 0px; }

.ytFlexibleActionsViewModelActionRowAction:empty { -webkit-box-flex: 0; flex-grow: 0; }

.ytFlexibleActionsViewModelActionIntrinsicWidth { -webkit-box-flex: 0; flex-grow: 0; flex-basis: auto; }

.ytFlexibleActionsViewModelActionRowActionFeaturePhone { flex-basis: unset; min-width: unset; }

.ytFlexibleActionsViewModelActionIconOnlyButton { -webkit-box-flex: 0; flex: 0 0 auto; }

.ytFlexibleActionsViewModelInline { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ytFlexibleActionsViewModelScrollable { overflow: auto; white-space: nowrap; scrollbar-color: transparent transparent; scrollbar-width: thin; }

.ytFlexibleActionsViewModelScrollable::-webkit-scrollbar { background: transparent; width: 8px; }

.ytFlexibleActionsViewModelScrollable::-webkit-scrollbar-thumb { height: 56px; background: transparent; }

.ytFlexibleActionsViewModelScrollable:hover { scrollbar-color: rgb(144, 144, 144) transparent; }

.ytFlexibleActionsViewModelScrollable:hover::-webkit-scrollbar-thumb { background: rgb(144, 144, 144); }

.ytFlexibleActionsViewModelFlexWrap { flex-wrap: wrap; row-gap: 8px; }

.ytFlexibleActionsViewModelJustifyContentStart { -webkit-box-pack: start; justify-content: flex-start; }

.ytFlexibleActionsViewModelJustifyContentEnd { -webkit-box-pack: end; justify-content: flex-end; }

.ytFlexibleActionsViewModelCentered .ytFlexibleActionsViewModelAction, .ytFlexibleActionsViewModelCentered .ytFlexibleActionsViewModelActionRow { flex-basis: 0px; -webkit-box-flex: 1; flex-grow: 1; min-width: 0px; }

.ytEngagementBarViewModelHost { display: block; }

.ytEngagementBarViewModelEngagementBarWrapper { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: 48px; -webkit-box-align: center; align-items: center; }

.ytLockupAttachmentsViewModelHost { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytLockupAttachmentsViewModelAttachment { margin-top: 12px; min-width: 0px; }

.ytLockupAttachmentsViewModelExpandableMetadata { padding-top: 4px; }

.ytwCarouselAdCardCollectionViewModelHost { display: flex; }

.ytwCarouselAdCardCollectionViewModelFullHeightButton { height: 100%; }

.ytwCarouselAdCardCollectionViewModelFullHeightButton > .ytSpecButtonShapeNextHost { height: 100%; border-radius: 12px; }

.ytwCarouselAdCardCollectionViewModelMetadataAttachmentCarousel { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; gap: 12px; overflow-x: auto; scrollbar-width: none; }

.ytwCarouselAdCardCollectionViewModelMetadataAttachmentCarousel::-webkit-scrollbar { display: none; }

.ytwCarouselAdCardCollectionViewModelMetadataAttachmentCarouselItem { width: 96px; flex-shrink: 0; display: flex; }

.ytwCarouselAdCardCollectionViewModelMetadataAttachmentCarouselWrapper { position: relative; display: flex; -webkit-box-align: center; align-items: center; width: 100%; }

.ytwCarouselAdCardCollectionViewModelPaddle { position: absolute; z-index: 1; width: 36px; height: 36px; border-radius: 50%; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.ytwCarouselAdCardCollectionViewModelPaddleLeft { left: -16px; }

.ytwCarouselAdCardCollectionViewModelPaddleRight { right: -16px; }

.ytwCarouselAdCardImageViewModelHost, .ytwCarouselAdCardImageViewModelHostIsClickableAdComponent { aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden; max-height: 100%; max-width: 100%; display: flex; -webkit-box-flex: 1; flex-grow: 1; align-self: stretch; cursor: pointer; position: relative; }

.ytwCarouselAdCardImageViewModelHost::after, .ytwCarouselAdCardImageViewModelHostIsClickableAdComponent::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; }

.ytwCarouselAdCardImageViewModelHost:hover::after, .ytwCarouselAdCardImageViewModelHostIsClickableAdComponent:hover::after { opacity: 0.1; }

.ytwCarouselAdCardImageViewModelHostCardBadge, .ytwCarouselAdCardImageViewModelHostIsClickableAdComponentCardBadge { position: absolute; top: 0px; left: 0px; display: flex; }

.ytwAdCardBadgeViewModelHost { display: block; height: 18px; padding: 4px; background-color: white; border-radius: 0px 0px 4px; }

.ytwAdImageViewModelHost, .ytwAdImageViewModelHostIsClickableAdComponent { display: flex; width: 100%; height: 100%; }

.ytwAdImageViewModelHostImageContainer, .ytwAdImageViewModelHostIsClickableAdComponentImageContainer { width: 100%; height: 100%; position: relative; display: inline-block; }

.ytwAdImageViewModelHostImage, .ytwAdImageViewModelHostIsClickableAdComponentImage { visibility: inherit; }

.ytwAdImageViewModelHostInGridView { width: 100%; height: 100%; position: absolute; }

.ytwAdImageViewModelHostInGridViewImageContainer { width: 100%; height: 100%; position: relative; display: inline-block; }

.ytwAdImageViewModelHostInGridViewImage { visibility: inherit; }

.ytwAdImageViewModelHostAdDisclosureBannerContainer { position: absolute; top: 8px; left: 8px; z-index: 1; }

.ytwHorizontalCarouselHost { display: flex; -webkit-box-align: stretch; align-items: stretch; width: 100%; overflow: hidden; }

.ytwHorizontalCarouselCarouselWrapper { display: flex; width: 100%; overflow: hidden; }

.ytwHorizontalCarouselCarouselInnerWrapper { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; width: 100%; }

.ytwHorizontalCarouselAnimating { transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1), -webkit-transform 0.2s cubic-bezier(0.05, 0, 0, 1); transform: translateX(-100%); }

.ytwHorizontalCarouselCarouselItem { flex-shrink: 0; }

.ytwHorizontalCarouselNextButton { display: flex; -webkit-box-align: center; align-items: center; cursor: pointer; margin-left: 8px; }

.ytwAdButtonGroupViewModelHost { display: flex; flex-basis: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }

.ytwAdButtonGroupViewModelHostPrimaryButton { -webkit-box-flex: 1; flex: 1 1 0%; }

.ytwAdButtonGroupViewModelHostSecondaryButton { margin-right: 4px; -webkit-box-flex: 1; flex: 1 1 0%; }

.ytwAdButtonGroupViewModelHostCompactWidth { flex-basis: 0px; min-width: 200px; width: 50%; gap: 12px; }

.ytwAdButtonGroupViewModelHostCompactWidthSecondaryButton { margin-right: 0px; }

.ytwAdButtonViewModelHost { display: block; height: max-content; }

.ytwAdButtonViewModelHostHasAnimation { transition: opacity 0.3s, height; }

.ytwAdButtonViewModelHostCompactWidth { flex-basis: 0px; width: max-content; min-width: 25%; }

.ytwAdButtonViewModelHostContentWidth { width: max-content; }

.ytwAdButtonViewModelShow { opacity: 1; }

.ytwAdButtonViewModelHide { opacity: 0; }

.ytwAdButtonViewModelFullHeight { height: auto; }

.ytwAdButtonViewModelNoHeight { height: 0px; }

.ytSlimlineSurveyViewModelHost { position: relative; border-radius: 12px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 10px; margin-top: 24px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-height: 300px; transition: max-height 0.3s, margin 0.3s, opacity 0.3s; }

.ytSlimlineSurveyViewModelHost::before { content: ""; background-color: rgb(255, 255, 255); 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-sizing: border-box; border-radius: 12px; background-color: rgb(255, 255, 255); padding: 8px 12px; overflow: hidden; position: relative; }

.ytSlimlineSurveyViewModelHeader { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.ytSlimlineSurveyViewModelIcon { height: 36px; width: 36px; }

.ytSlimlineSurveyViewModelAnswersText { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytTableViewModelHost { display: block; width: 100%; }

.ytTableViewModelRow { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-bottom: 8px; }

.ytTableViewModelRowBottomBorder { padding-bottom: 8px; }

.ytTableViewModelRowBottomBorder:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.ytTableViewModelCell { color: rgb(96, 96, 96); text-align: right; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytTableViewModelRowLabel { color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytDisclaimerItemViewModelHost { display: block; color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; }

.ytResponseActionsViewModelHost { -webkit-box-align: center; align-items: center; display: flex; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; }

.ytResponseActionsViewModelText { display: block; }

.ytResponseActionsViewModelTextLeft { margin-right: 16px; }

.ytResponseActionsViewModelTextRight { margin-left: 16px; }

.ytLockupViewModelHost { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; position: relative; cursor: pointer; min-width: 0px; -webkit-tap-highlight-color: transparent; }

.ytLockupViewModelFlexNone { -webkit-box-flex: 0; flex: 0 0 auto; }

.ytLockupViewModelWrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytLockupViewModelEndorsement { position: absolute; top: -20px; color: rgb(96, 96, 96); }

.ytLockupViewModelMetadata { position: relative; display: flex; min-width: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytLockupViewModelCentered .ytLockupViewModelMetadata { -webkit-box-pack: center; justify-content: center; }

.ytLockupViewModelAddMargins { margin-right: 12px; margin-left: 12px; }

.ytLockupViewModelFullbleed .ytLockupViewModelMetadata { margin-left: 12px; margin-right: 12px; }

.ytLockupViewModelContentImage { display: flex; -webkit-box-orient: inherit; -webkit-box-direction: inherit; flex-direction: inherit; }

.ytLockupViewModelCinematic { border-radius: 12px; overflow: hidden; }

.ytLockupViewModelVertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytLockupViewModelVertical .ytLockupViewModelContentImage { padding-bottom: 8px; -webkit-box-align: center; align-items: center; }

.ytLockupViewModelVertical.ytLockupViewModelRichGridLegacyMargin .ytLockupViewModelContentImage { padding-bottom: 12px; }

.ytLockupViewModelHorizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; height: inherit; }

.ytLockupViewModelHorizontal .ytLockupViewModelContentImage { display: flex; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 16px; -webkit-box-pack: center; justify-content: center; max-width: 500px; }

.ytLockupViewModelHorizontal .ytLockupViewModelMetadata { -webkit-box-flex: 1; flex: 1 1 0%; }

.ytLockupViewModelHorizontal.ytLockupViewModelCollectionStack1 { position: relative; margin-top: 6px; }

.ytLockupViewModelHorizontal.ytLockupViewModelCollectionStack2 { position: relative; margin-top: 10px; }

.ytLockupViewModelHorizontal.ytLockupViewModelCompact .ytLockupViewModelContentImage { padding-right: 8px; }

.ytLockupViewModelSingleColumnGrid.ytLockupViewModelCollectionStack1 { position: relative; margin-top: 6px; }

.ytLockupViewModelSingleColumnGrid.ytLockupViewModelCollectionStack2 { position: relative; margin-top: 10px; }

.ytLockupViewModelInCard.ytLockupViewModelCollectionStack1 { position: relative; margin-top: 6px; }

.ytLockupViewModelInCard.ytLockupViewModelCollectionStack2 { position: relative; margin-top: 10px; }

.ytLockupViewModelMetadataOnThumbnail { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; position: relative; }

.ytLockupViewModelMetadataOnThumbnail .ytLockupViewModelMetadata { -webkit-box-pack: end; justify-content: flex-end; position: absolute; inset: 50% 0px 0px; padding: 8px; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0px, rgba(0, 0, 0, 0) 100%); }

.ytLockupViewModelMetadataOnThumbnail.ytLockupViewModelCinematic .ytLockupViewModelContentImage { height: 55%; }

.ytLockupViewModelMetadataOnThumbnail.ytLockupViewModelCinematic .ytLockupViewModelMetadata { height: 75%; background: linear-gradient(transparent 0px, rgb(51, 51, 51) 50%); top: auto; }

.ytLockupViewModelCard { border-radius: 12px; overflow: hidden; background-color: rgba(0, 0, 0, 0.05); }

.ytLockupViewModelProtectBackground { background-color: rgba(255, 255, 255, 0.7); }

.ytSubscribeButtonViewModelHost { position: relative; display: flex; max-width: 100%; }

.ytSubscribeButtonViewModelHostCanAnimateWidth { transition: width 0.5s; }

.ytSubscribeButtonViewModelHostHidden { display: none; }

.ytSubscribeButtonViewModelInvisible { position: absolute; visibility: hidden; pointer-events: none; }

.ytSubscribeButtonViewModelContainer { display: flex; }

.ytSubscribeButtonViewModelAnimatedActionWrapper { max-width: 100%; }

.ytSubscribeButtonViewModelAnimatedActionWrapperIsAnimating, .ytSubscribeButtonViewModelStaticWidth { width: 100%; }

.ytCollectionsStackRelativeStack { position: relative; }

.ytCollectionsStackSpacer { height: 5px; }

.ytCollectionsStackSpacerDoubleStack { height: 9px; }

.ytCollectionsStackCollectionStack2 { 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) {
  .ytCollectionsStackCollectionStack2ResponsiveMode { display: none; }
}

.ytCollectionsStackCollectionStack2Mask { margin-top: -1px; mask-image: linear-gradient(transparent 0px, transparent 1px, black 0px, black 4px, transparent 0px, transparent 6px, black 0px, black 8px, transparent 0px, transparent 10px, black 0px); }

.ytCollectionsStackCollectionStack1 { background-color: rgb(96, 96, 96); margin-top: -1px; border-top: 1px solid rgb(255, 255, 255); }

.ytCollectionsStackCollectionStack1Small { position: absolute; top: -4px; width: calc(100% - 16px); height: 100%; left: 8px; right: 8px; border-radius: 4px; }

.ytCollectionsStackCollectionStack1Medium { position: absolute; top: -4px; width: calc(100% - 16px); height: 100%; left: 8px; right: 8px; border-radius: 8px; }

.ytCollectionsStackCollectionStack1Large { position: absolute; top: -4px; width: calc(100% - 16px); height: 100%; left: 8px; right: 8px; border-radius: 12px; }

.ytCollectionsStackCollectionStack1Mask { mask-image: linear-gradient(transparent 0px, transparent 1px, black 0px, black 4px, transparent 0px, transparent 6px, black 0px); border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }

.ytProfileIconHost { display: inline-block; overflow: hidden; flex-shrink: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0.1); }

.ytProfileIconHost:has(.ytProfileIconImage) { background-color: unset; }

.ytProfileIconImage { width: 100%; height: 100%; }

.ytMetadataBadgeRendererHost + .ytMetadataBadgeRendererHost { margin-left: 4px; }

.YtmBadgeAndBylineRendererHost { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; max-height: 3em; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  .YtmBadgeAndBylineRendererHost { display: block; max-height: none; overflow: visible; }
}

.YtmBadgeAndBylineRendererHost[data-is-all-badges="true"] { margin-top: 4px; }

.YtmBadgeAndBylineRendererHost ytm-badge-supported-renderer { position: relative; }

.YtmBadgeAndBylineRendererSmallLockup { -webkit-box-orient: vertical; -webkit-line-clamp: 1; }

.YtmBadgeAndBylineRendererSmallLockupDiv { display: flex; }

.YtmBadgeAndBylineRendererHost .YtmBadgeAndBylineRendererSmallLockupSpan { display: block; line-height: 1.25; max-height: 1.25em; overflow: hidden; white-space: pre; word-break: break-word; text-overflow: ellipsis; }

.YtmBadgeAndBylineRendererItemBadge, .YtmBadgeAndBylineRendererItemByline, .YtmBadgeAndBylineRendererSeparator { margin-right: 4px; }

.YtmBadgeAndBylineRendererItemByline { font-size: 1.2rem; display: inline; opacity: 0.6; }

.YtmBadgeAndBylineRendererItemBadge { display: inline-block; }

.YtmBadgeAndBylineRendererSeparator { font-size: 1.2rem; opacity: 0.6; }

.YtmBadgeSupportedRendererHost { display: flex; }

.YtmBadgeSupportedRendererHost > yt-metadata-badge-renderer { min-width: 0px; flex-shrink: 10000; }

.YtmBadgeSupportedRendererHost > yt-metadata-badge-renderer:first-child { flex-shrink: 1; }

.YtmBadgeSupportedRendererHost ytm-badge { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.YtmPrivacyBadgeRendererHost { margin-left: 4px; }

.ytmStandaloneYpcBadgeRendererHost { margin-left: 4px; }

.ytmStandaloneYpcBadgeRendererStandaloneYpcModernBadge { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ytmStandaloneYpcBadgeRendererStandaloneYpcDiscountTextBadge { margin-right: 4px; text-decoration: line-through; }

.YtmTextBadgeRendererHost + .YtmTextBadgeRendererHost { margin-left: 4px; }

.YtmChannelThumbnailWithLinkRendererHost { display: block; }

.YtmChannelThumbnailWithLinkRendererIcon { height: 40px; width: 40px; }

lazy-list ytm-media-item { display: block; padding: 0px; min-width: 0px; overflow: hidden; }

lazy-list ytm-media-item .media-item-thumbnail-container { padding: 0px 12px; }

lazy-list ytm-media-item .media-item-details { display: flex; -webkit-box-flex: 1; flex-grow: 1; min-width: 0px; padding-left: 0px; margin-top: 4px; }

ytm-media-item .upper-details { -webkit-box-flex: 1; flex-grow: 1; display: flex; margin-bottom: 8px; }

lazy-list ytm-media-item .media-channel { margin-top: 8px; }

ytm-media-item .upper-details .media-channel, ytm-media-item[use-vertical-layout] .upper-details .media-channel { margin-top: 0px; }

ytm-media-item .upper-details ytm-profile-icon { display: block; height: 36px; width: 36px; }

lazy-list ytm-media-item .media-item-metadata { margin-top: 8px; }

lazy-list .item ytm-media-item { margin-top: 0px; margin-bottom: 12px; }

lazy-list ytm-media-item .video-thumbnail-container-large { margin: 0px -12px; }

@-webkit-keyframes metadata-bounce { 
  0%, 100% { transform: translateX(0px); }
  20%, 80% { transform: translateX(-120px); }
}

@keyframes metadata-bounce { 
  0%, 100% { transform: translateX(0px); }
  20%, 80% { transform: translateX(-120px); }
}

ytm-media-item .metadata-scroll-container { overflow: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }

ytm-media-item .metadata-content-container { display: flex; width: 200%; }

ytm-media-item .metadata-content-container.bounce { animation-name: metadata-bounce; animation-duration: 3s; animation-iteration-count: 1; }

ytm-media-item .scroll-view { width: 50%; scroll-snap-align: start; }

ytm-media-item .scroll-dots-container { display: flex; -webkit-box-pack: center; justify-content: center; width: 100%; }

ytm-media-item .scroll-dot { height: 4px; width: 4px; border: 1px solid rgb(3, 3, 3); border-radius: 50%; margin: 0px 3px; }

ytm-media-item .scroll-dot.active { background-color: rgb(3, 3, 3); }

ytm-media-item { display: block; padding: 0px 12px; min-width: 0px; }

ytm-media-item[use-vertical-layout] { padding: 0px; }

ytm-media-item[use-vertical-layout] .media-item-metadata { margin-top: 8px; }

ytm-media-item[use-vertical-layout] .upper-details .media-item-metadata { margin-top: 0px; align-self: center; }

ytm-media-item[use-vertical-layout] .media-channel { margin-top: 8px; }

ytm-media-item > a { display: block; }

.media-item-thumbnail-container { position: relative; }

.media-item-thumbnail-container.stacked:not(.multi-column-feed) { margin-left: 12px; margin-right: 12px; position: relative; margin-top: 10px; }

.media-item-thumbnail-container.multi-column-feed { margin-top: -2px; }

@media (min-aspect-ratio: 13 / 9) and (orientation: landscape), (min-width: 931px) and (orientation: landscape) {
  .media-item-thumbnail-container.stacked:not(.multi-column-feed) { margin-left: unset; margin-right: unset; }
  .media-item-thumbnail-container.stacked:not(.multi-column-feed) { margin-top: 4px; }
  ytm-media-item .media-item-landscape-stack { display: none; }
  ytm-media-item .media-item-details.stacked { margin-top: 4px; }
}

@media (min-width: 550px) and (orientation: portrait) {
  ytm-media-item .media-item-details.stacked-playlist { margin-left: 4px; }
}

.media-item-animated-thumbnail, .media-item-thumbnail-slideshow { position: absolute; top: 0px; left: 0px; width: 100%; }

.inline-byline-channel-name { margin-bottom: 3px; }

.media-item-metadata { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0px; }

.media-item-headline { display: -webkit-box; -webkit-box-orient: vertical; max-height: 2.5em; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.25; text-overflow: ellipsis; font-weight: 400; margin: 0px 0px 3px; font-size: 1.4rem; }

.media-item-top-badges yt-metadata-badge-renderer { display: block; }

.media-icon { height: 40px; width: 40px; }

.media-channel { flex-shrink: 0; }

.media-item-info, ytm-media-item .media-item-details { -webkit-box-flex: 1; flex-grow: 1; min-width: 0px; }

.media-item-info { display: flex; -webkit-box-align: start; align-items: flex-start; margin-left: 12px; }

.media-item-details.small-lockup, .media-item-info[no-channel-avatar="true"] { margin-left: 0px; margin-right: 0px; }

.media-item-details.feature-phone-minimal-lockups .media-item-info { margin-left: 8px; margin-right: 8px; }

.media-item-details .media-item-info[no-channel-avatar="true"][use-modern-collections="true"] { margin-left: 4px; }

.media-item-headline-placeholder { height: 16px; max-width: 300px; margin-bottom: 8px; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; }

.media-item-headline-placeholder:nth-child(2) { width: 120px; margin-bottom: 8px; }

.media-item-endorsement-container { font-size: 1.2rem; line-height: 1.6rem; }

@media (min-width: 300px) and (orientation: landscape), (min-width: 300px) and (orientation: portrait) {
  .media-item-endorsement-container { letter-spacing: 0.02em; }
}

.media-item-endorsement-container { margin-bottom: -4px; color: rgb(3, 3, 3); display: flex; -webkit-box-pack: justify; justify-content: space-between; }

.media-item-endorsement-container > .media-item-secondary-headline { padding-top: 8px; }

.media-item-endorsement-container > .media-item-secondary-headline > span { -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; max-height: 3.2rem; -webkit-line-clamp: 2; }

.media-item-endorsement-container > .media-item-secondary-headline > span > strong { font-weight: 700; }

.media-item-subhead-placeholder { height: 16px; width: 120px; margin-bottom: 3px; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; }

.media-item-menu { flex-shrink: 0; }

.media-item-byline { unicode-bidi: isolate; }

ytm-media-item .media-item-details.feature-phone-minimal-lockups .media-channel { display: none; }

ytm-media-item .media-item-details { display: flex; margin-top: 12px; }

ytm-media-item[use-vertical-layout] .media-item-details { margin-top: 4px; }

ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-media-item { margin: 0px; }

ytm-browse ytm-item-section-renderer:first-of-type ytm-media-item { margin: -12px 0px 0px; }

ytm-media-item .video-thumbnail-overlay-side { width: 33%; }

@media (max-width: 549px) and (orientation: portrait) {
  lazy-list ytm-media-item .media-item-details { padding-left: 12px; }
  lazy-list ytm-media-item.big-shorts-singleton .media-item-thumbnail-container { padding: 0px; }
  lazy-list ytm-media-item.big-shorts-singleton .video-thumbnail-container-large { margin: 0px; }
}

@media (min-width: 550px) and (orientation: portrait) {
  ytm-browse ytm-item-section-renderer:first-of-type ytm-promoted-video-renderer ytm-media-item { margin-top: 0px; }
  lazy-list ytm-media-item { padding: 0px 12px; }
  lazy-list .item ytm-media-item { margin-top: 12px; }
  lazy-list ytm-media-item .media-item-thumbnail-container { padding: 0px; }
  lazy-list ytm-media-item .video-thumbnail-container-large { margin: 0px; }
}

@media (min-aspect-ratio: 13 / 9) and (orientation: landscape), (min-width: 931px) and (orientation: landscape) {
  ytm-media-item:not([use-vertical-layout]) { display: flex; min-width: 0px; }
  ytm-media-item:not([use-vertical-layout]) .media-item-thumbnail-container { flex-shrink: 0; }
  ytm-media-item:not([use-vertical-layout]) .video-thumbnail-container-large { width: 200px; height: 112px; padding-bottom: 0px; }
  ytm-media-item:not([use-vertical-layout]) .media-item-details { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0px 12px; min-width: 0px; width: 100%; }
  ytm-media-item:not([use-vertical-layout]) .media-item-info { -webkit-box-flex: 0; flex-grow: 0; }
  ytm-media-item:not([use-vertical-layout]) .media-item-metadata { margin-bottom: 2px; max-height: 70px; overflow: hidden; min-width: 0px; }
  ytm-media-item[use-vertical-layout] .media-item-headline { margin-bottom: 8px; }
  ytm-media-item:not([use-vertical-layout]) .media-channel { display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-ordinal-group: 2; order: 1; width: 100%; }
  ytm-media-item:not([use-vertical-layout]) .media-item-extra-endpoint { -webkit-box-flex: 1; flex-grow: 1; }
  lazy-list ytm-media-item { padding: 0px 12px; }
  lazy-list .item ytm-media-item { margin-top: 12px; }
  lazy-list ytm-media-item .media-item-thumbnail-container { padding: 0px; }
  lazy-list ytm-media-item .media-channel { margin-top: 0px; }
  lazy-list ytm-media-item .media-item-metadata { margin-top: 0px; }
  ytm-browse ytm-item-section-renderer:first-of-type ytm-media-item:not([use-vertical-layout]) { margin-top: 0px; }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-media-item:not([use-vertical-layout]) { margin-top: 12px; }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-promoted-video-renderer ytm-media-item:not([use-vertical-layout]) { margin-top: 0px; }
  lazy-list ytm-media-item .video-thumbnail-container-large { margin: 0px; }
  ytm-media-item:not([use-vertical-layout]) .media-item-info { margin-left: 0px; }
  ytm-media-item:not([use-vertical-layout]) .media-item-details.stacked-playlist { margin-top: 4px; }
  ytm-media-item:not([use-vertical-layout]) .media-item-details.stacked { margin-top: 4px; }
}

@media (max-width: 930px) and (orientation: landscape) {
  lazy-list ytm-media-item { padding: 0px 12px; }
  lazy-list .item ytm-media-item { margin-top: 12px; }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-promoted-video-renderer ytm-media-item:not([use-vertical-layout]) { margin-top: 12px; }
}

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  ytm-media-item { padding: 0px 8px; }
  ytm-media-item .media-item-details { margin-top: 12px; margin-bottom: 12px; }
  ytm-browse ytm-item-section-renderer:first-of-type ytm-media-item { margin-top: 8px; }
  lazy-list ytm-media-item { padding: 0px 8px; }
  lazy-list .item ytm-media-item { margin-bottom: 0px; }
  lazy-list ytm-media-item .media-item-thumbnail-container { padding: 0px; }
  lazy-list ytm-media-item .media-item-metadata { margin-top: 0px; }
  lazy-list ytm-media-item .media-item-details { margin-top: 12px; margin-bottom: 4px; padding-left: 0px; }
  ytm-browse lazy-list ytm-media-item .media-item-details { margin-bottom: 0px; }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-media-item { margin-top: 8px; }
  lazy-list ytm-media-item .video-thumbnail-container-large { margin: 0px; }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-promoted-video-renderer ytm-media-item:not([use-vertical-layout]) { margin-top: 8px; }
}

@media (max-width: 299px) and (orientation: portrait) {
  lazy-list .item ytm-media-item { margin-top: 8px; }
}

@media (min-width: 300px) and (max-width: 330px) {
  lazy-list ytm-media-item { padding: 0px 12px; }
  lazy-list ytm-media-item .media-item-thumbnail-container { padding: 0px; }
  lazy-list ytm-media-item .video-thumbnail-container-large { margin: 0px; }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-promoted-video-renderer ytm-media-item:not([use-vertical-layout]) { margin-top: 0px; }
}

ytm-media-item.small-lockup { margin-right: 0px; padding-left: 0px; width: 160px; }

ytm-media-item.small-lockup .media-item-headline { font-weight: 400; }

ytm-thumbnail-overlay-icon-renderer { box-sizing: content-box; }

ytm-thumbnail-overlay-icon-renderer:not([icon-position="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_POSITION_BOTTOM_LEFT_CORNER"]) { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; height: 100%; display: flex; background-color: rgba(0, 0, 0, 0.3); }

ytm-thumbnail-overlay-icon-renderer[icon-position="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_POSITION_BOTTOM_LEFT_CORNER"] { position: absolute; left: 0px; bottom: 0px; margin: 5px; padding: 1px; background-color: rgb(255, 255, 255); border-radius: 50%; }

[icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED"] c3-icon { display: block; padding: 1px; width: 1.2rem; height: 1.2rem; }

ytm-thumbnail-overlay-icon-renderer:not([icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED"]) c3-icon { width: 2rem; height: 2rem; }

ytm-thumbnail-overlay-icon-renderer[icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED"] c3-icon path { fill: rgb(0, 0, 0); }

ytm-thumbnail-overlay-icon-renderer:not([icon-style="THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED"]) c3-icon path { fill: rgb(255, 255, 255); }

.YtmThumbnailOverlayResumePlaybackRendererHost { display: block; width: 100%; height: 4px; background-color: rgb(144, 144, 144); position: absolute; bottom: 0px; }

.YtmThumbnailOverlayResumePlaybackRendererThumbnailOverlayResumePlaybackProgress { height: 4px; left: 0px; background: linear-gradient(90deg, rgb(255, 0, 51) 80%, rgb(255, 39, 145)); }

ytm-video-with-context-renderer { display: block; }

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  ytm-video-with-context-renderer.feed-item { margin-bottom: 16px; }
}

@media (min-width: 300px) and (orientation: landscape), (min-width: 300px) and (orientation: portrait) {
  ytm-video-with-context-renderer.feed-item { margin-bottom: 24px; }
}

@media (max-width: 299px) and (orientation: landscape), (max-width: 299px) and (orientation: portrait) {
  ytm-video-with-context-renderer.adaptive-feed-item { margin-bottom: 16px; }
}

@media (min-width: 300px) and (orientation: landscape), (min-width: 300px) and (orientation: portrait) {
  ytm-video-with-context-renderer.adaptive-feed-item { margin-bottom: 24px; }
}

@media (min-aspect-ratio: 13 / 9) and (orientation: landscape), (min-width: 931px) and (orientation: landscape) {
  ytm-video-with-context-renderer.adaptive-feed-item { margin-bottom: 12px; }
}

lazy-list ytm-video-with-context-renderer.item { margin-top: 0px; }

.videoThumbnailGroupOverlayBottomLeftRightGroup { width: 100%; bottom: 0px; position: absolute; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.videoThumbnailGroupResumePlayback { -webkit-box-ordinal-group: 2; order: 1; }

.videoThumbnailGroupTimeStatus { right: 0px; bottom: 0px; position: absolute; }

.videoThumbnailGroupOverlayLeftRightGroup { position: relative; width: 100%; bottom: 0px; height: 100%; }

.videoThumbnailGroupOverlayCenter { inset: 0px; position: absolute; }

.ytDialogViewModelHost { display: block; }

.ytDialogViewModelResetSpacing[dialog][dialog] { padding: 0px; margin: 0px; }

.ytwAccountLinkButtonViewModelHost { display: block; }

.ytwAccountLinkButtonViewModelHostMinWidth .ytSpecButtonShapeNextHost { min-width: 120px; }

.ytTextFieldViewModelHost { display: block; }

.ytCreatePlaylistDialogFormViewModelHost { display: block; margin-top: 12px; }

.ytCreatePlaylistDialogFormViewModelTitleField, .ytCreatePlaylistDialogFormViewModelVisibilityField { margin-bottom: 12px; }

.ytDropdownViewModelHost { display: block; }

.ytDropdownViewModelDropdownContainer { display: flex; box-sizing: border-box; height: 56px; padding: 8px 12px; border-radius: 8px; border: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; }

.ytDropdownViewModelDropdownContainerErrorBorder { border-color: rgb(195, 0, 39); }

.ytDropdownViewModelDropdownContainerDisabled { border: 0px; color: rgb(144, 144, 144); background-color: rgba(0, 0, 0, 0.05); cursor: default; }

.ytDropdownViewModelText { -webkit-box-flex: 1; flex-grow: 1; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; }

.ytDropdownViewModelLabel { color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytDropdownViewModelLabelError { color: rgb(195, 0, 39); }

.ytDropdownViewModelTitle { color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; }

.ytDropdownViewModelTitlePlaceholder { color: rgb(144, 144, 144); }

.ytDropdownViewModelChevronDown { display: flex; -webkit-box-align: center; align-items: center; color: rgb(3, 3, 3); }

.ytDropdownViewModelChevronDownDisabled { color: rgb(144, 144, 144); }

.ytDropdownViewModelSupport { margin-top: 4px; display: flex; -webkit-box-align: center; align-items: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytDropdownViewModelSupportHint { color: rgb(96, 96, 96); }

.ytDropdownViewModelSupportError { color: rgb(195, 0, 39); }

.ytDropdownViewModelSupportIcon { display: inline-block; height: 16px; width: 16px; }

.ytDropdownViewModelSupportText { margin-left: 4px; }

ytm-chip-cloud-chip-renderer { cursor: pointer; outline: none; overflow: hidden; user-select: none; }

ytm-chip-cloud-chip-renderer .chip-container { height: 32px; min-width: 48px; text-align: center; padding: 0px 12px; display: flex; -webkit-box-pack: center; justify-content: center; box-sizing: border-box; -webkit-box-align: center; align-items: center; border-radius: 8px; border: 0px; }

ytm-chip-cloud-chip-renderer .chip-container.chip-no-vertical-padding { padding: 0px; }

ytm-chip-cloud-chip-renderer .chip-container:has(c3-icon) { padding-left: 8px; }

ytm-chip-cloud-chip-renderer .chip-container.light-effect { position: relative; }

ytm-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"] .chip-container, ytm-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] .chip-container { background-color: rgba(0, 0, 0, 0.05); color: rgb(3, 3, 3); transition: background-color 0.5s cubic-bezier(0.05, 0, 0, 1); }

ytm-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"] .chip-container > c3-icon, ytm-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"] .chip-container > c3-icon { height: 18px; width: 18px; padding-right: 4px; }

ytm-chip-cloud-chip-renderer[chip-style="STYLE_DEFAULT"].selected .chip-container, ytm-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"].selected .chip-container { background-color: rgb(3, 3, 3); color: rgb(255, 255, 255); }

ytm-chip-cloud-chip-renderer .chip-text { max-width: 20rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

ytm-chip-cloud-chip-renderer .chip-text.modern { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

ytm-chip-cloud-chip-renderer[chip-style="STYLE_EXPLORE_LAUNCHER_CHIP"] .chip-container { background-color: rgba(0, 0, 0, 0.05); border-radius: 2px; border: 0px; padding: 0px 12px 0px 6px; }

ytm-chip-cloud-chip-renderer[chip-style="STYLE_EXPLORE_LAUNCHER_CHIP"] .chip-container > c3-icon { padding-right: 4px; }

ytm-chip-cloud-chip-renderer[chip-style="STYLE_EXPLORE_LAUNCHER_CHIP"].more-drawer .chip-container { padding: 0px; min-width: 48px; }

ytm-chip-cloud-chip-renderer[chip-style="STYLE_EXPLORE_LAUNCHER_CHIP"].more-drawer .chip-container > c3-icon { padding-right: 0px; }

ytm-chip-cloud-chip-renderer .elevated-content { z-index: 1; }

.ytmChipsShelfViewModelHost { --chips-shelf-side-margin: 8px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin-bottom: 24px; }

.ytmChipsShelfViewModelChipsShelfHeader { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: 8px 4px 8px var(--chips-shelf-side-margin); }

.ytmChipsShelfViewModelChipsShelfContent { display: flex; flex-wrap: wrap; padding-left: calc(var(--chips-shelf-side-margin) - 4px); padding-right: 12px; margin-bottom: 16px; max-height: 80px; overflow: hidden; }

.ytmChipsShelfViewModelChipsShelfTitle { display: -webkit-box; -webkit-box-orient: vertical; max-height: 2.5em; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; }

.ytmChipsShelfViewModelChipsShelfItem { margin: 0px 4px 8px; }

.ytmChipsShelfViewModelMenuButton { margin-left: 8px; }

.ytmChipsShelfViewModelIsInnerChipsShelf { margin-bottom: 0px; }

.ytmChipsShelfViewModelEnableAnimation { --chips-shelf-height: 0; overflow: hidden; opacity: 0; height: var(--chips-shelf-height); transition: opacity 0.5s, height 0.3s; }

.ytmChipsShelfViewModelEnableAnimation.expanded { opacity: 1; }

.ytmChipsShelfViewModelIsInnerChipsShelfContent { margin-bottom: 0px; }

.ytmChipsShelfViewModelIsHorizontallyScrollable { max-height: 40px; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; }

.ytListItemViewCountViewModelHost { color: rgb(3, 3, 3); 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; }

.ytCommunityEduViewModelHost { display: block; padding-bottom: 16px; }

.ytCommunityEduViewModelHeader { position: relative; margin-bottom: 24px; }

.ytCommunityEduViewModelTitleImage { width: 100%; height: 100%; }

.ytCommunityEduViewModelAvatar { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.ytCommunityEduViewModelTitle { display: block; margin: 0px 24px 16px; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; }

@media (max-width: 527.9px) {
  .ytCommunityEduViewModelTitle { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; }
}

.ytCommunityEduViewModelTitle { text-align: center; }

.ytCommunityEduViewModelContent { padding-left: 78px; }

.ytCommunityEduViewModelLearnMore { color: rgb(6, 95, 212); text-align: start; text-decoration: none; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; }

.ytCommunityEduViewModelEducationalTextSet { text-align: start; }

.ytCommunityEduViewModelPrimaryText { display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; }

.ytCommunityEduViewModelSecondaryText { display: block; margin-bottom: 24px; color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytAvatarStackViewModelHost { display: inline-flex; -webkit-box-align: center; align-items: center; }

.ytAvatarStackViewModelAvatars { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }

.ytAvatarStackViewModelAvatarSizeTiny:not(:last-child) { margin-left: -8px; }

.ytAvatarStackViewModelAvatarSizeExtraSmall:not(:last-child) { margin-left: -8px; }

.ytAvatarStackViewModelAvatarSizeSmall:not(:last-child) { margin-left: -8px; }

.ytAvatarStackViewModelAvatarSizeMedium:not(:last-child) { margin-left: -8px; }

.ytAvatarStackViewModelAvatarSize48:not(:last-child) { margin-left: -8px; }

.ytAvatarStackViewModelAvatarSizeLarge:not(:last-child) { margin-left: -8px; }

.ytAvatarStackViewModelAvatarSizeExtraLarge:not(:last-child) { margin-left: -8px; }

.ytAvatarStackViewModelAvatarSizeExtraExtraLarge:not(:last-child) { margin-left: -8px; }

.ytAvatarStackViewModelAvatarSizeGiant:not(:last-child) { margin-left: -8px; }

.ytAvatarStackViewModelAvatarSizeResponsive:not(:last-child) { margin-left: -8px; }

.ytAvatarStackViewModelTextContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; background-color: rgba(0, 0, 0, 0.05); margin: 2px 0px 2px -8px; border: 2px solid rgb(255, 255, 255); }

.ytAvatarStackViewModelTextContainerThinBorder { margin-top: 3px; margin-bottom: 3px; border-width: 1px; }

.ytAvatarStackViewModelTextContainerThinBorderOverlay { border: 1px solid rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2); }

.ytAvatarStackViewModelAvatarDecoratedText { color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.ytAvatarStackViewModelAvatarStackText { 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; }

.ytAvatarStackViewModelAvatarStackText:first-child { margin-left: 0px; }

.ytAvatarStackViewModelTappable { cursor: pointer; }

.ytAvatarStackViewModelAvatarButton { margin: 4px 0px; }

.ytAvatarStackViewModelIsOverlay { position: relative; left: 2px; margin-right: 2px; }

.ytAvatarStackViewModelMediumText .ytAvatarStackViewModelAvatarStackText { 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; }

.ytContentMetadataViewModelHost { display: block; }

.ytContentMetadataViewModelMetadataRow { display: flex; -webkit-box-align: center; align-items: center; margin-top: 2px; overflow: hidden; min-width: 0px; max-width: 100%; }

.ytContentMetadataViewModelMetadataRow:focus-visible { outline: currentcolor solid 2px; outline-offset: 2px; border-radius: 4px; }

.ytContentMetadataViewModelAvatarStack { min-width: 0px; max-width: 100%; }

.ytContentMetadataViewModelMetadataRowMetadataRowInline { display: inline-flex; }

.ytContentMetadataViewModelMetadataRowMetadataRowPadding { padding: 8px 0px; }

.ytContentMetadataViewModelMetadataRowMetadataRowWrap { flex-wrap: wrap; }

.ytContentMetadataViewModelBadge { margin-right: 4px; }

.ytContentMetadataViewModelIcon { margin-left: 4px; -webkit-box-flex: 0; flex: 0 0 auto; }

.ytContentMetadataViewModelLeadingIcon { margin-right: 4px; -webkit-box-flex: 0; flex: 0 0 auto; }

.ytContentMetadataViewModelSpacer { height: 6px; }

.ytContentMetadataViewModelMergedSpacer { height: 20px; }

.ytContentMetadataViewModelMetadataText { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; }

.ytContentMetadataViewModelMetadataTextLastPart { overflow: hidden; min-width: 0px; }

.ytContentMetadataViewModelMetadataTextMaxLines0 { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytContentMetadataViewModelMetadataTextMaxLines2 { 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; }

.ytContentMetadataViewModelMetadataTextMaxLines3 { 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; }

.ytContentMetadataViewModelMetadataTextMaxLines4 { 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; }

.ytContentMetadataViewModelDelimiter { margin: 0px 4px; vertical-align: middle; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytContentMetadataViewModelDelimiterStandalone { display: inline-block; margin-top: 2px; }

.ytContentMetadataViewModelInline { white-space: normal; }

.ytContentMetadataViewModelInline .ytContentMetadataViewModelMetadataRow { vertical-align: middle; }

.ytContentMetadataViewModelTappable { cursor: pointer; }

.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataText { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; }

.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines0 { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines2 { 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; }

.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines3 { 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; }

.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines4 { 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; }

.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelDelimiter { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytContentMetadataViewModelCenter { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; }

.ytContentListItemViewModelHost { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.ytContentListItemViewModelContentListItemWrapper { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; margin-left: 16px; }

.ytContentListItemViewModelImageContainer { margin-top: 8px; margin-bottom: 8px; margin-right: 12px; }

.ytContentListItemViewModelimageClassName { border-radius: 8px; }

.ytContentListItemViewModelTitleMetadataWrapper { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytContentListItemViewModelMetadata { display: flex; color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytContentListItemViewModelTitle { display: flex; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.ytContentListItemViewModelProminentTitle { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; }

@media (max-width: 527.9px) {
  .ytContentListItemViewModelProminentTitle { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; }
}

.ytContentListItemViewModelActionButton { display: flex; margin-right: 16px; }

.ytContentListItemViewModelTappable { cursor: pointer; }

.ytDecoratedAvatarViewModelHost { display: block; }

.ytReelChannelBarViewModelHost { display: flex; -webkit-box-align: center; 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: 400; overflow: hidden; max-height: 2rem; -webkit-line-clamp: 1; 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; }
}

@media (max-width: 299.9px) {
  .ytReelChannelBarViewModelReelSubscribeButton { display: none; }
}

@media (max-width: 299.9px) {
  .ytReelChannelBarViewModelReelSponsorButton { display: none; }
}

.ytPreferredLanguageSettingsPanelViewModelHost { display: block; }

.ytAnimatedAssetViewModelHost { display: block; }

.ytAnimatedAssetViewModelFill { width: 100%; height: 100%; }

.ytAlertBannerViewModelHost { display: flex; color: rgb(3, 3, 3); border-radius: 12px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }

@media (forced-colors: active) {
  .ytAlertBannerViewModelHost { border: 1px solid buttonborder; }
}

.ytAlertBannerViewModelNarrow { -webkit-box-align: start; align-items: start; }

.ytAlertBannerViewModelNarrow .ytAlertBannerViewModelOuterContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; align-items: normal; }

.ytAlertBannerViewModelNarrow .ytAlertBannerViewModelActionButton { margin: 0px 0px 12px; }

.ytAlertBannerViewModelFullbleed { border-radius: 0px; }

.ytAlertBannerViewModelInformational { background-color: rgba(0, 0, 0, 0.05); }

.ytAlertBannerViewModelTimeSensitive { background-color: rgb(222, 241, 255); }

.ytAlertBannerViewModelWarning { background-color: rgba(255, 85, 119, 0.2); }

.ytAlertBannerViewModelDismissed { display: none; }

.ytAlertBannerViewModelOuterContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; }

.ytAlertBannerViewModelOuterContainer:first-child { padding-left: 12px; }

.ytAlertBannerViewModelOuterContainer:last-child { padding-right: 12px; }

.ytAlertBannerViewModelContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; padding: 12px 0px; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; }

.ytAlertBannerViewModelIcon { padding: 12px; }

.ytAlertBannerViewModelContent { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytAlertBannerViewModelHeading { padding: 0px; margin: 0px; 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; }

.dividerViewModelHost { display: flex; }

.dividerViewModelInsetThinPadding { padding: 16px; }

.dividerViewModelBaseDivider { height: 1px; width: 100%; background-color: rgba(0, 0, 0, 0.1); }

.dividerViewModelBaseDividerFullBleed4px { height: 4px; }

.dividerViewModelBaseDividerFullBleed8px { height: 8px; }

.dividerViewModelBaseDividerFullBleed12px { height: 12px; }

.dividerViewModelBaseDividerFullBleedThick { height: 6px; }

.ytThumbnailBadgeViewModelHost { display: block; }

.ytThumbnailViewModelHost { display: block; position: relative; width: 100%; overflow: hidden; height: 0px; }

.ytThumbnailViewModelCinematic { background-color: rgb(0, 0, 0); }

.ytThumbnailViewModelAspectRatio16By9 { padding-top: 56.25%; }

.ytThumbnailViewModelAspectRatio2By3 { padding-top: 150%; }

.ytThumbnailViewModelShortsAspectRatio9By16 { padding-top: 178%; }

.ytThumbnailViewModelAspectRatio1By1 { padding-top: 100%; }

.ytThumbnailViewModelSmall { border-radius: 4px; }

.ytThumbnailViewModelMedium { border-radius: 8px; }

.ytThumbnailViewModelLarge { border-radius: 12px; }

.ytThumbnailViewModelImage { position: absolute; transform: translateY(-50%); top: 50%; left: 0px; width: 100%; height: 100%; }

.ytThumbnailViewModelBlurredImage { position: absolute; inset: 0px; height: 200%; filter: blur(30px); transform: translateY(-25%); }

.ytThumbnailViewModelHighlightEffect { box-shadow: rgb(15, 15, 15) 0px 0px 7px 2px; outline: rgb(255, 255, 255) solid 1px; }

.ytThumbnailViewModelHostAdDisclosureBannerContainer { position: absolute; top: 8px; left: 8px; z-index: 1; }

.ytPinkingNsHost { position: absolute; inset: 0px; }

.ytPinkingNsPinkingLeft { position: absolute; left: 0px; width: 4px; height: 100%; }

.ytPinkingNsPinkingRight { position: absolute; right: 0px; width: 4px; height: 100%; }

.ytPinkingNsPinking { fill: rgb(255, 255, 255); }

.ytThumbnailOverlayButtonViewModelHost { display: block; }

.ytThumbnailOverlayButtonViewModelButton { position: absolute; }

.ytThumbnailOverlayButtonViewModelButtonBottomEndPosition { bottom: 4px; right: 4px; }

.ytThumbnailOverlayButtonViewModelButtonTopEndPosition { top: 8px; right: 8px; }

.ytThumbnailOverlayButtonViewModelButtonLegacyIcon { position: absolute; bottom: 8px; right: 8px; }

.ytThumbnailOverlayProgressBarHost { display: flex; width: 100%; }

.ytThumbnailOverlayProgressBarHostSmall { margin-bottom: 2px; }

.ytThumbnailOverlayProgressBarHostMedium { margin-bottom: 4px; }

.ytThumbnailOverlayProgressBarHostLarge { margin-bottom: 8px; }

.ytThumbnailOverlayProgressBarHostProgressBar { width: 100%; border-radius: 2px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; margin: 0px 8px 4px 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; }

.ytThumbnailOverlayProgressBarHostProgressBarFixedToBottom { position: absolute; bottom: 0px; margin: 0px; overflow: hidden; z-index: 1; }

.ytThumbnailOverlayProgressBarHostProgressBarFixedToBottomActiveSegment { background-color: rgba(255, 255, 255, 0.7); height: 6px; margin-top: 0px; }

.ytThumbnailOverlayProgressBarHostProgressBarFixedToBottomInactiveSegment { background-color: rgb(144, 144, 144); border-radius: 0px; }

.ytThumbnailOverlayProgressBarHostProgressBarLeftSegment { border-radius: 2px 0px 0px 2px; }

.ytThumbnailOverlayProgressBarHostProgressBarRightSegment { border-radius: 0px 2px 2px 0px; -webkit-box-flex: 1; flex: 1 1 0%; }

.ytThumbnailOverlayProgressBarHostProgressBarContainer { position: relative; }

.ytThumbnailOverlayProgressBarHostWatchedProgressBar { height: 4px; margin: 0px 4px 4px 8px; background-color: rgb(144, 144, 144); width: 100%; border-radius: 2px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; overflow: hidden; }

.ytThumbnailOverlayProgressBarHostWatchedProgressBarSegment { background: linear-gradient(90deg, rgb(255, 0, 51) 80%, rgb(255, 39, 145)); }

.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); }

.ytThumbnailOverlayTitleViewModelHost { position: absolute; padding: 12px 12px 16px; -webkit-box-align: center; align-items: center; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ytThumbnailOverlayTitleViewModelLeadingContent { margin-right: 8px; }

.ytThumbnailOverlayTitleViewModelPositionTop { top: 0px; left: 0px; right: 0px; background: linear-gradient(rgba(0, 0, 0, 0.6), transparent); }

.ytThumbnailOverlayTitleViewModelPositionBottom { bottom: 0px; left: 0px; right: 0px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); }

.ytThumbnailOverlayTitleViewModelTitle { 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; }

.ytThumbnailOverlayTitleViewModelTitleMaxLines2 { 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; }

.ytThumbnailOverlayTitleViewModelSubtitle { 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; }

.ytVotingViewModelHost { display: flex; }

.ytVotingViewModelVoteCount { display: flex; -webkit-box-align: center; align-items: center; margin: 0px 8px; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytVotingViewModelVoteCountDisabled { color: rgb(144, 144, 144); }

.ytdFeedFilterChipRenameFormViewModelHost { display: block; padding: 16px 24px; }

.ytLinearLayoutViewModelHost { display: block; }

.ytLinearLayoutViewModelContainer { display: flex; }

.ytLinearLayoutViewModelVertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytLinearLayoutViewModelHorizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ytLinearLayoutViewModelFlexDirectionColumn { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytLinearLayoutViewModelFlexDirectionColumnReverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }

.ytLinearLayoutViewModelFlexDirectionRow { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ytLinearLayoutViewModelFlexDirectionRowReverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }

.ytLinearLayoutViewModelJustifyContentCenter { -webkit-box-pack: center; justify-content: center; }

.ytLinearLayoutViewModelJustifyContentFlexEnd { -webkit-box-pack: end; justify-content: flex-end; }

.ytLinearLayoutViewModelJustifyContentSpaceAround { justify-content: space-around; }

.ytLinearLayoutViewModelJustifyContentBetween { -webkit-box-pack: justify; justify-content: space-between; }

.ytLinearLayoutViewModelJustifyContentSpaceEvenly { justify-content: space-evenly; }

.ytLinearLayoutViewModelJustifyContentFlexStart { -webkit-box-pack: start; justify-content: flex-start; }

.ytLinearLayoutViewModelAlignItemsStart { -webkit-box-align: start; align-items: flex-start; }

.ytLinearLayoutViewModelAlignItemsEnd { -webkit-box-align: end; align-items: flex-end; }

.ytLinearLayoutViewModelAlignItemsCenter { -webkit-box-align: center; align-items: center; }

.ytLinearLayoutViewModelAlignItemsBaselineFirst { align-items: baseline; }

.ytLinearLayoutViewModelAlignItemsBaselineLast { align-items: last baseline; }

.ytLinearLayoutViewModelAlignItemsStretch { -webkit-box-align: stretch; align-items: stretch; }

.ytLinearLayoutViewModelFlexWrapWrap { flex-wrap: wrap; }

.ytLinearLayoutViewModelFlexWrapWrapReverse { flex-wrap: wrap-reverse; }

.ytLinearLayoutViewModelThumbnailItem { width: 100%; }

.ytDialogHeaderViewModelTitle { margin: 0px; max-height: unset; }

.ytDialogHeaderViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-shrink: 0; padding: 24px 24px 8px; }

.ytDialogHeaderViewModelHostDisablePadding { padding: 0px; }

.ytDialogHeaderViewModelHostCentered { -webkit-box-align: center; align-items: center; }

.ytDialogHeaderViewModelBanner { display: flex; -webkit-box-pack: center; justify-content: center; margin-bottom: 24px; }

.ytDialogHeaderViewModelBannerFullBleed { margin-left: -24px; margin-right: -24px; margin-top: -24px; }

.ytDialogHeaderViewModelBannerImage { -webkit-box-flex: 1; flex: 1 1 0%; }

.ytDialogHeaderViewModelCustomAssetContainer { margin: 2px 0px 12px 6px; }

.ytDialogHeaderViewModelCustomAssetContainerCentered { margin-left: 0px; }

.ytDialogHeaderViewModelHeaderBlock { -webkit-box-align: start; align-items: flex-start; align-self: stretch; color: rgb(3, 3, 3); margin-bottom: 16px; }

.ytDialogHeaderViewModelHeaderBlockCentered { align-self: center; }

.ytDialogHeaderViewModelText { color: rgb(3, 3, 3); -webkit-box-flex: 1; 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; }

.ytOverlayPollStickerHost { --primary-surface: #facade; --raised-surface: #de1e7e; --secondary-surface: #de1e7e; --primary-text: #101ca7; --secondary-text: #007; --original-width: 220; --original-height: 205; --scaled-width: 220; font-size: calc(var(--sticker-width)/var(--original-width)*18px); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; flex-shrink: 0; width: 100%; height: 100%; border-radius: 10%; padding: 1em calc(var(--original-height)/var(--original-width)*1em); pointer-events: none; overflow: hidden; background-color: var(--primary-surface); color: var(--primary-text); }

.ytOverlayPollStickerQuestionText { font-family: Roboto, sans-serif; font-size: 1em; line-height: 1.22222em; font-weight: 700; }

.ytOverlayPollStickerPollChoice { width: 100%; }

.ytOverlayPollStickerVoteCount { font-family: Roboto, sans-serif; font-size: 0.555556em; line-height: 1em; font-weight: 400; }

.ytOverlayPollStickerDebugStyle { opacity: 0.7; border: 1px solid red; }

@property --poll-choice-percentage { syntax: "<number>"; inherits: false; initial-value: 0; }

.ytOverlayPollStickerChoiceHost { display: block; font-size: calc(var(--sticker-width)/var(--original-width)*18px); --displayed-percentage: 0; }

.ytOverlayPollStickerChoiceUnstyleRadioButton { appearance: none; opacity: 0; margin: 0px; pointer-events: none; }

.ytOverlayPollStickerChoicePollChoice { display: flex; -webkit-box-align: center; align-items: center; width: 100%; border: .1111111111em solid var(--raised-surface); padding: 0px 0.333333em; height: 3em; background-color: var(--raised-surface); border-radius: 0.5em; box-sizing: border-box; color: var(--secondary-text); font-family: Roboto, sans-serif; font-size: 0.777778em; font-weight: 500; pointer-events: auto; transition: --poll-choice-percentage 0.25s ease-in-out; }

.ytOverlayPollStickerChoiceShowVotePercentage { background: linear-gradient(to right,var(--raised-surface) calc(var(--poll-choice-percentage, 100)*1%),var(--primary-surface) calc(var(--poll-choice-percentage, 100)*1%)); --poll-choice-percentage: var(--displayed-percentage); }

.ytOverlayPollStickerChoicePollChoiceSelected { --poll-choice-percentage: var(--displayed-percentage); border: .1111111111em solid var(--primary-text); }

.ytOverlayPollStickerChoicePollChoiceText { -webkit-box-flex: 4; flex: 4 1 0%; -webkit-line-clamp: 2; max-height: 3em; white-space: normal; overflow: hidden; }

.ytOverlayPollStickerChoiceVotePercentage { -webkit-box-flex: 1; flex: 1 1 0%; text-align: right; }

.ytciConversationVideoIdeaCardViewModelHost { color: rgb(3, 3, 3); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; --icon-color: currentcolor; }

.ytciConversationVideoIdeaCardViewModelCard { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 16px; }

.ytciConversationVideoIdeaCardViewModelActionsContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; padding-top: 24px; }

.ytciConversationVideoIdeaCardViewModelIdeaAttribution { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; color: rgb(96, 96, 96); padding-bottom: 32px; font-weight: 700; }

.ytciConversationVideoIdeaCardViewModelIdeaName { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; line-height: 2.6rem; font-weight: 500; padding-bottom: 8px; }

.ytciConversationVideoIdeaCardViewModelIdeaSummary { font-family: Roboto, Arial, sans-serif; line-height: 1.8rem; font-weight: 400; color: rgb(96, 96, 96); font-size: 1.3rem; }

.ytSuggestedPromptViewModelHost { display: block; }

.ytSuggestedPromptViewModelHostHidden { display: none; }

.ytSuggestedPromptViewModelPrompt { display: flex; -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; width: fit-content; }

.ytSuggestedPromptViewModelLeadingAccessory { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-shrink: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0.05); margin-right: 8px; }

.ytSuggestedPromptViewModelPromptText { color: rgb(3, 3, 3); -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0px; }

.ytSuggestedPromptViewModelPromptSmallLayout { max-width: 90%; height: 40px; border-radius: 20px; padding: 4px 16px 4px 4px; }

.ytSuggestedPromptViewModelPromptSmallLayout .ytSuggestedPromptViewModelPromptText { 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; }

.ytSuggestedPromptViewModelPromptSmallLayout .ytSuggestedPromptViewModelLeadingAccessory { height: 32px; width: 32px; }

.ytSuggestedPromptViewModelPromptSmallLayout.ytSuggestedPromptViewModelPromptTextOnly { padding: 8px 16px; }

.ytSuggestedPromptViewModelPromptDefaultLayout { height: 48px; border-radius: 24px; max-width: 500px; padding: 6px 16px 6px 6px; }

.ytSuggestedPromptViewModelPromptDefaultLayout .ytSuggestedPromptViewModelPromptText { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; }

.ytSuggestedPromptViewModelPromptDefaultLayout .ytSuggestedPromptViewModelLeadingAccessory { height: 36px; width: 36px; }

.ytSuggestedPromptViewModelPromptDefaultLayout.ytSuggestedPromptViewModelPromptTextOnly { padding: 16px 24px; }

.ytInstallmentAgreementsViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 10px 12px; }

.ytInstallmentAgreementsViewModelAgreementRow { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; width: 100%; padding-bottom: 10px; -webkit-box-align: center; align-items: center; }

.ytInstallmentAgreementsViewModelAgreementLabel { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; flex-basis: 100%; }

.ytInstallmentAgreementsViewModelAgreementButton { -webkit-box-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytThemedImageViewModelHost { display: block; color: rgb(3, 3, 3); }

.ytUpsellOfferTableCellContentViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; margin-bottom: 2px; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.ytUpsellOfferTableCellContentViewModelVisuallyHiddenAccessibility { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap; }

.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellSubtitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellInfoText { font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; margin-top: -4px; }

.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellFeatureDescription { max-width: none; text-align: left; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; margin-left: 8px; }

.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellIcon { display: flex; -webkit-box-align: center; align-items: center; color: rgb(3, 3, 3); }

.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellNote { color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; }

.ytUpsellOfferTableCellViewModelCellWrapper { height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; display: flex; margin: auto; }

.ytUpsellOfferTableCellViewModelCellWrapperHeaderCell { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: start; justify-content: start; -webkit-box-align: center; align-items: center; }

.ytUpsellOfferTableCellViewModelCellWrapperContentCell { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; }

.ytUpsellOfferTableCellViewModelCellWrapperHeaderRowCell { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }

.ytUpsellOfferTableRowViewModelHost { display: grid; grid-template-columns: 210px 1fr; gap: 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); }

@media (max-width: 570px) {
  .ytUpsellOfferTableRowViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
}

.ytUpsellOfferTableRowViewModelHostFirstRow { display: grid; grid-template-columns: 210px 1fr; gap: 0px; }

@media (max-width: 570px) {
  .ytUpsellOfferTableRowViewModelHostFirstRow { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
}

.ytUpsellOfferTableRowViewModelUpsellOfferTableRowHeaderCell { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: start; -webkit-box-pack: center; justify-content: center; align-self: center; width: 100%; height: fit-content; padding-top: 8px; padding-bottom: 8px; }

@media (max-width: 570px) {
  .ytUpsellOfferTableRowViewModelUpsellOfferTableRowHeaderCell { -webkit-box-align: center; align-items: center; }
}

.ytUpsellOfferTableRowViewModelUpsellOfferTableFirstRowCell { padding-top: 4px; padding-bottom: 4px; }

.ytUpsellOfferTableRowViewModelUpsellOfferTableRowContentCell { height: fit-content; padding-top: 8px; padding-bottom: 8px; }

@media (max-width: 570px) {
  .ytUpsellOfferTableRowViewModelUpsellOfferTableRowContentCell { border-top-width: medium; border-top-style: none; border-top-color: currentcolor; }
}

.ytUpsellOfferTableRowViewModelUpsellOfferTableRowContentCells { display: grid; grid-template-columns: repeat(auto-fit, minmax(95px, 1fr)); gap: 0px; }

.ytUpsellOfferTableViewModelHost { text-align: center; }

.ytUpsellOfferTableViewModelUpsellOfferTableRows { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; max-width: 512px; }

.ytUpsellViewModelHost { display: block; padding: 24px; max-width: 375px; }

.ytUpsellViewModelHostNoPadding { padding: 24px 0px 0px; }

.ytUpsellViewModelHostWide { max-width: 512px; }

.ytUpsellViewModelHostUpsellLogo { width: 124px; }

@media (forced-colors: active) {
  .ytUpsellViewModelHostUpsellLogo { forced-color-adjust: none; background-color: rgb(255, 255, 255); padding: 6px; border-radius: 4px; }
}

.ytUpsellViewModelHostUpsellTitle { padding-top: 24px; color: rgb(3, 3, 3); font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; }

.ytUpsellViewModelHostUpsellTitle:focus, .ytUpsellViewModelHostUpsellTitle:focus-visible { outline: none; }

.ytUpsellViewModelHostUpsellSubtitleSection { padding: 0px; }

.ytUpsellViewModelHostUpsellSubtitleSectionSubtitle { padding-top: 8px; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; }

.ytUpsellViewModelHostUpsellSubtitleSectionSubtitleSecondary { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytUpsellViewModelHostUpsellBenefitInfoSection { padding-top: 4px; }

.ytUpsellViewModelHostUpsellBenefitInfoSectionIcon { flex-shrink: 0; margin-right: 16px; }

.ytUpsellViewModelHostUpsellBenefitInfoSectionBenefitInfo { display: flex; padding-top: 12px; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; }

.ytUpsellViewModelHostUpsellOfferTableSection { padding-top: 4px; }

.ytUpsellViewModelHostUpsellLegalInfoSection { padding-top: 12px; }

.ytUpsellViewModelHostUpsellLegalInfoSectionLegalInfo { padding-top: 4px; color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytUpsellViewModelHostUpsellLegalInfoSectionLegalInfoSmaller { font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; }

.ytMiniAppScoreChallengeViewModelHost { padding: 24px 24px 8px; width: auto; display: block; }

.ytMiniAppScoreChallengeViewModelScoreRadial { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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(rgb(247, 215, 197) 0deg, rgb(247, 215, 197) 10deg, transparent 10deg, transparent 20deg); }

.ytMiniAppScoreChallengeViewModelDarkScoreRadial::before { background: repeating-conic-gradient(rgb(66, 79, 93) 0deg, rgb(66, 79, 93) 10deg, transparent 10deg, transparent 20deg); }

.ytMiniAppScoreChallengeViewModelTitle { color: rgb(3, 3, 3); 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(96, 96, 96); 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(3, 3, 3); min-width: 82px; padding: 0px 16px; height: 62px; border-radius: 31px; background-color: rgb(255, 255, 255); display: grid; -webkit-box-align: center; 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(96, 96, 96); 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; }

.ytTruncatedTextHost { display: block; position: relative; overflow: auto; color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytTruncatedTextTruncatedTextContent { overflow: hidden; display: block; overflow-wrap: anywhere; }

.ytTruncatedTextTruncatedTextContent.ytTruncatedTextHiddenTextContent { visibility: hidden; position: absolute; top: 0px; left: 0px; pointer-events: none; }

.ytTruncatedTextInlineButton { visibility: hidden; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; cursor: pointer; background: transparent; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; }

.ytTruncatedTextAbsoluteButton { position: absolute; bottom: 0px; right: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; cursor: pointer; background: transparent; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; }

.ytTruncatedTextBottomButton { float: right; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; margin: 0px; padding: 0px; cursor: pointer; background: transparent; color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; }

.ytTruncatedTextOverlay { color: rgba(255, 255, 255, 0.7); }

.ytTruncatedTextOverlay .ytTruncatedTextAbsoluteButton, .ytTruncatedTextOverlay .ytTruncatedTextBottomButton, .ytTruncatedTextOverlay .ytTruncatedTextInlineButton { color: rgb(255, 255, 255); }

.ytTruncatedTextHidden { display: none; }

.ytTruncatedTextMediumText { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytTruncatedTextMediumText .ytTruncatedTextAbsoluteButton, .ytTruncatedTextMediumText .ytTruncatedTextBottomButton, .ytTruncatedTextMediumText .ytTruncatedTextInlineButton { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.ytTruncatedTextLargeText { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; }

.ytTruncatedTextLargeText .ytTruncatedTextAbsoluteButton, .ytTruncatedTextLargeText .ytTruncatedTextBottomButton, .ytTruncatedTextLargeText .ytTruncatedTextInlineButton { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 500; }

.ytTruncatedTextPrimaryText { color: rgb(3, 3, 3); }

.ytTruncatedTextPrimaryText .ytTruncatedTextAbsoluteButton, .ytTruncatedTextPrimaryText .ytTruncatedTextBottomButton, .ytTruncatedTextPrimaryText .ytTruncatedTextInlineButton { color: rgb(96, 96, 96); }

.ytDescriptionPreviewViewModelHost { display: block; }

.ytDescriptionPreviewViewModelClickable { cursor: pointer; }

.ytDescriptionPreviewViewModelDescription { display: block; position: relative; overflow: auto; color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytDescriptionPreviewViewModelDescriptionMediumText { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytDescriptionPreviewViewModelIsOverlay .ytDescriptionPreviewViewModelDescription { color: rgba(255, 255, 255, 0.7); }

.ytBasicContentViewModelHost { display: block; white-space: pre-line; word-break: break-word; }

.ytBasicContentViewModelHeadline { color: rgb(3, 3, 3); 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(3, 3, 3); margin-bottom: 8px; }

.ytBasicContentViewModelParagraph:not(:last-child) { margin-bottom: 12px; }

.ytBasicContentViewModelParagraphContent { display: flex; -webkit-box-align: center; align-items: center; }

.ytBasicContentViewModelParagraphAsset { display: block; margin-right: 12px; }

.ytBasicContentViewModelParagraphText { -webkit-box-flex: 1; flex-grow: 1; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytBasicContentViewModelParagraphTextPrimary { color: rgb(3, 3, 3); }

.ytBasicContentViewModelParagraphTextBold { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.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%; }

.ytCinematicContainerViewModelFadeToThemeContainer { height: 100%; }

@media (min-width: 840px) {
  .ytCinematicContainerViewModelFadeToThemeContainer { display: flex; -webkit-box-pack: end; justify-content: flex-end; }
}

.ytCinematicContainerViewModelFadeToThemeImage { opacity: 0.8; width: 100%; height: 100%; object-fit: cover; }

@media (forced-colors: active) {
  .ytCinematicContainerViewModelFadeToThemeImage { display: none; }
}

.ytCinematicContainerViewModelFadeToThemeImageContainer { position: relative; right: auto; height: 100%; min-width: 50%; }

@media (min-width: 840px) {
  .ytCinematicContainerViewModelFadeToThemeImageContainer { right: -80px; }
}

.ytCinematicContainerViewModelFadeToThemeImageGradualBlur { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; }

.ytCinematicContainerViewModelFadeToThemeGradient { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }

.ytCollectionThumbnailViewModelHost { display: block; position: relative; width: 100%; }

.ytCollectionThumbnailViewModelHostHasStacks { border-top: 1px solid rgb(255, 255, 255); margin-top: -1px; }

.ytCollectionThumbnailViewModelSlideshow { position: absolute; inset: 0px; }

.ytCollectionThumbnailSlideshowHost { display: block; position: relative; }

.ytCollectionThumbnailSlideshowSlideshowThumbnail { position: absolute; top: 0px; left: 0px; right: 0px; opacity: 0; transition: opacity 0.8s; }

.ytCollectionThumbnailSlideshowSlideshowThumbnailFirstSlide { position: relative; }

.ytCollectionThumbnailSlideshowSlideshowThumbnailShowSlide { opacity: 1; }

.ytDownloadButtonViewModelHost { display: block; }

.ytDownloadButtonViewModelHost path.offline-downloading-progress { stroke: rgb(62, 166, 255); }

.ytDownloadButtonViewModelHost path.offline-downloading-background { stroke: rgb(6, 95, 212); }

.ytDownloadButtonViewModelIsHidden { display: none; }

.ytFormFooterViewModelHost { display: block; }

.ytRadioButtonItemViewModelHost { width: 100%; }

.ytRadioButtonItemViewModelLabel { -webkit-box-align: center; align-items: center; display: flex; -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: justify; justify-content: space-between; }

.ytRadioButtonItemViewModelDisabled .ytRadioButtonItemViewModelLabel { color: rgb(96, 96, 96); }

.ytRadioButtonItemViewModelSubText, .ytRadioButtonItemViewModelSuperlabel { color: rgb(96, 96, 96); display: block; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytRadioButtonItemViewModelSubTitle { margin-bottom: 8px; }

.ytRadioButtonItemViewModelTrailingAccessory { color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytRadioButtonItemViewModelTrailingContainer { margin-inline-start: 8px; -webkit-box-align: center; align-items: center; display: flex; }

.ytSelectionListItemFormViewModelHost { display: block; }

.ytSelectionListItemFormViewModelParagraph { margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytSubmitButtonViewModelHost { display: block; }

.ytAttributionViewModelHost { display: flex; -webkit-box-align: center; align-items: center; min-width: 0px; }

.ytAttributionViewModelAttributionText { 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; }

.ytAttributionViewModelSuffix { 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; }

.ytAttributionViewModelAttributionImage { margin-right: 8px; -webkit-box-flex: 0; flex: 0 0 auto; }

.ytAttributionViewModelBadge { margin-right: 4px; -webkit-box-flex: 0; flex: 0 0 auto; }

.ytAttributionViewModelTappable { background-color: transparent; border-style: none; padding: 0px; cursor: pointer; color: inherit; display: flex; -webkit-box-align: center; align-items: center; min-width: 0px; }

.ytAttributionViewModelMediumText .ytAttributionViewModelAttributionText, .ytAttributionViewModelMediumText .ytAttributionViewModelBadge, .ytAttributionViewModelMediumText .ytAttributionViewModelSuffix { 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; }

.ytAttributionViewModelHeavyText .ytAttributionViewModelAttributionText, .ytAttributionViewModelHeavyText .ytAttributionViewModelBadge, .ytAttributionViewModelHeavyText .ytAttributionViewModelSuffix { 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; }

.ytLockupMetadataViewModelHost { display: flex; position: relative; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; min-width: 0px; --yt-attributed-string-link-hover-color: #030303; }

.ytLockupMetadataViewModelHost.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight { position: static; }

.ytLockupMetadataViewModelHeadingReset { margin: 0px; padding: 0px; border: 0px; max-height: unset; }

.ytLockupMetadataViewModelTextContainer { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0px; }

.ytLockupMetadataViewModelAvatar { margin-right: 12px; display: none; }

.ytLockupMetadataViewModelUpdatedAvatarMargin { margin-right: 8px; }

.ytLockupMetadataViewModelTitle { text-decoration: none; word-break: break-word; color: rgb(3, 3, 3); }

.ytLockupMetadataViewModelHasMenuButton .ytLockupMetadataViewModelTitle { padding-right: 24px; }

.ytLockupMetadataViewModelMetadata { color: rgb(96, 96, 96); }

.ytLockupMetadataViewModelMenuButton { position: absolute; top: -6px; right: -10px; }

.ytLockupMetadataViewModelAttribution { margin-top: 2px; color: rgb(96, 96, 96); }

.ytLockupMetadataViewModelStandard .ytLockupMetadataViewModelAvatar { display: block; }

.ytLockupMetadataViewModelMenuButton.ytLockupMetadataViewModelBottomRight { top: unset; right: 0px; bottom: 0px; transform: none; opacity: 0; }

@media (prefers-reduced-motion: no-preference) {
  .ytLockupMetadataViewModelMenuButton.ytLockupMetadataViewModelBottomRight { transition: opacity 0.2s; }
}

.ytLockupMetadataViewModelMenuButton.ytLockupMetadataViewModelVisible { opacity: 1; }

.ytLockupMetadataViewModelMenuButton:focus-within { opacity: 1; }

.ytLockupMetadataViewModelCard { margin: 4px 0px; }

.ytLockupMetadataViewModelVertical.ytLockupMetadataViewModelCentered { -webkit-box-pack: center; justify-content: center; }

.ytLockupMetadataViewModelVertical.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelTitle { padding-right: 0px; }

.ytLockupMetadataViewModelVertical.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelTextContainer { -webkit-box-align: center; align-items: center; }

.ytLockupMetadataViewModelVertical.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelAttribution { margin-top: 12px; }

.ytLockupMetadataViewModelVertical.ytLockupMetadataViewModelCard { margin: 0px 8px 8px; }

.ytLockupMetadataViewModelOverlay { --yt-attributed-string-link-hover-color: #fff; }

.ytLockupMetadataViewModelOverlay .ytLockupMetadataViewModelMetadata, .ytLockupMetadataViewModelOverlay .ytLockupMetadataViewModelTitle { color: rgb(255, 255, 255); }

.ytLockupMetadataViewModelThumbnailOverlay { -webkit-box-align: center; align-items: center; }

.ytLockupMetadataViewModelThumbnailOverlay.ytLockupMetadataViewModelCard { margin: 4px; }

.ytLockupMetadataViewModelThumbnailOverlay .ytLockupMetadataViewModelAvatar { margin-right: 8px; }

.ytLockupMetadataViewModelThumbnailOverlay .ytLockupMetadataViewModelMetadata, .ytLockupMetadataViewModelThumbnailOverlay .ytLockupMetadataViewModelTitle { padding-right: 8px; }

.ytLockupMetadataViewModelThumbnailOverlay .ytLockupMetadataViewModelTextContainer { -webkit-box-flex: 1; flex-grow: 1; }

.ytLockupMetadataViewModelThumbnailOverlay .ytLockupMetadataViewModelMenuButton { position: unset; }

.ytLockupMetadataViewModelHorizontal .ytLockupMetadataViewModelAvatar { display: none; }

.ytLockupMetadataViewModelHorizontal.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelTextContainer { -webkit-box-pack: center; justify-content: center; padding-right: 28px; }

.ytLockupMetadataViewModelHorizontal.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelTitle { padding-right: 0px; }

.ytLockupMetadataViewModelHorizontal.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelMenuButton { top: 50%; transform: translateY(-50%); }

.ytLockupMetadataViewModelStandard .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTypographyBump .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelLegacyTypography .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelRichGridLegacyTypography .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTitleMaxLines1 .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTitleMaxLines3 .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelCompact .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelTypographyBump .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelRichGridLegacyTypography .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelTitleMaxLines3 .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelTiny .ytLockupMetadataViewModelTitle { 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; }

.ytLockupMetadataViewModelCenteredColumn { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; }

.ytLockupMetadataViewModelCenteredColumn .ytLockupMetadataViewModelAvatar { margin-right: 0px; display: block; }

.ytLockupMetadataViewModelCenteredColumn .ytLockupMetadataViewModelMetadata, .ytLockupMetadataViewModelCenteredColumn .ytLockupMetadataViewModelTitle { padding-right: 0px; }

.ytLockupMetadataViewModelCenteredColumn .ytLockupMetadataViewModelTextContainer { -webkit-box-flex: 1; flex-grow: 1; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.ytLockupMetadataViewModelCenteredColumn .ytLockupMetadataViewModelMetadata { -webkit-box-align: center; align-items: center; }

.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelTextContainer, .ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelTitle { padding-right: 0px; }

.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelMenuButton { z-index: 1; border-radius: 50%; }

.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelMenuButton::after, .ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelMenuButton::before { content: ""; position: absolute; inset: -15%; border-radius: 50%; }

.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelMenuButton::before { background: radial-gradient(circle, rgb(255, 255, 255) 60%, transparent 100%); z-index: -2; }

.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelMenuButton::after { background: radial-gradient(circle,var(--yt-lockup-metadata-themed-menu-button-additive-background,transparent) 60%,transparent 100%); z-index: -1; }

.ytFormPanelFooterViewModelHost { display: block; }

.ytDialogImageContentViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytDialogImageContentViewModelImage { margin-inline: auto; -webkit-box-flex: 0; flex-grow: 0; flex-shrink: 1; }

.ytDialogImageContentViewModelDescription { margin-top: 16px; text-align: center; text-wrap: balance; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytAnimatedThumbnailOverlayViewModelHost { display: block; position: absolute; inset: 0px; }

.ytThumbnailBottomOverlayViewModelHost { display: flex; position: absolute; bottom: 0px; left: 0px; right: 0px; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: end; justify-content: flex-end; }

.ytThumbnailBottomOverlayViewModelHostBackground { -webkit-box-flex: 1; flex: 1 1 1e-09px; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: end; justify-content: flex-end; height: 68px; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); }

.ytThumbnailBottomOverlayViewModelBadgeContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }

.ytThumbnailBottomOverlayViewModelBadgeContainerSmall { padding: 0px 2px 2px 0px; }

.ytThumbnailBottomOverlayViewModelBadgeContainerSmallLegacy { padding: 0px 2px 4px 0px; }

.ytThumbnailBottomOverlayViewModelBadgeContainerMedium { padding: 0px 4px 4px 0px; }

.ytThumbnailBottomOverlayViewModelBadgeContainerLarge { padding: 0px 8px 8px 0px; }

.ytThumbnailBottomOverlayViewModelBadgeContainerClip { margin-right: 4px; }

.ytThumbnailBottomOverlayViewModelBadge { margin-left: 4px; }

.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; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; }

.ytThumbnailHoverOverlayViewModelStyleButton { background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 16px; right: 16px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: 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; }

.ytThumbnailHoverOverlayToggleActionsViewModelHost { display: flex; top: 0px; right: 0px; position: absolute; z-index: 200; width: 100%; height: 100%; box-sizing: border-box; padding: 0px 0px 4px 4px; pointer-events: none; }

.ytThumbnailHoverOverlayToggleActionsViewModelHidden { visibility: hidden; }

.ytThumbnailHoverOverlayToggleActionsViewModelHiddenGated { opacity: 0; pointer-events: none; }

.ytThumbnailHoverOverlayToggleActionsViewModelButton { padding: 4px 4px 0px 0px; pointer-events: auto; }

.ytThumbnailHoverOverlayToggleActionsViewModelOverlayBackground { background-color: rgba(0, 0, 0, 0.6); }

.ytThumbnailHoverOverlayToggleActionsViewModelTopEndVertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: end; align-items: flex-end; }

.ytThumbnailHoverOverlayToggleActionsViewModelBottomEndVertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: end; align-items: flex-end; }

.ytThumbnailHoverOverlayToggleActionsViewModelTopEndHorizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: start; align-items: flex-start; }

.ytThumbnailOverlayBadgeViewModelHost { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; position: absolute; }

.ytThumbnailOverlayBadgeViewModelSmall { margin: 2px; }

.ytThumbnailOverlayBadgeViewModelMedium { margin: 4px; }

.ytThumbnailOverlayBadgeViewModelLarge { margin: 8px; }

.ytThumbnailOverlayBadgeViewModelTopStart { top: 0px; left: 0px; }

.ytThumbnailOverlayBadgeViewModelTopStart .ytThumbnailOverlayBadgeViewModelBadge { margin-right: 4px; }

.ytThumbnailOverlayBadgeViewModelBottomEnd { bottom: 0px; right: 0px; }

.ytThumbnailOverlayBadgeViewModelBottomEnd .ytThumbnailOverlayBadgeViewModelBadge { margin-left: 4px; }

.ytThumbnailOverlayBadgeViewModelClip.ytThumbnailOverlayBadgeViewModelBottomEnd .ytThumbnailOverlayBadgeViewModelBadge:last-child { margin-right: 4px; }

.ytThumbnailOverlayFullViewModelHost { display: flex; position: absolute; inset: 0px; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; 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; }

.ytContentPreviewImageViewModelHost { display: flex; overflow: hidden; position: relative; }

.ytContentPreviewImageViewModelCircleImage { border-radius: 50%; }

.ytContentPreviewImageViewModelExtraSmallRoundedImage { border-radius: 2px; }

.ytContentPreviewImageViewModelSmallRoundedImage { border-radius: 4px; }

.ytContentPreviewImageViewModelLargeRoundedImage { border-radius: 8px; }

.ytContentPreviewImageViewModelTappable { cursor: pointer; }

.ytInlineExpanderViewModelHost { display: block; cursor: pointer; }

.ytInlineExpanderViewModelHeader { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }

.ytInlineExpanderViewModelButton { transition: transform 0.25s cubic-bezier(0.05, 0, 0, 1), -webkit-transform 0.25s cubic-bezier(0.05, 0, 0, 1); display: flex; }

.ytInlineExpanderViewModelButtonExpanded { transform: rotate(180deg); }

.ytInlineExpanderViewModelButtonControlled { pointer-events: none; }

.ytInlineExpanderViewModelBody { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.35s cubic-bezier(0.05, 0, 0, 1); }

.ytInlineExpanderViewModelBodyExpanded { grid-template-rows: 1fr; }

.ytInlineExpanderViewModelBodyContent { overflow: hidden; }

.ytShelfHeaderLayoutHost { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 48px; padding: 8px 12px; box-sizing: border-box; }

.ytShelfHeaderLayoutOptionalMediumLayoutPadding { padding: 0px 0px 16px 8px; }

@media (max-width: 527.9px) {
  .ytShelfHeaderLayoutOptionalMediumLayoutPadding { padding: 8px 12px; }
}

.ytShelfHeaderLayoutHeaderRow { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1 1 0%; }

.ytShelfHeaderLayoutResponsive { min-height: 56px; }

@media (max-width: 527.9px) {
  .ytShelfHeaderLayoutResponsive { min-height: 48px; }
}

.ytShelfHeaderLayoutNarrow { min-height: 48px; }

.ytShelfHeaderLayoutDisableHorizontalPadding { padding-left: 0px; padding-right: 0px; }

.ytShelfHeaderLayoutDisableVerticalPadding { padding-top: 0px; padding-bottom: 0px; }

.ytShelfHeaderLayoutLeadingIcon { margin-right: 24px; color: rgb(3, 3, 3); height: 24px; width: 24px; }

.ytShelfHeaderLayoutLeadingImage { margin-right: 12px; max-height: 36px; max-width: 36px; color: rgb(3, 3, 3); }

.ytShelfHeaderLayoutLeadingImageCircularImage { border-radius: 50%; overflow: hidden; }

.ytShelfHeaderLayoutLabelContainer { display: flex; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytShelfHeaderLayoutTitleRow { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: baseline; align-items: baseline; }

.ytShelfHeaderLayoutTitle { color: rgb(3, 3, 3); padding: 0px; margin: 0px; }

.ytShelfHeaderLayoutTitleTypography { 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) {
  .ytShelfHeaderLayoutTitleTypography { 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; }
}

.ytShelfHeaderLayoutSmallTitle { 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; }

.ytShelfHeaderLayoutDetail { margin-left: 12px; color: rgb(96, 96, 96); 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) {
  .ytShelfHeaderLayoutDetail { display: none; }
}

.ytShelfHeaderLayoutSublabel { color: rgb(96, 96, 96); padding-top: 2px; }

.ytShelfHeaderLayoutSublabelTypography { 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; }

.ytShelfHeaderLayoutSuperlabel { color: rgb(96, 96, 96); 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; }

.ytShelfHeaderLayoutTrailingActions { margin-left: 12px; }

.ytShelfHeaderLayoutIsOverlay { color: inherit; }

.ytShelfHeaderLayoutIsOverlay .ytShelfHeaderLayoutTitle { color: rgb(255, 255, 255); }

.ytShelfHeaderLayoutIsOverlay .ytShelfHeaderLayoutSublabel { color: rgba(255, 255, 255, 0.7); }

.ytShelfHeaderLayoutTappable { cursor: pointer; }

.ytShelfHeaderLayoutHoverable:hover { background-color: rgba(0, 0, 0, 0.05); }

.ytShelfHeaderLayoutBottomAccessory { margin-top: 8px; }

.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; }

@-webkit-keyframes scrolling-parent { 
  100% { transform: translateX(var(--marquee-translate,0)); }
}

@keyframes scrolling-parent { 
  100% { transform: translateX(var(--marquee-translate,0)); }
}

.ytMarqueeScrollDuplicateString, .ytMarqueeScrollPrimaryString { display: inline-block; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytMarqueeScrollHostLarge .ytMarqueeScrollDuplicateString, .ytMarqueeScrollHostLarge .ytMarqueeScrollPrimaryString { 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; cursor: pointer; }

.ytReelSoundMetadataViewModelIcon { margin-right: 4px; color: var(--reel-metadata-color,#fff); height: 16px; width: 16px; }

.ytReelSoundMetadataViewModelMarqueeContainer { color: var(--reel-metadata-color,#fff); overflow: hidden; -webkit-box-flex: 1; flex: 1 1 0%; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytReelSoundMetadataViewModelHostLarge { display: block; }

.ytReelSoundMetadataViewModelHostLarge .ytReelSoundMetadataViewModelIcon { width: 22px; height: 22px; margin-right: 8px; }

.ytSmartImationsContent { display: block; }

.ytSmartImationsExperimentEnabled { position: relative; display: block; }

.ytSmartImationsExperimentEnabled .ytSmartImationsContent { position: relative; z-index: 1; border-radius: 18px; }

.ytSmartImationsBorder { z-index: 1; border-radius: 22px; position: absolute; overflow: hidden; inset: -3px; }

.ytSmartImationsBorderGradient { opacity: 0; transition: opacity 0.5s; }

.ytSmartImationsActiveBorder .ytSmartImationsBorderGradient { opacity: 1; }

.ytSmartImationsActiveBackground .ytSmartImationsContent { background: rgb(255, 255, 255); }

.ytSmartImationsEnableMasking .ytSmartImationsBorder { padding: 3px; mask: -webkit-linear-gradient(top, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, -webkit-linear-gradient(top, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); }

.ytSmartImationsEnableMasking .ytSmartImationsBorderGradient { width: calc(100% + 12px); transform: translate(-3px, -3px); }

.ytSmartImationsEnableMasking .ytSmartImationsContent { background: transparent; }

.ytSmartImationsInvisible .ytSmartImationsBorder, .ytSmartImationsInvisible .ytSmartImationsBorderGradient { opacity: 0.001; }

.ytDislikeButtonViewModelHost { display: block; }

.ytLikeButtonViewModelHost { display: block; }

.ytSwitchButtonViewModelHost { display: block; }

.ytSwitchButtonViewModelButton { padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: 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(144, 144, 144); transition: background-color 0.15s; }

.ytSwitchShapeTrackActive { background-color: rgb(15, 15, 15); transition: background-color 0.15s; }

.ytSwitchShapeTrackDisabled { opacity: 0.3; }

.ytSwitchShapeKnob { position: absolute; border-radius: 50%; background-color: rgb(255, 255, 255); width: 20px; height: 20px; top: 2px; transform: translateX(2px); transition: transform 0.15s, -webkit-transform 0.15s; }

.ytSwitchShapeKnobActive { transform: translateX(18px); transition: transform 0.15s, -webkit-transform 0.15s; }

@media (forced-colors: active) {
  .ytSwitchShapeTrack { outline: rgb(144, 144, 144) solid 1px; }
  .ytSwitchShapeTrackActive { outline: rgb(3, 3, 3) solid 2px; background-color: buttontext; }
  .ytSwitchShapeKnob { outline: rgb(3, 3, 3) solid 1px; }
}

.ytSpecAvatarShapeHost { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }

.ytSpecAvatarShapeButton { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; background-color: transparent; border-style: none; }

.ytSpecAvatarShapeTappable { cursor: pointer; }

.ytSpecAvatarShapeButtonTiny { width: 16px; height: 16px; }

.ytSpecAvatarShapeButtonExtraSmall { width: 24px; height: 24px; }

.ytSpecAvatarShapeButtonSmall { width: 32px; height: 32px; }

.ytSpecAvatarShapeButtonMedium { width: 36px; height: 36px; }

.ytSpecAvatarShapeButton48 { width: 48px; height: 48px; }

.ytSpecAvatarShapeButtonLarge { width: 56px; height: 56px; }

.ytSpecAvatarShapeButtonExtraLarge { width: 72px; height: 72px; }

.ytSpecAvatarShapeButtonExtraExtraLarge { width: 120px; height: 120px; }

.ytSpecAvatarShapeButtonGiant { width: 160px; height: 160px; }

.ytSpecAvatarShapeButtonResponsive { width: 128px; height: 128px; }

.ytSpecAvatarShapeButtonInClusterSize18 { width: 18px; height: 18px; }

.ytSpecAvatarShapeButtonInClusterSize20 { width: 20px; height: 20px; }

.ytSpecAvatarShapeButtonInClusterSize22 { width: 22px; height: 22px; }

.ytSpecAvatarShapeButtonInClusterSize24 { width: 24px; height: 24px; }

.ytSpecAvatarShapeImage { border-radius: 50%; }

.ytSpecAvatarShapeAdsApp { border-radius: 20%; }

.ytSpecAvatarShapeInscribedSquare { transform: scale(1.41421); }

.ytSpecAvatarShapeImageOverlays { overflow: hidden; position: absolute; inset: 0px; }

.ytSpecAvatarShapeStoriesWatched { border: 2px solid rgb(144, 144, 144); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; }

.ytSpecAvatarShapeStoriesUnwatched { border: 2px solid rgb(225, 0, 45); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; }

.ytSpecAvatarShapeLiveRing { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; }

.ytSpecAvatarShapeLiveRing::after { border-radius: 50%; padding: 2px; position: absolute; content: ""; inset: -4px; mask: -webkit-linear-gradient(top, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, -webkit-linear-gradient(top, 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%); }

.ytSpecAvatarShapeOnSelectBorder { border: 1px solid rgb(15, 15, 15); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; }

.ytSpecAvatarShapeBackgroundBorder { border: 2px solid rgb(255, 255, 255); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; }

.ytSpecAvatarShapeBackgroundBorderThin { border: 1px solid rgb(255, 255, 255); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; }

.ytSpecAvatarShapeWhiteBorder { border: 2px solid rgb(255, 255, 255); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; }

.ytSpecAvatarShapeWhiteBorderThin { border-width: 1px; }

.ytSpecAvatarShapeIsOverlay.ytSpecAvatarShapeBackgroundBorder, .ytSpecAvatarShapeIsOverlay.ytSpecAvatarShapeBackgroundBorderThin { border-color: rgb(255, 255, 255); }

.ytSpecAvatarShapeLiveBadgeText { padding: 0px 2px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: 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; }

.ytSpecAvatarShapeLiveBadgeIcon { max-width: 16px; padding: 0px 2px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(255, 255, 255); }

.ytSpecAvatarShapeLiveBadge { border-radius: 4px; text-align: center; background-color: rgb(225, 0, 45); display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; bottom: -4px; }

.ytSpecAvatarShapeLiveBadgeSmall { max-width: 32px; height: 13px; }

.ytSpecAvatarShapeLiveBadgeMedium { max-width: 36px; height: 14px; }

.ytSpecAvatarShapeLiveBadgeLarge { max-width: 52px; height: 14px; }

.ytSpecAvatarShapeLiveBadgeExtraLarge { border-radius: 4px; max-width: 68px; height: 16px; }

.ytSpecAvatarShapeLiveBadgeExtraLarge .ytSpecAvatarShapeLiveBadgeIcon { max-width: 24px; padding: 0px 4px; }

.ytSpecAvatarShapeLiveBadgeExtraLarge .ytSpecAvatarShapeLiveBadgeText { padding: 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; }

.ytSpecAvatarShapeNewContent { background-color: rgb(6, 95, 212); }

.ytSpecAvatarShapeLiveDot { background-color: rgb(225, 0, 45); }

.ytSpecAvatarShapeSquare { border-radius: 12px; overflow: hidden; }

.ytSpecAvatarShapeBadgeIconContainer { position: absolute; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 50%; background-color: rgb(255, 255, 255); color: rgb(3, 3, 3); }

.ytSpecAvatarShapeBadgeIconContainerTiny { right: -8px; top: 0px; bottom: 0px; margin: auto; width: 16px; height: 16px; }

.ytSpecAvatarShapeBadgeIconContainerTiny .ytSpecAvatarShapeBadgeIcon { width: 12px; height: 12px; }

.ytSpecAvatarShapeBadgeIconContainerExtraSmall { right: -8px; top: 0px; bottom: 0px; margin: auto; width: 16px; height: 16px; }

.ytSpecAvatarShapeBadgeIconContainerExtraSmall .ytSpecAvatarShapeBadgeIcon { width: 12px; height: 12px; }

.ytSpecAvatarShapeBadgeIconContainerSmall { bottom: -2px; right: -2px; width: 16px; height: 16px; }

.ytSpecAvatarShapeBadgeIconContainerSmall .ytSpecAvatarShapeBadgeIcon { width: 12px; height: 12px; }

.ytSpecAvatarShapeBadgeIconContainerMedium { bottom: -2px; right: -2px; width: 16px; height: 16px; }

.ytSpecAvatarShapeBadgeIconContainerMedium .ytSpecAvatarShapeBadgeIcon { width: 12px; height: 12px; }

.ytSpecAvatarShapeBadgeIconContainer48 { bottom: -2px; right: -2px; width: 24px; height: 24px; }

.ytSpecAvatarShapeBadgeIconContainer48 .ytSpecAvatarShapeBadgeIcon { width: 20px; height: 20px; }

.ytSpecAvatarShapeBadgeIconContainerLarge { bottom: -2px; right: -2px; width: 24px; height: 24px; }

.ytSpecAvatarShapeBadgeIconContainerLarge .ytSpecAvatarShapeBadgeIcon { width: 20px; height: 20px; }

.ytSpecAvatarShapeBadgeIconContainerExtraLarge { bottom: -2px; right: -2px; width: 28px; height: 28px; }

.ytSpecAvatarShapeBadgeIconContainerExtraLarge .ytSpecAvatarShapeBadgeIcon { width: 24px; height: 24px; }

.ytSpecAvatarShapeBadgeIconContainerExtraExtraLarge { bottom: -4px; right: -4px; width: 44px; height: 44px; }

.ytSpecAvatarShapeBadgeIconContainerExtraExtraLarge .ytSpecAvatarShapeBadgeIcon { width: 36px; height: 36px; }

.ytSpecAvatarShapeBadgeIconContainerGiant { bottom: -4px; right: -4px; width: 56px; height: 56px; }

.ytSpecAvatarShapeBadgeIconContainerGiant .ytSpecAvatarShapeBadgeIcon { width: 48px; height: 48px; }

.ytSpecAvatarShapeAvatarSizeTiny { margin: 2px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; width: 16px; height: 16px; }

.ytSpecAvatarShapeAvatarSizeTiny .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeTiny .ytSpecAvatarShapeNewContent { position: absolute; border: 2px solid rgb(255, 255, 255); border-radius: 50%; bottom: -1.664px; right: -1.664px; width: 8px; height: 8px; }

.ytSpecAvatarShapeAvatarSizeTiny.ytSpecAvatarShapeNoMargin { margin: 0px; }

.ytSpecAvatarShapeAvatarSizeExtraSmall { margin: 2px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; width: 24px; height: 24px; }

.ytSpecAvatarShapeAvatarSizeExtraSmall .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeExtraSmall .ytSpecAvatarShapeNewContent { position: absolute; border: 2px solid rgb(255, 255, 255); border-radius: 50%; bottom: -1.496px; right: -1.496px; width: 10px; height: 10px; }

.ytSpecAvatarShapeAvatarSizeExtraSmall.ytSpecAvatarShapeNoMargin { margin: 0px; }

.ytSpecAvatarShapeAvatarSizeSmall { margin: 2px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; width: 32px; height: 32px; }

.ytSpecAvatarShapeAvatarSizeSmall .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeSmall .ytSpecAvatarShapeNewContent { position: absolute; border: 2px solid rgb(255, 255, 255); border-radius: 50%; bottom: -0.828px; right: -0.828px; width: 11px; height: 11px; }

.ytSpecAvatarShapeAvatarSizeSmall.ytSpecAvatarShapeNoMargin { margin: 0px; }

.ytSpecAvatarShapeAvatarSizeMedium { margin: 2px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; width: 36px; height: 36px; }

.ytSpecAvatarShapeAvatarSizeMedium .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeMedium .ytSpecAvatarShapeNewContent { position: absolute; border: 2px solid rgb(255, 255, 255); border-radius: 50%; bottom: -0.744px; right: -0.744px; width: 12px; height: 12px; }

.ytSpecAvatarShapeAvatarSizeMedium.ytSpecAvatarShapeNoMargin { margin: 0px; }

.ytSpecAvatarShapeAvatarSize48 { margin: 2px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; width: 48px; height: 48px; }

.ytSpecAvatarShapeAvatarSize48 .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSize48 .ytSpecAvatarShapeNewContent { position: absolute; border: 2px solid rgb(255, 255, 255); border-radius: 50%; bottom: 0.508px; right: 0.508px; width: 13px; height: 13px; }

.ytSpecAvatarShapeAvatarSize48.ytSpecAvatarShapeNoMargin { margin: 0px; }

.ytSpecAvatarShapeAvatarSizeLarge { margin: 2px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; width: 56px; height: 56px; }

.ytSpecAvatarShapeAvatarSizeLarge .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeLarge .ytSpecAvatarShapeNewContent { position: absolute; border: 2px solid rgb(255, 255, 255); border-radius: 50%; bottom: 0.676px; right: 0.676px; width: 15px; height: 15px; }

.ytSpecAvatarShapeAvatarSizeLarge.ytSpecAvatarShapeNoMargin { margin: 0px; }

.ytSpecAvatarShapeAvatarSizeExtraLarge { margin: 2px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; width: 72px; height: 72px; }

.ytSpecAvatarShapeAvatarSizeExtraLarge .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeExtraLarge .ytSpecAvatarShapeNewContent { position: absolute; border: 2px solid rgb(255, 255, 255); border-radius: 50%; bottom: 1.512px; right: 1.512px; width: 18px; height: 18px; }

.ytSpecAvatarShapeAvatarSizeExtraLarge.ytSpecAvatarShapeNoMargin { margin: 0px; }

.ytSpecAvatarShapeAvatarSizeExtraExtraLarge { margin: 2px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; width: 120px; height: 120px; }

.ytSpecAvatarShapeAvatarSizeExtraExtraLarge .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeExtraExtraLarge .ytSpecAvatarShapeNewContent { position: absolute; border: 2px solid rgb(255, 255, 255); border-radius: 50%; bottom: 8.52px; right: 8.52px; width: 18px; height: 18px; }

.ytSpecAvatarShapeAvatarSizeExtraExtraLarge.ytSpecAvatarShapeNoMargin { margin: 0px; }

.ytSpecAvatarShapeAvatarSizeGiant { margin: 2px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; width: 160px; height: 160px; }

.ytSpecAvatarShapeAvatarSizeGiant .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeGiant .ytSpecAvatarShapeNewContent { position: absolute; border: 2px solid rgb(255, 255, 255); border-radius: 50%; bottom: 14.36px; right: 14.36px; width: 18px; height: 18px; }

.ytSpecAvatarShapeAvatarSizeGiant.ytSpecAvatarShapeNoMargin { margin: 0px; }

.ytSpecAvatarShapeAvatarSizeResponsive { margin: 2px; position: relative; display: flex; -webkit-box-pack: center; justify-content: center; width: 128px; height: 128px; max-width: 144px; }

.ytSpecAvatarShapeAvatarSizeResponsive.ytSpecAvatarShapeNoMargin { margin: 0px; }

.ytSpecAvatarShapeAvatarInClusterSize18 { width: 18px; height: 18px; }

.ytSpecAvatarShapeAvatarInClusterSize20 { width: 20px; height: 20px; }

.ytSpecAvatarShapeAvatarInClusterSize22 { width: 22px; height: 22px; }

.ytSpecAvatarShapeAvatarInClusterSize24 { width: 24px; height: 24px; }

.ytfcYouthBasicSectionHeaderViewModelHost { -webkit-box-align: center; align-items: center; display: flex; padding: 12px; }

.ytfcYouthBasicSectionHeaderViewModelDisableHorizontalPadding { padding: 12px 0px; }

.ytfcYouthBasicSectionHeaderViewModelBadge { color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; }

.ytfcYouthBasicSectionHeaderViewModelDescription { color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytfcYouthBasicSectionHeaderViewModelClickableDescription { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 500; }

.ytfcYouthBasicSectionHeaderViewModelDetails { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 4px; }

.ytfcYouthBasicSectionHeaderViewModelImage { height: 72px; width: 72px; }

.ytfcYouthBasicSectionHeaderViewModelLeading { flex-shrink: 0; margin: 8px 12px 8px 0px; }

.ytfcYouthBasicSectionHeaderViewModelMetadata { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 4px; }

.ytfcYouthBasicSectionHeaderViewModelSubtitle { color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.6rem; font-weight: 400; }

.ytfcYouthBasicSectionHeaderViewModelTitle { color: rgb(3, 3, 3); margin: 0px; padding: 0px; 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; }

.ytfcYouthSectionBodyViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytfcYouthSectionBodyViewModelAvatarStack { margin: 0px auto; }

.ytfcYouthSectionBodyViewModelItem { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 12px; }

.ytfcYouthSectionBodyViewModelDescription { color: rgb(96, 96, 96); padding: 12px 12px 16px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytContinuationItemViewModelHost { display: block; }

.ytChannelAttributionViewModelHost { display: block; color: rgb(255, 255, 255); backdrop-filter: blur(16px); background-color: rgba(40, 40, 40, 0.6); padding: 16px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytChannelAttributionViewModelUpper { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; }

.ytChannelAttributionViewModelChannelTitle { padding-inline-start: 12px; }

.ytChannelAttributionViewModelBottom { padding-top: 16px; }

.ytInfoPanelOverviewViewModelHost { display: flex; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); }

.ytInfoPanelOverviewViewModelHostWeb { border-radius: 0px 0px 12px 12px; }

.ytInfoPanelOverviewViewModelHostExtractOverlay { max-width: 480px; color: var(--reel-metadata-color,#fff); background: rgb(222, 241, 255); border-radius: 12px; margin: 0px 8px; }

.ytInfoPanelOverviewViewModelHostButton { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; padding: 16px; }

.ytInfoPanelOverviewViewModelForwardActionIcon { margin-left: auto; }

.ytReelPlayerOverlayViewModelHost { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; height: 100%; width: 100%; }

.ytReelPlayerOverlayViewModelHorizontalContainer { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: end; align-items: flex-end; width: 100%; }

.ytReelPlayerOverlayViewModelMetadataContainer { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0px; width: 100%; pointer-events: auto; background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent); z-index: 1; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 4px); }

.ytReelPlayerOverlayViewModelMetadataContainerRounded { border-radius: 0px 0px 12px 12px; }

.ytReelPlayerOverlayViewModelMetadataContainerMetapanel { min-width: 0px; padding: 0px 0px 16px 16px; }

.ytReelPlayerOverlayViewModelActionsContainer { pointer-events: auto; display: flex; -webkit-box-align: end; align-items: flex-end; height: 100%; padding: 0px 12px 8px; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 4px); }

.ytReelPlayerOverlayViewModelHostMweb .ytReelPlayerOverlayViewModelActionsContainer { padding: 0px 4px 16px; filter: unset; }

.ytReelPlayerOverlayViewModelHostMweb .ytReelPlayerOverlayViewModelMetadataContainer { background: none; }

.ytReelPlayerOverlayViewModelHostHide { visibility: hidden; }

.ytReelPlayerOverlayViewModelHostExtractOverlay .ytReelPlayerOverlayViewModelMetadataContainer { width: calc((100% - max(var(--ytd-shorts-player-width), 315px))/2); margin-right: max(var(--ytd-shorts-player-width),315px); background-image: none; filter: unset; border-radius: 0px; }

.ytReelPlayerOverlayViewModelHostExtractOverlay .ytReelPlayerOverlayViewModelActionsContainer { -webkit-box-flex: 1; flex-grow: 1; }

.ytReelPlayerOverlayViewModelHostExtractActionBar .ytReelPlayerOverlayViewModelMetadataContainerMetapanel { padding-right: 16px; }

.ytReelPlayerOverlayViewModelHostExtractActionBar .ytReelPlayerOverlayViewModelActionsContainer { padding-bottom: 0px; filter: unset; }

.ytReelPlayerOverlayViewModelHost:not(.ytReelPlayerOverlayViewModelHostExtractOverlay)[show-scrubber] .ytReelPlayerOverlayViewModelMetadataContainer { opacity: 0; transition: opacity 0.5s; }

.ytfzFanzoneScheduledInfoViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; 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(96, 96, 96); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.interstitialViewModelHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; border-radius: inherit; }

.interstitialViewModelErrorScreenRedesignDisabled { padding: 16px; }

@media (max-width: 527.9px) {
  .interstitialViewModelErrorScreenRedesignDisabled { overflow-y: scroll; }
}

.interstitialViewModelErrorScreenRedesignEnabled { width: 100%; height: 100%; container-type: size; }

.interstitialViewModelModelContainer { position: relative; width: 100%; height: 100%; min-height: 0px; overflow: hidden; background-color: rgb(15, 15, 15); padding-inline-start: 12%; box-sizing: border-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px; border-radius: inherit; }

.interstitialViewModelModelContainer::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-color: rgb(15, 15, 15); background-image: linear-gradient(90deg, transparent 0px, transparent 35%, rgba(170, 9, 170, 0.2) 0px, rgba(169, 0, 255, 0.2) 84%, rgba(254, 70, 160, 0.2)); mask-image: radial-gradient(27% 58% at 77% 50%, rgb(15, 15, 15) 0px, transparent 100%); }

[dir="rtl"] .interstitialViewModelModelContainer::before { mask-image: radial-gradient(27% 58% at 23% 50%, rgb(15, 15, 15) 0px, transparent 100%); }

.interstitialViewModelModelContainer::before { mask-repeat: no-repeat; }

.interstitialViewModelFlexItem { width: 100%; margin: 8px 0px; }

.interstitialViewModelLogoContainer { position: relative; width: 15%; min-width: 96px; }

.interstitialViewModelLogoContainer::before { content: ""; display: block; padding-top: 22.727%; }

.interstitialViewModelLogoImage { position: absolute; top: 0px; inset-inline-start: 0px; width: 100%; height: 100%; overflow: visible; }

@media (forced-colors: active) {
  .interstitialViewModelLogoImage { forced-color-adjust: none; }
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
  .interstitialViewModelLogoImage { filter: invert(1) hue-rotate(180deg); }
}

.interstitialViewModelButtonContainer { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; max-width: 43%; }

.interstitialViewModelButtonItem { width: auto; }

.interstitialViewModelButtonItem:not(:last-child) { margin-inline-end: 8px; margin-bottom: 8px; }

@media (forced-colors: active) {
  .interstitialViewModelButtonItem .ytSpecButtonShapeNextHost { border: 1px solid; }
}

.interstitialViewModelPrimaryButtonItem, .interstitialViewModelSecondaryButtonItem { max-width: 100%; }

.interstitialViewModelTextTitle { color: rgb(255, 255, 255); max-width: 43%; position: relative; font-family: Roboto, Arial, sans-serif; font-size: 2.8rem; line-height: 3.8rem; font-weight: 700; }

@media (max-width: 527.9px) {
  .interstitialViewModelTextTitle { font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; }
}

.interstitialViewModelTextDescription { color: rgb(96, 96, 96); max-width: 43%; position: relative; font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; line-height: 2.2rem; font-weight: 400; }

.interstitialViewModelInterstitialIcon { text-align: center; }

@media (max-width: 527.9px) {
  .interstitialViewModelIconImage { width: 25%; object-fit: contain; }
}

.interstitialViewModelInterstitialTitle { 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) {
  .interstitialViewModelInterstitialTitle { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; }
}

.interstitialViewModelInterstitialDescription { color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.interstitialViewModelIllustrationContainer { position: absolute; top: 50%; inset-inline-end: 12%; transform: translateY(-50%); width: 30%; max-width: 400px; }

.interstitialViewModelIllustrationImage { width: 100%; height: auto; }

@media (forced-colors: active) {
  .interstitialViewModelIllustrationImage { forced-color-adjust: none; }
}

@media (forced-colors: active) and (prefers-color-scheme: light) {
  .interstitialViewModelIllustrationImage { filter: invert(1) hue-rotate(180deg); }
}

.interstitialViewModelErrorCodeContainer { position: absolute; padding: 4px 12px; bottom: 8px; inset-inline-end: 8px; border-radius: 12px; background-color: rgba(255, 255, 255, 0.1); color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.interstitialViewModelLayoutPortrait .interstitialViewModelModelContainer { -webkit-box-pack: end; justify-content: flex-end; padding-bottom: 12%; padding-inline-end: 12%; }

.interstitialViewModelLayoutPortrait .interstitialViewModelLogoContainer { position: absolute; top: 16px; inset-inline-start: 16px; }

.interstitialViewModelLayoutPortrait .interstitialViewModelButtonContainer { max-width: 100%; flex-wrap: wrap; }

.interstitialViewModelLayoutPortrait .interstitialViewModelButtonItem:not(:last-child) { margin-inline-end: 0px; margin-bottom: 8px; }

.interstitialViewModelLayoutPortrait .interstitialViewModelPrimaryButtonItem, .interstitialViewModelLayoutPortrait .interstitialViewModelSecondaryButtonItem { width: 100%; max-width: 100%; }

.interstitialViewModelLayoutPortrait .interstitialViewModelTextDescription, .interstitialViewModelLayoutPortrait .interstitialViewModelTextTitle { max-width: 100%; }

.interstitialViewModelLayoutPortrait .interstitialViewModelIllustrationContainer { display: none; }

.interstitialViewModelLayoutSmall .interstitialViewModelModelContainer { padding: 16px; }

.interstitialViewModelLayoutSmall .interstitialViewModelButtonContainer { max-width: 100%; }

.interstitialViewModelLayoutSmall .interstitialViewModelTextTitle { max-width: 100%; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; }

@media (max-width: 527.9px) {
  .interstitialViewModelLayoutSmall .interstitialViewModelTextTitle { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; }
}

.interstitialViewModelLayoutSmall .interstitialViewModelErrorCodeContainer, .interstitialViewModelLayoutSmall .interstitialViewModelIllustrationContainer, .interstitialViewModelLayoutSmall .interstitialViewModelSecondaryButtonItem, .interstitialViewModelLayoutSmall .interstitialViewModelTextDescription { display: none; }

.interstitialViewModelLayoutFullWidth .interstitialViewModelButtonContainer { max-width: 76%; }

.interstitialViewModelLayoutFullWidth .interstitialViewModelTextTitle { max-width: 76%; font-family: Roboto, Arial, sans-serif; font-size: 2.4rem; line-height: 3.2rem; font-weight: 700; }

@media (max-width: 527.9px) {
  .interstitialViewModelLayoutFullWidth .interstitialViewModelTextTitle { font-family: Roboto, Arial, sans-serif; font-size: 2rem; line-height: 2.8rem; font-weight: 700; }
}

.interstitialViewModelLayoutFullWidth .interstitialViewModelTextDescription { max-width: 76%; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.interstitialViewModelHideErrorCode .interstitialViewModelErrorCodeContainer, .interstitialViewModelLayoutFullWidth .interstitialViewModelIllustrationContainer { display: none; }

.ytwPlayerDisclosureViewModelHost { display: flex; }

.ytwPlayerDisclosureViewModelEndpoint { display: flex; -webkit-box-align: center; 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; }

.ytwPlayerDisclosureViewModelImage { -webkit-box-flex: 0; flex: 0 0 auto; margin: 4px; height: 48px; width: 48px; }

.ytwPlayerDisclosureViewModelExtractOverlay .ytwPlayerDisclosureViewModelEndpoint { color: var(--reel-metadata-color); background-color: rgba(0, 0, 0, 0.05); }

.ytwPlayerDisclosureViewModelTitle { margin: 0px 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.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; }

.ytwPlayerDisclosureViewModelDivider { margin: 2px 4px; border-top: 1px solid rgba(255, 255, 255, 0.3); }

.ytCollaborativePlaylistInviteMessageViewModelHost { display: block; }

.ytCollaborativePlaylistInviteMessageViewModelAccountSectionHeaderText { color: rgb(3, 3, 3); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 500; }

.ytCollaborativePlaylistInviteMessageViewModelAccountWrapper { display: flex; padding: 8px 0px; -webkit-box-align: start; align-items: flex-start; gap: 12px; align-self: stretch; }

.ytCollaborativePlaylistInviteMessageViewModelAccountText { color: rgb(3, 3, 3); display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: start; align-items: flex-start; -webkit-box-flex: 1; flex: 1 0 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytCollaborativePlaylistInviteMessageViewModelHandle { color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytCollaborativePlaylistInviteMessageViewModelInviteMessageWrapper { color: rgb(3, 3, 3); margin-bottom: 12px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; line-height: 2rem; font-weight: 400; }

.ytCollaborativePlaylistInviteMessageViewModelTermsOfService { color: rgb(96, 96, 96); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytReelCarouselViewModelHost { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; gap: 4px; }

.ytReelCarouselViewModelHostButton { min-width: 0px; }

.ytReelCarouselViewModelHostButton c3-icon { width: inherit; height: inherit; }

.ytReelCarouselViewModelHostButtonMaxWidth { max-width: 50%; }

.ytReelMultiFormatLinkViewModelHost { display: flex; -webkit-box-align: center; 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; margin-bottom: 0px; 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 { margin-right: 6px; vertical-align: middle; height: 16px; width: 16px; }

.ytReelMultiFormatLinkViewModelTitle { vertical-align: middle; }

.ytReelMultiFormatLinkViewModelHostLarge, .ytReelMultiFormatLinkViewModelHostLarge .ytReelMultiFormatLinkViewModelTall { height: unset; }

.ytReelMultiFormatLinkViewModelHostLarge .ytReelMultiFormatLinkViewModelIcon { width: 20px; height: 20px; margin-right: 8px; }

.ytShortsDisclosuresViewModelHost { display: block; }

.ytShortsDisclosuresViewModelShortsDisclosuresText { color: var(--reel-metadata-color,#fff); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytShortsSuggestedActionViewModelStaticHost { display: inline-flex; position: relative; -webkit-box-align: center; 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; -webkit-box-align: center; align-items: center; padding: 0px 16px; height: 36px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 18px; background-color: rgba(0, 0, 0, 0.6); color: rgb(255, 255, 255); cursor: pointer; }

.ytShortsSuggestedActionViewModelStaticHostTextSection { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; text-align: left; flex-shrink: 1; padding-inline-start: 8px; }

.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%; margin-right: 0px; margin-left: 0px; }

.ytShortsSuggestedActionViewModelStaticHostLeadingImage { max-width: 100%; max-height: 100%; padding-inline-start: 4px; height: 24px; width: 24px; }

.ytShortsSuggestedActionViewModelStaticHostLeadingIcon { max-width: 100%; max-height: 100%; padding-inline-start: 8px; height: 24px; width: 24px; }

.ytShortsSuggestedActionViewModelDynamicHost { display: inline-flex; position: relative; -webkit-box-align: center; align-items: center; }

@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; }

.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; -webkit-box-align: center; align-items: center; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; max-height: 52px; padding: 8px; background-color: rgba(40, 40, 40, 0.6); color: var(--reel-metadata-color,#fff); cursor: pointer; }

.ytShortsSuggestedActionViewModelDynamicHostContainer:hover { background-color: rgba(0, 0, 0, 0.6); border-color: transparent; }

.ytShortsSuggestedActionViewModelDynamicHostCollapsedLeadingSection { border-radius: 4px; flex-shrink: 0; margin-right: 0px; }

.ytShortsSuggestedActionViewModelDynamicHostExpandedLeadingSection { margin-right: 0px; }

.ytShortsSuggestedActionViewModelDynamicHostCollapsedLeadingImage { max-width: 100%; max-height: 100%; border-radius: 4px; padding-inline-start: 4px; height: 24px; width: 24px; }

.ytShortsSuggestedActionViewModelDynamicHostExpandedLeadingImage { max-width: 100%; max-height: 100%; border-radius: 4px; width: 28px; height: 28px; padding-inline-start: 8px; }

.ytShortsSuggestedActionViewModelDynamicHostCollapsedLeadingIcon { padding-inline-start: 8px; height: 24px; width: 24px; }

.ytShortsSuggestedActionViewModelDynamicHostExpandedLeadingIcon { padding: 4px; border-radius: 4px; padding-inline-start: 8px; box-sizing: content-box; height: 24px; width: 24px; }

.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; border-left: 1px solid rgba(255, 255, 255, 0.3); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 24px; height: 40px; padding: 0px; }

.ytShortsSuggestedActionViewModelDynamicHostCollapsedTrailingSection:hover { background-color: rgba(0, 0, 0, 0.6); }

.ytShortsSuggestedActionViewModelDynamicHostExpandedTrailingSection { cursor: pointer; position: relative; background-color: rgba(40, 40, 40, 0.6); border-radius: 0px 8px 8px 0px; border-left: 1px solid rgba(255, 255, 255, 0.3); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 40px; width: 24px; padding: 0px; }

.ytShortsSuggestedActionViewModelDynamicHostExpandedTrailingSection:hover { background-color: rgba(0, 0, 0, 0.6); }

.ytShortsSuggestedActionViewModelDynamicHostTrailingIcon { color: var(--reel-metadata-color,#fff); height: 24px; width: 24px; }

.ytShortsSuggestedActionViewModelExtractOverlay { display: inline-flex; }

.ytShortsSuggestedActionViewModelExtractOverlayContainer { background-color: rgba(0, 0, 0, 0.05); }

.ytShortsSuggestedActionViewModelExtractOverlayContainer:hover { background-color: rgba(0, 0, 0, 0.1); }

.ytShortsSuggestedActionViewModelExtractOverlayCollapsedTrailingSection { background-color: rgba(0, 0, 0, 0.05); color: var(--reel-metadata-color,#030303); }

.ytShortsSuggestedActionViewModelExtractOverlayCollapsedTrailingSection:hover { background-color: rgba(0, 0, 0, 0.1); }

.ytShortsSuggestedActionViewModelExtractOverlayExpandedTrailingSection { background-color: rgba(0, 0, 0, 0.05); color: var(--reel-metadata-color,#030303); }

.ytShortsSuggestedActionViewModelExtractOverlayExpandedTrailingSection:hover { background-color: rgba(0, 0, 0, 0.1); }

.ytShortsSuggestedActionViewModelExpansiveContainer { color: var(--reel-metadata-color,#030303); max-width: 480px; }

.ytShortsSuggestedActionViewModelExpansiveContainerPrimaryText { 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; }

.ytShortsSuggestedActionViewModelExpansiveContainerExpandedSecondary { color: rgba(from var(--reel-metadata-color,#030303) r g b/.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; }

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.ytShortsVideoTitleViewModelHost { display: block; color: var(--reel-metadata-color,#fff); }

.ytShortsVideoTitleViewModelHostClickable { cursor: pointer; }

.ytShortsVideoTitleViewModelShortsVideoTitle { margin: 0px; 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; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; max-height: none; -webkit-line-clamp: var(--yt-shorts-video-title-max-lines,1); }

.ytShortsVideoTitleViewModelShortsVideoTitleLarge { margin: 0px; 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) {
  .ytShortsVideoTitleViewModelShortsVideoTitleLarge { 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; }
}

.ytShortsVideoTitleViewModelShortsVideoTitleLarge { max-height: none; -webkit-line-clamp: var(--yt-shorts-video-title-max-lines,1); }

.ytAccessConfirmationViewModelHost { display: block; }

.ytAccessConfirmationViewModelContent { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; padding: 24px 12px 0px; }

.ytAccessConfirmationViewModelAvatar { margin-bottom: 16px; }

.ytAccessConfirmationViewModelTitle { text-align: center; margin-bottom: 8px; font-family: "YouTube Sans", Roboto, sans-serif; font-size: 3.2rem; line-height: 4.4rem; font-weight: 700; }

.ytAccessConfirmationViewModelSubtitle { color: rgb(96, 96, 96); text-align: center; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytDualAvatarViewModelHost { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

.ytDualAvatarViewModelAvatarsContainer { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 0; 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; }

.ytImageStickerHost { display: block; position: relative; }

.ytImageStickerImageCopy { position: absolute; filter: brightness(0) invert(1); }

.ytImageStickerImageActual { position: relative; }

.ytOverlayProductStickerHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 0px 2px); }

.ytOverlayProductStickerTitleButton { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: auto; padding: 4px 4px 4px 8px; border-radius: 4px; color: rgb(96, 96, 96); background-color: rgb(255, 255, 255); }

.ytOverlayProductStickerImageContainer { position: relative; }

.ytOverlayProductStickerOpenIcon { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: absolute; bottom: 8px; padding: 2px; border-radius: 4px; color: rgb(96, 96, 96); background-color: rgb(255, 255, 255); height: 16px; width: 16px; }

.ytOverlayStickerHost { --sticker-width: 100; display: block; position: absolute; transform-origin: left top; pointer-events: all; cursor: pointer; border-radius: 6px; }

.ytOverlayStickerHost > :only-child { height: 100%; width: 100%; box-sizing: border-box; }

.ytOverlayStickerHostRelative { position: relative; }

.ytSubscribePlusButtonViewModelHost { display: block; }

.ytSurveyIconsHost { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.ytSurveyIconsHeader { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.ytSurveyIconsTitle { color: rgb(3, 3, 3); 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }

.ytSurveyIconsIcon { color: rgb(3, 3, 3); width: 36px; height: 36px; margin: -6px; }

.ytSurveyIconsAnswersText { color: rgb(3, 3, 3); display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; line-height: 1.8rem; font-weight: 400; }

.ytListItemLikeCountViewModelHost { color: rgb(3, 3, 3); 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; }

sentinel { }