@scope (.original-page) {


.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: var(--tffc2fd3a644f6275); background-color: var(--t518e925f61bdcb91); 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: var(--t2d807bb79e75606d); }

.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: var(--t1405e70a39276293); will-change: transform; margin-bottom: -100%; }

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

c3-toast.inverse-theme { background: var(--t3e41d7b17b187f69); color: var(--tffc2fd3a644f6275); }

c3-toast.inverse-theme .button-with-icon { color: var(--t2d807bb79e75606d); }

[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; }

:scope { color: var(--tffc2fd3a644f6275); background-color: var(--t3e41d7b17b187f69); font-size: 10px; font-family: Roboto, Arial, sans-serif; }

:scope { 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) {
  :scope.page-shorts[engagement-panel-open] .player-container, :scope.page-shorts[engagement-panel-open] .player-container.sticky-player { right: 256px; }
  :scope.page-shorts[engagement-panel-open] .player-placeholder-wrapper { width: calc(100% - 256px); }
  :scope:not(.page-shorts) .player-container, :scope:not(.page-shorts) .player-container.sticky-player { right: 256px; }
  :scope:not(.page-shorts) .player-placeholder-wrapper { width: calc(100% - 256px); }
  .mweb-tablet-metadata-split-view :scope.page-shorts[engagement-panel-open] .player-container, .mweb-tablet-metadata-split-view :scope.page-shorts[engagement-panel-open] .player-container.sticky-player { right: 336px; }
  .mweb-tablet-metadata-split-view :scope.page-shorts[engagement-panel-open] .player-placeholder-wrapper { width: calc(100% - 336px); }
  .mweb-tablet-metadata-split-view :scope:not(.page-shorts) .player-container, .mweb-tablet-metadata-split-view :scope:not(.page-shorts) .player-container.sticky-player { right: 336px; }
  .mweb-tablet-metadata-split-view :scope: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-aspect-ratio: 16 / 9) and (max-width: 930px) and (orientation: landscape) {
  .mweb-phone-metadata-split-view :scope.page-shorts[engagement-panel-open] .player-container, .mweb-phone-metadata-split-view :scope.page-shorts[engagement-panel-open] .player-container.sticky-player { right: 336px; }
  .mweb-phone-metadata-split-view :scope.page-shorts[engagement-panel-open] .player-placeholder-wrapper { width: calc(100% - 336px); }
  .mweb-phone-metadata-split-view :scope:not(.page-shorts) .player-container, .mweb-phone-metadata-split-view :scope:not(.page-shorts) .player-container.sticky-player { right: 336px; }
  .mweb-phone-metadata-split-view :scope:not(.page-shorts) .player-placeholder-wrapper { width: calc(100% - 336px); }
  .mweb-phone-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 .mweb-phone-metadata-split-view .player-container .player-size, .mweb-landscape-full-size-player .mweb-phone-metadata-split-view ytm-watch .player-size { padding-bottom: unset; height: auto; aspect-ratio: 16 / 9; }
}
}

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

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

:scope.shorts-hide-browser-bar { min-height: calc(100lvh + 1px); }

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

:scope.page-shorts #player-container-id, :scope.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; }

:scope { overflow-wrap: break-word; color: var(--tffc2fd3a644f6275); background-color: var(--t3e41d7b17b187f69); text-size-adjust: 100%; }

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

:scope[darker-dark-theme] { background-color: var(--t3e41d7b17b187f69); }

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

:scope.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: var(--tffc2fd3a644f6275); text-overflow: ellipsis; }

input:focus { margin-bottom: 0px; border-bottom-width: 2px; border-bottom-color: var(--tffc2fd3a644f6275); }

input::-webkit-input-placeholder { color: var(--t4a6da19e16bf221a); opacity: 1; }

input::placeholder { color: var(--t4a6da19e16bf221a); opacity: 1; }

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

textarea::-webkit-input-placeholder { color: var(--t4a6da19e16bf221a); opacity: 1; }

textarea::placeholder { color: var(--t4a6da19e16bf221a); 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, :scope[faux-fullscreen="true"] .player-container.auto-faux-fullscreen { position: fixed; inset: 0px; padding-bottom: 0px; }

.mweb-landscape-full-size-player .player-container:-webkit-full-screen .player-size { height: 100%; max-height: 100%; aspect-ratio: auto; }

.mweb-landscape-full-size-player .player-container:-webkit-full-screen .player-size, .mweb-landscape-full-size-player .player-container:fullscreen .player-size, .mweb-landscape-full-size-player [faux-fullscreen="true"] .player-container .player-size { height: 100%; max-height: 100%; aspect-ratio: auto; }

[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: var(--t7f9b7e1603e20b94); margin-left: 0px; }

.logo-in-player.shorts-logo, .mobile-topbar-logo.shorts-logo { width: 73px; height: 25px; color: var(--t7f9b7e1603e20b94); 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: var(--t4a6da19e16bf221a); 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: var(--t2d807bb79e75606d); }

.ytAttributedStringLinkOverlayCallToActionColor { color: var(--taf7bd2f2e5a02772); }

.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; font-weight: 500; line-height: 2.6rem; }

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

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

.ytLottieComponentHost { display: block; }

.ytLottieComponentHost svg { display: block; }

@-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: var(--t4aeaa857de8a786b); opacity: 0.9; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; }

.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; font-weight: 400; line-height: 2rem; }

.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: var(--t6216186c28b3834b); background-color: var(--t1405e70a39276293); font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; }

.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; font-weight: 500; line-height: 2rem; }

.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; font-weight: 500; line-height: 1.8rem; }

.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: var(--t4a6da19e16bf221a); background: var(--t7f4f2c6d54836ce0); }

.ytBadgeShapeDefault.ytBadgeShapeOverlay { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.6); }

.ytBadgeShapeDefault.ytBadgeShapeModern { color: var(--t4a6da19e16bf221a); background: none; padding-left: 0px; }

.ytBadgeShapeMedia { color: var(--t4a6da19e16bf221a); outline: 1px solid var(--tf3fc855af2285f5f); outline-offset: -1px; }

.ytBadgeShapeMedia.ytBadgeShapeOverlay { color: rgb(255, 255, 255); outline: rgba(255, 255, 255, 0.3) solid 1px; outline-offset: -1px; }

.ytBadgeShapeMedia.ytBadgeShapeModern { color: var(--t4a6da19e16bf221a); outline: 1px solid var(--tf3fc855af2285f5f); outline-offset: -1px; }

.ytBadgeShapeMedia.ytBadgeShapeModern.ytBadgeShapeOverlay { color: rgb(255, 255, 255); outline: rgba(255, 255, 255, 0.3) 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: var(--tffc2fd3a644f6275); padding-left: 0px; }

.ytBadgeShapePromoted.ytBadgeShapeModern { color: var(--tffc2fd3a644f6275); background: none; padding-left: 0px; }

.ytBadgeShapePromotedInverted.ytBadgeShapeModern { color: var(--t6216186c28b3834b); background: none; padding-left: 0px; }

.ytBadgeShapeTimely { color: var(--t4a6da19e16bf221a); }

