:root {
  --t7f4f2c6d54836ce0: initial;
  --t7d8b8e5ee291aec0: initial;
  --t4726c68ef6d7b08f: initial;
  --tf0a0d1154827847f: initial;
  --t3e41d7b17b187f69: initial;
  --tff65993384bb4560: initial;
  --te2867b13d771d055: initial;
  --t933d7922f3158dc5: initial;
  --t264e2c9cb87891f9: initial;
  --t206f3fa2e01af22d: initial;
  --t34f46f0f2c13d328: initial;
  --t854c79338d8ca8a7: initial;
  --t20480717de80f555: initial;
  --t2d807bb79e75606d: initial;
  --t617db776af0de196: initial;
  --tb628117fc164ad87: initial;
  --td545df04e2c659d7: initial;
  --t53991d599b1488f5: initial;
  --ta889dfda9605a358: initial;
  --t5978da8d584b8fe9: initial;
  --t124b7dafe9bc366d: initial;
  --tdbe50d27d51f5093: initial;
  --ta564d8212bccb16a: initial;
  --t99f774684cbb9703: initial;
  --t4e6df9b2b6b97e00: initial;
  --tb8b31ac562fbe9b5: initial;
  --t5884672004d56120: initial;
  --tef70ca245445b52b: initial;
  --t4f0922e5a3d0c20f: initial;
  --t7dfa6f84c9346edf: initial;
  --tecbdf924b63b27fc: initial;
  --t1405e70a39276293: initial;
  --tad8443faed66c111: initial;
  --te6d2b428de68554a: initial;
  --tc980c5478124c8c7: initial;
  --t965644ecdbe4b7b8: initial;
  --tb14a10c3b43a15a3: initial;
  --tb13ff8797829e79e: initial;
  --te5668e6111aba0ed: initial;
  --ta7d628facfe84d18: initial;
  --tbe42269534655e67: initial;
  --tab8059236063cadb: initial;
  --t735e435a8b7ad67c: initial;
  --t21af08fdbf6a1406: initial;
  --tc604113d09fee05d: initial;
  --t08a7c6c176cbc5c2: initial;
  --t8cdc9846a76caf1f: initial;
  --te1b64e6971040396: initial;
  --t416e5931fc464589: initial;
  --tb7d74bb3291c951d: initial;
  --tf3fc855af2285f5f: initial;
  --t0a1249f7c9e82b5e: initial;
  --t02c0a2c868c14ce8: initial;
  --td8562cdc203bc683: initial;
  --t53dda9125e8d1324: initial;
  --t544e31714f63d53c: initial;
  --t87eabf113a15ac96: initial;
  --t858b809f8044e962: initial;
  --t0f59291ce5504543: initial;
  --tfaae96692cc182e4: initial;
  --t518e925f61bdcb91: initial;
  --tb927f5c0149004c6: initial;
  --t832f22ce6618e99e: initial;
  --t45b2a38314924357: initial;
  --t6931aa1826b373b2: initial;
  --ted4236536899e4b3: initial;
  --tdc8af6750f0dad0d: initial;
  --t3410c91649e5eb8a: initial;
  --t4aeaa857de8a786b: initial;
  --t296c7f81dd09a9c3: initial;
  --tfa3475c508f5dfef: initial;
  --t9bc0b740242da017: initial;
  --t441a0e44e495381a: initial;
  --tde41338fc2bd4ba5: initial;
  --t4d7776c28db21122: initial;
  --t7e34d5baa4ea6277: initial;
  --tc4b26042d4cb141f: initial;
  --t5208fd177a788cfa: initial;
  --tffc2fd3a644f6275: initial;
  --t6216186c28b3834b: initial;
  --t4a6da19e16bf221a: initial;
  --td9c19f4f8cecd56e: initial;
  --t3f3bdb4140d3ead7: initial;
  --t904a88c623ca27ab: initial;
  --t2c3bbff6c15a3eb2: initial;
  --t0ccd1ace000d5e93: initial;
  --tc87f6a7f05e65fc4: initial;
  --tc04ba3e73561953c: initial;
  --t7c4965c11f8537c0: initial;
  --t432fbdbd7f2f3f71: initial;
  --taf1bdd961423c15f: initial;
  --t9d7bdcaefc975d44: initial;
  --t4fb0f67b251e1a42: initial;
  --ta08e036410c14538: initial;
  --t7f9b7e1603e20b94: initial
}
.dialog {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 16px;
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1.3rem;
  color: #030303;
  background-color: #fff;
  border: none
}
.dialog.modern-dialog {
  box-shadow: 0 0 24px 12px rgba(0, 0, 0, 0.25)
}
.dialog.rounded-container {
  border-radius: 12px
}
.dialog.modern-dialog-layout {
  padding: 0;
  border-radius: 24px
}
.dialog-body {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 300px;
  max-height: 100vh
}
.dialog.scrollable .dialog-body {
  overflow-y: visible;
  overflow-x: visible;
  max-height: unset
}
.dialog-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 4
}
.dialog-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.dialog-buttons, .dialog-header {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.dialog-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 12px
}
.dialog-buttons>* {
  margin-left: 8px
}
.dialog-buttons>:first-child {
  margin-left: 0
}
.dialog-flex-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.dialog-flex-button .button-with-icon.compact {
  margin: 0
}
.dialog-body a, .dialog-header a {
  color: #065fd4
}
.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: 0 40px;
    padding: 0;
    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: 0;
  padding: 0;
  height: 1px
}
.dialog-fullscreen>.dialog-body {
  height: 100%
}
.dialog.modern-dialog-layout.dialog-fullscreen {
  border-radius: 0
}
.dialog-container.dialog-fullscreen {
  margin: 0
}
c3-toast {
  display: block;
  position: fixed;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 14px 24px;
  font-size: 1.4rem;
  color: #fff;
  background: #0f0f0f;
  will-change: transform;
  margin-bottom: -100%
}
c3-toast.hug-toast {
  max-width: 344px
}
c3-toast.inverse-theme {
  background: #fff;
  color: #030303
}
c3-toast.inverse-theme .button-with-icon {
  color: #065fd4
}
[has-safe-area-in-max=true] c3-toast {
  padding: 14px 24px;
  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: 48px;
  bottom: calc(48px + var(--safe-area-inset-bottom));
  margin-bottom: -100%;
  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] {
  -webkit-transition: margin 195ms cubic-bezier(.4, 0, 1, 1);
  transition: margin 195ms cubic-bezier(.4, 0, 1, 1)
}
c3-toast[dir=in] {
  -webkit-transition: margin 225ms cubic-bezier(0, 0, .2, 1);
  transition: margin 225ms cubic-bezier(0, 0, .2, 1);
  margin-bottom: 0
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn)
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
.spinnerWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.spinner {
  display: block;
  box-sizing: border-box;
  margin: 12px auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #eee;
  border-top-color: #666;
  -webkit-animation: spinner .8s linear infinite;
  animation: spinner .8s linear infinite
}
.spinner>.hidden {
  display: none
}
.spinner:not([hidden]) {
  color: #333;
  font-size: 1.6rem
}
html {
  color: #030303;
  background-color: #fff;
  font-size: 10px;
  font-family: Roboto, Arial, sans-serif
}
body {
  margin: 0;
  padding: 0;
  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: 0;
  right: env(safe-area-inset-right);
  left: 0;
  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: #000
}
.player-cinematics {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: #000
}
.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: 0
}
.player-container .player-api {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.player-api[hidden], .player-api[loading=true], .player-api[playable=false] {
  display: none
}
#player.inline-on-thumbnail {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.player-container .html5-video-player {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
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: 0;
  left: 0;
  right: 0;
  z-index: 4;
  padding: 0;
  padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left)
}
ytm-mobile-topbar-renderer.sticky-player.out {
  top: -48px;
  -webkit-transition: -webkit-transform 195ms cubic-bezier(.4, 0, 1, 1);
  transition: -webkit-transform 195ms cubic-bezier(.4, 0, 1, 1);
  transition: transform 195ms cubic-bezier(.4, 0, 1, 1);
  transition: transform 195ms cubic-bezier(.4, 0, 1, 1), -webkit-transform 195ms cubic-bezier(.4, 0, 1, 1);
  -webkit-transition-property: all;
  transition-property: all
}
ytm-mobile-topbar-renderer.sticky-player.in {
  top: 0;
  -webkit-transition: -webkit-transform 225ms cubic-bezier(0, 0, .2, 1);
  transition: -webkit-transform 225ms cubic-bezier(0, 0, .2, 1);
  transition: transform 225ms cubic-bezier(0, 0, .2, 1);
  transition: transform 225ms cubic-bezier(0, 0, .2, 1), -webkit-transform 225ms cubic-bezier(0, 0, .2, 1);
  -webkit-transition-property: all;
  transition-property: all
}
.player-container.sticky-player {
  position: fixed;
  top: 48px;
  right: 0;
  right: env(safe-area-inset-right);
  left: 0;
  left: env(safe-area-inset-left);
  overflow: hidden;
  z-index: 2
}
.player-container.header-in-player, .player-container.sticky-player.header-in-player {
  top: 0
}
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: 0
}
@media (min-width:931px) and (orientation:landscape) {
  body.page-shorts[engagement-panel-open] .player-container, body.page-shorts[engagement-panel-open] .player-container.sticky-player {
    right: 256px
  }
  body.page-shorts[engagement-panel-open] .player-placeholder-wrapper {
    width: calc(100% - 256px)
  }
  body:not(.page-shorts) .player-container, body:not(.page-shorts) .player-container.sticky-player {
    right: 256px
  }
  body:not(.page-shorts) .player-placeholder-wrapper {
    width: calc(100% - 256px)
  }
  .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-container, .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-container.sticky-player {
    right: 336px
  }
  .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-placeholder-wrapper {
    width: calc(100% - 336px)
  }
  .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-container, .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-container.sticky-player {
    right: 336px
  }
  .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-placeholder-wrapper {
    width: calc(100% - 336px)
  }
  .mweb-all-landscape-tablet-metadata-split-view .player-container {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: 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(100vh - 48px);
    max-height: calc(100svh - 48px)
  }
}
@media (min-aspect-ratio:21/10) and (min-width:931px) and (orientation:landscape) {
  .mweb-tablet-metadata-split-view .player-container {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
  }
}
@media (min-aspect-ratio:16/9) and (max-width:930px) and (orientation:landscape) {
  .mweb-phone-metadata-split-view body.page-shorts[engagement-panel-open] .player-container, .mweb-phone-metadata-split-view body.page-shorts[engagement-panel-open] .player-container.sticky-player {
    right: 336px
  }
  .mweb-phone-metadata-split-view body.page-shorts[engagement-panel-open] .player-placeholder-wrapper {
    width: calc(100% - 336px)
  }
  .mweb-phone-metadata-split-view body:not(.page-shorts) .player-container, .mweb-phone-metadata-split-view body:not(.page-shorts) .player-container.sticky-player {
    right: 336px
  }
  .mweb-phone-metadata-split-view body:not(.page-shorts) .player-placeholder-wrapper {
    width: calc(100% - 336px)
  }
  .mweb-phone-metadata-split-view .player-container {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: 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) {
  body.page-shorts[engagement-panel-open] .player-container, body.page-shorts[engagement-panel-open] .player-container.sticky-player {
    right: 500px
  }
  body.page-shorts[engagement-panel-open] .player-placeholder-wrapper {
    width: calc(100% - 500px)
  }
  body:not(.page-shorts) .player-container, body:not(.page-shorts) .player-container.sticky-player {
    right: 500px
  }
  body:not(.page-shorts) .player-placeholder-wrapper {
    width: calc(100% - 500px)
  }
  .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-container, .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-container.sticky-player {
    right: 500px
  }
  .mweb-tablet-metadata-split-view body.page-shorts[engagement-panel-open] .player-placeholder-wrapper {
    width: calc(100% - 500px)
  }
  .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-container, .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-container.sticky-player {
    right: 500px
  }
  .mweb-tablet-metadata-split-view body:not(.page-shorts) .player-placeholder-wrapper {
    width: calc(100% - 500px)
  }
}
@media (max-width:930px) and (orientation:landscape) {
  ytm-mobile-topbar-renderer.shorts-topbar {
    right: 72px
  }
  .player-container .player-size, ytm-watch .player-size {
    padding-bottom: calc(56.25% - 96px)
  }
  .mweb-landscape-full-size-player .player-container .player-size, .mweb-landscape-full-size-player ytm-watch .player-size {
    height: calc(56.25vw - 96px);
    padding-bottom: unset;
    max-height: calc(100vh - 48px);
    max-height: calc(100svh - 48px)
  }
}
@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: 0;
    left: 0;
    right: 0;
    z-index: 4
  }
}
.content-error {
  font-size: 1.4rem;
  padding: 12px;
  text-align: center
}
#player-thumbnail-overlay {
  position: absolute;
  top: 0;
  object-fit: cover;
  min-height: 0
}
#player-container-id[playable=true] #player-thumbnail-overlay {
  visibility: hidden
}
body.page-shorts, html[page-shorts] {
  overscroll-behavior-y: none
}
body.loading.page-shorts #header, body.loading.page-shorts .player-placeholder-wrapper {
  display: none
}
body.page-shorts #player-container-id, body.page-shorts .player-container #player {
  height: 100%;
  top: 0
}
* {
  -ms-flex: 0 1 auto
}
button {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  text-transform: inherit;
  color: inherit;
  background: transparent
}
html {
  word-wrap: break-word;
  color: #030303;
  background-color: #fff;
  -webkit-text-size-adjust: 100%
}
body[disable-tap-highlight=true] [role=button], body[disable-tap-highlight=true] a, body[disable-tap-highlight=true] button {
  -webkit-tap-highlight-color: transparent
}
html[darker-dark-theme] {
  background-color: #fff
}
html.watch-scroll {
  scroll-padding-top: 48px
}
html.watch-scroll.sticky-player {
  scroll-padding-top: calc(48px + 56.25vw)
}
input {
  background-color: transparent;
  padding-bottom: 4px;
  outline: none;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  margin-bottom: 1px;
  font: inherit;
  color: #030303;
  border-bottom: 1px solid #737373;
  text-overflow: ellipsis
}
input:focus {
  margin-bottom: 0;
  border-bottom-width: 2px;
  border-bottom-color: #030303
}
input::-webkit-input-placeholder {
  color: #606060;
  opacity: 1
}
input::placeholder {
  color: #606060;
  opacity: 1
}
textarea {
  background-color: transparent;
  padding-bottom: 4px;
  outline: none;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  margin-bottom: 1px;
  font: inherit;
  color: #030303;
  -webkit-appearance: none;
  appearance: none;
  min-height: 8.4rem;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px
}
textarea::-webkit-input-placeholder {
  color: #606060;
  opacity: 1
}
textarea::placeholder {
  color: #606060;
  opacity: 1
}
form {
  margin: 0
}
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: 0 0 3px;
  margin-bottom: 0
}
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: 0 0 3px;
  font-size: 1.8rem;
  margin-bottom: 0
}
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: 0 0 3px;
  font-size: 1.4rem;
  margin-bottom: 0
}
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: 0 0 3px;
  font-size: 1.3rem;
  margin-bottom: 0
}
img {
  min-width: 1px;
  min-height: 1px;
  -webkit-filter: none;
  filter: none
}
img:not([src]) {
  visibility: hidden
}
:focus {
  outline: none
}
p {
  margin: 0
}
.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: 1px 1px hsla(0, 0%, 6.7%, .2), -1px 1px hsla(0, 0%, 6.7%, .2), -1px -1px hsla(0, 0%, 6.7%, .2), 1px -1px hsla(0, 0%, 6.7%, .2)
}
#player-control-container {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none
}
[dir=rtl] #player-shorts-container {
  direction: rtl
}
[faux-fullscreen=true] #player-control-container, [faux-fullscreen=true] .player-container #player, [shorts-player=true] #player-shorts-container, [shorts-player=true] .player-container #player {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 0
}
.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: 0;
  left: env(safe-area-inset-left)
}
[role=button], button, input[type=checkbox], select {
  cursor: pointer
}
ytm-reel-player-overlay-renderer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 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: 0;
  padding-right: 0
}
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: 0;
  background-image: none;
  -webkit-filter: unset;
  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;
  -webkit-flex-grow: 1;
  flex-grow: 1
}
ytm-reel-player-overlay-renderer button:not([aria-pressed=true]) c3-icon {
  -webkit-filter: drop-shadow(0 1px 6px rgba(0, 0, 0, .4));
  filter: drop-shadow(0 1px 6px rgba(0, 0, 0, .4))
}
ytm-reel-player-overlay-renderer .ytSpecButtonShapeWithLabelLabel {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8)
}
.reel-player-overlay-main-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch
}
.reel-player-overlay-metadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  min-width: 0;
  margin: 0 0 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 0
}
.reel-player-overlay-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 4px 16px 4px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.reel-player-overlay-top-bar {
  height: 48px;
  width: 48px;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 2px
}
.reel-player-overlay-actions .button-with-icon {
  margin: 0 !important;
  min-width: 0;
  text-transform: none
}
.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;
  -webkit-flex: 1;
  flex: 1;
  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: 0
}
@media (max-width:930px) and (orientation:landscape) {
  .reel-player-overlay-actions {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    max-height: calc(100vh - 48px)
  }
  .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: .3em
  }
  .reel-player-overlay-actions ytm-bottom-sheet-renderer, .reel-player-overlay-actions ytm-menu-renderer {
    display: block;
    margin-top: 0
  }
}
.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;
  -webkit-flex-direction: column;
  flex-direction: column
}
ytm-reel-player-overlay-renderer ytm-profile-icon {
  border: 1px solid #fff
}
@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: #f03;
  padding: 0 12px;
  width: 30px;
  height: 30px;
  margin-left: -1px
}
.logo-in-player.full-logo, .mobile-topbar-logo.full-logo {
  width: 93px;
  height: 20px;
  color: #000;
  margin-left: 0
}
.logo-in-player.shorts-logo, .mobile-topbar-logo.shorts-logo {
  width: 73px;
  height: 25px;
  color: #000;
  margin-left: 0
}
.logo-in-player.full-logo-red, .mobile-topbar-logo.full-logo-red {
  width: 101px
}
.logo-in-player-endpoint, .mobile-topbar-header-endpoint {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 48px;
  text-align: left
}
.logo-in-player.full-logo {
  color: #fff
}
.monochromatic svg path {
  fill: #fff
}
ytm-subscribe-button-renderer {
  display: block
}
ytm-subscribe-button-renderer .button-renderer-icon {
  height: 16px;
  width: 16px
}
.modern-subscribe-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.subscribe-button-count {
  color: #606060;
  font-size: 1.4rem;
  margin: 0 8px
}
@-webkit-keyframes notification-bell-fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}
@keyframes notification-bell-fade-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    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;
  -webkit-animation: notification-bell-fade-in .2s cubic-bezier(.05, 0, 0, 1);
  animation: notification-bell-fade-in .2s cubic-bezier(.05, 0, 0, 1)
}
.modern-subscribe-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative
}
.modern-subscribe-button .ytAttributedStringHost {
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transition-timing-function: cubic-bezier(.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(.05, 0, 0, 1);
  padding-left: 0
}
.YtmVideoInfoExpanded .modern-subscribe-button .ytAttributedStringHost, .ytmVideoInfoExpanded .modern-subscribe-button .ytAttributedStringHost {
  -webkit-transition: none;
  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: top left
}
.ytCoreImageObjectPositionTopRight {
  object-position: top right
}
.ytCoreImageContentModeScaleToFill {
  object-fit: fill
}
.ytCoreImageContentModeScaleAspectFit {
  object-fit: contain
}
.ytCoreImageContentModeScaleAspectFill {
  object-fit: cover
}
.ytCoreImageContentModeCenter {
  object-fit: none;
  object-position: center center
}
.ytCoreImageFlipRtl {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.ytCoreImageGradientContainer {
  position: relative;
  width: 100%;
  height: 100%
}
.ytCoreImageGradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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: -.07em
}
.ytAttributedStringListGroup {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px
}
.ytAttributedStringLink {
  text-decoration: none;
  display: inline
}
.ytAttributedStringLinkCallToActionColor {
  color: #065fd4
}
.ytAttributedStringLinkOverlayCallToActionColor {
  color: #3ea6ff
}
.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;
  -webkit-align-self: flex-start;
  align-self: flex-start
}
.ytAttributedStringTextAlignmentUnknown {
  display: block;
  text-align: inherit
}
.ytAttributedStringWordWrapping {
  overflow-wrap: anywhere
}
.ytAttributedStringUnderlined {
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}
.ytAttributedStringStrikethrough {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through
}
.ytAttributedStringUnderlineStrikethrough {
  -webkit-text-decoration-line: underline line-through;
  text-decoration-line: underline line-through
}
.ytAttributedStringLineStyleNone {
  text-decoration: none
}
.ytAttributedStringLineStyleSingle {
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid
}
.ytAttributedStringLineStyleDot {
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted
}
.ytAttributedStringBaselineOffsetSubscript {
  vertical-align: sub
}
.ytAttributedStringBaselineOffsetSuperscript {
  vertical-align: super
}
.ytAttributedStringBaselineOffsetUnknown {
  vertical-align: baseline
}
.ytAttributedStringItalicized {
  font-style: italic
}
.ytAttributedStringHeading1 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500
}
.ytAttributedStringHeading2 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500
}
.ytAttributedStringHeading3 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytButtonOrAnchorHost {
  display: inline-block
}
.ytButtonOrAnchorButton {
  display: inline-block;
  border: none;
  color: inherit;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline-width: 0;
  box-sizing: border-box;
  background: none;
  text-decoration: none;
  text-align: unset;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent
}
.ytButtonOrAnchorAnchor {
  display: inline-block;
  color: inherit;
  padding: 0;
  margin: 0;
  text-decoration: none;
  box-sizing: border-box;
  width: 100%
}
.ytRadioShapeHost {
  position: relative;
  display: block
}
.ytRadioShapeInput {
  position: absolute;
  opacity: .000001;
  margin: 0;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 24px;
  width: 24px
}
.ytRadioShapeLabelContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 48px;
  width: 100%;
  color: #030303
}
.ytRadioShapeKeyboardFocused {
  outline: 2px solid currentColor;
  outline-offset: -2px;
  border-radius: 8px
}
.ytRadioShapeDisabled {
  color: #909090
}
.ytRadioShapeLabel {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: inline-block;
  position: relative;
  padding-right: 12px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
input:checked+label>.ytRadioShapeRadio>:first-child {
  display: none
}
input:not(:checked)+label>.ytRadioShapeRadio>:last-child {
  display: none
}
.ytRadioShapeRadioDefaultStyle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0 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: #030303
}
.ytListItemViewModelHost:focus-visible {
  outline: none
}
.ytListItemViewModelHidden {
  display: none
}
.ytListItemViewModelKeyboardFocused:focus-within {
  background-color: rgba(0, 0, 0, 0.05);
  outline: 2px solid currentColor;
  outline-offset: -2px;
  border-radius: 8px
}
.ytListItemViewModelButtonOrAnchor {
  width: auto
}
.ytListItemViewModelButtonOrAnchor:focus-visible {
  outline: none
}
.ytListItemViewModelNoTrailingText .ytListItemViewModelButtonOrAnchor, .ytListItemViewModelNoTrailingText .ytListItemViewModelTextWrapper {
  min-width: 0
}
.ytListItemViewModelTextWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-height: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytListItemViewModelTitleWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytListItemViewModelTitle {
  color: #030303;
  white-space: nowrap;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  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;
  line-height: 2.2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2.2rem;
  display: box;
  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: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytListItemViewModelWithBadge {
  margin-left: 8px
}
.ytListItemViewModelSubtitleContainer {
  margin-top: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytListItemViewModelSuperlabel {
  color: #606060;
  margin-bottom: 2px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytListItemViewModelSelectionText {
  color: #606060;
  margin-left: 4px
}
.ytListItemViewModelTrailingSelectionText {
  margin-left: 12px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytListItemViewModelTrailingLabel {
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  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: #065fd4
}
.ytListItemViewModelChevronIcon {
  height: 18px;
  width: 18px;
  -webkit-flex-shrink: 0;
  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: 0
}
.ytListItemViewModelPrioritizeTrailing .ytListItemViewModelTrailing, .ytListItemViewModelPrioritizeTrailing .ytListItemViewModelTrailingLabel, .ytListItemViewModelPrioritizeTrailing .ytListItemViewModelTrailingSelectionText {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.ytListItemViewModelButtonContainer, .ytListItemViewModelImageContainer {
  -webkit-align-self: start;
  align-self: start;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 44px;
  min-width: 36px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytListItemViewModelAvatar, .ytListItemViewModelImage {
  max-height: 36px
}
.ytListItemViewModelAccessory {
  border-radius: 2px;
  overflow: hidden;
  color: #030303
}
.ytListItemViewModelLayoutWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytListItemViewModelBottomAccessory {
  display: block;
  width: 100%;
  padding-top: 4px
}
.ytListItemViewModelMainContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytListItemViewModelSubtitleBadgeWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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 0
}
.ytListItemViewModelInPopup {
  border-radius: 0
}
.ytListItemViewModelDisabled {
  color: #606060;
  pointer-events: none
}
.ytListItemViewModelDisabled .ytListItemViewModelAccessory, .ytListItemViewModelDisabled .ytListItemViewModelTitle {
  color: #606060
}
.ytListItemViewModelTappable {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}
.ytListItemViewModelTappable:hover {
  background-color: rgba(0, 0, 0, 0.05)
}
.ytListItemViewModelTappable.ytListItemViewModelActionTypography .ytListItemViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  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;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 2.2rem;
  display: box;
  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;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  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 0
}
.ytListItemViewModelCompact .ytListItemViewModelTextWrapper {
  min-height: 36px
}
.ytListItemViewModelCompact .ytListItemViewModelTitle {
  white-space: nowrap;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  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;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  display: box;
  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;
  line-height: 1.8rem;
  font-weight: 400
}
.ytListItemViewModelCompact .ytListItemViewModelTrailingLabel {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  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;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  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;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  display: box;
  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;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  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: #fff
}
.ytListItemViewModelIsOverlay .ytListItemViewModelSubtitle {
  color: rgba(255, 255, 255, 0.7)
}
.ytListItemViewModelIsOverlay .ytListItemViewModelAccessory {
  color: #fff
}
.ytCheckboxShapeHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 48px;
  width: 100%;
  color: #030303;
  position: relative
}
.ytCheckboxShapeHostCompact {
  min-height: 40px
}
.ytCheckboxShapeInput {
  position: absolute;
  margin: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: .000001;
  z-index: 1;
  height: 24px;
  width: 24px
}
.ytCheckboxShapeLabel {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: inline-block;
  position: relative;
  padding-right: 12px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.ytCheckboxShapeDisableHorizontalPadding .ytCheckboxShapeLabel {
  padding-right: 0
}
.ytCheckboxShapeCheckboxDefaultStyle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0 12px
}
input:checked~.ytCheckboxShapeCheckbox>:first-child {
  display: none
}
input:not(:checked)~.ytCheckboxShapeCheckbox>:last-child {
  display: none
}
.ytSwitchListItemViewModelHost {
  display: block
}
.toggleableListItemViewModelHost {
  display: block
}
.ytListViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
@media (max-width:299.9px) {
  .ytListViewModelHostKaiosSpatNav {
    padding: 3px
  }
}
.ytDownloadListItemViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.YtmCompactMediaItemHost {
  padding: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.YtmCompactMediaItemHost[data-has-subscribe-button=true] .YtmCompactMediaItemMetadata {
  padding: 0;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
  align-items: normal;
  margin: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.YtmCompactMediaItemHost[data-has-subscribe-button=true] .YtmCompactMediaItemMetadata ytm-menu-renderer {
  height: 100%
}
.YtmCompactMediaItemHost[data-has-subscribe-button=true] .YtmCompactMediaItemContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.YtmCompactMediaItemHost[data-has-subscribe-button=true] .video-thumbnail-img {
  width: 67px;
  height: 67px;
  min-height: 0;
  border-radius: 50%
}
.YtmCompactMediaItemHost[data-has-subscribe-button=true] .channel-subscribe-button {
  padding: 0 0 0 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: 0 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: 0;
  padding-right: 0
}
.YtmCompactMediaItemImage {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.YtmCompactMediaItemImage.stacked {
  position: relative;
  margin-top: 6px
}
.YtmCompactMediaItemMetadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0;
  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 0
  }
  .YtmCompactMediaItemMetadata[data-has-badges=true] .YtmCompactMediaItemHeadline {
    display: -webkit-box;
    white-space: normal
  }
}
.YtmCompactMediaItemMetadataContent {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0;
  overflow: hidden;
  padding: 0 8px
}
.YtmCompactMediaItemMetadataContent.stacked {
  margin-top: 8px
}
@media (max-width:299px) and (orientation:landscape), (max-width:299px) and (orientation:portrait) {
  .YtmCompactMediaItemMetadataContent {
    padding: 0
  }
}
.YtmCompactMediaItemHeadlinePlaceholder {
  height: 16px;
  max-width: 300px;
  margin-bottom: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px
}
.YtmCompactMediaItemSubhead {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 2.5em;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.25;
  text-overflow: ellipsis;
  font-weight: 400;
  opacity: .6
}
.YtmCompactMediaItemSubheadPlaceholder {
  height: 16px;
  width: 120px;
  margin-bottom: 3px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px
}
.YtmCompactMediaItemHeadline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 2.5em;
  -webkit-line-clamp: 2;
  line-height: 1.25;
  text-overflow: ellipsis;
  font-weight: 400;
  margin: 0 0 3px;
  font-size: 1.3rem;
  overflow: hidden;
  margin: 0;
  font-size: 1.4rem
}
.YtmCompactMediaItemHeadline .ytm-channel-name {
  font-size: 1.4rem
}
@media (max-width:549px) and (orientation:portrait), (max-width:930px) and (orientation:landscape) {
  .YtmCompactMediaItemHeadline {
    max-height: 3.75em;
    -webkit-line-clamp: 3
  }
}
.YtmCompactMediaItemByline {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.2rem
}
.YtmCompactMediaItemStats {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.2rem
}
.YtmCompactMediaItemStats~.YtmCompactMediaItemStats:before {
  content: " · "
}
.YtmCompactMediaItemDescription {
  margin: 8px 0;
  padding: 0;
  font-size: 1.2rem
}
.YtmCompactMediaItemMenu {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  color: #030303
}
.formatted-string-deemphasize {
  color: #606060
}
.formatted-string-bold {
  font-weight: 500
}
.ytSpecTouchFeedbackShapeHost {
  display: inline-block;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.ytSpecTouchFeedbackShapeTriggerEvents {
  pointer-events: none
}
.ytSpecTouchFeedbackShapeHoverEffect {
  -webkit-transition: all .3s cubic-bezier(.05, 0, 0, 1);
  transition: all .3s cubic-bezier(.05, 0, 0, 1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  -webkit-transform: scale(.9);
  transform: scale(.9);
  will-change: opacity, transform;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.ytSpecTouchFeedbackShapeHovered .ytSpecTouchFeedbackShapeHoverEffect {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.ytSpecTouchFeedbackShapeFill, .ytSpecTouchFeedbackShapeStroke {
  will-change: opacity;
  opacity: 0;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.ytSpecTouchFeedbackShapeDown .ytSpecTouchFeedbackShapeFill, .ytSpecTouchFeedbackShapeFocused .ytSpecTouchFeedbackShapeFill {
  opacity: .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: #000
}
.ytSpecTouchFeedbackShapeTouchResponse .ytSpecTouchFeedbackShapeStroke {
  border: 1px solid #000
}
.ytSpecTouchFeedbackShapeTouchResponseInverse .ytSpecTouchFeedbackShapeFill {
  background-color: #fff
}
.ytSpecTouchFeedbackShapeTouchResponseInverse .ytSpecTouchFeedbackShapeStroke {
  border: 1px solid #fff
}
.ytSpecTouchFeedbackShapeTouchResponseInverse.ytSpecTouchFeedbackShapeDown .ytSpecTouchFeedbackShapeFill, .ytSpecTouchFeedbackShapeTouchResponseInverse.ytSpecTouchFeedbackShapeFocused .ytSpecTouchFeedbackShapeFill {
  opacity: .2
}
.ytSpecTouchFeedbackShapeOverlayTouchResponse .ytSpecTouchFeedbackShapeFill {
  background-color: #fff
}
.ytSpecTouchFeedbackShapeOverlayTouchResponse .ytSpecTouchFeedbackShapeStroke {
  border: 1px solid #fff
}
.ytSpecTouchFeedbackShapeOverlayTouchResponseInverse .ytSpecTouchFeedbackShapeFill {
  background-color: #000
}
.ytSpecTouchFeedbackShapeOverlayTouchResponseInverse .ytSpecTouchFeedbackShapeStroke {
  border: 1px solid #000
}
@-webkit-keyframes popover-fade-in {
  0% {
    opacity: 0
  }
}
@keyframes popover-fade-in {
  0% {
    opacity: 0
  }
}
@-webkit-keyframes popover-fade-out {
  to {
    opacity: 0
  }
}
@keyframes popover-fade-out {
  to {
    opacity: 0
  }
}
.ytPopoverComponentHost {
  margin: 0;
  position: absolute
}
.ytPopoverComponentHost.\:popover-open, .ytPopoverComponentHost:popover-open {
  -webkit-animation: popover-fade-in .15s ease-in;
  animation: popover-fade-in .15s ease-in
}
.ytPopoverComponentHostClosing.\:popover-open, .ytPopoverComponentHostClosing:popover-open {
  -webkit-animation: popover-fade-out 75ms ease-out forwards;
  animation: popover-fade-out 75ms ease-out forwards
}
.ytTooltipContainerHost {
  display: block
}
.ytTooltipContainerDefaultTooltipContent {
  padding: 8px;
  border-style: none;
  border-radius: 4px;
  color: #fff;
  background-color: #606060;
  opacity: .9;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytTooltipContainerPlayerTooltipContent, .ytTooltipContainerPlayerTooltipContentBlurred {
  padding: 4px 8px;
  border-style: none;
  border-radius: 8px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  text-shadow: 0 2px 8px #000;
  opacity: .9;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytTooltipContainerPlayerTooltipContentBlurred {
  opacity: unset;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: rgba(0, 0, 0, 0.6)
}
.ytTooltipContainerEffectMakerTooltipContent {
  padding: 4px 8px;
  border-style: none;
  border-radius: 4px;
  color: #fff;
  background-color: #0f0f0f;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytTooltipContainerHotkey {
  display: inline;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  padding: 0 6px;
  margin-left: 8px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
:root {
  --yt-light-rim-color: unset;
  --yt-light-wash-opacity: 0;
  --yt-light-wash-x: 0;
  --yt-light-wash-y: 0;
  --yt-light-wash-size: 96px;
  --yt-light-wash-color: rgba(255, 255, 255, 0.3)
}
.contribYtLightShapeHost {
  display: block;
  overflow: hidden;
  border-radius: inherit;
  position: absolute;
  inset: 0;
  pointer-events: none
}
.contribYtLightShapeStaticRimLight:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: .5px;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none
}
.contribYtLightShapeStaticRimLightSolid:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--yt-light-rim-color, rgba(255, 255, 255, 0.2))), color-stop(75%, transparent));
  background: -webkit-linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.2)), transparent 75%);
  background: linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.2)), transparent 75%)
}
.contribYtLightShapeStaticRimLightTonal:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--yt-light-rim-color, rgba(0, 0, 0, 0.05))), color-stop(75%, transparent));
  background: -webkit-linear-gradient(var(--yt-light-rim-color, rgba(0, 0, 0, 0.05)), transparent 75%);
  background: linear-gradient(var(--yt-light-rim-color, rgba(0, 0, 0, 0.05)), transparent 75%)
}
.contribYtLightShapeStaticRimLightOutline {
  inset: -1px
}
.contribYtLightShapeStaticRimLightOutline:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--yt-light-rim-color, rgba(255, 255, 255, 0.3))), color-stop(75%, transparent));
  background: -webkit-linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.3)), transparent 75%);
  background: linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.3)), transparent 75%)
}
.contribYtLightShapeStaticRimLightSolidInverse:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--yt-light-rim-color, rgba(255, 255, 255, 0.2))), color-stop(75%, transparent));
  background: -webkit-linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.2)), transparent 75%);
  background: linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.2)), transparent 75%)
}
.contribYtLightShapeStaticRimLightTonalInverse:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15))), color-stop(75%, transparent));
  background: -webkit-linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15)), transparent 75%);
  background: linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15)), transparent 75%)
}
.contribYtLightShapeStaticRimLightOutlineInverse {
  inset: -1px
}
.contribYtLightShapeStaticRimLightOutlineInverse:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15))), color-stop(75%, transparent));
  background: -webkit-linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15)), transparent 75%);
  background: linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15)), transparent 75%)
}
.contribYtLightShapeStaticRimLightOverlaySolid:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--yt-light-rim-color, rgba(255, 255, 255, 0.2))), color-stop(75%, transparent));
  background: -webkit-linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.2)), transparent 75%);
  background: linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.2)), transparent 75%)
}
.contribYtLightShapeStaticRimLightOverlayTonal:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15))), color-stop(75%, transparent));
  background: -webkit-linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15)), transparent 75%);
  background: linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15)), transparent 75%)
}
.contribYtLightShapeStaticRimLightOverlayOutline {
  inset: -1px
}
.contribYtLightShapeStaticRimLightOverlayOutline:before {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15))), color-stop(75%, transparent));
  background: -webkit-linear-gradient(var(--yt-light-rim-color, rgba(255, 255, 255, 0.15)), transparent 75%);
  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: 0;
  border-radius: inherit;
  -webkit-filter: blur(10px);
  filter: blur(10px)
}
.contribYtLightShapeStaticWashLightSafari {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}
.contribYtLightShapeStaticWashLightSolid {
  background: rgba(255, 255, 255, 0.15)
}
.contribYtLightShapeStaticWashLightTonal {
  background: rgba(255, 255, 255, 0.2)
}
.contribYtLightShapeStaticWashLightSolidInverse {
  background: rgba(255, 255, 255, 0.3)
}
.contribYtLightShapeStaticWashLightTonalInverse {
  background: rgba(255, 255, 255, 0.05)
}
.contribYtLightShapeStaticWashLightOverlaySolid {
  background: #fff
}
.contribYtLightShapeStaticWashLightOverlayTonal {
  background: rgba(255, 255, 255, 0.15)
}
.contribYtLightShapeDynamicWashLight {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) translate(var(--yt-light-wash-x, 0), var(--yt-light-wash-y, 0));
  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: -webkit-radial-gradient(center, circle farthest-corner, rgba(255, 255, 255, .2) 0, transparent 100%);
  background: radial-gradient(circle farthest-corner at center, rgba(255, 255, 255, .2) 0, transparent 100%);
  pointer-events: none;
  -webkit-filter: blur(15px);
  filter: blur(15px)
}
.ytLightTouchFeedbackShapeHost {
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: auto;
  contain: layout style paint;
  -webkit-user-select: none;
  user-select: none
}
.ytLightTouchFeedbackShapeHoverOverlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0
}
@media (prefers-reduced-motion:no-preference) {
  .ytLightTouchFeedbackShapeHoverOverlay {
    -webkit-transition: opacity .45s cubic-bezier(.25, 1, .8, 1);
    transition: opacity .45s cubic-bezier(.25, 1, .8, 1)
  }
}
.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay {
  -webkit-transition-duration: 40ms;
  transition-duration: 40ms
}
.ytLightTouchFeedbackShapeHoverOverlayDefault .ytLightTouchFeedbackShapeHoverOverlay {
  background-color: #fff
}
.ytLightTouchFeedbackShapeHoverOverlayDefault:hover .ytLightTouchFeedbackShapeHoverOverlay {
  opacity: .05
}
.ytLightTouchFeedbackShapeHoverOverlayDefault.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay {
  opacity: .1
}
:root[dark] .ytLightTouchFeedbackShapeHoverOverlayDefault .ytLightTouchFeedbackShapeHoverOverlay {
  background-color: #000
}
:root[dark] .ytLightTouchFeedbackShapeHoverOverlayDefault:hover .ytLightTouchFeedbackShapeHoverOverlay {
  opacity: .2
}
:root[dark] .ytLightTouchFeedbackShapeHoverOverlayDefault.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay {
  opacity: .3
}
.ytLightTouchFeedbackShapeHoverOverlayInverse .ytLightTouchFeedbackShapeHoverOverlay {
  background-color: #000
}
.ytLightTouchFeedbackShapeHoverOverlayInverse:hover .ytLightTouchFeedbackShapeHoverOverlay {
  opacity: .2
}
.ytLightTouchFeedbackShapeHoverOverlayInverse.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay {
  opacity: .3
}
:root[dark] .ytLightTouchFeedbackShapeHoverOverlayInverse .ytLightTouchFeedbackShapeHoverOverlay {
  background-color: #fff
}
:root[dark] .ytLightTouchFeedbackShapeHoverOverlayInverse:hover .ytLightTouchFeedbackShapeHoverOverlay {
  opacity: .05
}
:root[dark] .ytLightTouchFeedbackShapeHoverOverlayInverse.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverOverlay {
  opacity: .1
}
.ytLightTouchFeedbackShapeTouchLight {
  position: absolute;
  width: 0;
  height: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: blur(24px);
  filter: blur(24px);
  opacity: 0;
  pointer-events: none;
  background: -webkit-radial-gradient(circle, #fff 0, rgba(255, 255, 255, .6) 35%, rgba(255, 255, 255, .15) 70%, transparent 100%);
  background: radial-gradient(circle, #fff 0, rgba(255, 255, 255, .6) 35%, rgba(255, 255, 255, .15) 70%, transparent 100%);
  border-radius: 50%
}
.ytLightTouchFeedbackShapeHoverLight {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-filter: blur(32px);
  filter: blur(32px);
  opacity: 0;
  pointer-events: none;
  background: -webkit-radial-gradient(circle, #fff 0, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .15) 80%, rgba(255, 255, 255, 0) 100%);
  background: radial-gradient(circle, #fff 0, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .15) 80%, rgba(255, 255, 255, 0) 100%);
  border-radius: 50%
}
@media (prefers-reduced-motion:no-preference) {
  .ytLightTouchFeedbackShapeHoverLight {
    -webkit-transition: opacity .3s ease, width .15s cubic-bezier(.25, 1, .5, 1), height .15s cubic-bezier(.25, 1, .5, 1);
    transition: opacity .3s ease, width .15s cubic-bezier(.25, 1, .5, 1), height .15s cubic-bezier(.25, 1, .5, 1)
  }
}
.ytLightTouchFeedbackShapeHost:hover .ytLightTouchFeedbackShapeHoverLight {
  opacity: .2
}
.ytLightTouchFeedbackShapeHost.ytLightTouchFeedbackShapePressed .ytLightTouchFeedbackShapeHoverLight {
  opacity: .35;
  -webkit-transition-duration: .04s;
  transition-duration: .04s
}
.animatedRollingCharacterHost {
  display: inline
}
.animatedRollingNumberHost {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  overflow: hidden
}
.ytSpecButtonShapeNextHost {
  position: relative;
  margin: 0;
  white-space: nowrap;
  min-width: 0;
  text-transform: none;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  border: none;
  cursor: pointer;
  outline-width: 0;
  box-sizing: border-box;
  background: none;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-flex-basis: 0.000000001px;
  flex-basis: 0.000000001px;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: 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;
  -webkit-flex: none;
  flex: none
}
.ytSpecButtonShapeNextButtonTextContent {
  text-overflow: ellipsis;
  overflow: hidden
}
.ytSpecButtonShapeNextMiddlegroundAsset {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: round(up, 100%, 1px);
  height: 100%;
  overflow: hidden;
  pointer-events: none
}
.ytSpecButtonShapeNextFeaturePhoneWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytSpecButtonShapeNextSizeXs {
  padding: 0 8px
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextOutline {
  padding: 0 7px;
  border-width: 1px;
  border-style: solid
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextFocused {
  padding: 0 6px;
  border-width: 2px;
  border-style: solid
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextAlignByText {
  margin-left: -8px
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd {
  padding: 0 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: 0
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextAlignByText {
  margin-left: -4px
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextSegmentedStart {
  border-radius: 12px 0 0 12px;
  position: relative
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextSegmentedStart:after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 4px;
  height: 16px;
  width: 1px
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextSegmentedEnd {
  border-radius: 0 12px 12px 0
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextIconLeadingTrailingNoText .ytSpecButtonShapeNextIcon {
  margin-right: 0
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstageIconSize .ytSpecButtonShapeNextIcon {
  height: 12px;
  width: 12px
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding {
  padding: 0 8px
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline {
  padding: 0 7px;
  border-width: 1px;
  border-style: solid
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused {
  padding: 0 6px;
  border-width: 2px;
  border-style: solid
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextAlignByText {
  margin-left: -8px
}
.ytSpecButtonShapeNextSizeXs.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd {
  padding: 0 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: 0 12px
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextOutline {
  padding: 0 11px;
  border-width: 1px;
  border-style: solid
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextFocused {
  padding: 0 10px;
  border-width: 2px;
  border-style: solid
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextAlignByText {
  margin-left: -12px
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd {
  padding: 0 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: 0
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextAlignByText {
  margin-left: -8px
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextOverrideSmallSizeIcon .ytSpecButtonShapeNextIcon {
  height: 24px;
  width: 24px
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextSegmentedStart {
  border-radius: 16px 0 0 16px;
  position: relative
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextSegmentedStart:after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 8px;
  height: 16px;
  width: 1px
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextSegmentedEnd {
  border-radius: 0 16px 16px 0
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextIconLeadingTrailingNoText .ytSpecButtonShapeNextIcon {
  margin-right: 0
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstageIconSize:not(.ytSpecButtonShapeNextOverrideSmallSizeIcon) .ytSpecButtonShapeNextIcon {
  height: 18px;
  width: 18px
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding {
  padding: 0 12px
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline {
  padding: 0 11px;
  border-width: 1px;
  border-style: solid
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused {
  padding: 0 10px;
  border-width: 2px;
  border-style: solid
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextAlignByText {
  margin-left: -12px
}
.ytSpecButtonShapeNextSizeS.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd {
  padding: 0 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: 0 16px
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextOutline {
  padding: 0 15px;
  border-width: 1px;
  border-style: solid
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextFocused {
  padding: 0 14px;
  border-width: 2px;
  border-style: solid
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextAlignByText {
  margin-left: -16px
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd {
  padding: 0 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: 0
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextAlignByText {
  margin-left: -6px
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextSegmentedStart {
  border-radius: 18px 0 0 18px;
  position: relative
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextSegmentedStart:after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 6px;
  height: 24px;
  width: 1px
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextSegmentedEnd {
  border-radius: 0 18px 18px 0
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextIconLeadingTrailingNoText .ytSpecButtonShapeNextIcon {
  margin-right: 0
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstageIconSize.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd .ytSpecButtonShapeNextIcon, .ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstageIconSize:not(.ytSpecButtonShapeNextIconButton):not(.ytSpecButtonShapeNextIconOnlyDefault) .ytSpecButtonShapeNextIcon {
  height: 18px;
  width: 18px
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding {
  padding: 0 16px
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline {
  padding: 0 15px;
  border-width: 1px;
  border-style: solid
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused {
  padding: 0 14px;
  border-width: 2px;
  border-style: solid
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextAlignByText {
  margin-left: -16px
}
.ytSpecButtonShapeNextSizeM.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd {
  padding: 0 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
}
.ytSpecButtonShapeNextSizeL {
  padding: 0 24px
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextOutline {
  padding: 0 23px;
  border-width: 1px;
  border-style: solid
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextFocused {
  padding: 0 22px;
  border-width: 2px;
  border-style: solid
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextAlignByText {
  margin-left: -24px
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd {
  padding: 0 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: 0
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextAlignByText {
  margin-left: -12px
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextSegmentedStart {
  border-radius: 24px 0 0 24px;
  position: relative
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextSegmentedStart:after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 12px;
  height: 24px;
  width: 1px
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextSegmentedEnd {
  border-radius: 0 24px 24px 0
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextIconLeadingTrailingNoText .ytSpecButtonShapeNextIcon {
  margin-right: 0
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding {
  padding: 0 20px
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline {
  padding: 0 19px;
  border-width: 1px;
  border-style: solid
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused {
  padding: 0 18px;
  border-width: 2px;
  border-style: solid
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextAlignByText {
  margin-left: -20px
}
.ytSpecButtonShapeNextSizeL.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd {
  padding: 0 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: 0 32px
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextOutline {
  padding: 0 31px;
  border-width: 1px;
  border-style: solid
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextFocused {
  padding: 0 30px;
  border-width: 2px;
  border-style: solid
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextAlignByText {
  margin-left: -32px
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd {
  padding: 0 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: 0
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextAlignByText {
  margin-left: -16px
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextSegmentedStart {
  border-radius: 28px 0 0 28px;
  position: relative
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextSegmentedStart:after {
  content: "";
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  right: 0;
  top: 16px;
  height: 24px;
  width: 1px
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextSegmentedEnd {
  border-radius: 0 28px 28px 0
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextIconLeadingTrailingNoText .ytSpecButtonShapeNextIcon {
  margin-right: 0
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding {
  padding: 0 24px
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextOutline {
  padding: 0 23px;
  border-width: 1px;
  border-style: solid
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused {
  padding: 0 22px;
  border-width: 2px;
  border-style: solid
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextAlignByText {
  margin-left: -24px
}
.ytSpecButtonShapeNextSizeXl.ytSpecButtonShapeNextMainstagePadding.ytSpecButtonShapeNextIconButton.ytSpecButtonShapeNextSegmentedEnd {
  padding: 0 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;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 8rem;
  display: box;
  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: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0
}
.ytSpecButtonShapeNextIconOnlyDefault.ytSpecButtonShapeNextAlignByText {
  margin-left: -8px
}
.ytSpecButtonShapeNextWorkaroundIconNoBorderRadius {
  border-radius: unset
}
.ytSpecButtonShapeNextDisabled {
  cursor: default
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled {
  color: #fff
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled {
  /*! rtl:ignore */
  background: #065fd4
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #0556bf;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #065fd4
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #0556bf;
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFilled {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline {
  color: #065fd4
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline {
  border-color: rgba(0, 0, 0, 0.1)
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #def1ff;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: transparent;
    border-color: rgba(0, 0, 0, 0.1)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #def1ff;
    border-color: transparent
  }
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText {
  color: #065fd4
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #def1ff;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: transparent
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #def1ff;
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextText {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal {
  color: #065fd4
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal {
  /*! rtl:ignore */
  background: #def1ff
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #dadfe6;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #def1ff
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #dadfe6;
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextTonal {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused {
  color: #065fd4
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused {
  /*! rtl:ignore */
  background: unset;
  border-color: #065fd4
}
.ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #def1ff;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: unset;
    border-color: #065fd4
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #def1ff;
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextCallToAction.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText {
  color: #3ea6ff
}
.ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #263850;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: transparent
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #263850;
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextCallToActionInverse.ytSpecButtonShapeNextText {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled {
  color: #030303
}
.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled {
  /*! rtl:ignore */
  background: #3ea6ff
}
.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #65b8ff;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #3ea6ff
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #65b8ff;
    border-color: transparent
  }
}
.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused {
  color: #3ea6ff
}
.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused {
  /*! rtl:ignore */
  background: #000;
  border-color: #3ea6ff
}
.ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #65b8ff;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #000;
    border-color: #3ea6ff
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #65b8ff;
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextCallToActionOverlay.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled {
  color: #fff
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled {
  /*! rtl:ignore */
  background: #030303
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #272727;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #030303
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #272727;
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFilled {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline {
  color: #030303
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline {
  border-color: rgba(0, 0, 0, 0.1)
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: transparent;
    border-color: rgba(0, 0, 0, 0.1)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent
  }
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText {
  color: #030303
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: transparent
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextText {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal {
  color: #030303
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.05)
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.05)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextTonal {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused {
  color: #030303
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused {
  /*! rtl:ignore */
  background: unset;
  border-color: #030303
}
.ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: unset;
    border-color: #030303
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextMono.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled {
  color: #030303
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled {
  /*! rtl:ignore */
  background: #fff
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #d9d9d9;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #fff
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #d9d9d9;
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFilled {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline {
  color: #fff
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline {
  border-color: rgba(255, 255, 255, 0.2)
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: transparent;
    border-color: rgba(255, 255, 255, 0.2)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent
  }
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText {
  color: #fff
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: transparent
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextText {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal {
  color: #fff
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1)
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextTonal {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused {
  color: #fff
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused {
  /*! rtl:ignore */
  background: unset;
  border-color: #fff
}
.ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: unset;
    border-color: #fff
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextMonoInverse.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFilled {
  color: #000
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFilled {
  /*! rtl:ignore */
  background: #fff
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #e6e6e6;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #fff
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #e6e6e6;
    border-color: transparent
  }
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextOutline {
  color: #fff
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextOutline {
  border-color: rgba(255, 255, 255, 0.3)
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: transparent;
    border-color: rgba(255, 255, 255, 0.3)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent
  }
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextText {
  color: #fff
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextText:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: transparent
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextText:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent
  }
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal {
  color: #fff
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal .ytSpecButtonShapeNextIcon {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8))
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1)
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.1)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(255, 255, 255, 0.2);
    border-color: transparent
  }
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextTonal.ytSpecButtonShapeNextEnableBackdropFilterExperiment {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px)
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused {
  color: #fff
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused {
  /*! rtl:ignore */
  background: #000;
  border-color: #fff
}
.ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(255, 255, 255, 0.1);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #000;
    border-color: #fff
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlay.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    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: #000
}
.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFilled {
  /*! rtl:ignore */
  background: #fff
}
.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #e6e6e6;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #fff
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #e6e6e6;
    border-color: transparent
  }
}
.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal {
  color: #fff
}
.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal .ytSpecButtonShapeNextIcon {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8))
}
.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.3)
}
.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(40, 40, 40, 0.6);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.3)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(40, 40, 40, 0.6);
    border-color: transparent
  }
}
.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextTonal.ytSpecButtonShapeNextEnableBackdropFilterExperiment {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px)
}
.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused {
  color: #fff
}
.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused {
  /*! rtl:ignore */
  background: #000;
  border-color: rgba(0, 0, 0, 0.3)
}
.ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(40, 40, 40, 0.6);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #000;
    border-color: rgba(0, 0, 0, 0.3)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextOverlayDark.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    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: #fff
}
.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled {
  /*! rtl:ignore */
  background: -webkit-linear-gradient(45deg, #e1002d 30%, #e01378 85%);
  background: linear-gradient(45deg, #e1002d 30%, #e01378 85%)
}
.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: -webkit-linear-gradient(45deg, #e1002d 30%, #e01378 85%);
  background: linear-gradient(45deg, #e1002d 30%, #e01378 85%);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: -webkit-linear-gradient(45deg, #e1002d 30%, #e01378 85%);
    background: linear-gradient(45deg, #e1002d 30%, #e01378 85%)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: -webkit-linear-gradient(45deg, #e1002d 30%, #e01378 85%);
    background: linear-gradient(45deg, #e1002d 30%, #e01378 85%);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFilled {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused {
  color: #030303
}
.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused {
  /*! rtl:ignore */
  background: unset;
  border-color: #030303
}
.ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: unset;
    border-color: #030303
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextBrandGradient.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled {
  color: #fff
}
.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled {
  /*! rtl:ignore */
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #7f0e7f), color-stop(20%, #aa09aa), to(#ff4e45));
  background: -webkit-linear-gradient(left, #7f0e7f 0, #aa09aa 20%, #ff4e45 100%);
  background: linear-gradient(90deg, #7f0e7f 0, #aa09aa 20%, #ff4e45 100%)
}
.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #007a65), to(#7f0e7f));
  background: -webkit-linear-gradient(left, #007a65 0, #7f0e7f 100%);
  background: linear-gradient(90deg, #007a65 0, #7f0e7f 100%);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #7f0e7f), color-stop(20%, #aa09aa), to(#ff4e45));
    background: -webkit-linear-gradient(left, #7f0e7f 0, #aa09aa 20%, #ff4e45 100%);
    background: linear-gradient(90deg, #7f0e7f 0, #aa09aa 20%, #ff4e45 100%)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #007a65), to(#7f0e7f));
    background: -webkit-linear-gradient(left, #007a65 0, #7f0e7f 100%);
    background: linear-gradient(90deg, #007a65 0, #7f0e7f 100%);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFilled {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal {
  color: #030303
}
.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal {
  /*! rtl:ignore */
  background: -webkit-gradient(linear, left top, right top, from(rgba(127, 14, 127, 0.2)), color-stop(20%, rgba(170, 9, 170, 0.2)), to(rgba(255, 78, 69, 0.2)));
  background: -webkit-linear-gradient(left, rgba(127, 14, 127, 0.2) 0, rgba(170, 9, 170, 0.2) 20%, rgba(255, 78, 69, 0.2) 100%);
  background: linear-gradient(90deg, rgba(127, 14, 127, 0.2) 0, rgba(170, 9, 170, 0.2) 20%, rgba(255, 78, 69, 0.2) 100%)
}
.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 122, 101, 0.2)), to(rgba(127, 14, 127, 0.2)));
  background: -webkit-linear-gradient(left, rgba(0, 122, 101, 0.2) 0, rgba(127, 14, 127, 0.2) 100%);
  background: linear-gradient(90deg, rgba(0, 122, 101, 0.2) 0, rgba(127, 14, 127, 0.2) 100%);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: -webkit-gradient(linear, left top, right top, from(rgba(127, 14, 127, 0.2)), color-stop(20%, rgba(170, 9, 170, 0.2)), to(rgba(255, 78, 69, 0.2)));
    background: -webkit-linear-gradient(left, rgba(127, 14, 127, 0.2) 0, rgba(170, 9, 170, 0.2) 20%, rgba(255, 78, 69, 0.2) 100%);
    background: linear-gradient(90deg, rgba(127, 14, 127, 0.2) 0, rgba(170, 9, 170, 0.2) 20%, rgba(255, 78, 69, 0.2) 100%)
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 122, 101, 0.2)), to(rgba(127, 14, 127, 0.2)));
    background: -webkit-linear-gradient(left, rgba(0, 122, 101, 0.2) 0, rgba(127, 14, 127, 0.2) 100%);
    background: linear-gradient(90deg, rgba(0, 122, 101, 0.2) 0, rgba(127, 14, 127, 0.2) 100%);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextTonal {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused {
  color: #030303
}
.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused {
  /*! rtl:ignore */
  background: unset;
  border-color: #030303
}
.ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.1);
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: unset;
    border-color: #030303
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: rgba(0, 0, 0, 0.1);
    border-color: transparent
  }
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextGenAiGradient.ytSpecButtonShapeNextFocused {
    border-width: 2px;
    border-style: solid
  }
}
.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextFilled {
  color: #909090
}
.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextFilled {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.05)
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextFilled {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextOutline {
  color: #909090
}
.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextOutline {
  border-color: rgba(0, 0, 0, 0.1)
}
.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextText {
  color: #909090
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextText {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextTonal {
  color: #909090
}
.ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextTonal {
  /*! rtl:ignore */
  background: rgba(0, 0, 0, 0.05)
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSpecButtonShapeNextDisabled.ytSpecButtonShapeNextTonal {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline {
  /*! rtl:ignore */
  background: #fff;
  border-color: transparent;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1), 0 2px 8px 0 rgba(0, 0, 0, 0.1)
}
.ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
  /*! rtl:ignore */
  background: #272727;
  border-color: transparent
}
@media (hover:none) {
  .ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline:hover:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #fff;
    border-color: transparent
  }
}
@media (hover:none) {
  .ytSpecButtonShapeNextRaised.ytSpecButtonShapeNextOutline:active:not(.ytSpecButtonShapeNextEnableLightTouchResponse) {
    /*! rtl:ignore */
    background: #272727;
    border-color: transparent
  }
}
.ytSpecButtonShapeWithLabelHost {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center
}
.ytSpecButtonShapeWithLabelLabel {
  margin: 4px -8px 0;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  display: box;
  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: #fff
}
.ytSpecButtonViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytBadgeViewModelHost {
  display: inline-block
}
.ytBrNzBadgeShapeHost {
  display: block
}
.ytBrNzBadgeShapeBadgeStyleTypeNzRatingRedSquare {
  background: #f03936;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 0;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytBrNzBadgeShapeBadgeStyleTypeNzRatingYellowCircle {
  background: #ffef00;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 50%;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytBrNzBadgeShapeBadgeStyleTypeNzRatingGreenCircle {
  background: #42c758;
  height: 2.2rem;
  width: 2.2rem;
  border-radius: 50%;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytSectionHeaderViewModelHost {
  display: block
}
.ytSectionHeaderViewModelBadgeWithLabel {
  display: inline-block;
  -webkit-margin-end: 8px;
  margin-inline-end: 8px
}
.ytSectionHeaderViewModelBadges:not(:last-child) {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px
}
.ytSectionHeaderViewModelTrailingActionsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytSectionHeaderViewModelTrailingActionsContainer>:not(:last-child) {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px
}
.ytSectionHeaderViewModelChevronsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytSectionHeaderViewModelChevron:not(:last-child) {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px
}
.ytRadioButtonGroupViewModelHost {
  display: block
}
.ytRadioButtonGroupViewModelFieldset {
  border: none;
  padding: 0;
  margin: 0
}
.ytRadioButtonGroupViewModelError {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #c30027
}
.ytSelectableItemViewModelHost {
  cursor: pointer;
  display: block
}
.ytSelectableItemViewModelContainer {
  padding-bottom: 20px
}
.ytSelectableItemViewModelNativeContainer {
  position: relative
}
.ytSelectableItemViewModelNativeRadioButton {
  height: 0;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 0
}
.ytSelectableItemViewModelNativeLabel {
  cursor: pointer
}
.ytSelectableItemViewModelDisabled {
  cursor: default
}
.ytCardViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytCardViewModelOutline {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1)
}
.ytCardViewModelRaised {
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  outline-style: solid;
  outline-color: transparent;
  -webkit-transition: box-shadow .18s cubic-bezier(.05, 0, 0, 1), outline-color .18s cubic-bezier(.05, 0, 0, 1), outline-width .18s cubic-bezier(.05, 0, 0, 1);
  transition: box-shadow .18s cubic-bezier(.05, 0, 0, 1), outline-color .18s cubic-bezier(.05, 0, 0, 1), outline-width .18s cubic-bezier(.05, 0, 0, 1)
}
.ytCardViewModelCardSelected {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  outline: #030303 solid 2px;
  -webkit-transition: box-shadow .18s cubic-bezier(.05, 0, 0, 1), outline-color .18s cubic-bezier(.05, 0, 0, 1), outline-width .18s cubic-bezier(.05, 0, 0, 1);
  transition: box-shadow .18s cubic-bezier(.05, 0, 0, 1), outline-color .18s cubic-bezier(.05, 0, 0, 1), outline-width .18s cubic-bezier(.05, 0, 0, 1)
}
.ytCardViewModelTonal {
  background-color: rgba(0, 0, 0, 0.05)
}
.ytCardViewModelInverted {
  background-color: #0f0f0f
}
.ytCardViewModelContentWrapper {
  position: relative;
  width: 100%
}
.ytCardViewModelTopContentContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%
}
.ytCardViewModelTopContent {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1
}
.ytCardViewModelInlineTrailingAction {
  -webkit-align-self: flex-start;
  align-self: flex-start
}
.ytCardViewModelInlineCenterTrailingAction {
  -webkit-align-self: center;
  align-self: center
}
.ytCardViewModelInlineTrailingActionMargin {
  margin: 6px
}
.ytCardViewModelOverlayTrailingAction {
  position: absolute;
  right: 12px;
  top: 12px
}
.ytCardViewModelCardViewModelInner {
  border-radius: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytCardViewModelSelected {
  box-shadow: inset 0 0 0 2px #030303
}
.ytCardViewModelBottomContentPadding, .ytCardViewModelTopContentPadding {
  padding: 12px
}
.ytCardViewModelClickable {
  cursor: pointer
}
.ytCardViewModelDisabledOverlay {
  background-color: rgba(255, 255, 255, 0.7);
  inset: 0;
  position: absolute
}
.ytCardViewModelBackgroundWrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.ytCardViewModelBackground {
  width: 100%;
  height: 100%;
  object-fit: fill
}
.ytCheckboxGroupViewModelHost {
  display: block
}
.ytCheckboxGroupViewModelFieldset {
  border: none;
  padding: 0;
  margin: 0
}
.ytCheckboxItemViewModelHost {
  display: block
}
.ytPanelFooterViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 12px
}
.ytPanelFooterViewModelHideDivider {
  border-top: none
}
.ytPanelFooterViewModelDisablePadding {
  padding: 12px 0 0
}
.ytPanelFooterViewModelDisablePadding.ytPanelFooterViewModelHideDivider {
  padding-top: 0
}
.ytPanelFooterViewModelRowBottomPadding {
  padding-bottom: 12px
}
.ytPanelFooterViewModelTextPadding {
  padding-right: 24px
}
.ytPanelFooterViewModelTextRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytPanelFooterViewModelButtonStack {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytPanelFooterViewModelButtonStackTopButton {
  margin: 0 0 8px
}
.ytPanelFooterViewModelButtonRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytPanelFooterViewModelButtonRowTrailing {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.ytPanelFooterViewModelButtonRowLeftButton {
  margin-right: 8px
}
.ytPanelFooterViewModelButtonRowFullWidth {
  width: 100%
}
.ytPanelFooterViewModelButtonRowExpand {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytPanelFooterViewModelButtonRowShrink {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  flex: 0
}
.ytPanelFooterViewModelButtonRowHidden {
  display: none
}
.ytSpecIconShapeHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%
}
.ytSpinnerShapeWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytSpinnerShapeSpinner {
  display: block;
  box-sizing: border-box;
  margin: 12px auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #eee;
  border-top-color: #666;
  -webkit-animation: spinner .8s linear infinite;
  animation: spinner .8s linear infinite
}
.ytSpinnerShapeSpinner:not([hidden]) {
  color: #333;
  font-size: 1.6rem
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn)
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}
.ytLottieComponentHost {
  display: block
}
.ytLottieComponentHost svg {
  display: block
}
.ytAnimatedIconHost {
  display: block
}
.ytAnimatedIconHost .animated-like-icon, .ytAnimatedIconHost .custom-animated-like-icon {
  height: 24px;
  width: 24px;
  margin: 0
}
.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;
  -webkit-transform: translate(-12px, -12px);
  transform: translate(-12px, -12px);
  height: 48px;
  width: 48px
}
.ytAnimatedIconHost .animated-subscribe-icon {
  -webkit-transform: translate(-12px, -12px);
  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 {
  -webkit-transform: translate(-9px, -9px);
  transform: translate(-9px, -9px);
  height: 36px;
  width: 36px
}
.ytAnimatedIconHost[data-size="18"] .animated-subscribe-icon {
  -webkit-transform: translate(-9px, -9px);
  transform: translate(-9px, -9px);
  height: 36px;
  width: 36px
}
.ytHorizontalSliderViewModelHost {
  display: block
}
.ytSliderShapeHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 16px 12px
}
.ytSliderShapeHostIncrementButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 48px;
  width: 48px;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  position: relative
}
.ytSliderShapeHostIncrementButtonIconWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
  height: 24px;
  width: 24px
}
.ytSliderShapeHostIncrementButtonIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #030303;
  height: 16px;
  width: 16px
}
.ytSliderShapeHostIncrementButton:disabled {
  cursor: default;
  color: #909090
}
.ytSliderShapeHostSlider {
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  font: inherit;
  color: #030303;
  appearance: none;
  -webkit-appearance: none;
  margin: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: transparent;
  outline: none;
  padding-bottom: 0;
  --yt-slider-shape-gradient-percent: 0;
  width: 100%;
  height: 24px
}
.ytSliderShapeHostSlider::-webkit-slider-runnable-track {
  background: -webkit-gradient(linear, left top, right top, from(#030303), color-stop(#030303), color-stop(#909090), to(#909090));
  background: -webkit-linear-gradient(left, #030303 0, #030303 var(--yt-slider-shape-gradient-percent), #909090 var(--yt-slider-shape-gradient-percent), #909090 100%);
  background: linear-gradient(to right, #030303 0, #030303 var(--yt-slider-shape-gradient-percent), #909090 var(--yt-slider-shape-gradient-percent), #909090 100%);
  height: 4px;
  border-radius: 12px
}
.ytSliderShapeHostSlider::-moz-range-track {
  background: linear-gradient(to right, #030303 0, #030303 var(--yt-slider-shape-gradient-percent), #909090 var(--yt-slider-shape-gradient-percent), #909090 100%);
  height: 4px;
  border-radius: 12px
}
.ytSliderShapeHostSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-top: -6px
}
.ytSliderShapeHostSlider::-moz-range-thumb {
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px
}
.ytSliderShapeHostSlider::-ms-thumb {
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px
}
.ytSliderShapeVertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin: 0;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  direction: rtl
}
.ytSliderShapeVerticalSlider {
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  font: inherit;
  color: #030303;
  appearance: none;
  -webkit-appearance: none;
  margin: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: transparent;
  outline: none;
  padding-bottom: 0;
  --yt-slider-shape-gradient-percent: 0;
  height: 100%;
  width: 24px
}
.ytSliderShapeVerticalSlider::-webkit-slider-runnable-track {
  background: -webkit-gradient(linear, left bottom, left top, from(#030303), color-stop(#030303), color-stop(#909090), to(#909090));
  background: -webkit-linear-gradient(bottom, #030303 0, #030303 var(--yt-slider-shape-gradient-percent), #909090 var(--yt-slider-shape-gradient-percent), #909090 100%);
  background: linear-gradient(to top, #030303 0, #030303 var(--yt-slider-shape-gradient-percent), #909090 var(--yt-slider-shape-gradient-percent), #909090 100%);
  width: 4px;
  border-radius: 12px
}
.ytSliderShapeVerticalSlider::-moz-range-track {
  background: linear-gradient(to top, #030303 0, #030303 var(--yt-slider-shape-gradient-percent), #909090 var(--yt-slider-shape-gradient-percent), #909090 100%);
  width: 4px;
  border-radius: 12px
}
.ytSliderShapeVerticalSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-right: -6px
}
.ytSliderShapeVerticalSlider::-moz-range-thumb {
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px
}
.ytSliderShapeVerticalSlider::-ms-thumb {
  background: #030303;
  width: 16px;
  height: 16px;
  border-radius: 8px
}
@media (forced-colors:active) {
  .ytSliderShapeHostSlider {
    appearance: auto;
    -webkit-appearance: auto
  }
}
.ytPanelHeaderViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 10px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  min-height: 48px;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.ytPanelHeaderViewModelHostHideDivider {
  border-bottom: none
}
.ytPanelHeaderViewModelHostCompact {
  padding: 8px 12px
}
.ytPanelHeaderViewModelTitleWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytPanelHeaderViewModelTitleHeader {
  margin: 0
}
.ytPanelHeaderViewModelTitleHeaderNonInteractive {
  pointer-events: none
}
.ytPanelHeaderViewModelTitle {
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 2.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytPanelHeaderViewModelTitle {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytPanelHeaderViewModelTitle {
  max-height: 2.6rem
}
.ytPanelHeaderViewModelSubtitle {
  margin-top: 2px;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytPanelHeaderViewModelSubtitle {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytPanelHeaderViewModelSubtitle {
  max-height: 1.8rem
}
.ytPanelHeaderViewModelTrailingButtons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: 12px
}
.ytPanelHeaderViewModelButton:not(:last-child) {
  padding-right: 24px
}
.ytPanelHeaderViewModelButtonOrAnchor {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  outline: none
}
.ytPanelHeaderViewModelButtonOrAnchorFocused {
  outline: 2px solid currentColor
}
.ytSheetViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytSheetViewModelContextual {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 12px;
  box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden
}
.ytSheetViewModelPaddedContent {
  padding: 16px 0
}
.ytSheetViewModelDisableBackdropFilter {
  -webkit-backdrop-filter: none;
  backdrop-filter: none
}
.ytSpecBottomSheetLayoutHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  min-height: 0
}
.ytSpecBottomSheetLayoutContainer {
  border-radius: 12px;
  background-color: #fff;
  display: block;
  overflow: hidden;
  position: fixed;
  margin: 0 8px 24px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100
}
@media (min-aspect-ratio:13/9) and (orientation:landscape) and (min-width:416px), (min-width:931px) and (orientation:landscape) and (min-width:416px) {
  .ytSpecBottomSheetLayoutContainer {
    width: 400px;
    margin: 0 auto 24px auto
  }
}
.ytSpecBottomSheetLayoutHeaderWrapper {
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  border-bottom: 1px solid #fff;
  cursor: -webkit-grab;
  cursor: grab
}
.ytSpecBottomSheetLayoutHeaderWrapperIsDragging {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
.ytSpecBottomSheetLayoutHeaderWrapperBottomBorder {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.ytSpecBottomSheetLayoutDragLine {
  background: #030303;
  opacity: .15;
  border-radius: 4px;
  height: 4px;
  margin: 0 auto;
  width: 40px;
  margin-top: 8px
}
.ytSpecBottomSheetLayoutHeader {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 8px
}
.ytSpecBottomSheetLayoutHeaderWithTitle {
  margin-bottom: 7px
}
.ytSpecBottomSheetLayoutTitleWrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-left: 12px
}
.ytSpecBottomSheetLayoutTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  color: #030303;
  max-height: 20px;
  margin: 0
}
.ytSpecBottomSheetLayoutSubtitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #606060;
  margin-bottom: 0;
  margin-top: 4px;
  max-height: 16px
}
.ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 2.8rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutTitle {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
@media (max-width:527.9px) {
  .ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutTitle {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
    overflow: hidden;
    display: block;
    max-height: 2.6rem;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal
  }
  @supports (-webkit-line-clamp:1) {
    .ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutTitle {
      -webkit-line-clamp: 1;
      max-height: none
    }
  }
}
.ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutTitle {
  max-height: 2.8rem
}
@media (max-width:527.9px) {
  .ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutTitle {
    max-height: 2.6rem
  }
}
.ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutSubtitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutSubtitle {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytSpecBottomSheetLayoutModern .ytSpecBottomSheetLayoutSubtitle {
  max-height: 1.8rem
}
.ytSpecBottomSheetLayoutActionHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #030303;
  margin: 0 12px
}
.ytSpecBottomSheetLayoutContentWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll
}
.ytSpecBottomSheetLayoutBottomSheetContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  color: #030303
}
.ytSpecBottomSheetLayoutFooterWrapper {
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0
}
.ytSpecBottomSheetLayoutFooterButtonWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin: 12px 0
}
.ytSpecBottomSheetLayoutFooterButtonWrapperLandscapeButtonWrapper {
  margin: 6px 0
}
.ytSpecBottomSheetLayoutSecondaryButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-right: 8px;
  margin-left: 12px
}
.ytSpecBottomSheetLayoutSecondaryButtonTrailingPair {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.ytSpecBottomSheetLayoutSecondaryButtonSplitPair {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytSpecBottomSheetLayoutSecondaryButtonPrimarySplitPair {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytSpecBottomSheetLayoutPrimaryButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytSpecBottomSheetLayoutPrimaryButtonDefault {
  margin: 0 12px;
  width: 100%
}
.ytSpecBottomSheetLayoutPrimaryButtonTrailingPair {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-right: 12px
}
.ytSpecBottomSheetLayoutPrimaryButtonPrimarySplitPair, .ytSpecBottomSheetLayoutPrimaryButtonSplitPair {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-right: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytSpecBottomSheetLayoutFooterLabelWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 12px;
  height: 30px
}
.ytSpecBottomSheetLayoutFooterLabelWrapperWithoutButtons {
  margin-bottom: 12px
}
.ytSpecBottomSheetLayoutLeadingLabel, .ytSpecBottomSheetLayoutTrailingLabel {
  margin-top: 12px;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytContextualSheetLayoutHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  height: 100%;
  min-width: 128px;
  max-width: 400px;
  width: 100%;
  max-height: calc(100vh - 48px);
  min-height: 0
}
.ytContextualSheetLayoutHostOldMinWidth {
  min-width: 256px
}
.ytContextualSheetLayoutAddPadding {
  padding-bottom: 8px
}
.ytContextualSheetLayoutHeaderContainer {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  flex: 0
}
.ytContextualSheetLayoutContentContainer {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin
}
.ytContextualSheetLayoutContentContainer::-webkit-scrollbar {
  background: transparent;
  width: 16px
}
.ytContextualSheetLayoutContentContainer::-webkit-scrollbar-thumb {
  height: 56px;
  border-radius: 8px;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: transparent
}
.ytContextualSheetLayoutContentContainer:hover {
  scrollbar-color: #909090 transparent
}
.ytContextualSheetLayoutContentContainer:hover::-webkit-scrollbar-thumb {
  background-color: #909090
}
.ytContextualSheetLayoutFooterContainer {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
  flex: 0
}
.ytwVariableSpeedControllerViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin: 12px
}
.ytwVariableSpeedControllerViewModelSpeedIndicatorContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  margin: auto
}
.ytwVariableSpeedControllerViewModelPlaybackSpeedDisplay {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-self: center;
  align-self: center;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: 900
}
@media (max-width:527.9px) {
  .ytwVariableSpeedControllerViewModelPlaybackSpeedDisplay {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 900
  }
}
.ytwVariableSpeedControllerViewModelPremiumBadge {
  position: absolute;
  right: 100%;
  margin-right: 8px
}
.ytwVariableSpeedControllerViewModelSliderContainer {
  margin: 8px 0
}
.ytwVariableSpeedControllerViewModelPlaybackSpeedButton {
  margin: 0 4px
}
.ytwVariableSpeedControllerViewModelButtonContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytwVariableSpeedControllerSpeedButtonViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-self: flex-start;
  align-self: flex-start
}
.ytwVariableSpeedControllerSpeedButtonViewModelSpeedLabel {
  margin-top: 4px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
  color: #030303
}
.ytWebScrimHost {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  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: 0
}
.ytWebScrimHostDrawerLayout {
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.ytWebScrimDialogContainer {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 4
}
.ytWebScrimHiddenButton {
  position: fixed;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px;
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  text-transform: inherit;
  color: inherit;
  background: transparent
}
bottom-sheet-container {
  position: fixed;
  z-index: 5
}
bottom-sheet-container .close-button {
  position: fixed;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px
}
c3-overlay.bottom-sheet-overlay {
  background-color: rgba(0, 0, 0, 0.6)
}
[bottom-sheet-open] {
  overflow: hidden
}
[modal-open-body] {
  position: fixed;
  left: 0;
  right: 0
}
.b3-iframe-ancestor[modal-open-body] {
  position: absolute
}
.modal-hidden-button {
  position: fixed;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px
}
.button-with-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  min-width: 5.14em;
  margin: 0 .29em;
  font-size: 1.4rem;
  border-radius: 3px
}
.button-with-icon-button {
  padding: .7em .57em
}
.button-with-icon.compact {
  margin: -.7em -.57em
}
.button-with-icon.compact+.button-with-icon.compact {
  margin-left: .7em
}
.button-with-icon-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.button-with-icon-button[disabled], .button-with-icon.disabled .button-with-icon-button {
  color: #909090
}
.button-renderer[data-style=STYLE_BRAND] {
  color: #e1002d
}
.button-renderer[data-style=STYLE_PRIMARY]:not([disabled=true]) {
  color: #fff;
  background-color: #065fd4
}
.button-renderer[data-style=STYLE_PRIMARY][disabled=true] {
  background-color: transparent
}
.button-renderer[data-style=STYLE_TEXT] {
  color: #606060
}
.button-renderer[data-style=STYLE_TEXT] .logo-arrow {
  fill: #fff
}
.button-renderer[data-style=STYLE_BLUE_TEXT] {
  color: #065fd4
}
.button-renderer[data-style=STYLE_BLUE_TEXT_WITH_INVERSE_THEME] {
  color: #3ea6ff
}
.button-renderer[data-style=STYLE_DESTRUCTIVE] {
  background-color: #e1002d;
  border-color: #e1002d;
  color: #fff
}
.button-renderer[data-style=STYLE_SUGGESTIVE] {
  border: 1px solid #065fd4;
  color: #065fd4
}
.button-renderer[data-style=STYLE_OVERLAY] {
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff
}
.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: #606060;
  border: 1px solid #606060;
  padding: 5px 11px
}
.button-renderer[data-icon-only=true] {
  min-width: 0;
  margin: 0
}
.button-renderer[data-icon-only=false] .button-renderer-icon {
  margin: 0 8px
}
.button-renderer-text {
  -webkit-align-self: center;
  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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}
.button-renderer-with-animation .button-with-icon-button {
  overflow: visible
}
c3-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  fill: currentColor;
  stroke: none
}
[dir=rtl] c3-icon[flip-for-rtl=true] {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}
.icon-button {
  border: 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;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 4
}
.menu-content {
  position: relative;
  z-index: 2;
  max-height: 100%;
  overflow-y: auto;
  color: #030303;
  background-color: #fff;
  padding: 3px
}
.menu-content.menu-bottom {
  bottom: 0;
  color: #030303;
  padding: 0;
  position: fixed;
  max-width: 100%;
  width: 100%
}
.bottom-menu-cancel {
  border-top: 1px solid #f1f1f1;
  padding: 8px 0
}
.menu-content>a {
  display: block
}
.menu-cancel-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.menu-cancel-icon {
  margin: 0 8px
}
.menu-content.menu-bottom c3-icon {
  color: #030303;
  margin: 0 32px 0 0
}
.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: #fff;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  height: 1px;
  box-sizing: border-box
}
.menu-content.rounded-container {
  border-radius: 8px
}
.icon-button.small {
  padding-left: 0;
  padding-right: 0;
  width: 16px
}
ytm-menu-item {
  display: block;
  padding: 3px 0
}
ytm-menu-item .menu-item-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  box-sizing: border-box;
  min-height: 48px;
  padding: 8px 16px;
  margin-left: 0;
  width: 100%;
  cursor: pointer;
  text-align: initial;
  text-transform: unset;
  -webkit-user-select: none;
  user-select: none;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
ytm-menu-item .menu-item-button:hover {
  background-color: rgba(0, 0, 0, 0.05)
}
ytm-menu-item c3-icon {
  margin-right: 24px
}
.menu-bottom .menu-item-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1.6rem;
  padding: 11px 16px
}
.ytwPlayerBottomControlsHost {
  display: block
}
.ytwPlayerBottomControlsFullscreenButtonWrapper {
  -webkit-margin-start: auto;
  margin-inline-start: auto
}
.ytBadgeShapeHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 2px;
  padding: 0 4px
}
.ytBadgeShapeTypography {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500
}
.ytBadgeShapeIcon {
  display: block;
  margin-right: 2px;
  height: 16px;
  width: 16px
}
.ytBadgeShapeModern .ytBadgeShapeIcon {
  margin-right: 2px;
  height: 12px;
  width: 12px
}
.ytBadgeShapeNoText {
  padding: 0 1px;
  min-height: 18px
}
.ytBadgeShapeNoText .ytBadgeShapeIcon {
  margin-right: 0
}
.ytBadgeShapeThumbnailBadge {
  border-radius: 4px;
  padding: 1px 4px
}
.ytBadgeShapeThumbnailBadge .ytBadgeShapeIcon {
  margin-right: 4px;
  height: 12px;
  width: 12px
}
.ytBadgeShapeThumbnailBadge.ytBadgeShapeNoText .ytBadgeShapeIcon {
  margin-right: 0
}
.ytBadgeShapeThumbnailBadgeRedesign {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 10px;
  padding: 0 6px
}
.ytBadgeShapeStatusBadge {
  border-radius: 4px;
  padding: 1px 4px
}
.ytBadgeShapeStatusBadge .ytBadgeShapeIcon {
  margin-right: 4px;
  height: 12px;
  width: 12px
}
.ytBadgeShapeStatusBadge.ytBadgeShapeNoText .ytBadgeShapeIcon {
  margin-right: 0
}
.ytBadgeShapeText {
  display: block;
  white-space: nowrap
}
.ytBadgeShapeTextClipTextOverflow {
  overflow: hidden;
  text-overflow: ellipsis
}
.ytBadgeShapeTextHasMultipleBadgesInRow {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20ch
}
.ytBadgeShapeDefault {
  /* !keep */
  color: #606060;
  background: rgba(0, 0, 0, 0.05)
}
.ytBadgeShapeDefault.ytBadgeShapeOverlay {
  color: #fff;
  background: rgba(0, 0, 0, 0.6)
}
.ytBadgeShapeDefault.ytBadgeShapeModern {
  color: #606060;
  background: none;
  padding-left: 0
}
.ytBadgeShapeMedia {
  /* !keep */
  color: #606060;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  outline-offset: -1px
}
.ytBadgeShapeMedia.ytBadgeShapeModern {
  color: #606060;
  outline: 1px solid rgba(0, 0, 0, 0.1);
  outline-offset: -1px
}
.ytBadgeShapeMediaOverlay {
  /* !keep */
  color: #fff;
  outline: 1px solid rgba(255, 255, 255, 0.3);
  outline-offset: -1px
}
.ytBadgeShapeMediaOverlay.ytBadgeShapeModern {
  color: #fff;
  outline: 1px solid rgba(255, 255, 255, 0.3);
  outline-offset: -1px
}
.ytBadgeShapePromoted {
  /* !keep */
  color: #030303;
  padding-left: 0
}
.ytBadgeShapePromoted.ytBadgeShapeModern {
  color: #030303;
  background: none;
  padding-left: 0
}
.ytBadgeShapePromotedInverted.ytBadgeShapeModern {
  color: #fff;
  background: none;
  padding-left: 0
}
.ytBadgeShapeTimely {
  /* !keep */
  color: #606060
}
.ytBadgeShapeTimely .ytBadgeShapeIcon {
  color: #e1002d
}
.ytBadgeShapeTimely {
  padding-left: 0
}
.ytBadgeShapeTimely.ytBadgeShapeModern {
  color: #606060
}
.ytBadgeShapeTimely.ytBadgeShapeModern .ytBadgeShapeIcon {
  color: #e1002d
}
.ytBadgeShapeTimely.ytBadgeShapeModern {
  padding-left: 0
}
.ytBadgeShapePremium {
  /* !keep */
  color: #fff;
  background: #e1002d
}
.ytBadgeShapePremium.ytBadgeShapeModern {
  color: #fff;
  background: #e1002d
}
.ytBadgeShapeSale {
  /* !keep */
  color: #c30027
}
.ytBadgeShapeSale .ytBadgeShapeIcon {
  color: #c30027
}
.ytBadgeShapeSale {
  padding-left: 0
}
.ytBadgeShapeSale.ytBadgeShapeModern, .ytBadgeShapeSale.ytBadgeShapeModern .ytBadgeShapeIcon {
  color: #c30027
}
.ytBadgeShapeSale.ytBadgeShapeModern {
  padding-left: 0
}
.ytBadgeShapeMembership {
  /* !keep */
  color: #107516;
  background: rgba(0, 0, 0, 0.05)
}
.ytBadgeShapeMembership.ytBadgeShapeModern {
  color: #107516;
  background: none;
  padding-left: 0
}
.ytBadgeShapeCommerce {
  /* !keep */
  color: #107516;
  background: rgba(0, 0, 0, 0.05)
}
.ytBadgeShapeCommerce.ytBadgeShapeModern {
  color: #107516;
  background: none;
  padding-left: 0
}
.ytBadgeShapeLive {
  /* !keep */
  color: #fff;
  background: rgba(225, 0, 45, 0.9)
}
.ytBadgeShapeLive.ytBadgeShapeOverlay {
  color: #fff;
  background: rgba(225, 0, 45, 0.9)
}
.ytBadgeShapeLive.ytBadgeShapeModern {
  color: #fff;
  background: rgba(225, 0, 45, 0.9)
}
.ytBadgeShapeStatusNew {
  /* !keep */
  color: #065fd4;
  outline: 1px solid #065fd4;
  outline-offset: -1px
}
.ytBadgeShapeStatusNew.ytBadgeShapeModern {
  color: #065fd4;
  outline: 1px solid #065fd4;
  outline-offset: -1px
}
.ytBadgeShapeStatusComplete {
  /* !keep */
  color: #005917;
  background: #deffde
}
.ytBadgeShapeStatusComplete.ytBadgeShapeModern {
  color: #005917;
  background: #deffde
}
.ytBadgeShapeStatusWarning {
  /* !keep */
  color: #7c2900;
  background: #ffeacf
}
.ytBadgeShapeStatusWarning.ytBadgeShapeModern {
  color: #7c2900;
  background: #ffeacf
}
.ytBadgeShapeStatusError {
  /* !keep */
  color: #990412;
  background: rgba(255, 85, 119, 0.2)
}
.ytBadgeShapeStatusError.ytBadgeShapeModern {
  color: #990412;
  background: rgba(255, 85, 119, 0.2)
}
.ytBadgeShapeStatusDefault {
  /* !keep */
  color: #030303;
  background: rgba(0, 0, 0, 0.1)
}
.ytBadgeShapeStatusDefault.ytBadgeShapeModern {
  color: #030303;
  background: rgba(0, 0, 0, 0.1)
}
.ytBadgeShapeThumbnailDefault {
  /* !keep */
  color: #fff;
  background: rgba(0, 0, 0, 0.6)
}
.ytBadgeShapeThumbnailDefault.ytBadgeShapeModern {
  color: #fff;
  background: rgba(0, 0, 0, 0.6)
}
.ytBadgeShapeThumbnailLive {
  /* !keep */
  color: #fff;
  background: rgba(225, 0, 45, 0.9)
}
.ytBadgeShapeThumbnailLive.ytBadgeShapeModern {
  color: #fff;
  background: rgba(225, 0, 45, 0.9)
}
.ytBadgeShapeThumbnailSpecial {
  /* !keep */
  color: #030303;
  background: #fff
}
.ytBadgeShapeThumbnailSpecial .ytBadgeShapeIcon {
  color: #e1002d
}
.ytBadgeShapeThumbnailSpecial.ytBadgeShapeModern {
  color: #030303;
  background: #fff
}
.ytBadgeShapeThumbnailSpecial.ytBadgeShapeModern .ytBadgeShapeIcon {
  color: #e1002d
}
.ytBadgeShapeThumbnailDefaultRedesign {
  /* !keep */
  color: #fff;
  background: rgba(0, 0, 0, 0.3)
}
.ytBadgeShapeThumbnailDefaultRedesign.ytBadgeShapeModern {
  color: #fff;
  background: rgba(0, 0, 0, 0.3)
}
.ytBadgeShapeAd {
  font-weight: 700;
  color: #030303;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-right: 0;
  padding-left: 0;
  font-size: unset;
  line-height: unset
}
.ytBadgeShapeAd.ytBadgeShapeAdsIncludeDot:after {
  content: "·";
  -webkit-padding-end: 4px;
  padding-inline-end: 4px;
  -webkit-padding-start: 4px;
  padding-inline-start: 4px
}
.ytBadgeShapeAd.ytBadgeShapeOverlay {
  color: #fff
}
.ytBadgeShapeMediumFontAdBadge {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytBadgeShapeLargeFontAdBadge {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500
}
.ytBadgeShapeIsEmpty {
  display: none
}
.accountInfoHost {
  display: block
}
.like-button-renderer [aria-pressed=true] c3-icon {
  color: #065fd4
}
.like-button-renderer [aria-pressed=true] c3-icon path {
  fill: #3ea6ff;
  stroke: #fff;
  stroke-width: 1px
}
ytm-menu-renderer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.bottom-sheet-media-menu-item ytm-menu-item {
  padding: 0;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.bottom-sheet-media-menu-item .menu-item-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  margin-left: 12px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.bottom-sheet-media-menu-item c3-icon {
  margin-right: 12px
}
ytm-thumbnail-overlay-time-status-renderer {
  margin: 5px
}
ytm-thumbnail-overlay-time-status-renderer[thumbnail-size=small] {
  margin: 2px
}
ytm-thumbnail-overlay-time-status-renderer[thumbnail-size=medium] {
  margin: 4px
}
ytm-thumbnail-overlay-time-status-renderer[thumbnail-size=large] {
  margin: 8px
}
ytm-thumbnail-overlay-time-status-renderer[data-style=LIVE], ytm-thumbnail-overlay-time-status-renderer[data-style=SHORTS] {
  text-transform: uppercase
}
img.custom-thumbnail.video-thumbnail-img {
  object-fit: scale-down;
  max-height: 100%;
  max-width: 100%
}
.video-thumbnail-container-compact, .video-thumbnail-container-large {
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  overflow: hidden
}
.video-thumbnail-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 100%;
  margin: auto
}
.video-thumbnail-bg {
  background-color: rgba(0, 0, 0, 0.1)
}
.video-thumbnail-container-large {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-bottom: 56.25%
}
.video-thumbnail-container-large.stacked {
  border-radius: 12px;
  border-top: 1px solid #fff
}
.video-thumbnail-container-compact {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: 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: .7;
  -webkit-filter: blur(30px);
  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 #fff
}
@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: 0
  }
  .video-thumbnail-container-large:where(.not-rendered-from-rich-item) {
    margin: -13px -12px 0;
    padding-top: 13px
  }
  .style-recommendations-in-portrait .video-thumbnail-container-large.rounded-thumbnail {
    border-radius: 12px;
    margin: 0;
    padding-top: 0
  }
}
@media (max-width:299px) and (orientation:portrait) {
  .video-thumbnail-container-large {
    margin: 0;
    padding-top: 0
  }
}
.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: 0;
  padding-top: 0;
  border-radius: 12px
}
.ytSpecDialogLayoutHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #fff
}
.ytSpecDialogLayoutContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 24px
}
.ytSpecDialogLayoutTopPadding {
  padding-top: 24px
}
.ytSpecDialogLayoutIcon {
  margin: 24px 24px 0
}
.ytSpecDialogLayoutIconAboveMedia {
  margin-bottom: 24px
}
.ytSpecDialogLayoutIconCenterAlign {
  -webkit-align-self: center;
  align-self: center
}
.ytSpecDialogLayoutAsset {
  width: 100%;
  min-height: 0;
  -webkit-flex-shrink: 4;
  flex-shrink: 4;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden
}
.ytSpecDialogLayoutAssetItem {
  width: 100%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  object-fit: cover
}
.ytSpecDialogLayoutDialogHeaderContainer {
  padding: 24px 24px 8px
}
.ytSpecDialogLayoutDialogHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.ytSpecDialogLayoutDialogHeaderAboveAsset {
  padding-bottom: 24px
}
.ytSpecDialogLayoutTitle {
  color: #030303;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  margin-bottom: 0;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 5.6rem;
  display: box;
  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: #030303;
  margin-right: 12px
}
.ytSpecDialogLayoutTrailingActionHeader {
  color: #030303;
  margin-left: auto
}
.ytSpecDialogLayoutContent {
  color: #030303;
  overflow-y: auto
}
.ytSpecDialogLayoutContentInner {
  overflow: visible;
  padding: 0 24px
}
.ytSpecDialogLayoutFooterContainer {
  padding-top: 16px;
  padding-left: 24px;
  padding-right: 24px
}
.ytSpecDialogLayoutFooter {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap-reverse;
  flex-flow: row wrap-reverse;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: -8px 0 0 -8px
}
.ytSpecDialogLayoutDialogButtonsInlineEnd {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  justify-content: end
}
.ytSpecDialogLayoutButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 8px 0 0 8px
}
.ytSpecDialogLayoutDialogButtonsInlineStretched {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytSpecDialogLayoutCenterAlign .ytSpecDialogLayoutContent, .ytSpecDialogLayoutCenterAlign .ytSpecDialogLayoutTitle {
  text-align: center
}
.ytSpecDialogLayoutDialogButtonsStacked {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
@media (max-width:330px) {
  .ytSpecDialogLayoutResponsive {
    min-width: calc(100vw - 96px);
    max-width: 100%;
    max-height: 100vh
  }
}
@media (min-width:331px) and (max-width:527px) {
  .ytSpecDialogLayoutResponsive {
    min-width: calc(100vw - 96px);
    min-width: min(320px, 100vw - 96px);
    max-width: calc(100vw - 96px);
    max-width: min(400px, 100vw - 96px);
    max-height: calc(100vh - 96px)
  }
}
@media (min-width:528px) {
  .ytSpecDialogLayoutResponsive {
    min-width: 320px;
    max-width: calc(100vw - 96px);
    max-width: min(560px, 100vw - 96px);
    max-height: calc(100vh - 96px);
    max-height: min(560px, 100vh - 96px)
  }
}
.ytSpecDialogLayoutFullscreen {
  height: 100%;
  width: 100%
}
.ytSpecDialogLayoutFullscreen .ytSpecDialogLayoutContainer, .ytSpecDialogLayoutFullscreen .ytSpecDialogLayoutContent {
  display: block;
  height: 100%;
  width: 100%
}
.ytSpecDialogLayoutFullscreen .ytSpecDialogLayoutContentInner {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0
}
@media (min-width:528px) {
  .ytSpecDialogLayoutExtendedMaxHeight {
    max-height: calc(100vh - 96px)
  }
}
.ytSpecDialogLayoutAssetInset .ytSpecDialogLayoutAsset {
  width: auto;
  padding: 0 24px;
  border-radius: 12px
}
.ytSpecDialogLayoutAssetInset .ytSpecDialogLayoutAssetItem {
  border-radius: 12px
}
.ytwPivotButtonViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer
}
.ytwPivotButtonViewModelHostImage {
  border-radius: 6px;
  width: 40px;
  height: 40px;
  display: block
}
.ytwPivotButtonViewModelHostIcon {
  border: 1px solid #fff;
  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: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytwReelActionBarViewModelHost>* {
  margin-top: 16px
}
.ytwReelActionBarViewModelHost>toggle-button-view-model {
  margin-top: 0
}
.ytwReelActionBarViewModelHostMobile {
  width: 56px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytwReelActionBarViewModelHostMobile .ytSpecButtonShapeWithLabelLabel {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
  line-height: 16px;
  margin: 0
}
.ytwReelActionBarViewModelHostMobile .ytSpecButtonShapeNextHost:focus {
  background: unset
}
.ytwReelActionBarViewModelHostMobile button:not([aria-pressed=true]) c3-icon {
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3))
}
.ytwReelActionBarViewModelHostMobileActionButton {
  padding-top: 4px;
  padding-bottom: 8px;
  margin: 0
}
.ytwReelActionBarViewModelHostDesktop {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytwReelActionBarViewModelHostDesktop .ytSpecButtonShapeWithLabelLabel {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytwReelActionBarViewModelHostDesktopActionButton {
  padding-top: 0;
  padding-bottom: 8px;
  margin: 0
}
@media (max-height:411px) and (orientation:landscape) {
  .ytwReelActionBarViewModelHost>* {
    margin-top: 0
  }
  .ytwReelActionBarViewModelHost .ytSpecButtonShapeWithLabelLabel {
    display: none
  }
}
.ytReelMetapanelViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-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;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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 0 12px
}
.copyDebugInfoPlayerDebugInfo {
  background-color: transparent;
  padding-bottom: 4px;
  outline: none;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  margin-bottom: 1px;
  font: inherit;
  color: #030303;
  -webkit-appearance: none;
  appearance: none;
  min-height: 8.4rem;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 8px
}
.copyDebugInfoPlayerDebugInfo::-webkit-input-placeholder {
  color: #606060;
  opacity: 1
}
.copyDebugInfoPlayerDebugInfo::placeholder {
  color: #606060;
  opacity: 1
}
.copyDebugInfoPlayerDebugInfo {
  height: 40vh;
  direction: ltr
}
.stableVolumeToggleHost {
  display: block
}
.ytPlayerControlsContainerHost {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  border-radius: inherit
}
.ytPlayerControlsContainerRendered {
  position: fixed;
  inset: 0;
  padding-bottom: 0;
  border-radius: inherit
}
.ytShortsEmbedsHost {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 160px), -webkit-linear-gradient(top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 96px);
  background: linear-gradient(0deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, 0) 160px), linear-gradient(180deg, rgba(0, 0, 0, .4) 0, 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: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: fixed;
  z-index: 2;
  width: 100%
}
.ytShortsEmbedsVolumeControls {
  position: absolute;
  right: 48px
}
.ytmCuedOverlayHost {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: -webkit-transform .7s;
  transition: -webkit-transform .7s;
  transition: transform .7s;
  transition: transform .7s, -webkit-transform .7s;
  -webkit-transition-property: opacity;
  transition-property: opacity
}
.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: 0;
  border: 0;
  background: transparent;
  cursor: pointer
}
.ytmCuedOverlayPlayButton.shorts, .ytmCuedOverlayShorts {
  margin-left: -50px;
  margin-top: -50px;
  width: 100px;
  height: 100px
}
.ytmCuedOverlayPlayButtonIcon {
  width: 100%;
  height: 100%;
  color: #f03
}
@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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), color-stop(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
  background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
  height: 7rem
}
.ytChapteredProgressBarHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  width: 100%;
  height: 3px
}
.ytChapteredProgressBarChapteredPlayerBarChapter {
  height: 3px;
  margin: 0 1px;
  position: relative
}
.ytChapteredProgressBarChapteredPlayerBarChapterSeen {
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, #f03), to(#ff2791));
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791);
  background: linear-gradient(90deg, #f03 80%, #ff2791)
}
.ytChapteredProgressBarChapteredPlayerBarChapterIsScrubbing {
  margin: 0 2px
}
.ytChapteredProgressBarChapteredPlayerBarChapter:first-of-type {
  margin-left: 0
}
.ytChapteredProgressBarChapteredPlayerBarChapter:last-of-type {
  margin-right: 0
}
.ytChapteredProgressBarChapteredPlayerBarFill {
  height: 3px;
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, #f03), to(#ff2791));
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791);
  background: linear-gradient(90deg, #f03 80%, #ff2791)
}
.ytChapteredProgressBarChapteredPlayerBarLoaded {
  background: rgba(255, 255, 255, .3);
  height: 3px;
  position: absolute
}
.ytChapteredProgressBarHoveredMacroMarker {
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
  -webkit-transform-origin: center;
  transform-origin: center
}
.ytFocusedChapterProgressBarLineHost {
  display: block;
  position: absolute;
  width: 100%
}
.ytFocusedChapterProgressBarLineProgressBarLine {
  position: relative;
  height: 3px;
  width: 100%
}
.ytFocusedChapterProgressBarLineProgressBarLineRounded {
  border-radius: 1.5px;
  overflow: hidden
}
.ytFocusedChapterProgressBarLineProgressBarLineBottomInset {
  height: 5px;
  border-radius: 2.5px;
  overflow: hidden
}
.ytFocusedChapterProgressBarLineProgressBarBackground {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  opacity: .6;
  width: 100%
}
.ytFocusedChapterProgressBarLineProgressBarPlayed {
  position: relative;
  top: 0;
  bottom: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, #f03), to(#ff2791));
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791);
  background: linear-gradient(90deg, #f03 80%, #ff2791)
}
.ytHeatSeekerHost {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  fill: rgba(255, 255, 255, .4)
}
.ytHeatSeekerHighContrast {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90%), to(rgba(0, 0, 0, .6)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), 90%, rgba(0, 0, 0, .6));
  background: linear-gradient(rgba(0, 0, 0, 0), 90%, rgba(0, 0, 0, .6));
  fill: rgba(255, 255, 255, .5)
}
.ytPlayerProgressBarHost {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  direction: ltr
}
.ytPlayerProgressBarHostReadOnly {
  pointer-events: none
}
.ytPlayerProgressBarHostHidden {
  opacity: 0
}
.ytPlayerProgressBarHostLowerPlayer {
  bottom: 0;
  left: 30px;
  right: 30px;
  height: 44px
}
.ytPlayerProgressBarHostBottomEdge {
  height: 28px;
  left: 0;
  right: 0;
  bottom: -7px
}
.ytPlayerProgressBarHostBottomInset {
  height: 28px;
  bottom: 0;
  left: 0;
  right: 0
}
.ytPlayerProgressBarHostCustom {
  position: relative
}
.ytPlayerProgressBarBackground {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
  opacity: 1;
  -webkit-transition: opacity .1s cubic-bezier(.2, 0, .6, 1);
  transition: opacity .1s cubic-bezier(.2, 0, .6, 1)
}
.ytPlayerProgressBarBackgroundHide {
  opacity: 0
}
.ytPlayerProgressBarDragContainer {
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytPlayerProgressBarDragContainerBottomEdge {
  height: 0;
  padding: 19.5px 0 8.5px
}
.ytPlayerProgressBarHeatseekerContainer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.5px
}
.ytPlayerProgressBarHeatseekerContainerInset {
  bottom: 14.5px
}
.ytPlayerProgressBarProgressBar {
  width: 100%;
  overflow: visible;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytPlayerProgressBarProgressBarInset {
  padding: 16px 0 12px;
  width: calc(100% - 24px);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: width .1s cubic-bezier(.05, 0, 0, 1), -webkit-transform .1s cubic-bezier(.05, 0, 0, 1);
  transition: width .1s cubic-bezier(.05, 0, 0, 1), -webkit-transform .1s cubic-bezier(.05, 0, 0, 1);
  transition: width .1s cubic-bezier(.05, 0, 0, 1), transform .1s cubic-bezier(.05, 0, 0, 1);
  transition: width .1s cubic-bezier(.05, 0, 0, 1), transform .1s cubic-bezier(.05, 0, 0, 1), -webkit-transform .1s cubic-bezier(.05, 0, 0, 1)
}
.ytPlayerProgressBarProgressBarInsetMinimized {
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  -webkit-transform: translateY(12px);
  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: 0;
  bottom: 0;
  background-color: #fff;
  opacity: .3;
  width: 100%
}
.ytProgressBarLineProgressBarLoaded {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  opacity: .6
}
.ytProgressBarLineProgressBarHovered {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  opacity: .7
}
.ytProgressBarLineProgressBarPlayed {
  position: absolute;
  top: 0;
  bottom: 0;
  forced-color-adjust: none;
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, #f03), to(#ff2791));
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791);
  background: linear-gradient(90deg, #f03 80%, #ff2791)
}
.ytProgressBarPlayheadHost {
  display: block;
  position: absolute
}
.ytProgressBarPlayheadProgressBarPlayheadDot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  forced-color-adjust: none;
  background-color: #f03;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .1s ease;
  transition: -webkit-transform .1s ease;
  transition: transform .1s ease;
  transition: transform .1s ease, -webkit-transform .1s ease
}
.ytProgressBarPlayheadProgressBarPlayheadDotLarge {
  height: 16px;
  width: 16px
}
.ytProgressBarPlayheadProgressBarPlayheadDotHide {
  -webkit-transform: scale(0);
  transform: scale(0)
}
.ytProgressBarPlayheadProgressBarPlayheadCustom {
  height: 20px;
  width: 20px;
  pointer-events: none
}
.ytProgressBarPlayheadProgressBarPlayheadCustomLarge {
  height: 24px;
  width: 24px
}
.ytProgressBarPlayheadProgressBarPlayheadCustomHide {
  -webkit-transform: scale(0);
  transform: scale(0)
}
.ytPlayerStoryboardHost {
  position: absolute;
  bottom: 80px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none
}
.ytPlayerStoryboardHostBigboard {
  width: 100%;
  left: 50%
}
.ytPlayerStoryboardHostMwebShorts {
  margin-bottom: 48px
}
.ytPlayerStoryboardHostInlinePlayer {
  bottom: calc(56px*var(--storyboard-scale, 1))
}
.ytPlayerStoryboardHostDesktopShorts {
  margin-bottom: 16px
}
.ytPlayerStoryboardHostIsDragging {
  margin-bottom: 80px
}
.ytPlayerStoryboardHostFadeIn {
  -webkit-animation: fade-in .1s cubic-bezier(.2, 0, .6, 1);
  animation: fade-in .1s cubic-bezier(.2, 0, .6, 1)
}
.ytPlayerStoryboardStoryboardImageWrapper {
  background-color: #fff;
  border: 2px solid white;
  overflow: hidden;
  position: relative;
  border-radius: 8px
}
.ytPlayerStoryboardBigboardWrapper {
  position: absolute;
  inset: 0;
  background: #000
}
.ytPlayerStoryboardBigboardImageWrapper {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  overflow: hidden
}
.ytPlayerStoryboardTimestamp {
  font-weight: 700;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, .75)
}
.ytPlayerStoryboardTimestampShorts {
  font-family: YouTube Sans, Roboto, sans-serif;
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: 700
}
@media (max-width:527.9px) {
  .ytPlayerStoryboardTimestampShorts {
    font-family: YouTube Sans, Roboto, sans-serif;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700
  }
}
.ytPlayerStoryboardTimestampShorts {
  padding-top: 8px
}
.ytPlayerStoryboardTimestampIsHovering {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  font-size: calc(1.6rem*var(--storyboard-scale, 1));
  line-height: calc(2.2rem*var(--storyboard-scale, 1))
}
.ytPlayerStoryboardMetadata {
  position: absolute;
  bottom: calc(-6px*var(--storyboard-scale, 1));
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  left: 50%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  font-size: calc(12px*var(--storyboard-scale, 1))
}
.ytPlayerStoryboardMetadataBigboard {
  width: auto;
  color: #fff;
  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;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-column-gap: 1rem;
  column-gap: 1rem;
  min-width: 0
}
.ytPlayerStoryboardTitle {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytPlayerStoryboardTitleBigboard {
  margin-bottom: 0;
  font-weight: 700
}
.ytPlayerStoryboardTimedMarkerIconWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytPlayerStoryboardTimedMarkerIcon {
  height: 14px;
  width: 14px;
  margin-right: 4px
}
.ytPlayerStoryboardStoryboardImage {
  width: 100%;
  height: 100%;
  position: absolute
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fade-in {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.ytMwebShortsPlayerControlsHost {
  position: relative;
  margin-right: 0;
  margin-left: 0;
  bottom: 0;
  height: 3px;
  direction: ltr;
  -webkit-transition-property: height, margin-left, margin-right, padding, visibility;
  transition-property: height, margin-left, margin-right, padding, visibility;
  -webkit-transition-duration: .25s;
  transition-duration: .25s
}
.ytMwebShortsPlayerControlsHostIsScrubbableMode {
  margin-right: 16px;
  margin-left: 16px;
  height: 16px;
  padding-bottom: 16px;
  -webkit-transition-duration: .5s;
  transition-duration: .5s
}
.ytMwebShortsPlayerControlsHostHideProgressBar {
  visibility: hidden;
  height: 0
}
.ytMwebShortsPlayerControlsGestureOverlay {
  position: absolute;
  height: 100vh;
  width: 100vw;
  inset: 0;
  pointer-events: auto
}
.ytwAutonavTooltipHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 25%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff
}
.ytwPlayerUserEduTooltipHost {
  display: block
}
.ytwPlayerUserEduTooltipTooltipContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 8px;
  position: absolute;
  width: 100%;
  box-sizing: border-box
}
.ytwPlayerUserEduTooltipTooltipWrapper {
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  margin-top: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: 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: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytwSpeedmasterTooltipHost:not(.ytwSpeedmasterTooltipKillswitch) {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff;
  position: relative;
  left: 0;
  right: 0
}
.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%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  pointer-events: auto
}
.ytmShortsGestureOverlayControlsGestureContainer {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row
}
.ytmShortsGestureOverlayControlsSpeedmasterGestureArea {
  height: 100%;
  width: 25%
}
.ytmShortsGestureOverlayControlsMenuGestureArea {
  height: 100%;
  width: 50%
}
.ytmVideoCoverHost {
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  -webkit-transition: -webkit-transform .7s;
  transition: -webkit-transform .7s;
  transition: transform .7s;
  transition: transform .7s, -webkit-transform .7s;
  -webkit-transition-property: opacity;
  transition-property: opacity
}
.ytmVideoCoverHost.ended {
  z-index: 0
}
.ytmVideoCoverHost.hidden {
  visibility: hidden;
  opacity: 0
}
.ytmVideoCoverThumbnail {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%
}
.ytdVolumeControlsHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  max-height: 48px
}
.ytdVolumeControlsDisableSlider {
  width: 48px
}
.ytdVolumeControlsVolumeControlsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50px;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 168px
}
.ytdVolumeControlsVolumeControlsContainerVertical {
  max-width: 48px;
  width: 48px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  gap: 60px;
  height: -webkit-fit-content;
  height: fit-content;
  pointer-events: none
}
.ytdVolumeControlsVolumeControlsContainerExpanded {
  pointer-events: all
}
.ytdVolumeControlsMuteIconButtonContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 48px;
  height: 48px;
  border-radius: 50px
}
.ytdVolumeControlsMuteIconButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  justify-content: end;
  z-index: 1;
  position: relative;
  background: none;
  border: none;
  padding: 12px;
  cursor: pointer;
  pointer-events: all;
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8))
}
.ytdVolumeControlsSliderContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 0;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  -webkit-transition: visibility .12s linear, opacity .12s linear, width .12s linear;
  transition: visibility .12s linear, opacity .12s linear, width .12s linear
}
.ytdVolumeControlsSliderContainerExpanded {
  visibility: visible;
  width: 100%;
  opacity: 1;
  -webkit-transition: visibility .3s linear, opacity .3s linear, width .3s linear;
  transition: visibility .3s linear, opacity .3s linear, width .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: 0 12px;
  margin: 0;
  -webkit-transition: visibility .3s linear, opacity .3s linear, width 0s linear .3s, margin .3s linear;
  transition: visibility .3s linear, opacity .3s linear, width 0s linear .3s, margin .3s linear
}
.ytdVolumeControlsSliderContainerVerticalDown {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}
.ytdVolumeControlsSliderContainerVerticalExpanded {
  background-color: rgba(40, 40, 40, 0.6);
  margin-top: 8px;
  width: 133px;
  -webkit-transition: visibility .3s linear, opacity .3s linear, width 0s linear, margin .3s linear;
  transition: visibility .3s linear, opacity .3s linear, width 0s linear, margin .3s linear
}
.ytdVolumeControlsSliderContainerDisableSlider {
  display: none
}
.ytdVolumeControlsNativeSlider {
  --gradient-percent: 0;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  margin-bottom: 1px;
  cursor: pointer;
  display: block;
  min-width: 0;
  width: 100%;
  background-color: transparent;
  padding: 8px 0;
  forced-color-adjust: none
}
.ytdVolumeControlsNativeSlider::-webkit-slider-runnable-track {
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3)));
  background: -webkit-linear-gradient(left, #fff 0, #fff var(--gradient-percent), rgba(255, 255, 255, 0.3) var(--gradient-percent), rgba(255, 255, 255, 0.3) 100%);
  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::-moz-range-track {
  background: linear-gradient(to right, #fff 0, #fff var(--gradient-percent), rgba(0, 0, 0, 0.1) var(--gradient-percent), rgba(0, 0, 0, 0.1) 100%);
  height: 4px;
  border-radius: 12px
}
.ytdVolumeControlsNativeSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  margin-top: -6.5px
}
.ytdVolumeControlsNativeSlider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  border: none
}
.ytdVolumeControlsNativeSlider::-webkit-slider-runnable-track {
  height: 2px
}
.ytdVolumeControlsNativeSlider::-moz-range-track {
  height: 2px
}
.ytdVolumeControlsMuteIcon {
  color: white
}
.ytdVolumeControlsBackgroundScrim {
  height: 48px;
  width: 48px;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transition: width .25s linear;
  transition: width .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: transparent;
  border-radius: 28px;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition-property: width, background-color;
  transition-property: width, background-color
}
.ytwPlayerFullscreenActionMenuHost {
  display: block
}
.ytwPlayerFullscreenActionMenuCircleButtons {
  margin-right: 8px
}
.ytmFullscreenRelatedVideosEntryPointViewModelHost {
  display: block
}
.ytmFullscreenRelatedVideosEntryPointViewModelButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 48px;
  border-radius: 24px;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
  color: #fff;
  border: none;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 2px #000
}
.ytmFullscreenRelatedVideosEntryPointViewModelButton button {
  text-shadow: 0 0 2px #000
}
.ytmFullscreenRelatedVideosEntryPointViewModelButton svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}
.ytmFullscreenRelatedVideosEntryPointViewModelSingleThumbnail {
  padding: 6px 8px;
  border-radius: 16px
}
.ytmFullscreenRelatedVideosEntryPointViewModelHost:not(.ytmFullscreenRelatedVideosEntryPointViewModelTitleHidden) .ytmFullscreenRelatedVideosEntryPointViewModelSingleThumbnail {
  padding: 6px 12px
}
.ytmFullscreenRelatedVideosEntryPointViewModelThumbnailStack {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: 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: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 36px;
  height: 20px;
  border: 2px solid white;
  border-radius: 8px;
  overflow: hidden
}
.ytmFullscreenRelatedVideosEntryPointViewModelSingleThumbnail .ytmFullscreenRelatedVideosEntryPointViewModelThumbnailContainer {
  width: 64px;
  height: 36px;
  border: none;
  outline: 2px solid #fff;
  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, .3);
  border-radius: 50%;
  margin: 0
}
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: 0;
  right: 0;
  position: absolute;
  height: var(--controls-height);
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 12px;
  box-sizing: border-box
}
.fullscreen-controls-video-title {
  color: #fff
}
.fullscreen-controls.expanded {
  bottom: 0
}
.fullscreen-recommendations-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none
}
.fullscreen-recommendations-wrapper::-webkit-scrollbar {
  display: none
}
@media (pointer:fine) {
  .fullscreen-controls {
    --controls-height: 228px
  }
  .fullscreen-recommendations-wrapper {
    scrollbar-width: auto;
    -ms-overflow-style: 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: #606060
  }
  .fullscreen-recommendations-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: #909090
  }
  .fullscreen-recommendations-wrapper::-webkit-scrollbar {
    display: block
  }
}
.fullscreen-buttons-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 44px
}
.fullscreen-recommendation {
  width: 200px;
  min-width: 200px;
  margin: 0 8px
}
.top-fullscreen-controls {
  padding: 12px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  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: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 2
}
.action-menu-engagement-buttons-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-radius: 48px;
  padding: 4px 0;
  background: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 2px #000
}
.action-menu-engagement-buttons-wrapper button {
  text-shadow: 0 0 2px #000
}
.action-menu-engagement-buttons-wrapper svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}
.action-menu-engagement-buttons-wrapper>:first-child {
  margin-left: 8px
}
.fullscreen-action-menu, .fullscreen-action-menu .ytAttributedStringHost, .fullscreen-recommendation {
  color: #fff
}
.fullscreen-watch-next-entrypoint-wrapper {
  margin-left: auto;
  height: 100%
}
.fullscreen-more-videos-endpoint {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.stacked-videos-wrapper {
  position: relative;
  z-index: 2;
  width: 64px;
  height: 100%
}
.stacked-video-preview {
  width: 64px;
  height: 36px;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  position: absolute;
  top: 0;
  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;
  -webkit-transform: translateY(-4px) scale(.875);
  transform: translateY(-4px) scale(.875)
}
.stacked-video-preview:nth-child(2) .stacked-video-preview-image {
  opacity: .75
}
.stacked-video-preview:nth-child(3) {
  z-index: 1;
  -webkit-transform: translateY(-8px) scale(.75);
  transform: translateY(-8px) scale(.75)
}
.stacked-video-preview:nth-child(3) .stacked-video-preview-image {
  opacity: .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: .7
}
.quick-actions-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0 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%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff
}
.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: #fff
}
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: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 2;
  right: 24px
}
@media (max-height:221px) {
  ytm-custom-control .player-controls-top {
    right: 0
  }
}
ytm-custom-control .player-controls-top.ytwPlayerTopControlsContainerWithEmbeddedVideoDetails {
  left: 0
}
@media (min-width:380px) {
  ytm-custom-control .player-controls-top.ytwPlayerTopControlsContainerWithEmbeddedVideoDetails {
    left: 14px
  }
}
ytm-custom-control .player-controls-top-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
[dir=rtl] ytm-custom-control .player-controls-background, [dir=rtl] ytm-custom-control .player-controls-top {
  direction: rtl
}
body[faux-fullscreen=true] ytm-custom-control .player-controls-top {
  top: env(safe-area-inset-top)
}
ytm-custom-control c3-overlay {
  visibility: visible
}
#player-control-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0
}
#player-control-overlay .player-controls-background:not(.fullscreen-recs-expanded) {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), color-stop(25%, rgba(0, 0, 0, .54)), color-stop(50%, rgba(0, 0, 0, .36)), color-stop(75%, rgba(0, 0, 0, .18)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .6), rgba(0, 0, 0, .54) 25%, rgba(0, 0, 0, .36) 50%, rgba(0, 0, 0, .18) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .54) 25%, rgba(0, 0, 0, .36) 50%, rgba(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;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  visibility: visible
}
#player-control-overlay .player-controls-background-action-items {
  position: absolute;
  z-index: 2
}
#player-control-overlay.animation-enabled {
  -webkit-transition: -webkit-transform .7s;
  transition: -webkit-transform .7s;
  transition: transform .7s;
  transition: transform .7s, -webkit-transform .7s;
  -webkit-transition-property: all;
  transition-property: all
}
#player-control-overlay.animation-enabled .player-controls-background {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: .2s;
  transition-duration: .2s
}
#player-control-overlay.pointer-events-off {
  pointer-events: none
}
#player-control-overlay.fadein {
  pointer-events: auto
}
#player-control-overlay.fadein .player-controls-background {
  z-index: 2;
  opacity: 1
}
#player-control-overlay.fadein .player-controls-content {
  visibility: visible
}
#player-control-overlay.fadein.use-opacity .player-controls-content {
  opacity: 1;
  visibility: unset
}
#player-control-overlay.hidden {
  display: none
}
body[faux-fullscreen=true] .watch-page-progress-bar {
  left: 24px;
  right: 24px
}
body[faux-fullscreen=true] .enable-fullscreen-controls .watch-page-progress-bar {
  bottom: 30px
}
body[faux-fullscreen=true] .enable-fullscreen-controls.fs-watch-system .watch-page-progress-bar {
  bottom: 50px
}
.fullscreen-controls-always-on .watch-page-progress-bar {
  bottom: 52px
}
.fullscreen-controls-always-on .player-controls-bottom {
  bottom: 82px
}
.fullscreen-controls-always-on .fullscreen-action-menu {
  left: 12px;
  right: 12px
}
@media (min-width:380px) {
  .fullscreen-controls-always-on .fullscreen-action-menu {
    left: 30px;
    right: 30px
  }
}
@media (max-height:221px) {
  .fullscreen-controls-always-on .watch-page-progress-bar {
    bottom: 32px;
    z-index: 3;
    height: 40px;
    left: 12px;
    right: 12px
  }
  .fullscreen-controls-always-on .watch-page-progress-bar .ytPlayerProgressBarDragContainer {
    -webkit-box-align: end;
    -webkit-align-items: end;
    align-items: end
  }
  .fullscreen-controls-always-on .watch-page-progress-bar .ytPlayerProgressBarProgressBar {
    padding-bottom: 12px
  }
  .fullscreen-controls-always-on .player-controls-bottom {
    bottom: 58px
  }
  .fullscreen-controls-always-on .player-controls-bottom.player-controls-bottom-left {
    left: 0;
    right: 44px
  }
  .fullscreen-controls-always-on .player-controls-bottom.player-controls-bottom-right {
    left: unset;
    right: 0;
    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: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.ytmMutedAutoplayOverlayBrandingIcon {
  position: absolute;
  bottom: 6px;
  right: 12px;
  color: #fff
}
[dir=rtl] .ytmMutedAutoplayOverlayBrandingIcon {
  left: 12px;
  right: auto
}
.ytmMutedAutoplayOverlayBackground {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6)
}
.ytmMutedAutoplayOverlayActionMenu {
  opacity: 1;
  visibility: visible;
  -webkit-transition: -webkit-transform .7s;
  transition: -webkit-transform .7s;
  transition: transform .7s;
  transition: transform .7s, -webkit-transform .7s;
  -webkit-transition-property: all;
  transition-property: all
}
.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% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
  50% {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
}
@keyframes ytm-equalizer-animation {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
  50% {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
  to {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
}
.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-left, .ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-middle, .ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-right {
  position: absolute;
  bottom: 0;
  transform-origin: 8px 16px;
  -webkit-transform-origin: 8px 16px;
  -webkit-animation-name: ytm-equalizer-animation;
  animation-name: ytm-equalizer-animation;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-left {
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}
.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-middle {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s
}
.ytmMutedAutoplayOverlayEqualizer .ytm-equalizer-bar-right {
  -webkit-animation-duration: .7s;
  animation-duration: .7s
}
.ytShortsTouchFeedbackHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%
}
.ytShortsTouchFeedbackHidden {
  display: none
}
.ytShortsTouchFeedbackTouchFeedback {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytShortsTouchFeedbackLikeAnimationWrapper {
  width: 240px;
  height: 240px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: #fff;
  margin: 0 8px 24px;
  max-width: 400px;
  display: block;
  overflow: scroll
}
.YtmBottomSheetOverlayRendererHeader {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 140px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 20px 0;
  width: 100%;
  position: relative;
  border-radius: 12px
}
.YtmBottomSheetOverlayRendererCentralIcon {
  height: 65px;
  width: 65px;
  color: #f03;
  background-color: #fff;
  padding: 15px;
  border-radius: 45px
}
.YtmBottomSheetOverlayRendererClose {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 24px
}
.YtmBottomSheetOverlayRendererDragHandle {
  background: #030303;
  opacity: .15;
  border-radius: 4px;
  height: 4px;
  margin: 0 auto;
  width: 40px;
  position: absolute;
  top: 8px
}
.YtmBottomSheetOverlayRendererContents {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  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: .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: .01em
  }
}
.YtmBottomSheetOverlayRendererOverlayContainer {
  position: fixed;
  bottom: 0;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}
@media (max-width:930px) and (orientation:landscape) {
  .YtmBottomSheetOverlayRendererOverlayContainer {
    top: 0
  }
}
@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: 0
  }
}
[bottom-sheet-overlay-body-open] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden
}
.ytm-forced-mute-message .button-with-icon-inner {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  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: 0
}
ytm-info-panel-container-renderer {
  background-color: #def1ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
ytm-info-panel-container-renderer[background=INFO_PANEL_CONTAINER_BACKGROUND_SYSTEM]:first-child {
  border: none
}
ytm-info-panel-container-renderer[background=INFO_PANEL_CONTAINER_BACKGROUND_SYSTEM] {
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
ytm-info-panel-container-renderer[background=INFO_PANEL_CONTAINER_BACKGROUND_GRAY] {
  background-color: #fff
}
ytm-info-panel-container-renderer[background=INFO_PANEL_CONTAINER_BACKGROUND_OVERLAY_BLACK] {
  background-color: rgba(0, 0, 0, 0.6)
}
.ytm-info-panel-container-header {
  height: 36px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytm-info-panel-container-header-left-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  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: #fff;
  font-weight: 500
}
.ytmInfoPanelContentRendererHost[data-background=INFO_PANEL_CONTENT_BACKGROUND_BLUE] {
  background-color: #def1ff
}
.ytmInfoPanelContentRendererHost.ytmInfoPanelContentRendererHostCinematicBackground {
  background: rgba(0, 0, 0, 0.1)
}
.ytmInfoPanelContentRendererWrapper {
  padding: 12px 16px 16px 16px
}
.ytmInfoPanelContentRendererWrapper[data-has-icon=true] {
  padding: 14px 12px
}
.ytmInfoPanelContentRendererBody {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row
}
.ytmInfoPanelContentRendererText {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytmInfoPanelContentRendererTitleContainer {
  color: #065fd4;
  margin-bottom: 4px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  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
  }
}
.ytmInfoPanelContentRendererTitleContainer {
  max-height: 4rem
}
.ytmInfoPanelContentRendererLinkIcon {
  padding-left: 1px;
  width: 14px;
  height: 14px;
  vertical-align: text-top
}
.ytmInfoPanelContentRendererMetadata {
  margin-bottom: 4px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytmInfoPanelContentRendererPublishTime {
  display: inline;
  color: #606060;
  padding-left: 3px
}
.ytmInfoPanelContentRendererParagraph {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytmInfoPanelContentRendererInlineSource {
  display: inline-block;
  color: #065fd4;
  padding-left: 2px
}
.ytmInfoPanelContentRendererInlineSourceText {
  display: inline-block
}
.ytmInfoPanelContentRendererThumbnail {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 64px;
  width: 64px;
  margin-left: 8px
}
.ytmInfoPanelContentRendererEndpoint {
  width: 100%
}
.ytmInfoPanelContentRendererHeaderRightItems {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytmInfoPanelContentRendererHeaderIcon {
  margin-left: 4px;
  margin-right: 4px;
  height: 16px;
  width: 16px
}
.ytmInfoPanelContentRendererMenu {
  display: block
}
.ytmLogoEntityHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 48px
}
.ytmLogoEntityContainer {
  width: 122px;
  margin-right: 12px
}
.ytmLogoEntityLogo {
  padding: 0;
  height: 48px;
  width: auto;
  color: unset
}
.playerInterstitialRendererHost {
  display: block;
  height: 100%;
  background: #606060;
  border-radius: inherit
}
.playerInterstitialRendererScrim {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), color-stop(75%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, .6)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .4), rgba(0, 0, 0, .6) 75%, rgba(0, 0, 0, .6));
  background: linear-gradient(180deg, rgba(0, 0, 0, .4) 0, rgba(0, 0, 0, .6) 75%, rgba(0, 0, 0, .6));
  border-radius: inherit
}
.ytBigboardStoryboardHost {
  position: absolute;
  inset: 0;
  overflow: hidden
}
.ytmA11yStylesHiddenButton {
  position: fixed;
  top: 0;
  left: 0;
  height: 12px;
  width: 12px
}
.ytmClosedCaptioningButtonHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 48px;
  height: 48px
}
.ytmClosedCaptioningButtonIconDisabled {
  color: #909090
}
.ytmClosedCaptioningButtonIconDisabledOverlay {
  color: rgba(255, 255, 255, 0.3)
}
.ytmClosedCaptioningButtonYtIconOverlay {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.8))
}
.ytmClosedCaptioningButtonButton {
  cursor: pointer;
  width: 48px;
  height: 48px;
  padding: 12px;
  border: none;
  outline: none;
  font: inherit;
  text-transform: inherit;
  color: inherit;
  background: transparent
}
.ytmCreatorEndscreenHost {
  position: absolute;
  top: 0;
  left: 0;
  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;
  -webkit-transition: opacity .2s cubic-bezier(.05, 0, 0, 1);
  transition: opacity .2s cubic-bezier(.05, 0, 0, 1)
}
.ytmCreatorEndscreenElementVisible {
  opacity: 1;
  pointer-events: auto
}
.ytmCreatorEndscreenScrim {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transition-timing-function: cubic-bezier(.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(.05, 0, 0, 1)
}
.ytmCreatorEndscreenScrimVisible {
  opacity: .25
}
.ytmExpandingEndscreenElementHost {
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transition: z-index .2s step-end;
  transition: z-index .2s step-end;
  z-index: 6;
  position: relative
}
.ytmExpandingEndscreenElementHostActive {
  -webkit-transition: z-index .2s step-start;
  transition: z-index .2s step-start;
  z-index: 7
}
.ytmExpandingEndscreenElementThumbnail {
  height: 100%;
  width: 100%;
  cursor: pointer;
  position: absolute;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6)
}
.ytmExpandingEndscreenElementRound {
  border-radius: 50%
}
.ytmExpandingEndscreenElementOverlay {
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  padding: 8px;
  margin: -8px;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transition-timing-function: cubic-bezier(.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(.05, 0, 0, 1);
  color: #fff;
  visibility: hidden;
  -webkit-align-content: center;
  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: 0
}
.ytmExpandingEndscreenElementOverlayRightActive {
  padding-left: calc(100% + 8px)
}
.ytmExpandingEndscreenElementOverlayLeft {
  right: 0
}
.ytmExpandingEndscreenElementOverlayLeftActive {
  padding-right: calc(100% + 8px)
}
.ytmExpandingEndscreenElementOverlayLeftActive, .ytmExpandingEndscreenElementOverlayRightActive {
  opacity: 1;
  visibility: visible;
  max-width: none
}
.ytmExpandingEndscreenElementOverlayContent {
  width: 115px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-left: 12px;
  margin-right: 8px
}
.ytmCreatorEndscreenElementOverlayActiveRight .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 8px;
  margin-right: 12px
}
.ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayContent, .ytmCreatorEndscreenSize470 .ytmExpandingEndscreenElementOverlayContent, .ytmCreatorEndscreenSize506 .ytmExpandingEndscreenElementOverlayContent, .ytmCreatorEndscreenSize570 .ytmExpandingEndscreenElementOverlayContent {
  width: 136px
}
.ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 8px;
  margin-right: 12px
}
.ytmExpandingEndscreenElementOverlayActiveRight .ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 12px;
  margin-right: 8px
}
.ytmCreatorEndscreenSize640 .ytmExpandingEndscreenElementOverlayContent {
  width: 136px;
  margin-left: 16px;
  margin-right: 8px
}
.ytmCreatorEndscreenElementOverlayActiveRight .ytmCreatorEndscreenSize640 .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 8px;
  margin-right: 16px
}
.ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayContent {
  width: 176px;
  margin-left: 16px;
  margin-right: 8px
}
.ytmCreatorEndscreenElementOverlayActiveRight .ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 8px;
  margin-right: 16px
}
.ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayContent {
  width: 264px;
  margin-left: 32px;
  margin-right: 16px
}
.ytmCreatorEndscreenElementOverlayActiveRight .ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 16px;
  margin-right: 32px
}
.ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayContent {
  width: 392px;
  margin-left: 48px;
  margin-right: 24px
}
.ytmCreatorEndscreenElementOverlayActiveRight .ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayContent {
  margin-left: 24px;
  margin-right: 48px
}
.ytmExpandingEndscreenElementOverlayContent {
  max-height: 100%;
  text-overflow: ellipsis
}
.ytmExpandingEndscreenElementOverlayTitle {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 2px;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}
.ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayTitle {
  font-size: 1.6rem
}
.ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayTitle {
  font-size: 2rem
}
.ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayTitle {
  font-size: 2.4rem
}
.ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmExpandingEndscreenElementOverlayMetadataWebsite {
  font-size: 1.2rem;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis
}
.ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize853 .ytmExpandingEndscreenElementOverlayMetadataWebsite {
  font-size: 1.6rem
}
.ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize1280 .ytmExpandingEndscreenElementOverlayMetadataWebsite {
  font-size: 1.8rem;
  margin-top: 8px
}
.ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize1920 .ytmExpandingEndscreenElementOverlayMetadataWebsite {
  font-size: 2rem;
  margin-top: 12px
}
.ytmExpandingEndscreenElementOverlayMetadataChannel {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 4px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}
.ytmCreatorEndscreenSize640 .ytmExpandingEndscreenElementOverlayMetadataChannel {
  -webkit-line-clamp: 2
}
.ytmCreatorEndscreenSize570 .ytmExpandingEndscreenElementOverlayMetadataChannel {
  -webkit-line-clamp: 1
}
.ytmCreatorEndscreenSize346 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize426 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize470 .ytmExpandingEndscreenElementOverlayMetadataChannel, .ytmCreatorEndscreenSize506 .ytmExpandingEndscreenElementOverlayMetadataChannel {
  display: none
}
.ytmExpandingEndscreenElementOverlayMetadataWebsite {
  white-space: nowrap
}
.ytmExpandingEndscreenElementOverlayCallToAction {
  font-weight: 700;
  margin-top: 4px;
  font-size: 1rem;
  -webkit-transition: all .2s;
  transition: all .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: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 6;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s
}
.ytmExpandingEndscreenElementScrimChannel {
  border-radius: 50%
}
.ytmExpandingEndscreenElementScrimActive {
  opacity: .25
}
.ytwAnimatedSubscribeButtonHost {
  width: 100%
}
.ytwAnimatedSubscribeButtonContentContainer {
  width: 100%;
  overflow: hidden;
  border-radius: 18px
}
.ytwAnimatedSubscribeButtonFlexContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-fit-content;
  width: fit-content
}
.ytwAnimatedSubscribeButtonCanAnimate {
  -webkit-transition: width .5s ease;
  transition: width .5s ease
}
.ytwAnimatedSubscribeButtonStaticWidth .ytwAnimatedSubscribeButtonFlexContainer {
  width: auto
}
.ytmThumbnailEndscreenElementHost {
  display: block;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transition-timing-function: cubic-bezier(.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(.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: #fff
}
.ytmThumbnailEndscreenElementTopOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33%
}
.ytmThumbnailEndscreenElementThumbnailTitle {
  color: #fff;
  position: relative;
  font-size: 1.2rem;
  font-weight: 500;
  margin: 6px 8px 0;
  line-height: 1.25;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  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: 0;
  right: 0
}
.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: .8;
  height: 100%;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(transparent));
  background-image: -webkit-linear-gradient(top, rgb(0, 0, 0), transparent);
  background-image: linear-gradient(180deg, rgb(0, 0, 0), transparent)
}
.ytmThumbnailEndscreenElementPlaylistLengthOverlay {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0 2px
}
.ytmCreatorEndscreenSize853 .ytmThumbnailEndscreenElementPlaylistIcon {
  margin: 0 4px
}
.ytmCreatorEndscreenSize1280 .ytmThumbnailEndscreenElementPlaylistIcon {
  margin: 0 8px
}
.ytmCreatorEndscreenSize1920 .ytmThumbnailEndscreenElementPlaylistIcon {
  margin: 0 12px
}
.ytmThumbnailEndscreenElementScrim {
  background-color: #000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 5;
  opacity: 0;
  -webkit-transition: all .2s;
  transition: all .2s
}
.ytmThumbnailEndscreenElementScrimActive {
  opacity: .25
}
.ytPfpAutonavHost {
  pointer-events: none;
  display: block
}
.ytPfpAutonavVisible {
  pointer-events: auto;
  background: black
}
.ytPfpAutonavScrim {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .6);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: 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: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 0;
  background: none;
  color: white
}
.ytPfpAutonavRing {
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 72px
}
.ytPfpAutonavPlayIcon {
  width: 40px;
  height: 40px;
  fill: white
}
.ytPfpControlsHost {
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}
.ytPfpControlsHost :focus-visible {
  box-shadow: inset 0 0 0 2px #3ea6ff
}
.ytPfpControlsOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  touch-action: manipulation
}
.ytPfpControlsCreatorEndscreenContainer {
  position: absolute;
  z-index: 2
}
.ytPfpControlsFadeIn {
  pointer-events: auto
}
.ytPfpControlsBigboard, .ytPfpControlsBottomBar, .ytPfpControlsGradientTop, .ytPfpControlsProgressBarContainer, .ytPfpControlsVideoTitle {
  -webkit-transition: opacity .25s, visibility .25s;
  transition: opacity .25s, visibility .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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), color-stop(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
  background: linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
  pointer-events: none;
  height: 49px;
  z-index: 5
}
.ytPfpControlsVideoTitle {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: 100%;
  padding: 12px;
  margin: 0;
  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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  padding: 0;
  border: 0;
  background-color: unset
}
.ytPfpControlsLargePlayButtonIconBg {
  fill-opacity: .8;
  -webkit-transition: fill .1s cubic-bezier(.4, 0, 1, 1), fill-opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: fill .1s cubic-bezier(.4, 0, 1, 1), fill-opacity .1s cubic-bezier(.4, 0, 1, 1)
}
.ytPfpControlsOverlay:hover .ytPfpControlsLargePlayButtonIconBg {
  fill-opacity: 1;
  -webkit-transition: fill .1s cubic-bezier(0, 0, .2, 1), fill-opacity .1s cubic-bezier(0, 0, .2, 1);
  transition: fill .1s cubic-bezier(0, 0, .2, 1), fill-opacity .1s cubic-bezier(0, 0, .2, 1)
}
.ytPfpControlsVideoWallEndscreen {
  padding: 48px 0;
  box-sizing: border-box;
  z-index: 2
}
.ytPfpControlsAutonav {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2
}
.ytPfpControlsProgressBarContainer {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  pointer-events: auto;
  z-index: 3
}
.ytPfpControlsBottomBar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  padding-left: 3px;
  color: white;
  background-color: rgba(0, 0, 0, .6);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  pointer-events: auto;
  z-index: 2
}
.ytPfpControlsLeftControls, .ytPfpControlsRightControls {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytPfpControlsVolumeControls {
  max-width: 112px
}
.ytPfpControlsTimeDisplay.ytPfpControlsTimeDisplay {
  color: white;
  font-size: 1.4rem;
  margin-left: 8px;
  -webkit-user-select: none;
  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: #000;
  display: block
}
.ytPfpEndscreenVideoRendererHost:focus-visible .ytPfpEndscreenVideoRendererOverlay, .ytPfpEndscreenVideoRendererHost:focus-within .ytPfpEndscreenVideoRendererOverlay, .ytPfpEndscreenVideoRendererHost:hover .ytPfpEndscreenVideoRendererOverlay {
  opacity: 1
}
.ytPfpEndscreenVideoRendererThumbnail {
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}
.ytPfpEndscreenVideoRendererOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  color: white
}
.ytPfpEndscreenVideoRendererOverlayTitleByline {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), color-stop(60%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0));
  background: linear-gradient(rgba(0, 0, 0, .8), rgba(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, .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, .8);
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  pointer-events: auto;
  border-radius: 12px;
  padding: 8px 0;
  box-sizing: border-box
}
.ytPfpMoreVideosHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box
}
.ytPfpMoreVideosTitle {
  color: white;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.ytPfpMoreVideosCloseButton {
  padding: 4px;
  margin-right: -4px;
  border: none;
  background: none;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50%
}
.ytPfpMoreVideosCloseButton:hover {
  background-color: rgba(255, 255, 255, .1)
}
.ytPfpMoreVideosCloseIcon {
  color: white;
  height: 24px;
  width: 24px
}
.ytPfpMoreVideosVideoListContainer {
  position: relative;
  width: 100%;
  padding: 0 12px 4px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden
}
.ytPfpMoreVideosVideoList {
  display: -webkit-box;
  display: -webkit-flex;
  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;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}
.ytPfpMoreVideosVideoItem {
  height: 0;
  margin: 0 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%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgba(33, 33, 33, .8);
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.ytPfpMoreVideosPaddleLeft:hover, .ytPfpMoreVideosPaddleRight:hover {
  background-color: rgb(50, 50, 50)
}
.ytPfpMoreVideosPaddleLeft {
  left: 0
}
.ytPfpMoreVideosPaddleRight {
  right: 0
}
.ytPfpMoreVideosPaddleIcon {
  height: 24px;
  width: 24px
}
.ytPfpMoreVideosMoreVideosButton {
  position: absolute;
  bottom: 56px;
  left: 12px;
  background-color: rgba(0, 0, 0, .6);
  color: white;
  border: 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, .1)
}
.ytPfpEndscreenPlaylistRendererHost {
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 100%;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: #000;
  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;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  color: white
}
.ytPfpEndscreenPlaylistRendererOverlayTitle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), color-stop(60%, rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .6) 60%, rgba(0, 0, 0, 0));
  background: linear-gradient(rgba(0, 0, 0, .8), rgba(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: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .8);
  font-size: 12px;
  font-weight: 500;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytPfpEndscreenPlaylistRendererIcon {
  fill: currentColor;
  width: 20px;
  height: 20px;
  margin-right: 4px
}
.ytPfpVideoWallEndscreenHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}
.ytPfpVideoWallEndscreenVisible {
  bottom: 0;
  background-color: rgb(12, 12, 12)
}
.ytPfpVideoWallEndscreenIsObscured {
  visibility: hidden
}
.ytPfpVideoWallEndscreenVideoListContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  pointer-events: auto;
  padding: 12px;
  box-sizing: border-box
}
.ytPfpVideoWallEndscreenVideoList {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0
}
.ytPfpVideoWallEndscreenPaddleLeft, .ytPfpVideoWallEndscreenPaddleRight {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background-color: rgba(33, 33, 33, .9);
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}
.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%;
  -webkit-transform: translate(-50%, -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: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  -webkit-animation: action-fade-out .5s linear 1 normal forwards;
  animation: action-fade-out .5s linear 1 normal forwards
}
.ytPlayerControlsPlayerActionIndicatorIcon {
  width: 36px;
  height: 36px;
  fill: #fff
}
@-webkit-keyframes action-fade-out {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}
@keyframes action-fade-out {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}
.ytwPlayerTimeDisplayHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
  overflow: hidden
}
.ytwPlayerTimeDisplayTimeChunks {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytwPlayerTimeDisplayLiveDot:before {
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
  margin-right: 4px
}
.ytwPlayerTimeDisplayLiveDot.ytwPlayerTimeDisplayLiveHead:before {
  background-color: rgba(225, 0, 45, 0.9);
  opacity: 1
}
.ytwPlayerTimeDisplayTimeDelimiter {
  color: #fff;
  margin: 0 4px;
  opacity: .7
}
.ytwPlayerTimeDisplayTimeSecond {
  opacity: .7
}
.ytwPlayerTimeDisplayChapterText {
  margin-left: 8px
}
.ytwPlayerTimeDisplayPlayerBarActionContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytwPlayerTimeDisplayPlayerBarButton.ytwPlayerTimeDisplayPill {
  margin: 0 0 0 8px
}
.ytwPlayerTimeDisplayPlayerBarButton {
  overflow: hidden;
  max-width: 240px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytwPlayerTimeDisplayChevron {
  color: #fff;
  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: 0 0 2px #000
}
.ytwPlayerTimeDisplayPill button {
  text-shadow: 0 0 2px #000
}
.ytwPlayerTimeDisplayPill svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}
.ytwPlayerTimeDisplayPill {
  margin-left: 16px
}
@media (max-height:221px) {
  .ytwPlayerTimeDisplayFullscreenControlsAlwaysOn {
    display: none
  }
}
.ytwPlayerTimeDisplayScreenReaderOnly {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}
.ytwPlayerSeekOverlayHost {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  pointer-events: none;
  direction: ltr
}
.ytwPlayerSeekOverlayAnimation {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  opacity: 0
}
.ytwPlayerSeekOverlayAnimationBack {
  left: 48px
}
.ytwPlayerSeekOverlayAnimationForward {
  right: 48px
}
.ytwPlayerSeekOverlayDuration {
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  -webkit-transform-origin: center;
  transform-origin: center;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700
}
@media (max-width:527.9px) {
  .ytwPlayerSeekOverlayDuration {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700
  }
}
.ytwPlayerSeekOverlayAnimationBack .ytwPlayerSeekOverlayArrow {
  margin-right: 20px
}
.ytwPlayerSeekOverlayAnimationForward .ytwPlayerSeekOverlayArrow {
  margin-left: 20px
}
.ytwPlayerSeekOverlayArrow .ytwPlayerSeekOverlayArrowSvg {
  display: block
}
.ytwPlayerSeekOverlayArrow .ytwPlayerSeekOverlayArrowPath {
  -webkit-filter: drop-shadow(0 0 .5px rgba(0, 0, 0, 0.8));
  filter: drop-shadow(0 0 .5px rgba(0, 0, 0, 0.8))
}
.ytwPlayerSeekOverlayArrowPersistent {
  position: relative;
  z-index: 1
}
.ytwPlayerSeekOverlayArrowAdditional {
  position: absolute;
  top: 50%;
  translate: 0 -50%
}
.ytwPlayerSeekOverlayAnimationBack .ytwPlayerSeekOverlayArrowAdditional {
  left: 0
}
.ytwPlayerSeekOverlayAnimationForward .ytwPlayerSeekOverlayArrowAdditional {
  right: 0
}
.ytwPlayerEndscreenHost {
  display: block
}
.ytwPlayerEndscreenContainer {
  color: #fff
}
.ytwPlayerEndscreenPlayerEndscreen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytwPlayerEndscreenPlayerEndscreen[data-has-timer-countdown=true] {
  background-color: #000;
  padding: 8px 16px;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: 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: 0;
  right: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
@media (max-width:299px) and (orientation:landscape), (max-width:299px) and (orientation:portrait) {
  .ytwPlayerEndscreenTopPanel {
    display: none
  }
}
.ytwPlayerEndscreenHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 16px
}
.ytwPlayerEndscreenCountdownContainer {
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 12px;
  margin-top: 4px
}
@media (max-width:299px) and (orientation:landscape), (max-width:299px) and (orientation:portrait) {
  .ytwPlayerEndscreenCountdownContainer {
    margin-bottom: 8px
  }
}
.ytwPlayerEndscreenCountdownNumber {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  color: #fff
}
.ytwPlayerEndscreenCuedVideoContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}
.ytwPlayerEndscreenCuedVideoContainer:first-child {
  margin-right: 12px
}
.ytwPlayerEndscreenCuedThumbnailOverlay {
  width: 50%;
  -webkit-flex-basis: calc(50% - 6px);
  flex-basis: calc(50% - 6px);
  position: relative
}
@media (max-width:299px) and (orientation:landscape), (max-width:299px) and (orientation:portrait) {
  .ytwPlayerEndscreenCuedThumbnailOverlay {
    -webkit-flex-basis: calc(50% - 4px);
    flex-basis: calc(50% - 4px)
  }
}
.ytwPlayerEndscreenCuedThumbnailOverlay>.ytwPlayerEndscreenThumbnailContainer {
  width: 100%;
  height: auto;
  padding-bottom: 56.25%
}
.ytwPlayerEndscreenThumbnailOverlays {
  position: absolute;
  bottom: 0;
  right: 0
}
.ytwPlayerEndscreenVideoInfo {
  width: 50%;
  -webkit-flex-basis: calc(50% - 6px);
  flex-basis: calc(50% - 6px)
}
@media (max-width:299px) and (orientation:landscape), (max-width:299px) and (orientation:portrait) {
  .ytwPlayerEndscreenVideoInfo {
    -webkit-flex-basis: calc(50% - 4px);
    flex-basis: calc(50% - 4px)
  }
}
.ytwPlayerEndscreenVideoTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  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 {
  max-height: 4rem;
  color: #fff;
  margin-bottom: 4px
}
.ytwPlayerEndscreenVideoAuthor {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7)
}
.ytwPlayerEndscreenButtonContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  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 #3ea6ff
}
.ytmEmbedsInfoPanelRendererHost {
  color: #fff;
  padding: 12px 0 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  z-index: 2;
  top: 52px;
  min-width: 130px;
  max-width: min(50% - 64px, 272px)
}
.ytmEmbedsInfoPanelRendererHostAutohide {
  -webkit-animation: fade 3s ease-in 10s forwards;
  animation: fade 3s ease-in 10s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
@media (max-aspect-ratio:3/4) {
  .ytmEmbedsInfoPanelRendererHostTopControlsStackedInPortrait {
    top: 112px
  }
}
.ytmEmbedsInfoPanelRendererHidden {
  display: none
}
.ytmEmbedsInfoPanelRendererButton {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: left;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-left: 4px solid #3ea6ff;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  max-width: 312px;
  padding: 8px;
  text-decoration: none
}
.ytmEmbedsInfoPanelRendererText {
  font-size: 1.3rem;
  padding-left: 8px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  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
  }
}
.ytmEmbedsInfoPanelRendererText {
  max-height: 4rem
}
@-webkit-keyframes fade {
  to {
    opacity: 0
  }
}
@keyframes fade {
  to {
    opacity: 0;
    pointer-events: none
  }
}
.ytEmbedsInfoPanelDetailsViewModelBodyText {
  padding: 0 12px 12px 12px;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytAutocropButtonHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: 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;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow-x: auto
}
@media not (pointer:fine) {
  .ytFullscreenVideoRecommendationsHost {
    -ms-overflow-style: none;
    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: #606060
  }
  .ytFullscreenVideoRecommendationsHost::-webkit-scrollbar-thumb:hover {
    background-color: #909090
  }
}
.ytFullscreenVideoRecommendationsRecommendation {
  width: 200px;
  min-width: 200px;
  margin: 0 8px;
  color: #fff
}
.ytwPlayerFullscreenControlsHost {
  display: block
}
.ytwPlayerFullscreenTopControlsHost {
  padding: 12px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 6
}
.ytwPlayerFullscreenTopControlsFullscreenControlsVideoTitle {
  margin: 0;
  color: #fff
}
.ytwPlayerFullscreenTopControlsFullscreenCloseButtonWrapper {
  margin-top: -8px;
  margin-left: auto
}
.ytmPaidContentOverlayHost {
  color: #fff;
  -webkit-animation: fade 3s ease-in 20s forwards;
  animation: fade 3s ease-in 20s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  padding: 12px 0 12px 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytmPaidContentOverlayHidden {
  display: none
}
.ytmPaidContentOverlayLink {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-left: 4px solid #3ea6ff;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  max-width: 312px;
  padding: 8px;
  text-decoration: none
}
.ytmPaidContentOverlayText {
  font-size: 1.3rem;
  padding-left: 8px
}
.ytmPaidContentOverlayHostCompact {
  padding: 8px 0 8px 8px
}
.ytmPaidContentOverlayHostCompact .ytmPaidContentOverlayLink {
  border: none
}
.ytmPaidContentOverlayHostCompact .ytmPaidContentOverlayText {
  padding-left: 0
}
.ytmPaidContentOverlayHostCompact .ytmPaidContentOverlayChevron, .ytmPaidContentOverlayHostCompact .ytmPaidContentOverlayIcon {
  display: none
}
@-webkit-keyframes fade {
  to {
    opacity: 0
  }
}
@keyframes fade {
  to {
    opacity: 0;
    pointer-events: none
  }
}
.player-controls-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  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: 0 0 2px #000
}
.player-controls-bottom .player-bottom-controls-fullscreen-icon-visible-area button {
  text-shadow: 0 0 2px #000
}
.player-controls-bottom .player-bottom-controls-fullscreen-icon-visible-area svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}
.player-controls-bottom.player-controls-bottom-left {
  left: 12px;
  right: 78px
}
.player-controls-bottom.player-controls-bottom-right {
  right: 24px
}
.player-controls-bottom .icon-button.fullscreen-icon {
  display: block;
  box-sizing: border-box;
  height: 48px;
  width: 48px;
  padding: 6px
}
body[faux-fullscreen=true] .player-controls-bottom {
  bottom: 44px
}
body[faux-fullscreen=true] .enable-fullscreen-controls .player-controls-bottom {
  bottom: 74px
}
body[faux-fullscreen=true] .enable-fullscreen-controls.fs-watch-system .player-controls-bottom {
  bottom: 94px
}
.ytwPlayerMiddleControlsHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytwPlayerMiddleControlsA11ySeekButton {
  position: absolute;
  left: 0;
  top: 0;
  height: 12px;
  width: 12px
}
ytm-custom-control .player-controls-middle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 6
}
ytm-custom-control .player-controls-middle.prevent-controls-collision {
  width: -webkit-fit-content;
  width: fit-content;
  left: 50%;
  -webkit-transform: translate(-50%, -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: 0 0 2px #000
}
ytm-custom-control .player-controls-middle .player-middle-controls-prev-next-button .player-middle-controls-prev-next-visible-area button {
  text-shadow: 0 0 2px #000
}
ytm-custom-control .player-controls-middle .player-middle-controls-prev-next-button .player-middle-controls-prev-next-visible-area svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}
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: 0 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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
[dir=rtl] ytm-custom-control .player-controls-middle:not(.prevent-controls-collision) {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
ytm-custom-control .player-controls-middle .player-controls-middle-core-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  direction: ltr
}
.ytmVideoInfoHost {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  min-width: 0
}
.ytmVideoInfoVideoDetailsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-left: 12px;
  min-height: 5.2rem
}
.ytmVideoInfoVideoTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700
}
@media (max-width:527.9px) {
  .ytmVideoInfoVideoTitle {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700
  }
}
.ytmVideoInfoVideoTitle {
  display: block;
  max-width: 100%;
  padding-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(95%, #fff), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: -webkit-linear-gradient(left, #fff 95%, rgba(0, 0, 0, 0));
  mask-image: -webkit-gradient(linear, left top, right top, color-stop(95%, #fff), to(rgba(0, 0, 0, 0)));
  mask-image: linear-gradient(to right, #fff 95%, rgba(0, 0, 0, 0))
}
[dir=rtl] .ytmVideoInfoVideoTitle {
  -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(95%, #fff), to(rgba(0, 0, 0, 0)));
  -webkit-mask-image: -webkit-linear-gradient(right, #fff 95%, rgba(0, 0, 0, 0));
  mask-image: -webkit-gradient(linear, right top, left top, color-stop(95%, #fff), to(rgba(0, 0, 0, 0)));
  mask-image: linear-gradient(to left, #fff 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;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  color: #fff;
  margin-right: 12px;
  padding-left: 0
}
.ytmVideoInfoLogoEnabled {
  padding-left: 52px
}
.ytmVideoInfoChannelLogo {
  width: 36px;
  height: 36px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 12px;
  margin-top: 8px;
  border-radius: 50%;
  z-index: 7;
  position: absolute;
  top: 0
}
.ytmVideoInfoChannelContainer {
  height: 5.2rem;
  position: absolute;
  left: 0;
  min-width: 52px;
  max-width: calc(100% - 12px);
  margin: 4px;
  margin-top: 8px;
  overflow: hidden
}
[dir=rtl] .ytmVideoInfoChannelContainer {
  left: auto;
  right: 0
}
.ytmVideoInfoOverlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  margin-left: 4px;
  height: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transition-timing-function: cubic-bezier(.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(.05, 0, 0, 1);
  opacity: 0;
  max-width: 0;
  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;
  -webkit-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-align-self: center;
  align-self: center;
  max-width: 100%
}
.ytmVideoInfoFlyoutChannelTitle {
  font-size: 1.4rem;
  color: #fff;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block;
  margin-bottom: 2px;
  -webkit-align-self: center;
  align-self: center
}
.ytmVideoInfoFlyoutChannelSubtitle {
  font-size: 1.2rem;
  color: #fff;
  text-overflow: ellipsis;
  max-width: 100%;
  display: block
}
.ytmVideoInfoSubscribeButton {
  -webkit-align-self: center;
  align-self: center
}
.ytmVideoInfoSubscribeButton .is-subscribed .ytAttributedStringHost {
  color: rgba(255, 255, 255, 0.7)
}
.ytmVideoInfoHide, .ytmVideoInfoSubscribeButton .subscribe-button-count {
  display: none
}
.ytmVideoInfoLink:hover {
  cursor: pointer
}
.ytmVideoInfoChannelAvatar {
  display: block;
  position: absolute;
  width: 48px;
  height: 48px
}
.ytmMuteButtonHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 48px;
  height: 48px
}
.ytmMuteButtonButton {
  cursor: pointer;
  width: 48px;
  height: 48px;
  padding: 12px;
  border: none;
  outline: none;
  font: inherit;
  text-transform: inherit;
  color: inherit;
  background: transparent
}
.ytwAutonavToggleButtonHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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: 0;
  left: 0;
  width: 36px;
  height: 14px
}
.ytwAutonavToggleButtonPlayIcon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 22px;
  width: 20px;
  height: 20px
}
[dir=rtl] .ytwAutonavToggleButtonPlayIcon {
  left: 6px
}
.ytwAutonavToggleButtonPauseIcon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 6px;
  width: 20px;
  height: 20px
}
[dir=rtl] .ytwAutonavToggleButtonPauseIcon {
  left: 22px
}
.ytwPlayerAutonavToggleHost {
  display: block
}
.ytwPlayerAutonavToggleHost .ytwAutonavToggleButtonPlayIcon {
  color: #fff
}
.ytwPlayerTopControlsHost {
  display: block
}
.ytwPlayerTopControlsPlayerControlsTopRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytwPlayerTopControlsContainerWithEmbeddedVideoDetails {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
@media (max-aspect-ratio:3/4) {
  .ytwPlayerTopControlsContainerWithEmbeddedVideoDetails {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}
@media (max-aspect-ratio:3/4) {
  .ytwPlayerTopControlsContainerWithEmbeddedVideoDetailsPlayerControlsTopRight {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
  }
}
.ytmWatchPlayerControlsHost {
  display: block
}
.ytmWatchPlayerControlsBackgroundActionItems {
  position: absolute;
  z-index: 2
}
ytm-notification-action-renderer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.notification-action-response-text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-right: 1rem
}
.notification-action-button {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.unified-share-url-input {
  background-color: transparent;
  padding-bottom: 4px;
  outline: none;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  margin-bottom: 1px;
  font: inherit;
  color: #030303;
  border-bottom: 1px solid #737373;
  text-overflow: ellipsis
}
.unified-share-url-input:focus {
  margin-bottom: 0;
  border-bottom-width: 2px;
  border-bottom-color: #030303
}
.unified-share-url-input::-webkit-input-placeholder {
  color: #606060;
  opacity: 1
}
.unified-share-url-input::placeholder {
  color: #606060;
  opacity: 1
}
.unified-share-url-input {
  width: 100%;
  display: block;
  padding: 12px;
  color: #065fd4;
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-style: none;
  border-radius: 8px
}
.bottom-sheet-share-item .unified-share-url-input {
  height: 48px;
  margin-bottom: 12px
}
.share-target-link {
  display: block;
  padding: 12px
}
.bottom-sheet-share-item .share-target-link {
  padding: 0;
  margin-left: 12px;
  height: 48px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
fullscreen-overlay {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow: scroll;
  z-index: 4
}
.ytChipBarViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: relative;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch
}
.ytChipBarViewModelChipBarScrollContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: auto hidden;
  scrollbar-width: none;
  -ms-overflow-style: none
}
.ytChipBarViewModelChipBarScrollContainer::-webkit-scrollbar {
  display: none
}
.ytChipBarViewModelChipBarScrollContainerWrapped {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 8px;
  overflow: visible
}
.ytChipBarViewModelLeftArrowContainer, .ytChipBarViewModelRightArrowContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1
}
.ytChipBarViewModelLeftArrowContainer {
  left: 0
}
.ytChipBarViewModelLeftArrowContainerIsHidden {
  display: none
}
.ytChipBarViewModelLeftArrowContainer:after {
  width: 50px;
  content: "";
  pointer-events: none;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(75%, rgba(255, 255, 255, 0.9)), to(white));
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.9) 75%, white 100%);
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.9) 75%, white 100%)
}
.ytChipBarViewModelRightArrowContainer {
  right: 0
}
.ytChipBarViewModelRightArrowContainerIsHidden {
  display: none
}
.ytChipBarViewModelRightArrowContainer:before {
  width: 50px;
  content: "";
  pointer-events: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.3)), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(75%, rgba(255, 255, 255, 0.9)), to(white));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.9) 75%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.9) 75%, white 100%)
}
.ytChipBarViewModelLeftArrow, .ytChipBarViewModelRightArrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: #fff
}
.ytChipBarViewModelChipWrapper {
  margin-right: 8px
}
.ytChipBarViewModelChipWrapperWithNavigationButtons {
  margin-top: 4px;
  margin-bottom: 4px
}
.ytChipShapeButtonReset {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  color: inherit;
  border: none;
  cursor: pointer;
  outline-width: 0;
  box-sizing: border-box;
  background: none;
  text-decoration: none;
  padding: 0;
  -webkit-tap-highlight-color: transparent
}
.ytChipShapeHost {
  display: block
}
.ytChipShapeChip {
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: none;
  border-radius: 8px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  height: 32px;
  min-width: 12px;
  white-space: nowrap;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytChipShapeChip {
    outline: 1px solid;
    outline-offset: -1px
  }
}
.ytChipShapeElevatedContent {
  z-index: 1;
  pointer-events: none
}
.ytChipShapeOnlyTextPadding {
  padding: 0 12px
}
.ytChipShapeOnlyIconPadding {
  padding: 0
}
.ytChipShapeStartIconPadding {
  -webkit-padding-end: 12px;
  padding-inline-end: 12px
}
.ytChipShapeEndIconPadding {
  -webkit-padding-start: 12px;
  padding-inline-start: 12px
}
.ytChipShapeActive {
  background-color: #0f0f0f;
  color: #fff
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytChipShapeActive {
    forced-color-adjust: none;
    background-color: SelectedItem;
    color: SelectedItemText
  }
}
.ytChipShapeActiveRedesign {
  background-color: rgba(0, 0, 0, 0.1);
  color: #030303
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytChipShapeActiveRedesign {
    forced-color-adjust: none;
    background-color: SelectedItem;
    color: SelectedItemText
  }
}
.ytChipShapeDisabled {
  background-color: rgba(0, 0, 0, 0.05);
  color: #909090
}
.ytChipShapeInactive {
  background-color: rgba(0, 0, 0, 0.05);
  color: #030303
}
.ytChipShapeInactiveRedesign {
  background-color: transparent;
  color: #606060;
  border: 1px solid rgba(0, 0, 0, 0.1)
}
.ytChipShapeFocused {
  outline: 2px solid #030303;
  outline-offset: -2px;
  background-color: #fff;
  color: #030303
}
.ytChipShapeIconStart {
  color: inherit;
  margin: 0 4px 0 8px;
  height: 18px;
  width: 18px
}
.ytChipShapeIconOnly {
  color: inherit;
  margin: 0 8px;
  height: 24px;
  width: 24px
}
.ytChipShapeIconEnd {
  color: inherit;
  margin: 0 6px 0 4px;
  height: 18px;
  width: 18px
}
.ytChipShapeAICustomizedChipBorderDarkMode {
  border: 2px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(#0f0f0f), to(#0f0f0f)) padding-box, -webkit-gradient(linear, left top, right top, from(#7f0e7f), to(#007a65)) border-box;
  background: -webkit-linear-gradient(#0f0f0f, #0f0f0f) padding-box, -webkit-linear-gradient(left, #7f0e7f, #007a65) border-box;
  background: linear-gradient(#0f0f0f, #0f0f0f) padding-box, linear-gradient(to right, #7f0e7f, #007a65) border-box
}
.ytChipShapeAICustomizedChipBackgroundLightMode {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#7f0e7f), to(#007a65));
  background-image: -webkit-linear-gradient(left, #7f0e7f, #007a65);
  background-image: linear-gradient(to right, #7f0e7f, #007a65)
}
.ytChipShapeAICustomizedChipIconDarkMode {
  color: #7f0e7f
}
.ytChipShapeMiddlegroundAsset {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  width: round(up, 100%, 1px);
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  border-radius: 8px
}
.ytChipViewModelHost {
  display: block
}
.ytStandardsTextareaShapeHost {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytStandardsTextareaShapeTextareaContainer {
  position: relative;
  box-sizing: border-box;
  min-height: 56px;
  padding: 24px 12px 8px
}
.ytStandardsTextareaShapeTextareaContainerOutline {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1)
}
.ytStandardsTextareaShapeTextareaContainerOutline:focus-within {
  border: 2px solid #030303;
  padding: 23px 11px 7px
}
.ytStandardsTextareaShapeTextareaContainerOutlineDisabled {
  border: 0;
  color: #909090;
  background-color: rgba(0, 0, 0, 0.05)
}
.ytStandardsTextareaShapeTextareaContainerOutlineError {
  border-color: #c30027
}
.ytStandardsTextareaShapeTextareaContainerOutlineError:focus-within {
  border-color: #c30027
}
.ytStandardsTextareaShapeTextareaContainerLabelHidden {
  min-height: 36px;
  padding: 9px 12px 6px
}
.ytStandardsTextareaShapeTextareaContainerLabelHidden.ytStandardsTextareaShapeTextareaContainerOutline:focus-within {
  padding: 9px 11px 6px
}
.ytStandardsTextareaShapeTextarea {
  min-height: 0;
  color: #030303;
  width: 100%;
  background-color: transparent;
  resize: none;
  border: none;
  outline: none;
  padding: 0;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.ytStandardsTextareaShapeTextarea::-webkit-input-placeholder {
  color: transparent
}
.ytStandardsTextareaShapeTextarea::placeholder {
  color: transparent
}
@media (forced-colors:active) {
  .ytStandardsTextareaShapeTextarea::-webkit-input-placeholder {
    opacity: 0
  }
  .ytStandardsTextareaShapeTextarea::placeholder {
    opacity: 0
  }
}
.ytStandardsTextareaShapeTextarea:disabled {
  color: #909090
}
.ytStandardsTextareaShapeLabel {
  position: absolute;
  top: 8px;
  left: 12px;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytStandardsTextareaShapeLabelFocused {
  top: 7px;
  left: 11px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500
}
.ytStandardsTextareaShapeLabelDisabled {
  color: #909090
}
.ytStandardsTextareaShapeLabelError {
  color: #c30027
}
.ytStandardsTextareaShapeLabelHidden {
  display: none
}
.ytStandardsTextareaShapePlaceholder {
  display: none;
  color: #606060;
  position: absolute;
  top: 16px;
  left: 12px;
  right: 12px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.ytStandardsTextareaShapePlaceholderVisible {
  display: block
}
.ytStandardsTextareaShapeTextareaContainerLabelHidden .ytStandardsTextareaShapePlaceholder {
  top: 8px
}
.ytStandardsTextareaShapeError, .ytStandardsTextareaShapeHint {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 4px;
  color: #c30027;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytStandardsTextareaShapeErrorIcon, .ytStandardsTextareaShapeHintIcon {
  display: inline-block;
  height: 16px;
  width: 16px
}
.ytStandardsTextareaShapeErrorMessage, .ytStandardsTextareaShapeHintMessage {
  margin-left: 4px
}
.ytStandardsTextareaShapeErrorDisabled, .ytStandardsTextareaShapeHintDisabled {
  color: #909090
}
.ytStandardsTextareaShapeErrorCharacterCount, .ytStandardsTextareaShapeHintCharacterCount {
  margin-left: auto
}
.ytStandardsTextareaShapeErrorHintMessage, .ytStandardsTextareaShapeHintHintMessage {
  margin-left: 4px;
  color: #606060
}
.ytStandardsTextareaShapeErrorIcon {
  color: inherit
}
.ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapeTextareaContainer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0
}
.ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapePlaceholder, .ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapeTextarea {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-inline: auto;
  max-width: 80px;
  text-align: center;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 3.6rem;
  line-height: 5rem;
  font-weight: 700
}
@media (max-width:527.9px) {
  .ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapePlaceholder, .ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapeTextarea {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 3.2rem;
    line-height: 4.4rem;
    font-weight: 700
  }
}
.ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapePlaceholder {
  inset: 0
}
.ytStandardsTextareaShapeTimePicker .ytStandardsTextareaShapeTextarea {
  height: 100%;
  padding: 9px 0
}
.ytStandardsTextareaShapeFillParent, .ytStandardsTextareaShapeFillParent .ytStandardsTextareaShapeTextarea {
  height: 100%
}
.ytStandardsTextareaShapeFillParent .ytStandardsTextareaShapeTextareaContainer {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytSearchInputViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 100px;
  background-color: rgba(0, 0, 0, 0.05)
}
@media (-ms-high-contrast:active), (forced-colors:active) {
  .ytSearchInputViewModelHost {
    outline: 2px solid rgba(0, 0, 0, 0.1)
  }
}
.ytSearchInputViewModelHostContentResearch {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1)
}
.ytSearchInputViewModelLeadingIcon {
  margin-left: 16px;
  margin-right: 4px;
  color: #606060;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytSearchInputViewModelForm {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: relative;
  top: 2px
}
.ytSearchInputViewModelClearButton {
  margin-right: 4px
}
.ytwChannelBlocksViewModelHost {
  display: block
}
.ytwChannelBlocksViewModelListWrapper {
  scrollbar-color: transparent transparent;
  scrollbar-width: thin
}
.ytwChannelBlocksViewModelListWrapper::-webkit-scrollbar {
  background: transparent;
  width: 16px
}
.ytwChannelBlocksViewModelListWrapper::-webkit-scrollbar-thumb {
  height: 56px;
  border-radius: 8px;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: transparent
}
.ytwChannelBlocksViewModelListWrapper:hover {
  scrollbar-color: #909090 transparent
}
.ytwChannelBlocksViewModelListWrapper:hover::-webkit-scrollbar-thumb {
  background-color: #909090
}
.ytwChannelBlocksViewModelListWrapper {
  overflow-y: auto;
  max-height: min(360px, 100vh - 300px);
  min-width: min(448px, 100vw - 144px)
}
@media (max-width:330px) {
  .ytwChannelBlocksViewModelListWrapper {
    max-height: calc(100vh - 200px)
  }
}
.ytwChannelBlocksViewModelSearchContainer {
  position: relative;
  padding-bottom: 8px
}
.ytwChannelBlocksViewModelDropdownPanel {
  position: absolute;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  z-index: 2010;
  width: 100%;
  max-height: min(300px, 100vh - 300px);
  overflow-y: auto;
  top: 100%;
  left: 0
}
.ytwChannelBlocksViewModelSuggestionsListbox {
  padding: 8px 0
}
.ytPlayerOverlayInteractionHost {
  display: block
}
.ytPlayerOverlayInteractionInteractionsSvg {
  pointer-events: all;
  cursor: pointer;
  border-radius: 6px
}
.ytPlayerOverlayInteractionInteractionsSvgHover {
  background-color: rgba(0, 0, 0, 0.1)
}
.ytPlayerOverlayInteractionInteractionsSvgHideOutline {
  outline: none
}
.ytDismissibleItemReplacedContent {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytDismissibleItemAspectRatioContainer {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytDismissibleItemAspectRatio16By9 {
  padding-top: 56.25%
}
.ytDismissibleItemAspectRatio2By3 {
  padding-top: 150%
}
.ytDismissibleItemAspectRatio3By4 {
  padding-top: 133.33%
}
.ytDismissibleItemShortsAspectRatio9By16 {
  padding-top: 178%
}
.ytDismissibleItemAspectRatio1By1 {
  padding-top: 100%
}
.ytNotificationMultiActionRendererHost {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 20px 12px 8px;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500
}
.ytNotificationMultiActionRendererHostLegacyShelfStyle {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  border: none
}
.ytNotificationMultiActionRendererTextContainer {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 12px
}
.ytNotificationMultiActionRendererTextContainerLegacyShelfStyle {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  margin-bottom: 0;
  margin-right: 12px
}
.ytNotificationMultiActionRendererButtonContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 100%
}
.ytNotificationMultiActionRendererButtonContainerLegacyShelfStyle {
  width: auto
}
.ytNotificationMultiActionRendererButton {
  padding: 6px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytNotificationTextRendererHost {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 12px;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500
}
.ytwAdAvatarViewModelHost, .ytwAdAvatarViewModelHostIsClickableAdComponent {
  display: block
}
.ytwAdBadgeViewModelHost, .ytwAdBadgeViewModelHostIsClickableAdComponent {
  display: inline
}
.ytwAdBadgeViewModelHostIsClickableAdComponentStyleStandard, .ytwAdBadgeViewModelHostStyleStandard {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytwAdBadgeViewModelHostIsClickableAdComponentStyleStandardBrowse, .ytwAdBadgeViewModelHostStyleStandardBrowse {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytwAdBadgeViewModelHostIsClickableAdComponent {
  cursor: pointer
}
.ytwAdDetailsLineViewModelHost, .ytwAdDetailsLineViewModelHostIsClickableAdComponent {
  display: block
}
.ytwAdDetailsLineViewModelHostIsClickableAdComponentTextStyleStandard, .ytwAdDetailsLineViewModelHostTextStyleStandard {
  color: #606060;
  padding-right: 0;
  padding-left: 0;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwAdDetailsLineViewModelHostIsClickableAdComponentTextStyleStandard, .ytwAdDetailsLineViewModelHostTextStyleStandard {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytwAdDetailsLineViewModelHostIsClickableAdComponentTextStyleStandard, .ytwAdDetailsLineViewModelHostTextStyleStandard {
  max-height: 1.8rem;
  word-break: break-all
}
.ytwAdDetailsLineViewModelHostIsClickableAdComponentTextStyleStandardBrowse, .ytwAdDetailsLineViewModelHostTextStyleStandardBrowse {
  white-space: nowrap;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytwFeedAdMetadataViewModelHost, .ytwFeedAdMetadataViewModelHostIsClickableAdComponent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%;
  position: relative;
  cursor: pointer;
  --feed-ad-metadata-top-padding: 12px
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadata, .ytwFeedAdMetadataViewModelHostMetadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-right: 24px;
  width: 100%;
  overflow: hidden;
  --feed-ad-metadata-bottom-margin: 12px
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadataNoBottomMargin, .ytwFeedAdMetadataViewModelHostMetadataNoBottomMargin {
  --feed-ad-metadata-bottom-margin: 0
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadataAdBadgeDetailsLineContainer, .ytwFeedAdMetadataViewModelHostMetadataAdBadgeDetailsLineContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  cursor: pointer
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadataAdBadgeDetailsLineContainerStyleCompactSearch, .ytwFeedAdMetadataViewModelHostMetadataAdBadgeDetailsLineContainerStyleCompactSearch {
  padding-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMetadataAdBadgeDetailsLineContainerStyleStandard, .ytwFeedAdMetadataViewModelHostMetadataAdBadgeDetailsLineContainerStyleStandard {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
  padding-bottom: var(--feed-ad-metadata-bottom-margin)
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentNoTopPadding, .ytwFeedAdMetadataViewModelHostNoTopPadding {
  --feed-ad-metadata-top-padding: 0
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenuButton, .ytwFeedAdMetadataViewModelHostMenuButton {
  position: absolute;
  top: -6px;
  right: -10px
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenuButtonMenuPosAdjusted, .ytwFeedAdMetadataViewModelHostMenuButtonMenuPosAdjusted {
  right: -7px
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenuStyleStandard, .ytwFeedAdMetadataViewModelHostMenuStyleStandard {
  padding-top: var(--feed-ad-metadata-top-padding);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: -6px;
  right: -10px
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentMenuStyleStandardMenuPosAdjusted, .ytwFeedAdMetadataViewModelHostMenuStyleStandardMenuPosAdjusted {
  right: -7px
}
.ytwFeedAdMetadataViewModelHostAvatarStyleStandard, .ytwFeedAdMetadataViewModelHostIsClickableAdComponentAvatarStyleStandard {
  display: inline-block;
  margin-right: 12px
}
.ytwFeedAdMetadataViewModelHostAvatarStyleCompact, .ytwFeedAdMetadataViewModelHostIsClickableAdComponentAvatarStyleCompact {
  margin-right: 8px
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadline, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadline {
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadline, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadline {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadline, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadline {
  max-height: 4rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadlineTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadlineTypographyBump {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadlineTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadlineTypographyBump {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadlineTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadlineTypographyBump {
  max-height: 4.4rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadlineSearch, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadlineSearch {
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 5.2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadlineSearch, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadlineSearch {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactHeadlineSearch, .ytwFeedAdMetadataViewModelHostTextsStyleCompactHeadlineSearch {
  max-height: 5.2rem;
  margin-bottom: 4px
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescription, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescription {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 5.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescription, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescription {
    -webkit-line-clamp: 3;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescription, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescription {
  max-height: 5.4rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescriptionTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescriptionTypographyBump {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescriptionTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescriptionTypographyBump {
    -webkit-line-clamp: 3;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescriptionTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescriptionTypographyBump {
  max-height: 6rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactSecondaryDescription, .ytwFeedAdMetadataViewModelHostTextsStyleCompactSecondaryDescription {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 5.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactSecondaryDescription, .ytwFeedAdMetadataViewModelHostTextsStyleCompactSecondaryDescription {
    -webkit-line-clamp: 3;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactSecondaryDescription, .ytwFeedAdMetadataViewModelHostTextsStyleCompactSecondaryDescription {
  max-height: 5.4rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactSecondaryDescriptionTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactSecondaryDescriptionTypographyBump {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactSecondaryDescriptionTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactSecondaryDescriptionTypographyBump {
    -webkit-line-clamp: 3;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactSecondaryDescriptionTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleCompactSecondaryDescriptionTypographyBump {
  max-height: 6rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescriptionSearch, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescriptionSearch {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 5.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescriptionSearch, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescriptionSearch {
    -webkit-line-clamp: 3;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleCompactDescriptionSearch, .ytwFeedAdMetadataViewModelHostTextsStyleCompactDescriptionSearch {
  max-height: 5.4rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadline, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadline {
  padding-top: var(--feed-ad-metadata-top-padding);
  margin-bottom: 4px;
  color: #030303;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadline, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadline {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadline, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadline {
  max-height: 4.4rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineWatchNext, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineWatchNext {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineWatchNext, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineWatchNext {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineWatchNext, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineWatchNext {
  max-height: 4rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBump {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 5.2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBump {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBump, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBump {
  max-height: 5.2rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBumpV2, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBumpV2 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 900;
  overflow: hidden;
  display: block;
  max-height: 5.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBumpV2, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBumpV2 {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
@media (max-width:527.9px) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBumpV2, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBumpV2 {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 900;
    overflow: hidden;
    display: block;
    max-height: 5.2rem;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal
  }
  @supports (-webkit-line-clamp:1) {
    .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBumpV2, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBumpV2 {
      -webkit-line-clamp: 2;
      max-height: none
    }
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBumpV2, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBumpV2 {
  max-height: 5.6rem
}
@media (max-width:527.9px) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardHeadlineTypographyBumpV2, .ytwFeedAdMetadataViewModelHostTextsStyleStandardHeadlineTypographyBumpV2 {
    max-height: 5.2rem
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardDescription, .ytwFeedAdMetadataViewModelHostTextsStyleStandardDescription {
  margin-bottom: 4px;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardDescription, .ytwFeedAdMetadataViewModelHostTextsStyleStandardDescription {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardDescription, .ytwFeedAdMetadataViewModelHostTextsStyleStandardDescription {
  max-height: 4rem
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardSecondaryDescription, .ytwFeedAdMetadataViewModelHostTextsStyleStandardSecondaryDescription {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardSecondaryDescription, .ytwFeedAdMetadataViewModelHostTextsStyleStandardSecondaryDescription {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytwFeedAdMetadataViewModelHostIsClickableAdComponentTextsStyleStandardSecondaryDescription, .ytwFeedAdMetadataViewModelHostTextsStyleStandardSecondaryDescription {
  max-height: 4rem
}
.ytwAdDisclosureBannerViewModelHost {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  max-width: 312px;
  padding: 8px
}
.ytwAdDisclosureBannerViewModelHostHasAccent {
  -webkit-border-start: 4px solid var(--ad-disclosure-accent-color);
  border-inline-start: 4px solid var(--ad-disclosure-accent-color)
}
.ytwAdDisclosureBannerViewModelHostIsClickableAdComponent {
  cursor: pointer
}
.ytwAdDisclosureBannerViewModelHostIsClickableAdComponent:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px
}
.ytwAdDisclosureBannerViewModelText {
  background: none;
  color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytFlexibleActionsViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytFlexibleActionsViewModelActionRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytFlexibleActionsViewModelActionRow:not(:last-child) {
  padding-bottom: 8px
}
.ytFlexibleActionsViewModelAction:not(:last-child):not(:empty) {
  padding-right: 8px
}
.ytFlexibleActionsViewModelActionRowAction {
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0
}
.ytFlexibleActionsViewModelActionRowAction:empty {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0
}
.ytFlexibleActionsViewModelActionIntrinsicWidth {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-basis: auto;
  flex-basis: auto
}
.ytFlexibleActionsViewModelActionRowActionFeaturePhone {
  -webkit-flex-basis: unset;
  flex-basis: unset;
  min-width: unset
}
.ytFlexibleActionsViewModelActionIconOnlyButton {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none
}
.ytFlexibleActionsViewModelInline {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row
}
.ytFlexibleActionsViewModelScrollable {
  overflow: auto hidden;
  white-space: nowrap;
  overflow-y: auto;
  scrollbar-color: transparent transparent;
  scrollbar-width: thin
}
.ytFlexibleActionsViewModelScrollable::-webkit-scrollbar {
  background: transparent;
  width: 8px
}
.ytFlexibleActionsViewModelScrollable::-webkit-scrollbar-thumb {
  height: 56px;
  background: transparent
}
.ytFlexibleActionsViewModelScrollable:hover {
  scrollbar-color: #909090 transparent
}
.ytFlexibleActionsViewModelScrollable:hover::-webkit-scrollbar-thumb {
  background: #909090
}
.ytFlexibleActionsViewModelFlexWrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 8px
}
.ytFlexibleActionsViewModelJustifyContentStart {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}
.ytFlexibleActionsViewModelJustifyContentEnd {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.ytFlexibleActionsViewModelCentered .ytFlexibleActionsViewModelAction, .ytFlexibleActionsViewModelCentered .ytFlexibleActionsViewModelActionRow {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0
}
.ytEngagementBarViewModelHost {
  display: block
}
.ytEngagementBarViewModelEngagementBarWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: 48px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytLockupAttachmentsViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytLockupAttachmentsViewModelAttachment {
  margin-top: 12px;
  min-width: 0
}
.ytLockupAttachmentsViewModelExpandableMetadata {
  padding-top: 4px
}
.ytwCarouselAdCardCollectionViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytwCarouselAdCardCollectionViewModelFullHeightButton {
  height: 100%
}
.ytwCarouselAdCardCollectionViewModelFullHeightButton>.ytSpecButtonShapeNextHost {
  height: 100%;
  border-radius: 12px
}
.ytwCarouselAdCardCollectionViewModelMetadataAttachmentCarousel {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 12px;
  overflow-x: auto;
  scrollbar-width: none
}
.ytwCarouselAdCardCollectionViewModelMetadataAttachmentCarousel::-webkit-scrollbar {
  display: none
}
.ytwCarouselAdCardCollectionViewModelMetadataAttachmentCarouselItem {
  width: 96px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytwCarouselAdCardCollectionViewModelMetadataAttachmentCarouselWrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%
}
.ytwCarouselAdCardCollectionViewModelPaddle {
  position: absolute;
  z-index: 1;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytwCarouselAdCardCollectionViewModelPaddleLeft {
  left: -16px
}
.ytwCarouselAdCardCollectionViewModelPaddleRight {
  right: -16px
}
.ytwCarouselAdCardImageViewModelHost, .ytwCarouselAdCardImageViewModelHostIsClickableAdComponent {
  aspect-ratio: 1;
  border-radius: 8px;
  overflow: hidden;
  max-height: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-align-self: stretch;
  align-self: stretch;
  cursor: pointer;
  position: relative
}
.ytwCarouselAdCardImageViewModelHost:after, .ytwCarouselAdCardImageViewModelHostIsClickableAdComponent:after {
  content: "";
  background-color: #000;
  will-change: opacity;
  opacity: 0;
  -webkit-transition: opacity .3s cubic-bezier(.05, 0, 0, 1);
  transition: opacity .3s cubic-bezier(.05, 0, 0, 1);
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.ytwCarouselAdCardImageViewModelHost:hover:after, .ytwCarouselAdCardImageViewModelHostIsClickableAdComponent:hover:after {
  opacity: .1
}
.ytwCarouselAdCardImageViewModelHostCardBadge, .ytwCarouselAdCardImageViewModelHostIsClickableAdComponentCardBadge {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytwAdCardBadgeViewModelHost {
  display: block;
  height: 18px;
  padding: 4px;
  background-color: white;
  border-radius: 0 0 4px
}
.ytwAdImageViewModelHost, .ytwAdImageViewModelHostIsClickableAdComponent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%
}
.ytwAdImageViewModelHostImageContainer, .ytwAdImageViewModelHostIsClickableAdComponentImageContainer {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block
}
.ytwAdImageViewModelHostImage, .ytwAdImageViewModelHostIsClickableAdComponentImage {
  visibility: inherit
}
.ytwAdImageViewModelHostInGridView {
  width: 100%;
  height: 100%;
  position: absolute
}
.ytwAdImageViewModelHostInGridViewImageContainer {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block
}
.ytwAdImageViewModelHostInGridViewImage {
  visibility: inherit
}
.ytwAdImageViewModelHostAdDisclosureBannerContainer {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1
}
.ytwHorizontalCarouselHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  width: 100%;
  overflow: hidden
}
.ytwHorizontalCarouselCarouselWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  overflow: hidden
}
.ytwHorizontalCarouselCarouselInnerWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 8px;
  width: 100%
}
.ytwHorizontalCarouselAnimating {
  -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1);
  transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1);
  transition: transform .2s cubic-bezier(.05, 0, 0, 1);
  transition: transform .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}
.ytwHorizontalCarouselCarouselItem {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.ytwHorizontalCarouselNextButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  margin-left: 8px
}
.ytwAdButtonGroupViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytwAdButtonGroupViewModelHostPrimaryButton {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytwAdButtonGroupViewModelHostSecondaryButton {
  margin-right: 4px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytwAdButtonGroupViewModelHostCompactWidth {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  min-width: 200px;
  width: 50%;
  gap: 12px
}
.ytwAdButtonGroupViewModelHostCompactWidthSecondaryButton {
  margin-right: 0
}
.ytwAdButtonViewModelHost {
  display: block;
  height: -webkit-max-content;
  height: max-content
}
.ytwAdButtonViewModelHostHasAnimation {
  -webkit-transition: opacity, height;
  transition: opacity, height;
  -webkit-transition-duration: .3s;
  transition-duration: .3s
}
.ytwAdButtonViewModelHostCompactWidth {
  -webkit-flex-basis: 0;
  flex-basis: 0;
  width: -webkit-max-content;
  width: max-content;
  min-width: 25%
}
.ytwAdButtonViewModelHostContentWidth {
  width: -webkit-max-content;
  width: max-content
}
.ytwAdButtonViewModelShow {
  opacity: 1
}
.ytwAdButtonViewModelHide {
  opacity: 0
}
.ytwAdButtonViewModelFullHeight {
  height: auto
}
.ytwAdButtonViewModelNoHeight {
  height: 0
}
.ytSlimlineSurveyViewModelHost {
  position: relative;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  margin-top: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  max-height: 300px;
  -webkit-transition: max-height .3s, margin .3s, opacity .3s;
  transition: max-height .3s, margin .3s, opacity .3s
}
.ytSlimlineSurveyViewModelHost:before {
  content: "";
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  position: absolute;
  margin-left: -12px;
  width: 24px;
  height: 24px;
  top: -12px;
  left: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.ytSlimlineSurveyViewModelCollapsed {
  max-height: 0;
  margin-top: 0;
  opacity: 0
}
.ytSlimlineSurveyViewModelCollapsed:before {
  opacity: 0
}
.ytSlimlineSurveyViewModelContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: 12px;
  background-color: #fff;
  padding: 8px 12px;
  overflow: hidden;
  position: relative
}
.ytSlimlineSurveyViewModelHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.ytSlimlineSurveyViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 2.2rem
}
.ytSlimlineSurveyViewModelAnswers {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.ytSlimlineSurveyViewModelIcon {
  height: 36px;
  width: 36px
}
.ytSlimlineSurveyViewModelAnswersText {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytTableViewModelHost {
  display: block;
  width: 100%
}
.ytTableViewModelRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 8px
}
.ytTableViewModelRowBottomBorder {
  padding-bottom: 8px
}
.ytTableViewModelRowBottomBorder:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
.ytTableViewModelCell {
  color: #606060;
  text-align: right;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytTableViewModelRowLabel {
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytDisclaimerItemViewModelHost {
  display: block;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400
}
.ytResponseActionsViewModelHost {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.ytResponseActionsViewModelText {
  display: block
}
.ytResponseActionsViewModelTextLeft {
  margin-right: 16px
}
.ytResponseActionsViewModelTextRight {
  margin-left: 16px
}
.ytSuggestedPromptViewModelHost {
  display: block
}
.ytSuggestedPromptViewModelHostHidden {
  display: none
}
.ytSuggestedPromptViewModelPrompt {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
  box-sizing: border-box;
  width: -webkit-fit-content;
  width: fit-content;
  border: 1px solid rgba(0, 0, 0, 0.1)
}
.ytSuggestedPromptViewModelPromptMediaCard {
  border-radius: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  padding: 24px
}
.ytSuggestedPromptViewModelPromptCard {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 16px;
  padding: 0 16px
}
.ytSuggestedPromptViewModelPromptPill {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytSuggestedPromptViewModelPromptPill.ytSuggestedPromptViewModelPromptSmallLayout {
  max-width: 90%;
  height: 40px;
  border-radius: 20px;
  padding: 4px 16px 4px 4px
}
.ytSuggestedPromptViewModelPromptPill.ytSuggestedPromptViewModelPromptSmallLayout .ytSuggestedPromptViewModelLeadingAccessory {
  height: 32px;
  width: 32px
}
.ytSuggestedPromptViewModelPromptPill.ytSuggestedPromptViewModelPromptSmallLayout.ytSuggestedPromptViewModelPromptTextOnly {
  padding: 8px 16px
}
.ytSuggestedPromptViewModelPromptPill.ytSuggestedPromptViewModelPromptDefaultLayout {
  height: 48px;
  border-radius: 24px;
  max-width: 500px;
  padding: 6px 16px 6px 6px
}
.ytSuggestedPromptViewModelPromptPill.ytSuggestedPromptViewModelPromptDefaultLayout .ytSuggestedPromptViewModelLeadingAccessory {
  height: 36px;
  width: 36px
}
.ytSuggestedPromptViewModelPromptPill.ytSuggestedPromptViewModelPromptDefaultLayout.ytSuggestedPromptViewModelPromptTextOnly {
  padding: 16px 24px
}
.ytSuggestedPromptViewModelLeadingAccessory {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.ytSuggestedPromptViewModelPromptPill .ytSuggestedPromptViewModelLeadingAccessory {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
  margin-right: 8px
}
.ytSuggestedPromptViewModelPromptCard .ytSuggestedPromptViewModelLeadingAccessory {
  margin-right: 12px
}
.ytSuggestedPromptViewModelLeadingAccessoryRotateLeft {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg)
}
.ytSuggestedPromptViewModelLeadingAccessoryRotateRight {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg)
}
.ytSuggestedPromptViewModelEnableZoom:hover .ytSuggestedPromptViewModelLeadingImage {
  -webkit-transform: scale(1.08);
  transform: scale(1.08)
}
@media (prefers-reduced-motion:no-preference) {
  .ytSuggestedPromptViewModelEnableZoom .ytSuggestedPromptViewModelLeadingImage {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1);
    transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1);
    transition: transform .2s cubic-bezier(.05, 0, 0, 1);
    transition: transform .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1)
  }
}
.ytSuggestedPromptViewModelPromptTextWrapper {
  min-width: 0
}
.ytSuggestedPromptViewModelPromptText {
  color: #030303;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0
}
.ytSuggestedPromptViewModelPromptSmallLayout .ytSuggestedPromptViewModelPromptText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis
}
.ytSuggestedPromptViewModelPromptDefaultLayout .ytSuggestedPromptViewModelPromptText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis
}
.ytSuggestedPromptViewModelSecondaryLabel {
  padding-bottom: 4px;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis
}
.ytSuggestedPromptViewModelPromptMediaCard .ytSuggestedPromptViewModelLeadingAccessory {
  margin-right: 0;
  border-radius: 16px;
  overflow: hidden
}
.ytSuggestedPromptViewModelPromptMediaCard .ytSuggestedPromptViewModelPromptTextWrapper {
  padding-top: 12px
}
.ytSuggestedPromptViewModelPromptCard.ytSuggestedPromptViewModelPromptSmallLayout {
  width: 100%;
  min-height: 56px
}
.ytSuggestedPromptViewModelPromptCard.ytSuggestedPromptViewModelPromptSmallLayout .ytSuggestedPromptViewModelPromptText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytSuggestedPromptViewModelPromptCard.ytSuggestedPromptViewModelPromptSmallLayout .ytSuggestedPromptViewModelPromptText {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytSuggestedPromptViewModelPromptCard.ytSuggestedPromptViewModelPromptDefaultLayout {
  width: 100%;
  min-height: 68px
}
.ytSuggestedPromptViewModelPromptCard.ytSuggestedPromptViewModelPromptDefaultLayout .ytSuggestedPromptViewModelPromptText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytSuggestedPromptViewModelPromptCard.ytSuggestedPromptViewModelPromptDefaultLayout .ytSuggestedPromptViewModelPromptText {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytLockupViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  position: relative;
  cursor: pointer;
  min-width: 0;
  -webkit-tap-highlight-color: transparent
}
.ytLockupViewModelFlexNone {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none
}
.ytLockupViewModelWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytLockupViewModelEndorsement {
  position: absolute;
  top: -20px;
  color: #606060
}
.ytLockupViewModelMetadata {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytLockupViewModelCentered .ytLockupViewModelMetadata {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytLockupViewModelAddMargins {
  margin-right: 12px;
  margin-left: 12px
}
.ytLockupViewModelFullbleed .ytLockupViewModelMetadata {
  margin-left: 12px;
  margin-right: 12px
}
.ytLockupViewModelContentImage {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
  flex-direction: inherit
}
.ytLockupViewModelCinematic {
  border-radius: 12px;
  overflow: hidden
}
.ytLockupViewModelVertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytLockupViewModelVertical .ytLockupViewModelContentImage {
  padding-bottom: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytLockupViewModelVertical.ytLockupViewModelRichGridLegacyMargin .ytLockupViewModelContentImage {
  padding-bottom: 12px
}
.ytLockupViewModelHorizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  height: inherit
}
.ytLockupViewModelHorizontal .ytLockupViewModelContentImage {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  padding-right: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 500px
}
.ytLockupViewModelHorizontal .ytLockupViewModelMetadata {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytLockupViewModelHorizontal.ytLockupViewModelCollectionStack1 {
  position: relative;
  margin-top: 6px
}
.ytLockupViewModelHorizontal.ytLockupViewModelCollectionStack2 {
  position: relative;
  margin-top: 10px
}
.ytLockupViewModelHorizontal.ytLockupViewModelCompact .ytLockupViewModelContentImage {
  padding-right: 8px
}
.ytLockupViewModelSingleColumnGrid.ytLockupViewModelCollectionStack1 {
  position: relative;
  margin-top: 6px
}
.ytLockupViewModelSingleColumnGrid.ytLockupViewModelCollectionStack2 {
  position: relative;
  margin-top: 10px
}
.ytLockupViewModelInCard.ytLockupViewModelCollectionStack1 {
  position: relative;
  margin-top: 6px
}
.ytLockupViewModelInCard.ytLockupViewModelCollectionStack2 {
  position: relative;
  margin-top: 10px
}
.ytLockupViewModelMetadataOnThumbnail {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative
}
.ytLockupViewModelMetadataOnThumbnail .ytLockupViewModelMetadata {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 50%;
  padding: 8px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 100%)
}
.ytLockupViewModelMetadataOnThumbnail.ytLockupViewModelCinematic .ytLockupViewModelContentImage {
  height: 55%
}
.ytLockupViewModelMetadataOnThumbnail.ytLockupViewModelCinematic .ytLockupViewModelMetadata {
  height: 75%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, #333));
  background: -webkit-linear-gradient(top, transparent 0, #333 50%);
  background: linear-gradient(to bottom, transparent 0, #333 50%);
  top: auto
}
.ytLockupViewModelCard {
  border-radius: 12px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.05)
}
.ytLockupViewModelProtectBackground {
  background-color: rgba(255, 255, 255, 0.7)
}
.ytSubscribeButtonViewModelHost {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  max-width: 100%
}
.ytSubscribeButtonViewModelHostCanAnimateWidth {
  -webkit-transition: width .5s ease;
  transition: width .5s ease
}
.ytSubscribeButtonViewModelHostHidden {
  display: none
}
.ytSubscribeButtonViewModelInvisible {
  position: absolute;
  visibility: hidden;
  pointer-events: none
}
.ytSubscribeButtonViewModelContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytSubscribeButtonViewModelAnimatedActionWrapper {
  max-width: 100%
}
.ytSubscribeButtonViewModelAnimatedActionWrapperIsAnimating, .ytSubscribeButtonViewModelStaticWidth {
  width: 100%
}
.ytCollectionsStackRelativeStack {
  position: relative
}
.ytCollectionsStackSpacer {
  height: 5px
}
.ytCollectionsStackSpacerDoubleStack {
  height: 9px
}
.ytCollectionsStackCollectionStack2 {
  background-color: #606060;
  opacity: 50%;
  position: absolute;
  top: -8px;
  width: calc(100% - 24px);
  height: 100%;
  left: 12px;
  right: 12px;
  border-radius: 12px
}
@media (min-aspect-ratio:13/9) and (orientation:landscape), (min-width:931px) and (orientation:landscape) {
  .ytCollectionsStackCollectionStack2ResponsiveMode {
    display: none
  }
}
.ytCollectionsStackCollectionStack2Mask {
  margin-top: -1px;
  -webkit-mask-image: -webkit-linear-gradient(top, transparent, transparent 1px, black 0, black 4px, transparent 0, transparent 6px, black 0, black 8px, transparent 0, transparent 10px, black 0);
  mask-image: linear-gradient(180deg, transparent 0, transparent 1px, black 0, black 4px, transparent 0, transparent 6px, black 0, black 8px, transparent 0, transparent 10px, black 0)
}
.ytCollectionsStackCollectionStack1 {
  background-color: #606060;
  margin-top: -1px;
  border-top: 1px solid #fff
}
.ytCollectionsStackCollectionStack1Small {
  position: absolute;
  top: -4px;
  width: calc(100% - 16px);
  height: 100%;
  left: 8px;
  right: 8px;
  border-radius: 4px
}
.ytCollectionsStackCollectionStack1Medium {
  position: absolute;
  top: -4px;
  width: calc(100% - 16px);
  height: 100%;
  left: 8px;
  right: 8px;
  border-radius: 8px
}
.ytCollectionsStackCollectionStack1Large {
  position: absolute;
  top: -4px;
  width: calc(100% - 16px);
  height: 100%;
  left: 8px;
  right: 8px;
  border-radius: 12px
}
.ytCollectionsStackCollectionStack1Mask {
  -webkit-mask-image: -webkit-linear-gradient(top, transparent, transparent 1px, black 0, black 4px, transparent 0, transparent 6px, black 0);
  mask-image: linear-gradient(180deg, transparent 0, transparent 1px, black 0, black 4px, transparent 0, transparent 6px, black 0);
  border-top: none
}
.ytProfileIconHost {
  display: inline-block;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1)
}
.ytProfileIconHost:has(.ytProfileIconImage) {
  background-color: unset
}
.ytProfileIconImage {
  width: 100%;
  height: 100%
}
.ytMetadataBadgeRendererHost+.ytMetadataBadgeRendererHost {
  margin-left: 4px
}
.ytwStandaloneYpcBadgeRendererHost {
  margin-left: 4px
}
.ytwStandaloneYpcBadgeRendererStandaloneYpcModernBadge {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row
}
.ytwStandaloneYpcBadgeRendererStandaloneYpcDiscountTextBadge {
  margin-right: 4px;
  text-decoration: line-through
}
.ytwTextBadgeRendererHost+.ytwTextBadgeRendererHost {
  margin-left: 4px
}
.YtmBadgeAndBylineRendererHost {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 3em;
  text-overflow: ellipsis;
  overflow: hidden
}
@media (max-width:299px) and (orientation:landscape), (max-width:299px) and (orientation:portrait) {
  .YtmBadgeAndBylineRendererHost {
    display: block;
    max-height: none;
    overflow: visible
  }
}
.YtmBadgeAndBylineRendererHost[data-is-all-badges=true] {
  margin-top: 4px
}
.YtmBadgeAndBylineRendererHost ytm-badge-supported-renderer {
  position: relative
}
.YtmBadgeAndBylineRendererSmallLockup {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}
.YtmBadgeAndBylineRendererSmallLockupDiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.YtmBadgeAndBylineRendererHost .YtmBadgeAndBylineRendererSmallLockupSpan {
  display: block;
  line-height: 1.25;
  max-height: 1.25em;
  overflow: hidden;
  white-space: pre;
  word-break: break-word;
  text-overflow: ellipsis
}
.YtmBadgeAndBylineRendererItemBadge, .YtmBadgeAndBylineRendererItemByline, .YtmBadgeAndBylineRendererSeparator {
  margin-right: 4px
}
.YtmBadgeAndBylineRendererItemByline {
  font-size: 1.2rem;
  display: inline;
  opacity: .6
}
.YtmBadgeAndBylineRendererItemBadge {
  display: inline-block
}
.YtmBadgeAndBylineRendererSeparator {
  font-size: 1.2rem;
  opacity: .6
}
.YtmBadgeSupportedRendererHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.YtmBadgeSupportedRendererHost>yt-metadata-badge-renderer {
  min-width: 0;
  -webkit-flex-shrink: 10000;
  flex-shrink: 10000
}
.YtmBadgeSupportedRendererHost>yt-metadata-badge-renderer:first-child {
  -webkit-flex-shrink: 1;
  flex-shrink: 1
}
.YtmBadgeSupportedRendererHost ytm-badge {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.YtmPrivacyBadgeRendererHost {
  margin-left: 4px
}
.YtmChannelThumbnailWithLinkRendererHost {
  display: block
}
.YtmChannelThumbnailWithLinkRendererIcon {
  height: 40px;
  width: 40px
}
lazy-list ytm-media-item {
  display: block;
  padding: 0;
  min-width: 0;
  overflow: hidden
}
lazy-list ytm-media-item .media-item-thumbnail-container {
  padding: 0 12px
}
lazy-list ytm-media-item .media-item-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0;
  padding-left: 0;
  margin-top: 4px
}
ytm-media-item .upper-details {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 8px
}
lazy-list ytm-media-item .media-channel {
  margin-top: 8px
}
ytm-media-item .upper-details .media-channel, ytm-media-item[use-vertical-layout] .upper-details .media-channel {
  margin-top: 0
}
ytm-media-item .upper-details ytm-profile-icon {
  display: block;
  height: 36px;
  width: 36px
}
lazy-list ytm-media-item .media-item-metadata {
  margin-top: 8px
}
lazy-list .item ytm-media-item {
  margin-top: 0;
  margin-bottom: 12px
}
lazy-list ytm-media-item .video-thumbnail-container-large {
  margin: 0 -12px
}
@-webkit-keyframes metadata-bounce {
  0%, to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  20%, 80% {
    -webkit-transform: translateX(-120px);
    transform: translateX(-120px)
  }
}
@keyframes metadata-bounce {
  0%, to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  20%, 80% {
    -webkit-transform: translateX(-120px);
    transform: translateX(-120px)
  }
}
ytm-media-item .metadata-scroll-container {
  overflow: auto;
  -webkit-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scrollbar-width: none
}
ytm-media-item .metadata-content-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 200%
}
ytm-media-item .metadata-content-container.bounce {
  -webkit-animation-name: metadata-bounce;
  animation-name: metadata-bounce;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1
}
ytm-media-item .scroll-view {
  width: 50%;
  scroll-snap-align: start
}
ytm-media-item .scroll-dots-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}
ytm-media-item .scroll-dot {
  height: 4px;
  width: 4px;
  border: 1px solid #030303;
  border-radius: 50%;
  margin: 0 3px
}
ytm-media-item .scroll-dot.active {
  background-color: #030303
}
ytm-media-item {
  display: block;
  padding: 0 12px;
  min-width: 0
}
ytm-media-item[use-vertical-layout] {
  padding: 0
}
ytm-media-item[use-vertical-layout] .media-item-metadata {
  margin-top: 8px
}
ytm-media-item[use-vertical-layout] .upper-details .media-item-metadata {
  margin-top: 0;
  -webkit-align-self: center;
  align-self: center
}
ytm-media-item[use-vertical-layout] .media-channel {
  margin-top: 8px
}
ytm-media-item>a {
  display: block
}
.media-item-thumbnail-container {
  position: relative
}
.media-item-thumbnail-container.stacked:not(.multi-column-feed) {
  margin-left: 12px;
  margin-right: 12px;
  position: relative;
  margin-top: 10px
}
.media-item-thumbnail-container.multi-column-feed {
  margin-top: -2px
}
@media (min-aspect-ratio:13/9) and (orientation:landscape), (min-width:931px) and (orientation:landscape) {
  .media-item-thumbnail-container.stacked:not(.multi-column-feed) {
    margin-left: unset;
    margin-right: unset
  }
  .media-item-thumbnail-container.stacked:not(.multi-column-feed) {
    margin-top: 4px
  }
  ytm-media-item .media-item-landscape-stack {
    display: none
  }
  ytm-media-item .media-item-details.stacked {
    margin-top: 4px
  }
}
@media (min-width:550px) and (orientation:portrait) {
  ytm-media-item .media-item-details.stacked-playlist {
    margin-left: 4px
  }
}
.media-item-animated-thumbnail, .media-item-thumbnail-slideshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}
.inline-byline-channel-name {
  margin-bottom: 3px
}
.media-item-metadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0
}
.media-item-headline {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 2.5em;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.25;
  text-overflow: ellipsis;
  font-weight: 400;
  margin: 0 0 3px;
  font-size: 1.4rem
}
.media-item-top-badges yt-metadata-badge-renderer {
  display: block
}
.media-icon {
  height: 40px;
  width: 40px
}
.media-channel {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.media-item-info, ytm-media-item .media-item-details {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  min-width: 0
}
.media-item-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-left: 12px
}
.media-item-details.small-lockup, .media-item-info[no-channel-avatar=true] {
  margin-left: 0;
  margin-right: 0
}
.media-item-details.feature-phone-minimal-lockups .media-item-info {
  margin-left: 8px;
  margin-right: 8px
}
.media-item-details .media-item-info[no-channel-avatar=true][use-modern-collections=true] {
  margin-left: 4px
}
.media-item-headline-placeholder {
  height: 16px;
  max-width: 300px;
  margin-bottom: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px
}
.media-item-headline-placeholder:nth-child(2) {
  width: 120px;
  margin-bottom: 8px
}
.media-item-endorsement-container {
  font-size: 1.2rem;
  line-height: 1.6rem
}
@media (min-width:300px) and (orientation:landscape), (min-width:300px) and (orientation:portrait) {
  .media-item-endorsement-container {
    letter-spacing: .02em
  }
}
.media-item-endorsement-container {
  margin-bottom: -4px;
  color: #030303;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.media-item-endorsement-container>.media-item-secondary-headline {
  padding-top: 8px
}
.media-item-endorsement-container>.media-item-secondary-headline>span {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 3.2rem;
  -webkit-line-clamp: 2;
  line-clamp: 2
}
.media-item-endorsement-container>.media-item-secondary-headline>span>strong {
  font-weight: 700
}
.media-item-subhead-placeholder {
  height: 16px;
  width: 120px;
  margin-bottom: 3px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px
}
.media-item-menu {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.media-item-byline {
  unicode-bidi: -webkit-isolate;
  unicode-bidi: isolate
}
ytm-media-item .media-item-details.feature-phone-minimal-lockups .media-channel {
  display: none
}
ytm-media-item .media-item-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 12px
}
ytm-media-item[use-vertical-layout] .media-item-details {
  margin-top: 4px
}
ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-media-item {
  margin: 0
}
ytm-browse ytm-item-section-renderer:first-of-type ytm-media-item {
  margin: -12px 0 0
}
ytm-media-item .video-thumbnail-overlay-side {
  width: 33%
}
@media (max-width:549px) and (orientation:portrait) {
  lazy-list ytm-media-item .media-item-details {
    padding-left: 12px
  }
  lazy-list ytm-media-item.big-shorts-singleton .media-item-thumbnail-container {
    padding: 0
  }
  lazy-list ytm-media-item.big-shorts-singleton .video-thumbnail-container-large {
    margin: 0
  }
}
@media (min-width:550px) and (orientation:portrait) {
  ytm-browse ytm-item-section-renderer:first-of-type ytm-promoted-video-renderer ytm-media-item {
    margin-top: 0
  }
  lazy-list ytm-media-item {
    padding: 0 12px
  }
  lazy-list .item ytm-media-item {
    margin-top: 12px
  }
  lazy-list ytm-media-item .media-item-thumbnail-container {
    padding: 0
  }
  lazy-list ytm-media-item .video-thumbnail-container-large {
    margin: 0
  }
}
@media (min-aspect-ratio:13/9) and (orientation:landscape), (min-width:931px) and (orientation:landscape) {
  ytm-media-item:not([use-vertical-layout]) {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    min-width: 0
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-thumbnail-container {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
  }
  ytm-media-item:not([use-vertical-layout]) .video-thumbnail-container-large {
    width: 200px;
    height: 112px;
    padding-bottom: 0
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 12px;
    min-width: 0;
    width: 100%
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-info {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-metadata {
    margin-bottom: 2px;
    max-height: 70px;
    overflow: hidden;
    min-width: 0
  }
  ytm-media-item[use-vertical-layout] .media-item-headline {
    margin-bottom: 8px
  }
  ytm-media-item:not([use-vertical-layout]) .media-channel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
    width: 100%
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-extra-endpoint {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
  }
  lazy-list ytm-media-item {
    padding: 0 12px
  }
  lazy-list .item ytm-media-item {
    margin-top: 12px
  }
  lazy-list ytm-media-item .media-item-thumbnail-container {
    padding: 0
  }
  lazy-list ytm-media-item .media-channel {
    margin-top: 0
  }
  lazy-list ytm-media-item .media-item-metadata {
    margin-top: 0
  }
  ytm-browse ytm-item-section-renderer:first-of-type ytm-media-item:not([use-vertical-layout]) {
    margin-top: 0
  }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-media-item:not([use-vertical-layout]) {
    margin-top: 12px
  }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-promoted-video-renderer ytm-media-item:not([use-vertical-layout]) {
    margin-top: 0
  }
  lazy-list ytm-media-item .video-thumbnail-container-large {
    margin: 0
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-info {
    margin-left: 0
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-details.stacked-playlist {
    margin-top: 4px
  }
  ytm-media-item:not([use-vertical-layout]) .media-item-details.stacked {
    margin-top: 4px
  }
}
@media (max-width:930px) and (orientation:landscape) {
  lazy-list ytm-media-item {
    padding: 0 12px
  }
  lazy-list .item ytm-media-item {
    margin-top: 12px
  }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-promoted-video-renderer ytm-media-item:not([use-vertical-layout]) {
    margin-top: 12px
  }
}
@media (max-width:299px) and (orientation:landscape), (max-width:299px) and (orientation:portrait) {
  ytm-media-item {
    padding: 0 8px
  }
  ytm-media-item .media-item-details {
    margin-top: 12px;
    margin-bottom: 12px
  }
  ytm-browse ytm-item-section-renderer:first-of-type ytm-media-item {
    margin-top: 8px
  }
  lazy-list ytm-media-item {
    padding: 0 8px
  }
  lazy-list .item ytm-media-item {
    margin-bottom: 0
  }
  lazy-list ytm-media-item .media-item-thumbnail-container {
    padding: 0
  }
  lazy-list ytm-media-item .media-item-metadata {
    margin-top: 0
  }
  lazy-list ytm-media-item .media-item-details {
    margin-top: 12px;
    margin-bottom: 4px;
    padding-left: 0
  }
  ytm-browse lazy-list ytm-media-item .media-item-details {
    margin-bottom: 0
  }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-media-item {
    margin-top: 8px
  }
  lazy-list ytm-media-item .video-thumbnail-container-large {
    margin: 0
  }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-promoted-video-renderer ytm-media-item:not([use-vertical-layout]) {
    margin-top: 8px
  }
}
@media (max-width:299px) and (orientation:portrait) {
  lazy-list .item ytm-media-item {
    margin-top: 8px
  }
}
@media (min-width:300px) and (max-width:330px) {
  lazy-list ytm-media-item {
    padding: 0 12px
  }
  lazy-list ytm-media-item .media-item-thumbnail-container {
    padding: 0
  }
  lazy-list ytm-media-item .video-thumbnail-container-large {
    margin: 0
  }
  ytm-browse lazy-list ytm-item-section-renderer:first-of-type ytm-promoted-video-renderer ytm-media-item:not([use-vertical-layout]) {
    margin-top: 0
  }
}
ytm-media-item.small-lockup {
  margin-right: 0;
  padding-left: 0;
  width: 160px
}
ytm-media-item.small-lockup .media-item-headline {
  font-weight: 400
}
ytm-thumbnail-overlay-icon-renderer {
  box-sizing: content-box
}
ytm-thumbnail-overlay-icon-renderer:not([icon-position=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_POSITION_BOTTOM_LEFT_CORNER]) {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: rgba(0, 0, 0, 0.3)
}
ytm-thumbnail-overlay-icon-renderer[icon-position=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_POSITION_BOTTOM_LEFT_CORNER] {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 5px;
  padding: 1px;
  background-color: #fff;
  border-radius: 50%
}
[icon-style=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED] c3-icon {
  display: block;
  padding: 1px;
  width: 1.2rem;
  height: 1.2rem
}
ytm-thumbnail-overlay-icon-renderer:not([icon-style=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED]) c3-icon {
  width: 2rem;
  height: 2rem
}
ytm-thumbnail-overlay-icon-renderer[icon-style=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED] c3-icon path {
  fill: #000
}
ytm-thumbnail-overlay-icon-renderer:not([icon-style=THUMBNAIL_OVERLAY_ICON_RENDERER_ICON_STYLE_FILLED]) c3-icon path {
  fill: #fff
}
.YtmThumbnailOverlayResumePlaybackRendererHost {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #909090;
  position: absolute;
  bottom: 0
}
.YtmThumbnailOverlayResumePlaybackRendererThumbnailOverlayResumePlaybackProgress {
  height: 4px;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, #f03), to(#ff2791));
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791);
  background: linear-gradient(90deg, #f03 80%, #ff2791)
}
ytm-video-with-context-renderer {
  display: block
}
@media (max-width:299px) and (orientation:landscape), (max-width:299px) and (orientation:portrait) {
  ytm-video-with-context-renderer.feed-item {
    margin-bottom: 16px
  }
}
@media (min-width:300px) and (orientation:landscape), (min-width:300px) and (orientation:portrait) {
  ytm-video-with-context-renderer.feed-item {
    margin-bottom: 24px
  }
}
@media (max-width:299px) and (orientation:landscape), (max-width:299px) and (orientation:portrait) {
  ytm-video-with-context-renderer.adaptive-feed-item {
    margin-bottom: 16px
  }
}
@media (min-width:300px) and (orientation:landscape), (min-width:300px) and (orientation:portrait) {
  ytm-video-with-context-renderer.adaptive-feed-item {
    margin-bottom: 24px
  }
}
@media (min-aspect-ratio:13/9) and (orientation:landscape), (min-width:931px) and (orientation:landscape) {
  ytm-video-with-context-renderer.adaptive-feed-item {
    margin-bottom: 12px
  }
}
lazy-list ytm-video-with-context-renderer.item {
  margin-top: 0
}
.videoThumbnailGroupOverlayBottomLeftRightGroup {
  width: 100%;
  bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.videoThumbnailGroupResumePlayback {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  order: 1
}
.videoThumbnailGroupTimeStatus {
  right: 0;
  bottom: 0;
  position: absolute
}
.videoThumbnailGroupOverlayLeftRightGroup {
  position: relative;
  width: 100%;
  bottom: 0;
  height: 100%
}
.videoThumbnailGroupOverlayCenter {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute
}
.ytDialogViewModelHost {
  display: block
}
.ytDialogViewModelResetSpacing[dialog][dialog] {
  padding: 0;
  margin: 0
}
.ytwAccountLinkButtonViewModelHost {
  display: block
}
.ytwAccountLinkButtonViewModelHostMinWidth .ytSpecButtonShapeNextHost {
  min-width: 120px
}
.ytTextFieldViewModelHost {
  display: block
}
.ytCreatePlaylistDialogFormViewModelHost {
  display: block;
  margin-top: 12px
}
.ytCreatePlaylistDialogFormViewModelTitleField, .ytCreatePlaylistDialogFormViewModelVisibilityField {
  margin-bottom: 12px
}
.ytDropdownViewModelHost {
  display: block
}
.ytDropdownViewModelDropdownContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  box-sizing: border-box;
  height: 56px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer
}
.ytDropdownViewModelDropdownContainerErrorBorder {
  border-color: #c30027
}
.ytDropdownViewModelDropdownContainerDisabled {
  border: 0;
  color: #909090;
  background-color: rgba(0, 0, 0, 0.05);
  cursor: default
}
.ytDropdownViewModelText {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytDropdownViewModelLabel {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytDropdownViewModelLabelError {
  color: #c30027
}
.ytDropdownViewModelTitle {
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.ytDropdownViewModelTitlePlaceholder {
  color: #909090
}
.ytDropdownViewModelChevronDown {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #030303
}
.ytDropdownViewModelChevronDownDisabled {
  color: #909090
}
.ytDropdownViewModelSupport {
  margin-top: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytDropdownViewModelSupportHint {
  color: #606060
}
.ytDropdownViewModelSupportError {
  color: #c30027
}
.ytDropdownViewModelSupportIcon {
  display: inline-block;
  height: 16px;
  width: 16px
}
.ytDropdownViewModelSupportText {
  margin-left: 4px
}
ytm-chip-cloud-chip-renderer {
  cursor: pointer;
  outline: none;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none
}
ytm-chip-cloud-chip-renderer .chip-container {
  height: 32px;
  min-width: 48px;
  text-align: center;
  padding: 0 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  box-sizing: border-box;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 8px;
  border: 0
}
ytm-chip-cloud-chip-renderer .chip-container.chip-no-vertical-padding {
  padding: 0
}
ytm-chip-cloud-chip-renderer .chip-container:has(c3-icon) {
  padding-left: 8px
}
ytm-chip-cloud-chip-renderer .chip-container.light-effect {
  position: relative
}
ytm-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT] .chip-container, ytm-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER] .chip-container {
  background-color: rgba(0, 0, 0, 0.05);
  color: #030303;
  -webkit-transition: background-color .5s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .5s cubic-bezier(.05, 0, 0, 1)
}
ytm-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT] .chip-container>c3-icon, ytm-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER] .chip-container>c3-icon {
  height: 18px;
  width: 18px;
  padding-right: 4px
}
ytm-chip-cloud-chip-renderer[chip-style=STYLE_DEFAULT].selected .chip-container, ytm-chip-cloud-chip-renderer[chip-style=STYLE_HOME_FILTER].selected .chip-container {
  background-color: #030303;
  color: #fff
}
ytm-chip-cloud-chip-renderer .chip-text {
  max-width: 20rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
ytm-chip-cloud-chip-renderer .chip-text.modern {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
ytm-chip-cloud-chip-renderer[chip-style=STYLE_EXPLORE_LAUNCHER_CHIP] .chip-container {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  border: 0;
  padding: 0 12px 0 6px
}
ytm-chip-cloud-chip-renderer[chip-style=STYLE_EXPLORE_LAUNCHER_CHIP] .chip-container>c3-icon {
  padding-right: 4px
}
ytm-chip-cloud-chip-renderer[chip-style=STYLE_EXPLORE_LAUNCHER_CHIP].more-drawer .chip-container {
  padding: 0;
  min-width: 48px
}
ytm-chip-cloud-chip-renderer[chip-style=STYLE_EXPLORE_LAUNCHER_CHIP].more-drawer .chip-container>c3-icon {
  padding-right: 0
}
ytm-chip-cloud-chip-renderer .elevated-content {
  z-index: 1
}
.ytmChipsShelfViewModelHost {
  --chips-shelf-side-margin: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 24px
}
.ytmChipsShelfViewModelChipsShelfHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 8px 4px 8px var(--chips-shelf-side-margin)
}
.ytmChipsShelfViewModelChipsShelfContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: calc(var(--chips-shelf-side-margin) - 4px);
  padding-right: 12px;
  margin-bottom: 16px;
  max-height: 80px;
  overflow: hidden
}
.ytmChipsShelfViewModelChipsShelfTitle {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  max-height: 2.5em;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
  margin: 0 0 3px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.25;
  margin: 0;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500
}
.ytmChipsShelfViewModelChipsShelfItem {
  margin: 0 4px 8px
}
.ytmChipsShelfViewModelMenuButton {
  margin-left: 8px
}
.ytmChipsShelfViewModelIsInnerChipsShelf {
  margin-bottom: 0
}
.ytmChipsShelfViewModelEnableAnimation {
  --chips-shelf-height: 0;
  overflow: hidden;
  opacity: 0;
  height: var(--chips-shelf-height);
  -webkit-transition: opacity .5s, height .3s;
  transition: opacity .5s, height .3s
}
.ytmChipsShelfViewModelEnableAnimation.expanded {
  opacity: 1
}
.ytmChipsShelfViewModelIsInnerChipsShelfContent {
  margin-bottom: 0
}
.ytmChipsShelfViewModelIsHorizontallyScrollable {
  max-height: 40px;
  overflow-x: auto;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  scrollbar-width: none
}
.ytListItemViewCountViewModelHost {
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytListItemViewCountViewModelHost {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytListItemViewCountViewModelHost {
  max-height: 4.4rem
}
.ytCommunityEduViewModelHost {
  display: block;
  padding-bottom: 16px
}
.ytCommunityEduViewModelHeader {
  position: relative;
  margin-bottom: 24px
}
.ytCommunityEduViewModelTitleImage {
  width: 100%;
  height: 100%
}
.ytCommunityEduViewModelAvatar {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytCommunityEduViewModelTitle {
  display: block;
  margin: 0 24px 16px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700
}
@media (max-width:527.9px) {
  .ytCommunityEduViewModelTitle {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700
  }
}
.ytCommunityEduViewModelTitle {
  text-align: center
}
.ytCommunityEduViewModelContent {
  padding-left: 78px
}
.ytCommunityEduViewModelLearnMore {
  color: #065fd4;
  text-align: start;
  text-decoration: none;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500
}
.ytCommunityEduViewModelEducationalTextSet {
  text-align: start
}
.ytCommunityEduViewModelPrimaryText {
  display: block;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500
}
.ytCommunityEduViewModelSecondaryText {
  display: block;
  margin-bottom: 24px;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytAvatarStackViewModelHost {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytAvatarStackViewModelAvatars {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.ytAvatarStackViewModelAvatarSizeTiny:not(:last-child) {
  margin-left: -8px
}
.ytAvatarStackViewModelAvatarSizeExtraSmall:not(:last-child) {
  margin-left: -8px
}
.ytAvatarStackViewModelAvatarSizeSmall:not(:last-child) {
  margin-left: -8px
}
.ytAvatarStackViewModelAvatarSizeMedium:not(:last-child) {
  margin-left: -8px
}
.ytAvatarStackViewModelAvatarSize48:not(:last-child) {
  margin-left: -8px
}
.ytAvatarStackViewModelAvatarSizeLarge:not(:last-child) {
  margin-left: -8px
}
.ytAvatarStackViewModelAvatarSizeExtraLarge:not(:last-child) {
  margin-left: -8px
}
.ytAvatarStackViewModelAvatarSizeExtraExtraLarge:not(:last-child) {
  margin-left: -8px
}
.ytAvatarStackViewModelAvatarSizeGiant:not(:last-child) {
  margin-left: -8px
}
.ytAvatarStackViewModelAvatarSizeResponsive:not(:last-child) {
  margin-left: -8px
}
.ytAvatarStackViewModelTextContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05);
  margin: 2px 0;
  margin-left: -8px;
  border: 2px solid #fff
}
.ytAvatarStackViewModelTextContainerThinBorder {
  margin-top: 3px;
  margin-bottom: 3px;
  border-width: 1px
}
.ytAvatarStackViewModelTextContainerThinBorderOverlay {
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.2)
}
.ytAvatarStackViewModelAvatarDecoratedText {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytAvatarStackViewModelAvatarStackText {
  margin-left: 8px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytAvatarStackViewModelAvatarStackText {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytAvatarStackViewModelAvatarStackText {
  max-height: 1.8rem
}
.ytAvatarStackViewModelAvatarStackText:first-child {
  margin-left: 0
}
.ytAvatarStackViewModelTappable {
  cursor: pointer
}
.ytAvatarStackViewModelAvatarButton {
  margin: 4px 0
}
.ytAvatarStackViewModelIsOverlay {
  position: relative;
  left: 2px;
  margin-right: 2px
}
.ytAvatarStackViewModelMediumText .ytAvatarStackViewModelAvatarStackText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytAvatarStackViewModelMediumText .ytAvatarStackViewModelAvatarStackText {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytAvatarStackViewModelMediumText .ytAvatarStackViewModelAvatarStackText {
  max-height: 2rem
}
.ytContentMetadataViewModelHost {
  display: block
}
.ytContentMetadataViewModelMetadataRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 2px;
  overflow: hidden;
  min-width: 0;
  max-width: 100%
}
.ytContentMetadataViewModelMetadataRow:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 4px
}
.ytContentMetadataViewModelAvatarStack {
  min-width: 0;
  max-width: 100%
}
.ytContentMetadataViewModelMetadataRowMetadataRowInline {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex
}
.ytContentMetadataViewModelMetadataRowMetadataRowPadding {
  padding: 8px 0
}
.ytContentMetadataViewModelMetadataRowMetadataRowWrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.ytContentMetadataViewModelBadge {
  margin-right: 4px
}
.ytContentMetadataViewModelIcon {
  margin-left: 4px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none
}
.ytContentMetadataViewModelLeadingIcon {
  margin-right: 4px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none
}
.ytContentMetadataViewModelSpacer {
  height: 6px
}
.ytContentMetadataViewModelMetadataText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis
}
.ytContentMetadataViewModelMetadataTextLastPart {
  overflow: hidden;
  min-width: 0
}
.ytContentMetadataViewModelMetadataTextMaxLines0 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytContentMetadataViewModelMetadataTextMaxLines2 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 3.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytContentMetadataViewModelMetadataTextMaxLines2 {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytContentMetadataViewModelMetadataTextMaxLines2 {
  max-height: 3.6rem
}
.ytContentMetadataViewModelMetadataTextMaxLines3 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 5.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytContentMetadataViewModelMetadataTextMaxLines3 {
    -webkit-line-clamp: 3;
    max-height: none
  }
}
.ytContentMetadataViewModelMetadataTextMaxLines3 {
  max-height: 5.4rem
}
.ytContentMetadataViewModelMetadataTextMaxLines4 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 7.2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytContentMetadataViewModelMetadataTextMaxLines4 {
    -webkit-line-clamp: 4;
    max-height: none
  }
}
.ytContentMetadataViewModelMetadataTextMaxLines4 {
  max-height: 7.2rem
}
.ytContentMetadataViewModelDelimiter {
  margin: 0 4px;
  vertical-align: middle;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytContentMetadataViewModelDelimiterStandalone {
  display: inline-block;
  margin-top: 2px
}
.ytContentMetadataViewModelInline {
  white-space: normal
}
.ytContentMetadataViewModelInline .ytContentMetadataViewModelMetadataRow {
  vertical-align: middle
}
.ytContentMetadataViewModelTappable {
  cursor: pointer
}
.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis
}
.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines0 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines2 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines2 {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines2 {
  max-height: 4rem
}
.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines3 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines3 {
    -webkit-line-clamp: 3;
    max-height: none
  }
}
.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines3 {
  max-height: 6rem
}
.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines4 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 8rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines4 {
    -webkit-line-clamp: 4;
    max-height: none
  }
}
.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelMetadataTextMaxLines4 {
  max-height: 8rem
}
.ytContentMetadataViewModelMediumText .ytContentMetadataViewModelDelimiter {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytContentMetadataViewModelCenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytContentListItemViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.ytContentListItemViewModelContentListItemWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-left: 16px
}
.ytContentListItemViewModelImageContainer {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 12px
}
.ytContentListItemViewModelimageClassName {
  border-radius: 8px
}
.ytContentListItemViewModelTitleMetadataWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytContentListItemViewModelMetadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytContentListItemViewModelTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytContentListItemViewModelProminentTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700
}
@media (max-width:527.9px) {
  .ytContentListItemViewModelProminentTitle {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700
  }
}
.ytContentListItemViewModelActionButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-right: 16px
}
.ytContentListItemViewModelTappable {
  cursor: pointer
}
.ytContentListItemViewModelDisableHorizontalMargins .ytContentListItemViewModelContentListItemWrapper {
  margin-left: 0
}
.ytContentListItemViewModelDisableHorizontalMargins .ytContentListItemViewModelActionButton {
  margin-right: 0
}
.ytDecoratedAvatarViewModelHost {
  display: block
}
.ytReelChannelBarViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: var(--reel-metadata-color, #fff)
}
.ytReelChannelBarViewModelChannelName {
  padding: 0 8px;
  word-break: break-word;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytReelChannelBarViewModelChannelName {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytReelChannelBarViewModelChannelName {
  max-height: 2rem
}
@media (max-width:299.9px) {
  .ytReelChannelBarViewModelChannelName {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 500;
    overflow: hidden;
    display: block;
    max-height: 3.6rem;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal
  }
  @supports (-webkit-line-clamp:1) {
    .ytReelChannelBarViewModelChannelName {
      -webkit-line-clamp: 2;
      max-height: none
    }
  }
  .ytReelChannelBarViewModelChannelName {
    max-height: 3.6rem
  }
}
@media (max-width:299.9px) {
  .ytReelChannelBarViewModelReelSubscribeButton {
    display: none
  }
}
@media (max-width:299.9px) {
  .ytReelChannelBarViewModelReelSponsorButton {
    display: none
  }
}
.ytPreferredLanguageSettingsPanelViewModelHost {
  display: block
}
.ytAnimatedAssetViewModelHost {
  display: block
}
.ytAnimatedAssetViewModelFill {
  width: 100%;
  height: 100%
}
.ytAlertBannerViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #030303;
  border-radius: 12px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
@media (forced-colors:active) {
  .ytAlertBannerViewModelHost {
    border: 1px solid ButtonBorder
  }
}
.ytAlertBannerViewModelNarrow {
  -webkit-box-align: start;
  -webkit-align-items: start;
  align-items: start
}
.ytAlertBannerViewModelNarrow .ytAlertBannerViewModelOuterContainer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: normal;
  -webkit-align-items: normal;
  align-items: normal
}
.ytAlertBannerViewModelNarrow .ytAlertBannerViewModelActionButton {
  margin: 0 0 12px
}
.ytAlertBannerViewModelFullbleed {
  border-radius: 0
}
.ytAlertBannerViewModelInformational {
  background-color: rgba(0, 0, 0, 0.05)
}
.ytAlertBannerViewModelTimeSensitive {
  background-color: #def1ff
}
.ytAlertBannerViewModelWarning {
  background-color: rgba(255, 85, 119, 0.2)
}
.ytAlertBannerViewModelDismissed {
  display: none
}
.ytAlertBannerViewModelOuterContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytAlertBannerViewModelOuterContainer:first-child {
  padding-left: 12px
}
.ytAlertBannerViewModelOuterContainer:last-child {
  padding-right: 12px
}
.ytAlertBannerViewModelContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding: 12px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytAlertBannerViewModelIcon {
  padding: 12px
}
.ytAlertBannerViewModelContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytAlertBannerViewModelHeading {
  padding: 0;
  margin: 0;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytAlertBannerViewModelBody {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytAlertBannerViewModelActionButton {
  margin: 6px 0 6px 12px
}
.ytAlertBannerViewModelDismissButton {
  margin: 6px
}
.ytAlertBannerViewModelIsInRichGrid {
  margin-bottom: 16px
}
.dividerViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.dividerViewModelInsetThinPadding {
  padding: 16px
}
.dividerViewModelBaseDivider {
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1)
}
.dividerViewModelBaseDividerFullBleed4px {
  height: 4px
}
.dividerViewModelBaseDividerFullBleed8px {
  height: 8px
}
.dividerViewModelBaseDividerFullBleed12px {
  height: 12px
}
.dividerViewModelBaseDividerFullBleedThick {
  height: 6px
}
.ytThumbnailBadgeViewModelHost {
  display: block
}
.ytThumbnailViewModelHost {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0
}
.ytThumbnailViewModelCinematic {
  background-color: #000
}
.ytThumbnailViewModelAspectRatio16By9 {
  padding-top: 56.25%
}
.ytThumbnailViewModelAspectRatio2By3 {
  padding-top: 150%
}
.ytThumbnailViewModelShortsAspectRatio9By16 {
  padding-top: 178%
}
.ytThumbnailViewModelAspectRatio1By1 {
  padding-top: 100%
}
.ytThumbnailViewModelSmall {
  border-radius: 4px
}
.ytThumbnailViewModelMedium {
  border-radius: 8px
}
.ytThumbnailViewModelLarge {
  border-radius: 12px
}
.ytThumbnailViewModelImage {
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%
}
.ytThumbnailViewModelBlurredImage {
  position: absolute;
  inset: 0;
  height: 200%;
  -webkit-filter: blur(30px);
  filter: blur(30px);
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%)
}
.ytThumbnailViewModelHighlightEffect {
  box-shadow: 0 0 7px 2px #0f0f0f;
  outline: solid 1px #fff
}
.ytThumbnailViewModelHostAdDisclosureBannerContainer {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1
}
.ytPinkingNsHost {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.ytPinkingNsPinkingLeft {
  position: absolute;
  left: 0;
  width: 4px;
  height: 100%
}
.ytPinkingNsPinkingRight {
  position: absolute;
  right: 0;
  width: 4px;
  height: 100%
}
.ytPinkingNsPinking {
  fill: #fff
}
.ytThumbnailOverlayButtonViewModelHost {
  display: block
}
.ytThumbnailOverlayButtonViewModelButton {
  position: absolute
}
.ytThumbnailOverlayButtonViewModelButtonBottomEndPosition {
  bottom: 4px;
  right: 4px
}
.ytThumbnailOverlayButtonViewModelButtonTopEndPosition {
  top: 8px;
  right: 8px
}
.ytThumbnailOverlayButtonViewModelButtonLegacyIcon {
  position: absolute;
  bottom: 8px;
  right: 8px
}
.ytThumbnailOverlayProgressBarHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%
}
.ytThumbnailOverlayProgressBarHostSmall {
  margin-bottom: 2px
}
.ytThumbnailOverlayProgressBarHostMedium {
  margin-bottom: 4px
}
.ytThumbnailOverlayProgressBarHostLarge {
  margin-bottom: 8px
}
.ytThumbnailOverlayProgressBarHostProgressBar {
  width: 100%;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  margin: 0 8px 4px 12px
}
.ytThumbnailOverlayProgressBarHostProgressBarSegment {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.ytThumbnailOverlayProgressBarHostProgressBarActiveSegment {
  background-color: #fff;
  height: 6px
}
.ytThumbnailOverlayProgressBarHostProgressBarInactiveSegment {
  background-color: rgba(255, 255, 255, 0.3);
  height: 4px;
  border-radius: 2px 0 0 2px;
  margin-right: 2px;
  margin-left: 2px;
  margin-top: 2px
}
.ytThumbnailOverlayProgressBarHostProgressBarFixedToBottom {
  position: absolute;
  bottom: 0;
  margin: 0;
  overflow: hidden;
  z-index: 1
}
.ytThumbnailOverlayProgressBarHostProgressBarFixedToBottomActiveSegment {
  background-color: rgba(255, 255, 255, 0.7);
  height: 6px;
  margin-top: 0
}
.ytThumbnailOverlayProgressBarHostProgressBarFixedToBottomInactiveSegment {
  background-color: #909090;
  border-radius: 0
}
.ytThumbnailOverlayProgressBarHostProgressBarLeftSegment {
  border-radius: 2px 0 0 2px
}
.ytThumbnailOverlayProgressBarHostProgressBarRightSegment {
  border-radius: 0 2px 2px 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytThumbnailOverlayProgressBarHostProgressBarContainer {
  position: relative
}
.ytThumbnailOverlayProgressBarHostWatchedProgressBar {
  height: 4px;
  margin: 0 4px 4px 8px;
  background-color: #909090;
  width: 100%;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  overflow: hidden
}
.ytThumbnailOverlayProgressBarHostWatchedProgressBarSegment {
  background: -webkit-gradient(linear, left top, right top, color-stop(80%, #f03), to(#ff2791));
  background: -webkit-linear-gradient(left, #f03 80%, #ff2791);
  background: linear-gradient(90deg, #f03 80%, #ff2791)
}
.ytThumbnailOverlayProgressBarHostUseLegacyBar {
  position: absolute;
  bottom: 0;
  margin: 0;
  border-radius: 0
}
.ytThumbnailOverlayProgressBarHostLabel {
  position: absolute;
  background-color: #fff;
  color: #030303;
  padding: 0 4px;
  bottom: 16px;
  left: -10px;
  border-radius: 4px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500
}
.ytThumbnailOverlayProgressBarHostLabelTriangle {
  position: absolute;
  bottom: 12px;
  left: -5px;
  height: 0;
  width: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff
}
.ytThumbnailOverlayTitleViewModelHost {
  position: absolute;
  padding: 12px 12px 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row
}
.ytThumbnailOverlayTitleViewModelLeadingContent {
  margin-right: 8px
}
.ytThumbnailOverlayTitleViewModelPositionTop {
  top: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(transparent));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.6), transparent);
  background: linear-gradient(rgba(0, 0, 0, 0.6), transparent)
}
.ytThumbnailOverlayTitleViewModelPositionBottom {
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6))
}
.ytThumbnailOverlayTitleViewModelTitle {
  color: #fff;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytThumbnailOverlayTitleViewModelTitle {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytThumbnailOverlayTitleViewModelTitleMaxLines2 {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytThumbnailOverlayTitleViewModelTitleMaxLines2 {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytThumbnailOverlayTitleViewModelSubtitle {
  color: #fff;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytThumbnailOverlayTitleViewModelSubtitle {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytVotingViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytVotingViewModelVoteCount {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 8px;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytVotingViewModelVoteCountDisabled {
  color: #909090
}
.ytdFeedFilterChipRenameFormViewModelHost {
  display: block;
  padding: 16px 24px
}
.ytLinearLayoutViewModelHost {
  display: block
}
.ytLinearLayoutViewModelContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytLinearLayoutViewModelVertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytLinearLayoutViewModelHorizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row
}
.ytLinearLayoutViewModelFlexDirectionColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytLinearLayoutViewModelFlexDirectionColumnReverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse
}
.ytLinearLayoutViewModelFlexDirectionRow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row
}
.ytLinearLayoutViewModelFlexDirectionRowReverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.ytLinearLayoutViewModelJustifyContentCenter {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytLinearLayoutViewModelJustifyContentFlexEnd {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}
.ytLinearLayoutViewModelJustifyContentSpaceAround {
  -webkit-justify-content: space-around;
  justify-content: space-around
}
.ytLinearLayoutViewModelJustifyContentBetween {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.ytLinearLayoutViewModelJustifyContentSpaceEvenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly
}
.ytLinearLayoutViewModelJustifyContentFlexStart {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}
.ytLinearLayoutViewModelAlignItemsStart {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}
.ytLinearLayoutViewModelAlignItemsEnd {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end
}
.ytLinearLayoutViewModelAlignItemsCenter {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytLinearLayoutViewModelAlignItemsBaselineFirst {
  -webkit-box-align: first baseline;
  -webkit-align-items: first baseline;
  align-items: first baseline
}
.ytLinearLayoutViewModelAlignItemsBaselineLast {
  -webkit-box-align: last baseline;
  -webkit-align-items: last baseline;
  align-items: last baseline
}
.ytLinearLayoutViewModelAlignItemsStretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch
}
.ytLinearLayoutViewModelFlexWrapWrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.ytLinearLayoutViewModelFlexWrapWrapReverse {
  -webkit-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse
}
.ytLinearLayoutViewModelThumbnailItem {
  width: 100%
}
.ytDialogHeaderViewModelTitle {
  margin: 0;
  max-height: unset
}
.ytDialogHeaderViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding: 24px 24px 8px
}
.ytDialogHeaderViewModelHostDisablePadding {
  padding: 0
}
.ytDialogHeaderViewModelHostCentered {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytDialogHeaderViewModelBanner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 24px
}
.ytDialogHeaderViewModelBannerFullBleed {
  margin-left: -24px;
  margin-right: -24px;
  margin-top: -24px
}
.ytDialogHeaderViewModelBannerImage {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytDialogHeaderViewModelCustomAssetContainer {
  margin: 2px 0 12px 6px
}
.ytDialogHeaderViewModelCustomAssetContainerCentered {
  margin-left: 0
}
.ytDialogHeaderViewModelHeaderBlock {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-align-self: stretch;
  align-self: stretch;
  color: #030303;
  margin-bottom: 16px
}
.ytDialogHeaderViewModelHeaderBlockCentered {
  -webkit-align-self: center;
  align-self: center
}
.ytDialogHeaderViewModelText {
  color: #030303;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 5.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytDialogHeaderViewModelText {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytDialogHeaderViewModelText {
  max-height: 5.6rem
}
.ytOverlayPollStickerHost {
  --primary-surface: #facade;
  --raised-surface: #de1e7e;
  --secondary-surface: #de1e7e;
  --primary-text: #101ca7;
  --secondary-text: #007;
  --original-width: 220;
  --original-height: 205;
  --scaled-width: 220;
  font-size: calc(var(--sticker-width)/var(--original-width)*18px);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  border-radius: 10%;
  padding: 1em calc(var(--original-height)/var(--original-width)*1em);
  pointer-events: none;
  overflow: hidden;
  background-color: var(--primary-surface);
  color: var(--primary-text)
}
.ytOverlayPollStickerQuestionText {
  font-family: Roboto, sans-serif;
  font-size: 1em;
  line-height: 1.2222222222em;
  font-weight: 700
}
.ytOverlayPollStickerPollChoice {
  width: 100%
}
.ytOverlayPollStickerVoteCount {
  font-family: Roboto, sans-serif;
  font-size: .5555555556em;
  line-height: 1em;
  font-weight: 400
}
.ytOverlayPollStickerDebugStyle {
  opacity: .7;
  border: 1px solid red
}
@property --poll-choice-percentage {
  syntax: "<number>";
  inherits: false;
  initial-value: 0
}
.ytOverlayPollStickerChoiceHost {
  display: block;
  font-size: calc(var(--sticker-width)/var(--original-width)*18px);
  --displayed-percentage: 0
}
.ytOverlayPollStickerChoiceUnstyleRadioButton {
  appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  margin: 0;
  pointer-events: none
}
.ytOverlayPollStickerChoicePollChoice {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  border: .1111111111em solid var(--raised-surface);
  padding: 0 .3333333333em;
  height: 3em;
  background-color: var(--raised-surface);
  border-radius: .5em;
  box-sizing: border-box;
  color: var(--secondary-text);
  font-family: Roboto, sans-serif;
  font-size: .7777777778em;
  font-weight: 500;
  pointer-events: auto;
  transition: --poll-choice-percentage .25s ease-in-out
}
.ytOverlayPollStickerChoiceShowVotePercentage {
  background: -webkit-gradient(linear, left top, right top, from(var(--raised-surface)), to(var(--primary-surface)));
  background: -webkit-linear-gradient(left, var(--raised-surface) calc(var(--poll-choice-percentage, 100)*1%), var(--primary-surface) calc(var(--poll-choice-percentage, 100)*1%));
  background: linear-gradient(to right, var(--raised-surface) calc(var(--poll-choice-percentage, 100)*1%), var(--primary-surface) calc(var(--poll-choice-percentage, 100)*1%));
  --poll-choice-percentage: var(--displayed-percentage)
}
.ytOverlayPollStickerChoicePollChoiceSelected {
  --poll-choice-percentage: var(--displayed-percentage);
  border: .1111111111em solid var(--primary-text)
}
.ytOverlayPollStickerChoicePollChoiceText {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  flex: 4;
  -webkit-line-clamp: 2;
  max-height: 3em;
  white-space: normal;
  overflow: hidden
}
.ytOverlayPollStickerChoiceVotePercentage {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: right
}
.ytciConversationVideoIdeaCardViewModelHost {
  color: #030303;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  --icon-color: currentcolor
}
.ytciConversationVideoIdeaCardViewModelCard {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 16px
}
.ytciConversationVideoIdeaCardViewModelActionsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 24px
}
.ytciConversationVideoIdeaCardViewModelIdeaAttribution {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #606060;
  padding-bottom: 32px;
  font-weight: 700
}
.ytciConversationVideoIdeaCardViewModelIdeaName {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500;
  padding-bottom: 8px
}
.ytciConversationVideoIdeaCardViewModelIdeaSummary {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #606060;
  font-size: 1.3rem
}
.ytInstallmentAgreementsViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 10px 12px
}
.ytInstallmentAgreementsViewModelAgreementRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytInstallmentAgreementsViewModelAgreementLabel {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 100%;
  flex-basis: 100%
}
.ytInstallmentAgreementsViewModelAgreementButton {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytThemedImageViewModelHost {
  display: block;
  color: #030303
}
.ytUpsellOfferTableCellContentViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 2px;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytUpsellOfferTableCellContentViewModelVisuallyHiddenAccessibility {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellSubtitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellInfoText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400;
  margin-top: -4px
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellFeatureDescription {
  max-width: none;
  text-align: left;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  margin-left: 8px
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #030303
}
.ytUpsellOfferTableCellContentViewModelUpsellOfferTableCellNote {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400
}
.ytUpsellOfferTableCellViewModelCellWrapper {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: auto
}
.ytUpsellOfferTableCellViewModelCellWrapperHeaderCell {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytUpsellOfferTableCellViewModelCellWrapperContentCell {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytUpsellOfferTableCellViewModelCellWrapperHeaderRowCell {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}
.ytUpsellOfferTableRowViewModelHost {
  display: grid;
  grid-template-columns: 210px 1fr;
  grid-gap: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1)
}
@media (max-width:570px) {
  .ytUpsellOfferTableRowViewModelHost {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
  }
}
.ytUpsellOfferTableRowViewModelHostFirstRow {
  display: grid;
  grid-template-columns: 210px 1fr;
  grid-gap: 0
}
@media (max-width:570px) {
  .ytUpsellOfferTableRowViewModelHostFirstRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
  }
}
.ytUpsellOfferTableRowViewModelUpsellOfferTableRowHeaderCell {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: start;
  align-items: start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-self: center;
  align-self: center;
  width: 100%;
  height: -webkit-fit-content;
  height: fit-content;
  padding-top: 8px;
  padding-bottom: 8px
}
@media (max-width:570px) {
  .ytUpsellOfferTableRowViewModelUpsellOfferTableRowHeaderCell {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: none
  }
}
.ytUpsellOfferTableRowViewModelUpsellOfferTableFirstRowCell {
  padding-top: 4px;
  padding-bottom: 4px
}
.ytUpsellOfferTableRowViewModelUpsellOfferTableRowContentCell {
  height: -webkit-fit-content;
  height: fit-content;
  padding-top: 8px;
  padding-bottom: 8px
}
@media (max-width:570px) {
  .ytUpsellOfferTableRowViewModelUpsellOfferTableRowContentCell {
    border-top: none
  }
}
.ytUpsellOfferTableRowViewModelUpsellOfferTableRowContentCells {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(95px, 1fr));
  grid-gap: 0
}
.ytUpsellOfferTableViewModelHost {
  text-align: center
}
.ytUpsellOfferTableViewModelUpsellOfferTableRows {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 512px
}
.ytUpsellViewModelHost {
  display: block;
  padding: 24px;
  max-width: 375px
}
.ytUpsellViewModelHostNoPadding {
  padding: 0;
  padding-top: 24px
}
.ytUpsellViewModelHostWide {
  max-width: 512px
}
.ytUpsellViewModelHostUpsellLogo {
  width: 124px
}
@media (forced-colors:active) {
  .ytUpsellViewModelHostUpsellLogo {
    forced-color-adjust: none;
    background-color: #fff;
    padding: 6px;
    border-radius: 4px
  }
}
.ytUpsellViewModelHostUpsellTitle {
  padding-top: 24px;
  color: #030303;
  font-family: YouTube Sans, Roboto, sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700
}
.ytUpsellViewModelHostUpsellTitle:focus, .ytUpsellViewModelHostUpsellTitle:focus-visible {
  outline: none
}
.ytUpsellViewModelHostUpsellSubtitleSection {
  padding: 0
}
.ytUpsellViewModelHostUpsellSubtitleSectionSubtitle {
  padding-top: 8px;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.ytUpsellViewModelHostUpsellSubtitleSectionSubtitleSecondary {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytUpsellViewModelHostUpsellBenefitInfoSection {
  padding-top: 4px
}
.ytUpsellViewModelHostUpsellBenefitInfoSectionIcon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 16px
}
.ytUpsellViewModelHostUpsellBenefitInfoSectionBenefitInfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding-top: 12px;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.ytUpsellViewModelHostUpsellOfferTableSection {
  padding-top: 4px
}
.ytUpsellViewModelHostUpsellLegalInfoSection {
  padding-top: 12px
}
.ytUpsellViewModelHostUpsellLegalInfoSectionLegalInfo {
  padding-top: 4px;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytUpsellViewModelHostUpsellLegalInfoSectionLegalInfoSmaller {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400
}
.ytMiniAppScoreChallengeViewModelHost {
  padding: 24px 24px 8px;
  width: auto;
  display: block
}
.ytMiniAppScoreChallengeViewModelScoreRadial {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 148px;
  position: relative
}
.ytMiniAppScoreChallengeViewModelScoreRadial:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center;
  transform-origin: center;
  border-radius: 31px;
  -webkit-mask-image: -webkit-radial-gradient(rgb(0, 0, 0) 20%, transparent 60%);
  mask-image: radial-gradient(rgb(0, 0, 0) 20%, transparent 60%);
  -webkit-filter: blur(2px);
  filter: blur(2px);
  background: repeating-conic-gradient(from 0deg, #f7d7c5 0deg 10deg, transparent 10deg 20deg)
}
.ytMiniAppScoreChallengeViewModelDarkScoreRadial:before {
  background: repeating-conic-gradient(from 0deg, #424f5d 0deg 10deg, transparent 10deg 20deg)
}
.ytMiniAppScoreChallengeViewModelTitle {
  color: #030303;
  text-align: center;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 5.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytMiniAppScoreChallengeViewModelTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytMiniAppScoreChallengeViewModelTitle {
  max-height: 5.6rem
}
.ytMiniAppScoreChallengeViewModelSubtitle {
  color: #606060;
  padding: 8px 0;
  text-align: center;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytMiniAppScoreChallengeViewModelSubtitle {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytMiniAppScoreChallengeViewModelSubtitle {
  max-height: 2rem
}
.ytMiniAppScoreChallengeViewModelScore {
  color: #030303;
  min-width: 82px;
  padding: 0 16px;
  height: 62px;
  border-radius: 31px;
  background-color: #fff;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  position: relative;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: 900
}
.ytMiniAppScoreChallengeViewModelPrompt {
  color: #606060;
  padding-top: 8px;
  text-wrap: wrap;
  text-align: center;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytTruncatedTextHost {
  display: block;
  position: relative;
  overflow: auto;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytTruncatedTextTruncatedTextContent {
  overflow: hidden;
  display: block;
  overflow-wrap: anywhere
}
.ytTruncatedTextTruncatedTextContent.ytTruncatedTextHiddenTextContent {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none
}
.ytTruncatedTextInlineButton {
  visibility: hidden;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500
}
.ytTruncatedTextAbsoluteButton {
  position: absolute;
  bottom: 0;
  right: 0;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500
}
.ytTruncatedTextBottomButton {
  float: right;
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: transparent;
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500
}
.ytTruncatedTextOverlay {
  color: rgba(255, 255, 255, 0.7)
}
.ytTruncatedTextOverlay .ytTruncatedTextAbsoluteButton, .ytTruncatedTextOverlay .ytTruncatedTextBottomButton, .ytTruncatedTextOverlay .ytTruncatedTextInlineButton {
  color: #fff
}
.ytTruncatedTextHidden {
  display: none
}
.ytTruncatedTextMediumText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytTruncatedTextMediumText .ytTruncatedTextAbsoluteButton, .ytTruncatedTextMediumText .ytTruncatedTextBottomButton, .ytTruncatedTextMediumText .ytTruncatedTextInlineButton {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytTruncatedTextLargeText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.ytTruncatedTextLargeText .ytTruncatedTextAbsoluteButton, .ytTruncatedTextLargeText .ytTruncatedTextBottomButton, .ytTruncatedTextLargeText .ytTruncatedTextInlineButton {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500
}
.ytTruncatedTextPrimaryText {
  color: #030303
}
.ytTruncatedTextPrimaryText .ytTruncatedTextAbsoluteButton, .ytTruncatedTextPrimaryText .ytTruncatedTextBottomButton, .ytTruncatedTextPrimaryText .ytTruncatedTextInlineButton {
  color: #606060
}
.ytDescriptionPreviewViewModelHost {
  display: block
}
.ytDescriptionPreviewViewModelClickable {
  cursor: pointer
}
.ytDescriptionPreviewViewModelDescription {
  display: block;
  position: relative;
  overflow: auto;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytDescriptionPreviewViewModelDescriptionMediumText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytDescriptionPreviewViewModelIsOverlay .ytDescriptionPreviewViewModelDescription {
  color: rgba(255, 255, 255, 0.7)
}
.ytBasicContentViewModelHost {
  display: block;
  white-space: pre-line;
  word-break: break-word
}
.ytBasicContentViewModelHeadline {
  color: #030303;
  margin-bottom: 12px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 5.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytBasicContentViewModelHeadline {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytBasicContentViewModelHeadline {
  max-height: 5.6rem
}
.ytBasicContentViewModelParagraphHeadline {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 5.2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytBasicContentViewModelParagraphHeadline {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytBasicContentViewModelParagraphHeadline {
  max-height: 5.2rem;
  color: #030303;
  margin-bottom: 8px
}
.ytBasicContentViewModelParagraph:not(:last-child) {
  margin-bottom: 12px
}
.ytBasicContentViewModelParagraphContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytBasicContentViewModelParagraphAsset {
  display: block;
  margin-right: 12px
}
.ytBasicContentViewModelParagraphText {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytBasicContentViewModelParagraphTextPrimary {
  color: #030303
}
.ytBasicContentViewModelParagraphTextBold {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytCinematicContainerViewModelHost {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden
}
.ytCinematicContainerViewModelBackgroundImage {
  position: absolute;
  width: 200%;
  max-width: 200%;
  height: auto;
  -webkit-transform: translateX(-25%) translateY(-25%);
  transform: translateX(-25%) translateY(-25%);
  opacity: .7;
  -webkit-filter: blur(30px);
  filter: blur(30px)
}
.ytCinematicContainerViewModelBackgroundGradient {
  position: relative;
  width: 100%;
  height: 100%
}
.ytCinematicContainerViewModelFadeToThemeContainer {
  height: 100%
}
@media (min-width:840px) {
  .ytCinematicContainerViewModelFadeToThemeContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
  }
}
.ytCinematicContainerViewModelFadeToThemeImage {
  opacity: .8;
  width: 100%;
  height: 100%;
  object-fit: cover
}
@media (forced-colors:active) {
  .ytCinematicContainerViewModelFadeToThemeImage {
    display: none
  }
}
.ytCinematicContainerViewModelFadeToThemeImageContainer {
  position: relative;
  right: auto;
  height: 100%;
  min-width: 50%
}
@media (min-width:840px) {
  .ytCinematicContainerViewModelFadeToThemeImageContainer {
    right: -80px
  }
}
.ytCinematicContainerViewModelFadeToThemeImageGradualBlur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.ytCinematicContainerViewModelFadeToThemeGradient {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}
.ytCollectionThumbnailViewModelHost {
  display: block;
  position: relative;
  width: 100%
}
.ytCollectionThumbnailViewModelHostHasStacks {
  border-top: 1px solid #fff;
  margin-top: -1px
}
.ytCollectionThumbnailViewModelSlideshow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.ytCollectionThumbnailSlideshowHost {
  display: block;
  position: relative
}
.ytCollectionThumbnailSlideshowSlideshowThumbnail {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: opacity .8s ease;
  transition: opacity .8s ease
}
.ytCollectionThumbnailSlideshowSlideshowThumbnailFirstSlide {
  position: relative
}
.ytCollectionThumbnailSlideshowSlideshowThumbnailShowSlide {
  opacity: 1
}
.ytDownloadButtonViewModelHost {
  display: block
}
.ytDownloadButtonViewModelHost path.offline-downloading-progress {
  stroke: #3ea6ff
}
.ytDownloadButtonViewModelHost path.offline-downloading-background {
  stroke: #065fd4
}
.ytDownloadButtonViewModelIsHidden {
  display: none
}
.ytFormFooterViewModelHost {
  display: block
}
.ytRadioButtonItemViewModelHost {
  width: 100%
}
.ytRadioButtonItemViewModelLabel {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.ytRadioButtonItemViewModelDisabled .ytRadioButtonItemViewModelLabel {
  color: #606060
}
.ytRadioButtonItemViewModelSubText, .ytRadioButtonItemViewModelSuperlabel {
  color: #606060;
  display: block;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytRadioButtonItemViewModelSubTitle {
  margin-bottom: 8px
}
.ytRadioButtonItemViewModelTrailingAccessory {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytRadioButtonItemViewModelTrailingContainer {
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytSelectionListItemFormViewModelHost {
  display: block
}
.ytSelectionListItemFormViewModelParagraph {
  margin-bottom: 12px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytSubmitButtonViewModelHost {
  display: block
}
.ytAttributionViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 0
}
.ytAttributionViewModelAttributionText {
  background-color: unset;
  border-style: unset;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 1.8rem
}
.ytAttributionViewModelSuffix {
  margin-left: 4px;
  background-color: unset;
  border-style: unset;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 1.8rem
}
.ytAttributionViewModelAttributionImage {
  margin-right: 8px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none
}
.ytAttributionViewModelBadge {
  margin-right: 4px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none
}
.ytAttributionViewModelTappable {
  background-color: transparent;
  border-style: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-width: 0
}
.ytAttributionViewModelMediumText .ytAttributionViewModelAttributionText, .ytAttributionViewModelMediumText .ytAttributionViewModelBadge, .ytAttributionViewModelMediumText .ytAttributionViewModelSuffix {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-height: 2rem
}
.ytAttributionViewModelHeavyText .ytAttributionViewModelAttributionText, .ytAttributionViewModelHeavyText .ytAttributionViewModelBadge, .ytAttributionViewModelHeavyText .ytAttributionViewModelSuffix {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis
}
.ytLockupMetadataViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  min-width: 0;
  --yt-attributed-string-link-hover-color: #030303
}
.ytLockupMetadataViewModelHost.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight {
  position: static
}
.ytLockupMetadataViewModelHeadingReset {
  margin: 0;
  padding: 0;
  border: 0;
  max-height: unset
}
.ytLockupMetadataViewModelTextContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0
}
.ytLockupMetadataViewModelAvatar {
  margin-right: 12px;
  display: none
}
.ytLockupMetadataViewModelUpdatedAvatarMargin {
  margin-right: 8px
}
.ytLockupMetadataViewModelTitle {
  text-decoration: none;
  word-break: break-word;
  color: #030303
}
.ytLockupMetadataViewModelHasMenuButton .ytLockupMetadataViewModelTitle {
  padding-right: 24px
}
.ytLockupMetadataViewModelMetadata {
  color: #606060
}
.ytLockupMetadataViewModelMenuButton {
  position: absolute;
  top: -6px;
  right: -10px
}
.ytLockupMetadataViewModelAttribution {
  margin-top: 2px;
  color: #606060
}
.ytLockupMetadataViewModelStandard .ytLockupMetadataViewModelAvatar {
  display: block
}
.ytLockupMetadataViewModelMenuButton.ytLockupMetadataViewModelBottomRight {
  top: unset;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
  transform: none;
  opacity: 0
}
@media (prefers-reduced-motion:no-preference) {
  .ytLockupMetadataViewModelMenuButton.ytLockupMetadataViewModelBottomRight {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
  }
}
.ytLockupMetadataViewModelMenuButton.ytLockupMetadataViewModelVisible {
  opacity: 1
}
.ytLockupMetadataViewModelMenuButton:focus-within {
  opacity: 1
}
.ytLockupMetadataViewModelCard {
  margin: 4px 0
}
.ytLockupMetadataViewModelVertical.ytLockupMetadataViewModelCentered {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytLockupMetadataViewModelVertical.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelTitle {
  padding-right: 0
}
.ytLockupMetadataViewModelVertical.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelTextContainer {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytLockupMetadataViewModelVertical.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelAttribution {
  margin-top: 12px
}
.ytLockupMetadataViewModelVertical.ytLockupMetadataViewModelCard {
  margin: 0 8px 8px
}
.ytLockupMetadataViewModelOverlay {
  --yt-attributed-string-link-hover-color: #fff
}
.ytLockupMetadataViewModelOverlay .ytLockupMetadataViewModelMetadata, .ytLockupMetadataViewModelOverlay .ytLockupMetadataViewModelTitle {
  color: #fff
}
.ytLockupMetadataViewModelThumbnailOverlay {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytLockupMetadataViewModelThumbnailOverlay.ytLockupMetadataViewModelCard {
  margin: 4px
}
.ytLockupMetadataViewModelThumbnailOverlay .ytLockupMetadataViewModelAvatar {
  margin-right: 8px
}
.ytLockupMetadataViewModelThumbnailOverlay .ytLockupMetadataViewModelMetadata, .ytLockupMetadataViewModelThumbnailOverlay .ytLockupMetadataViewModelTitle {
  padding-right: 8px
}
.ytLockupMetadataViewModelThumbnailOverlay .ytLockupMetadataViewModelTextContainer {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1
}
.ytLockupMetadataViewModelThumbnailOverlay .ytLockupMetadataViewModelMenuButton {
  position: unset
}
.ytLockupMetadataViewModelHorizontal .ytLockupMetadataViewModelAvatar {
  display: none
}
.ytLockupMetadataViewModelHorizontal.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelTextContainer {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding-right: 28px
}
.ytLockupMetadataViewModelHorizontal.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelTitle {
  padding-right: 0
}
.ytLockupMetadataViewModelHorizontal.ytLockupMetadataViewModelCentered .ytLockupMetadataViewModelMenuButton {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.ytLockupMetadataViewModelStandard .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelStandard .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytLockupMetadataViewModelStandard .ytLockupMetadataViewModelTitle {
  max-height: 4.4rem
}
.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTypographyBump .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 5.2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTypographyBump .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTypographyBump .ytLockupMetadataViewModelTitle {
  max-height: 5.2rem
}
.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelLegacyTypography .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 5.2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelLegacyTypography .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelLegacyTypography .ytLockupMetadataViewModelTitle {
  max-height: 5.2rem
}
.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelRichGridLegacyTypography .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelRichGridLegacyTypography .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelRichGridLegacyTypography .ytLockupMetadataViewModelTitle {
  max-height: 4.4rem
}
.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTitleMaxLines1 .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 2.2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTitleMaxLines1 .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTitleMaxLines1 .ytLockupMetadataViewModelTitle {
  max-height: 2.2rem
}
.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTitleMaxLines3 .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 6.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTitleMaxLines3 .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 3;
    max-height: none
  }
}
.ytLockupMetadataViewModelStandard.ytLockupMetadataViewModelTitleMaxLines3 .ytLockupMetadataViewModelTitle {
  max-height: 6.6rem
}
.ytLockupMetadataViewModelCompact .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelCompact .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytLockupMetadataViewModelCompact .ytLockupMetadataViewModelTitle {
  max-height: 4rem
}
.ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelTypographyBump .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelTypographyBump .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelTypographyBump .ytLockupMetadataViewModelTitle {
  max-height: 4.4rem
}
.ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelRichGridLegacyTypography .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelRichGridLegacyTypography .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelRichGridLegacyTypography .ytLockupMetadataViewModelTitle {
  max-height: 4.4rem
}
.ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelTitleMaxLines3 .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelTitleMaxLines3 .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 3;
    max-height: none
  }
}
.ytLockupMetadataViewModelCompact.ytLockupMetadataViewModelTitleMaxLines3 .ytLockupMetadataViewModelTitle {
  max-height: 6rem
}
.ytLockupMetadataViewModelTiny .ytLockupMetadataViewModelTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 3.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytLockupMetadataViewModelTiny .ytLockupMetadataViewModelTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytLockupMetadataViewModelTiny .ytLockupMetadataViewModelTitle {
  max-height: 3.6rem
}
.ytLockupMetadataViewModelCenteredColumn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytLockupMetadataViewModelCenteredColumn .ytLockupMetadataViewModelAvatar {
  margin-right: 0;
  display: block
}
.ytLockupMetadataViewModelCenteredColumn .ytLockupMetadataViewModelMetadata, .ytLockupMetadataViewModelCenteredColumn .ytLockupMetadataViewModelTitle {
  padding-right: 0
}
.ytLockupMetadataViewModelCenteredColumn .ytLockupMetadataViewModelTextContainer {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytLockupMetadataViewModelCenteredColumn .ytLockupMetadataViewModelMetadata {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelTextContainer, .ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelTitle {
  padding-right: 0
}
.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelMenuButton {
  z-index: 1;
  border-radius: 50%
}
.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelMenuButton:after, .ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelMenuButton:before {
  content: "";
  position: absolute;
  inset: -15%;
  border-radius: 50%
}
.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelMenuButton:before {
  background: -webkit-radial-gradient(circle, #fff 60%, transparent 100%);
  background: radial-gradient(circle, #fff 60%, transparent 100%);
  z-index: -2
}
.ytLockupMetadataViewModelMoveLockupOverflowMenuToBottomRight .ytLockupMetadataViewModelMenuButton:after {
  background: -webkit-radial-gradient(circle, var(--yt-lockup-metadata-themed-menu-button-additive-background, transparent) 60%, transparent 100%);
  background: radial-gradient(circle, var(--yt-lockup-metadata-themed-menu-button-additive-background, transparent) 60%, transparent 100%);
  z-index: -1
}
.ytFormPanelFooterViewModelHost {
  display: block
}
.ytDialogImageContentViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytDialogImageContentViewModelImage {
  margin-inline: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  flex-shrink: 1
}
.ytDialogImageContentViewModelDescription {
  margin-top: 16px;
  text-align: center;
  text-wrap: balance;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytAnimatedThumbnailOverlayViewModelHost {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0
}
.ytThumbnailBottomOverlayViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-align-items: flex-end;
  -webkit-box-align: end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end
}
.ytThumbnailBottomOverlayViewModelHostBackground {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  -webkit-flex-basis: 0.000000001px;
  flex-basis: 0.000000001px;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  height: 68px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
  background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.6))
}
.ytThumbnailBottomOverlayViewModelBadgeContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row
}
.ytThumbnailBottomOverlayViewModelBadgeContainerSmall {
  padding: 0 2px 2px 0
}
.ytThumbnailBottomOverlayViewModelBadgeContainerSmallLegacy {
  padding: 0 2px 4px 0
}
.ytThumbnailBottomOverlayViewModelBadgeContainerMedium {
  padding: 0 4px 4px 0
}
.ytThumbnailBottomOverlayViewModelBadgeContainerLarge {
  padding: 0 8px 8px 0
}
.ytThumbnailBottomOverlayViewModelBadgeContainerClip {
  margin-right: 4px
}
.ytThumbnailBottomOverlayViewModelBadge {
  margin-left: 4px
}
.ytThumbnailHoverOverlayViewModelHost {
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  cursor: pointer
}
.ytThumbnailHoverOverlayViewModelHost:focus, .ytThumbnailHoverOverlayViewModelHost:focus-within, .ytThumbnailHoverOverlayViewModelHost:hover {
  opacity: 1
}
.ytThumbnailHoverOverlayViewModelHostForceHover {
  opacity: 1;
  -webkit-transition: none;
  transition: none
}
.ytThumbnailHoverOverlayViewModelScrim {
  display: block;
  position: relative;
  height: 100%
}
.ytThumbnailHoverOverlayViewModelStyleCover {
  background-color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}
.ytThumbnailHoverOverlayViewModelStyleButton {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 36px;
  border-radius: 18px;
  padding: 0 16px
}
.ytThumbnailHoverOverlayViewModelText {
  margin: 4px;
  color: #fff;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytThumbnailHoverOverlayViewModelIcon {
  margin: 4px;
  color: #fff;
  fill: #fff;
  height: 24px
}
.ytThumbnailHoverOverlayToggleActionsViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 200;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 0 4px 4px;
  pointer-events: none
}
.ytThumbnailHoverOverlayToggleActionsViewModelHidden {
  visibility: hidden
}
.ytThumbnailHoverOverlayToggleActionsViewModelHiddenGated {
  opacity: 0;
  pointer-events: none
}
.ytThumbnailHoverOverlayToggleActionsViewModelButton {
  padding: 4px 4px 0 0;
  pointer-events: auto
}
.ytThumbnailHoverOverlayToggleActionsViewModelOverlayBackground {
  background-color: rgba(0, 0, 0, 0.6)
}
.ytThumbnailHoverOverlayToggleActionsViewModelTopEndVertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end
}
.ytThumbnailHoverOverlayToggleActionsViewModelBottomEndVertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end
}
.ytThumbnailHoverOverlayToggleActionsViewModelTopEndHorizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}
.ytThumbnailOverlayBadgeViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  position: absolute
}
.ytThumbnailOverlayBadgeViewModelSmall {
  margin: 2px
}
.ytThumbnailOverlayBadgeViewModelMedium {
  margin: 4px
}
.ytThumbnailOverlayBadgeViewModelLarge {
  margin: 8px
}
.ytThumbnailOverlayBadgeViewModelTopStart {
  top: 0;
  left: 0
}
.ytThumbnailOverlayBadgeViewModelTopStart .ytThumbnailOverlayBadgeViewModelBadge {
  margin-right: 4px
}
.ytThumbnailOverlayBadgeViewModelBottomEnd {
  bottom: 0;
  right: 0
}
.ytThumbnailOverlayBadgeViewModelBottomEnd .ytThumbnailOverlayBadgeViewModelBadge {
  margin-left: 4px
}
.ytThumbnailOverlayBadgeViewModelClip.ytThumbnailOverlayBadgeViewModelBottomEnd .ytThumbnailOverlayBadgeViewModelBadge:last-child {
  margin-right: 4px
}
.ytThumbnailOverlayFullViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6)
}
.ytThumbnailOverlayFullViewModelText {
  margin: 4px;
  color: #fff;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytThumbnailOverlayFullViewModelIcon {
  margin: 4px;
  color: #fff;
  fill: #fff;
  height: 24px
}
.ytContentPreviewImageViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  position: relative
}
.ytContentPreviewImageViewModelCircleImage {
  border-radius: 50%
}
.ytContentPreviewImageViewModelExtraSmallRoundedImage {
  border-radius: 2px
}
.ytContentPreviewImageViewModelSmallRoundedImage {
  border-radius: 4px
}
.ytContentPreviewImageViewModelLargeRoundedImage {
  border-radius: 8px
}
.ytContentPreviewImageViewModelTappable {
  cursor: pointer
}
.ytInlineExpanderViewModelHost {
  display: block;
  cursor: pointer
}
.ytInlineExpanderViewModelHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytInlineExpanderViewModelButton {
  -webkit-transition: -webkit-transform .25s cubic-bezier(.05, 0, 0, 1);
  transition: -webkit-transform .25s cubic-bezier(.05, 0, 0, 1);
  transition: transform .25s cubic-bezier(.05, 0, 0, 1);
  transition: transform .25s cubic-bezier(.05, 0, 0, 1), -webkit-transform .25s cubic-bezier(.05, 0, 0, 1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytInlineExpanderViewModelButtonExpanded {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.ytInlineExpanderViewModelButtonControlled {
  pointer-events: none
}
.ytInlineExpanderViewModelBody {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows .35s cubic-bezier(.05, 0, 0, 1);
  transition: grid-template-rows .35s cubic-bezier(.05, 0, 0, 1)
}
.ytInlineExpanderViewModelBodyExpanded {
  grid-template-rows: 1fr
}
.ytInlineExpanderViewModelBodyContent {
  overflow: hidden
}
.ytShelfHeaderLayoutHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 48px;
  padding: 8px 12px;
  box-sizing: border-box
}
.ytShelfHeaderLayoutOptionalMediumLayoutPadding {
  padding: 0 0 16px 8px
}
@media (max-width:527.9px) {
  .ytShelfHeaderLayoutOptionalMediumLayoutPadding {
    padding: 8px 12px
  }
}
.ytShelfHeaderLayoutHeaderRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}
.ytShelfHeaderLayoutResponsive {
  min-height: 56px
}
@media (max-width:527.9px) {
  .ytShelfHeaderLayoutResponsive {
    min-height: 48px
  }
}
.ytShelfHeaderLayoutNarrow {
  min-height: 48px
}
.ytShelfHeaderLayoutDisableHorizontalPadding {
  padding-left: 0;
  padding-right: 0
}
.ytShelfHeaderLayoutDisableVerticalPadding {
  padding-top: 0;
  padding-bottom: 0
}
.ytShelfHeaderLayoutLeadingIcon {
  margin-right: 24px;
  color: #030303;
  height: 24px;
  width: 24px
}
.ytShelfHeaderLayoutLeadingImage {
  margin-right: 12px;
  max-height: 36px;
  max-width: 36px;
  color: #030303
}
.ytShelfHeaderLayoutLeadingImageCircularImage {
  border-radius: 50%;
  overflow: hidden
}
.ytShelfHeaderLayoutLabelContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytShelfHeaderLayoutTitleRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline
}
.ytShelfHeaderLayoutTitle {
  color: #030303;
  padding: 0;
  margin: 0
}
.ytShelfHeaderLayoutTitleTypography {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 5.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShelfHeaderLayoutTitleTypography {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
@media (max-width:527.9px) {
  .ytShelfHeaderLayoutTitleTypography {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
    overflow: hidden;
    display: block;
    max-height: 5.2rem;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal
  }
  @supports (-webkit-line-clamp:1) {
    .ytShelfHeaderLayoutTitleTypography {
      -webkit-line-clamp: 2;
      max-height: none
    }
  }
}
.ytShelfHeaderLayoutTitleTypography {
  max-height: 5.6rem
}
@media (max-width:527.9px) {
  .ytShelfHeaderLayoutTitleTypography {
    max-height: 5.2rem
  }
}
.ytShelfHeaderLayoutSmallTitle {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 5.2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShelfHeaderLayoutSmallTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytShelfHeaderLayoutSmallTitle {
  max-height: 5.2rem
}
.ytShelfHeaderLayoutDetail {
  margin-left: 12px;
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2.2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShelfHeaderLayoutDetail {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytShelfHeaderLayoutDetail {
  max-height: 2.2rem
}
@media (max-width:527.9px) {
  .ytShelfHeaderLayoutDetail {
    display: none
  }
}
.ytShelfHeaderLayoutSublabel {
  color: #606060;
  padding-top: 2px
}
.ytShelfHeaderLayoutSublabelTypography {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 3.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShelfHeaderLayoutSublabelTypography {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytShelfHeaderLayoutSublabelTypography {
  max-height: 3.6rem
}
.ytShelfHeaderLayoutSuperlabel {
  color: #606060;
  padding-bottom: 2px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 3.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShelfHeaderLayoutSuperlabel {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytShelfHeaderLayoutSuperlabel {
  max-height: 3.6rem
}
.ytShelfHeaderLayoutTrailingActions {
  margin-left: 12px
}
.ytShelfHeaderLayoutIsOverlay {
  color: inherit
}
.ytShelfHeaderLayoutIsOverlay .ytShelfHeaderLayoutTitle {
  color: #fff
}
.ytShelfHeaderLayoutIsOverlay .ytShelfHeaderLayoutSublabel {
  color: rgba(255, 255, 255, 0.7)
}
.ytShelfHeaderLayoutTappable {
  cursor: pointer
}
.ytShelfHeaderLayoutHoverable:hover {
  background-color: rgba(0, 0, 0, 0.05)
}
.ytShelfHeaderLayoutBottomAccessory {
  margin-top: 8px
}
.ytMarqueeScroll {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytMarqueeScrollHost {
  display: block;
  overflow: hidden
}
.ytMarqueeScrollAnimationEnabled {
  -webkit-animation: scrolling-parent 16s linear infinite;
  animation: scrolling-parent 16s linear 3s infinite;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  -webkit-animation-name: scrolling-parent;
  animation-name: scrolling-parent
}
.ytMarqueeScrollInnerContainer {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex
}
@-webkit-keyframes scrolling-parent {
  to {
    -webkit-transform: translateX(var(--marquee-translate, 0));
    transform: translateX(var(--marquee-translate, 0))
  }
}
@keyframes scrolling-parent {
  to {
    -webkit-transform: translateX(var(--marquee-translate, 0));
    transform: translateX(var(--marquee-translate, 0))
  }
}
.ytMarqueeScrollDuplicateString, .ytMarqueeScrollPrimaryString {
  display: inline-block;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytMarqueeScrollHostLarge .ytMarqueeScrollDuplicateString, .ytMarqueeScrollHostLarge .ytMarqueeScrollPrimaryString {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.ytReelSoundMetadataViewModelHost {
  display: block
}
@media (max-width:299.9px) {
  .ytReelSoundMetadataViewModelHost {
    display: none
  }
}
.ytReelSoundMetadataViewModelMetadataContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer
}
.ytReelSoundMetadataViewModelIcon {
  margin-right: 4px;
  color: var(--reel-metadata-color, #fff);
  height: 16px;
  width: 16px
}
.ytReelSoundMetadataViewModelMarqueeContainer {
  color: var(--reel-metadata-color, #fff);
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytReelSoundMetadataViewModelHostLarge {
  display: block
}
.ytReelSoundMetadataViewModelHostLarge .ytReelSoundMetadataViewModelIcon {
  width: 22px;
  height: 22px;
  margin-right: 8px
}
.ytSmartImationsContent {
  display: block
}
.ytSmartImationsExperimentEnabled {
  position: relative;
  display: block
}
.ytSmartImationsExperimentEnabled .ytSmartImationsContent {
  position: relative;
  z-index: 1;
  border-radius: 18px
}
.ytSmartImationsBorder {
  z-index: 1;
  border-radius: 22px;
  position: absolute;
  overflow: hidden;
  top: -3px;
  left: -3px;
  bottom: -3px;
  right: -3px
}
.ytSmartImationsBorderGradient {
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease
}
.ytSmartImationsActiveBorder .ytSmartImationsBorderGradient {
  opacity: 1
}
.ytSmartImationsActiveBackground .ytSmartImationsContent {
  background: #fff
}
.ytSmartImationsEnableMasking .ytSmartImationsBorder {
  padding: 3px;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude
}
.ytSmartImationsEnableMasking .ytSmartImationsBorderGradient {
  width: calc(100% + 12px);
  -webkit-transform: translate(-3px, -3px);
  transform: translate(-3px, -3px)
}
.ytSmartImationsEnableMasking .ytSmartImationsContent {
  background: transparent
}
.ytSmartImationsInvisible .ytSmartImationsBorder, .ytSmartImationsInvisible .ytSmartImationsBorderGradient {
  opacity: .001
}
.ytDislikeButtonViewModelHost {
  display: block
}
.ytLikeButtonViewModelHost {
  display: block
}
.ytSwitchButtonViewModelHost {
  display: block
}
.ytSwitchButtonViewModelButton {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  text-transform: inherit;
  color: inherit;
  background: transparent
}
.ytSwitchButtonViewModelTappable {
  cursor: pointer
}
.ytSwitchShapeHost {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 24px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}
.ytSwitchShapeTrack {
  position: absolute;
  width: 40px;
  height: 24px;
  border-radius: 12px;
  background-color: #909090;
  -webkit-transition: background-color .15s;
  transition: background-color .15s
}
.ytSwitchShapeTrackActive {
  background-color: #0f0f0f;
  -webkit-transition: background-color .15s;
  transition: background-color .15s
}
.ytSwitchShapeTrackDisabled {
  opacity: .3
}
.ytSwitchShapeKnob {
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  width: 20px;
  height: 20px;
  top: 2px;
  -webkit-transform: translateX(2px);
  transform: translateX(2px);
  -webkit-transition: -webkit-transform .15s;
  transition: -webkit-transform .15s;
  transition: transform .15s;
  transition: transform .15s, -webkit-transform .15s
}
.ytSwitchShapeKnobActive {
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
  -webkit-transition: -webkit-transform .15s;
  transition: -webkit-transform .15s;
  transition: transform .15s;
  transition: transform .15s, -webkit-transform .15s
}
@media (forced-colors:active) {
  .ytSwitchShapeTrack {
    outline: 1px solid #909090
  }
  .ytSwitchShapeTrackActive {
    outline: 2px solid #030303;
    background-color: ButtonText
  }
  .ytSwitchShapeKnob {
    outline: 1px solid #030303
  }
}
.ytSpecAvatarShapeHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytSpecAvatarShapeButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  background-color: transparent;
  border-style: none
}
.ytSpecAvatarShapeTappable {
  cursor: pointer
}
.ytSpecAvatarShapeButtonTiny {
  width: 16px;
  height: 16px
}
.ytSpecAvatarShapeButtonExtraSmall {
  width: 24px;
  height: 24px
}
.ytSpecAvatarShapeButtonSmall {
  width: 32px;
  height: 32px
}
.ytSpecAvatarShapeButtonMedium {
  width: 36px;
  height: 36px
}
.ytSpecAvatarShapeButton48 {
  width: 48px;
  height: 48px
}
.ytSpecAvatarShapeButtonLarge {
  width: 56px;
  height: 56px
}
.ytSpecAvatarShapeButtonExtraLarge {
  width: 72px;
  height: 72px
}
.ytSpecAvatarShapeButtonExtraExtraLarge {
  width: 120px;
  height: 120px
}
.ytSpecAvatarShapeButtonGiant {
  width: 160px;
  height: 160px
}
.ytSpecAvatarShapeButtonResponsive {
  width: 128px;
  height: 128px
}
.ytSpecAvatarShapeButtonInClusterSize18 {
  width: 18px;
  height: 18px
}
.ytSpecAvatarShapeButtonInClusterSize20 {
  width: 20px;
  height: 20px
}
.ytSpecAvatarShapeButtonInClusterSize22 {
  width: 22px;
  height: 22px
}
.ytSpecAvatarShapeButtonInClusterSize24 {
  width: 24px;
  height: 24px
}
.ytSpecAvatarShapeImage {
  border-radius: 50%
}
.ytSpecAvatarShapeAdsApp {
  border-radius: 20%
}
.ytSpecAvatarShapeInscribedSquare {
  -webkit-transform: scale(1.4142135624);
  transform: scale(1.4142135624)
}
.ytSpecAvatarShapeImageOverlays {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.ytSpecAvatarShapeStoriesWatched {
  border: 2px solid #909090;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%
}
.ytSpecAvatarShapeStoriesUnwatched {
  border: 2px solid #e1002d;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%
}
.ytSpecAvatarShapeLiveRing {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%
}
.ytSpecAvatarShapeLiveRing:after {
  border-radius: 50%;
  padding: 2px;
  position: absolute;
  content: "";
  inset: -4px;
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  background: -webkit-gradient(linear, left bottom, right top, color-stop(60%, #e1002d), color-stop(85%, #e01378));
  background: -webkit-linear-gradient(bottom left, #e1002d 60%, #e01378 85%);
  background: linear-gradient(to top right, #e1002d 60%, #e01378 85%)
}
.ytSpecAvatarShapeOnSelectBorder {
  border: 1px solid #0f0f0f;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%
}
.ytSpecAvatarShapeBackgroundBorder {
  border: 2px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%
}
.ytSpecAvatarShapeBackgroundBorderThin {
  border: 1px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%
}
.ytSpecAvatarShapeWhiteBorder {
  border: 2px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%
}
.ytSpecAvatarShapeWhiteBorderThin {
  border-width: 1px
}
.ytSpecAvatarShapeIsOverlay.ytSpecAvatarShapeBackgroundBorder, .ytSpecAvatarShapeIsOverlay.ytSpecAvatarShapeBackgroundBorderThin {
  border-color: #fff
}
.ytSpecAvatarShapeLiveBadgeText {
  padding: 0 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  visibility: hidden;
  color: #fff;
  z-index: 1;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 500;
  white-space: nowrap
}
.ytSpecAvatarShapeLiveBadgeIcon {
  max-width: 16px;
  padding: 0 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #fff
}
.ytSpecAvatarShapeLiveBadge {
  border-radius: 4px;
  text-align: center;
  background-color: #e1002d;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  bottom: -4px
}
.ytSpecAvatarShapeLiveBadgeSmall {
  max-width: 32px;
  height: 13px
}
.ytSpecAvatarShapeLiveBadgeMedium {
  max-width: 36px;
  height: 14px
}
.ytSpecAvatarShapeLiveBadgeLarge {
  max-width: 52px;
  height: 14px
}
.ytSpecAvatarShapeLiveBadgeExtraLarge {
  border-radius: 4px;
  max-width: 68px;
  height: 16px
}
.ytSpecAvatarShapeLiveBadgeExtraLarge .ytSpecAvatarShapeLiveBadgeIcon {
  max-width: 24px;
  padding: 0 4px
}
.ytSpecAvatarShapeLiveBadgeExtraLarge .ytSpecAvatarShapeLiveBadgeText {
  padding: 0 4px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500
}
.ytSpecAvatarShapeNewContent {
  background-color: #065fd4
}
.ytSpecAvatarShapeLiveDot {
  background-color: #e1002d
}
.ytSpecAvatarShapeSquare {
  border-radius: 12px;
  overflow: hidden
}
.ytSpecAvatarShapeBadgeIconContainer {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  color: #030303
}
.ytSpecAvatarShapeBadgeIconContainerTiny {
  right: -8px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px
}
.ytSpecAvatarShapeBadgeIconContainerTiny .ytSpecAvatarShapeBadgeIcon {
  width: 12px;
  height: 12px
}
.ytSpecAvatarShapeBadgeIconContainerExtraSmall {
  right: -8px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px
}
.ytSpecAvatarShapeBadgeIconContainerExtraSmall .ytSpecAvatarShapeBadgeIcon {
  width: 12px;
  height: 12px
}
.ytSpecAvatarShapeBadgeIconContainerSmall {
  bottom: -2px;
  right: -2px;
  width: 16px;
  height: 16px
}
.ytSpecAvatarShapeBadgeIconContainerSmall .ytSpecAvatarShapeBadgeIcon {
  width: 12px;
  height: 12px
}
.ytSpecAvatarShapeBadgeIconContainerMedium {
  bottom: -2px;
  right: -2px;
  width: 16px;
  height: 16px
}
.ytSpecAvatarShapeBadgeIconContainerMedium .ytSpecAvatarShapeBadgeIcon {
  width: 12px;
  height: 12px
}
.ytSpecAvatarShapeBadgeIconContainer48 {
  bottom: -2px;
  right: -2px;
  width: 24px;
  height: 24px
}
.ytSpecAvatarShapeBadgeIconContainer48 .ytSpecAvatarShapeBadgeIcon {
  width: 20px;
  height: 20px
}
.ytSpecAvatarShapeBadgeIconContainerLarge {
  bottom: -2px;
  right: -2px;
  width: 24px;
  height: 24px
}
.ytSpecAvatarShapeBadgeIconContainerLarge .ytSpecAvatarShapeBadgeIcon {
  width: 20px;
  height: 20px
}
.ytSpecAvatarShapeBadgeIconContainerExtraLarge {
  bottom: -2px;
  right: -2px;
  width: 28px;
  height: 28px
}
.ytSpecAvatarShapeBadgeIconContainerExtraLarge .ytSpecAvatarShapeBadgeIcon {
  width: 24px;
  height: 24px
}
.ytSpecAvatarShapeBadgeIconContainerExtraExtraLarge {
  bottom: -4px;
  right: -4px;
  width: 44px;
  height: 44px
}
.ytSpecAvatarShapeBadgeIconContainerExtraExtraLarge .ytSpecAvatarShapeBadgeIcon {
  width: 36px;
  height: 36px
}
.ytSpecAvatarShapeBadgeIconContainerGiant {
  bottom: -4px;
  right: -4px;
  width: 56px;
  height: 56px
}
.ytSpecAvatarShapeBadgeIconContainerGiant .ytSpecAvatarShapeBadgeIcon {
  width: 48px;
  height: 48px
}
.ytSpecAvatarShapeAvatarSizeTiny {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 16px;
  height: 16px
}
.ytSpecAvatarShapeAvatarSizeTiny .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeTiny .ytSpecAvatarShapeNewContent {
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -1.664px;
  right: -1.664px;
  width: 8px;
  height: 8px
}
.ytSpecAvatarShapeAvatarSizeTiny.ytSpecAvatarShapeNoMargin {
  margin: 0
}
.ytSpecAvatarShapeAvatarSizeExtraSmall {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 24px;
  height: 24px
}
.ytSpecAvatarShapeAvatarSizeExtraSmall .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeExtraSmall .ytSpecAvatarShapeNewContent {
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -1.496px;
  right: -1.496px;
  width: 10px;
  height: 10px
}
.ytSpecAvatarShapeAvatarSizeExtraSmall.ytSpecAvatarShapeNoMargin {
  margin: 0
}
.ytSpecAvatarShapeAvatarSizeSmall {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 32px;
  height: 32px
}
.ytSpecAvatarShapeAvatarSizeSmall .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeSmall .ytSpecAvatarShapeNewContent {
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -.828px;
  right: -.828px;
  width: 11px;
  height: 11px
}
.ytSpecAvatarShapeAvatarSizeSmall.ytSpecAvatarShapeNoMargin {
  margin: 0
}
.ytSpecAvatarShapeAvatarSizeMedium {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 36px;
  height: 36px
}
.ytSpecAvatarShapeAvatarSizeMedium .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeMedium .ytSpecAvatarShapeNewContent {
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -.744px;
  right: -.744px;
  width: 12px;
  height: 12px
}
.ytSpecAvatarShapeAvatarSizeMedium.ytSpecAvatarShapeNoMargin {
  margin: 0
}
.ytSpecAvatarShapeAvatarSize48 {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 48px;
  height: 48px
}
.ytSpecAvatarShapeAvatarSize48 .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSize48 .ytSpecAvatarShapeNewContent {
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: .508px;
  right: .508px;
  width: 13px;
  height: 13px
}
.ytSpecAvatarShapeAvatarSize48.ytSpecAvatarShapeNoMargin {
  margin: 0
}
.ytSpecAvatarShapeAvatarSizeLarge {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 56px;
  height: 56px
}
.ytSpecAvatarShapeAvatarSizeLarge .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeLarge .ytSpecAvatarShapeNewContent {
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: .676px;
  right: .676px;
  width: 15px;
  height: 15px
}
.ytSpecAvatarShapeAvatarSizeLarge.ytSpecAvatarShapeNoMargin {
  margin: 0
}
.ytSpecAvatarShapeAvatarSizeExtraLarge {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 72px;
  height: 72px
}
.ytSpecAvatarShapeAvatarSizeExtraLarge .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeExtraLarge .ytSpecAvatarShapeNewContent {
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: 1.512px;
  right: 1.512px;
  width: 18px;
  height: 18px
}
.ytSpecAvatarShapeAvatarSizeExtraLarge.ytSpecAvatarShapeNoMargin {
  margin: 0
}
.ytSpecAvatarShapeAvatarSizeExtraExtraLarge {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 120px;
  height: 120px
}
.ytSpecAvatarShapeAvatarSizeExtraExtraLarge .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeExtraExtraLarge .ytSpecAvatarShapeNewContent {
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: 8.52px;
  right: 8.52px;
  width: 18px;
  height: 18px
}
.ytSpecAvatarShapeAvatarSizeExtraExtraLarge.ytSpecAvatarShapeNoMargin {
  margin: 0
}
.ytSpecAvatarShapeAvatarSizeGiant {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 160px;
  height: 160px
}
.ytSpecAvatarShapeAvatarSizeGiant .ytSpecAvatarShapeLiveDot, .ytSpecAvatarShapeAvatarSizeGiant .ytSpecAvatarShapeNewContent {
  position: absolute;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: 14.36px;
  right: 14.36px;
  width: 18px;
  height: 18px
}
.ytSpecAvatarShapeAvatarSizeGiant.ytSpecAvatarShapeNoMargin {
  margin: 0
}
.ytSpecAvatarShapeAvatarSizeResponsive {
  margin: 2px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 128px;
  height: 128px;
  max-width: 144px
}
.ytSpecAvatarShapeAvatarSizeResponsive.ytSpecAvatarShapeNoMargin {
  margin: 0
}
.ytSpecAvatarShapeAvatarInClusterSize18 {
  width: 18px;
  height: 18px
}
.ytSpecAvatarShapeAvatarInClusterSize20 {
  width: 20px;
  height: 20px
}
.ytSpecAvatarShapeAvatarInClusterSize22 {
  width: 22px;
  height: 22px
}
.ytSpecAvatarShapeAvatarInClusterSize24 {
  width: 24px;
  height: 24px
}
.ytfcYouthBasicSectionHeaderViewModelHost {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 12px
}
.ytfcYouthBasicSectionHeaderViewModelDisableHorizontalPadding {
  padding: 12px 0
}
.ytfcYouthBasicSectionHeaderViewModelBadge {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400
}
.ytfcYouthBasicSectionHeaderViewModelDescription {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytfcYouthBasicSectionHeaderViewModelClickableDescription {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500
}
.ytfcYouthBasicSectionHeaderViewModelDetails {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin: 4px
}
.ytfcYouthBasicSectionHeaderViewModelImage {
  height: 72px;
  width: 72px
}
.ytfcYouthBasicSectionHeaderViewModelLeading {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 8px 12px 8px 0
}
.ytfcYouthBasicSectionHeaderViewModelMetadata {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 4px
}
.ytfcYouthBasicSectionHeaderViewModelSubtitle {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400
}
.ytfcYouthBasicSectionHeaderViewModelTitle {
  color: #030303;
  margin: 0;
  padding: 0;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 5.2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytfcYouthBasicSectionHeaderViewModelTitle {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytfcYouthBasicSectionHeaderViewModelTitle {
  max-height: 5.2rem
}
.ytfcYouthSectionBodyViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytfcYouthSectionBodyViewModelAvatarStack {
  margin: 0 auto
}
.ytfcYouthSectionBodyViewModelItem {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px
}
.ytfcYouthSectionBodyViewModelDescription {
  color: #606060;
  padding: 12px 12px 16px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytContinuationItemViewModelHost {
  display: block
}
.ytChannelAttributionViewModelHost {
  display: block;
  color: #fff;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background-color: rgba(40, 40, 40, 0.6);
  padding: 16px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytChannelAttributionViewModelUpper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
.ytChannelAttributionViewModelChannelTitle {
  -webkit-padding-start: 12px;
  padding-inline-start: 12px
}
.ytChannelAttributionViewModelBottom {
  padding-top: 16px
}
.ytInfoPanelOverviewViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #fff;
  background: rgba(0, 0, 0, 0.6)
}
.ytInfoPanelOverviewViewModelHostWeb {
  border-radius: 0 0 12px 12px
}
.ytInfoPanelOverviewViewModelHostExtractOverlay {
  max-width: 480px;
  color: var(--reel-metadata-color, #fff);
  background: #def1ff;
  border-radius: 12px;
  margin: 0 8px
}
.ytInfoPanelOverviewViewModelHostButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 8px;
  padding: 16px
}
.ytInfoPanelOverviewViewModelForwardActionIcon {
  margin-left: auto
}
.ytReelPlayerOverlayViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  height: 100%;
  width: 100%
}
.ytReelPlayerOverlayViewModelHorizontalContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  width: 100%
}
.ytReelPlayerOverlayViewModelMetadataContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  pointer-events: auto;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(transparent));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4), transparent);
  background: linear-gradient(0deg, rgba(0, 0, 0, .4), transparent);
  z-index: 1;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.3))
}
.ytReelPlayerOverlayViewModelMetadataContainerRounded {
  border-radius: 0 0 12px 12px
}
.ytReelPlayerOverlayViewModelMetadataContainerMetapanel {
  min-width: 0;
  padding: 0 0 16px 16px
}
.ytReelPlayerOverlayViewModelActionsContainer {
  pointer-events: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  height: 100%;
  padding: 0 12px 8px;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.3))
}
.ytReelPlayerOverlayViewModelHostMweb .ytReelPlayerOverlayViewModelActionsContainer {
  padding: 0 4px 16px 4px;
  -webkit-filter: unset;
  filter: unset
}
.ytReelPlayerOverlayViewModelHostMweb .ytReelPlayerOverlayViewModelMetadataContainer {
  background: none
}
.ytReelPlayerOverlayViewModelHostHide {
  visibility: hidden
}
.ytReelPlayerOverlayViewModelHostExtractOverlay .ytReelPlayerOverlayViewModelMetadataContainer {
  width: calc((100% - max(var(--ytd-shorts-player-width), 315px))/2);
  margin-right: max(var(--ytd-shorts-player-width), 315px);
  background-image: none;
  -webkit-filter: unset;
  filter: unset;
  border-radius: 0
}
.ytReelPlayerOverlayViewModelHostExtractOverlay .ytReelPlayerOverlayViewModelActionsContainer {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1
}
.ytReelPlayerOverlayViewModelHostExtractActionBar .ytReelPlayerOverlayViewModelMetadataContainerMetapanel {
  padding-right: 16px
}
.ytReelPlayerOverlayViewModelHostExtractActionBar .ytReelPlayerOverlayViewModelActionsContainer {
  padding-bottom: 0;
  -webkit-filter: unset;
  filter: unset
}
.ytReelPlayerOverlayViewModelHost:not(.ytReelPlayerOverlayViewModelHostExtractOverlay)[show-scrubber] .ytReelPlayerOverlayViewModelMetadataContainer {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}
.ytfzFanzoneScheduledInfoViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 32px 12px 20px
}
.ytfzFanzoneScheduledInfoViewModelAvatar {
  margin-bottom: 8px
}
.ytfzFanzoneScheduledInfoViewModelTitle {
  text-align: center;
  margin-bottom: 10px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700
}
.ytfzFanzoneScheduledInfoViewModelDescription {
  color: #606060;
  text-align: center;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.interstitialViewModelHost {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
  border-radius: inherit
}
.interstitialViewModelErrorScreenRedesignDisabled {
  padding: 16px
}
@media (max-width:527.9px) {
  .interstitialViewModelErrorScreenRedesignDisabled {
    overflow-y: scroll
  }
}
.interstitialViewModelErrorScreenRedesignEnabled {
  width: 100%;
  height: 100%;
  container-type: size
}
.interstitialViewModelModelContainer {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  background-color: #0f0f0f;
  -webkit-padding-start: 12%;
  padding-inline-start: 12%;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: inherit
}
@media (forced-colors:active) {
  .interstitialViewModelModelContainer {
    border: 1px solid rgba(0, 0, 0, 0.1)
  }
}
.interstitialViewModelModelContainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-color: #0f0f0f;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(35%, transparent), color-stop(35%, rgba(170, 9, 170, .2)), color-stop(84%, rgba(169, 0, 255, .2)), to(rgba(254, 70, 160, .2)));
  background-image: -webkit-linear-gradient(left, transparent, transparent 35%, rgba(170, 9, 170, .2) 0, rgba(169, 0, 255, .2) 84%, rgba(254, 70, 160, .2));
  background-image: linear-gradient(90deg, transparent 0, transparent 35%, rgba(170, 9, 170, .2) 0, rgba(169, 0, 255, .2) 84%, rgba(254, 70, 160, .2));
  -webkit-mask-image: -webkit-radial-gradient(77% 50%, 27% 58%, #0f0f0f 0, transparent 100%);
  mask-image: radial-gradient(27% 58% at 77% 50%, #0f0f0f 0, transparent 100%)
}
[dir=rtl] .interstitialViewModelModelContainer:before {
  -webkit-mask-image: -webkit-radial-gradient(23% 50%, 27% 58%, #0f0f0f 0, transparent 100%);
  mask-image: radial-gradient(27% 58% at 23% 50%, #0f0f0f 0, transparent 100%)
}
.interstitialViewModelModelContainer:before {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.interstitialViewModelFlexItem {
  width: 100%;
  margin: 8px 0
}
.interstitialViewModelLogoContainer {
  position: relative;
  width: 15%;
  min-width: 96px
}
.interstitialViewModelLogoContainer:before {
  content: "";
  display: block;
  padding-top: 22.727%
}
.interstitialViewModelLogoImage {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  overflow: visible
}
@media (forced-colors:active) {
  .interstitialViewModelLogoImage {
    forced-color-adjust: none;
    -ms-high-contrast-adjust: none
  }
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
  .interstitialViewModelLogoImage {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg)
  }
}
.interstitialViewModelButtonContainer {
  max-width: 43%;
  margin-top: 8px;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.interstitialViewModelButtonItem {
  width: auto
}
.interstitialViewModelButtonItem:not(:last-child) {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
  margin-bottom: 8px
}
@media (forced-colors:active) {
  .interstitialViewModelButtonItem .ytSpecButtonShapeNextHost {
    border: 1px solid currentColor
  }
}
.interstitialViewModelPrimaryButtonItem, .interstitialViewModelSecondaryButtonItem {
  max-width: 100%
}
.interstitialViewModelTextTitle {
  color: #fff;
  max-width: 43%;
  position: relative;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2.8rem;
  line-height: 3.8rem;
  font-weight: 700
}
@media (max-width:527.9px) {
  .interstitialViewModelTextTitle {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 700
  }
}
.interstitialViewModelTextDescription {
  color: #606060;
  max-width: 43%;
  position: relative;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400
}
.interstitialViewModelInterstitialIcon {
  text-align: center
}
@media (max-width:527.9px) {
  .interstitialViewModelIconImage {
    width: 25%;
    object-fit: contain
  }
}
.interstitialViewModelInterstitialTitle {
  color: #fff;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700
}
@media (max-width:527.9px) {
  .interstitialViewModelInterstitialTitle {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700
  }
}
.interstitialViewModelInterstitialDescription {
  color: #fff;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.interstitialViewModelIllustrationContainer {
  position: absolute;
  top: 50%;
  inset-inline-end: 12%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30%;
  max-width: 400px
}
.interstitialViewModelIllustrationImage {
  width: 100%;
  height: auto
}
@media (forced-colors:active) {
  .interstitialViewModelIllustrationImage {
    forced-color-adjust: none;
    -ms-high-contrast-adjust: none
  }
}
@media (forced-colors:active) and (prefers-color-scheme:light) {
  .interstitialViewModelIllustrationImage {
    -webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg)
  }
}
.interstitialViewModelErrorCodeContainer {
  position: absolute;
  padding: 4px 12px;
  bottom: 8px;
  inset-inline-end: 8px;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.interstitialViewModelLayoutPortrait .interstitialViewModelModelContainer {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-bottom: max(12%, 42px);
  padding-inline: 16px
}
.interstitialViewModelLayoutPortrait .interstitialViewModelLogoContainer {
  position: absolute;
  top: 16px;
  inset-inline-start: 16px
}
.interstitialViewModelLayoutPortrait .interstitialViewModelButtonContainer {
  max-width: 100%;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.interstitialViewModelLayoutPortrait .interstitialViewModelButtonItem:not(:last-child) {
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  -webkit-margin-after: 16px;
  margin-block-end: 16px
}
.interstitialViewModelLayoutPortrait .interstitialViewModelPrimaryButtonItem, .interstitialViewModelLayoutPortrait .interstitialViewModelSecondaryButtonItem {
  width: 100%;
  max-width: 100%
}
.interstitialViewModelLayoutPortrait .interstitialViewModelTextDescription, .interstitialViewModelLayoutPortrait .interstitialViewModelTextTitle {
  max-width: 100%
}
.interstitialViewModelLayoutPortrait .interstitialViewModelIllustrationContainer {
  display: none
}
.interstitialViewModelLayoutSmall .interstitialViewModelModelContainer {
  padding: 16px
}
.interstitialViewModelLayoutSmall .interstitialViewModelButtonContainer {
  max-width: 100%
}
.interstitialViewModelLayoutSmall .interstitialViewModelTextTitle {
  max-width: 100%;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700
}
@media (max-width:527.9px) {
  .interstitialViewModelLayoutSmall .interstitialViewModelTextTitle {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700
  }
}
.interstitialViewModelLayoutSmall .interstitialViewModelErrorCodeContainer, .interstitialViewModelLayoutSmall .interstitialViewModelIllustrationContainer, .interstitialViewModelLayoutSmall .interstitialViewModelSecondaryButtonItem, .interstitialViewModelLayoutSmall .interstitialViewModelTextDescription {
  display: none
}
.interstitialViewModelLayoutFullWidth .interstitialViewModelButtonContainer {
  max-width: 76%
}
.interstitialViewModelLayoutFullWidth .interstitialViewModelTextTitle {
  max-width: 76%;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: 700
}
@media (max-width:527.9px) {
  .interstitialViewModelLayoutFullWidth .interstitialViewModelTextTitle {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700
  }
}
.interstitialViewModelLayoutFullWidth .interstitialViewModelTextDescription {
  max-width: 76%;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.interstitialViewModelHideErrorCode .interstitialViewModelErrorCodeContainer, .interstitialViewModelLayoutFullWidth .interstitialViewModelIllustrationContainer {
  display: none
}
.ytwPlayerDisclosureViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}
.ytwPlayerDisclosureViewModelEndpoint {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 516px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  border-left: 4px solid #3ea6ff;
  padding: 6px 0 6px 6px;
  text-decoration: none
}
.ytwPlayerDisclosureViewModelImage {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  margin: 4px;
  height: 48px;
  width: 48px
}
.ytwPlayerDisclosureViewModelExtractOverlay .ytwPlayerDisclosureViewModelEndpoint {
  color: var(--reel-metadata-color);
  background-color: rgba(0, 0, 0, 0.05)
}
.ytwPlayerDisclosureViewModelTitle {
  margin: 0 4px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytwPlayerDisclosureViewModelText {
  margin: 0 4px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 3.6rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytwPlayerDisclosureViewModelText {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytwPlayerDisclosureViewModelText {
  max-height: 3.6rem
}
.ytwPlayerDisclosureViewModelDivider {
  margin: 2px 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.3)
}
.ytCollaborativePlaylistInviteMessageViewModelHost {
  display: block
}
.ytCollaborativePlaylistInviteMessageViewModelAccountSectionHeaderText {
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500
}
.ytCollaborativePlaylistInviteMessageViewModelAccountWrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 8px 0;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  gap: 12px;
  -webkit-align-self: stretch;
  align-self: stretch
}
.ytCollaborativePlaylistInviteMessageViewModelAccountText {
  color: #030303;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0;
  flex: 1 0 0;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytCollaborativePlaylistInviteMessageViewModelHandle {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytCollaborativePlaylistInviteMessageViewModelInviteMessageWrapper {
  color: #030303;
  margin-bottom: 12px;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400
}
.ytCollaborativePlaylistInviteMessageViewModelTermsOfService {
  color: #606060;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytReelCarouselViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 4px
}
.ytReelCarouselViewModelHostButton {
  min-width: 0
}
.ytReelCarouselViewModelHostButton c3-icon {
  width: inherit;
  height: inherit
}
.ytReelCarouselViewModelHostButtonMaxWidth {
  max-width: 50%
}
.ytReelMultiFormatLinkViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 30px
}
.ytReelMultiFormatLinkViewModelHostTall {
  height: 36px
}
@media (max-width:299.9px) {
  .ytReelMultiFormatLinkViewModelHost {
    display: none
  }
}
.ytReelMultiFormatLinkViewModelEndpoint {
  position: relative;
  margin-top: 0;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: var(--reel-metadata-color, #fff)
}
.ytReelMultiFormatLinkViewModelLink {
  margin-right: 48px;
  margin-bottom: 0;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  max-height: 2rem
}
.ytReelMultiFormatLinkViewModelIcon {
  margin-right: 6px;
  vertical-align: middle;
  height: 16px;
  width: 16px
}
.ytReelMultiFormatLinkViewModelTitle {
  vertical-align: middle
}
.ytReelMultiFormatLinkViewModelHostLarge, .ytReelMultiFormatLinkViewModelHostLarge .ytReelMultiFormatLinkViewModelTall {
  height: unset
}
.ytReelMultiFormatLinkViewModelHostLarge .ytReelMultiFormatLinkViewModelIcon {
  width: 20px;
  height: 20px;
  margin-right: 8px
}
.ytShortsDisclosuresViewModelHost {
  display: block
}
.ytShortsDisclosuresViewModelShortsDisclosuresText {
  color: var(--reel-metadata-color, #fff);
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytShortsSuggestedActionViewModelStaticHost {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 18px
}
@media (max-width:299.9px) {
  .ytShortsSuggestedActionViewModelStaticHost {
    display: none
  }
}
.ytShortsSuggestedActionViewModelStaticHost:hover {
  background-color: rgba(0, 0, 0, 0.3)
}
.ytShortsSuggestedActionViewModelStaticHostContainer {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 16px;
  height: 36px;
  border: none;
  border-radius: 18px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  cursor: pointer
}
.ytShortsSuggestedActionViewModelStaticHostTextSection {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  text-align: left;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-padding-start: 8px;
  padding-inline-start: 8px
}
.ytShortsSuggestedActionViewModelStaticHostPrimaryText {
  display: -webkit-flex;
  display: flex;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShortsSuggestedActionViewModelStaticHostPrimaryText {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytShortsSuggestedActionViewModelStaticHostPrimaryText {
  max-height: 4rem
}
.ytShortsSuggestedActionViewModelStaticHostLeadingSection {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0
}
.ytShortsSuggestedActionViewModelStaticHostLeadingImage {
  max-width: 100%;
  max-height: 100%;
  -webkit-padding-start: 4px;
  padding-inline-start: 4px;
  height: 24px;
  width: 24px
}
.ytShortsSuggestedActionViewModelStaticHostLeadingIcon {
  max-width: 100%;
  max-height: 100%;
  -webkit-padding-start: 8px;
  padding-inline-start: 8px;
  height: 24px;
  width: 24px
}
.ytShortsSuggestedActionViewModelDynamicHost {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}
@media (max-width:299.9px) {
  .ytShortsSuggestedActionViewModelDynamicHost {
    display: none
  }
}
.ytShortsSuggestedActionViewModelDynamicHostFixedHeightAuto {
  height: auto
}
.ytShortsSuggestedActionViewModelDynamicHostHidden {
  opacity: 0
}
.ytShortsSuggestedActionViewModelDynamicHostShown {
  -webkit-animation: fadeIn .5s ease-in-out;
  animation: fadeIn .5s ease-in-out;
  opacity: 1
}
.ytShortsSuggestedActionViewModelDynamicHostUseRoundBorder {
  border-radius: 28px
}
.ytShortsSuggestedActionViewModelDynamicHostRoundAllCorners {
  border-radius: 8px
}
.ytShortsSuggestedActionViewModelDynamicHostOnlyRoundLeadingCorners {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}
.ytShortsSuggestedActionViewModelDynamicHostContainer {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: none;
  max-height: 52px;
  padding: 8px;
  background-color: rgba(40, 40, 40, 0.6);
  color: var(--reel-metadata-color, #fff);
  cursor: pointer
}
.ytShortsSuggestedActionViewModelDynamicHostContainer:hover {
  background-color: rgba(0, 0, 0, 0.6);
  border-color: transparent
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedLeadingSection {
  border-radius: 4px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 0
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedLeadingSection {
  margin-right: 0
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedLeadingImage {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
  -webkit-padding-start: 4px;
  padding-inline-start: 4px;
  height: 24px;
  width: 24px
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedLeadingImage {
  max-width: 100%;
  max-height: 100%;
  border-radius: 4px;
  width: 28px;
  height: 28px;
  -webkit-padding-start: 8px;
  padding-inline-start: 8px
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedLeadingIcon {
  -webkit-padding-start: 8px;
  padding-inline-start: 8px;
  height: 24px;
  width: 24px
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedLeadingIcon {
  padding: 4px;
  border-radius: 4px;
  -webkit-padding-start: 8px;
  padding-inline-start: 8px;
  box-sizing: content-box;
  height: 24px;
  width: 24px
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedSecondary {
  opacity: 0;
  display: none
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedSecondary {
  -webkit-animation: fadeIn .25s ease-in-out;
  animation: fadeIn .25s ease-in-out;
  opacity: 1;
  margin-top: -2px;
  color: rgba(255, 255, 255, 0.7);
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShortsSuggestedActionViewModelDynamicHostExpandedSecondary {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedSecondary {
  max-height: 1.8rem
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedTrailingSection {
  cursor: pointer;
  position: relative;
  background-color: rgba(40, 40, 40, 0.6);
  border-radius: 0 8px 8px 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 24px;
  height: 40px;
  padding: 0
}
.ytShortsSuggestedActionViewModelDynamicHostCollapsedTrailingSection:hover {
  background-color: rgba(0, 0, 0, 0.6)
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedTrailingSection {
  cursor: pointer;
  position: relative;
  background-color: rgba(40, 40, 40, 0.6);
  border-radius: 0 8px 8px 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 40px;
  width: 24px;
  padding: 0
}
.ytShortsSuggestedActionViewModelDynamicHostExpandedTrailingSection:hover {
  background-color: rgba(0, 0, 0, 0.6)
}
.ytShortsSuggestedActionViewModelDynamicHostTrailingIcon {
  color: var(--reel-metadata-color, #fff);
  height: 24px;
  width: 24px
}
.ytShortsSuggestedActionViewModelExtractOverlay {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex
}
.ytShortsSuggestedActionViewModelExtractOverlayContainer {
  background-color: rgba(0, 0, 0, 0.05)
}
.ytShortsSuggestedActionViewModelExtractOverlayContainer:hover {
  background-color: rgba(0, 0, 0, 0.1)
}
.ytShortsSuggestedActionViewModelExtractOverlayCollapsedTrailingSection {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--reel-metadata-color, #030303)
}
.ytShortsSuggestedActionViewModelExtractOverlayCollapsedTrailingSection:hover {
  background-color: rgba(0, 0, 0, 0.1)
}
.ytShortsSuggestedActionViewModelExtractOverlayExpandedTrailingSection {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--reel-metadata-color, #030303)
}
.ytShortsSuggestedActionViewModelExtractOverlayExpandedTrailingSection:hover {
  background-color: rgba(0, 0, 0, 0.1)
}
.ytShortsSuggestedActionViewModelExpansiveContainer {
  color: var(--reel-metadata-color, #030303);
  max-width: 480px
}
.ytShortsSuggestedActionViewModelExpansiveContainerPrimaryText {
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShortsSuggestedActionViewModelExpansiveContainerPrimaryText {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytShortsSuggestedActionViewModelExpansiveContainerPrimaryText {
  max-height: 2rem
}
.ytShortsSuggestedActionViewModelExpansiveContainerExpandedSecondary {
  color: rgba(from var(--reel-metadata-color, #030303) r g b/.7);
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 1.8rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShortsSuggestedActionViewModelExpansiveContainerExpandedSecondary {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytShortsSuggestedActionViewModelExpansiveContainerExpandedSecondary {
  max-height: 1.8rem
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
.ytShortsVideoTitleViewModelHost {
  display: block;
  color: var(--reel-metadata-color, #fff)
}
.ytShortsVideoTitleViewModelHostClickable {
  cursor: pointer
}
.ytShortsVideoTitleViewModelShortsVideoTitle {
  margin: 0;
  pointer-events: auto;
  word-break: break-word;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 2rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShortsVideoTitleViewModelShortsVideoTitle {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
.ytShortsVideoTitleViewModelShortsVideoTitle {
  max-height: 2rem;
  max-height: none;
  -webkit-line-clamp: var(--yt-shorts-video-title-max-lines, 1)
}
.ytShortsVideoTitleViewModelShortsVideoTitleLarge {
  margin: 0;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700;
  overflow: hidden;
  display: block;
  max-height: 2.8rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytShortsVideoTitleViewModelShortsVideoTitleLarge {
    -webkit-line-clamp: 1;
    max-height: none
  }
}
@media (max-width:527.9px) {
  .ytShortsVideoTitleViewModelShortsVideoTitleLarge {
    font-family: Roboto, "Arial", sans-serif;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
    overflow: hidden;
    display: block;
    max-height: 2.6rem;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal
  }
  @supports (-webkit-line-clamp:1) {
    .ytShortsVideoTitleViewModelShortsVideoTitleLarge {
      -webkit-line-clamp: 1;
      max-height: none
    }
  }
}
.ytShortsVideoTitleViewModelShortsVideoTitleLarge {
  max-height: 2.8rem
}
@media (max-width:527.9px) {
  .ytShortsVideoTitleViewModelShortsVideoTitleLarge {
    max-height: 2.6rem
  }
}
.ytShortsVideoTitleViewModelShortsVideoTitleLarge {
  max-height: none;
  -webkit-line-clamp: var(--yt-shorts-video-title-max-lines, 1)
}
.ytAccessConfirmationViewModelHost {
  display: block
}
.ytAccessConfirmationViewModelContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 24px 12px 0
}
.ytAccessConfirmationViewModelAvatar {
  margin-bottom: 16px
}
.ytAccessConfirmationViewModelTitle {
  text-align: center;
  margin-bottom: 8px;
  font-family: YouTube Sans, Roboto, sans-serif;
  font-size: 3.2rem;
  line-height: 4.4rem;
  font-weight: 700
}
.ytAccessConfirmationViewModelSubtitle {
  color: #606060;
  text-align: center;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytDualAvatarViewModelHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}
.ytDualAvatarViewModelAvatarsContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  gap: var(--yt-dual-avatar-view-model-badge-cutout-radius);
  -webkit-mask-image: -webkit-radial-gradient(circle var(--yt-dual-avatar-view-model-badge-cutout-radius), transparent 100%, black 0);
  mask-image: radial-gradient(circle var(--yt-dual-avatar-view-model-badge-cutout-radius), transparent 100%, black 0)
}
.ytDualAvatarViewModelBadge {
  position: absolute
}
.ytImageStickerHost {
  display: block;
  position: relative
}
.ytImageStickerImageCopy {
  position: absolute;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1)
}
.ytImageStickerImageActual {
  position: relative
}
.ytOverlayProductStickerHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3))
}
.ytOverlayProductStickerTitleButton {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: auto;
  padding: 4px 4px 4px 8px;
  border-radius: 4px;
  color: #606060;
  background-color: #fff
}
.ytOverlayProductStickerImageContainer {
  position: relative
}
.ytOverlayProductStickerOpenIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  bottom: 8px;
  padding: 2px;
  border-radius: 4px;
  color: #606060;
  background-color: #fff;
  height: 16px;
  width: 16px
}
.ytOverlayStickerHost {
  --sticker-width: 100;
  display: block;
  position: absolute;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  pointer-events: all;
  cursor: pointer;
  border-radius: 6px
}
.ytOverlayStickerHost>:only-child {
  height: 100%;
  width: 100%;
  box-sizing: border-box
}
.ytOverlayStickerHostRelative {
  position: relative
}
.ytSubscribePlusButtonViewModelHost {
  display: block
}
.ytSurveyIconsHost {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}
.ytSurveyIconsHeader {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.ytSurveyIconsTitle {
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  overflow: hidden;
  display: block;
  max-height: 2.2rem;
  max-height: 2.2rem
}
.ytSurveyIconsAnswers {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.ytSurveyIconsIcon {
  color: #030303;
  width: 36px;
  height: 36px;
  margin: -6px
}
.ytSurveyIconsAnswersText {
  color: #030303;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400
}
.ytListItemLikeCountViewModelHost {
  color: #030303;
  font-family: Roboto, "Arial", sans-serif;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  overflow: hidden;
  display: block;
  max-height: 4.4rem;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}
@supports (-webkit-line-clamp:1) {
  .ytListItemLikeCountViewModelHost {
    -webkit-line-clamp: 2;
    max-height: none
  }
}
.ytListItemLikeCountViewModelHost {
  max-height: 4.4rem
}
sentinel {}