.ytBadgeShapeTimely .ytBadgeShapeIcon { color: rgb(225, 0, 45); }

.ytBadgeShapeTimely { padding-left: 0px; }

.ytBadgeShapeTimely.ytBadgeShapeModern { color: var(--t4a6da19e16bf221a); }

.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: var(--t854c79338d8ca8a7); }

.ytBadgeShapeSale .ytBadgeShapeIcon { color: var(--t854c79338d8ca8a7); }

.ytBadgeShapeSale { padding-left: 0px; }

.ytBadgeShapeSale.ytBadgeShapeModern, .ytBadgeShapeSale.ytBadgeShapeModern .ytBadgeShapeIcon { color: var(--t854c79338d8ca8a7); }

.ytBadgeShapeSale.ytBadgeShapeModern { padding-left: 0px; }

.ytBadgeShapeMembership { color: var(--t904a88c623ca27ab); background: var(--t7f4f2c6d54836ce0); }

.ytBadgeShapeMembership.ytBadgeShapeModern { color: var(--t904a88c623ca27ab); background: none; padding-left: 0px; }

.ytBadgeShapeCommerce { color: var(--t904a88c623ca27ab); background: var(--t7f4f2c6d54836ce0); }

.ytBadgeShapeCommerce.ytBadgeShapeOverlay { color: var(--t231ac42975008fa5); background: none; padding-left: 0px; }

.ytBadgeShapeCommerce.ytBadgeShapeModern { color: var(--t904a88c623ca27ab); background: none; padding-left: 0px; }

.ytBadgeShapeCommerce.ytBadgeShapeModern.ytBadgeShapeOverlay { color: var(--t231ac42975008fa5); 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); }

.ytBadgeShapeLive.ytBadgeShapeModern.ytBadgeShapeOverlay { color: rgb(255, 255, 255); background: rgba(225, 0, 45, 0.9); }

.ytBadgeShapeStatusNew { color: var(--t2d807bb79e75606d); outline: 1px solid var(--t2d807bb79e75606d); outline-offset: -1px; }

.ytBadgeShapeStatusNew.ytBadgeShapeModern { color: var(--t2d807bb79e75606d); outline: 1px solid var(--t2d807bb79e75606d); outline-offset: -1px; }

.ytBadgeShapeStatusComplete { color: var(--t4d7776c28db21122); background: var(--t4726c68ef6d7b08f); }

.ytBadgeShapeStatusComplete.ytBadgeShapeModern { color: var(--t4d7776c28db21122); background: var(--t4726c68ef6d7b08f); }

.ytBadgeShapeStatusWarning { color: var(--t3f3bdb4140d3ead7); background: var(--tf0a0d1154827847f); }

.ytBadgeShapeStatusWarning.ytBadgeShapeModern { color: var(--t3f3bdb4140d3ead7); background: var(--tf0a0d1154827847f); }

.ytBadgeShapeStatusError { color: var(--t5208fd177a788cfa); background: rgba(255, 85, 119, 0.2); }

.ytBadgeShapeStatusError.ytBadgeShapeModern { color: var(--t5208fd177a788cfa); background: rgba(255, 85, 119, 0.2); }

.ytBadgeShapeStatusDefault { color: var(--tffc2fd3a644f6275); background: var(--tf3fc855af2285f5f); }

.ytBadgeShapeStatusDefault.ytBadgeShapeModern { color: var(--tffc2fd3a644f6275); background: var(--tf3fc855af2285f5f); }

.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: var(--t0f59291ce5504543); background: rgb(255, 255, 255); }

.ytBadgeShapeThumbnailSpecial .ytBadgeShapeIcon { color: rgb(225, 0, 45); }

.ytBadgeShapeThumbnailSpecial.ytBadgeShapeModern { color: var(--t0f59291ce5504543); 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: var(--tffc2fd3a644f6275); 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; font-weight: 500; line-height: 2rem; }

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

.ytBadgeShapeIsEmpty { display: none; }

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

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

.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%; }

.ytButtonOrAnchorDisableFullWidth { width: auto; }

.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: var(--tffc2fd3a644f6275); }

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

.ytRadioShapeDisabled { color: var(--t7e34d5baa4ea6277); }

.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; font-weight: 400; line-height: 2.2rem; }

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: var(--tffc2fd3a644f6275); }

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

.ytListItemViewModelHidden { display: none; }

.ytListItemViewModelKeyboardFocused:focus-within { background-color: var(--t7f4f2c6d54836ce0); 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: var(--tffc2fd3a644f6275); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.2rem; overflow: hidden; max-height: 4.4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelTitle { -webkit-line-clamp: 2; max-height: none; }
}

.ytListItemViewModelTitle { max-height: 4.4rem; }

.ytListItemViewModelSingleLineTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.2rem; overflow: hidden; max-height: 2.2rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelSingleLineTitle { -webkit-line-clamp: 1; max-height: none; }
}

.ytListItemViewModelSingleLineTitle { max-height: 2.2rem; }

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

.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: var(--t4a6da19e16bf221a); margin-bottom: 2px; font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; }

.ytListItemViewModelSelectionText { color: var(--t4a6da19e16bf221a); margin-left: 4px; }

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

.ytListItemViewModelTrailingLabel { color: var(--tffc2fd3a644f6275); font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.2rem; overflow: hidden; max-height: 4.4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelTrailingLabel { -webkit-line-clamp: 2; max-height: none; }
}

.ytListItemViewModelTrailingLabel { max-height: 4.4rem; }

.ytListItemViewModelNewContentIndicator { width: 4px; height: 4px; border-radius: 50%; background-color: var(--t2d807bb79e75606d); }

.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: var(--tffc2fd3a644f6275); }

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

.ytListItemViewModelDisableVerticalPadding { padding-top: 0px; padding-bottom: 0px; }

.ytListItemViewModelInPopup { border-radius: 0px; }

.ytListItemViewModelDisabled { color: var(--t4a6da19e16bf221a); pointer-events: none; }

.ytListItemViewModelDisabled .ytListItemViewModelAccessory, .ytListItemViewModelDisabled .ytListItemViewModelTitle { color: var(--t4a6da19e16bf221a); }

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

.ytListItemViewModelHovered, .ytListItemViewModelTappable.ytListItemViewModelTappableHover:hover { background-color: var(--t7f4f2c6d54836ce0); }

.ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; overflow: hidden; max-height: 4.4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTitle { -webkit-line-clamp: 2; max-height: none; }
}

.ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTitle { max-height: 4.4rem; }

.ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; overflow: hidden; max-height: 2.2rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { -webkit-line-clamp: 1; max-height: none; }
}

.ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { max-height: 2.2rem; }

.ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTrailingLabel { font-family: Roboto, Arial, sans-serif; font-size: 1.6rem; font-weight: 500; line-height: 2.2rem; overflow: hidden; max-height: 4.4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTrailingLabel { -webkit-line-clamp: 2; max-height: none; }
}

.ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTrailingLabel { max-height: 4.4rem; }

.ytListItemViewModelHasSubtitle { padding: 6px 16px; }

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

.ytListItemViewModelHasSubtitle.ytListItemViewModelDisableVerticalPadding { padding-top: 0px; padding-bottom: 0px; }

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

.ytListItemViewModelCompact .ytListItemViewModelTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem; overflow: hidden; max-height: 4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelCompact .ytListItemViewModelTitle { -webkit-line-clamp: 2; max-height: none; }
}

.ytListItemViewModelCompact .ytListItemViewModelTitle { max-height: 4rem; }

.ytListItemViewModelCompact .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem; overflow: hidden; max-height: 2rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelCompact .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { -webkit-line-clamp: 1; max-height: none; }
}

.ytListItemViewModelCompact .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { max-height: 2rem; }

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

.ytListItemViewModelCompact .ytListItemViewModelTrailingLabel { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem; overflow: hidden; max-height: 4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelCompact .ytListItemViewModelTrailingLabel { -webkit-line-clamp: 2; max-height: none; }
}

.ytListItemViewModelCompact .ytListItemViewModelTrailingLabel { max-height: 4rem; }

.ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 2rem; overflow: hidden; max-height: 4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTitle { -webkit-line-clamp: 2; max-height: none; }
}

.ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTitle { max-height: 4rem; }

.ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 2rem; overflow: hidden; max-height: 2rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { -webkit-line-clamp: 1; max-height: none; }
}

.ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTitle.ytListItemViewModelSingleLineTitle { max-height: 2rem; }

.ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTrailingLabel { font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 2rem; overflow: hidden; max-height: 4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTrailingLabel { -webkit-line-clamp: 2; max-height: none; }
}

.ytListItemViewModelCompact.ytListItemViewModelActionTypography.ytListItemViewModelTappable .ytListItemViewModelTrailingLabel { max-height: 4rem; }

.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: var(--tffc2fd3a644f6275); 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; font-weight: 400; line-height: 2.2rem; }

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

.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: var(--tf3fc855af2285f5f); 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: var(--tf3fc855af2285f5f); 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; }

@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: var(--tffc2fd3a644f6275); }

.formatted-string-deemphasize { color: var(--t4a6da19e16bf221a); }

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

.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); }
}

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; }

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

[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; }

: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,var(--t7c4965c11f8537c0)),transparent 75%); }

.contribYtLightShapeStaticRimLightOutline { inset: -1px; }

.contribYtLightShapeStaticRimLightOutline::before { padding: 1px; background: linear-gradient(var(--yt-light-rim-color,var(--t53dda9125e8d1324)),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,var(--t432fbdbd7f2f3f71)),transparent 75%); }

.contribYtLightShapeStaticRimLightOutlineInverse { inset: -1px; }

.contribYtLightShapeStaticRimLightOutlineInverse::before { padding: 1px; background: linear-gradient(var(--yt-light-rim-color,var(--t544e31714f63d53c)),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 { padding: 1px; 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: var(--t6931aa1826b373b2); }

.contribYtLightShapeStaticWashLightTonal { background: var(--taf1bdd961423c15f); }

.contribYtLightShapeStaticWashLightSolidInverse { background: var(--ted4236536899e4b3); }

.contribYtLightShapeStaticWashLightTonalInverse { background: var(--t9d7bdcaefc975d44); }

.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: var(--ta057e2d872f2a0d4); }

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

.ytLightTouchFeedbackShapeHoverOverlayDefault.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay { background-color: var(--t2c3e55cb638348df); opacity: 1; }

.ytLightTouchFeedbackShapeHoverOverlayInverse .ytLightTouchFeedbackShapeHoverOverlay { background-color: var(--t1aab759cd9ddbe39); }

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

.ytLightTouchFeedbackShapeHoverOverlayInverse.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay { background-color: var(--tf5f050c65aebead5); opacity: 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; font-weight: 500; line-height: 2rem; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; overflow: hidden; }

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

.animatedRollingNumberPrefix, .animatedRollingNumberSuffix { white-space: pre; }

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

.ytSpecButtonShapeNextOutline { border-style: solid; border-width: 1px; }

.ytSpecButtonShapeNextFocused { border-style: solid; border-width: 2px; }

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

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

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextFocused { padding: 0px 6px; }

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

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

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

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

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

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

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

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

.ytSpecButtonShapeNextSizeXs:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeXs:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeXs:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-left: -2px; }

.ytSpecButtonShapeNextSizeXs:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon, .ytSpecButtonShapeNextSizeXs:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-right: -2px; }

.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: var(--tf3fc855af2285f5f); 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; }

.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { padding: 0px 6px; }

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

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

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

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

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

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

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

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

.ytSpecButtonShapeNextSizeS { padding: 0px 12px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextOutline { padding: 0px 11px; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextFocused { padding: 0px 10px; }

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

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

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

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

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

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

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

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

.ytSpecButtonShapeNextSizeS:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeS:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeS:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-left: -4px; }

.ytSpecButtonShapeNextSizeS:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon, .ytSpecButtonShapeNextSizeS:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-right: -4px; }

.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: var(--tf3fc855af2285f5f); 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; }

.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { padding: 0px 10px; }

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

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

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

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

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

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

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

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

.ytSpecButtonShapeNextSizeM { padding: 0px 16px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextOutline { padding: 0px 15px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextFocused { padding: 0px 14px; }

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

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

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

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

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

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

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

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

.ytSpecButtonShapeNextSizeM:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeM:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeM:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-left: -6px; }

.ytSpecButtonShapeNextSizeM:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon, .ytSpecButtonShapeNextSizeM:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-right: -6px; }

.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: var(--tf3fc855af2285f5f); 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.ytSpecButtonShapeNextMainstagePadding { padding: 0px 16px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline { padding: 0px 15px; }

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { padding: 0px 14px; }

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

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

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

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

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

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

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

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

.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstageIconSizeV2 .ytSpecButtonShapeNextIcon { height: 18px; width: 18px; }

.ytSpecButtonShapeNextSizeL { padding: 0px 24px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextOutline { padding: 0px 23px; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextFocused { padding: 0px 22px; }

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

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

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

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

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

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

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

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

.ytSpecButtonShapeNextSizeL:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeL:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeL:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-left: -8px; }

.ytSpecButtonShapeNextSizeL:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon, .ytSpecButtonShapeNextSizeL:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-right: -8px; }

.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: var(--tf3fc855af2285f5f); 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; }

.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { padding: 0px 18px; }

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

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

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

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

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

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

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

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

.ytSpecButtonShapeNextSizeXl { padding: 0px 32px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextOutline { padding: 0px 31px; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextFocused { padding: 0px 30px; }

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

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

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

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

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

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

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

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

.ytSpecButtonShapeNextSizeXl:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeXl:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeading .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeXl:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextIcon { margin-left: -12px; }

.ytSpecButtonShapeNextSizeXl:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon, .ytSpecButtonShapeNextSizeXl:not(.ytSpecButtonShapeNextMainstagePadding).ytSpecButtonShapeNextIconTrailing .ytSpecButtonShapeNextIcon { margin-right: -12px; }

.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: var(--tf3fc855af2285f5f); 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; }

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused { padding: 0px 22px; }

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

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

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

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

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

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

.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconLeadingTrailing .ytSpecButtonShapeNextSecondaryIcon { margin-left: 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; font-weight: 500; line-height: 2rem; overflow: hidden; max-height: 8rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytSpecButtonShapeNextOneOffCustomTextWrapContainer .ytSpecButtonShapeNextButtonTextContent { -webkit-line-clamp: 4; max-height: none; }
}

.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: var(--t6216186c28b3834b); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled { background: var(--t2d807bb79e75606d); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t617db776af0de196); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t2d807bb79e75606d); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t617db776af0de196); border-color: transparent; }
}

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

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline { color: var(--t2d807bb79e75606d); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline { border-color: var(--tf3fc855af2285f5f); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tfa3475c508f5dfef); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; border-color: var(--tf3fc855af2285f5f); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tfa3475c508f5dfef); border-color: transparent; }
}

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText { color: var(--t2d807bb79e75606d); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tfa3475c508f5dfef); border-color: transparent; }

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

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tfa3475c508f5dfef); border-color: transparent; }
}

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

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal { color: var(--t2d807bb79e75606d); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal { background: var(--tfa3475c508f5dfef); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t9bc0b740242da017); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tfa3475c508f5dfef); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t9bc0b740242da017); border-color: transparent; }
}

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

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused { color: var(--t2d807bb79e75606d); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused { background: unset; border-color: var(--t2d807bb79e75606d); }

.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tfa3475c508f5dfef); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: unset; border-color: var(--t2d807bb79e75606d); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tfa3475c508f5dfef); border-color: transparent; }
}

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

.ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText { color: var(--tb628117fc164ad87); }

.ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t441a0e44e495381a); border-color: transparent; }

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

@media (hover: none) {
  .ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t441a0e44e495381a); border-color: transparent; }
}

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

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled { color: var(--t0f59291ce5504543); }

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled { background: var(--taf7bd2f2e5a02772); }

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t374de7a0f7f6b6a4); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--taf7bd2f2e5a02772); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t374de7a0f7f6b6a4); border-color: transparent; }
}

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused { color: var(--taf7bd2f2e5a02772); }

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused { background: rgb(0, 0, 0); border-color: var(--taf7bd2f2e5a02772); }

.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t374de7a0f7f6b6a4); border-color: transparent; }

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

@media (hover: none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t374de7a0f7f6b6a4); border-color: transparent; }
}

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

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled { color: var(--t6216186c28b3834b); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled { background: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t8cdc9846a76caf1f); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tffc2fd3a644f6275); }
}

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

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

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline { color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline { border-color: var(--tf3fc855af2285f5f); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tf3fc855af2285f5f); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; border-color: var(--tf3fc855af2285f5f); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tf3fc855af2285f5f); border-color: transparent; }
}

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText { color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tf3fc855af2285f5f); border-color: transparent; }

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

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tf3fc855af2285f5f); border-color: transparent; }
}

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

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal { color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal { background: var(--t7f4f2c6d54836ce0); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t416e5931fc464589); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t7f4f2c6d54836ce0); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t416e5931fc464589); border-color: transparent; }
}

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

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused { color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused { background: unset; border-color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t20480717de80f555); border-color: transparent; }

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

@media (hover: none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t20480717de80f555); border-color: transparent; }
}

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

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled { color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled { background: var(--t6216186c28b3834b); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--te1b64e6971040396); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t6216186c28b3834b); }
}

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

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

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline { color: var(--t6216186c28b3834b); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline { border-color: var(--t0a1249f7c9e82b5e); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t0a1249f7c9e82b5e); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: transparent; border-color: var(--t0a1249f7c9e82b5e); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t0a1249f7c9e82b5e); border-color: transparent; }
}

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText { color: var(--t6216186c28b3834b); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t20480717de80f555); border-color: transparent; }

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

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t20480717de80f555); border-color: transparent; }
}

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

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal { color: var(--t6216186c28b3834b); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal { background: var(--t7d8b8e5ee291aec0); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tb7d74bb3291c951d); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t7d8b8e5ee291aec0); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tb7d74bb3291c951d); border-color: transparent; }
}

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

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused { color: var(--t6216186c28b3834b); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused { background: unset; border-color: var(--t6216186c28b3834b); }

.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t0a1249f7c9e82b5e); border-color: transparent; }

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

@media (hover: none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t0a1249f7c9e82b5e); 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: var(--tf4689f158df519fa); 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: var(--tf4689f158df519fa); 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: var(--tf4689f158df519fa); 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: var(--tf4689f158df519fa); 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 var(--tf3fc855af2285f5f); }
}

.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused { color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused { background: unset; border-color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t20480717de80f555); border-color: transparent; }

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

@media (hover: none) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t20480717de80f555); 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,var(--ta564d8212bccb16a) 0,var(--t4e6df9b2b6b97e00) 20%,var(--t5884672004d56120) 100%); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg,var(--t124b7dafe9bc366d) 0,var(--ta564d8212bccb16a) 100%); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg,var(--ta564d8212bccb16a) 0,var(--t4e6df9b2b6b97e00) 20%,var(--t5884672004d56120) 100%); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg,var(--t124b7dafe9bc366d) 0,var(--ta564d8212bccb16a) 100%); border-color: transparent; }
}

@media (-ms-high-contrast:active), (forced-colors: active) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled { border: 1px solid var(--tf3fc855af2285f5f); }
}

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal { color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal { background: linear-gradient(90deg,var(--t99f774684cbb9703) 0,var(--tb8b31ac562fbe9b5) 20%,var(--tef70ca245445b52b) 100%); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg,var(--tdbe50d27d51f5093) 0,var(--t99f774684cbb9703) 100%); border-color: transparent; }

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg,var(--t99f774684cbb9703) 0,var(--tb8b31ac562fbe9b5) 20%,var(--tef70ca245445b52b) 100%); }
}

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: linear-gradient(90deg,var(--tdbe50d27d51f5093) 0,var(--t99f774684cbb9703) 100%); border-color: transparent; }
}

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

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused { color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused { background: unset; border-color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t20480717de80f555); border-color: transparent; }

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

@media (hover: none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--t20480717de80f555); border-color: transparent; }
}

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

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextFilled { color: var(--t7e34d5baa4ea6277); }

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextFilled { background: var(--t7f4f2c6d54836ce0); }

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

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextOutline { color: var(--t7e34d5baa4ea6277); }

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextOutline { border-color: var(--tf3fc855af2285f5f); }

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextText { color: var(--t7e34d5baa4ea6277); }

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

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextTonal { color: var(--t7e34d5baa4ea6277); }

.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextTonal { background: var(--t7f4f2c6d54836ce0); }

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

.ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline { color: var(--tffc2fd3a644f6275); }

.ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline { background: var(--t518e925f61bdcb91); 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: var(--tf3fc855af2285f5f); border-color: transparent; }

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

@media (hover: none) {
  .ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) { background: var(--tf3fc855af2285f5f); 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: var(--tffc2fd3a644f6275); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem; overflow: hidden; max-height: 2rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytSpecButtonShapeWithLabelLabel { -webkit-line-clamp: 1; max-height: none; }
}

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

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

.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: var(--t7e34d5baa4ea6277); }

.button-renderer[data-style="STYLE_BRAND"] { color: rgb(225, 0, 45); }

.button-renderer[data-style="STYLE_PRIMARY"]:not([disabled="true"]) { color: var(--t6216186c28b3834b); background-color: var(--t2d807bb79e75606d); }

.button-renderer[data-style="STYLE_PRIMARY"][disabled="true"] { background-color: transparent; }

.button-renderer[data-style="STYLE_TEXT"] { color: var(--t4a6da19e16bf221a); }

.button-renderer[data-style="STYLE_TEXT"] .logo-arrow { fill: var(--t3e41d7b17b187f69); }

.button-renderer[data-style="STYLE_BLUE_TEXT"] { color: var(--t2d807bb79e75606d); }

.button-renderer[data-style="STYLE_BLUE_TEXT_WITH_INVERSE_THEME"] { color: var(--taf7bd2f2e5a02772); }

.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 var(--t2d807bb79e75606d); color: var(--t2d807bb79e75606d); }

.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: var(--t4a6da19e16bf221a); border: 1px solid var(--t4a6da19e16bf221a); 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; }

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: var(--tffc2fd3a644f6275); background-color: var(--t08a7c6c176cbc5c2); padding: 3px; }

.menu-content.menu-bottom { bottom: 0px; color: var(--tffc2fd3a644f6275); 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: var(--tffc2fd3a644f6275); 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: var(--t3e41d7b17b187f69); 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; font-weight: 400; line-height: 2.2rem; }

ytm-menu-item .menu-item-button:hover { background-color: var(--t7f4f2c6d54836ce0); }

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; }

.ytEmbedsInfoPanelDetailsViewModelBodyText { display: block; padding: 0px 12px 12px; color: var(--t4a6da19e16bf221a); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem; }

.ytwPlayerBottomControlsHost { display: block; }

.ytwPlayerBottomControlsFullscreenButtonWrapper { margin-inline-start: auto; }

.ytSwitchListItemViewModelHost { display: block; }

.accountInfoHost { display: block; }

.like-button-renderer [aria-pressed="true"] c3-icon { color: var(--t2d807bb79e75606d); }

.like-button-renderer [aria-pressed="true"] c3-icon path { fill: var(--taf7bd2f2e5a02772); 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; font-weight: 400; line-height: 2.2rem; }

.bottom-sheet-media-menu-item c3-icon { margin-right: 12px; }

.ytmThumbnailOverlayTimeStatusRendererHost { margin: 5px; }

.ytmThumbnailOverlayTimeStatusRendererHost[thumbnail-size="small"] { margin: 2px; }

.ytmThumbnailOverlayTimeStatusRendererHost[thumbnail-size="medium"] { margin: 4px; }

.ytmThumbnailOverlayTimeStatusRendererHost[thumbnail-size="large"] { margin: 8px; }

.ytmThumbnailOverlayTimeStatusRendererHost[data-style="LIVE"], .ytmThumbnailOverlayTimeStatusRendererHost[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: var(--tf3fc855af2285f5f); }

.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 var(--t3e41d7b17b187f69); }

.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 var(--t3e41d7b17b187f69); }

@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: var(--t518e925f61bdcb91); }

.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: var(--tffc2fd3a644f6275); -webkit-box-flex: 1; flex: 1 1 0%; margin-bottom: 0px; font-family: Roboto, Arial, sans-serif; font-size: 2rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.8rem; overflow: hidden; max-height: 5.6rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytSpecDialogLayoutTitle { -webkit-line-clamp: 2; max-height: none; }
}

.ytSpecDialogLayoutTitle { max-height: 5.6rem; }

.ytSpecDialogLayoutLeadingActionHeader { color: var(--tffc2fd3a644f6275); margin-right: 12px; }

.ytSpecDialogLayoutTrailingActionHeader { color: var(--tffc2fd3a644f6275); margin-left: auto; }

.ytSpecDialogLayoutContent { color: var(--tffc2fd3a644f6275); 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; }

@media (max-height: 550px) {
  .ytSpecDialogLayoutContainer, .ytSpecDialogLayoutHost { display: block; overflow-y: auto; }
}

.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: var(--tf3fc855af2285f5f); 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: var(--t4fb0f67b251e1a42); }

.ytSpecTouchFeedbackShapeTouchResponse .ytSpecTouchFeedbackShapeStroke { border: 1px solid var(--t4fb0f67b251e1a42); }

.ytSpecTouchFeedbackShapeTouchResponseInverse .ytSpecTouchFeedbackShapeFill { background-color: var(--ta08e036410c14538); }

.ytSpecTouchFeedbackShapeTouchResponseInverse .ytSpecTouchFeedbackShapeStroke { border: 1px solid var(--ta08e036410c14538); }

.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); }

.ytSpecButtonViewModelHost { display: flex; }

.ytHorizontalSliderViewModelHost { display: block; }

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

.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: var(--t7f4f2c6d54836ce0); height: 32px; width: 32px; }

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

.ytSliderShapeHostIncrementButton:disabled { cursor: default; color: var(--t7e34d5baa4ea6277); }

.ytSliderShapeHostSlider { box-sizing: border-box; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 0px; font: inherit; color: var(--tffc2fd3a644f6275); 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,var(--tffc2fd3a644f6275) 0,var(--tffc2fd3a644f6275) var(--yt-slider-shape-gradient-percent),var(--t7e34d5baa4ea6277) var(--yt-slider-shape-gradient-percent),var(--t7e34d5baa4ea6277) 100%); height: 2px; border-radius: 12px; }

.ytSliderShapeHostSlider::-webkit-slider-thumb { appearance: none; background: var(--tffc2fd3a644f6275); width: 20px; height: 20px; border-radius: 48px; margin-top: -9px; }

.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: var(--tffc2fd3a644f6275); 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,var(--tffc2fd3a644f6275) 0,var(--tffc2fd3a644f6275) var(--yt-slider-shape-gradient-percent),var(--t7e34d5baa4ea6277) var(--yt-slider-shape-gradient-percent),var(--t7e34d5baa4ea6277) 100%); width: 2px; border-radius: 12px; }

.ytSliderShapeVerticalSlider::-webkit-slider-thumb { appearance: none; background: var(--tffc2fd3a644f6275); width: 20px; height: 20px; border-radius: 48px; margin-right: -9px; }

@media (forced-colors: active) {
  .ytSliderShapeHostSlider { appearance: auto; }
}

.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: var(--tffc2fd3a644f6275); font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; font-variation-settings: "wdth" 100; font-weight: 900; line-height: 2.6rem; }

.ytwVariableSpeedControllerViewModelPremiumBadge { position: absolute; right: 100%; margin-right: 8px; }

.ytwVariableSpeedControllerViewModelPlaybackSpeedButton { -webkit-box-flex: 1; flex: 1 1 0%; min-width: auto; margin: 0px 4px; }

.ytwVariableSpeedControllerViewModelButtonContainer { min-width: 304px; 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; width: 100%; }

.ytwVariableSpeedControllerSpeedButtonViewModelButton { width: 100%; }

.ytwVariableSpeedControllerSpeedButtonViewModelSpeedLabel { margin-top: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.6rem; color: var(--t7e34d5baa4ea6277); }

.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; font-weight: 400; line-height: 1.8rem; }

.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: var(--tffc2fd3a644f6275); appearance: none; min-height: 8.4rem; width: 100%; border: 1px solid var(--tf3fc855af2285f5f); padding: 8px; }

.copyDebugInfoPlayerDebugInfo::-webkit-input-placeholder { color: var(--t4a6da19e16bf221a); opacity: 1; }

.copyDebugInfoPlayerDebugInfo::placeholder { color: var(--t4a6da19e16bf221a); opacity: 1; }

.copyDebugInfoPlayerDebugInfo { height: 40vh; direction: ltr; }

.stableVolumeToggleHost { display: block; }

.ytPlayerControlsContainerHost { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; border-radius: inherit; }

.ytPlayerControlsContainerRendered { position: fixed; inset: 0px; padding-bottom: 0px; border-radius: inherit; }

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

@media (forced-colors: active) {
  .ytChapteredProgressBarChapteredPlayerBarChapterSeen, .ytChapteredProgressBarChapteredPlayerBarFill { background-color: highlight; background-image: none; forced-color-adjust: none; }
  .ytChapteredProgressBarChapteredPlayerBarLoaded { background-color: buttontext; opacity: 1; }
}

.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)); }

@media (forced-colors: active) {
  .ytFocusedChapterProgressBarLineProgressBarBackground { background-color: buttontext; opacity: 1; }
  .ytFocusedChapterProgressBarLineProgressBarPlayed { background-color: highlight; background-image: none; forced-color-adjust: none; }
}

.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)); }

.ytProgressBarLineProgressBarPlayedSubtle { background: rgba(255, 255, 255, 0.7); }

@media (forced-colors: active) {
  .ytProgressBarLineProgressBarBackground { background-color: buttontext; opacity: 1; }
  .ytProgressBarLineProgressBarLoaded { background-color: graytext; opacity: 1; }
  .ytProgressBarLineProgressBarHovered { background-color: highlight; opacity: 1; }
  .ytProgressBarLineProgressBarPlayed { background-color: highlight; background-image: none; forced-color-adjust: none; opacity: 1; }
}

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

@media (forced-colors: active) {
  .ytProgressBarPlayheadProgressBarPlayheadDot { background-color: highlight; border: 1px solid buttontext; }
}

.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)); transform-origin: center bottom; transform: translateX(-50%) scale(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; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 3.8rem; }

@container (max-width: _max($medium_breakpoint)) {
  .ytPlayerStoryboardTimestampShorts { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 3.2rem; }
}

@media (max-width: 599.9px) {
  .ytPlayerStoryboardTimestampShorts { font-family: "YouTube Sans", Roboto, sans-serif; font-size: 2.4rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 3.2rem; }
}

.ytPlayerStoryboardTimestampShorts { padding-top: 8px; }

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

.ytPlayerStoryboardMetadata { position: absolute; bottom: -6px; 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-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; }

.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; user-select: none; -webkit-tap-highlight-color: transparent; }

.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; font-weight: 400; line-height: 2rem; 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: var(--t4a6da19e16bf221a); }
  .fullscreen-recommendations-wrapper::-webkit-scrollbar-thumb:hover { background-color: var(--t7e34d5baa4ea6277); }
  .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.ytwPlayerTopControlsContainerWithLeftContent { left: 0px; }

@media (min-width: 380px) {
  ytm-custom-control .player-controls-top.ytwPlayerTopControlsContainerWithVideoDetails { 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; }

:scope[faux-fullscreen="true"] ytm-custom-control .player-controls-top { top: env(safe-area-inset-top); }

:scope[faux-fullscreen="true"] #player-control-overlay { zoom: var(--aa-fullscreen-player-controls-zoom,initial); }

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; }

:scope[faux-fullscreen="true"] .watch-page-progress-bar { left: 24px; right: 24px; }

:scope[faux-fullscreen="true"] .enable-fullscreen-controls .watch-page-progress-bar { bottom: 30px; }

:scope[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.super-small-embeds-layout-enabled .watch-page-progress-bar { bottom: 44px; }
  .fullscreen-controls-always-on.super-small-embeds-layout-enabled .fullscreen-action-menu { left: 12px; right: 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: var(--t3e41d7b17b187f69); 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: var(--t3e41d7b17b187f69); padding: 15px; border-radius: 45px; }

.YtmBottomSheetOverlayRendererClose { position: absolute; top: 10px; right: 10px; border-radius: 24px; }

.YtmBottomSheetOverlayRendererDragHandle { background: var(--tffc2fd3a644f6275); 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: var(--tfa3475c508f5dfef); 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: var(--t518e925f61bdcb91); border-top: 1px solid var(--tf3fc855af2285f5f); border-bottom: 1px solid var(--tf3fc855af2285f5f); }

ytm-info-panel-container-renderer[background="INFO_PANEL_CONTAINER_BACKGROUND_GRAY"] { background-color: var(--t3e41d7b17b187f69); }

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 var(--tf3fc855af2285f5f); 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; font-weight: 500; line-height: 2rem; }

.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: var(--tfa3475c508f5dfef); }

.ytmInfoPanelContentRendererHost.ytmInfoPanelContentRendererHostCinematicBackground { background: var(--t20480717de80f555); }

.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: var(--t2d807bb79e75606d); margin-bottom: 4px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 2rem; overflow: hidden; max-height: 4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytmInfoPanelContentRendererTitleContainer { -webkit-line-clamp: 2; max-height: none; }
}

.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; font-weight: 400; line-height: 1.8rem; }

.ytmInfoPanelContentRendererPublishTime { display: inline; color: var(--t4a6da19e16bf221a); padding-left: 3px; }

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

.ytmInfoPanelContentRendererInlineSource { display: inline-block; color: var(--t2d807bb79e75606d); 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: var(--t4aeaa857de8a786b); border-radius: inherit; }

.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)); border-radius: inherit; }

.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: var(--t7e34d5baa4ea6277); }

.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 var(--t0a1249f7c9e82b5e); 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; }

.ytwAnimatedSubscribeButtonHost { width: 100%; }

.ytwAnimatedSubscribeButtonContentContainer { width: 100%; overflow: hidden; border-radius: 18px; }

.ytwAnimatedSubscribeButtonFlexContainer { display: flex; width: fit-content; }

.ytwAnimatedSubscribeButtonCanAnimate { transition: width 0.5s; }

.ytwAnimatedSubscribeButtonStaticWidth .ytwAnimatedSubscribeButtonFlexContainer { width: auto; }

.ytmThumbnailEndscreenElementHost { display: block; cursor: pointer; border: 1px solid var(--tf3fc855af2285f5f); 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%; height: 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; }

.ytwPlayerTimeDisplayInteractive { cursor: pointer; }

.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; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 3.2rem; }

@container (max-width: _max($medium_breakpoint)) {
  .ytwPlayerSeekOverlayDuration { font-family: Roboto, Arial, sans-serif; font-size: 2rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.8rem; }
}

@media (max-width: 599.9px) {
  .ytwPlayerSeekOverlayDuration { font-family: Roboto, Arial, sans-serif; font-size: 2rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.8rem; }
}

.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; font-weight: 400; line-height: 2rem; }

.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; font-weight: 400; line-height: 2rem; 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; font-weight: 400; line-height: 2rem; overflow: hidden; max-height: 4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytwPlayerEndscreenVideoTitle { -webkit-line-clamp: 2; max-height: none; }
}

.ytwPlayerEndscreenVideoTitle { color: rgb(255, 255, 255); margin-bottom: 4px; }

.ytwPlayerEndscreenVideoAuthor { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; 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: inset 0 0 0 2px var(--taf7bd2f2e5a02772); }

.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 var(--taf7bd2f2e5a02772); 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; font-weight: 400; line-height: 2rem; overflow: hidden; max-height: 4rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytmEmbedsInfoPanelRendererText { -webkit-line-clamp: 2; max-height: none; }
}

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

@keyframes fade { 
  100% { opacity: 0; pointer-events: none; }
}

.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: var(--t4a6da19e16bf221a); }
  .ytFullscreenVideoRecommendationsHost::-webkit-scrollbar-thumb:hover { background-color: var(--t7e34d5baa4ea6277); }
}

.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 var(--taf7bd2f2e5a02772); border-radius: 4px; display: flex; max-width: 312px; padding: 8px; text-decoration: none; }

.ytmPaidContentOverlayText { font-size: 1.3rem; padding-left: 8px; }

.ytmPaidContentOverlayPppLabelRefresh .ytmPaidContentOverlayLink { border-left: initial; background-color: rgba(0, 0, 0, 0.6); border-radius: 12px; padding: 4px 8px; }

.ytmPaidContentOverlayPppLabelRefreshMotion { animation: exit-fade .35s cubic-bezier(.4,0,0,1) calc(1.15s + var(--ytm-paid-content-overlay-hold-duration)) forwards; }

.ytmPaidContentOverlayPppLabelRefreshMotion .ytmPaidContentOverlayLink { --ytm-paid-content-overlay-nub-clip: inset(0 calc(100% - 32px) 0 0 round 12px); animation: entry-morph 1s cubic-bezier(.4,0,0,1),exit-morph .5s cubic-bezier(.4,0,0,1) calc(1s + var(--ytm-paid-content-overlay-hold-duration)) forwards; }

[dir="rtl"] .ytmPaidContentOverlayPppLabelRefreshMotion .ytmPaidContentOverlayLink { --ytm-paid-content-overlay-nub-clip: inset(0 0 0 calc(100% - 32px) round 12px); }

.ytmPaidContentOverlayPppLabelRefresh .ytmPaidContentOverlayText { padding-left: 0px; font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 500; line-height: 2rem; }

@media (max-width: 599.9px) {
  .ytmPaidContentOverlayPppLabelRefresh .ytmPaidContentOverlayText { font-family: Roboto, Arial, sans-serif; font-size: 1.2rem; font-weight: 500; line-height: 1.8rem; }
}

.ytmPaidContentOverlayPppLabelRefreshMotion .ytmPaidContentOverlayText { --ytm-paid-content-overlay-text-mask: linear-gradient(to right,var(--tdc8af6750f0dad0d) calc(100% - 8px),transparent); --ytm-paid-content-overlay-mask-position: left; animation: text-entry-mask 1s cubic-bezier(.4,0,0,1),text-exit-mask .5s cubic-bezier(.4,0,0,1) calc(1s + var(--ytm-paid-content-overlay-hold-duration)) forwards; }

[dir="rtl"] .ytmPaidContentOverlayPppLabelRefreshMotion .ytmPaidContentOverlayText { --ytm-paid-content-overlay-text-mask: linear-gradient(to left,var(--tdc8af6750f0dad0d) calc(100% - 8px),transparent); --ytm-paid-content-overlay-mask-position: right; }

.ytmPaidContentOverlayHostCompact { padding: 8px 0px 8px 8px; }

.ytmPaidContentOverlayHostCompact .ytmPaidContentOverlayLink { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.ytmPaidContentOverlayHostCompact .ytmPaidContentOverlayText { padding-left: 0px; }

.ytmPaidContentOverlayHostCompact .ytmPaidContentOverlayChevron, .ytmPaidContentOverlayHostCompact .ytmPaidContentOverlayIcon { display: none; }

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

@keyframes fade { 
  100% { opacity: 0; pointer-events: none; }
}

@-webkit-keyframes entry-morph { 
  0% { opacity: 0; clip-path: var(--ytm-paid-content-overlay-nub-clip); }
  25% { opacity: 1; }
  100% { clip-path: inset(0px round 12px); }
}

@keyframes entry-morph { 
  0% { opacity: 0; clip-path: var(--ytm-paid-content-overlay-nub-clip); }
  25% { opacity: 1; }
  100% { clip-path: inset(0px round 12px); }
}

@-webkit-keyframes exit-morph { 
  0% { clip-path: inset(0px round 12px); }
  100% { clip-path: var(--ytm-paid-content-overlay-nub-clip); }
}

@keyframes exit-morph { 
  0% { clip-path: inset(0px round 12px); }
  100% { clip-path: var(--ytm-paid-content-overlay-nub-clip); }
}

@-webkit-keyframes text-entry-mask { 
  0% { mask-image: var(--ytm-paid-content-overlay-text-mask); mask-position: var(--ytm-paid-content-overlay-mask-position); mask-repeat: no-repeat; mask-size: 0px 100%; }
  100% { mask-image: var(--ytm-paid-content-overlay-text-mask); mask-position: var(--ytm-paid-content-overlay-mask-position); mask-repeat: no-repeat; mask-size: calc(100% + 8px) 100%; }
}

@keyframes text-entry-mask { 
  0% { mask-image: var(--ytm-paid-content-overlay-text-mask); mask-position: var(--ytm-paid-content-overlay-mask-position); mask-repeat: no-repeat; mask-size: 0px 100%; }
  100% { mask-image: var(--ytm-paid-content-overlay-text-mask); mask-position: var(--ytm-paid-content-overlay-mask-position); mask-repeat: no-repeat; mask-size: calc(100% + 8px) 100%; }
}

@-webkit-keyframes text-exit-mask { 
  0% { mask-image: var(--ytm-paid-content-overlay-text-mask); mask-position: var(--ytm-paid-content-overlay-mask-position); mask-repeat: no-repeat; mask-size: calc(100% + 8px) 100%; }
  100% { mask-image: var(--ytm-paid-content-overlay-text-mask); mask-position: var(--ytm-paid-content-overlay-mask-position); mask-repeat: no-repeat; mask-size: 0px 100%; }
}

@keyframes text-exit-mask { 
  0% { mask-image: var(--ytm-paid-content-overlay-text-mask); mask-position: var(--ytm-paid-content-overlay-mask-position); mask-repeat: no-repeat; mask-size: calc(100% + 8px) 100%; }
  100% { mask-image: var(--ytm-paid-content-overlay-text-mask); mask-position: var(--ytm-paid-content-overlay-mask-position); mask-repeat: no-repeat; mask-size: 0px 100%; }
}

@-webkit-keyframes exit-fade { 
  0% { opacity: 1; }
  100% { opacity: 0; pointer-events: none; }
}

@keyframes exit-fade { 
  0% { opacity: 1; }
  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; }

:scope[faux-fullscreen="true"] .player-controls-bottom { bottom: 44px; }

:scope[faux-fullscreen="true"] .enable-fullscreen-controls .player-controls-bottom { bottom: 74px; }

:scope[faux-fullscreen="true"] .enable-fullscreen-controls.fs-watch-system .player-controls-bottom { bottom: 94px; }

.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; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.8rem; }

@container (max-width: _max($medium_breakpoint)) {
  .ytmVideoInfoVideoTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.6rem; }
}

@media (max-width: 599.9px) {
  .ytmVideoInfoVideoTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.6rem; }
}

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

.ytPlayerOverlayVideoDetailsRendererHost { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; position: relative; width: fit-content; border-radius: 12px; padding: 12px; text-shadow: rgb(0, 0, 0) 0px 0px 3px; }

.ytPlayerOverlayVideoDetailsRendererFrostedGlass { backdrop-filter: blur(16px); background: rgba(0, 0, 0, 0.3); text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

.ytPlayerOverlayVideoDetailsRendererFrostedGlass button { text-shadow: rgb(0, 0, 0) 0px 0px 2px; }

.ytPlayerOverlayVideoDetailsRendererFrostedGlass svg { filter: drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px); }

.ytPlayerOverlayVideoDetailsRendererHost::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; border-radius: 12px; }

.ytPlayerOverlayVideoDetailsRendererHost:hover::after { cursor: pointer; background-color: rgba(255, 255, 255, 0.1); }

.ytPlayerOverlayVideoDetailsRendererHost:active::after { cursor: pointer; background-color: rgba(255, 255, 255, 0.3); }

.ytPlayerOverlayVideoDetailsRendererTitle.ytPlayerOverlayVideoDetailsRendererTitle { color: rgb(255, 255, 255); margin-bottom: 4px; overflow: hidden; overflow-wrap: break-word; max-height: 5.6rem; font-family: Roboto, Arial, sans-serif; font-size: 2rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.8rem; }

@container (max-width: _max($medium_breakpoint)) {
  .ytPlayerOverlayVideoDetailsRendererTitle.ytPlayerOverlayVideoDetailsRendererTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.6rem; }
}

@media (max-width: 599.9px) {
  .ytPlayerOverlayVideoDetailsRendererTitle.ytPlayerOverlayVideoDetailsRendererTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.6rem; }
}

@media (max-width: 599.9px) {
  .ytPlayerOverlayVideoDetailsRendererTitle.ytPlayerOverlayVideoDetailsRendererTitle { max-height: 4.8rem; }
}

.ytPlayerOverlayVideoDetailsRendererSingleLineTitle.ytPlayerOverlayVideoDetailsRendererTitle { font-family: Roboto, Arial, sans-serif; font-size: 2rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.8rem; overflow: hidden; max-height: 2.8rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@supports (-webkit-line-clamp:1) {
  .ytPlayerOverlayVideoDetailsRendererSingleLineTitle.ytPlayerOverlayVideoDetailsRendererTitle { -webkit-line-clamp: 1; max-height: none; }
}

@container (max-width: _max($medium_breakpoint)) {
  .ytPlayerOverlayVideoDetailsRendererSingleLineTitle.ytPlayerOverlayVideoDetailsRendererTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.6rem; overflow: hidden; max-height: 2.6rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }
  @supports (-webkit-line-clamp:1) {
  .ytPlayerOverlayVideoDetailsRendererSingleLineTitle.ytPlayerOverlayVideoDetailsRendererTitle { -webkit-line-clamp: 1; max-height: none; }
}
}

@media (max-width: 599.9px) {
  .ytPlayerOverlayVideoDetailsRendererSingleLineTitle.ytPlayerOverlayVideoDetailsRendererTitle { font-family: Roboto, Arial, sans-serif; font-size: 1.8rem; font-variation-settings: "wdth" 100; font-weight: 700; line-height: 2.6rem; overflow: hidden; max-height: 2.6rem; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }
  @supports (-webkit-line-clamp:1) {
  .ytPlayerOverlayVideoDetailsRendererSingleLineTitle.ytPlayerOverlayVideoDetailsRendererTitle { -webkit-line-clamp: 1; max-height: none; }
}
}

.ytPlayerOverlayVideoDetailsRendererSubtitle { display: flex; -webkit-box-align: center; align-items: center; color: rgb(255, 255, 255); font-family: Roboto, Arial, sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2rem; }

.ytPlayerOverlayVideoDetailsRendererSubtitle .ytAttributedStringHost { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }

.ytPlayerOverlayVideoDetailsRendererHideSubtitle { display: none; }

.ytPlayerOverlayVideoDetailsRendererChannelAvatarContainer { margin-right: 8px; flex-shrink: 0; position: relative; z-index: 1; }

.ytPlayerOverlayVideoDetailsRendererTextContainer { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; min-width: 0px; }

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

.ytwPlayerTopControlsContainerWithLeftContent { -webkit-box-pack: justify; justify-content: space-between; }

@media (max-aspect-ratio: 3 / 4) {
  .ytwPlayerTopControlsContainerWithLeftContentPlayerControlsTopRight { -webkit-box-pack: end; justify-content: flex-end; }
}

@media (max-aspect-ratio: 3 / 4) {
  .ytwPlayerTopControlsContainerWithVideoDetails { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }
}

.ytwPlayerTopControlsLeftContent { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex: 1 1 0%; min-width: 0px; }

.ytwPlayerTopControlsLeftContentPaidContentOverlay { visibility: visible; }

.ytwPlayerTopControlsHost .ytwPlayerTopControlsTopMiddleHidden { display: none; }

.ytwPlayerTopControlsTitleWrapper { display: flex; min-width: 0px; }

.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: var(--tffc2fd3a644f6275); text-overflow: ellipsis; }

.unified-share-url-input:focus { margin-bottom: 0px; border-bottom-width: 2px; border-bottom-color: var(--tffc2fd3a644f6275); }

.unified-share-url-input::-webkit-input-placeholder { color: var(--t4a6da19e16bf221a); opacity: 1; }

.unified-share-url-input::placeholder { color: var(--t4a6da19e16bf221a); opacity: 1; }

.unified-share-url-input { width: 100%; display: block; padding: 12px; color: var(--t2d807bb79e75606d); background-color: var(--t7f4f2c6d54836ce0); 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; font-weight: 400; line-height: 2.2rem; }

fullscreen-overlay { position: fixed; top: 0px; width: 100%; height: 100%; background-color: var(--t3e41d7b17b187f69); overflow: scroll; z-index: 4; }

sentinel { }
}