@charset "UTF-8";

.html5-video-player {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  outline: 0;
  font-family: YouTube Noto, Roboto, Arial, Helvetica, sans-serif;
  color: #eee;
  text-align: left;
  direction: ltr;
  font-size: 11px;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: manipulation
}

.html5-video-player,
.ytp-contextmenu {
  -ms-high-contrast-adjust: none;
  forced-color-adjust: none
}

.html5-video-player.ad-showing,
.html5-video-player.ended-mode,
.html5-video-player.unstarted-mode,
.html5-video-player:not(.ytp-transparent) {
  background-color: #000
}

.ytd-video-masthead-ad-primary-video-renderer .html5-video-player.ad-showing,
.ytd-video-masthead-ad-primary-video-renderer .html5-video-player.ended-mode,
.ytd-video-masthead-ad-primary-video-renderer .html5-video-player.unstarted-mode,
.ytd-video-masthead-ad-primary-video-renderer .html5-video-player:not(.ytp-transparent) {
  background-color: transparent
}

.ytp-big-mode {
  font-size: 17px
}

.ytp-autohide {
  cursor: none
}

.html5-video-player a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color .1s cubic-bezier(0, 0, .2, 1);
  transition: color .1s cubic-bezier(0, 0, .2, 1);
  outline: 0
}

.html5-video-player a:hover {
  color: #fff;
  -webkit-transition: color .1s cubic-bezier(.4, 0, 1, 1);
  transition: color .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-probably-keyboard-focus a:focus {
  -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8);
  box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8)
}

.html5-video-player h1,
.html5-video-player h2 {
  margin: 0
}

.html5-video-player svg {
  pointer-events: none
}

.html5-video-player:not(.ytp-touch-mode) ::-webkit-scrollbar {
  width: 10px;
  background-color: #424242
}

.ytp-big-mode:not(.ytp-touch-mode) ::-webkit-scrollbar {
  width: 15px
}

.html5-video-player:not(.ytp-touch-mode) ::-webkit-scrollbar-track {
  background-color: #424242
}

.html5-video-player:not(.ytp-touch-mode) ::-webkit-scrollbar-thumb {
  background-color: #8e8e8e;
  border: 1px solid #424242;
  border-radius: 5px
}

.ytp-big-mode:not(.ytp-touch-mode) ::-webkit-scrollbar-thumb {
  border-radius: 8px
}

.html5-video-container {
  z-index: 10;
  position: relative
}

.ytp-embed-error .html5-video-container {
  display: none
}

.html5-main-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 0
}

.ytp-fit-cover-video .html5-main-video {
  -o-object-fit: cover;
  object-fit: cover
}

.html5-main-video[data-no-fullscreen=true]::-webkit-media-controls-fullscreen-button {
  display: none
}

.html5-main-video:not([controls])::-webkit-media-controls,
.html5-main-video:not([controls])::-webkit-media-controls-start-playback-button {
  display: none
}

.html5-main-video::-webkit-media-controls-timeline {
  display: inline
}

.unstarted-mode .html5-main-video::-webkit-media-controls-start-playback-button {
  display: none
}

@media screen and (max-width:325px) {
  .html5-main-video::-webkit-media-controls-wireless-playback-picker-button {
    display: none
  }
}

.html5-main-video::-webkit-media-controls-current-time-display,
.html5-main-video::-webkit-media-controls-time-remaining-display {
  display: -webkit-flex
}

.ytp-player-content {
  position: absolute;
  left: 0;
  right: 0;
  top: 48px;
  bottom: 61px;
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1), top .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1), top .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern .ytp-player-content {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 14px)
}

.ytp-delhi-modern:not(.ytp-xsmall-width-mode):not(.ad-showing) .ytp-player-content {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 14px)
}

.ytp-delhi-modern:not(.ytp-xsmall-width-mode):not(.ad-showing).ytp-has-fullscreen-quick-actions .ytp-player-content {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 94px)
}

.ytp-delhi-modern:not(.ytp-xsmall-width-mode):not(.ad-showing).ytp-has-fullscreen-quick-actions.ytp-fullscreen-grid-peeking .ytp-player-content {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 94px + var(--ytp-grid-peek-height))
}

.ytp-delhi-modern:not(.ytp-xsmall-width-mode):not(.ad-showing).ytp-big-mode .ytp-player-content {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 14px)
}

.ytp-delhi-modern:not(.ytp-xsmall-width-mode):not(.ad-showing).ytp-big-mode.ytp-has-fullscreen-quick-actions .ytp-player-content {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 94px)
}

.ytp-delhi-modern:not(.ytp-xsmall-width-mode):not(.ad-showing).ytp-big-mode.ytp-has-fullscreen-quick-actions.ytp-fullscreen-grid-peeking .ytp-player-content {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 94px + var(--ytp-grid-peek-height))
}

.ytp-small-mode .ytp-player-content {
  bottom: 49px
}

.ytp-embed .ytp-player-content {
  bottom: 53px
}

.ytp-embed:not(.ad-showing) .ytp-player-content:not(.ytp-upnext) {
  top: 60px
}

.ytp-big-mode .ytp-player-content {
  top: 69px;
  bottom: 70px
}

.ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-player-content:not(.ytp-upnext) {
  top: 89px
}

.ytp-player-content.ytp-iv-player-content,
.ytp-player-content.ytp-timely-actions-content {
  left: 12px;
  right: 12px
}

.ytp-branding-shown .ytp-player-content.ytp-timely-actions-content {
  right: calc(22px + var(--branding-image-width))
}

.ytp-big-mode .ytp-player-content.ytp-iv-player-content,
.ytp-big-mode .ytp-player-content.ytp-timely-actions-content {
  left: 24px;
  right: 24px
}

.ytp-branding-shown.ytp-big-mode .ytp-player-content.ytp-timely-actions-content {
  right: calc(22px + var(--branding-image-width))
}

.ytp-autohide .ytp-player-content:not(.html5-endscreen),
.ytp-autohide .ytp-player-content:not(.ytp-upnext),
.ytp-hide-info-bar .ytp-player-content {
  top: 0;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1), top .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1), top .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide .ytp-ypc-player-content,
.ytp-hide-controls .ytp-player-content {
  bottom: 0
}

.ytp-autohide:not(.ytp-ad-overlay-open) .ytp-iv-player-content,
.ytp-autohide:not(.ytp-ad-overlay-open) .ytp-timely-actions-content,
.ytp-hide-controls .ytp-iv-player-content,
.ytp-hide-controls .ytp-timely-actions-content {
  bottom: 12px
}

.ytp-timely-actions-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 35;
  opacity: 1;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}

.ytp-overlays-container .ytp-overlay-bottom-right .ytp-player-content.ytp-timely-actions-content,
.ytp-overlays-container .ytp-overlay-bottom-right .ytp-timely-actions-overlay {
  position: relative;
  inset: 0
}

.ytp-fine-scrubbing-enable .ytp-timely-actions-overlay {
  display: none
}

.ytp-ad-overlay-open .ytp-player-content {
  bottom: 151px
}

.ytp-small-mode.ytp-ad-overlay-open .ytp-player-content {
  bottom: 139px
}

.ytp-embed.ytp-ad-overlay-open .ytp-player-content {
  bottom: 143px
}

.ytp-big-mode.ytp-autohide:not(.ytp-ad-overlay-open) .ytp-iv-player-content,
.ytp-big-mode.ytp-autohide:not(.ytp-ad-overlay-open) .ytp-timely-actions-content,
.ytp-big-mode.ytp-hide-controls .ytp-iv-player-content,
.ytp-big-mode.ytp-hide-controls .ytp-timely-actions-content {
  bottom: 24px
}

.ytp-big-mode.ytp-ad-overlay-open .ytp-player-content {
  bottom: 160px
}

.ytp-button {
  border: none;
  background-color: transparent;
  padding: 0;
  color: inherit;
  text-align: inherit;
  font-size: 100%;
  font-family: inherit;
  cursor: default;
  line-height: inherit
}

.ytp-delhi-modern-icons .ytp-chrome-controls .ytp-button svg {
  padding: var(--yt-delhi-pill-top-height, 12px) 12px
}

.ytp-big-mode.ytp-delhi-modern-icons .ytp-chrome-controls .ytp-button svg {
  vertical-align: top;
  padding: calc((var(--yt-delhi-big-mode-pill-height, 56px) - 24px)/2)
}

.ytp-xsmall-width-mode.ytp-delhi-modern-icons .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button svg {
  width: 18px;
  height: 18px;
  padding: 9px
}

.ytp-xsmall-width-mode.ytp-delhi-modern-icons .ytp-right-controls .ytp-button:not(.ytp-expand-right-bottom-section-button) svg {
  width: 18px;
  height: 18px;
  padding: 7px
}

.ytp-xsmall-width-mode.ytp-delhi-modern-icons .ytp-right-controls .ytp-expand-right-bottom-section-button.ytp-button svg {
  padding: 0
}

.ytp-button,
.ytp-button:focus {
  outline: 0
}

.ytp-button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.html5-video-player .ytp-button[aria-disabled=true],
.html5-video-player .ytp-button[disabled] {
  opacity: .5
}

.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
  cursor: pointer
}

.ytp-probably-keyboard-focus .ytp-button:focus {
  -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8);
  box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8)
}

.ytp-chrome-bottom,
.ytp-chrome-top {
  position: absolute;
  text-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.ytp-dni .ytp-chrome-bottom {
  text-shadow: none
}

.ytp-chrome-top {
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  left: 12px;
  right: 12px;
  top: 0;
  z-index: 58
}

.ytp-shorts-mode .ytp-chrome-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  right: 0
}

.ytp-gvn .ytp-chrome-top,
.ytp-gvn.ytp-big-mode .ytp-chrome-top {
  top: 20px
}

.ytp-chrome-bottom {
  bottom: 0;
  height: 48px;
  width: 100%;
  z-index: 59;
  padding-top: 3px;
  text-align: left;
  direction: ltr
}

.ytp-delhi-modern .ytp-chrome-bottom {
  height: var(--yt-delhi-bottom-controls-height, 72px)
}

.ytp-delhi-modern .ytp-chrome-bottom.ytp-volume-popover-showing {
  z-index: 1000
}

.ytp-small-mode .ytp-chrome-bottom {
  height: 36px
}

.ytp-embed .ytp-chrome-bottom {
  height: 40px
}

.ytp-embed.ytp-embed-mobile .ytp-chrome-bottom,
.ytp-embed.ytp-embed-mobile .ytp-chrome-bottom .ytp-chrome-controls,
.ytp-embed.ytp-embed-mobile.ytp-small-mode .ytp-chrome-bottom,
.ytp-embed.ytp-embed-mobile.ytp-small-mode .ytp-chrome-bottom .ytp-chrome-controls {
  height: 48px
}

.ytp-big-mode .ytp-chrome-bottom {
  height: 54px;
  padding-top: 4px
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-bottom {
  height: var(--yt-delhi-big-mode-bottom-controls-height, 96px);
  padding-top: 0
}

.ytp-chrome-top .ytp-button,
.ytp-small-mode .ytp-chrome-controls .ytp-button,
.ytp-small-mode .ytp-replay-button {
  opacity: .9;
  display: inline-block;
  width: 36px;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  overflow: hidden
}

.ytp-chrome-controls .ytp-button,
.ytp-replay-button {
  opacity: .9;
  display: inline-block;
  width: 48px;
  padding: 0 2px;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  overflow: hidden
}

.ytp-chrome-controls .ytp-button.ytp-mute-button {
  padding: 6px
}

.ytp-chrome-controls .ytp-button.ytp-next-button {
  padding: 0
}

.ytp-chrome-controls .ytp-button.ytp-miniplayer-button,
.ytp-chrome-controls .ytp-button.ytp-remote-button {
  padding: 0 4px
}

.ytp-embed .ytp-chrome-controls .ytp-button,
.ytp-embed .ytp-replay-button {
  width: 40px;
  padding: 0
}

.ytp-embed .ytp-chrome-controls .ytp-button.ytp-miniplayer-button,
.ytp-embed .ytp-chrome-controls .ytp-button.ytp-mute-button,
.ytp-embed .ytp-chrome-controls .ytp-button.ytp-next-button,
.ytp-embed .ytp-chrome-controls .ytp-button.ytp-remote-button {
  padding: 0
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: var(--yt-delhi-pill-top-height, 12px);
  height: var(--yt-delhi-pill-height, 48px);
  border-radius: 28px;
  padding: 0 16px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  padding: 0
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button.ytp-expand-right-bottom-section-button {
  display: none
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-right-controls-left,
.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-right-controls-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-button {
  opacity: unset;
  position: relative
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-button[aria-pressed]:after {
  display: none
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-mute-button {
  overflow: visible;
  position: relative;
  height: 100%
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-mute-button .ytp-volume-icon {
  overflow: visible;
  width: 100%;
  height: 100%
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-replay-button {
  opacity: unset
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-left-controls {
  min-width: 0;
  z-index: 59
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls {
  padding: 0 4px;
  z-index: 59
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button {
  padding: 0
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 40px;
  background-color: transparent;
  pointer-events: none;
  width: 48px;
  height: calc(var(--yt-delhi-pill-height, 48px) - 8px)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button:hover:before {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button:active:before {
  background-color: var(--yt-sys-color-baseline--overlay-tonal-hover, rgba(255, 255, 255, .2));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*) {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  height: var(--yt-delhi-pill-height, 48px);
  border-radius: 28px;
  padding: 0 16px;
  padding: 0 4px 0 0;
  margin-top: var(--yt-delhi-pill-top-height, 12px);
  margin-left: 8px
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*) svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*).ytp-playlist-ui {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*):after {
  content: "";
  position: absolute;
  inset: 4px;
  background: transparent;
  pointer-events: none;
  border-radius: 28px;
  inset: 4px 4px 4px 0
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*):hover:after {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*):active:after {
  background-color: var(--yt-sys-color-baseline--overlay-tonal-hover, rgba(255, 255, 255, .2));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-controls .ytp-right-controls .ytp-button {
  height: var(--yt-delhi-big-mode-pill-height, 56px);
  width: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-controls .ytp-right-controls .ytp-button:before {
  height: calc(var(--yt-delhi-big-mode-pill-height, 56px) - 8px);
  width: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*) {
  margin-top: calc((var(--yt-delhi-big-mode-bottom-controls-height, 96px) - var(--yt-delhi-big-mode-pill-height, 56px))/2);
  height: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*) svg {
  padding: calc((var(--yt-delhi-big-mode-pill-height, 56px) - 24px)/2)
}

.ytp-delhi-modern-with-luminosity.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*) {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: luminosity;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-difference.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*) {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: difference;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-exclusion.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(.ytp-miniplayer-button-container>*) {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: exclusion;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-embed.ytp-embed-mobile .ytp-chrome-controls .ytp-button,
.ytp-embed.ytp-embed-mobile.ytp-small-mode .ytp-chrome-controls .ytp-button {
  width: 48px;
  height: 48px
}

.ytp-embed-mobile .ytp-chrome-controls .ytp-button:not(.ytp-youtube-button) svg,
.ytp-embed-mobile.ytp-small-mode .ytp-chrome-controls .ytp-button:not(.ytp-youtube-button) svg {
  width: 40px;
  padding-left: 4px
}

.ytp-chrome-top .ytp-button {
  padding-top: 6px;
  height: 42px;
  vertical-align: top
}

.ytp-big-mode .ytp-chrome-top .ytp-button {
  padding-top: 9px;
  height: 63px
}

.ytp-chrome-controls .ytp-button {
  height: 100%
}

.ytp-big-mode .ytp-chrome-controls .ytp-button,
.ytp-big-mode .ytp-chrome-top .ytp-button {
  width: 54px
}

.ytp-play-button:not(.ytp-play-button-playlist):before,
.ytp-prev-button:before {
  content: "";
  display: block;
  width: 12px;
  position: absolute;
  top: 5px;
  bottom: 0;
  left: -12px
}

.ytp-delhi-modern .ytp-play-button:after {
  content: "";
  position: absolute;
  inset: 4px;
  background: transparent;
  pointer-events: none;
  border-radius: 28px;
  border-radius: 27px
}

.ytp-big-mode.ytp-delhi-modern .ytp-play-button:after {
  border-radius: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px)/2)
}

.ytp-delhi-modern .ytp-play-button:hover:after,
.ytp-delhi-modern.ytp-big-mode .ytp-play-button:hover:after {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-play-button:active:after,
.ytp-delhi-modern.ytp-big-mode .ytp-play-button:active:after {
  background-color: var(--yt-sys-color-baseline--overlay-tonal-hover, rgba(255, 255, 255, .2));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-big-mode-consistent-pill-height.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-left-controls .ytp-play-button {
  height: var(--yt-delhi-big-mode-pill-height, 56px);
  width: var(--yt-delhi-big-mode-pill-height, 56px);
  margin-top: calc((var(--yt-delhi-big-mode-bottom-controls-height, 96px) - var(--yt-delhi-big-mode-pill-height, 56px))/2);
  margin-bottom: calc((var(--yt-delhi-big-mode-bottom-controls-height, 96px) - var(--yt-delhi-big-mode-pill-height, 56px))/2)
}

.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container>*) {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  height: var(--yt-delhi-pill-height, 48px);
  border-radius: 28px;
  padding: 0 16px;
  padding: 0 0 0 4px;
  margin-top: var(--yt-delhi-pill-top-height, 12px);
  margin-left: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container>*) svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container>*):after {
  content: "";
  position: absolute;
  inset: 4px;
  background: transparent;
  pointer-events: none;
  border-radius: 28px;
  inset: 4px 0 4px 4px
}

.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container>*):hover:after {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container>*):active:after {
  background-color: var(--yt-sys-color-baseline--overlay-tonal-hover, rgba(255, 255, 255, .2));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-big-mode.ytp-delhi-modern .ytp-chrome-controls .ytp-prev-button:not(ytp-miniplayer-button-container>*) {
  margin-top: calc((var(--yt-delhi-big-mode-bottom-controls-height, 96px) - var(--yt-delhi-big-mode-pill-height, 56px))/2);
  height: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-big-mode.ytp-delhi-modern .ytp-chrome-controls .ytp-prev-button:not(ytp-miniplayer-button-container>*) svg {
  padding: calc((var(--yt-delhi-big-mode-pill-height, 56px) - 24px)/2)
}

.ytp-delhi-modern-with-luminosity.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container>*) {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: luminosity;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-difference.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container>*) {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: difference;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-exclusion.ytp-delhi-modern .ytp-prev-button:not(.ytp-miniplayer-button-container>*) {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: exclusion;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-fullscreen-button:after {
  content: "";
  display: block;
  width: 12px;
  position: absolute;
  top: 5px;
  bottom: 0;
  left: 100%
}

.ytp-big-mode .ytp-play-button:not(.ytp-play-button-playlist):before,
.ytp-big-mode .ytp-prev-button:before {
  width: 24px;
  left: -24px
}

.ytp-chrome-controls .ytp-button:not([aria-disabled=true]):not([disabled]):hover,
.ytp-chrome-controls .ytp-button[aria-expanded=true],
.ytp-chrome-controls .ytp-button[aria-pressed=true],
.ytp-chrome-top .ytp-button:hover,
.ytp-replay-button:hover {
  opacity: 1;
  -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
  transition: opacity .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-svg-fill {
  fill: #fff
}

.ytp-svg-shadow {
  stroke: #000;
  stroke-opacity: .15;
  stroke-width: 2px;
  fill: none
}

.ytp-dni .ytp-svg-shadow {
  display: none
}

.ytp-svg-shadow-fill {
  fill: #000;
  fill-opacity: .15;
  stroke: none
}

.ytp-chrome-controls .ytp-button[aria-pressed] {
  position: relative
}

.ytp-chrome-controls .ytp-button[aria-pressed]:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 3px;
  border-radius: 3px;
  left: 24px;
  bottom: 9px;
  background-color: var(--yt-sys-color-baseline--red-indicator, #e1002d);
  -webkit-transition: left .1s cubic-bezier(.4, 0, 1, 1), width .1s cubic-bezier(.4, 0, 1, 1);
  transition: left .1s cubic-bezier(.4, 0, 1, 1), width .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-embed .ytp-chrome-controls .ytp-button[aria-pressed]:after {
  height: 2px;
  border-radius: 2px;
  left: 20px;
  bottom: 8px
}

.ytp-big-mode .ytp-chrome-controls .ytp-button[aria-pressed]:after {
  height: 3px;
  border-radius: 3px;
  left: 27px;
  bottom: 10px
}

.ytp-dni .ytp-chrome-controls .ytp-button[aria-pressed]:after {
  background-color: #fff
}

.ytp-chrome-controls .ytp-button[aria-pressed=true]:after {
  width: 24px;
  left: 12px;
  -webkit-transition: left .25s cubic-bezier(0, 0, .2, 1), width .25s cubic-bezier(0, 0, .2, 1);
  transition: left .25s cubic-bezier(0, 0, .2, 1), width .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-small-mode .ytp-chrome-controls .ytp-button[aria-pressed=true]:after,
.ytp-xsmall-width-mode .ytp-chrome-controls .ytp-button[aria-pressed=true]:after {
  width: 18px;
  left: 9px
}

.ytp-embed .ytp-chrome-controls .ytp-button[aria-pressed=true]:after {
  width: 20px;
  left: 10px
}

.ytp-big-mode .ytp-chrome-controls .ytp-button[aria-pressed=true]:after {
  width: 27px;
  left: 14px
}

.ytp-embed-mobile .ytp-chrome-controls .ytp-button[aria-pressed=true]:after,
.ytp-embed-mobile.ytp-small-mode .ytp-chrome-controls .ytp-button[aria-pressed=true]:after {
  left: 15px
}

.ytp-color-white .ytp-chrome-controls .ytp-button[aria-pressed]:after {
  background-color: #ddd
}

.ytp-color-party .ytp-chrome-controls .ytp-button[aria-pressed]:after {
  -webkit-animation: ytp-party-background-color .1s linear infinite;
  animation: ytp-party-background-color .1s linear infinite
}

.ytp-chrome-top-buttons {
  white-space: nowrap
}

.ytp-chrome-top-buttons .ytp-button {
  text-shadow: inherit
}

[dir=rtl] .ytp-shorts-mode .ytp-chrome-top-buttons {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px
}

.ytp-copylink-button:not(.ytp-copylink-button-visible),
.ytp-overflow-button:not(.ytp-overflow-button-visible),
.ytp-share-button:not(.ytp-share-button-visible) {
  display: none
}

.ytp-exp-bottom-control-flexbox .ytp-chrome-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-chrome-controls {
  height: 48px;
  line-height: 48px;
  font-size: 109%;
  text-align: left;
  direction: ltr
}

.ytp-delhi-modern .ytp-chrome-controls {
  height: var(--yt-delhi-bottom-controls-height, 72px);
  line-height: var(--yt-delhi-bottom-controls-height, 72px)
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-controls {
  height: var(--yt-delhi-big-mode-bottom-controls-height, 96px);
  line-height: var(--yt-delhi-big-mode-bottom-controls-height, 96px)
}

.ytp-small-mode .ytp-chrome-controls {
  height: 36px;
  line-height: 36px
}

.ytp-embed .ytp-chrome-controls {
  height: 40px;
  line-height: 40px
}

.ytp-big-mode .ytp-chrome-controls {
  height: 54px;
  line-height: 54px
}

:not(.ytp-exp-bottom-control-flexbox) .ytp-left-controls {
  float: left
}

.ytp-left-controls {
  height: 100%
}

.ytp-delhi-modern .ytp-left-controls.ytp-left-controls-with-volume {
  overflow: visible
}

.ytp-exp-bottom-control-flexbox .ytp-left-controls {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

:not(.ytp-exp-bottom-control-flexbox) .ytp-right-controls {
  float: right
}

.ytp-right-controls {
  height: 100%
}

.ytp-delhi-modern .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  min-width: 0;
  margin: var(--yt-delhi-pill-top-height, 12px) 0 var(--yt-delhi-pill-top-height, 12px) 12px;
  height: var(--yt-delhi-pill-height, 48px);
  border-radius: 28px;
  padding: 0 16px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  padding: 0
}

.ytp-delhi-modern .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button .ytp-button {
  padding: 0
}

.ytp-delhi-modern .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button:after {
  content: "";
  position: absolute;
  inset: 4px;
  background: transparent;
  pointer-events: none;
  border-radius: 28px
}

.ytp-delhi-modern .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button:hover:after {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button:active:after {
  background-color: var(--yt-sys-color-baseline--overlay-tonal-hover, rgba(255, 255, 255, .2));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button {
  padding: 0 4px
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button svg {
  padding: 10px 6px
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-left-controls .ytp-mute-button .ytp-volume-icon {
  padding: 4px
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button {
  height: var(--yt-delhi-big-mode-pill-height, 56px);
  margin: calc((var(--yt-delhi-big-mode-bottom-controls-height, 96px) - var(--yt-delhi-big-mode-pill-height, 56px))/2) 0 calc((var(--yt-delhi-big-mode-bottom-controls-height, 96px) - var(--yt-delhi-big-mode-pill-height, 56px))/2) 12px;
  padding: 0
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-right-controls {
  height: var(--yt-delhi-big-mode-pill-height, 56px);
  margin-top: var(--yt-delhi-big-mode-pill-top-height, 20px)
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-right-controls .ytp-right-controls-left {
  height: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-right-controls .ytp-right-controls-right {
  height: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-right-controls .ytp-right-controls-left:after {
  height: 28px;
  margin: 10px 14px
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-chrome-bottom {
  height: var(--yt-delhi-bottom-controls-height-xsmall-width-mode, 64px)
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-chrome-bottom .ytp-button {
  height: 32px;
  width: 32px
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-chrome-bottom .ytp-button.ytp-live-badge {
  width: auto
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-chrome-bottom .ytp-button:not(.ytp-live-badge):before {
  border-radius: 50%;
  height: 32px;
  width: 32px
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-chrome-controls {
  height: var(--yt-delhi-bottom-controls-height-xsmall-width-mode, 64px)
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-left-controls .ytp-next-button,
.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-left-controls .ytp-prev-button {
  display: none
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-left-controls .ytp-mute-button.ytp-standalone-mute-button {
  height: 40px
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-right-controls {
  height: 40px;
  line-height: 40px
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-right-controls .ytp-button {
  display: none;
  margin: 4px 2px
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-right-controls .ytp-right-controls-left:after {
  display: none
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-right-controls .ytp-button.ytp-settings-button {
  display: inline-block
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-right-controls .ytp-button.ytp-expand-right-bottom-section-button {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform .3s cubic-bezier(.05, 0, 0, 1);
  transition: -webkit-transform .3s cubic-bezier(.05, 0, 0, 1);
  transition: transform .3s cubic-bezier(.05, 0, 0, 1);
  transition: transform .3s cubic-bezier(.05, 0, 0, 1), -webkit-transform .3s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-chrome-bottom.ytp-xsmall-width-right-controls-expanded .ytp-right-controls .ytp-button {
  display: inline-block
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-chrome-bottom.ytp-xsmall-width-right-controls-expanded .ytp-right-controls .ytp-button.ytp-expand-right-bottom-section-button {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform .3s cubic-bezier(.05, 0, 0, 1);
  transition: -webkit-transform .3s cubic-bezier(.05, 0, 0, 1);
  transition: transform .3s cubic-bezier(.05, 0, 0, 1);
  transition: transform .3s cubic-bezier(.05, 0, 0, 1), -webkit-transform .3s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-chrome-bottom.ytp-xsmall-width-right-controls-expanded .ytp-left-controls .ytp-time-display {
  visibility: hidden
}

.ytp-exp-bottom-control-flexbox .ytp-volume-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area {
  margin: var(--yt-delhi-pill-top-height, 12px) 0 var(--yt-delhi-pill-top-height, 12px) 12px;
  height: var(--yt-delhi-pill-height, 48px);
  border-radius: 28px;
  padding: 0 16px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  padding: 0;
  position: relative
}

.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-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))
}

.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area .ytp-volume-icon {
  padding: 0
}

.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area .ytp-volume-icon svg {
  padding: var(--yt-delhi-pill-top-height, 12px)
}

.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area:after {
  content: "";
  position: absolute;
  inset: 4px;
  background: transparent;
  pointer-events: none;
  border-radius: 28px
}

.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-volume-area:hover:after {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls .ytp-chrome-bottom.ytp-volume-slider-active .ytp-volume-area {
  padding-right: 16px
}

.ytp-delhi-modern.ytp-delhi-horizontal-volume-controls.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-volume-area {
  margin: var(--yt-delhi-big-mode-pill-top-height, 20px) 0 0 12px;
  height: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-delhi-modern.ytp-xsmall-width-mode.ytp-delhi-horizontal-volume-controls .ytp-volume-area {
  margin: var(--yt-delhi-pill-top-height, 12px) 0 var(--yt-delhi-pill-top-height, 12px) 8px;
  height: 40px
}

.ytp-delhi-modern.ytp-xsmall-width-mode.ytp-delhi-horizontal-volume-controls .ytp-volume-area .ytp-button {
  height: 40px;
  width: 40px;
  padding: 0
}

.ytp-delhi-modern.ytp-xsmall-width-mode.ytp-delhi-horizontal-volume-controls .ytp-volume-area svg {
  width: 18px;
  height: 18px;
  padding: 11px
}

.ytp-autohide-fade-transition,
.ytp-chrome-bottom:not(.ytp-frosted-glass-opacity-animation),
.ytp-chrome-top {
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-autohide .ytp-chrome-bottom .ytp-autohide-fade-transition,
.ytp-autohide .ytp-chrome-bottom:not(.ytp-frosted-glass-opacity-animation),
.ytp-autohide .ytp-chrome-top .ytp-copylink-button,
.ytp-autohide .ytp-chrome-top .ytp-search-button,
.ytp-autohide .ytp-chrome-top .ytp-share-button,
.ytp-autohide .ytp-chrome-top .ytp-watch-later-button,
.ytp-autohide .ytp-overflow-button,
.ytp-autohide .ytp-playlist-menu-button,
.ytp-autohide .ytp-shorts-title-channel,
.ytp-autohide .ytp-title,
.ytp-autohide .ytp-title-channel,
.ytp-autohide:not(.ytp-cards-teaser-shown) .ytp-cards-button,
.ytp-chrome-bottom[aria-hidden=true],
.ytp-chrome-top[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide:not(.ytp-autohide-active) .ytp-chrome-top .ytp-search-button,
.ytp-autohide:not(.ytp-autohide-active) .ytp-chrome-top .ytp-share-button,
.ytp-autohide:not(.ytp-autohide-active) .ytp-chrome-top .ytp-watch-later-button,
.ytp-autohide:not(.ytp-autohide-active) .ytp-overflow-button,
.ytp-autohide:not(.ytp-autohide-active) .ytp-playlist-menu-button,
.ytp-autohide:not(.ytp-autohide-active) .ytp-shorts-title-channel,
.ytp-autohide:not(.ytp-autohide-active) .ytp-title,
.ytp-autohide:not(.ytp-autohide-active) .ytp-title-channel,
.ytp-autohide:not(.ytp-autohide-active):not(.ytp-cards-teaser-shown) .ytp-cards-button {
  display: none
}

.ytp-shorts-mode .ytp-title-channel {
  padding-right: 8px
}

.ytp-gradient-bottom,
.ytp-gradient-top {
  width: 100%;
  position: absolute;
  background-repeat: repeat-x;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  pointer-events: none
}

.ytp-delhi-modern .ytp-gradient-top,
.ytp-delhi-modern:not(.ytp-fullscreen-grid-peeking):not(.ytp-fullscreen-grid-active) .ytp-gradient-bottom {
  display: none
}

.ytp-big-mode .ytp-gradient-bottom,
.ytp-big-mode .ytp-gradient-top {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEmCAYAAACjy/qzAAAAhklEQVQ4y52RUQ6AMAxCKd7/JJ7R6aeJAdr507TjQZqOAE4CWARwx7JE944rch/k6qOWS7bq5bh72zGF8+LTa6goJeRPgXDYNxWFfkS0QXCInLIN1GxTXA0dtS0otWJnuXJR1Y9WYP9GF1UCYRQYHRSlXMARbVO4th3sd7Y3OP5dY3Bn+SkPsGJ1+HGGVtcAAAAASUVORK5CYII=)
}

.ytp-autohide .ytp-gradient-top,
.ytp-autohide:not(.ytp-grid-scrolling):not(.ytp-fullscreen-grid-active) .ytp-gradient-bottom,
.ytp-gradient-bottom[aria-hidden=true],
.ytp-gradient-top[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide:not(.ytp-autohide-active) .ytp-gradient-top,
.ytp-autohide:not(.ytp-autohide-active):not(.ytp-grid-scrolling):not(.ytp-fullscreen-grid-active) .ytp-gradient-bottom {
  display: none
}

.ytp-gradient-top {
  height: 48px;
  padding-bottom: 50px;
  top: 0;
  z-index: 25;
  background-position: top
}

.ytp-embed-pfl.ytp-embed:not(.ad-showing) .ytp-gradient-top {
  height: 70px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .75), transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .75)), to(transparent));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .75) 0, transparent);
  padding-bottom: 0
}

.ytp-shorts-mode.ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-gradient-top,
.ytp-shorts-mode.ytp-embed:not(.ad-showing) .ytp-gradient-top {
  height: 50%;
  -webkit-background-size: auto 200%;
  background-size: auto 200%
}

.ytp-embed:not(.ad-showing) .ytp-gradient-top {
  height: 49px
}

.ytp-big-mode .ytp-gradient-top {
  height: 69px;
  padding-bottom: 77px
}

.ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-gradient-top {
  height: 89px;
  padding-bottom: 57px
}

.ytp-gradient-bottom {
  height: 61px;
  padding-top: 37px;
  bottom: 0;
  z-index: 24;
  background-position: bottom
}

.ytp-small-mode .ytp-gradient-bottom {
  height: 49px;
  padding-top: 49px
}

.ytp-embed .ytp-gradient-bottom {
  height: 53px;
  padding-top: 45px
}

.ytp-big-mode .ytp-gradient-bottom {
  height: 70px;
  padding-top: 76px
}

.ytp-delhi-modern.ytp-fullscreen-grid-active .ytp-gradient-bottom,
.ytp-delhi-modern:not(.ytp-disable-bottom-gradient) .ytp-gradient-bottom {
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking.ytp-disable-bottom-gradient.ytp-grid-scrolling .ytp-gradient-bottom,
.ytp-delhi-modern.ytp-fullscreen-grid-peeking:not(.ytp-disable-bottom-gradient) .ytp-gradient-bottom {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .85)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(70% - var(--ytp-grid-peek-height) - var(--ytp-grid-scroll-percentage)*100%), rgba(0, 0, 0, .85) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(70% - var(--ytp-grid-peek-height) - var(--ytp-grid-scroll-percentage)*100%), rgba(0, 0, 0, .85) 100%)
}

.ytp-delhi-modern.ytp-fullscreen-grid-active .ytp-gradient-bottom {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .85)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(20% + var(--ytp-grid-scroll-percentage)*100% - var(--ytp-grid-peek-height)), rgba(0, 0, 0, .85) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(20% + var(--ytp-grid-scroll-percentage)*100% - var(--ytp-grid-peek-height)), rgba(0, 0, 0, .85) 100%)
}

.ytp-hide-info-bar .ytp-chrome-top {
  height: 0
}

.ytp-hide-info-bar .ytp-chrome-top .ytp-overflow-button,
.ytp-hide-info-bar .ytp-chrome-top .ytp-playlist-menu-button,
.ytp-hide-info-bar .ytp-chrome-top .ytp-share-button,
.ytp-hide-info-bar .ytp-chrome-top .ytp-shorts-title-channel,
.ytp-hide-info-bar .ytp-chrome-top .ytp-title,
.ytp-hide-info-bar .ytp-chrome-top .ytp-title-channel,
.ytp-hide-info-bar .ytp-chrome-top .ytp-watch-later-button,
.ytp-hide-info-bar .ytp-gradient-top,
.ytp-hide-info-bar .ytp-overlay-top-right .ytp-overflow-button,
.ytp-hide-info-bar .ytp-overlay-top-right .ytp-share-button,
.ytp-hide-info-bar .ytp-overlay-top-right .ytp-watch-later-button {
  display: none
}

.ytp-delhi-modern.ytp-fullscreen-grid-active.ytp-full-bleed-player:not(.ytp-grid-scrollable) .ytp-gradient-bottom,
.ytp-disable-bottom-gradient.ytp-delhi-modern.ytp-fullscreen-grid-peeking.ytp-full-bleed-player .ytp-gradient-bottom {
  display: none
}

.ytp-delhi-modern.ytp-full-bleed-player.ytp-fullscreen-grid-active:not(.html5-video-player.ended-mode) .ytp-chrome-bottom {
  bottom: calc(70% - var(--ytp-grid-scroll-percentage)*100%);
  opacity: var(--ytp-grid-scroll-percentage);
  pointer-events: none
}

.ytp-fullscreen-grid-peeking.ytp-full-bleed-player.ytp-delhi-modern.ytp-autohide.ytp-grid-scrolling .ytp-chrome-bottom,
.ytp-fullscreen-grid-peeking.ytp-full-bleed-player.ytp-delhi-modern:not(.ytp-autohide) .ytp-chrome-bottom {
  opacity: calc(1 - var(--ytp-grid-scroll-percentage)*3)
}

.ytp-fullscreen-grid-peeking.ytp-full-bleed-player.ytp-delhi-modern .ytp-chrome-bottom {
  bottom: calc(var(--ytp-grid-peek-height) + var(--ytp-grid-scroll-percentage)*100%)
}

.ytp-fullscreen-grid-peeking.ytp-full-bleed-player.ytp-grid-scrolling .ytp-chrome-bottom {
  pointer-events: none
}

.ytp-delhi-modern.ytp-fullscreen-grid-active:not(.html5-video-player.ended-mode):not(.ytp-grid-scrolling) .ytp-chrome-bottom {
  display: none
}

.ytp-hide-controls .ytp-chrome-bottom,
.ytp-hide-controls .ytp-gradient-bottom {
  display: none
}

@media screen and (-ms-high-contrast:active) {

  .ytp-gradient-bottom,
  .ytp-gradient-top {
    background: #000;
    padding-bottom: 0;
    padding-top: 0
  }
}

@-webkit-keyframes ytp-party-background-color {
  0% {
    background-color: #f00
  }

  20% {
    background-color: #0f0
  }

  40% {
    background-color: #00f
  }

  60% {
    background-color: #f0f
  }

  80% {
    background-color: #ff0
  }

  to {
    background-color: #0ff
  }
}

@keyframes ytp-party-background-color {
  0% {
    background-color: #f00
  }

  20% {
    background-color: #0f0
  }

  40% {
    background-color: #00f
  }

  60% {
    background-color: #f0f
  }

  80% {
    background-color: #ff0
  }

  to {
    background-color: #0ff
  }
}

@-webkit-keyframes ytp-party-color {
  0% {
    color: #f00
  }

  20% {
    color: #0f0
  }

  40% {
    color: #00f
  }

  60% {
    color: #f0f
  }

  80% {
    color: #ff0
  }

  to {
    color: #0ff
  }
}

@keyframes ytp-party-color {
  0% {
    color: #f00
  }

  20% {
    color: #0f0
  }

  40% {
    color: #00f
  }

  60% {
    color: #f0f
  }

  80% {
    color: #ff0
  }

  to {
    color: #0ff
  }
}

@-webkit-keyframes ytp-party-fill {
  0% {
    fill: #f00
  }

  20% {
    fill: #0f0
  }

  40% {
    fill: #00f
  }

  60% {
    fill: #f0f
  }

  80% {
    fill: #ff0
  }

  to {
    fill: #0ff
  }
}

@keyframes ytp-party-fill {
  0% {
    fill: #f00
  }

  20% {
    fill: #0f0
  }

  40% {
    fill: #00f
  }

  60% {
    fill: #f0f
  }

  80% {
    fill: #ff0
  }

  to {
    fill: #0ff
  }
}

.ytp-menu-shown .video-ads {
  display: none
}

.ytp-ad-display-override .video-ads {
  display: inherit
}

.ytp-swatch-background-color {
  background-color: var(--yt-sys-color-baseline--static-brand-red, #f03)
}

.ytp-dni .ytp-swatch-background-color {
  background-color: #fff
}

.ytp-color-white .ytp-swatch-background-color {
  background-color: #ddd
}

.ytp-color-white .ytp-swatch-background-color-secondary {
  background-color: #aaa
}

.ytp-color-party .ytp-play-progress.ytp-swatch-background-color,
.ytp-color-party .ytp-swatch-background-color,
.ytp-color-party .ytp-swatch-background-color-secondary {
  -webkit-animation: ytp-party-background-color .1s linear infinite;
  animation: ytp-party-background-color .1s linear infinite;
  background: none
}

.ytp-swatch-color {
  color: var(--yt-sys-color-baseline--static-brand-red, #f03)
}

.ytp-swatch-color-white {
  color: var(--yt-sys-color-baseline--overlay-text-secondary)
}

.ytp-premium-label {
  font-size: 83.3333%;
  color: #ccc
}

.ytp-dni .ytp-swatch-color {
  color: #fff
}

.ytp-color-white .ytp-swatch-color {
  color: #ddd
}

.ytp-color-party .ytp-swatch-color {
  -webkit-animation: ytp-party-color .15s linear infinite;
  animation: ytp-party-color .15s linear infinite
}

@media print {
  .html5-video-player:not(.ytp-mweb-player) * {
    visibility: hidden
  }

  .html5-video-player:not(.ytp-mweb-player) {
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  :not(.ytp-mweb-player) .ytp-chrome-top,
  :not(.ytp-mweb-player) .ytp-cued-thumbnail-overlay,
  :not(.ytp-mweb-player) .ytp-large-play-button {
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important
  }

  :not(.ytp-mweb-player) .ytp-large-play-button *,
  :not(.ytp-mweb-player) .ytp-title,
  :not(.ytp-mweb-player) .ytp-title * {
    color: #000 !important;
    visibility: visible !important
  }
}

.ytp-player-in-bar-disable-ui>:not(.html5-video-container) {
  display: none;
  pointer-events: none
}

.ytp-composite-video-overlay-renderer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10
}

.ytp-ad-module {
  width: 100%;
  height: 100%
}

.ytp-player-minimized.ytp-miniplayer-alternate-ui .ytp-ad-player-overlay-layout {
  height: calc(100% - 12px);
  top: 0
}

.video-ad-status-bar {
  position: absolute;
  bottom: 61px;
  z-index: 850;
  width: 100%;
  background-color: #000;
  opacity: .7;
  display: none
}

.ytp-embed .video-ad-status-bar {
  bottom: 53px
}

.ytp-big-mode .video-ad-status-bar {
  bottom: 70px
}

.ytp-hide-controls .video-ad-status-bar {
  bottom: 0
}

.ad-showing .video-ad-status-bar {
  display: block
}

.ad-showing.ytp-autohide .video-ad-status-bar,
.ad-showing.ytp-hide-controls .video-ad-status-bar {
  bottom: 0
}

.video-ad-label {
  display: block;
  margin-bottom: 5px
}

.ad-showing .ad-video {
  position: absolute
}

.ad-showing .ad-video {
  top: 0
}

.html5-video-player .video-click-tracking,
.html5-video-player .video-stream {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute
}

.html5-video-player .ad-container-single-media-element-annotations {
  position: absolute;
  z-index: 850
}

.html5-video-player .ad-container-single-media-element-annotations-workaround {
  z-index: 850
}

.html5-video-player .ad-overlay {
  position: absolute;
  bottom: 61px;
  width: 100%;
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-embed.html5-video-player .ad-overlay {
  bottom: 53px
}

.ytp-ad-overlay-closed .ad-overlay,
.ytp-player-minimized.ytp-ad-overlay-closed .ad-overlay {
  display: none
}

.ytp-big-mode .ad-overlay {
  bottom: 70px
}

.ytp-autohide.ytp-ad-overlay-closed .ad-overlay {
  opacity: 0;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.html5-video-player .ad-overlay .video-click-tracking {
  display: none
}

.html5-video-player .ad-overlay>:not(.ima-container) {
  z-index: 870
}

.html5-video-player .ad-overlay>.ima-container {
  z-index: auto !important
}

.html5-video-player .ad-overlay>.ima-container>* {
  z-index: 870 !important;
  position: relative
}

.html5-video-player:not(.ad-showing) .ad-container,
.html5-video-player:not(.ad-showing):not(.ytp-ad-overlay-open) .video-ads {
  display: none
}

.iv-endcap-background {
  z-index: 821
}

.html5-video-player .attribution-button {
  text-shadow: rgb(0, 0, 0) 0 0 8px, rgba(0, 0, 0, .9) 0 0 4px
}

.ytp-ad-button-icon,
.ytp-ad-button-text,
.ytp-ad-skip-button-icon,
.ytp-ad-skip-button-text {
  display: inline-block
}

.ytp-ad-skip-button-text-centered {
  vertical-align: middle
}

.ytp-ad-player-overlay-updated-focus-style.ytp-ad-player-overlay .ytp-ad-button,
.ytp-ad-player-overlay-updated-focus-style.ytp-ad-player-overlay button {
  outline: 0
}

.ytp-probably-keyboard-focus .ytp-ad-player-overlay-updated-focus-style.ytp-ad-player-overlay .ytp-ad-button:focus,
.ytp-probably-keyboard-focus .ytp-ad-player-overlay-updated-focus-style.ytp-ad-player-overlay button:focus {
  -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8);
  box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8)
}

.ytp-ad-button-icon {
  height: inherit;
  width: inherit;
  pointer-events: auto
}

.ytp-ad-button-link {
  padding: 0;
  border: none;
  background: transparent;
  font-weight: 400;
  font-size: inherit;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ytp-ad-button-link:active,
.ytp-ad-button-link:hover {
  background: transparent;
  text-decoration: underline;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ytp-big-mode .ytp-ad-action-interstitial-instream-info,
.ytp-big-mode .ytp-ad-player-overlay-instream-info,
.ytp-big-mode .ytp-ad-survey-player-overlay-instream-info {
  left: 24px;
  bottom: 70px
}

.ytp-autohide .ytp-ad-action-interstitial-instream-info,
.ytp-autohide .ytp-ad-player-overlay-instream-info,
.ytp-autohide .ytp-ad-survey-player-overlay-instream-info,
.ytp-embed.ytp-autohide .ytp-ad-action-interstitial-instream-info,
.ytp-embed.ytp-autohide .ytp-ad-player-overlay-instream-info,
.ytp-embed.ytp-autohide .ytp-ad-survey-player-overlay-instream-info,
.ytp-embed.ytp-hide-controls .ytp-ad-action-interstitial-instream-info,
.ytp-embed.ytp-hide-controls .ytp-ad-player-overlay-instream-info,
.ytp-embed.ytp-hide-controls .ytp-ad-survey-player-overlay-instream-info,
.ytp-embed.ytp-iv-drawer-open .ytp-ad-action-interstitial-instream-info,
.ytp-embed.ytp-iv-drawer-open .ytp-ad-player-overlay-instream-info,
.ytp-embed.ytp-iv-drawer-open .ytp-ad-survey-player-overlay-instream-info,
.ytp-hide-controls .ytp-ad-action-interstitial-instream-info,
.ytp-hide-controls .ytp-ad-player-overlay-instream-info,
.ytp-hide-controls .ytp-ad-survey-player-overlay-instream-info,
.ytp-iv-drawer-open .ytp-ad-action-interstitial-instream-info,
.ytp-iv-drawer-open .ytp-ad-player-overlay-instream-info,
.ytp-iv-drawer-open .ytp-ad-survey-player-overlay-instream-info {
  bottom: 6px;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-ad-action-interstitial-instream-info,
.ytp-ad-player-overlay-instream-info,
.ytp-ad-survey-player-overlay-instream-info {
  bottom: 61px;
  cursor: default;
  left: 18px;
  pointer-events: auto;
  position: absolute;
  text-shadow: 0 0 4px rgba(0, 0, 0, .75);
  z-index: 850;
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-embed .ytp-ad-action-interstitial-instream-info,
.ytp-embed .ytp-ad-player-overlay-instream-info,
.ytp-embed .ytp-ad-survey-player-overlay-instream-info {
  bottom: 53px
}

.ytp-ad-clickable {
  cursor: pointer
}

.ytp-ad-player-overlay-ad-disclosure-banner {
  border-radius: 0;
  bottom: auto;
  cursor: pointer;
  height: auto;
  left: 12px;
  pointer-events: auto;
  position: absolute;
  top: 24px;
  z-index: 850
}

.ytp-big-mode .ytp-ad-player-overlay-ad-disclosure-banner {
  left: 24px
}

.ytp-ad-player-overlay-flyout-cta {
  bottom: 86px;
  left: 12px;
  pointer-events: auto;
  position: absolute;
  z-index: 850
}

.ytp-ad-player-overlay-flyout-cta-rounded {
  border-radius: 8px;
  overflow: hidden
}

.ytp-embed .ytp-ad-player-overlay-flyout-cta {
  bottom: 78px
}

.ytp-flyout-cta {
  background-color: transparent;
  cursor: pointer;
  text-align: left;
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-flyout-cta-large {
  background-color: rgba(0, 0, 0, .6);
  padding: 8px;
  min-width: 200px
}

.ytp-flyout-cta:hover {
  background-color: transparent
}

.ytp-flyout-cta-large:hover {
  background-color: rgba(0, 0, 0, .7)
}

.ytp-flyout-cta .ytp-flyout-cta-body {
  background-color: rgba(255, 255, 255, .9);
  border-radius: 2px;
  max-width: 400px;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-transition: width .2s cubic-bezier(0, 0, .2, 1) .5s, max-width .2s cubic-bezier(.4, 0, 1, 1);
  transition: width .2s cubic-bezier(0, 0, .2, 1) .5s, max-width .2s cubic-bezier(.4, 0, 1, 1)
}

.ytp-flyout-cta .ytp-flyout-cta-body-large {
  background-color: transparent;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-transition: none;
  transition: none
}

.ytp-flyout-cta:hover .ytp-flyout-cta-body {
  background-color: rgb(255, 255, 255)
}

.ytp-flyout-cta:hover .ytp-flyout-cta-body-large {
  background-color: transparent
}

.ytp-flyout-cta .ytp-flyout-cta-text-container {
  max-width: 250px;
  padding-left: 58px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ytp-flyout-cta .ytp-flyout-cta-text-container-large {
  padding-right: 10px
}

.ytp-flyout-cta .ytp-flyout-cta-headline-container {
  color: #333;
  font-weight: 600;
  font-size: 14px;
  margin-top: 10px
}

.ytp-flyout-cta .ytp-flyout-cta-headline-container-dark-background {
  color: #ddd
}

.ytp-flyout-cta .ytp-flyout-cta-description-container {
  color: #767676;
  font-size: 13px;
  margin-top: 3px;
  margin-bottom: 10px
}

.ytp-flyout-cta .ytp-flyout-cta-description-container-dark-background {
  color: #ddd
}

.ytp-flyout-cta .ytp-flyout-cta-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ytp-flyout-cta .ytp-flyout-cta-headline {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.ytp-flyout-cta .ytp-flyout-cta-action-button-container {
  direction: ltr;
  line-height: 56px;
  max-width: 150px;
  position: static;
  -webkit-align-self: center;
  align-self: center
}

.ytp-flyout-cta .ytp-flyout-cta-action-button-container-large {
  line-height: inherit;
  margin: 8px;
  min-width: 100%
}

.ytp-flyout-cta .ytp-flyout-cta-action-button {
  background: #167ac6;
  border: 1px solid transparent;
  border-color: #167ac6;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  color: #fff;
  cursor: pointer;
  font-size: 11px;
  font-weight: 500;
  height: 28px;
  margin: 0 8px 0 0;
  max-width: 140px;
  overflow: hidden;
  padding: 0 10px;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: inherit
}

.ytp-flyout-cta .ytp-flyout-cta-action-button-large {
  min-width: 100%;
  color: #0f0f0f
}

.ytp-flyout-cta .ytp-flyout-cta-action-button:hover {
  background: #126db3
}

.ytp-flyout-cta .ytp-flyout-cta-action-button:active {
  background: #095b99;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .5)
}

.ytp-flyout-cta .ytp-flyout-cta-action-button.ytp-flyout-cta-action-button-rounded {
  height: 32px;
  border-radius: 16px;
  padding: 0 12px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  font-family: Roboto, Arial, sans-serif;
  background: #065fd4
}

.ytp-flyout-cta .ytp-flyout-cta-action-button.ytp-flyout-cta-action-button-rounded-large {
  background-color: #3ea6ff
}

.ytp-flyout-cta,
.ytp-flyout-cta .ytp-flyout-cta-body,
.ytp-flyout-cta .ytp-flyout-cta-body>div {
  direction: ltr;
  height: auto
}

.ytp-flyout-cta .ytp-flyout-cta-icon-container {
  height: 100%;
  left: 4px;
  overflow: visible;
  position: absolute;
  top: 0;
  width: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
  transition: transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1)
}

.ytp-flyout-cta .ytp-flyout-cta-icon-container-large {
  left: 8px;
  top: -26px
}

.ytp-flyout-cta .ytp-flyout-cta-icon.ytp-flyout-cta-icon-rounded {
  border-radius: 50%
}

.ytp-flyout-cta .ytp-flyout-cta-icon {
  height: 48px;
  width: 48px
}

.ytp-flyout-cta.ytp-flyout-cta-inactive {
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
  transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%)
}

.ytp-flyout-cta.ytp-flyout-cta-inactive .ytp-flyout-cta-icon-container {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%)
}

.ytp-flyout-cta.ytp-flyout-cta-inactive .ytp-flyout-cta-body {
  max-width: 0;
  width: 0
}

.ytp-big-mode .ytp-ad-player-overlay-flyout-cta {
  bottom: 95px
}

.ytp-small-mode .ytp-flyout-cta,
.ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-body,
.ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-body>div {
  height: auto;
  min-height: 40px;
  max-width: 190px
}

.ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-icon-container {
  height: 100%;
  width: 40px
}

.ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-icon {
  height: 40px;
  width: 40px
}

.ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-text-container {
  margin-left: 6px;
  padding: 4px 20px 4px 40px
}

.ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-headline-container {
  font-size: 12px;
  margin-top: 2px
}

.ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-description-container {
  font-size: 11px;
  margin-top: 0;
  margin-bottom: 0
}

.ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-icon-container {
  left: 0;
  top: 0
}

.ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-icon-container-large {
  left: 4px
}

.ytp-small-mode .ytp-flyout-cta .ytp-flyout-cta-action-button-container {
  display: none
}

.ytp-ad-duration-remaining,
.ytp-ad-info-hover-text-button .ytp-ad-button,
.ytp-ad-info-icon-button,
.ytp-ad-simple-ad-badge,
.ytp-ad-visit-advertiser-button {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  left: 0;
  line-height: 28px;
  position: relative
}

.ytp-ad-simple-ad-badge {
  margin-left: 5px;
  opacity: .75
}

.ytp-ad-simple-ad-badge--clean-player {
  margin-left: 0;
  opacity: 1;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  text-shadow: 0 0 2px rgba(0, 0, 0, .5);
  left: 0;
  line-height: 28px;
  position: relative
}

.ytp-ad-simple-ad-badge--survey {
  font-weight: 500
}

.ytp-ad-player-overlay-layout__ad-info-container .ytp-ad-simple-ad-badge {
  margin-left: 0
}

.ytp-ad-duration-remaining {
  margin-left: 3px;
  opacity: .75
}

.ytp-ad-duration-remaining--clean-player {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-left: 0;
  opacity: 1;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  text-shadow: 0 0 16px rgba(0, 0, 0, .5);
  left: 0;
  line-height: 28px;
  position: relative
}

.ytp-ad-duration-remaining--clean-player:before {
  content: "•";
  padding-inline: 4px
}

.ytp-ad-duration-remaining--mweb {
  font-weight: 600;
  margin-left: 3px
}

.ytp-ad-duration-remaining--mweb-ios {
  letter-spacing: -.2px
}

.ytp-ad-info-hover-text-button {
  display: inline-block;
  height: 28px;
  line-height: inherit;
  margin: 0 5px;
  margin-right: 0;
  pointer-events: auto;
  position: relative;
  text-shadow: 0 0 2px rgba(0, 0, 0, .5);
  vertical-align: middle
}

.ytp-ad-info-hover-text-button .ytp-ad-hover-text-container {
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  display: none;
  font-size: 12px;
  left: -19px;
  line-height: normal;
  opacity: .9;
  padding: 7px;
  pointer-events: auto;
  position: absolute;
  text-shadow: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none
}

.ytp-ad-info-hover-text-short {
  white-space: nowrap
}

.html5-video-player .ytp-ad-info-hover-text-button .ytp-ad-hover-text-container a {
  color: #167ac6
}

.html5-video-player .ytp-ad-info-hover-text-button .ytp-ad-hover-text-container a:hover {
  color: #167ac6;
  text-decoration: underline
}

.ytp-ad-info-hover-text-button:hover .ytp-ad-hover-text-container,
.ytp-ad-overlay-ad-info-button-container:hover .ytp-ad-hover-text-container {
  display: inline-block
}

.ytp-ad-hover-text-callout {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 0;
  left: 20px;
  overflow: visible;
  position: absolute;
  text-align: center;
  top: 100%;
  width: 0
}

.ytp-ad-info-hover-text-button .ytp-ad-button,
.ytp-ad-info-icon-button {
  -webkit-filter: drop-shadow(0 0 2px #000);
  filter: drop-shadow(0 0 2px #000);
  height: inherit;
  opacity: .75;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  width: 13px
}

.ytp-ad-info-hover-text-button .ytp-ad-hover-text-button--clean-player {
  opacity: 1;
  -webkit-filter: drop-shadow(0 0 7px rgba(0, 0, 0, .9));
  filter: drop-shadow(0 0 7px rgba(0, 0, 0, .9))
}

.ytp-delhi-modern .ytp-ad-info-hover-text-button .ytp-ad-button {
  -webkit-filter: unset;
  filter: unset
}

.ytp-ad-info-hover-text-button .ytp-ad-button:hover,
.ytp-ad-info-icon-button:hover {
  opacity: 1
}

.ytp-ad-confirm-dialog-background,
.ytp-ad-feedback-dialog-background,
.ytp-ad-info-dialog-background {
  background: rgba(0, 0, 0, .8);
  display: table;
  height: 100%;
  left: 0;
  margin: auto;
  pointer-events: auto;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2201
}

.ytp-ads-tiny-mode .ytp-ad-confirm-dialog-background,
.ytp-ads-tiny-mode .ytp-ad-feedback-dialog-background,
.ytp-ads-tiny-mode .ytp-ad-info-dialog-background {
  display: block;
  overflow-y: scroll;
  overflow-x: hidden
}

.ytp-ad-confirm-dialog-close-overlay-button,
.ytp-ad-feedback-dialog-close-button,
.ytp-ad-info-dialog-close-button {
  height: 24px;
  opacity: .75;
  cursor: pointer;
  position: absolute;
  right: 14px;
  top: 14px;
  width: 24px
}

.ytp-ad-confirm-dialog-close-overlay-button:hover,
.ytp-ad-feedback-dialog-close-button:hover,
.ytp-ad-info-dialog-close-button:hover {
  opacity: 1
}

.ytp-ad-confirm-dialog-container,
.ytp-ad-feedback-dialog-container,
.ytp-ad-info-dialog-container {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.ytp-ad-confirm-dialog,
.ytp-ad-feedback-dialog-form,
.ytp-ad-info-dialog-form {
  background: white;
  border: 1px solid black;
  color: #767676;
  display: inline-block;
  text-shadow: none;
  font-size: 14px;
  min-width: 180px;
  max-width: 50%;
  padding: 14px;
  text-align: left
}

.ytp-ad-info-dialog-relative-container {
  position: absolute;
  z-index: 72
}

.ytp-ad-info-dialog-relative-container .ytp-ad-info-dialog-form {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .18);
  box-shadow: 0 0 15px rgba(0, 0, 0, .18);
  border-color: #e2e2e2;
  max-width: none
}

.ytp-ad-feedback-dialog-form a,
.ytp-ad-feedback-dialog-form a:hover,
.ytp-ad-feedback-dialog-undo-mute-button,
.ytp-ad-info-dialog-form a,
.ytp-ad-info-dialog-form a:hover,
.ytp-ad-info-dialog-mute-button {
  color: #167ac6;
  cursor: pointer
}

.ytp-ad-feedback-dialog-title,
.ytp-ad-info-dialog-title {
  color: #333;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  padding-bottom: 8px
}

.ytp-ad-feedback-dialog-title a,
.ytp-ad-info-dialog-title a {
  text-decoration: underline
}

ul.ytp-ad-info-dialog-ad-reasons {
  padding: 0;
  margin: 0;
  margin-bottom: 8px
}

.ytp-ad-info-dialog-ad-reasons li {
  list-style: disc;
  list-style-position: outside;
  margin-left: 20px
}

.ytp-ad-confirm-dialog-messages,
.ytp-ad-info-dialog-feedback-options {
  margin-left: 8px
}

label.ytp-ad-feedback-dialog-reason-label {
  display: block;
  margin: 8px 0
}

.ytp-ad-confirm-dialog-confirm-container,
.ytp-ad-feedback-dialog-confirm-container,
.ytp-ad-info-dialog-confirm-container {
  margin-top: 8px;
  text-align: right
}

.ytp-ad-confirm-dialog-cancel-button,
.ytp-ad-confirm-dialog-confirm-button,
.ytp-ad-feedback-dialog-cancel-button,
.ytp-ad-feedback-dialog-confirm-button,
.ytp-ad-info-dialog-confirm-button {
  background: none;
  border: none;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  margin: 4px 0 0 12px;
  padding: 10px;
  color: #167ac6;
  cursor: pointer;
  text-transform: uppercase
}

.ytp-ad-confirm-dialog-cancel-button:hover,
.ytp-ad-confirm-dialog-confirm-button:hover,
.ytp-ad-feedback-dialog-cancel-button:hover,
.ytp-ad-feedback-dialog-confirm-button:hover,
.ytp-ad-info-dialog-confirm-button:hover {
  color: #167ac6;
  cursor: pointer;
  text-transform: uppercase
}

.ytp-ad-info-dialog-mute-container {
  margin-top: 8px
}

.ytp-ad-info-dialog-mute-button {
  font-family: Roboto, Arial, sans-serif
}

.ytp-ad-info-dialog-mute-button .ytp-ad-button-icon {
  height: 16px;
  margin-right: 5px;
  width: 16px;
  vertical-align: middle
}

.ytp-ad-feedback-dialog-undo-mute-button {
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  margin-left: 5px
}

.ytp-ad-feedback-dialog-undo-mute-button .ytp-ad-button-text {
  text-decoration: underline
}

.ytp-ad-visit-advertiser-button {
  line-height: inherit;
  font-family: Roboto, Arial, sans-serif;
  margin-left: 5px;
  text-shadow: 0 0 4px rgba(0, 0, 0, .75)
}

.ytp-ad-visit-advertiser-button:before {
  content: "";
  cursor: pointer;
  position: absolute;
  left: -2px;
  right: -2px;
  top: -7px;
  bottom: -8px
}

.ytp-ad-visit-advertiser-button .ytp-ad-button-text {
  color: rgba(255, 255, 255, .75);
  cursor: pointer;
  font-size: 12px;
  margin: -4px 3px -2px 0;
  padding: 5px 0;
  text-decoration: none;
  vertical-align: baseline
}

.ytp-ad-visit-advertiser-button:hover .ytp-ad-button-text {
  color: rgb(255, 255, 255);
  text-decoration: underline
}

.ytp-ad-visit-advertiser-button .ytp-ad-button-icon {
  cursor: pointer;
  -webkit-filter: drop-shadow(0 0 2px #000);
  filter: drop-shadow(0 0 2px #000);
  height: 10px;
  opacity: .75;
  width: 10px;
  -webkit-transform: translateY(1px);
  -ms-transform: translateY(1px);
  transform: translateY(1px)
}

.ytp-ad-visit-advertiser-button:hover .ytp-ad-button-icon {
  opacity: 1
}

.ytp-big-mode .ytp-ad-preview-container,
.ytp-big-mode .ytp-ad-skip-button-container {
  bottom: 95px
}

.ytp-big-mode .ytp-ad-instream-user-sentiment-container {
  bottom: 156px
}

.ytp-embed.ytp-hide-controls .ytp-ad-preview-container,
.ytp-embed.ytp-hide-controls .ytp-ad-skip-button-container,
.ytp-hide-controls .ytp-ad-preview-container,
.ytp-hide-controls .ytp-ad-skip-button-container {
  bottom: 25px
}

.ytp-hide-controls .ytp-ad-instream-user-sentiment-container {
  bottom: 86px
}

.ytp-ads-tiny-mode .ytp-ad-player-overlay-instream-user-sentiment .ytp-ad-instream-user-sentiment-container {
  bottom: 70px
}

.ytp-settings-shown .ytp-ad-instream-user-sentiment-container,
.ytp-settings-shown .ytp-ad-preview-container,
.ytp-settings-shown .ytp-ad-skip-button-container {
  opacity: .4;
  pointer-events: none;
  z-index: 850
}

.ytp-settings-shown .ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button-label {
  pointer-events: none
}

.ytp-ad-message-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 850
}

.ytp-ad-message-slot,
.ytp-ad-preview-slot,
.ytp-ad-skip-ad-slot {
  text-shadow: 0 0 4px rgba(0, 0, 0, .75);
  pointer-events: auto;
  z-index: 850
}

.ytp-ad-message-container,
.ytp-ad-preview-container,
.ytp-ad-skip-button-container {
  bottom: 86px;
  display: inline-block;
  position: absolute;
  right: 0;
  z-index: 1000
}

.ytp-embed .ytp-ad-message-container,
.ytp-embed .ytp-ad-preview-container,
.ytp-embed .ytp-ad-skip-button-container {
  bottom: 78px
}

.ytp-ad-message-container {
  bottom: 86px;
  display: inline-block;
  position: absolute;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  right: 0;
  z-index: 1000
}

.ytp-embed .ytp-ad-message-container {
  bottom: 78px
}

.ytp-ad-message-container,
.ytp-ad-preview-container {
  -webkit-transition: opacity .4s cubic-bezier(0, 0, .2, 1);
  transition: opacity .4s cubic-bezier(0, 0, .2, 1);
  background: rgba(0, 0, 0, .4);
  cursor: default
}

.ytp-ad-preview-container-detached {
  margin-right: 12px;
  border-radius: 4px;
  overflow: hidden;
  background: rgba(0, 0, 0, .6);
  height: 36px
}

.ytp-ad-preview-container-detached:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.ytp-ad-skip-button-container {
  -webkit-transition: opacity .5s cubic-bezier(0, 0, .2, 1);
  transition: opacity .5s cubic-bezier(0, 0, .2, 1);
  cursor: pointer;
  opacity: .7;
  pointer-events: auto
}

.ytp-ad-skip-button-container-detached {
  margin-right: 12px;
  opacity: 1
}

.ytp-ad-message-container[aria-hidden=true],
.ytp-ad-preview-container[aria-hidden=true],
.ytp-ad-skip-button-container[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-ad-preview-text {
  display: inline-block;
  font-size: 12px;
  height: 30px;
  letter-spacing: .1px;
  min-width: 82px;
  padding: 11px 10px;
  text-align: center;
  vertical-align: middle;
  white-space: pre;
  width: auto
}

.ytp-ad-preview-text-modern {
  display: inline-block;
  font-family: Roboto, Arial, sans-serif;
  color: rgb(255, 255, 255);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .1px;
  padding: 0 8px;
  text-align: center;
  vertical-align: middle;
  white-space: pre;
  width: auto
}

.ytp-ad-message-text {
  display: inline-block;
  font-size: 16px;
  height: 52px;
  line-height: 52px;
  letter-spacing: .1px;
  min-width: 80px;
  padding: 0 20px;
  text-align: center;
  vertical-align: middle;
  white-space: pre;
  width: auto
}

.ytp-ad-preview-image {
  display: inline-block;
  vertical-align: middle
}

.ytp-ad-preview-image>.ytp-ad-image {
  display: block;
  width: 92px;
  height: 52px
}

.ytp-ad-preview-image-modern {
  display: inline-block;
  vertical-align: middle
}

.ytp-ad-preview-image-modern>.ytp-ad-image {
  display: block;
  height: 36px;
  width: 65px
}

.countdown-next-to-thumbnail .ytp-ad-preview-text {
  font-size: 14px;
  font-weight: 500;
  height: auto;
  min-width: 0;
  padding: 0 8px
}

.countdown-next-to-thumbnail .ytp-ad-image {
  height: 41px;
  width: 73px
}

.modern-countdown-next-to-thumbnail .ytp-ad-preview-text-modern {
  font-size: 14px;
  font-weight: 400;
  height: auto;
  min-width: 0;
  padding: 0 8px
}

.modern-countdown-next-to-thumbnail .ytp-ad-preview-text-modern-postroll {
  padding: 0 14px
}

.modern-countdown-next-to-thumbnail .ytp-ad-image {
  height: 36px;
  width: 65px
}

.ytp-ad-skip-button {
  background: rgba(0, 0, 0, .7);
  border: 1px solid rgba(255, 255, 255, .5);
  border-right: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #fff;
  direction: ltr;
  font-size: 18px;
  line-height: normal;
  min-width: 0;
  padding: 10px 6px 8px 10px;
  width: auto;
  text-align: center;
  cursor: pointer
}

.ytp-ad-skip-button:hover {
  background: rgba(0, 0, 0, .9);
  border: 1px solid rgb(255, 255, 255);
  border-right: 0
}

.ytp-ad-skip-button-icon {
  height: 36px;
  width: 36px;
  display: inline-block;
  vertical-align: middle;
  margin: -14px -6px -12px -4px
}

.ytp-ad-skip-button-modern {
  background: rgba(0, 0, 0, .6);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #fff;
  direction: ltr;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  line-height: normal;
  min-width: 0;
  padding: 0 6px 0 16px;
  width: auto;
  text-align: center;
  border-radius: 18px;
  cursor: pointer
}

.ytp-ad-skip-button-modern:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .2))), -webkit-gradient(linear, left top, left bottom, from(rgb(15, 15, 15)), to(rgb(15, 15, 15)));
  background: -webkit-linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), -webkit-linear-gradient(rgb(15, 15, 15), rgb(15, 15, 15));
  background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), linear-gradient(rgb(15, 15, 15), rgb(15, 15, 15))
}

.ytp-ad-skip-button-container .ytp-ad-skip-button-modern:focus {
  background: rgb(15, 15, 15);
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ytp-ad-skip-button-container .ytp-ad-skip-button-modern:focus-visible {
  background: #fff;
  -webkit-box-shadow: 0 0 0 2px #0f0f0f;
  box-shadow: 0 0 0 2px #0f0f0f;
  color: #0f0f0f
}

.ytp-ad-skip-button-icon-modern {
  height: 36px;
  width: 36px;
  display: inline-block;
  vertical-align: middle
}

.ytp-ad-skip-button-icon-delhi .ytp-ad-skip-button-icon-modern svg {
  padding: 6px
}

.ytp-ad-skip-button-icon-mweb-delhi .ytp-ad-skip-button-icon-delhi .ytp-ad-skip-button-icon-modern svg {
  height: 16px;
  width: 16px;
  padding: 4px
}

.ytp-ad-skip-button-modern:focus-visible .ytp-ad-skip-button-icon-modern svg path {
  fill: #0f0f0f
}

.html5-video-player .ytp-ad-overlay-slot {
  position: absolute;
  bottom: 61px;
  width: 100%;
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
  z-index: 850
}

.ytp-embed.html5-video-player .ytp-ad-overlay-slot {
  bottom: 53px
}

.ytp-big-mode .ytp-ad-overlay-slot {
  bottom: 70px
}

.ytp-autohide.ytp-ad-overlay-closed .ytp-ad-overlay-slot {
  opacity: 0;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-ad-overlay-container {
  text-align: center
}

.ytp-ad-overlay-container .ytp-ad-enhanced-overlay,
.ytp-ad-overlay-container .ytp-ad-overlay-image img,
.ytp-ad-overlay-container .ytp-ad-text-overlay {
  border-radius: 8px
}

.ytp-ad-text-overlay {
  height: 63px;
  background-color: rgba(0, 0, 0, .6);
  border: 1px solid rgba(0, 0, 0, .6);
  min-width: 320px;
  margin: auto;
  max-width: 440px;
  padding-left: 10px;
  position: relative;
  text-align: left
}

.ytp-ad-text-overlay:hover {
  border: 1px solid rgb(58, 58, 58)
}

.ytp-ad-overlay-title {
  cursor: pointer;
  color: #fff;
  display: block;
  font: 700 14px arial, sans-serif;
  margin: 7px 22px 0 0;
  overflow: hidden;
  padding-bottom: 4px;
  text-overflow: ellipsis;
  text-shadow: rgb(0, 0, 0) 0 -1px 0;
  white-space: nowrap
}

.ytp-ad-text-overlay:hover .ytp-ad-overlay-title {
  text-decoration: underline
}

.ytp-ad-overlay-desc {
  color: #fff;
  font: 12px arial, sans-serif;
  margin-bottom: 2px;
  margin-top: -3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ytp-ad-image-overlay {
  min-width: 320px;
  margin: auto;
  position: relative
}

.ytp-ad-overlay-image {
  cursor: pointer;
  display: block
}

.ytp-ad-image-overlay:hover {
  text-decoration: underline
}

.ytp-ad-overlay-link {
  cursor: pointer;
  bottom: 9px;
  color: #eade90;
  font: 11px arial, sans-serif;
  position: static;
  text-decoration: none;
  text-shadow: rgb(0, 0, 0) 0 -1px 0
}

.ytp-ad-overlay-link.ytp-ad-overlay-link-inline-block {
  display: inline-block
}

.ytp-ad-overlay-ad-info-button-container {
  color: #fff;
  cursor: pointer;
  height: 15px;
  padding: 6px 1px 10px 20px;
  pointer-events: auto;
  position: absolute;
  right: 21px;
  top: 0;
  width: 15px
}

.ytp-ad-overlay-ad-info-button-container .ytp-ad-info-hover-text-button {
  height: inherit;
  width: inherit;
  margin: 0;
  vertical-align: baseline
}

.ytp-ad-overlay-ad-info-button-container .ytp-ad-hover-text-container {
  background-color: rgba(0, 0, 0, .6);
  border: 1px solid rgba(0, 0, 0, .6);
  color: #fff;
  font-weight: 500;
  opacity: 1
}

.ytp-ad-overlay-ad-info-button-container .ytp-ad-button {
  cursor: pointer;
  fill-opacity: .8;
  height: inherit;
  opacity: .9;
  width: inherit;
  -webkit-filter: none;
  filter: none;
  line-height: normal;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  vertical-align: top
}

.ytp-ad-overlay-close-container {
  cursor: pointer;
  height: 15px;
  margin: 0;
  padding: 6px 6px 10px 1px;
  position: absolute;
  right: 0;
  top: 0;
  width: 15px
}

.ytp-ad-overlay-close-button {
  border: 0;
  cursor: pointer;
  padding: 0;
  fill-opacity: .8;
  float: right;
  height: inherit;
  opacity: .9;
  width: inherit
}

.ytp-ad-text-overlay .ytp-ad-overlay-ad-info-button-container .ytp-ad-button svg,
.ytp-ad-text-overlay .ytp-ad-overlay-close-button svg {
  background: #000;
  fill: #fff
}

.ytp-ad-image-overlay .ytp-ad-overlay-ad-info-button-container .ytp-ad-button svg,
.ytp-ad-image-overlay .ytp-ad-overlay-close-button svg {
  background: #fff;
  fill: #757575
}

.ytp-ad-image-overlay .ytp-ad-overlay-close-button path {
  fill: inherit
}

.ytp-ad-overlay-ad-info-button-container:hover .ytp-ad-button,
.ytp-ad-overlay-close-container:hover .ytp-ad-overlay-close-button {
  fill-opacity: 1
}

.ytp-ad-overlay-attribution {
  bottom: 8px;
  color: #888;
  cursor: pointer;
  font: 11px arial, sans-serif;
  position: absolute;
  right: 1px;
  padding: 4px;
  -webkit-transition: color .1s cubic-bezier(.4, 0, 1, 1);
  transition: color .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-ad-overlay-attribution:hover {
  color: #fff;
  -webkit-transition: color .1s cubic-bezier(0, 0, .2, 1);
  transition: color .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-ad-image-overlay .ytp-ad-overlay-attribution {
  color: inherit;
  text-shadow: rgb(0, 0, 0) 0 0 8px, rgba(0, 0, 0, .9) 0 0 4px
}

.ytp-ad-overlay-text-image {
  float: left
}

.ytp-ad-overlay-text-image img {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .498039);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .498039);
  height: 57px;
  margin: 2px 10px 0 0;
  width: auto;
  min-width: 57px
}

.ytp-ad-action-interstitial {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background: white;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 64
}

.ytp-ad-action-interstitial-background-container {
  width: 100%;
  height: 100%;
  z-index: 65;
  border: none
}

.ytp-ad-action-interstitial-background {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  background-position: 50%;
  width: 100%;
  height: 100%;
  border: none;
  display: block
}

.ytp-ad-action-interstitial-slot {
  pointer-events: none;
  background-color: rgba(255, 255, 255, .9);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 65
}

.ytp-ad-action-interstitial-card {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  left: 50%;
  margin-left: -140px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 280px
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-card {
  margin-left: -90px;
  width: 180px
}

.ytp-ad-action-interstitial-card.ytp-ad-action-interstitial-card-unified {
  margin-left: -215px;
  width: 430px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ytp-small-mode .ytp-ad-action-interstitial-card.ytp-ad-action-interstitial-card-unified {
  margin-left: 0;
  left: 0;
  text-align: left;
  width: 245px;
  padding: 0 0 0 16px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.ytp-ad-action-interstitial-headline-container {
  cursor: pointer;
  pointer-events: auto
}

.ytp-ad-action-interstitial-headline-container.ytp-ad-action-interstitial-headline-container-unified {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 28px 0 10px
}

.ytp-small-mode .ytp-ad-action-interstitial-headline-container.ytp-ad-action-interstitial-headline-container-unified {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0;
  padding: 10px 0
}

.ytp-ad-action-interstitial-headline {
  color: #333;
  display: inline-block;
  font-size: 20px;
  max-height: 2.2em;
  overflow: hidden;
  padding-top: 10px
}

.ytp-small-mode .ytp-ad-action-interstitial-headline {
  font-size: 16px;
  max-height: 2.2em;
  padding-top: 8px
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-headline {
  font-size: 14px;
  padding-top: 4px
}

.ytp-ad-action-interstitial-description-container {
  cursor: pointer;
  pointer-events: auto;
  white-space: nowrap
}

.ytp-ad-action-interstitial-description-container.ytp-ad-action-interstitial-description-container-unified {
  white-space: normal;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 6px 0 22px
}

.ytp-small-mode .ytp-ad-action-interstitial-description-container.ytp-ad-action-interstitial-description-container-unified {
  display: none
}

.ytp-ad-action-interstitial-description {
  color: #767676;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  max-height: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-bottom: 10px
}

.ytp-small-mode .ytp-ad-action-interstitial-description {
  font-size: 12px;
  padding-bottom: 8px
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-description {
  padding-bottom: 0
}

.ytp-ad-action-interstitial-action-button-container {
  display: inline-block
}

.ytp-ad-action-interstitial-action-button-container.ytp-ad-action-interstitial-action-button-container-unified {
  padding: 6px 0
}

.ytp-ad-action-interstitial-action-button {
  pointer-events: auto;
  background-color: #167ac6;
  border: none;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, Arial, sans-serif;
  font-size: 23px;
  height: 46px;
  line-height: 46px;
  min-width: 164px;
  padding: 0 20px
}

.ytp-small-mode .ytp-ad-action-interstitial-action-button {
  font-size: 15px;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  min-width: 120px
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-action-button {
  height: 24px;
  line-height: 24px;
  min-width: 0
}

.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-rounded {
  border-radius: 28px;
  height: 56px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  padding: 0 24px;
  background-color: #065fd4
}

.ytp-small-mode .ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-rounded {
  font-size: 15px;
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 18px
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-rounded {
  height: 24px;
  line-height: 24px;
  border-radius: 12px
}

.ytp-ad-action-interstitial-image-container {
  cursor: pointer;
  display: block;
  margin: auto;
  max-width: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: none;
  height: 128px;
  width: 128px
}

.ytp-ad-action-interstitial-image {
  pointer-events: auto;
  max-width: 100%
}

.ytp-small-mode .ytp-ad-action-interstitial-image.ytp-ad-action-interstitial-image-unified {
  border-radius: 50%
}

.ytp-small-mode .ytp-ad-action-interstitial-image-container {
  height: 60px;
  width: 60px
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-image-container {
  height: 40px;
  width: 40px
}

.ytp-ad-action-interstitial-image-container.ytp-ad-action-interstitial-image-container-unified {
  height: 64px;
  width: 64px;
  pointer-events: auto
}

.ytp-small-mode .ytp-ad-action-interstitial-image-container.ytp-ad-action-interstitial-image-container-unified {
  margin-left: -6px;
  padding: 6px;
  height: 36px;
  width: 36px;
  position: relative
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-image-container.ytp-ad-action-interstitial-image-container-unified {
  height: 24px;
  width: 24px
}

.ytp-ad-action-interstitial-background-container.ytp-ad-action-interstitial-background-container-unified {
  -webkit-filter: blur(70px);
  filter: blur(70px)
}

.ytp-ad-action-interstitial-slot.ytp-ad-action-interstitial-slot-dark-background {
  background-color: rgba(50, 50, 50, .8)
}

.ytp-ad-action-interstitial-slot.ytp-ad-action-interstitial-slot-unified {
  inset: 0;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .8));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .8));
  background-color: rgba(0, 0, 0, .6)
}

.ytp-ad-action-interstitial-headline.ytp-ad-action-interstitial-headline-light {
  color: #fff
}

.ytp-ad-action-interstitial-headline.ytp-ad-action-interstitial-headline-unified {
  color: rgb(255, 255, 255);
  font-family: Roboto, Arial, sans-serif;
  font-size: 28px;
  font-weight: 900;
  line-height: 34px;
  max-height: none;
  overflow: hidden;
  padding-top: 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.ytp-small-mode .ytp-ad-action-interstitial-headline.ytp-ad-action-interstitial-headline-unified {
  color: rgb(255, 255, 255);
  font-family: Roboto, Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 24px;
  max-height: none;
  padding-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-headline.ytp-ad-action-interstitial-headline-unified {
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 0
}

.ytp-ad-action-interstitial-description.ytp-ad-action-interstitial-description-light {
  color: #fff
}

.ytp-ad-action-interstitial-description.ytp-ad-action-interstitial-description-unified {
  color: #aaa;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  max-height: none;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-dark {
  background-color: rgb(62, 166, 255);
  color: rgb(15, 15, 15);
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 20px
}

.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-mono-dark {
  background-color: rgb(255, 255, 255);
  color: rgb(15, 15, 15);
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 20px
}

.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-mobile-companion-size {
  min-width: 0;
  font-size: 14px;
  padding: 0 16px
}

.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified {
  background-color: rgb(62, 166, 255);
  border-radius: 18px;
  color: rgb(15, 15, 15);
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  line-height: 18px;
  min-width: 0;
  max-width: 200px;
  padding: 0 16px;
  position: relative
}

.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified:before {
  content: "";
  position: absolute;
  inset: -6px 0;
  cursor: pointer
}

.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified .ytp-ad-button-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-small-mode .ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified {
  background-color: rgb(62, 166, 255);
  border-radius: 18px;
  color: rgb(15, 15, 15);
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  line-height: 18px;
  min-width: 0;
  max-width: 150px;
  padding: 0 16px
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified {
  height: 22px;
  line-height: 12px
}

.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified-mono {
  background-color: rgb(255, 255, 255);
  border-radius: 18px;
  color: rgb(15, 15, 15);
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  line-height: 18px;
  min-width: 0;
  max-width: 200px;
  padding: 0 16px;
  position: relative
}

.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified-mono:before {
  content: "";
  position: absolute;
  inset: -6px 0;
  cursor: pointer
}

.ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified-mono .ytp-ad-button-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-small-mode .ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified-mono {
  background-color: rgb(255, 255, 255);
  border-radius: 18px;
  color: rgb(15, 15, 15);
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  line-height: 18px;
  min-width: 0;
  max-width: 150px;
  padding: 0 16px
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified-mono {
  height: 22px;
  line-height: 12px
}

.ytp-ad-timed-pie-countdown-container {
  bottom: 4px;
  display: block;
  left: 6px;
  position: absolute;
  z-index: 65
}

.ytp-ad-timed-pie-countdown-container.ytp-ad-timed-pie-countdown-container-upper-right {
  bottom: auto;
  left: auto;
  top: 4px;
  right: 6px
}

svg.ytp-ad-timed-pie-countdown {
  background: none;
  border-radius: 50%;
  height: 20px;
  opacity: .4;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 20px
}

circle.ytp-ad-timed-pie-countdown-background {
  fill: none;
  stroke: none
}

circle.ytp-ad-timed-pie-countdown-inner {
  fill: none;
  stroke: #000;
  stroke-width: 10px
}

circle.ytp-ad-timed-pie-countdown-outer {
  fill: none;
  stroke: #000;
  stroke-width: 1
}

circle.ytp-ad-timed-pie-countdown-inner.ytp-ad-timed-pie-countdown-inner-light {
  stroke: rgba(255, 255, 255, .75)
}

circle.ytp-ad-timed-pie-countdown-outer.ytp-ad-timed-pie-countdown-outer-light {
  stroke: rgba(255, 255, 255, .75)
}

.ytp-ad-survey {
  width: auto;
  height: 100%;
  background-color: white;
  font-family: Roboto, Arial, sans-serif;
  padding: 0 32px;
  margin: 0;
  line-height: normal;
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

.ytp-ad-survey.relative-positioning-survey {
  position: relative;
  z-index: 850
}

.ytp-ad-survey-questions {
  display: -moz-flexbox;
  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-grow: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  height: 100%
}

.ytp-ad-survey-question {
  display: -moz-flexbox;
  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-grow: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  padding-top: 0;
  font-family: Roboto, Arial, sans-serif
}

.ytp-ad-survey-question-background {
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: 50%;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1
}

.ytp-ad-survey-question-foreground {
  z-index: 2
}

.ytp-ad-survey-question-text {
  color: #131313;
  font-size: 20px;
  text-align: left;
  width: 302px;
  margin-right: 48px;
  line-height: 28px
}

.ytp-ad-survey-answers {
  right: 0;
  top: 35px;
  width: 308px
}

.ytp-ad-survey-answer {
  height: 48px
}

.ytp-ad-survey-answer,
.ytp-ad-survey-none-of-the-above {
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  width: 100%
}

.ytp-ad-survey-none-of-the-above {
  font-size: 13.7px;
  height: 35px;
  padding-top: 4%
}

.ytp-ad-survey-answers .ytp-ad-survey-none-of-the-above {
  padding-top: 0;
  height: 48px
}

.ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-icon {
  width: 20px;
  height: 20px;
  -webkit-flex: 0 0 20px;
  -webkit-box-flex: 0;
  flex: 0 0 20px;
  margin-right: 12px
}

.ytp-ad-toggle-button-input {
  display: none
}

.ytp-ad-survey-answer-button,
.ytp-ad-survey-answer-toggle-button {
  background: transparent;
  border-radius: 2px;
  color: #606060;
  font-family: Roboto, Arial, sans-serif;
  cursor: pointer;
  font-size: 20px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  border: 0;
  display: block;
  width: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ytp-ad-survey-answer-button:hover,
.ytp-ad-survey-answer-toggle-button:hover {
  font-weight: 500
}

.ytp-ad-survey-answer-button {
  margin-left: 24px
}

.ytp-ad-survey-answer .ytp-ad-toggle-button-toggled {
  font-weight: 500
}

.ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-untoggled-icon svg path:first-of-type {
  fill: #606060
}

.ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-toggled-icon svg path:last-of-type {
  fill: #045edd
}

.ytp-ad-toggle-button-label {
  display: -moz-flexbox;
  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;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  height: 100%;
  pointer-events: auto;
  cursor: pointer
}

.ytp-ad-survey-player-overlay-submit {
  position: absolute;
  bottom: 12px;
  right: 0;
  height: 52px;
  pointer-events: auto
}

.ytp-ad-survey-submit-button {
  background: #1b7fcc;
  border: 0;
  cursor: pointer;
  border-radius: 2px;
  color: white;
  font-size: 13.7px;
  height: 35px;
  margin-right: 6px;
  padding-left: 12px;
  padding-right: 56px
}

.ytp-ad-survey-submit-button.ytp-ad-survey-submit-button-rounded {
  background: #065fd4;
  border-radius: 18px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  padding-left: 16px;
  padding-right: 16px
}

.ytp-ad-player-overlay,
.ytp-ad-survey-player-overlay,
.ytp-ad-survey-question-player-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none
}

.ytp-ad-player-overlay-skip-or-preview,
.ytp-ad-survey-player-overlay-skip-or-preview {
  width: 100%;
  height: 100%;
  right: 0
}

.ytp-ad-survey-interstitial {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .6);
  -webkit-background-size: cover;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  font-family: Roboto, Arial, sans-serif;
  opacity: 1;
  position: absolute;
  width: 100%;
  z-index: 5000;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease
}

.ytp-ad-survey-interstitial[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.ytp-ad-survey-interstitial-contents {
  height: 100%;
  width: 100%
}

.ytp-ad-survey-interstitial .ytp-ad-survey-interstitial-contents {
  height: auto
}

.ytp-ad-survey-interstitial-text {
  margin-left: 32px;
  margin-top: 25px;
  position: relative;
  text-align: left;
  font-size: 24px;
  color: #131313;
  width: 272px
}

.ytp-ad-survey-interstitial-logo {
  background-position: 50%;
  background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  height: 25px;
  margin-left: 32px;
  position: relative;
  width: 105px
}

.ytp-ad-survey-interstitial-logo-image {
  background-repeat: no-repeat;
  width: 100%;
  height: 100%
}

.ytp-ad-survey-interstitial-action {
  background-color: #fff;
  border-radius: 2px;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  text-align: center;
  width: 100%
}

.ytp-ad-survey-interstitial-action-button {
  background-color: #065fd4;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  min-width: 161px;
  padding: 10px;
  margin-left: 32px;
  margin-top: 25px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  border: 0
}

.ytp-ad-survey-interstitial-action-button.ytp-ad-survey-interstitial-action-button-rounded {
  background-color: #065fd4;
  border-radius: 18px;
  height: 36px;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 500;
  min-width: 0;
  padding-left: 16px;
  padding-right: 16px;
  text-transform: none
}

@media screen and (max-width:656px) {
  .ytp-ad-survey-interstitial-logo {
    margin-left: 48px;
    margin-top: 15px
  }

  .ytp-ad-survey-interstitial-text {
    font-size: 20px;
    margin-left: 48px
  }

  .ytp-ad-survey-interstitial-action-button {
    font-size: 18px;
    margin-left: 48px
  }

  .ytp-ad-survey-interstitial-action-button.ytp-ad-survey-interstitial-action-button-rounded {
    font-size: 14px;
    margin-left: 48px
  }

  .ytp-ad-survey {
    padding: 0 32px;
    width: auto
  }

  .ytp-ad-survey-question-text {
    font-size: 20px;
    margin-right: 32px;
    line-height: 28px;
    width: auto
  }

  .ytp-ad-survey-answers {
    top: 24px;
    width: auto
  }

  .ytp-ad-survey-answer {
    height: 48px
  }

  .ytp-ad-survey-none-of-the-above,
  .ytp-ad-survey-submit-button {
    height: 22px;
    font-size: 10px
  }

  .ytp-ad-survey-answer-button,
  .ytp-ad-survey-answer-toggle-button {
    font-size: 20px;
    line-height: 28px
  }

  .ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-icon {
    height: 20px;
    width: 20px;
    -webkit-flex: 0 0 20px;
    -webkit-box-flex: 0;
    flex: 0 0 20px;
    margin-right: 12px
  }

  .ytp-ad-survey-answers .ytp-ad-survey-none-of-the-above {
    height: 48px
  }

  .ytp-ad-survey-player-overlay-submit {
    bottom: 0
  }

  .ytp-ad-survey-submit-button {
    margin-right: 4px;
    padding-left: 10px;
    padding-right: 40px
  }

  .ytp-ad-survey-player-overlay-instream-user-sentiment {
    display: none
  }

  [dir=rtl] .ytp-hide-controls .ytp-ad-preview-container {
    bottom: 40px
  }
}

@media screen and (min-width:1294px) and (min-height:630px) {

  .ytp-ad-survey-interstitial-action-button,
  .ytp-ad-survey-interstitial-logo,
  .ytp-ad-survey-interstitial-text {
    margin-left: 64px
  }

  .ytp-ad-survey {
    width: auto;
    padding: 0 60px
  }

  .ytp-ad-survey-question-text {
    font-size: 24px;
    line-height: 32px;
    margin-right: 48px;
    width: 354px
  }

  .ytp-ad-survey-answers {
    top: 38px;
    width: 390px
  }

  .ytp-ad-survey-answer {
    height: 60px
  }

  .ytp-ad-survey-none-of-the-above,
  .ytp-ad-survey-submit-button {
    height: 44px;
    font-size: 18.2px
  }

  .ytp-ad-survey-answer-button,
  .ytp-ad-survey-answer-toggle-button {
    font-size: 24px;
    line-height: 32px
  }

  .ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-icon {
    height: 32px;
    width: 32px;
    -webkit-flex: 0 0 32px;
    -webkit-box-flex: 0;
    flex: 0 0 32px;
    margin-right: 20px
  }

  .ytp-ad-survey-answers .ytp-ad-survey-none-of-the-above {
    height: 60px
  }

  .ytp-ad-survey-player-overlay-submit {
    bottom: 25px
  }

  .ytp-ad-survey-submit-button {
    margin-right: 8px;
    padding-left: 16px;
    padding-right: 70px
  }
}

@media screen and (min-width:1720px) and (min-height:980px) {

  .ytp-ad-survey-interstitial-action-button,
  .ytp-ad-survey-interstitial-logo,
  .ytp-ad-survey-interstitial-text {
    margin-left: 96px
  }

  .ytp-ad-survey {
    width: 100%;
    padding: 0
  }

  .ytp-ad-survey-question-text {
    font-size: 32px;
    line-height: 43px;
    margin-right: 80px;
    width: 450px
  }

  .ytp-ad-survey-answers {
    top: 57px;
    width: 500px
  }

  .ytp-ad-survey-answer {
    height: 76px
  }

  .ytp-ad-survey-none-of-the-above,
  .ytp-ad-survey-submit-button {
    height: 67px;
    font-size: 27.4px
  }

  .ytp-ad-survey-answer-button,
  .ytp-ad-survey-answer-toggle-button {
    font-size: 32px;
    line-height: 43px
  }

  .ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-icon {
    height: 32px;
    width: 32px;
    -webkit-flex: 0 0 32px;
    -webkit-box-flex: 0;
    flex: 0 0 32px;
    margin-right: 20px
  }

  .ytp-ad-survey-answers .ytp-ad-survey-none-of-the-above {
    height: 76px
  }

  .ytp-ad-survey-player-overlay-submit {
    bottom: 45px
  }

  .ytp-ad-survey-submit-button {
    margin-right: 12px;
    padding-left: 20px;
    padding-right: 110px
  }
}

.ytp-ad-toggle-button-tooltip {
  display: none
}

.ytp-ad-toggle-button:hover .ytp-ad-toggle-button-tooltip {
  display: inline-block
}

.ytp-ad-instream-user-sentiment-container[aria-hidden=true] {
  opacity: 0
}

.ytp-ad-instream-user-sentiment-container {
  -webkit-transition: opacity .4s cubic-bezier(0, 0, .2, 1);
  transition: opacity .4s cubic-bezier(0, 0, .2, 1);
  background: rgba(0, 0, 0, .7);
  bottom: 147px;
  display: inline-block;
  pointer-events: auto;
  position: absolute;
  right: 0;
  z-index: 850
}

.ytp-embed .ytp-ad-instream-user-sentiment-container {
  bottom: 139px
}

.ytp-ad-instream-user-sentiment-container.ytp-ad-instream-user-sentiment-selected {
  -webkit-transition: opacity .5s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .5s cubic-bezier(.4, 0, 1, 1);
  background: #4780ee
}

.ytp-ad-instream-user-sentiment-dislike-button,
.ytp-ad-instream-user-sentiment-like-button {
  display: inline-block;
  vertical-align: middle
}

.ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button-icon {
  display: inline-block;
  height: 22px;
  opacity: .8;
  vertical-align: middle;
  width: 22px
}

.ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button-label {
  cursor: pointer
}

.ytp-ad-instream-user-sentiment-like-button .ytp-ad-toggle-button-label {
  padding: 12px 10px 12px 20px
}

.ytp-ad-instream-user-sentiment-dislike-button .ytp-ad-toggle-button-label {
  padding: 12px 20px 12px 10px
}

.ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button:hover .ytp-ad-toggle-button-icon {
  opacity: 1
}

.ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button.ytp-ad-toggle-button-toggled .ytp-ad-toggle-button-icon {
  opacity: 1
}

.ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button-tooltip {
  background: rgba(31, 31, 31, .5);
  color: rgb(255, 255, 255);
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 18px;
  letter-spacing: 0;
  margin: 9px 0;
  padding: 8px 16px;
  position: absolute;
  text-align: center;
  white-space: nowrap
}

.ytp-ad-instream-user-sentiment-container .ytp-ad-toggle-button:hover .ytp-ad-toggle-button-tooltip {
  bottom: 46px;
  right: 20px
}

.ytp-ad-player-overlay-top-bar-gradients {
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .75) 40%, rgba(0, 0, 0, 0) 99%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, .75)), color-stop(99%, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .75) 40%, rgba(0, 0, 0, 0) 99%);
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: none;
  height: 40px;
  width: 100%;
  opacity: .8;
  top: 0;
  position: absolute;
  z-index: 850
}

.ytp-ad-player-overlay-top-bar-gradients .ytp-ad-visit-advertiser-button:before {
  content: none
}

.ytp-ad-player-overlay-top-bar-gradients .ytp-ad-visit-advertiser-button {
  margin: auto 11px auto auto;
  pointer-events: auto;
  z-index: 850
}

.ytp-ad-player-overlay-top-bar-gradients .ytp-ad-visit-advertiser-button .ytp-ad-button-text {
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  font-size: 14px;
  line-height: normal;
  margin: auto 0;
  padding: 0 4px 5px;
  text-transform: capitalize;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
  color: #fff;
  text-decoration: none
}

.ytp-ad-player-overlay-top-bar-gradients .ytp-ad-visit-advertiser-button .ytp-ad-button-icon {
  display: none
}

.ytp-ad-player-overlay-top-bar-gradients .ytp-video-ad-top-bar-title {
  -webkit-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  white-space: nowrap;
  color: #fff;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
  text-decoration: none;
  overflow: hidden;
  pointer-events: auto;
  cursor: pointer;
  font-size: 14px;
  max-width: 50%;
  height: 16px;
  line-height: normal;
  margin: 10px 5px 5px 10px;
  z-index: 850;
  opacity: .9
}

.ytp-ad-clickable-element:hover {
  cursor: pointer
}

.ytp-ad-underlay {
  position: absolute;
  top: 131px;
  left: 0;
  height: calc(100% - 262px);
  width: 100%;
  overflow: hidden
}

.ytp-big-mode .ytp-ad-underlay {
  height: calc(100% - 280px);
  top: 140px
}

.ytp-small-mode .ytp-ad-underlay {
  height: calc(100% - 222px);
  top: 111px
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-underlay {
  height: calc(100% - 150px);
  top: 75px
}

.ytp-hide-controls .ytp-ad-underlay {
  height: calc(100% - 122px);
  top: 61px
}

.ytp-ad-underlay-companion {
  height: 100%;
  width: 100%
}

.ytp-ad-underlay-side-container {
  height: 100%;
  max-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding-top: 125px;
  padding-bottom: 125px
}

.ytp-ad-underlay-left-container {
  margin-left: 2%;
  padding-right: 2%
}

.ytp-ad-underlay-right-container {
  margin-left: 52.5%
}

.ytp-ad-underlay-image-container {
  border: 1px solid rgba(255, 255, 255, .1);
  display: block;
  min-height: 72px;
  min-width: 72px;
  border-radius: 50%;
  margin-bottom: 16px;
  max-width: 144px;
  max-height: 144px;
  -webkit-flex-shrink: 2;
  flex-shrink: 2;
  cursor: pointer
}

.ytp-ad-underlay-image {
  pointer-events: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 50%
}

.ytp-ad-underlay-headline-container {
  width: 100%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-bottom: 48px
}

.ytp-ad-underlay-headline {
  width: 100%;
  height: 100%;
  color: rgb(255, 255, 255);
  font-size: 2.5vw;
  font-weight: 700;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-overflow: ellipsis
}

@media screen and (min-width:1600px) {
  .ytp-ad-underlay-headline {
    font-size: 40px
  }
}

.ytp-ad-underlay-description {
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, .75);
  display: inline-block;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 40px
}

.ytp-ad-underlay-description-container {
  -webkit-flex-shrink: 1;
  flex-shrink: 1
}

.ytp-ad-underlay-action-button-container {
  display: inline-block
}

.ytp-ad-underlay-clickable {
  z-index: 850
}

.ytp-ad-underlay-action-button {
  background-color: #fff;
  color: #030303;
  position: relative;
  text-align: center;
  border: 0;
  border-radius: 18px;
  cursor: pointer;
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  height: 36px
}

.ytp-ad-underlay-action-button-medium {
  border-radius: 24px;
  font-size: 18px;
  padding-left: 16px;
  padding-right: 16px;
  height: 48px
}

.ytp-ad-underlay-action-button-large {
  border-radius: 32px;
  font-size: 22px;
  padding-left: 24px;
  padding-right: 24px;
  height: 64px
}

.ytp-ad-underlay-action-button:hover {
  background-color: #e9e9e9
}

.ytp-ad-underlay-action-button-blue {
  background-color: #3ea6ff;
  color: #030303;
  border-radius: 2px
}

.ytp-ad-underlay-action-button-blue:hover {
  background-color: #66b8ff
}

.ytp-probably-keyboard-focus .ytp-ad-underlay-action-button:focus {
  outline: none;
  border: 2px solid #fff;
  background: transparent;
  color: #fff
}

.ytp-probably-keyboard-focus .ytp-ad-underlay-action-button-blue:focus {
  outline: none;
  border: 2px solid #3ea6ff;
  background: transparent;
  color: #3ea6ff
}

.html5-video-container-transitioning {
  -webkit-transition: width 1.5s, height 1.5s, left 1.5s, top 1.5s;
  transition: width 1.5s, height 1.5s, left 1.5s, top 1.5s
}

.ytp-ad-underlay-action-button-transition {
  z-index: -1
}

.color-contrast-fix.ytp-ad-survey {
  background-color: black
}

.color-contrast-fix .ytp-ad-survey-question-background {
  opacity: 60%
}

.color-contrast-fix .ytp-ad-survey-answer-button,
.color-contrast-fix .ytp-ad-survey-answer-toggle-button,
.color-contrast-fix .ytp-ad-survey-question-text {
  color: white
}

.color-contrast-fix .ytp-ad-survey-answer-toggle-button .ytp-ad-toggle-button-untoggled-icon svg path:first-of-type {
  fill: white
}

.ytp-ad-badge {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  left: 0;
  position: relative
}

.ytp-ad-badge:after {
  content: "·";
  padding-inline: 4px
}

.ytp-ad-badge__pod-index:before {
  content: "·";
  padding-inline: 4px 3px
}

.ytp-ad-badge--stark {
  color: #fff;
  opacity: .75;
  font-size: 12px;
  line-height: 28px
}

.ytp-ad-badge--stark .ytp-ad-badge__text {
  font-weight: 700
}

.ytp-ad-badge--clean-player {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  left: 0;
  position: relative
}

.ytp-ad-badge--stark-clean-player {
  color: #fff;
  opacity: 1;
  font-size: 12px;
  line-height: 28px;
  text-shadow: 0 0 8px rgba(0, 0, 0, .5);
  letter-spacing: .35px
}

.ytp-ad-badge--stark-clean-player .ytp-ad-badge__text--clean-player {
  font-weight: 600;
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  text-shadow: 0 0 16px rgba(0, 0, 0, .5)
}

.ytp-ad-badge--stark-clean-player-ios {
  letter-spacing: .1px
}

.ytp-ad-grid-card-collection {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.ytp-ad-grid-card-text {
  max-width: 500px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, .1);
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer
}

.ytp-ad-grid-card-text__button {
  margin: 12px 16px 12px 12px
}

.ytp-ad-grid-card-text__metadata {
  -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;
  margin-left: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
  min-width: 0
}

.ytp-ad-grid-card-text__metadata__headline {
  color: #fff;
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 500;
  overflow: hidden;
  max-height: 1.8rem;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}

.ytp-ad-grid-card-text__metadata__description {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-ad-grid-card-text__metadata__description :first-child {
  margin-right: 1px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.ytp-ad-grid-card-text__metadata__description :not(:first-child) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1
}

.ytp-ad-grid-card-text__metadata__description__line {
  color: #fff;
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden
}

.ytp-ad-pod-index {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  left: 0;
  position: relative
}

.ytp-ad-pod-index:before {
  content: "•";
  padding-inline: 4px 3px
}

.ytp-ad-pod-index--stark {
  color: #fff;
  opacity: 1;
  font-size: 12px;
  letter-spacing: normal;
  line-height: 28px;
  text-shadow: 0 0 16px rgba(0, 0, 0, .5);
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  font-weight: 500
}

.ytp-ad-pod-index--mweb {
  font-weight: 600
}

.ytp-ad-pod-index--mweb-ios {
  letter-spacing: -.2px
}

.ytp-autohide .ytp-ad-pod-index--autohide {
  display: none;
  visibility: hidden;
  opacity: 0
}

.ytp-ad-button-vm {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  font-weight: 500;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Roboto, Arial, sans-serif;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  pointer-events: auto;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-ad-button-vm__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-ad-button-vm__icon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.ytp-ad-button-vm--size-compact {
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  font-size: 12px;
  padding: 0 12px
}

.ytp-ad-button-vm--size-compact .ytp-ad-button-vm__icon {
  height: 16px;
  width: 16px
}

.ytp-ad-button-vm--size-compact .ytp-ad-button-vm__icon--trailing {
  -webkit-margin-start: 4px;
  margin-inline-start: 4px;
  -webkit-margin-end: -4px;
  margin-inline-end: -4px
}

.ytp-ad-button-vm--size-compact .ytp-ad-button-vm__icon--leading {
  -webkit-margin-start: -4px;
  margin-inline-start: -4px;
  -webkit-margin-end: 4px;
  margin-inline-end: 4px
}

.ytp-ad-button-vm--size-default {
  height: 36px;
  line-height: 36px;
  border-radius: 18px;
  font-size: 14px;
  padding: 0 16px
}

.ytp-ad-button-vm--size-default .ytp-ad-button-vm__icon {
  height: 24px;
  width: 24px
}

.ytp-ad-button-vm--size-default .ytp-ad-button-vm__icon--trailing {
  -webkit-margin-start: 6px;
  margin-inline-start: 6px;
  -webkit-margin-end: -6px;
  margin-inline-end: -6px
}

.ytp-ad-button-vm--size-default .ytp-ad-button-vm__icon--leading {
  -webkit-margin-start: -6px;
  margin-inline-start: -6px;
  -webkit-margin-end: 6px;
  margin-inline-end: 6px
}

.ytp-ad-button-vm--size-large {
  height: 48px;
  line-height: 48px;
  border-radius: 24px;
  font-size: 18px;
  padding: 0 24px
}

.ytp-ad-button-vm--size-large .ytp-ad-button-vm__icon {
  height: 24px;
  width: 24px
}

.ytp-ad-button-vm--size-large .ytp-ad-button-vm__icon--trailing {
  -webkit-margin-start: 8px;
  margin-inline-start: 8px;
  -webkit-margin-end: -8px;
  margin-inline-end: -8px
}

.ytp-ad-button-vm--size-large .ytp-ad-button-vm__icon--leading {
  -webkit-margin-start: -8px;
  margin-inline-start: -8px;
  -webkit-margin-end: 8px;
  margin-inline-end: 8px
}

.ytp-ad-button-vm--style-transparent {
  color: #fff;
  background-color: transparent
}

.ytp-ad-button-vm--style-transparent:hover {
  background-color: rgba(255, 255, 255, .2)
}

.ytp-ad-button-vm--style-filled {
  color: #fff;
  background-color: #065fd4
}

.ytp-ad-button-vm--style-filled:hover {
  background-color: #0556bf
}

.ytp-ad-button-vm--style-filled-white {
  color: #0f0f0f;
  background-color: #f1f1f1
}

.ytp-ad-button-vm--style-filled-white:hover {
  background-color: #d9d9d9
}

.ytp-ad-button-vm--style-filled-white:active {
  background-color: #d9d9d9
}

.ytp-ad-button-vm--style-filled-dark {
  background-color: #3ea6ff;
  color: rgb(15, 15, 15)
}

.ytp-ad-button-vm--style-filled-dark:hover {
  background-color: #65b8ff
}

.ytp-ad-button-vm--style-mono-filled {
  color: #f1f1f1;
  background-color: #0f0f0f
}

.ytp-ad-button-vm--style-mono-filled:hover {
  background-color: #3f3f3f
}

.ytp-ad-button-vm--style-mono-filled:active {
  background-color: #3f3f3f
}

.ytp-ad-button-vm--icon-only {
  padding: 0
}

.ytp-ad-button-vm--icon-only .ytp-ad-button-vm__icon {
  height: 24px;
  width: 24px;
  padding: 0 6px
}

.ytp-ad-disclosure-banner {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .6);
  border-left: 4px solid #fbc02d;
  border-radius: 4px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-family: Roboto, Arial, sans-serif;
  max-width: 312px;
  padding: 8px
}

.ytp-ad-disclosure-banner__text {
  background: none;
  color: rgb(255, 255, 255);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  padding: 8px;
  vertical-align: middle
}

.ytp-ad-disclosure-banner__chevron {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 24px;
  width: 24px
}

.ytp-ad-notification-container {
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  background: rgba(0, 0, 0, .4);
  bottom: 86px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 52px;
  line-height: 52px;
  min-width: 80px;
  opacity: 1;
  padding: 0 20px;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: middle;
  z-index: 45
}

.ytp-embed .ytp-ad-notification-container {
  bottom: 78px
}

.ytp-ad-notification-container[aria-hidden=true] {
  -webkit-transition: opacity .15s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .15s cubic-bezier(.4, 0, 1, 1);
  opacity: 0
}

.ytp-big-mode .ytp-ad-notification-container {
  bottom: 95px
}

.ytp-hide-controls .ytp-ad-notification-container {
  bottom: 25px
}

.ytp-preview-ad {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 36px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .6);
  overflow: hidden;
  position: absolute;
  right: 22px;
  bottom: 95px;
  z-index: 1000;
  -webkit-transition: opacity .4s cubic-bezier(0, 0, .2, 1);
  transition: opacity .4s cubic-bezier(0, 0, .2, 1);
  cursor: default;
  pointer-events: auto
}

.ytp-preview-ad[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-preview-ad__text {
  display: inline-block;
  font-family: Roboto, Arial, sans-serif;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .1px;
  padding: 0 8px;
  text-align: center;
  vertical-align: middle;
  white-space: pre;
  width: auto
}

.ytp-preview-ad__text--font--small {
  font-size: 12px;
  height: auto;
  min-width: 0
}

.ytp-preview-ad__text--padding--wide {
  padding: 0 14px
}

.ytp-preview-ad__image {
  display: inline-block;
  vertical-align: middle;
  width: 65px;
  height: 36px;
  -o-object-fit: cover;
  object-fit: cover
}

.ytp-big-mode .ytp-preview-ad {
  right: 40px;
  bottom: 104px
}

.ytp-small-mode .ytp-preview-ad {
  right: 12px;
  bottom: 75px
}

.ytp-player-minimized.ytp-menu-shown .ytp-preview-ad {
  right: 16px;
  bottom: 39px
}

.ytp-hide-controls .ytp-preview-ad {
  bottom: 25px
}

.ytp-autohide .ytp-ad-duration-remaining-autohide {
  display: none
}

.ytp-display-underlay-text-grid-cards {
  height: 100%;
  width: 100%
}

.ytp-display-underlay-text-grid-cards__content_container {
  height: 100%;
  max-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding-left: 64px;
  padding-right: 64px;
  margin-left: calc(60% + 16px)
}

.ytp-display-underlay-text-grid-cards__content_container__header {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -moz-justify-content: start;
  -webkit-justify-content: start;
  -webkit-box-pack: start;
  justify-content: start;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  width: 100%;
  max-width: 500px;
  margin-bottom: 24px
}

.ytp-display-underlay-text-grid-cards__content_container__header__ad_avatar {
  pointer-events: auto;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-right: 16px
}

.ytp-display-underlay-text-grid-cards__content_container__header__headline {
  color: #fff;
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 24px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal
}

.ytp-display-underlay-text-grid-cards__content_container__ad_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-top: 24px;
  width: 100%;
  max-width: 500px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.ytp-display-underlay-text-grid-cards__content_container__ad_grid_card_collection {
  width: 100%;
  max-width: 500px;
  overflow: hidden auto
}

.ytp-display-underlay-text-grid-cards__content_container__ad_button>button {
  width: 100%;
  max-width: 500px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.ytp-display-underlay-text-grid-cards .ytp-ad-avatar--size-responsive {
  width: 48px;
  height: 48px
}

.ytp-image-background--gradient-vertical {
  inset: 0;
  position: absolute;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .8));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .8));
  background-color: rgba(0, 0, 0, .6)
}

.ytp-ad-avatar-lockup-card {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  padding: 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(255, 255, 255, .95);
  cursor: pointer;
  max-width: 400px;
  overflow: hidden;
  pointer-events: auto;
  -webkit-transition: width .2s cubic-bezier(0, 0, .2, 1) .5s, max-width .2s cubic-bezier(.4, 0, 1, 1);
  transition: width .2s cubic-bezier(0, 0, .2, 1) .5s, max-width .2s cubic-bezier(.4, 0, 1, 1)
}

.ytp-ad-avatar-lockup-card:hover {
  background-color: #fff
}

.ytp-ad-avatar-lockup-card--large {
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  background-color: rgba(0, 0, 0, .6);
  min-width: 200px
}

.ytp-ad-avatar-lockup-card--large:hover {
  background-color: rgba(0, 0, 0, .7)
}

.ytp-ad-avatar-lockup-card--inactive {
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
  transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%);
  width: 0;
  max-width: 0
}

.ytp-ad-avatar-lockup-card__avatar_and_text_container--large {
  display: -moz-flexbox;
  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-self: start;
  align-self: start
}

.ytp-ad-avatar-lockup-card__ad_avatar--large {
  -webkit-align-self: center;
  align-self: center
}

.ytp-ad-avatar-lockup-card__text_container {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  padding: 0 20px 0 8px;
  max-width: 192px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ytp-ad-avatar-lockup-card__headline {
  display: -webkit-box;
  color: #0f0f0f;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.ytp-ad-avatar-lockup-card__headline--large {
  color: #ddd
}

.ytp-ad-avatar-lockup-card__description {
  color: #606060;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ytp-ad-avatar-lockup-card__description--large {
  color: #ddd
}

.ytp-ad-avatar-lockup-card .ytp-ad-button-vm {
  max-width: 140px
}

.ytp-ad-avatar-lockup-card__button--large {
  margin-top: 8px;
  min-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #0f0f0f;
  background-color: #3ea6ff
}

.ytp-ad-avatar-lockup-card__button--large:hover {
  background-color: #65b8ff
}

.ytp-player-minimized .ytp-ad-avatar-lockup-card,
.ytp-small-mode .ytp-ad-avatar-lockup-card {
  opacity: .86;
  padding: 8px;
  min-height: 40px;
  max-width: 190px
}

.ytp-player-minimized .ytp-ad-avatar-lockup-card--large,
.ytp-small-mode .ytp-ad-avatar-lockup-card--large {
  min-width: auto
}

.ytp-player-minimized .ytp-ad-avatar-lockup-card--inactive,
.ytp-small-mode .ytp-ad-avatar-lockup-card--inactive {
  width: 0;
  max-width: 0
}

.ytp-player-minimized .ytp-ad-avatar-lockup-card .ytp-ad-button-vm,
.ytp-small-mode .ytp-ad-avatar-lockup-card .ytp-ad-button-vm {
  display: none
}

.ytp-player-minimized .ytp-ad-avatar-lockup-card__headline,
.ytp-small-mode .ytp-ad-avatar-lockup-card__headline {
  font-size: 12px;
  line-height: 16px
}

.ytp-player-minimized .ytp-ad-avatar-lockup-card__description,
.ytp-small-mode .ytp-ad-avatar-lockup-card__description {
  font-size: 10px;
  line-height: 14px
}

.ytp-player-minimized .ytp-ad-avatar-lockup-card__description--hidden--in--small--player,
.ytp-small-mode .ytp-ad-avatar-lockup-card__description--hidden--in--small--player {
  display: none
}

.ytp-player-minimized .ytp-ad-avatar-lockup-card__text_container,
.ytp-small-mode .ytp-ad-avatar-lockup-card__text_container {
  padding: 0 4px 0 6px;
  max-width: 146px
}

.ytp-delhi-modern .ytp-ad-avatar-lockup-card {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6));
  border-radius: 8px
}

.ytp-delhi-modern .ytp-ad-avatar-lockup-card__headline {
  color: var(--yt-sys-color-baseline--overlay-text-primary, #fff)
}

.ytp-delhi-modern .ytp-ad-avatar-lockup-card__description {
  color: var(--yt-sys-color-baseline--overlay-text-secondary, rgba(255, 255, 255, .7))
}

.ytp-ad-persistent-progress-bar-container {
  position: absolute;
  bottom: -3px;
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, .2);
  opacity: 0;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
  z-index: 38
}

.ytp-ad-player-overlay-progress-bar .ytp-ad-persistent-progress-bar-container,
.ytp-autohide .ytp-ad-persistent-progress-bar-container {
  opacity: 1;
  bottom: 0;
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-ad-player-overlay-progress-bar .ytp-ad-persistent-progress-bar-container {
  background-color: #222;
  height: 4px
}

.ytp-ad-player-overlay-progress-bar .ytp-ad-persistent-progress-bar-container--clean-player {
  background-color: #222;
  height: 3px
}

.ytp-ad-persistent-progress-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  background-color: #fc0
}

.ytp-player-minimized.ytp-miniplayer-alternate-ui .ytp-ad-persistent-progress-bar-container {
  width: calc(100% - 24px);
  left: 12px;
  bottom: 12px
}

.ytp-ad-player-overlay-layout {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  pointer-events: none
}

.ytp-ad-player-overlay-layout__ad-info-container {
  bottom: 65px;
  cursor: default;
  left: 22px;
  pointer-events: auto;
  position: absolute;
  text-shadow: 0 0 4px rgba(0, 0, 0, .75);
  z-index: 850;
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-ad-player-overlay-layout__ad-info-container .ytp-ad-duration-remaining {
  margin-left: 0
}

.ytp-ad-player-overlay-layout__player-card-container {
  bottom: 95px;
  left: 22px;
  pointer-events: auto;
  position: absolute;
  z-index: 850;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-ad-player-overlay-layout__skip-or-preview-container {
  width: 100%;
  height: 100%;
  right: 0;
  position: absolute
}

.ytp-ad-player-overlay-layout__ad-disclosure-banner-container {
  border-radius: 0;
  bottom: auto;
  cursor: default;
  height: auto;
  left: 22px;
  pointer-events: auto;
  position: absolute;
  top: 42px;
  z-index: 850
}

.ytp-ad-player-overlay-layout .ytp-ad-player-overlay-layout__ad-disclosure-banner-container {
  z-index: 27
}

.ytp-big-mode .ytp-ad-player-overlay-layout__ad-info-container {
  bottom: 74px;
  left: 40px
}

.ytp-big-mode .ytp-ad-player-overlay-layout__player-card-container {
  left: 40px;
  bottom: 104px
}

.ytp-big-mode .ytp-ad-player-overlay-layout__ad-disclosure-banner-container {
  left: 40px;
  top: 64px
}

.ytp-small-mode .ytp-ad-player-overlay-layout__ad-info-container {
  left: 12px;
  bottom: 45px
}

.ytp-small-mode .ytp-ad-player-overlay-layout__player-card-container {
  left: 12px;
  bottom: 75px
}

.ytp-small-mode .ytp-ad-player-overlay-layout__ad-disclosure-banner-container {
  left: 12px;
  top: 12px
}

.ytp-delhi-modern .ytp-ad-player-overlay-layout__ad-info-container {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 14px)
}

.ytp-delhi-modern .ytp-ad-player-overlay-layout__ad-info-container .ad-simple-attributed-string,
.ytp-delhi-modern .ytp-ad-player-overlay-layout__ad-info-container .ytp-ad-pod-index,
.ytp-delhi-modern .ytp-ad-player-overlay-layout__ad-info-container .ytp-visit-advertiser-link__text {
  text-shadow: 0 0 2px #000
}

.ytp-delhi-modern .ytp-ad-player-overlay-layout__ad-info-container .ytp-ad-button {
  -webkit-filter: drop-shadow(0 0 2px #000);
  filter: drop-shadow(0 0 2px #000)
}

.ytp-delhi-modern .ytp-ad-player-overlay-layout__player-card-container {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 50px)
}

.ytp-delhi-modern.ytp-big-mode .ytp-ad-player-overlay-layout__ad-info-container {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 14px)
}

.ytp-delhi-modern.ytp-big-mode .ytp-ad-player-overlay-layout__player-card-container {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 50px)
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-ad-player-overlay-layout__ad-info-container {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 14px + var(--ytp-grid-peek-height))
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-ad-player-overlay-layout__ad-info-container .ad-simple-attributed-string,
.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-ad-player-overlay-layout__ad-info-container .ytp-ad-pod-index,
.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-ad-player-overlay-layout__ad-info-container .ytp-visit-advertiser-link__text {
  text-shadow: 0 0 2px #000
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-ad-player-overlay-layout__ad-info-container .ytp-ad-button {
  -webkit-filter: drop-shadow(0 0 2px #000);
  filter: drop-shadow(0 0 2px #000)
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-ad-player-overlay-layout__player-card-container {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 50px + var(--ytp-grid-peek-height))
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking.ytp-big-mode .ytp-ad-player-overlay-layout__ad-info-container {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 14px + var(--ytp-grid-peek-height))
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking.ytp-big-mode .ytp-ad-player-overlay-layout__player-card-container {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 50px + var(--ytp-grid-peek-height))
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-layout__ad-info-container {
  left: 16px;
  bottom: 9px
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-layout__player-card-container {
  left: 16px;
  bottom: 39px
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-layout__ad-disclosure-banner-container {
  left: 16px;
  top: 16px
}

.ytp-autohide .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-delhi-modern.ytp-autohide .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-hide-controls .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-iv-drawer-open .ytp-ad-player-overlay-layout__ad-info-container {
  bottom: 15px;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide .ytp-ad-player-overlay-layout__player-card-container,
.ytp-delhi-modern.ytp-autohide .ytp-ad-player-overlay-layout__player-card-container {
  bottom: 45px;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-delhi-modern.ytp-autohide .ytp-ad-player-overlay-layout__player-card-container {
  bottom: 3pxvar(--yt-delhi-pill-height, 48px)24px;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-small-mode.ytp-autohide .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-small-mode.ytp-hide-controls .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-small-mode.ytp-iv-drawer-open .ytp-ad-player-overlay-layout__ad-info-container {
  bottom: 7px
}

.ytp-small-mode.ytp-autohide .ytp-ad-player-overlay-layout__player-card-container {
  bottom: 37px
}

.ytp-ad-avatar--size-xxs {
  width: 16px;
  height: 16px
}

.ytp-ad-avatar--size-xs {
  width: 24px;
  height: 24px
}

.ytp-ad-avatar--size-s {
  width: 32px;
  height: 32px
}

.ytp-ad-avatar--size-m {
  width: 36px;
  height: 36px
}

.ytp-ad-avatar--size-l {
  width: 56px;
  height: 56px
}

.ytp-ad-avatar--size-xl {
  width: 72px;
  height: 72px
}

.ytp-ad-avatar--circular {
  border-radius: 50%
}

.ytp-ad-avatar--rounded-corner {
  border-radius: 20%
}

.ytp-ad-details-line {
  display: block
}

.ytp-ad-details-line__text--style-standard {
  color: #aaa;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  max-height: none;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.ytp-video-interstitial-buttoned-centered-layout {
  z-index: 64;
  background: white;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover
}

.ytp-video-interstitial-buttoned-centered-layout__background-image-container {
  width: 100%;
  height: 100%;
  z-index: 65;
  border: none
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-image-background-image {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  background-position: 50%;
  width: 100%;
  height: 100%;
  border: none;
  display: block
}

.ytp-video-interstitial-buttoned-centered-layout__content {
  z-index: 65;
  pointer-events: none;
  display: block;
  position: absolute;
  inset: 0
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  margin-left: -215px;
  width: 430px;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup__ad-avatar-container {
  pointer-events: auto;
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup__headline-container {
  pointer-events: auto;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup__headline {
  padding: 28px 0 10px;
  color: rgb(255, 255, 255);
  font-family: Roboto, Arial, sans-serif;
  font-size: 28px;
  font-weight: 900;
  line-height: 34px;
  max-height: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup__details-line-container {
  pointer-events: auto;
  cursor: pointer;
  white-space: normal;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup__ad-button-container {
  display: inline-block;
  padding: 6px 0;
  position: relative
}

.ytp-video-interstitial-buttoned-centered-layout__content__instream-info-container {
  bottom: 6px;
  cursor: default;
  left: 18px;
  pointer-events: auto;
  position: absolute;
  text-shadow: 0 0 4px rgba(0, 0, 0, .75);
  z-index: 850;
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-badge:after {
  padding-right: unset
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-badge {
  margin-left: 5px
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-details-line {
  padding: 6px 0 22px
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-button-vm:before {
  content: "";
  position: absolute;
  inset: -6px 0;
  cursor: pointer
}

.ytp-video-interstitial-buttoned-centered-layout__timed-pie-countdown-container {
  bottom: auto;
  left: auto;
  top: 4px;
  right: 6px;
  display: block;
  position: absolute;
  z-index: 65
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-avatar--size-responsive {
  width: 64px;
  height: 64px
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-details-line__text--style-responsive {
  color: #aaa;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  max-height: none;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout__content__lockup {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  top: 50%;
  position: absolute;
  margin-left: 0;
  left: 0;
  text-align: left;
  width: 245px;
  padding: 0 0 0 16px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout__content__lockup__ad-avatar-container {
  pointer-events: auto;
  cursor: pointer;
  margin: 0 auto 0 -6px;
  padding: 6px;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout__content__lockup__headline-container {
  pointer-events: auto;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 0
}

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout__content__lockup__headline {
  padding: 10px 0;
  color: rgb(255, 255, 255);
  font-family: Roboto, Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 24px;
  max-height: none;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout__content__lockup__details-line-container {
  display: none
}

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout .ytp-ad-avatar--size-responsive {
  width: 36px;
  height: 36px
}

.ytp-skip-ad {
  z-index: 850
}

.ytp-skip-ad-button {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  border: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  height: 36px;
  border-radius: 18px;
  background-color: rgba(0, 0, 0, .6);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: #fff;
  direction: ltr;
  min-width: 0;
  padding: 0 6px 0 16px;
  width: auto;
  pointer-events: auto;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  right: 22px;
  bottom: 95px;
  z-index: 1000;
  -webkit-transition: opacity .5s cubic-bezier(0, 0, .2, 1);
  transition: opacity .5s cubic-bezier(0, 0, .2, 1)
}

.ytp-skip-ad-button[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-skip-ad-button:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, .2))), -webkit-gradient(linear, left top, left bottom, from(rgb(15, 15, 15)), to(rgb(15, 15, 15)));
  background: -webkit-linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), -webkit-linear-gradient(rgb(15, 15, 15), rgb(15, 15, 15));
  background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .2)), linear-gradient(rgb(15, 15, 15), rgb(15, 15, 15))
}

.ytp-skip-ad-button:focus {
  background: rgb(15, 15, 15);
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none
}

.ytp-skip-ad-button:focus-visible {
  background: #fff;
  -webkit-box-shadow: 0 0 0 2px #0f0f0f;
  box-shadow: 0 0 0 2px #0f0f0f;
  color: #0f0f0f
}

.ytp-skip-ad-button:focus-visible .ytp-skip-ad-button__icon svg path {
  fill: #0f0f0f
}

.ytp-skip-ad-button__text {
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  display: inline-block;
  vertical-align: middle
}

.ytp-skip-ad-button__icon {
  height: 36px;
  width: 36px;
  display: inline-block;
  vertical-align: middle
}

.ytp-delhi-modern .ytp-skip-ad-button {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 14px);
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6))
}

.ytp-delhi-modern .ytp-skip-ad-button:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 100%
}

.ytp-delhi-modern .ytp-skip-ad-button:hover:after {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-skip-ad-button:active:after {
  background-color: var(--yt-sys-color-baseline--overlay-tonal-hover, rgba(255, 255, 255, .2));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-skip-ad-button {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 14px + var(--ytp-grid-peek-height));
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6))
}

.ytp-delhi-modern-icons .ytp-skip-ad-button svg {
  padding: 6px
}

.ytp-big-mode .ytp-skip-ad-button {
  right: 40px;
  bottom: 104px
}

.ytp-big-mode.ytp-delhi-modern .ytp-skip-ad-button {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 14px)
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-skip-ad-button {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 14px)var(--ytp-grid-peek-height)
}

.ytp-big-mode.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-skip-ad-button {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 14px + var(--ytp-grid-peek-height))
}

.ytp-small-mode .ytp-skip-ad-button {
  right: 12px;
  bottom: 75px
}

.ytp-player-minimized.ytp-menu-shown .ytp-skip-ad-button {
  right: 16px;
  bottom: 39px
}

svg.ytp-timed-pie-countdown {
  background: none;
  border-radius: 50%;
  height: 20px;
  opacity: .4;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 20px
}

circle.ytp-timed-pie-countdown__background {
  stroke: none;
  fill: none
}

circle.ytp-timed-pie-countdown__inner {
  fill: none;
  stroke-width: 10px;
  stroke: rgba(255, 255, 255, .75)
}

circle.ytp-timed-pie-countdown__outer {
  fill: none;
  stroke-width: 1;
  stroke: rgba(255, 255, 255, .75)
}

.ytp-visit-advertiser-link {
  color: #fff;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin-left: 16px;
  position: relative;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline
}

.ytp-visit-advertiser-link:before {
  content: "";
  cursor: pointer;
  position: absolute;
  inset: -8px
}

.ytp-visit-advertiser-link:hover .ytp-visit-advertiser-link__text {
  color: rgb(255, 255, 255);
  text-decoration: underline
}

.ytp-visit-advertiser-link__text {
  color: #fff;
  cursor: pointer;
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  opacity: 1;
  text-decoration: none;
  text-shadow: 0 0 16px rgba(0, 0, 0, .5);
  vertical-align: baseline
}

.ytp-iv-video-content {
  position: absolute
}

.ytp-iv-video-content .video-annotations {
  display: block;
  position: absolute;
  z-index: 20;
  width: 100%
}

.annotation {
  position: absolute;
  color: #000;
  padding: 5px;
  text-align: left;
  word-wrap: break-word;
  z-index: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.video-legacy-annotations .annotation {
  background: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  white-space: pre-wrap
}

.annotation-close-button {
  -webkit-background-size: contain;
  background-size: contain;
  cursor: pointer;
  height: 16px;
  left: 0;
  opacity: .85;
  position: absolute;
  top: 0;
  width: 16px
}

.annotation-close-button:hover {
  opacity: 1
}

.annotation-link-icon {
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute
}

.annotation-type-custom {
  padding: 0;
  cursor: default
}

.annotation-type-custom>div {
  float: left;
  padding: 0;
  overflow: hidden
}

.iv-click-target {
  cursor: pointer
}

.ytp-ad-overlay-open .iv-branding,
.ytp-ad-overlay-open .iv-promo {
  display: none
}

.iv-branding {
  bottom: 0;
  right: 0;
  z-index: 30;
  opacity: 1;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  -webkit-transition-delay: .33s;
  transition-delay: .33s
}

.ytp-iv-drawer-open .iv-branding {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.iv-branding .branding-context-container-outer {
  bottom: 0;
  float: left;
  padding-right: 10px;
  position: absolute
}

.iv-branding .branding-context-container-inner {
  background-color: rgba(28, 28, 28, .9);
  bottom: 0;
  color: #eee;
  max-width: 246px;
  opacity: 0;
  right: 0;
  white-space: nowrap;
  border-radius: 8px;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.iv-branding-active .branding-context-container-inner {
  opacity: 1;
  border-radius: 8px;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.iv-branding .branding-img-container img {
  display: block;
  opacity: .7;
  position: relative
}

.iv-branding .branding-img-container {
  float: right
}

.iv-branding img.iv-click-target:hover {
  opacity: 1
}

.iv-branding .iv-branding-context-name {
  max-width: 215px;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 10px 10px 5px
}

.iv-branding .iv-branding-context-subscribe {
  padding: 0 10px 10px;
  font-size: 11px;
  color: #aaa
}

.iv-branding .iv-branding-context-subscribe-caret {
  display: none
}

.ytp-overlays-container .ytp-overlay-bottom-right .iv-branding {
  position: relative;
  inset: 0
}

.iv-promo,
.iv-promo .iv-promo-actions,
.iv-promo .iv-promo-contents,
.iv-promo .iv-promo-contents>a,
.iv-promo .iv-promo-contents>div,
.iv-promo .iv-promo-img,
.iv-promo .iv-promo-img img {
  height: 40px
}

.iv-promo {
  bottom: 61px;
  left: 0;
  z-index: 31;
  max-width: 100%;
  background-color: rgba(0, 0, 0, .8);
  color: #ccc;
  font-size: 11px;
  white-space: nowrap;
  -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-embed .iv-promo {
  bottom: 53px
}

.ytp-big-mode .iv-promo {
  bottom: 70px
}

.html5-video-player.ad-showing .iv-promo {
  bottom: 86px
}

.ytp-embed.html5-video-player.ad-showing .iv-promo {
  bottom: 78px
}

.html5-video-player.ytp-big-mode.ad-showing .iv-promo {
  bottom: 95px
}

.iv-promo:hover {
  background-color: rgba(0, 0, 0, .9)
}

.iv-promo .iv-promo-contents>a,
.iv-promo .iv-promo-contents>div,
.iv-promo>div {
  display: inline-block;
  float: none !important;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.iv-promo .iv-promo-contents>a {
  color: #ccc
}

.iv-promo.iv-promo-inactive {
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
  transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

.iv-promo .iv-promo-img {
  left: 0;
  position: absolute
}

.iv-promo .iv-promo-img,
.iv-promo .iv-promo-img img {
  z-index: 1;
  width: 40px
}

.iv-promo .iv-promo-contents .iv-promo-txt p,
.iv-promo .iv-promo-contents .iv-promo-txt strong,
.iv-promo .iv-promo-img .iv-promo-playlist-length,
.iv-promo .iv-promo-img .iv-promo-video-duration {
  overflow: hidden;
  text-overflow: ellipsis
}

.iv-promo .iv-promo-contents .iv-promo-badge-live {
  margin: 4px 8px 0;
  border: 1px solid #fff;
  background-color: #e62117;
  color: #fff
}

.iv-promo .iv-promo-img .iv-promo-playlist-length,
.iv-promo .iv-promo-img .iv-promo-video-duration {
  position: absolute
}

.iv-promo .iv-promo-img .iv-promo-playlist-length {
  top: 0;
  right: 0;
  border-left: 1px solid rgba(255, 255, 255, .25);
  width: 30px;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  color: #fff;
  font-weight: 500;
  text-align: center;
  line-height: 40px
}

.iv-promo .iv-promo-img .iv-promo-video-duration {
  bottom: 2px;
  right: 2px;
  padding: 3px 2px;
  max-width: 32px;
  background-color: #000;
  color: #fff;
  font-size: 10px
}

.iv-promo .iv-promo-contents {
  padding-right: 31px;
  width: 100%;
  max-width: 311px;
  -webkit-transition: max-width .2s ease-out, padding-right .2s ease-out;
  transition: max-width .2s ease-out, padding-right .2s ease-out
}

.iv-promo .iv-promo-img+.iv-promo-contents {
  padding-left: 40px;
  max-width: 351px
}

.iv-promo .iv-promo-contents .iv-promo-button-container,
.iv-promo .iv-promo-contents .iv-promo-txt {
  direction: ltr;
  max-width: 100%;
  overflow: hidden;
  -webkit-font-smoothing: antialiased
}

.iv-promo .iv-promo-contents .iv-promo-txt p {
  margin: 3px 8px -4px;
  line-height: 18px
}

.iv-promo .iv-promo-contents .iv-promo-txt strong {
  color: #fff;
  font-size: 12px
}

.iv-promo-txt p span,
.iv-promo-txt p strong {
  display: inline-block;
  max-width: 264px;
  overflow: hidden;
  text-overflow: ellipsis
}

.iv-promo-with-button .iv-promo-txt p span,
.iv-promo-with-button .iv-promo-txt p strong {
  max-width: 184px
}

.iv-promo-txt p:first-child span,
.iv-promo-txt p:first-child strong {
  margin-bottom: -6px
}

.iv-promo .iv-promo-contents .iv-promo-txt .iv-promo-link {
  position: relative;
  padding-right: 20px;
  max-width: 244px;
  color: #ffd100
}

.iv-promo .iv-promo-contents .iv-promo-txt .iv-promo-link:after {
  position: absolute;
  top: 2px;
  right: 0;
  opacity: .5;
  content: ""
}

.iv-promo .iv-promo-contents .iv-promo-txt:hover .iv-promo-link:after {
  opacity: 1
}

.iv-promo-button-container {
  position: absolute;
  right: 31px
}

.iv-button {
  display: inline-block;
  height: 28px;
  border: 1px solid transparent;
  padding: 0 10px;
  outline: 0;
  font-family: YouTube Noto, Roboto, arial, sans-serif;
  font-weight: 500;
  font-size: 11px;
  text-decoration: none;
  white-space: nowrap;
  word-wrap: normal;
  line-height: normal;
  vertical-align: middle;
  cursor: pointer;
  *overflow: visible;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.iv-button:hover {
  text-decoration: none
}

.iv-button:focus,
.iv-button:focus:hover {
  -webkit-box-shadow: 0 0 0 2px rgba(27, 127, 204, .4);
  box-shadow: 0 0 0 2px rgba(27, 127, 204, .4)
}

.no-focus-outline .yt-uix-button:focus,
.no-focus-outline .yt-uix-button:focus:hover {
  -webkit-box-shadow: none;
  box-shadow: none
}

.iv-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.iv-button[disabled],
.iv-button[disabled]:active,
.iv-button[disabled]:focus,
.iv-button[disabled]:hover {
  opacity: .5;
  cursor: auto;
  -webkit-box-shadow: none;
  box-shadow: none
}

.iv-button,
.iv-button[disabled],
.iv-button[disabled]:active,
.iv-button[disabled]:focus,
.iv-button[disabled]:hover {
  border-color: #167ac6;
  background: #167ac6;
  color: #fff
}

.iv-button:hover {
  background: #126db3
}

.iv-button:active {
  background: #095b99;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .5);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, .5)
}

.iv-button .iv-button-content {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis
}

a.iv-button:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%
}

.iv-promo-button {
  width: 64px;
  margin: 6px 8px
}

.iv-promo .iv-promo-actions,
.iv-promo .iv-promo-actions .iv-promo-close,
.iv-promo .iv-promo-actions .iv-promo-expand {
  top: 0;
  right: 0;
  position: absolute
}

.iv-promo .iv-promo-actions {
  width: 31px
}

.iv-promo .iv-promo-actions .iv-promo-close,
.iv-promo .iv-promo-actions .iv-promo-expand {
  cursor: pointer;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}

.iv-promo .iv-promo-actions .iv-promo-close:after,
.iv-promo .iv-promo-actions .iv-promo-expand:after {
  display: block;
  content: ""
}

.iv-promo .iv-promo-actions .iv-promo-close {
  opacity: 1
}

.iv-promo .iv-promo-actions .iv-promo-close:after {
  margin: 16px 10px 15px 12px;
  opacity: .5
}

.iv-promo .iv-promo-actions .iv-promo-expand:after {
  margin: 16px 12px 15px
}

.iv-promo.iv-promo-video .iv-promo-img,
.iv-promo.iv-promo-video .iv-promo-img img {
  width: 71px
}

.iv-promo.iv-promo-video .iv-promo-img+.iv-promo-contents {
  padding-left: 71px;
  max-width: 382px
}

.iv-promo.iv-promo-with-button .iv-promo-contents .iv-promo-txt {
  padding-right: 80px
}

.iv-promo.iv-promo-collapsed .iv-promo-actions .iv-promo-close,
.iv-promo.iv-promo-collapsed .iv-promo-actions .iv-promo-expand,
.iv-promo.iv-promo-collapsed .iv-promo-contents {
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.iv-promo.iv-promo-collapsed .iv-promo-contents {
  padding-right: 28px;
  max-width: 0 !important
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui {
  left: 16px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents .iv-promo-txt {
  padding-left: 60px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button-container {
  line-height: 64px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui,
.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents,
.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents>a,
.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents>div {
  height: 64px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button {
  min-width: 110px;
  height: 36px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-img {
  top: 6px;
  left: 6px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-img,
.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-img img {
  height: 52px;
  width: 52px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents .iv-promo-txt strong {
  font-size: 16px;
  padding-top: 4px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button {
  font-size: 15px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents .iv-promo-txt .iv-promo-link {
  font-size: 14px;
  padding-top: 12px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents .iv-promo-txt {
  min-width: 220px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-round-expand-icon {
  top: 38px;
  left: 42px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button {
  margin: 0 12px 0 0
}

.iv-promo-website-card-cta-redesign {
  text-align: left;
  cursor: pointer;
  background-color: transparent;
  left: 12px
}

.iv-promo-website-card-cta-redesign:hover {
  background-color: transparent
}

.iv-promo-website-card-cta-redesign .iv-promo-img+.iv-promo-contents {
  max-width: 400px;
  background-color: rgba(255, 255, 255, .9);
  border-radius: 2px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  -webkit-transition: width .2s cubic-bezier(0, 0, .2, 1) .5s, max-width .2s cubic-bezier(.4, 0, 1, 1);
  transition: width .2s cubic-bezier(0, 0, .2, 1) .5s, max-width .2s cubic-bezier(.4, 0, 1, 1)
}

.iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-img+.iv-promo-contents {
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.iv-promo-website-card-cta-redesign:hover .iv-promo-contents {
  background-color: rgb(255, 255, 255)
}

.iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-contents {
  padding-right: 0
}

.iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt {
  max-width: 250px;
  padding-top: 10px;
  padding-left: 52px
}

.iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt p {
  line-height: 16px;
  margin-top: 0
}

.iv-promo-website-card-cta-redesign .iv-promo-button-container {
  direction: ltr;
  max-width: 150px;
  line-height: 56px;
  position: static
}

.iv-promo-website-card-cta-redesign .iv-promo-button {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: inherit;
  font-weight: 500;
  margin: 0 8px 0 0
}

.iv-promo-website-card-cta-redesign .iv-promo-actions,
.iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt .iv-promo-link:after {
  display: none
}

.iv-promo-website-card-cta-redesign,
.iv-promo-website-card-cta-redesign .iv-promo-contents,
.iv-promo-website-card-cta-redesign .iv-promo-contents>a,
.iv-promo-website-card-cta-redesign .iv-promo-contents>div {
  direction: ltr;
  height: 56px
}

.iv-promo-website-card-cta-redesign .iv-promo-img {
  height: 48px;
  width: 48px;
  top: 4px;
  left: 4px;
  overflow: visible;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
  transition: transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1)
}

.iv-promo-website-card-cta-redesign .iv-promo-img img {
  height: 48px;
  width: 48px
}

.iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-round-expand-icon {
  opacity: 1;
  -webkit-transition: opacity .15s cubic-bezier(0, 0, .2, 1) .9s;
  transition: opacity .15s cubic-bezier(0, 0, .2, 1) .9s
}

.iv-promo-website-card-cta-redesign .iv-promo-round-expand-icon {
  position: absolute;
  padding-left: 0;
  z-index: 850;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  top: 34px;
  left: 38px;
  background-color: #4688f1;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
  opacity: 0
}

.iv-promo-website-card-cta-redesign .iv-promo-round-expand-icon:after {
  display: block;
  content: ""
}

.iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt strong {
  font-size: 14px;
  padding-top: 2px;
  color: #333
}

.iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt .iv-promo-link {
  padding: 8px 20px 0 0;
  font-size: 13px;
  color: #767676
}

.iv-promo-website-card-cta-redesign.iv-promo-inactive .iv-promo-contents {
  width: 0
}

.iv-promo-website-card-cta-redesign.iv-promo-inactive,
.iv-promo-website-card-cta-redesign.iv-promo-inactive .iv-promo-img {
  -webkit-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  transform: translateX(-200%)
}

.iv-promo-website-card-cta-redesign.iv-promo-inactive .iv-promo-round-expand-icon {
  display: none
}

.ytp-small-mode .iv-promo-website-card-cta-redesign,
.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents,
.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents>a,
.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents>div {
  height: 40px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-img,
.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-img img {
  height: 40px;
  width: 40px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt {
  padding: 4px 4px 4px 40px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt strong {
  padding-top: 0;
  font-size: 12px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt .iv-promo-link {
  padding-top: 4px;
  font-size: 11px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-round-expand-icon {
  top: 26px;
  left: 30px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-img {
  top: 0;
  left: 0
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-button-container {
  display: none
}

.ytp-autohide .iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-img {
  opacity: .8;
  -webkit-transition: transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, 1, 1) .8s;
  transition: transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, 1, 1) .8s
}

.iv-drawer,
.iv-drawer-content,
.iv-drawer-header {
  position: absolute
}

.iv-drawer {
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 33;
  width: 177px;
  background-color: rgba(0, 0, 0, .2);
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  -webkit-transition: -webkit-transform .33s cubic-bezier(.4, 0, 1, 1);
  transition: transform .33s cubic-bezier(.4, 0, 1, 1), -webkit-transform .33s cubic-bezier(.4, 0, 1, 1)
}

.iv-drawer-small.iv-drawer {
  width: 133px
}

.iv-drawer-big.iv-drawer {
  font-size: 20px;
  line-height: 24px;
  width: 295px
}

[dir=ltr] .iv-drawer {
  -webkit-transform: translateX(177px);
  -ms-transform: translateX(177px);
  transform: translateX(177px)
}

[dir=rtl] .iv-drawer {
  -webkit-transform: translateX(-177px);
  -ms-transform: translateX(-177px);
  transform: translateX(-177px)
}

.ytp-autohide.ytp-embed-overlays-autohide .iv-drawer {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide:not(.ytp-autohide-active).ytp-embed-overlays-autohide .iv-drawer {
  display: none
}

.iv-drawer-content * {
  text-align: left
}

.ytp-iv-drawer-open .iv-drawer {
  -webkit-transition: -webkit-transform .33s cubic-bezier(0, 0, .2, 1);
  transition: transform .33s cubic-bezier(0, 0, .2, 1), -webkit-transform .33s cubic-bezier(0, 0, .2, 1);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.iv-drawer-header {
  top: 0;
  padding: 16px 32px 0 16px;
  width: 177px;
  height: 41px
}

.iv-drawer-small .iv-drawer-header {
  padding: 9px 24px 0 12px;
  height: 28px;
  width: 133px
}

.iv-drawer-big .iv-drawer-header {
  padding: 20px 48px 0 32px;
  height: 64px;
  width: 295px
}

.iv-drawer-header-text {
  font-weight: 500;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.html5-video-player .iv-drawer-header {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.iv-drawer-content {
  top: 41px;
  bottom: 0;
  border-top: 1px solid transparent;
  padding: 0 16px;
  width: 145px;
  overflow-x: hidden;
  overflow-y: auto;
  direction: ltr;
  text-align: left
}

.iv-drawer-small .iv-drawer-content {
  padding: 0 12px;
  top: 28px;
  width: 109px
}

.iv-drawer-big .iv-drawer-content {
  padding: 0 32px;
  top: 64px;
  width: 231px
}

.iv-drawer-scrolled .iv-drawer-content {
  border-color: rgba(0, 0, 0, .4)
}

.iv-drawer-content::-webkit-scrollbar {
  background-color: transparent;
  width: 16px
}

.iv-drawer-content::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: content-box;
  background-color: rgba(102, 102, 102, .5)
}

.iv-drawer-content::-webkit-scrollbar-track {
  background-color: transparent
}

.ytp-autohide .iv-drawer-content::-webkit-scrollbar-thumb {
  background-color: transparent
}

.iv-drawer-content:hover::-webkit-scrollbar-thumb {
  background-color: #666 !important
}

.iv-drawer-close-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 16px;
  opacity: .75;
  cursor: pointer
}

.iv-drawer-small .iv-drawer-close-button {
  padding: 8px
}

.iv-drawer-big .iv-drawer-close-button {
  padding: 24px
}

.iv-drawer-close-button:after {
  display: block;
  content: ""
}

.iv-drawer-close-button:hover {
  opacity: 1
}

.iv-card,
.iv-card a.iv-click-target,
.iv-card a.iv-click-target:focus,
.iv-card a.iv-click-target:hover {
  display: block;
  color: #767676;
  text-decoration: none
}

.iv-card {
  margin-bottom: 16px;
  width: 145px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  word-wrap: break-word;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px
}

.iv-drawer-small .iv-card {
  width: 109px
}

.iv-drawer-big .iv-card {
  width: 231px
}

.iv-card:hover .iv-card-primary-link {
  color: #167ac6 !important
}

.iv-card h2,
.iv-card-action {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis
}

.webkit .iv-card h2:after,
.webkit .iv-card-action:after {
  content: "‌";
  position: static;
  visibility: hidden
}

.iv-card h2 {
  margin: 0 0 8px;
  -webkit-line-clamp: 6;
  max-height: 90px;
  color: #333;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px
}

.iv-drawer-small .iv-card h2 {
  font-size: 11px;
  line-height: 12px;
  max-height: 72px
}

.iv-drawer-big .iv-card h2 {
  font-size: 20px;
  line-height: 24px;
  max-height: 144px
}

.iv-card .iv-card-action,
.iv-card .iv-card-meta-info,
.iv-card p {
  margin: -6px 0 2px
}

.iv-card-meta-info {
  list-style: none;
  padding: 0
}

.iv-card-image {
  position: relative;
  border-bottom: 1px solid #e2e2e2;
  width: 145px;
  height: 145px;
  background: #f1f1f1 no-repeat 50%;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff
}

.iv-drawer-small .iv-card-image {
  width: 109px;
  height: 109px
}

.iv-drawer-big .iv-card-image {
  width: 231px;
  height: 231px
}

.iv-card-image-text {
  position: absolute;
  bottom: 0;
  padding: 20px 10px 8px;
  width: 100%;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .6));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, .6)));
  background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .6));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.iv-drawer-small .iv-card-image-text {
  font-size: 11px;
  line-height: 12px;
  padding: 6px 8px
}

.iv-drawer-big .iv-card-image-text {
  font-size: 18px;
  line-height: 20px;
  padding: 12px 16px
}

.iv-card-image-text .yt-badge {
  margin-right: 5px
}

.iv-card-content {
  padding: 8px 10px
}

.iv-drawer-small .iv-card-content {
  padding: 6px 8px
}

.iv-drawer-big .iv-card-content {
  padding: 12px 16px
}

.iv-card-content>:first-child {
  margin-top: 0
}

.iv-card-content>:last-child {
  margin-bottom: 0
}

.iv-card-action,
.iv-card-message {
  font-weight: 500
}

.iv-card-message {
  margin-bottom: 8px;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 8px
}

.iv-card-action {
  -webkit-line-clamp: 4;
  max-height: 52px;
  white-space: nowrap
}

.iv-drawer-small .iv-card-action {
  font-size: 11px;
  line-height: 12px;
  max-height: 48px
}

.iv-drawer-big .iv-card-action {
  font-size: 18px;
  line-height: 20px;
  max-height: 80px
}

.iv-card-action span {
  white-space: normal
}

.iv-card-action-icon {
  padding: 0 0 0 30px;
  min-height: 14px;
  background-position: 0;
  background-repeat: no-repeat;
  -webkit-background-size: 24px auto;
  background-size: 24px auto
}

.iv-card-link-icon {
  display: inline-block
}

.iv-card-episode h2,
.iv-card-movie h2,
.iv-card-playlist h2,
.iv-card-video h2 {
  -webkit-line-clamp: 3;
  max-height: 45px
}

.iv-drawer-small .iv-card-episode h2,
.iv-drawer-small .iv-card-movie h2,
.iv-drawer-small .iv-card-playlist h2,
.iv-drawer-small .iv-card-video h2 {
  max-height: 36px
}

.iv-drawer-big .iv-card-episode h2,
.iv-drawer-big .iv-card-movie h2,
.iv-drawer-big .iv-card-playlist h2,
.iv-drawer-big .iv-card-video h2 {
  max-height: 72px
}

.iv-card-channel h2 {
  -webkit-line-clamp: 2;
  max-height: 30px
}

.iv-drawer-small .iv-card-channel h2 {
  max-height: 24px
}

.iv-drawer-big .iv-card-channel h2 {
  max-height: 48px
}

.iv-card-episode .iv-card-image,
.iv-card-movie .iv-card-image,
.iv-card-playlist .iv-card-image,
.iv-card-video .iv-card-image {
  background-color: #000
}

.iv-card-episode .iv-card-image,
.iv-card-playlist .iv-card-image,
.iv-card-video .iv-card-image {
  height: 82px
}

.iv-drawer-small .iv-card-episode .iv-card-image,
.iv-drawer-small .iv-card-playlist .iv-card-image,
.iv-drawer-small .iv-card-video .iv-card-image {
  height: 61px
}

.iv-drawer-big .iv-card-episode .iv-card-image,
.iv-drawer-big .iv-card-playlist .iv-card-image,
.iv-drawer-big .iv-card-video .iv-card-image {
  height: 129px
}

.iv-card-movie .iv-card-image {
  height: 209px
}

.iv-drawer-small .iv-card-movie .iv-card-image {
  height: 157px
}

.iv-drawer-big .iv-card-movie .iv-card-image {
  height: 335px
}

.iv-card-video-duration {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 2px 4px;
  background-color: #000
}

.iv-card-playlist .iv-card-image-overlay {
  display: table;
  position: absolute;
  top: 0;
  right: 0;
  width: 63px;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
  color: #cfcfcf;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  line-height: 21px
}

.iv-card-playlist-video-count {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.iv-card-playlist-video-count:after {
  display: block;
  margin: auto;
  opacity: .5;
  content: ""
}

.iv-card-poll {
  position: relative
}

.iv-card-poll ul {
  max-width: 125px;
  list-style: none;
  margin: 0;
  padding: 0
}

.iv-drawer-small .iv-card-poll ul {
  max-width: 89px
}

.iv-drawer-big .iv-card-poll ul {
  max-width: 211px
}

.iv-card-poll fieldset {
  margin: 0;
  border: 0;
  padding: 0
}

.iv-card-poll label {
  display: block;
  cursor: pointer;
  padding-bottom: 5px;
  min-height: 14px;
  background-position: left 0 top 5px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9Ii41NCIgc3Ryb2tlLXdpZHRoPSIxLjgiLz48L3N2Zz4=);
  color: rgba(0, 0, 0, .87);
  -webkit-transition: color .5s cubic-bezier(0, 0, .2, 1);
  transition: color .5s cubic-bezier(0, 0, .2, 1)
}

.ytp-probably-keyboard-focus .iv-card-poll label.iv-card-poll-choice-focused {
  -webkit-box-shadow: 0 0 0 2px rgba(27, 127, 204, .4);
  box-shadow: 0 0 0 2px rgba(27, 127, 204, .4)
}

.iv-card-poll.iv-card-poll-voted label {
  color: rgba(0, 0, 0, .54)
}

.iv-card-poll.iv-card-poll-voted label.iv-card-poll-choice-checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PGNpcmNsZSBjeD0iOC41IiBjeT0iOC41IiByPSI3LjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzE2N2FjNiIgc3Ryb2tlLXdpZHRoPSIxLjgiLz48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjQuMjMiIGZpbGw9IiMxNjdhYzYiLz48L3N2Zz4=);
  color: rgba(0, 0, 0, .87)
}

.iv-card-poll input[type=checkbox] {
  opacity: 0;
  width: 17px;
  height: 17px;
  margin: 5px 0 0;
  float: left
}

.iv-card-poll .iv-card-poll-choice-text {
  display: block;
  margin-left: 25px;
  padding-top: 8px
}

.iv-drawer-big .iv-card-poll .iv-card-poll-choice-text {
  padding-top: 2px
}

.iv-card-poll li+li {
  margin-top: 8px
}

.iv-card-poll .iv-card-poll-result {
  width: 100%;
  height: 4px;
  background-color: #dfdfdf;
  visibility: hidden
}

.iv-card-poll .iv-card-poll-result .iv-card-poll-result-bar {
  width: 100%;
  height: 100%;
  background-color: #167ac6;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  -webkit-transition: transform .5s cubic-bezier(0, 0, .2, 1), -webkit-transform .5s cubic-bezier(0, 0, .2, 1);
  transition: transform .5s cubic-bezier(0, 0, .2, 1), -webkit-transform .5s cubic-bezier(0, 0, .2, 1)
}

.iv-card-poll.iv-card-poll-expanded .iv-card-poll-result {
  visibility: visible
}

.iv-card-poll .iv-card-poll-choice-percent {
  display: none;
  float: right;
  margin-left: 5px
}

.iv-card-poll.iv-card-poll-expanded .iv-card-poll-choice-percent {
  display: block
}

.iv-card-sign-in {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 8px 10px
}

.iv-card-sign-in p {
  margin: 0 0 8px
}

.iv-card-sign-in a {
  color: #fff
}

.iv-card-unavailable:hover .iv-card-content,
.iv-card-unavailable:hover .iv-click-target {
  visibility: hidden
}

.iv-card-unavailable:hover .iv-card-sign-in {
  visibility: visible
}

.iv-ad-info-icon-container,
.iv-card-sponsored {
  position: relative
}

.iv-card-sponsored {
  margin: 0 0 8px;
  color: #999
}

.iv-ad-info-container {
  display: inline-block;
  margin-left: 6px
}

.iv-ad-info-icon {
  display: inline-block;
  position: relative;
  top: 1px
}

.iv-ad-info {
  bottom: 21px;
  left: 0;
  right: 0;
  border: 1px solid #000;
  padding: 7px;
  background: #fff;
  color: #000;
  font-size: 12px
}

.iv-ad-info-container .iv-ad-info a,
.iv-ad-info-container .iv-ad-info a:hover {
  color: #167ac6
}

.iv-ad-info-container .iv-ad-info a:hover {
  text-decoration: underline
}

.iv-ad-info-callout,
.iv-ad-info-icon-container:after {
  left: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  width: 0;
  height: 0
}

.iv-ad-info-callout {
  bottom: 16px;
  border-top-color: #000
}

.iv-ad-info-icon-container:after {
  content: "";
  bottom: 17px;
  border-top-color: #fff
}

.iv-ad-info,
.iv-ad-info-callout,
.iv-ad-info-icon-container:after {
  visibility: hidden;
  position: absolute;
  -webkit-transition: visibility 0s .1s;
  transition: visibility 0s .1s
}

.iv-ad-info-container:hover .iv-ad-info,
.iv-ad-info-container:hover .iv-ad-info-callout,
.iv-ad-info-container:hover .iv-ad-info-icon-container:after {
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.iv-card-product-listing h2 {
  -webkit-line-clamp: 3;
  max-height: 45px;
  color: #666
}

.iv-drawer-small .iv-card-product-listing h2 {
  max-height: 36px
}

.iv-drawer-big .iv-card-product-listing h2 {
  max-height: 72px
}

.iv-card-offer-price {
  margin-bottom: 2px;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
  color: #333
}

.iv-card-offer-merchant {
  color: #097a41
}

.ytp-autonav-endscreen-countdown-container {
  width: 360px;
  height: calc(100% - 39px);
  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;
  margin: 0 auto;
  z-index: 37
}

.html5-video-player:not(.ytp-autonav-endscreen-cancelled-state) .ytp-autonav-endscreen-countdown-overlay {
  width: 100%
}

.ytp-autonav-endscreen-countdown-overlay {
  --w2w-start-background-color: #000;
  --w2w-end-background-color: #000;
  height: 100%
}

.ytp-autonav-endscreen-upnext-container {
  width: 100%
}

.ytp-autonav-endscreen-link-container {
  margin-top: 10px;
  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
}

.ytp-autonav-endscreen-upnext-header {
  color: rgba(255, 255, 255, .7);
  font-size: 15px;
  line-height: 24px
}

.ytp-autonav-endscreen-upnext-header-countdown-number {
  color: rgb(255, 255, 255)
}

.ytp-autonav-endscreen-upnext-alternative-header-only .ytp-autonav-endscreen-upnext-header {
  display: none
}

.ytp-autonav-endscreen-upnext-alternative-header {
  color: rgba(255, 255, 255, .7);
  font-size: 13px;
  line-height: 18px
}

.ytp-autonav-endscreen-upnext-no-alternative-header .ytp-autonav-endscreen-upnext-alternative-header {
  display: none
}

.ytp-autonav-endscreen-upnext-alternative-header-only .ytp-autonav-endscreen-upnext-alternative-header {
  font-size: 15px;
  line-height: 24px;
  margin-top: 0
}

.ytp-autonav-endscreen-upnext-thumbnail,
.ytp-autonav-thumbnail-small {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  border: 1px solid #4c4c4c;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ytp-autonav-endscreen-upnext-thumbnail {
  width: 360px;
  height: 202px;
  border-radius: 12px
}

.ytp-autonav-endscreen-upnext-thumbnail:hover,
.ytp-autonav-thumbnail-small:hover {
  border-color: rgba(255, 255, 255, .8);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ytp-autonav-live-stamp,
.ytp-autonav-timestamp,
.ytp-autonav-upcoming-stamp {
  bottom: 4px;
  right: 4px;
  padding: 0 4px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  position: absolute;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-weight: 500
}

.ytp-autonav-list-overlay {
  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;
  float: right;
  width: 40%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}

.ytp-autonav-mix-text {
  text-align: center;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  margin-top: 30%
}

.ytp-autonav-mix-icon {
  width: 42%;
  height: 30%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzYgMzYiPjx1c2UgeGxpbms6aHJlZj0iI3l0cC1zdmctbWl4IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIuMTUiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGlkPSJ5dHAtc3ZnLW1peCIgZmlsbD0iI2ZmZiIgZD0iTTI1LjY1IDE4Yy0uMDIgMi4zMS0uODcgNC40MS0yLjI1IDYuMDZsLjkuOTRjMS42OS0xLjggMi43LTQuMjcgMi43LTdzLTEuMDEtNS4yMS0yLjctN2wtLjkuOTNBOS41NCA5LjU0IDAgMCAxIDI1LjY1IDE4bS0xNS4zIDBjLjAxLTIuMzIuODYtNC40MiAyLjI1LTYuMDdsLS45LS45M0MxMCAxMi43OSA5IDE1LjI3IDkgMThzMSA1LjIgMi43IDdsLjktLjk0Yy0xLjM5LTEuNjUtMi4yNC0zLjc1LTIuMjUtNi4wNm0yLjcgMGMtLjA0LTEuNzMuNDktMy4wOSAxLjM1LTQuMmwtLjktLjk0Yy0xLjEzIDEuMjYtMS44IDIuOTktMS44IDUuMTQgMCAxLjY3LjY3IDMuNCAxLjggNC42NmwuOS0uOTNjLS44Ni0xLjEyLTEuMzktMi40Ny0xLjM1LTMuNzNtOS01LjE0LS45Ljk0Yy44NSAxLjExIDEuMzggMi40NyAxLjM1IDQuMi4wMyAxLjI2LS41IDIuNjEtMS4zNSAzLjczbC45LjkzYzEuMTItMS4yNiAxLjgtMi45OSAxLjgtNC42NiAwLTIuMTUtLjY4LTMuODgtMS44LTUuMTRtLTUuNTUgMi44IDMuNiAxLjg3LTMuNiAyLjMzeiIvPjwvc3ZnPg==);
  -webkit-background-size: cover;
  background-size: cover;
  margin: 0 auto
}

.ytp-autonav-endscreen-video-info {
  margin-top: 12px
}

.ytp-autonav-endscreen-premium-badge {
  margin-bottom: 6px;
  margin-left: -2px;
  width: 74px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHJlY3Qgd2lkdGg9IjcwIiBoZWlnaHQ9IjE2IiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIuMSIgcng9IjIiLz48cGF0aCBmaWxsPSIjYWFhIiBkPSJNMjAuMzUgOC44M1YxMmgtMS40OFYzLjQ3aDMuMjZjLjk1IDAgMS43MS4yNSAyLjI3Ljc0LjU2LjUuODQgMS4xNi44NCAxLjk3IDAgLjg0LS4yNyAxLjQ5LS44MiAxLjk1LS41NS40Ny0xLjMyLjctMi4zLjd6bTAtMS4xOWgxLjc4Yy41MyAwIC45My0uMTIgMS4yLS4zNy4yOS0uMjUuNDItLjYuNDItMS4wOCAwLS40Ni0uMTQtLjgyLS40Mi0xLjFhMS42MiAxLjYyIDAgMCAwLTEuMTYtLjQzaC0xLjgyem05LjM3LS42OGEzLjUgMy41IDAgMCAwLS41OC0uMDVjLS42NSAwLTEuMDkuMjUtMS4zMS43NVYxMkgyNi40VjUuNjZoMS4zNmwuMDQuN2ExLjYgMS42IDAgMCAxIDEuNDMtLjgyYy4yIDAgLjM3LjAzLjUuMDh2MS4zNHptMy41OCA1LjE2Yy0uOSAwLTEuNjQtLjI5LTIuMi0uODVhMy4xIDMuMSAwIDAgMS0uODQtMi4yOHYtLjE3YzAtLjYzLjEyLTEuMi4zNy0xLjdhMi43MiAyLjcyIDAgMCAxIDIuNS0xLjU4Yy44NyAwIDEuNTMuMjggMiAuODMuNDguNTUuNzEgMS4zMy43MSAyLjM0di41N0gzMS43Yy4wNC41Mi4yMi45NC41MiAxLjI0cy43LjQ2IDEuMTYuNDZjLjY1IDAgMS4xOC0uMjYgMS42LS43OWwuNzYuNzNjLS4yNS4zOC0uNi42OC0xLjAyLjg5LS40Mi4yLS45LjMtMS40Mi4zem0tLjE3LTUuNDNjLS40IDAtLjcuMTMtLjk1LjQtLjI0LjI4LS40LjY2LS40NiAxLjE1aDIuNzJ2LS4xYTEuNzIgMS43MiAwIDAgMC0uMzktMS4wOSAxLjIgMS4yIDAgMCAwLS45Mi0uMzZtNS4xNi0xLjAzLjA0LjY2YTIuMjggMi4yOCAwIDAgMSAxLjgzLS43OGMuODUgMCAxLjQzLjMzIDEuNzQuOTguNDYtLjY1IDEuMTEtLjk4IDEuOTUtLjk4LjcgMCAxLjIxLjIgMS41NS41OC4zNS4zOS41Mi45Ni41MyAxLjcxVjEyaC0xLjQyVjcuODdjMC0uNC0uMDktLjctLjI3LS44OC0uMTctLjE5LS40Ni0uMjgtLjg3LS4yOC0uMzIgMC0uNTkuMDktLjguMjYtLjIuMTctLjM0LjQtLjQyLjY4VjEyaC0xLjQyVjcuODNjLS4wMi0uNzUtLjQtMS4xMi0xLjE0LTEuMTItLjU3IDAtLjk4LjIzLTEuMjIuN1YxMmgtMS40MlY1LjY2ek00OC45MSAxMmgtMS40M1Y1LjY2aDEuNDN6TTQ3LjQgNC4wMWMwLS4yMi4wNi0uNC4yLS41NC4xNC0uMTUuMzQtLjIyLjYtLjIycy40Ni4wNy42LjIyYy4xNC4xNC4yLjMyLjIuNTRzLS4wNi40LS4yLjU0LS4zNC4yMS0uNi4yMS0uNDYtLjA3LS42LS4yYS43NS43NSAwIDAgMS0uMi0uNTVtNi45IDcuMzdhMi4yIDIuMiAwIDAgMS0xLjc4Ljc0cS0xLjAyIDAtMS41Ni0uNmMtLjM1LS40LS41My0xLS41My0xLjc1VjUuNjZoMS40M3Y0LjA5YzAgLjguMzMgMS4yIDEgMS4yLjY5IDAgMS4xNi0uMjQgMS40LS43NFY1LjY2aDEuNDJWMTJoLTEuMzR6bTQuMTctNS43Mi4wNC42NmEyLjI4IDIuMjggMCAwIDEgMS44My0uNzhjLjg1IDAgMS40My4zMyAxLjc0Ljk4LjQ2LS42NSAxLjExLS45OCAxLjk1LS45OC43IDAgMS4yMS4yIDEuNTUuNTguMzUuMzkuNTIuOTYuNTMgMS43MVYxMkg2NC43VjcuODdjMC0uNC0uMDktLjctLjI3LS44OC0uMTctLjE5LS40Ni0uMjgtLjg3LS4yOC0uMzIgMC0uNTkuMDktLjguMjYtLjIuMTctLjM0LjQtLjQyLjY4VjEyaC0xLjQyVjcuODNjLS4wMi0uNzUtLjQtMS4xMi0xLjE0LTEuMTItLjU3IDAtLjk4LjIzLTEuMjIuN1YxMmgtMS40MlY1LjY2aDEuMzR6Ii8+PHBhdGggZmlsbD0icmVkIiBkPSJNMSAyYTEgMSAwIDAgMSAxLTFoMTN2MTRIMmExIDEgMCAwIDEtMS0xeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02LjUyIDl2M0g0Ljc2VjMuNDdIOC4xYy42NCAwIDEuMi4xMiAxLjY5LjM1cy44Ni41NyAxLjEyIDEgLjQuOTIuNCAxLjQ3YzAgLjg0LS4zIDEuNS0uODcgMS45OHEtLjg1NS43Mi0yLjM3LjcySDYuNTJ6bTAtMS40M2gxLjU3Yy40NiAwIC44Mi0uMSAxLjA2LS4zMy4yNS0uMjIuMzctLjUzLjM3LS45NHMtLjEyLS43NS0uMzctMWMtLjI1LS4yNy0uNTktLjQtMS4wMi0uNEg2LjUyeiIvPjwvc3ZnPg==);
  -webkit-background-size: cover;
  background-size: cover
}

.autonav-endscreen {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.ytp-autonav-endscreen-cancelled-state .autonav-endscreen {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.ytp-suggestions-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap
}

.ytp-autonav-endscreen-upnext-title {
  color: #fff;
  display: -webkit-box;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: normal
}

.ytp-autonav-author-and-view,
.ytp-autonav-endscreen-upnext-author,
.ytp-autonav-view-and-date {
  margin-top: 4px;
  color: #aaa;
  display: -webkit-box;
  font-size: 14px;
  line-height: 21px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: normal
}

.ytp-autonav-endscreen-button-container {
  width: 100%;
  margin-top: 12px
}

.ytp-autonav-endscreen-upnext-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  border-radius: 2px;
  display: inline-grid;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  width: 176px;
  height: 36px;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  border: 0
}

.ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-button-rounded {
  border-radius: 18px
}

.ytp-autonav-endscreen-upnext-cancel-button {
  background: rgba(255, 255, 255, .1);
  float: left
}

.ytp-autonav-endscreen-upnext-play-button {
  background: rgba(255, 255, 255, .3);
  float: right
}

.ytp-autonav-endscreen-countdown-container:not(.ytp-autonav-endscreen-is-premium) .ytp-autonav-endscreen-premium-badge {
  display: none
}

.countdown-running .ytp-player-content {
  bottom: 0
}

.countdown-running .ytp-miniplayer-replay-button,
.countdown-running .ytp-preview {
  display: none
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-suggestion-panel {
  margin: 40px auto auto 20px;
  width: 360px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-endscreen-countdown-overlay {
  margin: 40px 20px auto auto
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-thumbnail-small {
  width: 360px;
  height: 202px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-title-card {
  margin-top: 12px;
  font-size: 18px;
  line-height: 24px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-author-card,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-view-and-date-card {
  margin-top: 4px;
  font-size: 14px;
  line-height: 21px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-view-and-date-card {
  margin-top: 0
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-suggestion-card {
  width: 360px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-endscreen-upnext-thumbnail {
  width: 360px;
  height: 202px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-mix-text {
  font-size: 22.5px;
  line-height: 27px
}

.ytp-autonav-endscreen-small-mode.ytp-autonav-endscreen-countdown-container {
  width: 374px
}

.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-link-container,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-link-container {
  margin-top: 13px;
  -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
}

.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-thumbnail,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-thumbnail {
  width: 183px;
  height: 104px;
  border-radius: 8px
}

.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-header,
.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-title,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-header,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500
}

.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-video-info,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-video-info {
  margin-top: 0;
  width: 183px
}

.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-button-container,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-button-container {
  margin-top: 13px
}

.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-button,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-button {
  width: 183px;
  height: 34px
}

.ytp-big-mode .ytp-autonav-endscreen-countdown-container {
  height: calc(100% - 58.5px)
}

.ytp-big-mode .ytp-autonav-endscreen-link-container {
  margin-top: 15px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-header {
  font-size: 22.5px;
  line-height: 36px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-alternative-header {
  font-size: 19.5px;
  line-height: 27px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-alternative-header-only .ytp-autonav-endscreen-upnext-alternative-header {
  font-size: 22.5px;
  line-height: 36px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-thumbnail {
  width: 540px;
  height: 303px
}

.ytp-big-mode .ytp-autonav-endscreen-premium-badge {
  margin-bottom: 9px;
  margin-left: -3px;
  width: 111px;
  height: 24px
}

.ytp-big-mode .ytp-autonav-endscreen-video-info {
  margin-top: 18px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-title {
  font-size: 27px;
  line-height: 36px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-author,
.ytp-big-mode .ytp-autonav-view-and-date {
  margin-top: 6px;
  font-size: 21px;
  line-height: 31.5px
}

.ytp-big-mode .ytp-autonav-view-and-date {
  margin-top: 0
}

.ytp-big-mode .ytp-autonav-endscreen-button-container {
  margin-top: 18px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-button {
  font-size: 21px;
  width: 264px;
  height: 54px;
  line-height: 52px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-button.modern-buttons {
  border-radius: 27px
}

.ytp-big-mode .ytp-autonav-live-stamp,
.ytp-big-mode .ytp-autonav-timestamp,
.ytp-big-mode .ytp-autonav-upcoming-stamp {
  font-size: 18px;
  line-height: 24px
}

.ytp-big-mode .ytp-autonav-endscreen-countdown-container {
  width: 540px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-countdown-overlay {
  margin: auto;
  margin-right: 30px;
  height: 444px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-countdown-overlay .ytp-autonav-endscreen-countdown-container {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}

.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-panel {
  margin: auto;
  margin-left: 30px;
  width: 432px;
  height: 444px
}

.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-card-with-margin {
  margin-left: 12px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-thumbnail-small {
  margin-top: 0;
  width: 210px;
  height: 118px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion-card {
  margin-top: 10px;
  width: 210px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion-card:nth-last-child(-n+2) {
  margin-top: 20px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-title-card {
  margin-top: 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-author-card {
  margin-top: 4px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-author-card,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date-card {
  font-size: 13px;
  line-height: 18px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date-card {
  margin-top: 0
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-endscreen-more-videos {
  visibility: hidden
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-suggestions-container .ytp-suggestion-set:not(:first-child) {
  display: none
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-suggestion-panel,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-tiny-mode .ytp-suggestion-panel {
  display: none
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-countdown-overlay,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-tiny-mode .ytp-autonav-endscreen-countdown-overlay {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: calc(100% - 39px)
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-countdown-overlay .ytp-autonav-endscreen-countdown-container,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-tiny-mode .ytp-autonav-endscreen-countdown-overlay .ytp-autonav-endscreen-countdown-container {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-countdown-overlay,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-tiny-mode .ytp-autonav-endscreen-countdown-overlay {
  margin-right: auto
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-countdown-overlay {
  margin-top: 0
}

.ytp-player-minimized.countdown-running .ytp-autonav-endscreen-link-container,
.ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-link-container {
  margin-top: 30px
}

.ytp-player-minimized.countdown-running .ytp-suggestion-panel,
.ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-panel {
  display: none
}

.ytp-player-minimized.countdown-running .ytp-autonav-endscreen-countdown-container,
.ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-countdown-container {
  width: 374px;
  height: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}

.ytp-player-minimized.countdown-running .ytp-autonav-endscreen-upnext-container,
.ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-upnext-container {
  margin-top: 16px
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-upnext-header,
.ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-upnext-header {
  display: -webkit-box
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-upnext-alternative-header,
.ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-upnext-alternative-header {
  margin-top: 5px
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-link-container,
.ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-link-container {
  margin-top: 8px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-autonav-view-and-date {
  display: -webkit-box
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-button-container {
  display: none
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-countdown-container {
  margin: auto;
  margin-right: 45px;
  width: 540px;
  height: 666px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-upnext-header {
  font-size: 22.5px;
  line-height: 36px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-panel {
  margin: auto;
  margin-left: 45px;
  width: 648px;
  height: 666px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-card-with-margin {
  margin-left: 18px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-thumbnail-small {
  width: 315px;
  height: 177px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion-card {
  margin-top: 15px;
  width: 315px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion-card:nth-last-child(-n+2) {
  margin-top: 30px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-title-card {
  margin-top: 15px;
  font-size: 21px;
  line-height: 24px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-author-card {
  margin-top: 6px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-author-card,
.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date-card {
  font-size: 19.5px;
  line-height: 27px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date-card {
  margin-top: 0
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-mix-text {
  font-size: 22.5px;
  line-height: 27px
}

.ytp-autonav-author-and-view {
  display: none
}

.ytp-autonav-cancelled-mini-mode.ytp-player-content,
.ytp-small-mode .ytp-autonav-cancelled-mini-mode.ytp-player-content {
  bottom: 0
}

.countdown-running .ytp-autonav-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1
}

.countdown-running .ytp-autonav-view-and-date {
  display: none
}

.ytp-autonav-suggestion-card[data-is-list=true] .ytp-autonav-timestamp,
.ytp-autonav-suggestion-card[data-is-live=true] .ytp-autonav-timestamp,
.ytp-autonav-suggestion-card[data-is-mix=true] .ytp-autonav-timestamp,
.ytp-autonav-suggestion-card[data-is-upcoming=true] .ytp-autonav-timestamp {
  display: none
}

.ytp-autonav-suggestion-card[data-is-live=true] .ytp-autonav-live-stamp {
  position: absolute;
  background-color: #c00
}

.ytp-autonav-suggestion-card:not([data-is-live=true]) .ytp-autonav-live-stamp {
  display: none
}

.ytp-autonav-suggestion-card[data-is-upcoming=true] .ytp-autonav-upcoming-stamp {
  position: absolute;
  background-color: rgba(0, 0, 0, .8)
}

.ytp-autonav-suggestion-card:not([data-is-upcoming=true]) .ytp-autonav-upcoming-stamp {
  display: none
}

.ytp-autonav-endscreen-upnext-container[data-is-list=true] .ytp-autonav-timestamp,
.ytp-autonav-endscreen-upnext-container[data-is-live=true] .ytp-autonav-timestamp,
.ytp-autonav-endscreen-upnext-container[data-is-mix=true] .ytp-autonav-timestamp,
.ytp-autonav-endscreen-upnext-container[data-is-upcoming=true] .ytp-autonav-timestamp {
  display: none
}

.ytp-autonav-endscreen-upnext-container[data-is-live=true] .ytp-autonav-live-stamp {
  position: absolute;
  background-color: #c00
}

.ytp-autonav-endscreen-upnext-container:not([data-is-live=true]) .ytp-autonav-live-stamp {
  display: none
}

.ytp-autonav-endscreen-upnext-container[data-is-upcoming=true] .ytp-autonav-upcoming-stamp {
  position: absolute;
  background-color: rgba(0, 0, 0, .8)
}

.ytp-autonav-endscreen-upnext-container:not([data-is-upcoming=true]) .ytp-autonav-upcoming-stamp {
  display: none
}

.ytp-autonav-suggestion-card:not([data-is-mix=true]) .ytp-autonav-list-overlay {
  display: none
}

.html5-video-player.ytp-autonav-endscreen-cancelled-state.ended-mode {
  background-color: #000
}

.ytp-ad-overlay-open.countdown-running .ytp-ad-overlay-container {
  opacity: .3
}

.ytp-ad-overlay-open .ytp-player-content.ytp-autonav-endscreen-countdown-container {
  height: calc(100% - 143px)
}

.ytp-big-mode.ytp-ad-overlay-open .ytp-autonav-endscreen-countdown-container {
  height: calc(100% - 160px)
}

.ytp-autonav-overlay-cancelled-state {
  background-color: #000;
  height: 100%;
  position: absolute;
  z-index: -1
}

.ytp-autonav-endscreen-upnext-header-close-button {
  display: none;
  width: 36px;
  height: 36px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE5IDYuNDEgMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz48L3N2Zz4=);
  -webkit-background-size: 24px 24px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0
}

.ytp-delhi-modern:not(.ytp-xsmall-width-mode):not(.ad-showing) .ytp-autonav-endscreen-upnext-updated .ytp-player-content {
  position: unset
}

.ytp-autonav-endscreen-upnext-updated .ytp-autonav-endscreen-countdown-container {
  -webkit-align-self: center;
  align-self: center;
  height: 100%
}

.ytp-autonav-endscreen-upnext-updated .ytp-autonav-endscreen-topbar-container {
  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
}

.ytp-autonav-endscreen-upnext-updated .ytp-autonav-endscreen-upnext-header-close-button {
  display: block
}

.ytp-autonav-endscreen-upnext-updated .ytp-autonav-endscreen-countdown-container .ytp-autonav-endscreen-link-container {
  margin-top: 0;
  -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
}

.ytp-autonav-endscreen-upnext-updated .ytp-autonav-endscreen-countdown-container .ytp-autonav-endscreen-link-container .ytp-autonav-endscreen-video-info {
  margin-top: 12px;
  width: 100%
}

.ytp-autonav-endscreen-upnext-updated .ytp-autonav-endscreen-countdown-container .ytp-autonav-endscreen-link-container .ytp-autonav-endscreen-upnext-thumbnail {
  -webkit-background-size: contain;
  background-size: contain;
  background-position: 50%
}

.ytp-autonav-endscreen-upnext-updated .ytp-autonav-endscreen-button-container {
  display: none
}

.ytp-autonav-endscreen-upnext-updated .ytp-autonav-live-stamp,
.ytp-autonav-endscreen-upnext-updated .ytp-autonav-timestamp,
.ytp-autonav-endscreen-upnext-updated .ytp-autonav-upcoming-stamp {
  bottom: 8px;
  right: 8px;
  border-radius: 10px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: unset;
  padding: 0 8px
}

.ytp-autonav-toggle-button-container {
  width: 100%;
  height: 100%;
  display: inline-block
}

.ytp-delhi-modern.ytp-delhi-modern-icons.ytp-big-mode .ytp-autonav-toggle-button-container {
  vertical-align: top
}

.ytp-autonav-toggle-button,
.ytp-small-mode .ytp-autonav-toggle-button {
  height: 14.4px;
  width: 36px;
  border-radius: 14.4px;
  top: 50%;
  position: relative;
  cursor: pointer;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjIuNyAxMWMyLjk1IDAgNS4zLTIuMjEgNS4zLTVzLTIuMzUtNS01LjMtNUg3LjNDNC4zNSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1eiIgY2xpcC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNSIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMyAxQzQuMzUgMSAyIDMuMjEgMiA2czIuMzUgNSA1LjMgNWgxNS40QTUuMTYgNS4xNiAwIDAgMCAyOCA2bC0uMDMtLjU0QTUuMTYgNS4xNiAwIDAgMCAyMi43IDF6bTE1LjQgMTFjMy40NSAwIDYuMy0yLjYgNi4zLTZzLTIuODUtNi02LjMtNkg3LjNDMy44NSAwIDEgMi42IDEgNnMyLjg1IDYgNi4zIDZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii41Ii8+PC9zdmc+);
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
  transition: all .08s cubic-bezier(.4, 0, 1, 1)
}

.ytp-delhi-modern.ytp-delhi-modern-icons .ytp-autonav-toggle-button {
  height: 18px;
  width: 30px;
  background-image: unset;
  background-color: rgba(255, 255, 255, .3);
  border-radius: 9px;
  margin: 0 9px
}

.ytp-delhi-modern.ytp-delhi-modern-icons .delhi-fast-follow-autonav-toggle .ytp-autonav-toggle-button[aria-checked=true] {
  background-color: var(--yt-sys-color-baseline--overlay-text-primary, #fff)
}

.ytp-delhi-modern.ytp-delhi-modern-icons .delhi-fast-follow-autonav-toggle .ytp-autonav-toggle-button[aria-checked=false] {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1))
}

.ytp-big-mode.ytp-delhi-modern.ytp-delhi-modern-icons .ytp-autonav-toggle-button {
  margin: 0 calc((var(--yt-delhi-big-mode-pill-height, 56px) - 30px)/2)
}

.ytp-xsmall-width-mode.ytp-delhi-modern-icons.ytp-delhi-modern .ytp-autonav-toggle-button {
  height: 13.5px;
  width: 22.5px;
  border-radius: 6.75px;
  margin: 0 5px
}

.ytp-small-mode .ytp-autonav-toggle-button,
.ytp-xsmall-width-mode .ytp-autonav-toggle-button {
  height: 10.8px;
  width: 27px;
  border-radius: 10.8px
}

.ytp-big-mode .ytp-autonav-toggle-button {
  height: 18px;
  width: 45px;
  border-radius: 18px
}

.ytp-embed .ytp-autonav-toggle-button {
  height: 12px;
  width: 30px;
  border-radius: 12px
}

.ytp-autonav-toggle-button[aria-checked=true] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjIuNyAxMWMyLjk1IDAgNS4zLTIuMjEgNS4zLTVzLTIuMzUtNS01LjMtNUg3LjNDNC4zNSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1em0tMi43LS43NXYtOC41bDYuNyA0LjI2eiIgY2xpcC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuNSIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMyAxQzQuMzUgMSAyIDMuMjEgMiA2czIuMzUgNSA1LjMgNWgxNS40QTUuMTYgNS4xNiAwIDAgMCAyOCA2bC0uMDMtLjU0QTUuMTYgNS4xNiAwIDAgMCAyMi43IDF6bTE1LjQgMTFjMy40NSAwIDYuMy0yLjYgNi4zLTZzLTIuODUtNi02LjMtNkg3LjNDMy44NSAwIDEgMi42IDEgNnMyLjg1IDYgNi4zIDZ6IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIG9wYWNpdHk9Ii41Ii8+PC9zdmc+);
  -webkit-background-size: cover;
  background-size: cover;
  background-color: transparent;
  -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
  transition: all .08s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autonav-toggle-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 20.4px;
  width: 20.4px;
  border-radius: 20.4px;
  margin-top: -3px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNyAxNyI+PHBhdGggZmlsbD0iIzcxNzE3MSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC41IDE2YTcuNSA3LjUgMCAxIDAgMC0xNSA3LjUgNy41IDAgMCAwIDAgMTUiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyA4LjVhOC41IDguNSAwIDEgMS0xNyAwIDguNSA4LjUgMCAwIDEgMTcgMG0tMSAwYTcuNSA3LjUgMCAxIDEtMTUgMCA3LjUgNy41IDAgMCAxIDE1IDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01LjUgMTJoMlY1aC0yem00LTd2N2gyVjV6Ii8+PC9zdmc+);
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
  transition: all .08s cubic-bezier(.4, 0, 1, 1)
}

.ytp-delhi-modern.ytp-delhi-modern-icons .ytp-autonav-toggle-button:after {
  height: 14px;
  width: 14px;
  border-radius: 7px;
  margin: 2px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM2IDM2Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIuNzUgNC41aC0zYy0uNiAwLTEuMTcuMjMtMS42LjY1LS40Mi40My0uNjUgMS0uNjUgMS42djIyLjVjMCAuNTkuMjMgMS4xNi42NSAxLjU5LjQzLjQyIDEgLjY2IDEuNi42NmgzYy41OSAwIDEuMTYtLjI0IDEuNTktLjY2LjQyLS40My42Ni0xIC42Ni0xLjU5VjYuNzVjMC0uNi0uMjQtMS4xNy0uNjYtMS42LS40My0uNDItMS0uNjUtMS41OS0uNjVtMTMuNSAwaC0zYy0uNiAwLTEuMTcuMjMtMS42LjY1LS40Mi40My0uNjUgMS0uNjUgMS42djIyLjVjMCAuNTkuMjMgMS4xNi42NSAxLjU5LjQzLjQyIDEgLjY2IDEuNi42NmgzYy41OSAwIDEuMTYtLjI0IDEuNTktLjY2LjQyLS40My42Ni0xIC42Ni0xLjU5VjYuNzVjMC0uNi0uMjQtMS4xNy0uNjYtMS42LS40My0uNDItMS0uNjUtMS41OS0uNjUiLz48L3N2Zz4=);
  background-color: rgba(255, 255, 255, .3);
  -webkit-background-size: 9px 9px;
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transition: all .2s cubic-bezier(.05, 0, 0, 1);
  transition: all .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern.ytp-delhi-modern-icons .delhi-fast-follow-autonav-toggle .ytp-autonav-toggle-button:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM2IDM2Ij48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTIuNzUgNC41aC0zYy0uNiAwLTEuMTcuMjMtMS42LjY1LS40Mi40My0uNjUgMS0uNjUgMS42djIyLjVjMCAuNTkuMjMgMS4xNi42NSAxLjU5LjQzLjQyIDEgLjY2IDEuNi42NmgzYy41OSAwIDEuMTYtLjI0IDEuNTktLjY2LjQyLS40My42Ni0xIC42Ni0xLjU5VjYuNzVjMC0uNi0uMjQtMS4xNy0uNjYtMS42LS40My0uNDItMS0uNjUtMS41OS0uNjVtMTMuNSAwaC0zYy0uNiAwLTEuMTcuMjMtMS42LjY1LS40Mi40My0uNjUgMS0uNjUgMS42djIyLjVjMCAuNTkuMjMgMS4xNi42NSAxLjU5LjQzLjQyIDEgLjY2IDEuNi42NmgzYy41OSAwIDEuMTYtLjI0IDEuNTktLjY2LjQyLS40My42Ni0xIC42Ni0xLjU5VjYuNzVjMC0uNi0uMjQtMS4xNy0uNjYtMS42LS40My0uNDItMS0uNjUtMS41OS0uNjUiLz48L3N2Zz4=);
  background-color: var(--yt-sys-color-baseline--overlay-text-primary, #fff)
}

.ytp-xsmall-width-mode.ytp-delhi-modern-icons.ytp-delhi-modern .ytp-autonav-toggle-button:after {
  height: 10.5px;
  width: 10.5px;
  border-radius: 5.25px;
  margin: 1px
}

.ytp-small-mode .ytp-autonav-toggle-button:after {
  left: -2px;
  height: 15.3px;
  width: 15.3px;
  border-radius: 15.3px;
  margin-top: -2.25px
}

.ytp-big-mode .ytp-autonav-toggle-button:after {
  left: 0;
  height: 25.5px;
  width: 25.5px;
  border-radius: 25.5px;
  margin-top: -3.75px
}

.ytp-embed .ytp-autonav-toggle-button:after {
  left: 0;
  height: 17px;
  width: 17px;
  border-radius: 17px;
  margin-top: -2.5px
}

.ytp-autonav-toggle-button[aria-checked=true]:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNyAxNyI+PHBhdGggZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMTUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE3IDguNWE4LjUgOC41IDAgMSAxLTE3IDAgOC41IDguNSAwIDAgMSAxNyAwbS01IDBMNi41IDV2N3ptLTEuODYgMEw3LjUgNi44MnYzLjM2ek04LjUgMTZhNy41IDcuNSAwIDEgMCAwLTE1IDcuNSA3LjUgMCAwIDAgMCAxNSIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgOC41YTcuNSA3LjUgMCAxIDEtMTUgMCA3LjUgNy41IDAgMCAxIDE1IDBtLTQgMEw2LjUgMTJWNXoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
  left: 1px;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: transparent;
  -webkit-transform: translateX(15.6px);
  -ms-transform: translateX(15.6px);
  transform: translateX(15.6px)
}

.ytp-delhi-modern.ytp-delhi-modern-icons .ytp-autonav-toggle-button[aria-checked=true]:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM2IDM2Ij48cGF0aCBmaWxsPSIjMDAwIiBkPSJtMTcgOC42LTYuMTEtMy42MWMtMS41LS44OC0zLjM5LjItMy4zOSAxLjk0djIyLjEzYzAgMS43NCAxLjg5IDIuODIgMy4zOSAxLjk0TDE3IDI3LjR6bTAgMHYxOC44TDMzIDE4eiIvPjwvc3ZnPg==);
  background-color: #fff;
  -webkit-background-size: 9px 9px;
  background-size: 9px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px)
}

.ytp-delhi-modern.ytp-delhi-modern-icons .delhi-fast-follow-autonav-toggle .ytp-autonav-toggle-button[aria-checked=true]:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDM2IDM2Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTcgOC42LTYuMTEtMy42MWMtMS41LS44OC0zLjM5LjItMy4zOSAxLjk0djIyLjEzYzAgMS43NCAxLjg5IDIuODIgMy4zOSAxLjk0TDE3IDI3LjR6bTAgMHYxOC44TDMzIDE4eiIvPjwvc3ZnPg==);
  background-color: var(--yt-sys-color-baseline--overlay-background-solid, #0f0f0f)
}

.ytp-small-mode .ytp-autonav-toggle-button[aria-checked=true]:after {
  -webkit-transform: translateX(11.7px);
  -ms-transform: translateX(11.7px);
  transform: translateX(11.7px)
}

.ytp-big-mode .ytp-autonav-toggle-button[aria-checked=true]:after {
  -webkit-transform: translateX(19.5px);
  -ms-transform: translateX(19.5px);
  transform: translateX(19.5px)
}

.ytp-xsmall-width-mode.ytp-delhi-modern-icons.ytp-delhi-modern .ytp-autonav-toggle-button[aria-checked=true]:after {
  -webkit-transform: translateX(8px);
  -ms-transform: translateX(8px);
  transform: translateX(8px)
}

.ytp-embed .ytp-autonav-toggle-button[aria-checked=true]:after {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px)
}

.ytp-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 19;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, .5);
  border-radius: 26px;
  -webkit-animation: ytp-bezel-fadeout .5s linear 1 normal forwards;
  animation: ytp-bezel-fadeout .5s linear 1 normal forwards;
  pointer-events: none
}

.ytp-delhi-modern .ytp-bezel {
  left: 50%;
  top: 50%;
  width: 78px;
  height: 78px;
  margin-left: -39px;
  margin-top: -39px;
  border-radius: 39px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6));
  -webkit-animation: ytp-delhi-modern-bezel-fadeout 1s cubic-bezier(.05, 0, 0, 1) 1 normal forwards;
  animation: ytp-delhi-modern-bezel-fadeout 1s cubic-bezier(.05, 0, 0, 1) 1 normal forwards
}

.ytp-delhi-modern-icons .ytp-bezel-icon svg {
  width: 100%;
  height: 100%
}

.ytp-big-mode .ytp-bezel {
  width: 78px;
  height: 78px;
  margin-left: -39px;
  margin-top: -39px;
  border-radius: 39px
}

.ytp-bezel-icon {
  width: 40px;
  height: 40px;
  margin: 6px
}

.ytp-player-content .ytp-bezel-icon {
  width: 48px;
  height: 48px;
  margin: 2px
}

.ytp-big-mode .ytp-bezel-icon,
.ytp-delhi-modern .ytp-bezel-icon {
  width: 54px;
  height: 54px;
  margin: 12px
}

.ytp-bezel-text-wrapper {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  z-index: 19
}

.ytp-delhi-modern .ytp-bezel-text-wrapper {
  -webkit-animation: ytp-delhi-modern-bezel-text-fadeout 1s cubic-bezier(.05, 0, 0, 1) 1 normal forwards;
  animation: ytp-delhi-modern-bezel-text-fadeout 1s cubic-bezier(.05, 0, 0, 1) 1 normal forwards
}

.ytp-bezel-text {
  display: inline-block;
  padding: 10px 20px;
  font-size: 175%;
  background: rgba(0, 0, 0, .5);
  pointer-events: none;
  border-radius: 3px
}

.ytp-delhi-modern .ytp-bezel-text {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6))
}

.ytp-bezel-text-hide .ytp-bezel-text {
  display: none
}

@-webkit-keyframes ytp-bezel-fadeout {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}

@keyframes ytp-bezel-fadeout {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
  }
}

@-webkit-keyframes ytp-delhi-modern-bezel-fadeout {
  0% {
    opacity: 0
  }

  25%,
  75% {
    opacity: 1;
    -webkit-transform: scale(1.33);
    transform: scale(1.33)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes ytp-delhi-modern-bezel-fadeout {
  0% {
    opacity: 0
  }

  25%,
  75% {
    opacity: 1;
    -webkit-transform: scale(1.33);
    transform: scale(1.33)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes ytp-delhi-modern-bezel-text-fadeout {
  0% {
    opacity: 0
  }

  25%,
  75% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes ytp-delhi-modern-bezel-text-fadeout {
  0% {
    opacity: 0
  }

  25%,
  75% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.ytp-chrome-top .ytp-cards-button {
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  pointer-events: all;
  position: relative;
  z-index: 62
}

.ytp-chrome-top .ytp-cards-button[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-delhi-modern .ytp-chrome-top .ytp-cards-button .ytp-cards-button-icon {
  width: 30px;
  height: 30px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6));
  border-radius: 18px
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-cards-button {
  max-width: 80px;
  width: 36px
}

.ytp-show-cards-title .ytp-cards-button {
  margin-left: 10px;
  margin-right: 10px
}

.ytp-small-mode .ytp-show-cards-title .ytp-cards-button {
  margin-left: 0;
  margin-right: 0
}

.ytp-embed:not(.ad-showing).ytp-small-mode .ytp-cards-button {
  padding-top: 16px
}

.ytp-show-cards-title .ytp-cards-button-title {
  display: block
}

.ytp-cards-button-icon-shopping,
.ytp-small-mode .ytp-show-cards-title .ytp-cards-button-title {
  display: none
}

.ytp-cards-shopping-active .ytp-cards-button-icon-shopping {
  display: inline-block
}

.ytp-cards-shopping-active .ytp-cards-button-icon-default {
  display: none
}

.ytp-big-mode .ytp-chrome-top .ytp-cards-button,
.ytp-chrome-top .ytp-cards-button {
  width: auto;
  height: auto
}

.ytp-cards-button-icon {
  margin: auto;
  width: 36px;
  height: 36px
}

.ytp-big-mode .ytp-cards-button-icon {
  width: 54px;
  height: 54px
}

.ytp-cards-button-title {
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  display: none
}

.ytp-big-mode .ytp-cards-button-title {
  font-size: 20px
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-cards-button-title {
  text-overflow: ellipsis;
  overflow: hidden
}

.ytp-cards-button .ytp-svg-shadow {
  -webkit-transition: stroke-opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: stroke-opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-shadow {
  stroke-opacity: 1;
  -webkit-transition: stroke-opacity .1s cubic-bezier(0, 0, .2, 1) .25s;
  transition: stroke-opacity .1s cubic-bezier(0, 0, .2, 1) .25s
}

.ytp-cards-button .ytp-svg-shadow-fill {
  -webkit-transition: fill-opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: fill-opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-shadow-fill {
  fill-opacity: 1;
  -webkit-transition: fill-opacity .1s cubic-bezier(0, 0, .2, 1) .25s;
  transition: fill-opacity .1s cubic-bezier(0, 0, .2, 1) .25s
}

.ytp-cards-shopping-active.ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-fill {
  fill: #2793e6
}

.ytp-cards-shopping-active.ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-shadow {
  stroke: #fff;
  stroke-opacity: 1
}

.ytp-cards-shopping-active.ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-shadow-fill {
  fill: #fff;
  fill-opacity: 1
}

.ytp-cards-teaser {
  position: absolute;
  top: 8.5px;
  right: 0;
  max-width: 90%;
  opacity: .75;
  cursor: pointer;
  z-index: 61;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-cards-teaser {
  top: 13px
}

.ytp-embed:not(.ad-showing).ytp-small-mode .ytp-cards-teaser {
  top: 16px
}

.html5-video-player.ad-showing:not(.videoAdUiRedesign) .ytp-cards-teaser {
  top: 40px
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser,
.ytp-cards-teaser-dismissible.ytp-cards-teaser-shown .ytp-cards-teaser {
  opacity: 1
}

.ytp-cards-teaser-shown .ytp-cards-teaser {
  opacity: .9
}

.ytp-cards-teaser-shown .ytp-cards-teaser:hover {
  opacity: 1
}

.ytp-autohide:not(.ytp-cards-teaser-shown) .ytp-cards-teaser,
.ytp-iv-drawer-open .ytp-cards-teaser {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1) .33s;
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1) .33s
}

.ytp-iv-drawer-open .ytp-cards-teaser {
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.ytp-cards-teaser .ytp-cards-teaser-box,
.ytp-cards-teaser .ytp-cards-teaser-text {
  height: 31px
}

.ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-box,
.ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-text {
  height: 46px
}

.ytp-cards-teaser .ytp-cards-teaser-box {
  position: absolute;
  top: 0;
  right: 18px;
  border-radius: 2px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  -webkit-transition: -webkit-transform .33s cubic-bezier(.4, 0, 1, 1);
  transition: transform .33s cubic-bezier(.4, 0, 1, 1), -webkit-transform .33s cubic-bezier(.4, 0, 1, 1);
  -webkit-transform: scaleX(0) translateX(0);
  -ms-transform: scaleX(0) translateX(0);
  transform: scaleX(0) translateX(0);
  -webkit-transform-origin: right 0;
  -ms-transform-origin: right 0;
  transform-origin: right 0
}

.ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-box {
  right: 27px
}

.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-box {
  -webkit-transition: -webkit-transform .33s cubic-bezier(0, 0, .2, 1) .25s;
  transition: transform .33s cubic-bezier(0, 0, .2, 1) .25s, -webkit-transform .33s cubic-bezier(0, 0, .2, 1) .25s;
  -webkit-transform: scaleX(1) translateX(18px);
  -ms-transform: scaleX(1) translateX(18px);
  transform: scaleX(1) translateX(18px)
}

.ytp-big-mode.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-box {
  -webkit-transform: scaleX(1) translateX(27px);
  -ms-transform: scaleX(1) translateX(27px);
  transform: scaleX(1) translateX(27px)
}

[dir=rtl] .ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-box {
  -webkit-transform: scaleX(1) translateX(-18px);
  -ms-transform: scaleX(1) translateX(-18px);
  transform: scaleX(1) translateX(-18px)
}

[dir=rtl] .ytp-big-mode.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-box {
  -webkit-transform: scaleX(1) translateX(-27px);
  -ms-transform: scaleX(1) translateX(-27px);
  transform: scaleX(1) translateX(-27px)
}

.ytp-cards-teaser .ytp-cards-teaser-text {
  position: relative;
  padding: 0 36px 0 10px;
  max-width: 0;
  opacity: 0;
  color: #000;
  font-weight: 500;
  font-size: 109.090909%;
  line-height: 31px;
  text-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  -webkit-transition: opacity .165s cubic-bezier(.4, 0, 1, 1), max-width 0s ease .165s;
  transition: opacity .165s cubic-bezier(.4, 0, 1, 1), max-width 0s ease .165s
}

.ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-text {
  padding: 0 66px 0 12px;
  line-height: 46px
}

.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-text {
  max-width: 415px;
  opacity: 1;
  -webkit-transition: opacity .165s cubic-bezier(0, 0, .2, 1) .415s;
  transition: opacity .165s cubic-bezier(0, 0, .2, 1) .415s
}

.ytp-big-mode.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-text {
  max-width: 635px
}

.ytp-cards-teaser-channel-avatar {
  display: none
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-text {
  width: 30px;
  left: calc(100% - 30px);
  -webkit-transition: width .33s cubic-bezier(.05, 0, 0, 1);
  transition: width .33s cubic-bezier(.05, 0, 0, 1);
  opacity: 1;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6));
  padding: 0;
  border-radius: 18px
}

.ytp-big-mode.ytp-cards-teaser-dismissible .ytp-cards-teaser-text {
  border-radius: 22px
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-channel-avatar {
  width: 22px;
  height: 22px;
  margin: 4px;
  border-radius: 50%;
  cursor: pointer;
  float: left
}

.ytp-big-mode.ytp-cards-teaser-dismissible .ytp-cards-teaser-channel-avatar {
  margin: 12px
}

.ytp-cards-teaser-dismissible.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-text {
  width: 100%;
  left: 0;
  -webkit-transition: width .33s cubic-bezier(.05, 0, 0, 1) .2s, left .33s cubic-bezier(.05, 0, 0, 1) .2s;
  transition: width .33s cubic-bezier(.05, 0, 0, 1) .2s, left .33s cubic-bezier(.05, 0, 0, 1) .2s
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-info-icon {
  height: 30px;
  width: 30px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  float: left
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-close-button {
  height: 30px;
  width: 20px;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0 5px;
  cursor: pointer;
  float: right
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-close-button path {
  fill: #717171
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  line-height: 30px;
  max-width: 350px
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-box {
  background: transparent;
  border-bottom: none
}

.ytp-big-mode.ytp-cards-teaser-dismissible .ytp-cards-teaser-info-icon {
  height: 45px;
  width: 45px
}

.ytp-big-mode.ytp-cards-teaser-dismissible .ytp-cards-teaser-close-button {
  height: 45px;
  width: 30px;
  margin: 0 7.5px
}

.ytp-big-mode.ytp-cards-teaser-dismissible .ytp-cards-teaser-label {
  line-height: 45px;
  max-width: 525px
}

.ytp-big-mode.ytp-cards-teaser-dismissible .ytp-cards-teaser-text {
  padding: 0
}

.ytp-embed.ytp-cards-teaser-shown.ytp-cards-teaser-dismissible .ytp-chrome-top-buttons>:not(.ytp-cards-teaser) {
  visibility: hidden
}

.ytp-title-enable-channel-logo .ytp-title {
  min-height: 52px
}

.ytp-big-mode.ytp-title-enable-channel-logo .ytp-title {
  min-height: 75px
}

.ytp-shorts-mode.ytp-title-enable-channel-logo .ytp-title {
  min-height: 42px
}

:not(.ytp-shorts-mode).ytp-title-enable-channel-logo .ytp-title-text {
  padding-left: 50px
}

:not(.ytp-shorts-mode).ytp-big-mode.ytp-title-enable-channel-logo .ytp-title-text {
  padding-left: 75px
}

.ytp-title-link {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden
}

.ytp-title-channel-logo {
  width: 40px;
  height: 40px;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 5px;
  -webkit-background-origin: content-box;
  background-origin: content-box;
  float: left;
  border-radius: 50%
}

.ytp-big-mode .ytp-title-channel-logo {
  width: 60px;
  height: 60px
}

.ytp-embed-mobile .ytp-title-channel-logo,
.ytp-embed-mobile.ytp-small-mode .ytp-title-channel-logo {
  width: 48px;
  height: 48px;
  margin: 0
}

@-webkit-keyframes ytp-title-channel-fade-in {
  0% {
    background-color: transparent;
    max-width: 10%
  }

  25% {
    background-color: rgba(35, 35, 35, .9)
  }

  75% {
    max-width: 100%
  }
}

@keyframes ytp-title-channel-fade-in {
  0% {
    background-color: transparent;
    max-width: 10%
  }

  25% {
    background-color: rgba(35, 35, 35, .9)
  }

  75% {
    max-width: 100%
  }
}

@-webkit-keyframes ytp-title-channel-fade-out {
  0% {
    background-color: rgba(35, 35, 35, .9);
    width: 500px
  }

  75% {
    background-color: rgba(35, 35, 35, .9);
    width: 50px
  }
}

@keyframes ytp-title-channel-fade-out {
  0% {
    background-color: rgba(35, 35, 35, .9);
    width: 500px
  }

  75% {
    background-color: rgba(35, 35, 35, .9);
    width: 50px
  }
}

@-webkit-keyframes ytp-title-channel-fade-in-big-mode {
  0% {
    background-color: transparent;
    max-width: 15%
  }

  25% {
    background-color: rgba(35, 35, 35, .9)
  }

  75% {
    max-width: 100%
  }
}

@keyframes ytp-title-channel-fade-in-big-mode {
  0% {
    background-color: transparent;
    max-width: 15%
  }

  25% {
    background-color: rgba(35, 35, 35, .9)
  }

  75% {
    max-width: 100%
  }
}

@-webkit-keyframes ytp-title-channel-fade-out-big-mode {
  0% {
    background-color: rgba(35, 35, 35, .9);
    width: 500px
  }

  75% {
    background-color: rgba(35, 35, 35, .9);
    width: 70px
  }
}

@keyframes ytp-title-channel-fade-out-big-mode {
  0% {
    background-color: rgba(35, 35, 35, .9);
    width: 500px
  }

  75% {
    background-color: rgba(35, 35, 35, .9);
    width: 70px
  }
}

@-webkit-keyframes ytp-title-expanded-fade-in {
  0% {
    opacity: 0
  }

  25% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes ytp-title-expanded-fade-in {
  0% {
    opacity: 0
  }

  25% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@-webkit-keyframes ytp-title-expanded-fade-out {
  0% {
    opacity: 1
  }

  25% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes ytp-title-expanded-fade-out {
  0% {
    opacity: 1
  }

  25% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.ytp-title-channel {
  background: transparent;
  border-radius: 25px;
  display: none;
  height: 50px;
  margin-left: -5px;
  overflow: hidden;
  position: absolute;
  top: 7px;
  left: 0;
  width: 50px
}

.ytp-big-mode .ytp-title-channel {
  width: 70px;
  height: 70px;
  margin-top: 10px
}

.ytp-title-enable-channel-logo .ytp-title-channel {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-title-channel.ytp-title-show-expanded {
  -webkit-animation: ytp-title-channel-fade-in .5s cubic-bezier(.4, 0, .2, 1);
  animation: ytp-title-channel-fade-in .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-big-mode .ytp-title-channel.ytp-title-show-expanded {
  -webkit-animation: ytp-title-channel-fade-in-big-mode .5s cubic-bezier(.4, 0, .2, 1);
  animation: ytp-title-channel-fade-in-big-mode .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-title-channel.ytp-title-expanded {
  background-color: rgba(35, 35, 35, .9);
  border-radius: 25px;
  max-width: 100%;
  z-index: 1;
  width: auto
}

.ytp-big-mode .ytp-title-channel.ytp-title-expanded {
  border-radius: 35px
}

.ytp-title-expanded-overlay {
  display: contents;
  max-width: 100%;
  opacity: 0;
  padding-right: 8px;
  width: auto
}

.ytp-big-mode .ytp-title-expanded-overlay {
  max-width: 100%
}

.ytp-title-expanded .ytp-title-expanded-overlay {
  opacity: 1
}

.ytp-title-show-expanded .ytp-title-expanded-overlay {
  opacity: 1;
  -webkit-animation: ytp-title-expanded-fade-in .5s cubic-bezier(.4, 0, .2, 1);
  animation: ytp-title-expanded-fade-in .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-big-mode .ytp-title-show-expanded .ytp-title-expanded-overlay {
  -webkit-animation: ytp-title-expanded-fade-in-big-mode .5s cubic-bezier(.4, 0, .2, 1);
  animation: ytp-title-expanded-fade-in-big-mode .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-title-expanded-heading {
  margin: 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -webkit-align-self: center;
  align-self: center
}

.ytp-title-expanded-title {
  font-size: 16px;
  font-weight: 400;
  margin: 0
}

.ytp-big-mode .ytp-title-expanded-title {
  font-size: 22px
}

.ytp-title-expanded-title a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-title-expanded-subtitle {
  font-size: 12px;
  font-weight: 400;
  margin: 0
}

.ytp-big-mode .ytp-title-expanded-subtitle {
  font-size: 16px
}

.ytp-chrome-top .ytp-title-channel .ytp-sb {
  -webkit-align-self: center;
  align-self: center;
  margin: 5px;
  height: auto;
  width: auto;
  padding: 0;
  padding-left: 16px;
  text-shadow: none;
  margin-right: 7px
}

.ytp-chrome-top .ytp-title-channel .ytp-sb-subscribe,
a.ytp-sb-subscribe {
  margin-left: 65px
}

.ytp-big-mode .ytp-chrome-top .ytp-title-channel .ytp-sb-subscribe,
.ytp-big-mode .ytp-chrome-top .ytp-title-channel .ytp-sb-unsubscribe {
  font-size: 16px;
  padding: 14px 20px;
  margin-right: 7px
}

.ytp-title-expanded .ytp-title-beacon,
.ytp-title-expanded .ytp-title-subtext,
.ytp-title-expanded .ytp-title-text {
  display: none
}

@-webkit-keyframes ytp-title-beacon-pulse {
  0% {
    background: black;
    width: 40px;
    height: 40px;
    left: 5px;
    top: 5px
  }

  50% {
    background: transparent;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0
  }
}

@keyframes ytp-title-beacon-pulse {
  0% {
    background: black;
    width: 40px;
    height: 40px;
    left: 5px;
    top: 5px
  }

  50% {
    background: transparent;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0
  }
}

.ytp-title-beacon {
  border-radius: 25px;
  display: none;
  position: absolute;
  z-index: -1;
  -webkit-animation: ytp-title-beacon-pulse 2s 5;
  animation: ytp-title-beacon-pulse 2s 5
}

.unstarted-mode .ytp-title-beacon {
  display: block
}

.ytp-big-mode .ytp-chapter-title.ytp-button.ytp-chapter-container-disabled,
.ytp-chapter-title.ytp-button.ytp-chapter-container-disabled {
  opacity: .9
}

.ytp-big-mode .ytp-chapter-title.ytp-button,
.ytp-chapter-title.ytp-button,
.ytp-embed-mobile .ytp-chrome-controls .ytp-chapter-title.ytp-button,
.ytp-small-mode .ytp-chrome-controls .ytp-chapter-title.ytp-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%
}

.ytp-delhi-modern .ytp-chapter-title.ytp-button {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  height: var(--yt-delhi-pill-height, 48px);
  border-radius: 28px;
  padding: 0 16px
}

.ytp-delhi-modern .ytp-chapter-title.ytp-button svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern .ytp-chapter-title.ytp-button svg {
  padding: 0
}

.ytp-delhi-modern .ytp-chapter-title.ytp-button:after {
  content: "";
  position: absolute;
  inset: 4px;
  background: transparent;
  pointer-events: none;
  border-radius: 28px
}

.ytp-delhi-modern .ytp-chapter-title.ytp-button:hover:after {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-chapter-title.ytp-button:active:after {
  background-color: var(--yt-sys-color-baseline--overlay-tonal-hover, rgba(255, 255, 255, .2));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chapter-title.ytp-button {
  height: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-chapter-container-disabled .ytp-chapter-title-chevron,
.ytp-embed .ytp-chapter-title-chevron,
.ytp-profile-page .ytp-chapter-title-chevron {
  display: none
}

.ytp-chapter-title-chevron {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20px;
  flex: 0 0 20px;
  width: 20px;
  position: relative;
  bottom: 1px
}

.ytp-chapter-title-content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-delhi-modern .ytp-chapter-title-content {
  line-height: 24px;
  font-weight: 500
}

.ytp-big-mode .ytp-chapter-title-chevron {
  width: 28px
}

.ytp-chapter-title-chevron svg {
  vertical-align: middle
}

.ytp-chapter-title-prefix {
  padding-right: 5px
}

.ytp-delhi-modern .ytp-chapter-title-prefix,
.ytp-live .ytp-chapter-title {
  display: none
}

.ytp-embed .ytp-chapter-container .ytp-chapter-title.ytp-button,
.ytp-embed.ytp-small-mode .ytp-chapter-container .ytp-chapter-title.ytp-button {
  cursor: text;
  width: 100%
}

.ytp-chapter-container .ytp-profile-page.ytp-chapter-title.ytp-button {
  cursor: text
}

.ytp-exp-bottom-control-flexbox .ytp-chapter-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
  flex: 0 1 100%;
  overflow: hidden;
  text-overflow: ellipsis
}

:not(.ytp-exp-bottom-control-flexbox) .ytp-chapter-container {
  float: left
}

.ytp-chapter-container {
  height: 100%;
  font-size: 109%;
  vertical-align: top;
  margin: 0 5px 0 0;
  white-space: nowrap;
  line-height: 47px
}

.ytp-embed .ytp-chapter-container {
  line-height: 39px
}

.ytp-big-mode .ytp-chapter-container {
  line-height: 53px
}

.ytp-delhi-modern .ytp-chapter-container {
  display: inline-block;
  padding-top: var(--yt-delhi-pill-top-height, 12px);
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 100 auto;
  flex: 0 100 auto
}

.ytp-delhi-modern.ytp-big-mode .ytp-chapter-container {
  padding-top: var(--yt-delhi-big-mode-pill-top-height, 20px)
}

.ytp-xsmall-width-mode .ytp-chapter-container {
  display: none
}

.ytp-contextmenu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2300;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  text-align: left;
  direction: ltr;
  font-size: 11px;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  will-change: width, height;
  border-radius: 12px
}

.ytp-popup.ytp-delhi-modern-contextmenu {
  border-radius: 12px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6))
}

.ytp-contextmenu .ytp-collapse {
  height: 20px;
  opacity: .9;
  position: absolute;
  right: 20px;
  top: 12px;
  width: 20px
}

.ytp-contextmenu .ytp-collapse:hover {
  opacity: 1
}

.ytp-dni.ytp-contextmenu {
  text-shadow: none
}

.ytp-big-mode.ytp-contextmenu {
  font-size: 17px
}

.ytp-autohide.ytp-embed-overlays-autohide.ytp-contextmenu {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide:not(.ytp-autohide-active).ytp-embed-overlays-autohide.ytp-contextmenu {
  display: none
}

.ytp-contextmenu a,
.ytp-contextmenu a:focus,
.ytp-contextmenu a:hover {
  color: inherit;
  text-decoration: none
}

.ytp-copytext {
  margin: 0 10px;
  max-width: 200px;
  outline: none;
  text-shadow: none;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text
}

.ytp-copytext::-moz-selection {
  background-color: white;
  color: black
}

.ytp-html5-clipboard {
  top: 0;
  left: 100%;
  position: absolute;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text
}

.ytp-show-copylink-title.ytp-copylink-button {
  margin-left: 10px;
  margin-right: 10px
}

.ytp-overflow-panel .ytp-show-copylink-title.ytp-copylink-button {
  margin-left: 20px;
  margin-right: 20px
}

.ytp-big-mode .ytp-chrome-top .ytp-copylink-button,
.ytp-chrome-top .ytp-copylink-button {
  width: auto;
  height: auto
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-copylink-button {
  min-width: 48px;
  max-width: 80px
}

.ytp-copylink-icon {
  margin: auto;
  width: 36px;
  height: 36px
}

.ytp-big-mode .ytp-copylink-icon {
  width: 54px;
  height: 54px
}

.ytp-overflow-panel .ytp-copylink-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 10px
}

.ytp-copylink-title {
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  display: none
}

.ytp-big-mode .ytp-copylink-title,
.ytp-overflow-panel .ytp-copylink-title {
  font-size: 20px
}

.ytp-show-copylink-title .ytp-copylink-title {
  display: block
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-copylink-title {
  text-overflow: ellipsis;
  overflow: hidden
}

.ytp-countdown-timer {
  width: 36px;
  height: 36px;
  -webkit-transition: all .1s cubic-bezier(.4, 0, 1, 1);
  transition: all .1s cubic-bezier(.4, 0, 1, 1);
  z-index: 39;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  border-radius: 18px
}

.ytp-branding-shown .ytp-countdown-timer {
  bottom: 52px
}

.ytp-countdown-timer-time {
  font-size: 18px;
  color: #FFF;
  line-height: 36px;
  width: 36px;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
  text-shadow: 0 0 4px rgb(0, 0, 0)
}

.ytp-free-preview-countdown-timer {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px;
  left: 20px;
  height: 24px;
  bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  background-color: #000;
  border-radius: 4px;
  color: #fff;
  width: auto;
  z-index: 82;
  font-size: 14px;
  font-weight: 500
}

.ytp-free-preview-countdown-timer-separator {
  padding: 0 3px
}

.yt-ui-ellipsis {
  background-color: #fff;
  display: block;
  line-height: 1.3em;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word
}

.yt-ui-ellipsis-nowrap-single-line {
  background-color: #fff;
  display: block;
  line-height: 1.3em;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
  max-height: 1.3em
}

.yt-ui-ellipsis:after,
.yt-ui-ellipsis:before {
  background-color: inherit;
  position: absolute
}

.yt-ui-ellipsis:before {
  content: "…";
  right: 0
}

.yt-ui-ellipsis:after {
  content: "";
  height: 100%;
  width: 100%
}

.yt-ui-ellipsis-2:before {
  top: 1.3em
}

.yt-ui-ellipsis-3:before {
  top: 2.6em
}

.yt-ui-ellipsis-4:before {
  top: 3.9em
}

.yt-ui-ellipsis-6:before {
  top: 6.5em
}

.yt-ui-ellipsis-10:before {
  top: 11.7em
}

.yt-ui-ellipsis-2 {
  max-height: 2.6em
}

.yt-ui-ellipsis-3 {
  max-height: 3.9em
}

.yt-ui-ellipsis-4 {
  max-height: 5.2em
}

.yt-ui-ellipsis-6 {
  max-height: 7.8em
}

.yt-ui-ellipsis-10 {
  max-height: 13em
}

.webkit .yt-ui-ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.webkit .yt-ui-ellipsis-2 {
  -webkit-line-clamp: 2
}

.webkit .yt-ui-ellipsis-3 {
  -webkit-line-clamp: 3
}

.webkit .yt-ui-ellipsis-4 {
  -webkit-line-clamp: 4
}

.webkit .yt-ui-ellipsis-6 {
  -webkit-line-clamp: 6
}

.webkit .yt-ui-ellipsis-10 {
  -webkit-line-clamp: 10
}

.webkit .yt-ui-ellipsis:before {
  content: normal
}

.webkit .yt-ui-ellipsis:after {
  content: "‌";
  position: static;
  visibility: hidden
}

.yt-ui-ellipsis[dir=rtl]:before {
  left: 0;
  right: auto
}

a.ytp-ce-link {
  display: block
}

a.ytp-ce-link,
a.ytp-ce-link:hover,
a.ytp-ce-link:visited {
  color: #167ac6
}

a.ytp-ce-link:hover {
  text-decoration: underline
}

.ytp-ce-shadow {
  opacity: 0;
  outline: solid #000;
  position: absolute;
  -webkit-transition: opacity .2s cubic-bezier(0, 0, .2, 1);
  transition: opacity .2s cubic-bezier(0, 0, .2, 1);
  z-index: 12
}

.ytp-ce-shadow:not([aria-hidden=true]) {
  opacity: .25;
  -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1)
}

.ytp-ce-element {
  border: 1px solid rgba(255, 255, 255, .4);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .5);
  box-shadow: 0 0 4px rgba(0, 0, 0, .5);
  cursor: pointer;
  display: block;
  font-family: Roboto, Arial, sans-serif;
  line-height: 1.3em;
  margin: -1px;
  position: absolute;
  -webkit-font-smoothing: auto;
  z-index: 12;
  opacity: 0;
  -webkit-transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
  transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
  visibility: hidden
}

.ytp-ce-hide-button-container {
  position: absolute;
  display: block;
  margin-top: 12px;
  right: 12px;
  z-index: 13;
  opacity: 0;
  -webkit-transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
  transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
  visibility: hidden
}

.ytp-ce-hide-button-container.ytp-ce-hide-button-lower {
  margin-top: 48px
}

.ytp-big-mode .ytp-ce-hide-button-container {
  margin-top: 72px
}

.html5-video-player.ended-mode .ytp-ce-element,
.html5-video-player.ended-mode .ytp-ce-hide-button-container {
  display: none
}

.ytp-ce-element.ytp-ce-placeholder a.ytp-ce-covering-overlay {
  cursor: default
}

.ytp-ce-element.ytp-ce-element-show,
.ytp-ce-hide-button-container.ytp-ce-element-show {
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
  transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
  visibility: visible
}

.ytp-ce-element.ytp-ce-element-hover,
.ytp-ce-element.ytp-ce-force-expand {
  border: 1px solid #fff;
  outline: none;
  z-index: 13;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
  transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
  visibility: visible
}

.ytp-ce-element.ytp-ce-element-show:focus,
.ytp-ce-element.ytp-ce-element-show:hover {
  outline: none
}

.ytp-ce-element-shadow {
  background-color: #000;
  bottom: -1px;
  left: -1px;
  opacity: 0;
  position: absolute;
  right: -1px;
  top: -1px;
  -webkit-transition: opacity .2s cubic-bezier(0, 0, .2, 1);
  transition: opacity .2s cubic-bezier(0, 0, .2, 1);
  z-index: 12
}

.ytp-ce-element.ytp-ce-element-show.ytp-ce-element-shadow-show .ytp-ce-element-shadow {
  opacity: .25;
  -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1)
}

.ytp-ce-covering-image {
  background-color: #fff;
  background-position: 50%;
  -webkit-background-size: cover;
  background-size: cover;
  bottom: -2px;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px
}

.ytp-ce-covering-shadow-top {
  height: 33%;
  opacity: .8;
  position: absolute;
  top: 0;
  width: 100%;
  background-image: -webkit-linear-gradient(top, #000, transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), to(transparent));
  background-image: linear-gradient(180deg, #000 0, transparent)
}

.ytp-ce-covering-overlay {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 12
}

.html5-video-player.ended-mode .ytp-ce-shadow {
  display: none
}

.ytp-ce-playlist,
.ytp-ce-video {
  overflow: hidden
}

.ytp-ce-playlist-title,
.ytp-ce-video-title {
  background-color: transparent;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  margin: 6px 8px;
  max-height: 28px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .4)
}

.ytp-ce-playlist-title.ytp-webkit-ellipsis,
.ytp-ce-video-title.ytp-webkit-ellipsis {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis
}

.ytp-ce-video-duration {
  background-color: rgba(0, 0, 0, .8);
  border-radius: 2px;
  bottom: 0;
  color: rgba(255, 255, 255, .8);
  margin: 0 4px 4px 0;
  padding: 4px 6px;
  position: absolute;
  right: 0
}

.ytp-ce-live-video-duration {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
  bottom: 0;
  color: rgba(255, 255, 255, .8);
  margin: 0 4px 4px 0;
  padding: 4px 6px;
  position: absolute;
  right: 0
}

.ytp-ce-playlist-count {
  background-color: rgba(0, 0, 0, .75);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0
}

.ytp-ce-playlist-icon {
  left: 8px;
  position: absolute;
  top: 2px
}

.ytp-ce-playlist-count-text {
  color: rgba(255, 255, 255, .8);
  height: 24px;
  line-height: 24px;
  margin-left: 32px
}

.ytp-ce-expanding-overlay {
  position: absolute;
  opacity: 0;
  -webkit-transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
  transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
  visibility: hidden
}

.ytp-ce-expanding-overlay-content {
  display: table
}

.ytp-ce-expanding-overlay-body {
  display: table-cell;
  position: relative;
  vertical-align: middle
}

.ytp-ce-element.ytp-ce-element-hover .ytp-ce-expanding-overlay,
.ytp-ce-element.ytp-ce-force-expand .ytp-ce-expanding-overlay {
  z-index: 13;
  opacity: 1;
  -webkit-transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
  transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
  visibility: visible
}

.ytp-ce-element.ytp-ce-element-hover .ytp-ce-expanding-image,
.ytp-ce-element.ytp-ce-force-expand .ytp-ce-expanding-image {
  z-index: 13
}

.ytp-ce-expanding-overlay-background {
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 4px #000;
  box-shadow: 0 0 4px #000;
  height: 100%;
  left: 0;
  margin: -8px;
  padding: 8px;
  position: absolute;
  top: 0;
  width: 100%
}

.ytp-ce-expanding-image {
  background-position: 50%;
  -webkit-background-size: cover;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%
}

.ytp-ce-expanding-icon {
  background-color: #000;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  border-radius: 2px;
  bottom: 2px;
  height: 24px;
  position: absolute;
  right: 2px;
  width: 24px;
  -webkit-transition: opacity .2s cubic-bezier(0, 0, .2, 1);
  transition: opacity .2s cubic-bezier(0, 0, .2, 1)
}

.ytp-ce-element.ytp-ce-element-hover .ytp-ce-expanding-icon,
.ytp-ce-element.ytp-ce-force-expand .ytp-ce-expanding-icon {
  opacity: 0
}

.ytp-ce-element.ytp-ce-top-left-quad .ytp-ce-expanding-overlay {
  left: 0;
  padding-left: 100%;
  top: 0
}

.ytp-ce-element.ytp-ce-top-right-quad .ytp-ce-expanding-overlay {
  padding-right: 100%;
  right: 0;
  top: 0
}

.ytp-ce-element.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay {
  bottom: 0;
  left: 0;
  padding-left: 100%
}

.ytp-ce-element.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay {
  bottom: 0;
  padding-right: 100%;
  right: 0
}

.ytp-ce-element.ytp-ce-channel.ytp-ce-element-show,
.ytp-ce-element.ytp-ce-channel.ytp-ce-element-show.ytp-ce-element-hover,
.ytp-ce-element.ytp-ce-channel.ytp-ce-element-show.ytp-ce-force-expand,
.ytp-ce-element.ytp-ce-merchandise.ytp-ce-element-show,
.ytp-ce-element.ytp-ce-merchandise.ytp-ce-element-show.ytp-ce-element-hover,
.ytp-ce-element.ytp-ce-merchandise.ytp-ce-element-show.ytp-ce-force-expand,
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show,
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-element-hover,
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-force-expand {
  border: 0;
  margin: 0
}

.ytp-ce-channel-title {
  font-weight: 500
}

.ytp-ce-channel-subscribe {
  color: #767676;
  display: inline-block;
  margin-top: 4px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left
}

.ytp-ce-channel-subscribers-text {
  color: #767676;
  display: none;
  margin-bottom: 24px;
  margin-top: 6px
}

.ytp-ce-channel-metadata {
  color: #767676
}

.ytp-ce-channel-this .ytp-ce-channel-metadata {
  border-top: 1px solid #ebebeb;
  display: none
}

.ytp-ce-channel-that .ytp-ce-channel-metadata {
  font-size: 12px;
  line-height: 14px;
  margin-top: 4px;
  max-height: 42px
}

.ytp-ce-channel,
.ytp-ce-channel .ytp-ce-element-shadow,
.ytp-ce-channel .ytp-ce-expanding-image {
  border-radius: 50%
}

.ytp-ce-merchandise-title,
.ytp-ce-website-title {
  color: #333;
  font-weight: 500;
  margin-bottom: 2px
}

.ytp-ce-merchandise-metadata,
.ytp-ce-merchandise-price-container,
.ytp-ce-website-metadata {
  color: #767676;
  margin-top: 4px
}

.ytp-ce-merchandise .ytp-ce-expanding-image {
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain
}

.ytp-ce-website-goto {
  display: inline-block;
  font-weight: 500;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.ytp-ce-merchandise .ytp-ce-expanding-image,
.ytp-ce-website .ytp-ce-expanding-image {
  background-color: #fff
}

.ytp-ce-merchandise-price {
  display: inline-block;
  color: #646464;
  font-weight: 800;
  white-space: nowrap;
  margin-right: 6px
}

.ytp-ce-merchandise-additional-fees {
  display: inline-block;
  color: #767676;
  margin-top: 2px;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ytp-ce-merchandise-invideo-cta-container {
  background-color: #000;
  border: 1px #000;
  opacity: .8;
  padding: 10px 0;
  width: 100%;
  bottom: 0;
  position: absolute;
  text-align: center
}

.ytp-ce-merchandise-invideo-cta {
  color: #fff;
  white-space: nowrap
}

.ytp-ce-size-346 .ytp-ce-merchandise-invideo-cta-container,
.ytp-ce-size-426 .ytp-ce-merchandise-invideo-cta-container,
.ytp-ce-size-470 .ytp-ce-merchandise-invideo-cta-container {
  padding: 2px 0
}

.ytp-ce-size-506 .ytp-ce-merchandise-invideo-cta-container,
.ytp-ce-size-570 .ytp-ce-merchandise-invideo-cta-container,
.ytp-ce-size-640 .ytp-ce-merchandise-invideo-cta-container,
.ytp-ce-size-853 .ytp-ce-merchandise-invideo-cta-container {
  padding: 5px 0
}

.ytp-ce-large-round .ytp-ce-expanding-overlay-background,
.ytp-ce-playlist.ytp-ce-large-round,
.ytp-ce-video.ytp-ce-large-round {
  border-radius: 12px
}

.ytp-ce-medium-round .ytp-ce-expanding-overlay-background,
.ytp-ce-playlist.ytp-ce-medium-round,
.ytp-ce-video.ytp-ce-medium-round {
  border-radius: 8px
}

.ytp-ce-playlist.ytp-ce-small-round,
.ytp-ce-small-round .ytp-ce-expanding-overlay-background,
.ytp-ce-video.ytp-ce-small-round {
  border-radius: 4px
}

.ytp-ce-merchandise-goto {
  display: inline-block;
  font-weight: 500;
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.ytp-ce-size-346 {
  font-size: 12px
}

.ytp-ce-size-346 .ytp-ce-covering-icon {
  bottom: 4px;
  right: 4px
}

.ytp-ce-size-346 .ytp-ce-expanding-overlay-body-padding {
  min-width: 115px
}

.ytp-ce-size-346 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
  width: 115px
}

.ytp-ce-size-346.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-346.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 0 0 8px
}

.ytp-ce-size-346.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-346.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 8px 0 0
}

.ytp-ce-size-346 .ytp-ce-expanding-overlay-background {
  margin: -8px;
  padding: 8px
}

.ytp-ce-size-346 .ytp-ce-expanding-icon {
  bottom: 2px;
  right: 2px
}

.ytp-ce-size-346.ytp-ce-channel-that .ytp-ce-channel-metadata {
  margin-top: 0
}

.ytp-ce-size-426 {
  font-size: 12px
}

.ytp-ce-size-426 .ytp-ce-covering-icon {
  bottom: 4px;
  right: 4px
}

.ytp-ce-size-426 .ytp-ce-expanding-overlay-body-padding {
  min-width: 115px
}

.ytp-ce-size-426 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
  width: 115px
}

.ytp-ce-size-426.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-426.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 4px 0 12px
}

.ytp-ce-size-426.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-426.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 12px 0 4px
}

.ytp-ce-size-426 .ytp-ce-expanding-icon {
  bottom: 4px;
  right: 4px
}

.ytp-ce-size-426.ytp-ce-channel-that .ytp-ce-channel-metadata {
  margin-top: 0
}

.ytp-ce-size-346 .ytp-ce-playlist-title,
.ytp-ce-size-346 .ytp-ce-video-title,
.ytp-ce-size-426 .ytp-ce-playlist-title,
.ytp-ce-size-426 .ytp-ce-video-title,
.ytp-ce-size-470 .ytp-ce-merchandise-title {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 85%
}

.ytp-ce-size-470 {
  font-size: 12px
}

.ytp-ce-size-470 .ytp-ce-channel-title,
.ytp-ce-size-470 .ytp-ce-merchandise-title,
.ytp-ce-size-470 .ytp-ce-website-title {
  font-size: 12px;
  line-height: 14px
}

.ytp-ce-size-470 .ytp-ce-merchandise-goto,
.ytp-ce-size-470 .ytp-ce-website-goto {
  font-size: 12px
}

.ytp-ce-size-470 .ytp-ce-expanding-overlay-body-padding {
  min-width: 136px
}

.ytp-ce-size-470 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
  width: 136px
}

.ytp-ce-size-470.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-470.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 4px 0 12px
}

.ytp-ce-size-470.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-470.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 12px 0 4px
}

.ytp-ce-size-470 .ytp-ce-expanding-icon {
  bottom: 4px;
  right: 4px
}

.ytp-ce-size-506 {
  font-size: 12px
}

.ytp-ce-size-506 .ytp-ce-channel-title,
.ytp-ce-size-506 .ytp-ce-merchandise-title,
.ytp-ce-size-506 .ytp-ce-website-title {
  font-size: 12px;
  line-height: 14px
}

.ytp-ce-size-506 .ytp-ce-merchandise-goto,
.ytp-ce-size-506 .ytp-ce-website-goto {
  font-size: 12px
}

.ytp-ce-size-506 .ytp-ce-expanding-overlay-body-padding {
  min-width: 136px
}

.ytp-ce-size-506 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
  width: 136px
}

.ytp-ce-size-506.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-506.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 4px 0 12px
}

.ytp-ce-size-506.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-506.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 12px 0 4px
}

.ytp-ce-size-506 .ytp-ce-expanding-icon {
  bottom: 4px;
  right: 4px
}

.ytp-ce-size-570 {
  font-size: 12px
}

.ytp-ce-size-570 .ytp-ce-channel-title,
.ytp-ce-size-570 .ytp-ce-merchandise-title,
.ytp-ce-size-570 .ytp-ce-website-title {
  font-size: 12px;
  line-height: 14px
}

.ytp-ce-size-570 .ytp-ce-merchandise-goto,
.ytp-ce-size-570 .ytp-ce-website-goto {
  font-size: 12px
}

.ytp-ce-size-570 .ytp-ce-expanding-overlay-body-padding {
  min-width: 136px
}

.ytp-ce-size-570 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
  width: 136px
}

.ytp-ce-size-570.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-570.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 4px 0 12px
}

.ytp-ce-size-570.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-570.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 12px 0 4px
}

.ytp-ce-size-570 .ytp-ce-expanding-icon {
  bottom: 4px;
  right: 4px
}

.ytp-ce-size-640 {
  font-size: 12px
}

.ytp-ce-size-640 .ytp-ce-playlist-title,
.ytp-ce-size-640 .ytp-ce-video-title {
  font-size: 13px;
  line-height: 15px;
  max-height: 30px
}

.ytp-ce-size-640 .ytp-ce-channel-title,
.ytp-ce-size-640 .ytp-ce-merchandise-title,
.ytp-ce-size-640 .ytp-ce-website-title {
  font-size: 13px;
  line-height: 15px
}

.ytp-ce-size-640 .ytp-ce-merchandise-goto,
.ytp-ce-size-640 .ytp-ce-website-goto {
  font-size: 12px
}

.ytp-ce-size-640 .ytp-ce-expanding-overlay-body-padding {
  min-width: 136px
}

.ytp-ce-size-640 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
  width: 136px
}

.ytp-ce-size-640.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-640.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 8px 0 16px
}

.ytp-ce-size-640.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-640.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 16px 0 8px
}

.ytp-ce-size-640 .ytp-ce-expanding-icon {
  bottom: 8px;
  right: 8px
}

.ytp-ce-size-853 {
  font-size: 14px
}

.ytp-ce-size-853 .ytp-ce-playlist-title,
.ytp-ce-size-853 .ytp-ce-video-title {
  font-size: 15px;
  line-height: 18px;
  margin: 10px 12px;
  max-height: 36px
}

.ytp-ce-size-853 .ytp-ce-video-duration {
  margin: 0 6px 6px 0
}

.ytp-ce-size-853 .ytp-ce-channel-title,
.ytp-ce-size-853 .ytp-ce-merchandise-title,
.ytp-ce-size-853 .ytp-ce-website-title {
  font-size: 15px;
  line-height: 18px
}

.ytp-ce-size-853 .ytp-ce-merchandise-goto,
.ytp-ce-size-853 .ytp-ce-website-goto {
  font-size: 12px
}

.ytp-ce-size-853.ytp-ce-channel-this .ytp-ce-channel-metadata {
  font-size: 12px;
  line-height: 14px;
  margin-top: 8px;
  padding-top: 8px;
  max-height: 42px;
  display: block
}

.ytp-ce-size-853.ytp-ce-channel-that .ytp-ce-channel-metadata {
  font-size: 15px;
  line-height: 18px;
  margin-top: 4px;
  max-height: 54px
}

.ytp-ce-size-853 .ytp-ce-expanding-overlay-body-padding {
  min-width: 176px
}

.ytp-ce-size-853 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
  width: 176px
}

.ytp-ce-size-853.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-853.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 8px 0 16px
}

.ytp-ce-size-853.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-853.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 16px 0 8px
}

.ytp-ce-size-853 .ytp-ce-expanding-icon {
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  bottom: 8px;
  height: 32px;
  right: 8px;
  width: 32px
}

.ytp-ce-size-853 .ytp-ce-playlist-icon {
  left: 8px;
  top: 4px
}

.ytp-ce-size-853 .ytp-ce-playlist-count-text {
  height: 32px;
  line-height: 32px;
  margin-left: 40px
}

.ytp-ce-size-1280 {
  font-size: 18px
}

.ytp-ce-size-1280 .ytp-ce-playlist-title,
.ytp-ce-size-1280 .ytp-ce-video-title {
  font-size: 21px;
  line-height: 24px;
  margin: 18px 20px;
  max-height: 48px
}

.ytp-ce-size-1280 .ytp-ce-video-duration {
  margin: 0 12px 12px 0
}

.ytp-ce-size-1280 .ytp-ce-channel-title,
.ytp-ce-size-1280 .ytp-ce-merchandise-title,
.ytp-ce-size-1280 .ytp-ce-website-title {
  font-size: 21px;
  line-height: 24px
}

.ytp-ce-size-1280 .ytp-ce-merchandise-goto,
.ytp-ce-size-1280 .ytp-ce-merchandise-metadata,
.ytp-ce-size-1280 .ytp-ce-merchandise-price-container,
.ytp-ce-size-1280 .ytp-ce-website-goto,
.ytp-ce-size-1280 .ytp-ce-website-metadata {
  font-size: 18px;
  margin-top: 8px
}

.ytp-ce-size-1280 .ytp-ce-channel-metadata {
  font-size: 18px;
  line-height: 21px;
  max-height: 63px
}

.ytp-ce-size-1280 .ytp-ce-channel-subscribe {
  height: 32px;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3)
}

.ytp-ce-size-1280.ytp-ce-channel-that .ytp-ce-channel-subscribers-text {
  display: block
}

.ytp-ce-size-1280.ytp-ce-channel-this .ytp-ce-channel-metadata {
  margin-top: 12px;
  padding-top: 12px;
  display: block
}

.ytp-ce-size-1280 .ytp-ce-expanding-overlay-body-padding {
  min-width: 264px
}

.ytp-ce-size-1280 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
  width: 264px
}

.ytp-ce-size-1280.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1280.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 16px 0 32px
}

.ytp-ce-size-1280.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1280.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 32px 0 16px
}

.ytp-ce-size-1280 .ytp-ce-expanding-overlay-background {
  margin: -16px;
  padding: 16px
}

.ytp-ce-size-1280 .ytp-ce-expanding-icon {
  -webkit-background-size: 32px 32px;
  background-size: 32px 32px;
  bottom: 10px;
  height: 40px;
  right: 10px;
  width: 40px
}

.ytp-ce-size-1280 .ytp-ce-playlist-icon {
  left: 10px;
  top: 8px
}

.ytp-ce-size-1280 .ytp-ce-playlist-count-text {
  height: 40px;
  line-height: 40px;
  margin-left: 46px
}

.ytp-ce-size-1920 {
  font-size: 28px
}

.ytp-ce-size-1920 .ytp-ce-playlist-title,
.ytp-ce-size-1920 .ytp-ce-video-title {
  font-size: 32px;
  line-height: 38px;
  margin: 18px 20px;
  max-height: 76px
}

.ytp-ce-size-1920 .ytp-ce-video-duration {
  margin: 0 20px 20px 0
}

.ytp-ce-size-1920 .ytp-ce-channel-title,
.ytp-ce-size-1920 .ytp-ce-merchandise-title,
.ytp-ce-size-1920 .ytp-ce-website-title {
  font-size: 32px;
  line-height: 38px
}

.ytp-ce-size-1920 .ytp-ce-merchandise-goto,
.ytp-ce-size-1920 .ytp-ce-merchandise-metadata,
.ytp-ce-size-1920 .ytp-ce-merchandise-price-container,
.ytp-ce-size-1920 .ytp-ce-website-goto,
.ytp-ce-size-1920 .ytp-ce-website-metadata {
  font-size: 28px;
  margin-top: 12px
}

.ytp-ce-size-1920 .ytp-ce-channel-metadata {
  font-size: 28px;
  line-height: 34px;
  max-height: 102px
}

.ytp-ce-size-1920 .ytp-ce-channel-subscribe {
  height: 80px;
  margin-top: -16px;
  -webkit-transform: scale(2.5);
  -ms-transform: scale(2.5);
  transform: scale(2.5)
}

.ytp-ce-size-1920.ytp-ce-channel-that .ytp-ce-channel-subscribers-text {
  display: block
}

.ytp-ce-size-1920.ytp-ce-channel-this .ytp-ce-channel-metadata {
  display: block;
  margin-top: 18px;
  padding-top: 18px
}

.ytp-ce-size-1920 .ytp-ce-expanding-overlay-body-padding {
  min-width: 392px
}

.ytp-ce-size-1920 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
  width: 392px
}

.ytp-ce-size-1920.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1920.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 24px 0 48px
}

.ytp-ce-size-1920.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1920.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding {
  margin: 0 48px 0 24px
}

.ytp-ce-size-1920 .ytp-ce-expanding-overlay-background {
  margin: -24px;
  padding: 24px
}

.ytp-ce-size-1920 .ytp-ce-expanding-icon {
  -webkit-background-size: 56px 56px;
  background-size: 56px 56px;
  bottom: 20px;
  height: 62px;
  right: 20px;
  width: 62px
}

.ytp-ce-size-1920 .ytp-ce-playlist-icon {
  left: 12px;
  top: 12px
}

.ytp-ce-size-1920 .ytp-ce-playlist-icon {
  height: 32px;
  width: 32px
}

.ytp-ce-size-1920 .ytp-ce-playlist-count-text {
  height: 56px;
  line-height: 56px;
  margin-left: 56px
}

.ytp-ce-channel-subscribe.ytp-ce-subscribe-button {
  height: auto;
  margin-top: 0;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.ytp-ce-size-346 .ytp-sb-subscribe,
.ytp-ce-size-346 .ytp-sb-unsubscribe,
.ytp-ce-size-426 .ytp-sb-subscribe,
.ytp-ce-size-426 .ytp-sb-unsubscribe,
.ytp-ce-size-470 .ytp-sb-subscribe,
.ytp-ce-size-470 .ytp-sb-unsubscribe,
.ytp-ce-size-506 .ytp-sb-subscribe,
.ytp-ce-size-506 .ytp-sb-unsubscribe {
  font-size: 11px;
  padding: 8px
}

.ytp-cued-thumbnail-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover
}

.ytp-cued-thumbnail-overlay.ytp-exp-contain-thumbnail {
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain
}

.ytp-cued-thumbnail-overlay[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .25s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .25s cubic-bezier(.4, 0, 1, 1)
}

.ytp-cued-thumbnail-overlay-image {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute
}

.ytp-cued-thumbnail-overlay.ytp-exp-frame0 .ytp-cued-thumbnail-overlay-image {
  z-index: 10
}

.ytp-cued-thumbnail-overlay.ytp-exp-contain-thumbnail .ytp-cued-thumbnail-overlay-image {
  background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain
}

.ended-mode .ytp-cued-thumbnail-overlay:not([aria-hidden=true]),
.unstarted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hidden=true]) {
  cursor: pointer
}

.ytp-chapter-seek-text {
  display: none;
  width: 80%;
  margin-left: 10%;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-chapter-seek .ytp-chapter-seek-text {
  width: 100%;
  display: block
}

@-webkit-keyframes arrow-fade-out-1 {
  0% {
    opacity: 0
  }

  17% {
    opacity: .9
  }

  33% {
    opacity: .6
  }

  50% {
    opacity: .3
  }

  67% {
    opacity: .3
  }

  83% {
    opacity: .3
  }

  to {
    opacity: 0
  }
}

@keyframes arrow-fade-out-1 {
  0% {
    opacity: 0
  }

  17% {
    opacity: .9
  }

  33% {
    opacity: .6
  }

  50% {
    opacity: .3
  }

  67% {
    opacity: .3
  }

  83% {
    opacity: .3
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes arrow-fade-out-2 {
  0% {
    opacity: 0
  }

  17% {
    opacity: .3
  }

  33% {
    opacity: .9
  }

  50% {
    opacity: .6
  }

  67% {
    opacity: .3
  }

  83% {
    opacity: .3
  }

  to {
    opacity: 0
  }
}

@keyframes arrow-fade-out-2 {
  0% {
    opacity: 0
  }

  17% {
    opacity: .3
  }

  33% {
    opacity: .9
  }

  50% {
    opacity: .6
  }

  67% {
    opacity: .3
  }

  83% {
    opacity: .3
  }

  to {
    opacity: 0
  }
}

@-webkit-keyframes arrow-fade-out-3 {
  0% {
    opacity: 0
  }

  17% {
    opacity: .3
  }

  33% {
    opacity: .3
  }

  50% {
    opacity: .9
  }

  67% {
    opacity: .6
  }

  83% {
    opacity: .3
  }

  to {
    opacity: 0
  }
}

@keyframes arrow-fade-out-3 {
  0% {
    opacity: 0
  }

  17% {
    opacity: .3
  }

  33% {
    opacity: .3
  }

  50% {
    opacity: .9
  }

  67% {
    opacity: .6
  }

  83% {
    opacity: .3
  }

  to {
    opacity: 0
  }
}

.ytp-doubletap-ui-legacy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: #ddd;
  z-index: 19
}

.ytp-doubletap-fast-forward-ve,
.ytp-doubletap-rewind-ve {
  opacity: 0;
  position: absolute;
  pointer-events: none
}

.ytp-doubletap-overlay-a11y {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: .2;
  z-index: -1
}

.ytp-doubletap-static-circle {
  position: absolute;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .6);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  overflow: hidden
}

.ytp-doubletap-ripple {
  position: absolute;
  border-radius: 50%;
  background-color: rgba(221, 221, 221, .15);
  -webkit-animation: grow-circle .9s 1;
  animation: grow-circle .9s 1;
  vertical-align: middle
}

@-webkit-keyframes grow-circle {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    -webkit-transform: scale(1) translateY(-25%);
    transform: scale(1) translateY(-25%)
  }
}

@keyframes grow-circle {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  to {
    -webkit-transform: scale(1) translateY(-25%);
    transform: scale(1) translateY(-25%)
  }
}

.ytp-doubletap-seek-info-container {
  position: relative;
  top: 50%
}

.ytp-doubletap-ui-legacy.ytp-time-seeking .ytp-doubletap-overlay-a11y {
  display: none
}

.ytp-doubletap-ui-legacy.ytp-chapter-seek .ytp-doubletap-seek-info-container {
  text-align: center
}

.ytp-doubletap-ui-legacy[data-side=back]:not(.ytp-chapter-seek) .ytp-doubletap-seek-info-container {
  left: 10%;
  text-align: left
}

.ytp-doubletap-ui-legacy[data-side=forward]:not(.ytp-chapter-seek) .ytp-doubletap-seek-info-container {
  left: 80%;
  text-align: left
}

.ytp-doubletap-tooltip {
  padding-top: 8px;
  color: #ddd
}

.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-tooltip {
  margin-left: 8px
}

.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-tooltip {
  margin-left: -5px
}

.ytp-doubletap-tooltip-label {
  text-align: left;
  font-size: 12px;
  font-weight: 500
}

.ytp-seek-icon-text-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: 10%;
  width: 80%
}

.ytp-seek-icon {
  margin-right: 5px
}

.ytp-chapter-seek-text-legacy {
  display: none;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-chapter-seek .ytp-chapter-seek-text-legacy {
  display: block
}

.ytp-doubletap-arrows-container {
  white-space: nowrap
}

.ytp-doubletap-base-arrow {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow {
  border-left: 11px solid #ddd
}

.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow {
  border-right: 11px solid #ddd
}

.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow:nth-child(3),
.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow:first-child {
  -webkit-animation-name: arrow-fade-out-1;
  animation-name: arrow-fade-out-1
}

.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow:nth-child(2),
.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow:nth-child(2) {
  -webkit-animation-name: arrow-fade-out-2;
  animation-name: arrow-fade-out-2
}

.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow:first-child,
.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow:nth-child(3) {
  -webkit-animation-name: arrow-fade-out-3;
  animation-name: arrow-fade-out-3
}

.ytp-seek-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  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
}

.html5-video-player.ended-mode .ytp-seek-overlay {
  display: none
}

.ytp-seek-overlay-animation {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-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
}

.ytp-seek-overlay-animation.ytp-seek-overlay-animation-back {
  left: 48px
}

.ytp-seek-overlay-animation.ytp-seek-overlay-animation-forward {
  right: 48px
}

.ytp-seek-overlay-duration {
  color: white;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  text-shadow: 0 0 1px rgba(0, 0, 0, .8);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.ytp-seek-overlay-animation-back .ytp-seek-overlay-arrow {
  margin-right: 20px
}

.ytp-seek-overlay-animation-forward .ytp-seek-overlay-arrow {
  margin-left: 20px
}

.ytp-seek-overlay-arrow svg {
  display: block
}

.ytp-seek-overlay-arrow svg path {
  -webkit-filter: drop-shadow(0 0 .5px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 .5px rgba(0, 0, 0, .8))
}

.ytp-seek-overlay-arrow-persistent {
  position: relative;
  z-index: 1
}

.ytp-seek-overlay-arrow-additional {
  position: absolute;
  top: 50%;
  translate: 0 -50%
}

.ytp-seek-overlay-animation-back .ytp-seek-overlay-arrow-additional {
  left: 0
}

.ytp-seek-overlay-animation-forward .ytp-seek-overlay-arrow-additional {
  right: 0
}

.ytp-seek-overlay-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  max-width: calc(100% - 180px)
}

.ytp-seek-overlay-message-icon:not(:empty) {
  margin-right: 5px
}

.ytp-seek-overlay-message-text {
  font-size: 18px;
  font-weight: 700;
  text-shadow: 0 0 1px rgba(0, 0, 0, .8);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-more-videos-view {
  overflow: hidden
}

.ytp-more-videos-view a.ytp-suggestion-link:focus:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8);
  box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8)
}

.ytp-shorts-mode .ytp-more-videos-view-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: inherit;
  height: inherit;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.ytp-more-videos-view.ytp-scroll-max .ytp-next,
.ytp-more-videos-view.ytp-scroll-min .ytp-previous,
.ytp-probably-keyboard-focus .ytp-more-videos-view .ytp-next,
.ytp-probably-keyboard-focus .ytp-more-videos-view .ytp-previous,
.ytp-touch-mode .ytp-more-videos-view .ytp-next,
.ytp-touch-mode .ytp-more-videos-view .ytp-previous {
  display: none
}

.ytp-big-mode .ytp-more-videos-view {
  bottom: 70px;
  margin: 24px
}

.ytp-more-videos-view .ytp-related-title {
  margin-left: 4px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px
}

.ytp-big-mode .ytp-more-videos-view .ytp-related-title {
  margin-bottom: 24px;
  font-size: 28px;
  line-height: 32px
}

.ytp-more-videos-view[aria-hidden=true] a.ytp-suggestion-link {
  opacity: 0
}

.ytp-more-videos-view .ytp-suggestions {
  overflow: hidden;
  text-align: center;
  white-space: nowrap
}

.ytp-touch-mode .ytp-more-videos-view .ytp-suggestions {
  overflow-x: auto
}

.ytp-touch-mode .ytp-more-videos-view .ytp-suggestions::-webkit-scrollbar {
  display: none
}

.ytp-big-mode .ytp-more-videos-view .ytp-suggestions {
  height: 180px
}

.ytp-more-videos-view .ytp-suggestion-image {
  background-color: #000;
  background-position: 50%;
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: 8px;
  height: 108px;
  width: 192px
}

.ytp-more-videos-view .ytp-next,
.ytp-more-videos-view .ytp-previous {
  background: #333;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
  height: 32px;
  position: absolute;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  width: 32px
}

.ytp-more-videos-view .ytp-next:hover,
.ytp-more-videos-view .ytp-previous:hover {
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
  box-shadow: 0 4px 5px rgba(0, 0, 0, .2)
}

.ytp-big-mode .ytp-more-videos-view .ytp-next,
.ytp-big-mode .ytp-more-videos-view .ytp-previous {
  height: 64px;
  width: 64px
}

.ytp-more-videos-view .ytp-next {
  right: 4px
}

.ytp-more-videos-view .ytp-previous {
  left: 4px
}

.ytp-more-videos-view a.ytp-suggestion-link {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
  text-align: left;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);
  transition: all .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-more-videos-view .ytp-suggestion-overlay {
  bottom: 0;
  font-size: 12px;
  left: 0;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0
}

.ytp-shorts-mode .ytp-more-videos-view .ytp-suggestion-overlay {
  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: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  background-image: -webkit-linear-gradient(bottom, rgba(12, 12, 12, .8), transparent 100px);
  background-image: linear-gradient(0deg, rgba(12, 12, 12, .8) 0, transparent 100px)
}

.html5-video-player:not(.ytp-shorts-mode) .ytp-more-videos-view .ytp-suggestion-overlay {
  opacity: 0;
  background-image: -webkit-linear-gradient(top, rgba(12, 12, 12, .8), transparent 100px);
  background-image: linear-gradient(180deg, rgba(12, 12, 12, .8) 0, transparent 100px);
  -webkit-transition: opacity .5s cubic-bezier(.4, 0, .2, 1);
  transition: opacity .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-big-mode .ytp-more-videos-view .ytp-suggestion-overlay {
  font-size: 20px
}

.html5-video-player:not(.ytp-shorts-mode) .ytp-more-videos-view a.ytp-suggestion-link:focus .ytp-suggestion-overlay,
.html5-video-player:not(.ytp-shorts-mode) .ytp-more-videos-view a.ytp-suggestion-link:hover .ytp-suggestion-overlay {
  opacity: 1
}

.ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration {
  background: #000;
  border-radius: 2px;
  bottom: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  opacity: .75;
  padding: 2px 4px;
  position: absolute;
  right: 4px
}

.ytp-big-mode .ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration {
  font-size: 17px
}

.ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration[data-is-live=true] {
  background: var(--yt-sys-color-baseline--overlay-background-brand, rgba(225, 0, 45, .9));
  text-transform: uppercase
}

.ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration:empty,
.ytp-shorts-mode .ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration {
  display: none
}

.html5-video-player:not(.ytp-shorts-mode) .ytp-more-videos-view .ytp-suggestion-title,
.ytp-more-videos-view .ytp-suggestion-author {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-shorts-mode .ytp-more-videos-view .ytp-suggestion-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-shorts-mode .ytp-more-videos-view .ytp-suggestion-author {
  font-size: 12px;
  line-height: 16px
}

.ytp-shorts-mode .ytp-more-videos-view .ytp-suggestion-title {
  font-size: 14px;
  line-height: 18px
}

.ytp-more-videos-view .ytp-suggestion-title {
  font-weight: 500
}

.html5-video-player:not(.ytp-shorts-mode) .ytp-more-videos-view .ytp-suggestion-title {
  max-height: 30px
}

.ytp-impression-link {
  background: rgba(23, 23, 23, .8);
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  bottom: 5px;
  height: 47px;
  position: absolute
}

.ytp-impression-link-text {
  color: white;
  float: left;
  font: 500 16px/16px YouTube Noto, Roboto, Arial, Helvetica, sans-serif;
  margin-left: 12px;
  margin-top: 16px
}

.ytp-impression-link-logo {
  float: right;
  height: 16px;
  margin-left: 9px;
  margin-right: 12px;
  margin-top: 16px;
  width: 72px
}

.ytp-music-impression-link .ytp-impression-link-logo {
  margin-top: 14px;
  margin-left: 0;
  height: 19px
}

.ytp-mobile-a11y-hidden-seek-button-forward,
.ytp-mobile-a11y-hidden-seek-button-rewind {
  width: 1px;
  height: 1px
}

.ytp-muted-autoplay-endscreen-overlay,
.ytp-muted-autoplay-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1001;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover
}

.ytp-muted-autoplay-endscreen-overlay[aria-hidden=true],
.ytp-muted-autoplay-overlay[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .25s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .25s cubic-bezier(.4, 0, 1, 1)
}

.ytp-muted-autoplay-bottom-buttons {
  position: absolute;
  right: 11px;
  bottom: 0
}

.ytp-muted-autoplay-bottom-buttons .ytp-button,
.ytp-muted-autoplay-bottom-buttons .ytp-watermark {
  display: inline-block;
  overflow: hidden;
  z-index: unset;
  margin: 0 4px
}

.ytp-muted-autoplay-bottom-buttons .ytp-watermark {
  right: 0;
  position: relative
}

.ytp-watermark.ytp-muted-autoplay-watermark {
  opacity: 1
}

.ytp-watermark.ytp-muted-autoplay-watermark[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-muted-autoplay-equalizer {
  position: relative;
  width: auto;
  height: auto;
  bottom: 8px
}

.ytp-embed-mobile .ytp-muted-autoplay-equalizer {
  bottom: 10px
}

.ytp-muted-autoplay-equalizer-icon {
  margin: auto;
  top: 3px;
  width: 36px;
  height: 36px
}

.ytp-small-mode .ytp-muted-autoplay-equalizer-icon {
  width: 20px;
  height: 20px
}

.ytp-muted-autoplay-end-panel {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 10%;
  display: none
}

.ytp-muted-autoplay-show-end-panel.ytp-muted-autoplay-endscreen-overlay {
  background: rgba(0, 0, 0, .4)
}

.ytp-muted-autoplay-show-end-panel .ytp-muted-autoplay-end-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.ytp-muted-autoplay-end-text {
  position: absolute;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  margin-top: 40px
}

.ytp-shorts-mode .ytp-muted-autoplay-end-text {
  margin-top: 90px
}

@-webkit-keyframes ytp-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 ytp-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)
  }
}

.ytp-equalizer-bar-left,
.ytp-equalizer-bar-middle,
.ytp-equalizer-bar-right {
  position: absolute;
  bottom: 0;
  -ms-transform-origin: 8px 16px;
  transform-origin: 8px 16px;
  -webkit-transform-origin: 8px 16px;
  -webkit-animation-name: ytp-equalizer-animation;
  animation-name: ytp-equalizer-animation;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.ytp-equalizer-bar-left {
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

.ytp-equalizer-bar-middle {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s
}

.ytp-equalizer-bar-right {
  -webkit-animation-duration: .7s;
  animation-duration: .7s
}

.ytp-pause-overlay {
  border-radius: 8px;
  bottom: 49px;
  direction: ltr;
  left: 0;
  margin: 12px;
  position: absolute;
  z-index: 42;
  opacity: 1;
  -webkit-transition: opacity 1s cubic-bezier(0, 0, .2, 1);
  transition: opacity 1s cubic-bezier(0, 0, .2, 1)
}

.ytp-pause-overlay[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-pause-overlay-controls-hidden .ytp-pause-overlay {
  bottom: 0
}

.ytp-expand-pause-overlay .ad-overlay,
.ytp-expand-pause-overlay .caption-window {
  display: none
}

.ytp-shorts-mode .ytp-pause-overlay-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: inherit;
  height: inherit;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.ytp-expand-pause-overlay .ytp-pause-overlay {
  background: rgba(23, 23, 23, .9);
  padding: 12px 16px 16px;
  right: 0
}

.ytp-expand-pause-overlay.ytp-shorts-mode .ytp-pause-overlay {
  bottom: auto
}

.ytp-expand-pause-overlay.ytp-progress-bar-hover .ytp-pause-overlay {
  opacity: .2
}

.ytp-ce-shown .ytp-pause-overlay,
.ytp-iv-drawer-open .ytp-pause-overlay,
.ytp-menu-shown .ytp-pause-overlay,
.ytp-settings-shown .ytp-pause-overlay {
  display: none
}

.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-collapse,
.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-next,
.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-previous,
.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-related-title,
.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-suggestions {
  display: none
}

.ytp-expand-pause-overlay.ytp-big-mode .ytp-pause-overlay {
  padding: 24px 32px 32px
}

.ytp-pause-overlay .ytp-collapse {
  height: 20px;
  opacity: .9;
  position: absolute;
  right: 20px;
  top: 12px;
  width: 20px
}

.ytp-mobile.ytp-embed-mobile .ytp-pause-overlay .ytp-collapse {
  height: 48px;
  right: 0;
  top: 0;
  width: 48px
}

.ytp-mobile.ytp-embed-mobile .ytp-pause-overlay .ytp-collapse-icon {
  margin: auto;
  height: 36px;
  width: 36px
}

.ytp-big-mode .ytp-pause-overlay .ytp-collapse {
  height: 32px;
  right: 36px;
  top: 24px;
  width: 32px
}

.ytp-pause-overlay .ytp-collapse:hover {
  opacity: 1
}

.ytp-pause-overlay .ytp-expand {
  background: rgba(0, 0, 0, .6);
  border-radius: 4px;
  font-size: 12px;
  line-height: 32px;
  padding: 0 10px;
  text-transform: uppercase
}

.ytp-mobile.ytp-embed-mobile .ytp-pause-overlay .ytp-expand {
  height: 48px
}

.ytp-big-mode .ytp-pause-overlay .ytp-expand {
  border-radius: 4px;
  font-size: 24px;
  padding: 10px 15px
}

.ytp-pause-overlay .ytp-expand:hover {
  background: rgba(0, 0, 0, .8)
}

.ytp-pause-overlay .ytp-expand svg {
  display: inline-block;
  height: 24px;
  margin-bottom: 2px;
  vertical-align: middle;
  width: 24px
}

.ytp-big-mode .ytp-pause-overlay .ytp-expand svg {
  width: 32px;
  height: 32px
}

.ytp-expand-pause-overlay .ytp-expand {
  display: none
}

.ytp-shorts-mode .ytp-pause-overlay-backdrop {
  background: rgba(0, 0, 0, .6);
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 24;
  -webkit-transition: opacity 1s cubic-bezier(0, 0, .2, 1);
  transition: opacity 1s cubic-bezier(0, 0, .2, 1)
}

.ytp-shorts-mode .ytp-pause-overlay-backdrop[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-related-on-error-overlay {
  border-radius: 2px;
  bottom: 8px;
  left: 8px;
  right: 8px;
  margin: 0;
  position: absolute;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  padding: 16px 24px
}

.ytp-small-mode .ytp-related-on-error-overlay {
  padding: 12px 24px
}

.ytp-large-width-mode .ytp-related-on-error-overlay {
  bottom: 32px;
  left: 28px;
  right: 28px
}

.ytp-probably-keyboard-focus .ytp-related-on-error-overlay .ytp-next,
.ytp-probably-keyboard-focus .ytp-related-on-error-overlay .ytp-previous,
.ytp-related-on-error-overlay.ytp-scroll-max .ytp-next,
.ytp-related-on-error-overlay.ytp-scroll-min .ytp-previous,
.ytp-touch-mode .ytp-related-on-error-overlay .ytp-next,
.ytp-touch-mode .ytp-related-on-error-overlay .ytp-previous {
  display: none
}

.ytp-related-on-error-overlay .ytp-related-title {
  margin-left: 4px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px
}

.ytp-large-width-mode .ytp-related-on-error-overlay .ytp-related-title {
  margin-left: 8px
}

.ytp-big-mode .ytp-related-on-error-overlay .ytp-related-title {
  margin-bottom: 24px;
  font-size: 28px;
  line-height: 32px
}

.ytp-related-on-error-overlay .ytp-suggestions {
  direction: ltr;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  margin-top: 8px
}

.ytp-small-mode .ytp-related-on-error-overlay .ytp-suggestions {
  margin-top: 6px
}

.ytp-touch-mode .ytp-related-on-error-overlay .ytp-suggestions {
  overflow-x: auto
}

.ytp-related-on-error-overlay .ytp-suggestion-image {
  background-color: #000;
  background-position: 50%;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  height: 108px;
  width: 192px;
  border-radius: 8px
}

.ytp-related-on-error-overlay .ytp-next,
.ytp-related-on-error-overlay .ytp-previous {
  background: #333;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
  height: 32px;
  position: absolute;
  width: 32px;
  bottom: 50%
}

.ytp-big-mode .ytp-related-on-error-overlay .ytp-next,
.ytp-big-mode .ytp-related-on-error-overlay .ytp-previous {
  height: 64px;
  width: 64px
}

.ytp-related-on-error-overlay .ytp-next {
  right: 28px;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%)
}

.ytp-large-width-mode .ytp-related-on-error-overlay .ytp-next {
  right: 32px
}

[dir=rtl] .ytp-related-on-error-overlay .ytp-next {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.ytp-related-on-error-overlay .ytp-previous {
  left: 28px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

.ytp-large-width-mode .ytp-related-on-error-overlay .ytp-previous {
  left: add(24px, 8px)
}

[dir=rtl] .ytp-related-on-error-overlay .ytp-previous {
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%)
}

.ytp-related-on-error-overlay a.ytp-suggestion-link {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
  text-align: left;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);
  transition: all .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-large-width-mode .ytp-related-on-error-overlay a.ytp-suggestion-link {
  margin-left: 8px;
  margin-right: 8px
}

.ytp-related-on-error-overlay .ytp-suggestion-overlay {
  bottom: 0;
  font-size: 12px;
  left: 0;
  opacity: 0;
  padding: 8px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: -webkit-linear-gradient(top, rgba(12, 12, 12, .8), transparent 100px);
  background-image: linear-gradient(180deg, rgba(12, 12, 12, .8) 0, transparent 100px);
  -webkit-transition: opacity .5s cubic-bezier(.4, 0, .2, 1);
  transition: opacity .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-big-mode .ytp-related-on-error-overlay .ytp-suggestion-overlay {
  font-size: 20px
}

.ytp-related-on-error-overlay a.ytp-suggestion-link:focus .ytp-suggestion-overlay,
.ytp-related-on-error-overlay a.ytp-suggestion-link:hover .ytp-suggestion-overlay {
  opacity: 1
}

.ytp-related-on-error-overlay .ytp-suggestion-link .ytp-suggestion-duration {
  background: #000;
  border-radius: 2px;
  bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  opacity: .9;
  padding: 2px 4px;
  position: absolute;
  right: 4px
}

.ytp-big-mode .ytp-related-on-error-overlay .ytp-suggestion-link .ytp-suggestion-duration {
  font-size: 17px
}

.ytp-related-on-error-overlay .ytp-suggestion-link .ytp-suggestion-duration[data-is-live=true] {
  background: var(--yt-sys-color-baseline--error-indicator, #e1002d);
  text-transform: uppercase
}

.ytp-related-on-error-overlay .ytp-suggestion-duration:empty {
  display: none
}

.ytp-related-on-error-overlay .ytp-suggestion-author,
.ytp-related-on-error-overlay .ytp-suggestion-title {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-related-on-error-overlay .ytp-suggestion-title {
  font-weight: 500;
  margin-top: 8px;
  font-size: 16px;
  line-height: 18px;
  max-height: 30px
}

.ytp-related-on-error-overlay .ytp-suggestion-author {
  opacity: .7;
  margin-top: 4px;
  font-size: 14px;
  line-height: 16px
}

.ytp-small-mode .ytp-related-on-error-overlay .ytp-next,
.ytp-small-mode .ytp-related-on-error-overlay .ytp-previous {
  height: 24px;
  width: 24px
}

.ytp-small-mode .ytp-related-on-error-overlay .ytp-related-title {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 14px
}

.ytp-small-mode .ytp-related-on-error-overlay .ytp-suggestion-title {
  margin-top: 6px;
  font-size: 12px;
  line-height: 14px
}

.ytp-small-mode .ytp-related-on-error-overlay .ytp-suggestion-author {
  font-size: 10px;
  line-height: 12px
}

:not(.ytp-mweb-player) .ytp-watermark {
  position: absolute;
  width: 110px;
  height: 26px;
  bottom: 38px;
  z-index: 28;
  opacity: .9;
  padding-top: 11px;
  padding-bottom: 11px
}

:not(.ytp-mweb-player) .ytp-watermark:not(.ytp-muted-autoplay-watermark) {
  right: 16px
}

:not(.ytp-mweb-player) .ytp-watermark.ytp-watermark-small {
  width: 85px;
  height: 20px
}

.html5-video-player:not(.ytp-mweb-player) .ytp-watermark {
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode:not(.ytp-mweb-player) .ytp-watermark {
  bottom: 59px
}

.ytp-hide-controls:not(.ytp-mweb-player) .ytp-watermark {
  bottom: 5px;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-native-controls:not(.ytp-mweb-player) .ytp-watermark {
  bottom: 50px;
  left: 16px
}

:not(.ytp-mweb-player) .ytp-watermark:not(.ytp-no-hover):not(.ytp-muted-autoplay-watermark):hover {
  opacity: 1
}

:not(.ytp-mweb-player) .ytp-muted-autoplay-overlay .ytp-watermark {
  position: relative;
  bottom: 0
}

.ytp-autohide:not(.ytp-mweb-player) .ytp-watermark:not(.ytp-muted-autoplay-watermark) {
  opacity: 0;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-muted-autoplay .ytp-watermark:not(.ytp-muted-autoplay-watermark) {
  display: none
}

:not(.ytp-mweb-player) .html5-endscreen {
  cursor: default;
  overflow: hidden;
  z-index: 36
}

:not(.ytp-mweb-player) .ytp-endscreen-takeover.html5-endscreen {
  display: none
}

.ytp-title-enable-channel-logo:not(.ytp-mweb-player) .html5-endscreen:not(.ytp-shorts-branded-ui) {
  margin-top: 16px
}

.ytp-big-mode.ytp-title-enable-channel-logo:not(.ytp-mweb-player) .html5-endscreen:not(.ytp-shorts-branded-ui) {
  margin-top: 32px
}

:not(.ytp-mweb-player) .ytp-endscreen-content {
  position: absolute;
  left: 50%;
  top: 50%
}

.ytp-endscreen-takeover:not(.ytp-mweb-player) .ytp-endscreen-content {
  display: none
}

:not(.ytp-mweb-player) .html5-endscreen.ytp-endscreen-paginate {
  left: 32px;
  overflow: visible;
  right: 32px
}

.ytp-big-mode:not(.ytp-mweb-player) .html5-endscreen.ytp-endscreen-paginate {
  left: 48px;
  right: 48px
}

:not(.ytp-mweb-player) .ytp-endscreen-next {
  display: none;
  height: 100%;
  opacity: .9;
  position: absolute;
  right: -32px;
  width: 32px;
  -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
  transition: opacity .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode:not(.ytp-mweb-player) .ytp-endscreen-next {
  right: -48px;
  width: 48px
}

:not(.ytp-mweb-player) .ytp-endscreen-paginate .ytp-endscreen-next {
  display: block
}

:not(.ytp-mweb-player) .ytp-endscreen-next:hover {
  opacity: 1;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

:not(.ytp-mweb-player) .ytp-endscreen-previous {
  display: none;
  height: 100%;
  left: -32px;
  opacity: .9;
  position: absolute;
  width: 32px;
  -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
  transition: opacity .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode:not(.ytp-mweb-player) .ytp-endscreen-previous {
  left: -48px;
  width: 48px
}

:not(.ytp-mweb-player) .ytp-endscreen-paginate .ytp-endscreen-previous {
  display: block
}

:not(.ytp-mweb-player) .ytp-endscreen-previous:hover {
  opacity: 1;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-mweb-player.html5-endscreen {
  width: 100%;
  height: 100%;
  cursor: default;
  overflow: hidden;
  z-index: 36
}

.html5-endscreen.modern-videowall-endscreen {
  cursor: default;
  overflow: hidden;
  z-index: 36;
  -webkit-align-content: center;
  align-content: center
}

.ytp-modern-endscreen-content {
  font-size: 11px
}

.ytp-modern-endscreen-single-item .ytp-modern-endscreen-content .ytp-modern-videowall-still {
  margin-bottom: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-bottom: unset;
  height: 100%
}

.ytp-modern-endscreen-single-item .ytp-modern-endscreen-content .ytp-modern-videowall-still .ytp-modern-videowall-still-image {
  margin-right: 12px
}

.ytp-endscreen-takeover .ytp-modern-endscreen-content,
.ytp-endscreen-takeover.html5-endscreen {
  display: none
}

.ytp-title-enable-channel-logo .html5-endscreen:not(.ytp-shorts-branded-ui) {
  margin-top: 16px
}

.ytp-modern-endscreen-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  grid-template-columns: repeat(auto-fill, minmax(clamp(250px, 27%, 450px), 1fr));
  grid-template-rows: repeat(1, 1fr);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  grid-auto-rows: 0;
  overflow: hidden;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  width: 100%;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  padding: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100%
}

.ytp-modern-endscreen-row-0 .ytp-modern-endscreen-content {
  padding-top: 16px;
  padding-bottom: 16px
}

.ytp-modern-endscreen-limit-rows-1 .ytp-modern-endscreen-content {
  grid-template-rows: repeat(1, 1fr)
}

.ytp-modern-endscreen-limit-rows-2 .ytp-modern-endscreen-content {
  grid-template-rows: repeat(2, 1fr)
}

.ytp-modern-endscreen-limit-rows-3 .ytp-modern-endscreen-content {
  grid-template-rows: repeat(3, 1fr)
}

.ytp-endscreen-previous:hover {
  opacity: 1;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-fullscreen-grid-active .ytp-fullscreen-grid {
  opacity: 1;
  overflow: visible
}

.ytp-fullscreen-grid-active .ytp-fullscreen-grid-main-content {
  opacity: 1;
  scrollbar-width: none;
  overflow: scroll
}

.ytp-fullscreen-grid-active .ytp-fullscreen-grid-main-content {
  bottom: 0;
  position: absolute;
  width: 100%;
  top: 0
}

.ytp-fullscreen-grid-active.ytp-grid-scrollable .ytp-fullscreen-grid {
  top: calc(30% + var(--ytp-grid-scroll-percentage)*100%);
  bottom: 0
}

.html5-video-player.ended-mode .ytp-fullscreen-grid-expand-button,
.html5-video-player:not(.ytp-fullscreen-grid-peeking):not(.ytp-fullscreen-grid-active) .ytp-fullscreen-grid-expand-button {
  display: none
}

.ytp-fullscreen-grid-buttons-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  margin-top: calc(var(--yt-delhi-pill-height)/2*-1 + var(--yt-delhi-bottom-controls-height)/2*-1);
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 12px;
  z-index: 72;
  pointer-events: none
}

.ytp-big-mode .ytp-fullscreen-grid-buttons-container {
  margin-top: calc(var(--yt-delhi-big-mode-pill-height)/2*-1 + var(--yt-delhi-big-mode-bottom-controls-height)/2*-1)
}

.ytp-fullscreen-grid-expand-button {
  opacity: 1;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  position: relative;
  width: var(--yt-delhi-pill-height);
  height: var(--yt-delhi-pill-height);
  border-radius: 50%;
  overflow: visible;
  scrollbar-width: none;
  z-index: 72;
  pointer-events: all;
  cursor: pointer
}

.ytp-fullscreen-grid-expand-button svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-big-mode .ytp-fullscreen-grid-expand-button {
  width: var(--yt-delhi-big-mode-pill-height);
  height: var(--yt-delhi-big-mode-pill-height)
}

.ytp-fullscreen-grid-expand-button svg {
  padding: calc((var(--yt-delhi-pill-height) - var(--yt-delhi-icon-size, 24px))/2);
  height: var(--yt-delhi-icon-size, 24px);
  width: var(--yt-delhi-icon-size, 24px)
}

.ytp-big-mode .ytp-fullscreen-grid-expand-button svg {
  padding: calc((var(--yt-delhi-big-mode-pill-height) - var(--yt-delhi-icon-size, 24px))/2)
}

.ytp-fullscreen-grid-expand-button:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 50%
}

.ytp-fullscreen-grid-action-button {
  display: none;
  pointer-events: none
}

.ytp-fullscreen-grid-active .ytp-fullscreen-grid-action-button {
  display: block;
  pointer-events: all
}

:not(.ytp-grid-scrolling) .ytp-fullscreen-grid-expand-button:hover:before,
:not(.ytp-grid-scrolling) .ytp-fullscreen-grid-hover-overlay:hover .ytp-fullscreen-grid-expand-button:before,
:not(.ytp-grid-scrolling) .ytp-fullscreen-grid-hover-overlay:hover .ytp-more-videos-button:after,
:not(.ytp-grid-scrolling) .ytp-more-videos-button:hover:after {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1))
}

:not(.ytp-grid-scrolling) .ytp-fullscreen-grid-expand-button:active:before,
:not(.ytp-grid-scrolling) .ytp-fullscreen-grid-hover-overlay:active .ytp-fullscreen-grid-expand-button:before,
:not(.ytp-grid-scrolling) .ytp-fullscreen-grid-hover-overlay:active .ytp-more-videos-button:after,
:not(.ytp-grid-scrolling) .ytp-more-videos-button:active:after {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .2))
}

.ytp-fullscreen-grid-peeking .ytp-fullscreen-grid {
  opacity: 1;
  overflow: hidden;
  top: calc(100% - var(--ytp-grid-peek-height) - var(--yt-delhi-bottom-controls-height, 72px) - 6px - var(--ytp-grid-scroll-percentage)*100%)
}

.ytp-fullscreen-grid-peeking.ytp-big-mode .ytp-fullscreen-grid {
  top: calc(100% - var(--ytp-grid-peek-height) - var(--yt-delhi-big-mode-bottom-controls-height, 96px) - 6px - var(--ytp-grid-scroll-percentage)*100%)
}

.ytp-grid-scrollable .ytp-fullscreen-grid-header {
  display: none
}

.ytp-fullscreen-grid-peeking.ytp-grid-scrollable .ytp-fullscreen-grid {
  display: block;
  overflow: visible;
  top: calc(100% - var(--ytp-grid-peek-height) - var(--ytp-grid-scroll-percentage)*100%)
}

.ytp-fullscreen-grid-peeking.ytp-grid-scrollable.ytp-big-mode .ytp-fullscreen-grid {
  top: calc(100% - var(--ytp-grid-peek-height) - var(--ytp-grid-scroll-percentage)*100%)
}

.ytp-fullscreen-grid-peeking.ytp-grid-scrollable .ytp-fullscreen-grid-main-content {
  opacity: .5
}

.ytp-fullscreen-grid-peeking.ytp-grid-scrollable.ytp-grid-scrolling .ytp-fullscreen-grid-main-content {
  opacity: 1
}

.ytp-fullscreen-grid-peeking .ytp-fullscreen-grid-hover-overlay {
  display: block;
  width: calc(100% - 24px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 12px;
  border-radius: 16px;
  z-index: 72;
  pointer-events: all;
  cursor: pointer
}

.ytp-fullscreen-grid-active:not(.ended-mode) .ytp-fullscreen-grid-main-content,
.ytp-fullscreen-grid-peeking .ytp-fullscreen-grid-main-content {
  margin-top: 12px
}

.ytp-fullscreen-grid-active .ytp-fullscreen-grid-hover-overlay,
.ytp-fullscreen-grid-peeking.ytp-grid-scrolling .ytp-fullscreen-grid-hover-overlay {
  display: none
}

:not(.ytp-grid-scrolling) .ytp-fullscreen-grid-peeking .ytp-fullscreen-grid-hover-overlay:has(.ytp-fullscreen-grid-expand-button:hover),
:not(.ytp-grid-scrolling) .ytp-fullscreen-grid-peeking .ytp-fullscreen-grid-hover-overlay:hover {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary)
}

:not(.ytp-grid-scrolling) .ytp-fullscreen-grid-peeking .ytp-fullscreen-grid-hover-overlay:active,
:not(.ytp-grid-scrolling) .ytp-fullscreen-grid-peeking .ytp-fullscreen-grid-hover-overlay:has(.ytp-fullscreen-grid-expand-button:active) {
  background-color: var(--yt-sys-color-baseline--overlay-tonal-hover)
}

.ytp-fullscreen-grid-active:not(.ended-mode) .ytp-fullscreen-grid,
.ytp-fullscreen-grid-peeking .ytp-fullscreen-grid {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75) 100px, rgba(0, 0, 0, .85));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75) 100px, rgba(0, 0, 0, .85))
}

.ytp-grid-replay-button {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  margin-right: 16px;
  -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  display: none
}

.ytp-full-bleed-player .ytp-grid-replay-button {
  width: 60px;
  height: 60px;
  border-radius: 30px
}

.ytp-grid-replay-button svg {
  width: 100%;
  height: 100%
}

.ytp-fullscreen-grid-stills-container {
  display: grid;
  padding: 0 24px;
  grid-template-columns: repeat(3, 1fr);
  pointer-events: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  gap: 16px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch
}

.ytp-fullscreen-grid-active .ytp-fullscreen-grid-stills-container,
.ytp-grid-scrolling.ytp-grid-scrollable .ytp-fullscreen-grid-stills-container {
  pointer-events: auto
}

.ytp-fullscreen-grid {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 72;
  pointer-events: none;
  max-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
  visibility: visible;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.html5-video-player:not(.ytp-fullscreen-grid-peeking):not(.ytp-fullscreen-grid-active) .ytp-fullscreen-grid {
  display: none
}

.ytp-fullscreen-grid-peeking.ytp-autohide:not(.ytp-grid-scrolling) .ytp-fullscreen-grid {
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  opacity: 0
}

.ytp-more-videos-button {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  z-index: 72;
  pointer-events: all;
  cursor: pointer;
  padding: var(--yt-delhi-pill-top-height, 12px) 12px;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  border-radius: 28px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-more-videos-button svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-more-videos-button:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 28px
}

.ytp-more-videos-button .ytp-more-videos-button-thumbnail {
  width: 40px;
  aspect-ratio: 16/9;
  border: 2px solid white;
  border-radius: 8px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50%
}

.ytp-more-videos-button .ytp-more-videos-button-title {
  color: var(--Overlay-Overlay-Text-Primary, #fff);
  text-shadow: 0 0 2px #000;
  font-family: var(--Typography-Font-Family, Roboto);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: .16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

@media (min-width:2200px) {
  .ytp-fullscreen-grid-stills-container {
    grid-template-columns: repeat(4, 1fr)
  }
}

.ytp-fullscreen-grid-active.html5-video-player.ended-mode .html5-endscreen {
  display: none
}

.ytp-fullscreen-grid-active.html5-video-player.ended-mode .ytp-fullscreen-grid {
  top: 0;
  bottom: var(--yt-delhi-bottom-controls-height, 72px)
}

.ytp-fullscreen-grid-active.html5-video-player.ended-mode .ytp-fullscreen-grid-stills-container {
  width: 100%;
  padding: 0 24px
}

.ytp-fullscreen-grid-active.html5-video-player.ended-mode .ytp-fullscreen-grid-main-content {
  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
}

.ytp-fullscreen-grid-active.html5-video-player.ended-mode:not(.ytp-enable-horizontal-endscreen-shelf) .ytp-modern-videowall-still:nth-child(n+4) {
  display: none
}

@media (min-width:2200px) {
  .ytp-fullscreen-grid-active.html5-video-player.ended-mode:not(.ytp-enable-horizontal-endscreen-shelf) .ytp-modern-videowall-still:nth-child(4) {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
  }
}

.ytp-fullscreen-grid-active.html5-video-player.ended-mode.ytp-enable-horizontal-endscreen-shelf .ytp-fullscreen-grid-stills-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  overflow-x: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  scrollbar-width: none
}

.ytp-fullscreen-grid-active.html5-video-player.ended-mode.ytp-enable-horizontal-endscreen-shelf .ytp-fullscreen-grid-main-content {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}

.ytp-fullscreen-grid-active.html5-video-player.ended-mode.ytp-enable-horizontal-endscreen-shelf .ytp-modern-videowall-still {
  min-width: 31%
}

.html5-video-player.ended-mode .ytp-more-videos-button.ytp-button,
.ytp-fullscreen-grid-active .html5-endscreen,
.ytp-fullscreen-grid-active .ytp-ad-player-overlay-layout,
.ytp-fullscreen-grid-active .ytp-caption-window-container,
.ytp-grid-scrolling .html5-endscreen,
.ytp-grid-scrolling .ytp-ad-player-overlay-layout,
.ytp-grid-scrolling .ytp-caption-window-container {
  display: none
}

.ytp-autohide:not(.ytp-autohide-active).ytp-fullscreen-grid-peeking:not(.ytp-grid-scrolling) .ytp-fullscreen-grid,
.ytp-autohide:not(.ytp-autohide-active).ytp-fullscreen-grid-peeking:not(.ytp-grid-scrolling) .ytp-more-videos-button.ytp-button,
.ytp-player-minimized .ytp-fullscreen-grid,
.ytp-player-minimized .ytp-more-videos-button.ytp-button {
  display: none
}

.ytp-error {
  position: absolute;
  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%;
  z-index: 44;
  line-height: 220%;
  background-color: rgb(40, 40, 40)
}

.ytp-embed-error .ytp-error {
  display: block
}

.ytp-error.related-on-error-overlay-visible {
  line-height: 160%
}

.ytp-large-width-mode .ytp-error.related-on-error-overlay-visible {
  line-height: 220%
}

.ytp-error .ytp-error-content a {
  text-decoration: underline
}

.ytp-error .ytp-error-content {
  position: relative;
  max-width: 85%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex
}

.ytp-embed-error .ytp-error .ytp-error-content {
  margin: 0 auto
}

.ytp-error .ytp-error-icon-container {
  height: 64px;
  width: 64px;
  min-width: 64px;
  min-height: 64px;
  float: left
}

.ytp-error .ytp-error-icon-container svg {
  max-width: 100%;
  max-height: 100%
}

.ytp-error .ytp-small-redirect {
  display: inline;
  height: 48px;
  width: 48px;
  position: absolute;
  bottom: 8px;
  right: 8px;
  opacity: .7
}

.ytp-error .ytp-small-redirect.no-link {
  cursor: default
}

.ytp-error-content-wrap-subreason:empty {
  display: none
}

.ytp-error.related-on-error-overlay-visible .ytp-small-redirect,
.ytp-fullscreen .ytp-error .ytp-small-redirect {
  display: none
}

.ytp-error .ytp-small-redirect a {
  display: block;
  height: 100%
}

.ytp-error .ytp-error-content .ytp-error-content-wrap {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 16px;
  height: 100%
}

.ytp-error .ytp-error-content .ytp-error-content-wrap-reason {
  font-weight: 500
}

.ytp-large-width-mode .ytp-error .ytp-error-content .ytp-error-icon-container {
  height: 96px;
  width: 96px;
  min-width: 96px;
  min-height: 96px
}

.ytp-large-width-mode .ytp-error .ytp-small-redirect {
  height: 60px;
  width: 60px
}

.ytp-error .ytp-error-content .ytp-error-content-wrap-reason {
  font-size: 22px
}

.ytp-error.related-on-error-overlay-visible .ytp-error-content .ytp-error-content-wrap-reason {
  font-size: 16px
}

.ytp-large-width-mode .ytp-error.related-on-error-overlay-visible .ytp-error-content .ytp-error-content-wrap-reason {
  font-size: 22px
}

.ytp-error .ytp-error-content .ytp-error-content-wrap-subreason {
  font-size: 18px;
  padding-top: 10px
}

.ytp-error.related-on-error-overlay-visible .ytp-error-content .ytp-error-content-wrap-subreason {
  font-size: 14px;
  padding-top: 2px
}

.ytp-large-width-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-subreason {
  font-size: 18px;
  padding-top: 10px
}

.ytp-small-mode .ytp-error .ytp-error-content {
  line-height: 150%
}

.ytp-small-mode .ytp-error .ytp-error-content .ytp-error-icon-container {
  height: 32px;
  width: 32px;
  min-width: 32px;
  min-height: 32px
}

.ytp-tiny-mode .ytp-error-icon-container {
  display: none
}

.ytp-small-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-reason {
  font-size: 14px
}

.ytp-small-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-subreason {
  font-size: 12px;
  padding-top: 4px
}

.ytp-tiny-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-reason {
  font-size: 12px
}

.ytp-tiny-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-subreason {
  font-size: 10px
}

.ytp-small-mode .ytp-error .ytp-small-redirect {
  height: 24px;
  width: 24px
}

.ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button {
  width: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-fullerscreen-edu-chevron {
  display: inline-block;
  width: 24px
}

.ytp-fullerscreen-edu-button:not(.ytp-fullerscreen-edu-button-subtle) .ytp-fullerscreen-edu-chevron {
  height: 50%
}

.ytp-fullerscreen-edu-text {
  height: 50%;
  margin-top: -8px
}

.ytp-fullerscreen-edu-button-subtle .ytp-fullerscreen-edu-text {
  display: none
}

.ytp-big-mode .ytp-fullscreen-button:after {
  width: 24px
}

.ytp-fullscreen-button-corner-0,
.ytp-fullscreen-button-corner-1,
.ytp-fullscreen-button-corner-2,
.ytp-fullscreen-button-corner-3 {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

@-webkit-keyframes ytp-fullscreen-button-corner-0-animation {
  50% {
    -webkit-transform: translate(-1px, -1px);
    transform: translate(-1px, -1px)
  }
}

@keyframes ytp-fullscreen-button-corner-0-animation {
  50% {
    -webkit-transform: translate(-1px, -1px);
    transform: translate(-1px, -1px)
  }
}

@-webkit-keyframes ytp-fullscreen-button-corner-1-animation {
  50% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px)
  }
}

@keyframes ytp-fullscreen-button-corner-1-animation {
  50% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px)
  }
}

@-webkit-keyframes ytp-fullscreen-button-corner-2-animation {
  50% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px)
  }
}

@keyframes ytp-fullscreen-button-corner-2-animation {
  50% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px)
  }
}

@-webkit-keyframes ytp-fullscreen-button-corner-3-animation {
  50% {
    -webkit-transform: translate(-1px, 1px);
    transform: translate(-1px, 1px)
  }
}

@keyframes ytp-fullscreen-button-corner-3-animation {
  50% {
    -webkit-transform: translate(-1px, 1px);
    transform: translate(-1px, 1px)
  }
}

.ytp-fullscreen-button:not([aria-disabled=true]):hover .ytp-fullscreen-button-corner-0 {
  -webkit-animation: ytp-fullscreen-button-corner-0-animation .4s cubic-bezier(.4, 0, .2, 1);
  animation: ytp-fullscreen-button-corner-0-animation .4s cubic-bezier(.4, 0, .2, 1)
}

.ytp-fullscreen-button:not([aria-disabled=true]):hover .ytp-fullscreen-button-corner-1 {
  -webkit-animation: ytp-fullscreen-button-corner-1-animation .4s cubic-bezier(.4, 0, .2, 1);
  animation: ytp-fullscreen-button-corner-1-animation .4s cubic-bezier(.4, 0, .2, 1)
}

.ytp-fullscreen-button:not([aria-disabled=true]):hover .ytp-fullscreen-button-corner-2 {
  -webkit-animation: ytp-fullscreen-button-corner-2-animation .4s cubic-bezier(.4, 0, .2, 1);
  animation: ytp-fullscreen-button-corner-2-animation .4s cubic-bezier(.4, 0, .2, 1)
}

.ytp-fullscreen-button:not([aria-disabled=true]):hover .ytp-fullscreen-button-corner-3 {
  -webkit-animation: ytp-fullscreen-button-corner-3-animation .4s cubic-bezier(.4, 0, .2, 1);
  animation: ytp-fullscreen-button-corner-3-animation .4s cubic-bezier(.4, 0, .2, 1)
}

.ytp-fullscreen-quick-actions {
  position: absolute;
  bottom: 86px;
  right: 24px;
  z-index: 59
}

.ytp-delhi-modern .ytp-fullscreen-quick-actions {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 30px)
}

.ytp-delhi-modern.ytp-big-mode .ytp-fullscreen-quick-actions {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 30px)
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-fullscreen-quick-actions {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 30px + var(--ytp-grid-peek-height))
}

.ytp-delhi-modern.ytp-big-mode.ytp-fullscreen-grid-peeking .ytp-fullscreen-quick-actions {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 30px + var(--ytp-grid-peek-height))
}

.ytp-fullscreen-metadata {
  position: absolute;
  max-width: 33%;
  top: 24px;
  left: 24px;
  z-index: 59
}

.ytp-overlay-top-left .ytp-fullscreen-metadata {
  max-width: 60%
}

.ytp-fullscreen-metadata-bottom .ytp-fullscreen-metadata {
  top: unset;
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 30px)
}

.ytp-fullscreen-metadata-bottom.ytp-featured-product-shown .ytp-fullscreen-metadata {
  bottom: calc(142px + var(--yt-delhi-bottom-controls-height, 72px))
}

.ytp-fullscreen-metadata-bottom.ytp-shopping-pill-shown .ytp-fullscreen-metadata {
  bottom: calc(86px + var(--yt-delhi-bottom-controls-height, 72px))
}

.ytp-fullscreen-metadata-bottom.ytp-fullscreen-grid-peeking .ytp-fullscreen-metadata {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 30px + var(--ytp-grid-peek-height))
}

.ytp-fullscreen-metadata-bottom.ytp-fullscreen-grid-peeking.ytp-featured-product-shown .ytp-fullscreen-metadata {
  bottom: calc(142px + var(--yt-delhi-bottom-controls-height, 72px) + var(--ytp-grid-peek-height))
}

.ytp-fullscreen-metadata-bottom.ytp-fullscreen-grid-peeking.ytp-shopping-pill-shown .ytp-fullscreen-metadata {
  bottom: calc(86px + var(--yt-delhi-bottom-controls-height, 72px) + var(--ytp-grid-peek-height))
}

.ytp-fullscreen-metadata-bottom.ytp-big-mode .ytp-fullscreen-metadata {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 30px)
}

.ytp-fullscreen-metadata-bottom.ytp-big-mode.ytp-featured-product-shown .ytp-fullscreen-metadata {
  bottom: calc(142px + var(--yt-delhi-big-mode-bottom-controls-height, 96px))
}

.ytp-fullscreen-metadata-bottom.ytp-big-mode.ytp-shopping-pill-shown .ytp-fullscreen-metadata {
  bottom: calc(86px + var(--yt-delhi-big-mode-bottom-controls-height, 96px))
}

.ytp-fullscreen-metadata-bottom.ytp-big-mode.ytp-fullscreen-grid-peeking .ytp-fullscreen-metadata {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 30px + var(--ytp-grid-peek-height))
}

.ytp-fullscreen-metadata-bottom.ytp-big-mode.ytp-fullscreen-grid-peeking.ytp-featured-product-shown .ytp-fullscreen-metadata {
  bottom: calc(142px + var(--yt-delhi-big-mode-bottom-controls-height, 96px) + var(--ytp-grid-peek-height))
}

.ytp-fullscreen-metadata-bottom.ytp-big-mode.ytp-fullscreen-grid-peeking.ytp-shopping-pill-shown .ytp-fullscreen-metadata {
  bottom: calc(86px + var(--yt-delhi-big-mode-bottom-controls-height, 96px) + var(--ytp-grid-peek-height))
}

.ytp-overlays-container .ytp-chrome-top-buttons {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}

.ytp-overlays-container .ytp-fullscreen-metadata,
.ytp-overlays-container .ytp-fullscreen-quick-actions {
  position: relative;
  inset: 0;
  z-index: 59;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-overlays-container .ytp-chrome-top-buttons {
  position: relative;
  inset: 0;
  z-index: 58
}

* .ytp-overlays-container .ytp-fullscreen-metadata,
* .ytp-overlays-container .ytp-fullscreen-quick-actions,
.ytp-fullscreen-metadata-bottom .ytp-overlays-container .ytp-fullscreen-metadata,
.ytp-fullscreen-metadata-bottom .ytp-overlays-container .ytp-fullscreen-quick-actions,
.ytp-fullscreen-metadata-bottom.ytp-big-mode .ytp-overlays-container .ytp-fullscreen-metadata,
.ytp-fullscreen-metadata-bottom.ytp-big-mode .ytp-overlays-container .ytp-fullscreen-quick-actions {
  position: relative;
  inset: 0
}

.ytp-fullscreen-grid-peeking .ytp-overlays-container {
  opacity: max(1 - 3 * var(--ytp-grid-scroll-percentage), 0)
}

.ytp-fullscreen-grid-active .ytp-overlays-container {
  opacity: 0;
  display: none
}

.ytp-autohide .ytp-fullscreen-metadata,
.ytp-autohide .ytp-fullscreen-quick-actions {
  opacity: 0
}

.ytp-autohide:not(.ytp-autohide-active) .ytp-fullscreen-metadata,
.ytp-autohide:not(.ytp-autohide-active) .ytp-fullscreen-quick-actions {
  height: 0;
  margin: 0
}

.ad-showing .ytp-fullscreen-metadata,
.ad-showing .ytp-fullscreen-quick-actions,
.ended-mode .ytp-fullscreen-quick-actions,
.seeking-mode .ytp-fullscreen-quick-actions,
.ytp-menu-shown .ytp-fullscreen-metadata,
.ytp-menu-shown .ytp-fullscreen-quick-actions,
.ytp-settings-shown .ytp-fullscreen-quick-actions,
.ytp-xsmall-width-mode .ytp-fullscreen-metadata,
.ytp-xsmall-width-mode .ytp-fullscreen-quick-actions {
  display: none
}

.ytp-gated-actions-overlay {
  z-index: 82;
  overflow: hidden
}

.ytp-gated-actions-overlay-background {
  background: no-repeat 50%/cover;
  background-color: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 82
}

.ytp-gated-actions-overlay-background-overlay {
  background-color: rgba(0, 0, 0, .3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 82
}

.ytp-gated-actions-overlay-miniplayer-close-button {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 8px;
  z-index: 82
}

.ytp-player-minimized .ytp-gated-actions-overlay-miniplayer-close-button {
  display: inline-block
}

.ytp-gated-actions-overlay-bar {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 6px;
  left: 20px;
  height: 56px;
  bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 8px;
  color: #fff;
  width: 380px;
  z-index: 82
}

.ytp-big-mode .ytp-gated-actions-overlay-bar {
  padding: 0 9px;
  height: 84px;
  bottom: 30px;
  left: 30px
}

.ytp-gated-actions-overlay-buttons {
  margin: 12px 6px
}

.ytp-gated-actions-overlay-button {
  min-width: 80px;
  height: 32px;
  padding: 0 8px;
  background: rgba(255, 255, 255, .1);
  border-radius: 24px;
  border-width: 0;
  cursor: pointer
}

.ytp-gated-actions-overlay-button-title {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  line-height: 32px;
  font-size: 110%;
  font-weight: 500;
  color: #fff
}

.ytp-big-mode .ytp-gated-actions-overlay-buttons {
  margin: 18px 9px
}

.ytp-big-mode .ytp-gated-actions-overlay-button {
  min-width: 120px;
  height: 48px;
  padding: 0 12px;
  border-radius: 3px
}

.ytp-big-mode .ytp-gated-actions-overlay-button-title {
  margin: 0 12px;
  line-height: 48px;
  font-size: 130%;
  font-weight: 500
}

.ytp-gated-actions-overlay-text-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 180px;
  margin: 0 6px
}

.ytp-big-mode .ytp-gated-actions-overlay-text-container {
  min-width: 270px;
  margin: 0 9px
}

.ytp-gated-actions-overlay-subtitle,
.ytp-gated-actions-overlay-title {
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ytp-gated-actions-overlay-title {
  font-size: 150%;
  font-weight: 500
}

.ytp-gated-actions-overlay-subtitle {
  font-size: 110%;
  font-weight: 400;
  color: rgba(255, 255, 255, .7)
}

.ytp-heat-map.ytp-fine-scrubbing-enable:not(.ad-showing) .ytp-heat-map-container,
.ytp-heat-map.ytp-progress-bar-hover:not(.ad-showing) .ytp-heat-map-container {
  display: block;
  opacity: 1;
  -webkit-transition: opacity .2s cubic-bezier(0, 0, .2, 1);
  transition: opacity .2s cubic-bezier(0, 0, .2, 1);
  height: 40px;
  bottom: 5px;
  -webkit-transition: bottom .1s cubic-bezier(0, 0, .2, 1);
  transition: bottom .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern .ytp-heat-map-container {
  pointer-events: none;
  opacity: 0;
  display: block;
  margin-bottom: 0
}

.ytp-delhi-modern.ytp-heat-map.ytp-fine-scrubbing-enable:not(.ad-showing) .ytp-heat-map-container,
.ytp-delhi-modern.ytp-heat-map.ytp-progress-bar-hover:not(.ad-showing) .ytp-heat-map-container {
  -webkit-transition: opacity .2s cubic-bezier(.05, 0, 0, 1) .1s, margin-bottom .2s cubic-bezier(.05, 0, 0, 1) .1s;
  transition: opacity .2s cubic-bezier(.05, 0, 0, 1) .1s, margin-bottom .2s cubic-bezier(.05, 0, 0, 1) .1s;
  margin-bottom: 8px
}

.ytp-heat-map.ytp-progress-bar-hover:not(.ad-showing) .ytp-timed-markers-enabled .ytp-heat-map-container {
  bottom: 7px
}

.ytp-heat-map.ytp-progress-bar-hover .ytp-heat-map-chapter svg {
  height: 40px
}

.ytp-big-mode.ytp-heat-map.ytp-progress-bar-hover .ytp-heat-map-chapter svg {
  height: 60px
}

.ytp-heat-map-container {
  opacity: 0;
  display: none;
  width: 100%;
  -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
  position: absolute;
  overflow: hidden;
  height: 0;
  bottom: 5px;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-heat-map.ytp-big-mode.ytp-progress-bar-hover .ytp-heat-map-container {
  height: 60px;
  bottom: 8px;
  -webkit-transition: bottom .1s cubic-bezier(0, 0, .2, 1);
  transition: bottom .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-heat-map-chapter {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%
}

.ytp-heat-map-chapter.ytp-heatmap-hover {
  bottom: 2px;
  -webkit-transition: bottom .1s cubic-bezier(0, 0, .2, 1);
  transition: bottom .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern .ytp-heat-map-chapter.ytp-heatmap-hover {
  -webkit-transition: bottom .2s cubic-bezier(.05, 0, 0, 1);
  transition: bottom .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-big-mode .ytp-heat-map-chapter.ytp-heatmap-hover {
  bottom: 3px
}

.ytp-heat-map-played_bar .ytp-heat-map-hover {
  height: 100%;
  fill: rgba(255, 255, 255, .5)
}

.ytp-heat-map-hover,
.ytp-heat-map-play {
  height: 0
}

.ytp-heat-map-edu {
  display: none
}

.ytp-fine-scrubbing-container {
  width: 100%;
  position: absolute;
  bottom: 0;
  height: 0
}

.ytp-fine-scrubbing-thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto
}

.ytp-fine-scrubbing-draggable,
.ytp-fine-scrubbing-thumbnails {
  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;
  position: absolute;
  min-width: 160px;
  height: 100%
}

.ytp-fine-scrubbing-cursor {
  position: absolute;
  left: 50%;
  height: 100%;
  width: 3px;
  background: #eee
}

.ytp-fine-scrubbing-seek-time {
  position: absolute;
  bottom: 110%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none
}

.ytp-fine-scrubbing-enable .ytp-fine-scrubbing-dismiss,
.ytp-fine-scrubbing-enable .ytp-fine-scrubbing-play,
.ytp-fine-scrubbing-enable .ytp-fine-scrubbing-seek-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-fine-scrubbing-enable .ytp-chrome-controls {
  display: none
}

.ytp-fine-scrubbing-play {
  display: none;
  height: 35px;
  width: 35px;
  bottom: 110%;
  position: absolute
}

.ytp-delhi-modern-icons .ytp-fine-scrubbing-play {
  bottom: 120%
}

.ytp-delhi-modern-icons .ytp-fine-scrubbing-play svg {
  padding: 8px
}

.ytp-fine-scrubbing-dismiss {
  position: absolute;
  bottom: 115%;
  right: 10px;
  height: 25px;
  width: 25px;
  display: none
}

.ytp-fine-scrubbing-chapter-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 160px;
  height: 90px;
  font-size: 12px;
  font-weight: 700;
  background-color: rgba(0, 0, 0, .5);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  word-wrap: break-word;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.ytp-fine-scrubbing-chapter-title-content {
  padding: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ytp-big-mode .ytp-fine-scrubbing-chapter-title {
  width: 240px;
  height: 135px
}

.ytp-fine-scrubbing-edu {
  display: none
}

.ytp-fine-scrubbing-enable.html5-video-player .ytp-ad-overlay-slot {
  bottom: 107px
}

.ytp-big-mode.ytp-fine-scrubbing-enable.html5-video-player .ytp-ad-overlay-slot {
  bottom: 151px
}

.ytp-info-panel-action-item {
  display: block;
  margin: 16px 0 0 16px;
  width: auto;
  display: -moz-flexbox;
  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
}

.ytp-big-mode .ytp-info-panel-action-item {
  margin: 24px 0 0 24px;
  display: -moz-flexbox;
  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
}

.ytp-small-mode .ytp-info-panel-action-item {
  margin: 8px 12px 0 0 0 8px 12px 0;
  display: -moz-flexbox;
  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
}

.ytp-info-panel-action-item-disclaimer {
  cursor: none;
  font-size: 14px;
  overflow: auto;
  margin-bottom: 16px
}

.ytp-info-panel-action-item-button {
  width: 100%;
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center
}

.ytp-info-panel-action-item-icon {
  width: 24px;
  height: 24px;
  color: rgb(255, 255, 255);
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.ytp-big-mode .ytp-info-panel-action-item-icon {
  width: 72px;
  height: 54px
}

.ytp-info-panel-action-item-label {
  margin-left: 12px;
  font-size: 14px;
  color: rgb(255, 255, 255);
  overflow: auto
}

.ytp-big-mode .ytp-info-panel-action-item-label,
.ytp-small-mode .ytp-info-panel-action-item-label {
  margin-left: 12px;
  font-size: 14px;
  overflow: auto
}

.ytp-info-panel-detail-skrim {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
  z-index: 71
}

.ytp-info-panel-detail {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60%;
  background: rgba(0, 0, 0, .8);
  overflow: auto;
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
  transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-info-panel-detail,
.ytp-small-mode .ytp-info-panel-detail {
  width: 60%
}

[dir=ltr] .ytp-info-panel-detail[aria-hidden=true] {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
  transition: transform .25s cubic-bezier(.4, 0, 1, 1), -webkit-transform .25s cubic-bezier(.4, 0, 1, 1)
}

[dir=ltr] .ytp-embed-playlist .ytp-info-panel-detail[aria-hidden=true] {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}

[dir=rtl] .ytp-info-panel-detail[aria-hidden=true] {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
  transition: transform .25s cubic-bezier(.4, 0, 1, 1), -webkit-transform .25s cubic-bezier(.4, 0, 1, 1)
}

[dir=rtl] .ytp-embed-playlist .ytp-info-panel-detail[aria-hidden=true] {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ytp-info-panel-detail-header {
  margin: 16px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center
}

.ytp-big-mode .ytp-info-panel-detail-header {
  margin: 24px
}

.ytp-info-panel-detail-title {
  margin-right: 14px;
  -webkit-flex-grow: 2;
  -webkit-box-flex: 2;
  flex-grow: 2
}

.ytp-info-panel-detail-close {
  width: 24px;
  height: 24px;
  color: rgb(255, 255, 255);
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.ytp-big-mode .ytp-info-panel-detail-close {
  width: 36px;
  height: 36px
}

.ytp-info-panel-detail-close path {
  fill: #aaa
}

.ytp-info-panel-detail-close:hover path {
  fill: #fff
}

.ytp-info-panel-detail-body {
  line-height: 24px;
  min-height: 48px;
  font-size: 14px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  margin: 0 16px;
  overflow: auto
}

.ytp-big-mode .ytp-info-panel-detail-body {
  margin: 0 24px
}

.ytp-info-panel-detail-items {
  left: 0;
  right: 0;
  padding: 0 16px 16px 0
}

.ytp-muted-autoplay .ytp-info-panel-detail-skrim {
  z-index: 1002
}

.html5-video-player.ended-mode .ytp-info-panel-preview {
  display: none
}

.ytp-info-panel-preview {
  height: auto;
  bottom: auto;
  left: 12px;
  right: auto;
  overflow: hidden;
  pointer-events: auto;
  position: absolute;
  cursor: pointer;
  text-shadow: 0 0 2px rgba(0, 0, 0, .5);
  z-index: 26;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .6);
  border: inherit;
  border-left: 4px solid #3ea6ff;
  border-radius: 4px;
  padding: 0;
  font: inherit;
  max-width: min(50% - 64px, 272px);
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-info-panel-preview[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-embed .ytp-info-panel-preview {
  top: 60px
}

.ytp-embed.ytp-shorts-mode .ytp-info-panel-preview {
  top: 122px
}

.ytp-big-mode.ytp-autohide .ytp-info-panel-preview,
.ytp-big-mode.ytp-hide-info-bar .ytp-info-panel-preview,
.ytp-embed.ytp-autohide .ytp-info-panel-preview,
.ytp-embed.ytp-hide-info-bar .ytp-info-panel-preview {
  top: 12px
}

.ytp-muted-autoplay .ytp-info-panel-preview {
  z-index: 1002;
  top: 12px
}

.ytp-larger-tap-buttons .ytp-info-panel-preview {
  top: 81px
}

.ytp-big-mode .ytp-info-panel-preview {
  top: 81px;
  bottom: auto;
  left: 24px;
  height: auto;
  line-height: auto
}

.ytp-small-mode .ytp-info-panel-preview {
  min-width: 130px;
  max-width: min(50% - 64px, 208px)
}

.ytp-iv-drawer-open .ytp-info-panel-preview {
  display: none;
  -webkit-transition: display .1s cubic-bezier(.4, 0, 1, 1);
  transition: display .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-info-panel-preview-chevron {
  width: 24px;
  height: 24px;
  line-height: 0px;
  pointer-events: none;
  color: rgb(255, 255, 255);
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.ytp-info-panel-preview-chevron:empty,
.ytp-info-panel-preview-icon:empty {
  height: 0;
  width: 0
}

.ytp-info-panel-preview-text {
  background: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  pointer-events: none;
  margin: 8px;
  color: rgb(255, 255, 255);
  opacity: 1;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  display: -webkit-box;
  overflow: hidden;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-info-panel-preview-text[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

#inline-preview-player .caption-window,
#inline-preview-player .ytp-caption-window-container {
  pointer-events: none
}

.ytp-modern-caption#inline-preview-player .ytp-caption-window-container,
.ytp-modern-caption.ytp-mweb-player .ytp-caption-window-container {
  width: calc(100% - 48px)
}

.ytp-modern-caption#inline-preview-player .caption-window,
.ytp-modern-caption.ytp-mweb-player .caption-window {
  border: 8px solid transparent;
  border-radius: 4px;
  font-weight: 500
}

.ytp-modern-caption#inline-preview-player .caption-window.ytp-caption-window-bottom,
.ytp-modern-caption.ytp-mweb-player .caption-window.ytp-caption-window-bottom {
  margin-bottom: 16px
}

.ytp-input-slider-section {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}

.ytp-input-slider {
  --yt-slider-shape-gradient-percent: 0;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 24px;
  background-color: transparent;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  direction: ltr
}

.ytp-input-slider::-webkit-slider-runnable-track {
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(#666), to(#666));
  background: -webkit-linear-gradient(left, #fff 0, #fff var(--yt-slider-shape-gradient-percent), #666 var(--yt-slider-shape-gradient-percent), #666 100%);
  background: linear-gradient(to right, #fff 0, #fff var(--yt-slider-shape-gradient-percent), #666 var(--yt-slider-shape-gradient-percent), #666 100%);
  height: 4px;
  border-radius: 12px
}

.ytp-input-slider::-moz-range-track {
  background: linear-gradient(to right, #fff 0, #fff var(--yt-slider-shape-gradient-percent), rgba(255, 255, 255, .2) var(--yt-slider-shape-gradient-percent), rgba(255, 255, 255, .2) 100%);
  height: 4px;
  border-radius: 12px
}

.ytp-input-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin-top: -6px
}

.ytp-input-slider::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  width: 16px;
  height: 16px;
  border-radius: 8px
}

.ytp-input-slider::-ms-thumb {
  appearance: none;
  background: #fff;
  width: 16px;
  height: 16px;
  border-radius: 8px
}

.ytp-varispeed-input-slider::-webkit-slider-runnable-track {
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(#909090), to(#909090));
  background: -webkit-linear-gradient(left, #fff 0, #fff var(--yt-slider-shape-gradient-percent), #909090 var(--yt-slider-shape-gradient-percent), #909090 100%);
  background: linear-gradient(to right, #fff 0, #fff var(--yt-slider-shape-gradient-percent), #909090 var(--yt-slider-shape-gradient-percent), #909090 100%)
}

@supports ((-webkit-writing-mode:vertical-rl) or (writing-mode:vertical-rl)) {
  .ytp-vertical-slider .ytp-input-slider {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: bt-rl;
    writing-mode: vertical-rl;
    direction: rtl;
    height: inherit;
    width: 24px
  }

  .ytp-vertical-slider .ytp-input-slider::-webkit-slider-runnable-track {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(#fff), color-stop(#666), to(#666));
    background: -webkit-linear-gradient(bottom, #fff 0, #fff var(--yt-slider-shape-gradient-percent), #666 var(--yt-slider-shape-gradient-percent), #666 100%);
    background: linear-gradient(to top, #fff 0, #fff var(--yt-slider-shape-gradient-percent), #666 var(--yt-slider-shape-gradient-percent), #666 100%);
    width: 4px
  }

  .ytp-vertical-slider .ytp-input-slider::-moz-range-track {
    background: linear-gradient(to top, #fff 0, #fff var(--yt-slider-shape-gradient-percent), rgba(255, 255, 255, .2) var(--yt-slider-shape-gradient-percent), rgba(255, 255, 255, .2) 100%);
    width: 4px;
    height: 100%
  }

  .ytp-vertical-slider .ytp-input-slider::-webkit-slider-thumb {
    margin-right: -6px
  }

  .ytp-vertical-slider .ytp-input-slider::-moz-range-thumb {
    margin-right: 0
  }
}

.ytp-chrome-controls .ytp-jump-button {
  width: 46px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 9px;
  display: none
}

.ytp-chrome-controls .ytp-jump-button.ytp-jump-button-enabled {
  display: block
}

.ytp-big-mode .ytp-chrome-controls .ytp-jump-button {
  padding-top: 12px
}

.ytp-small-mode .ytp-chrome-controls .ytp-jump-button {
  padding-top: 7px
}

.ytp-small-mode .ytp-chrome-controls .ytp-jump-button.ytp-jump-button-enabled,
.ytp-tiny-mode .ytp-chrome-controls .ytp-jump-button.ytp-jump-button-enabled {
  display: none
}

.ytp-jump-button-text {
  fill: #fff;
  font-size: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 900
}

.ytp-jump-spin .ytp-circle-arrow {
  -webkit-animation-name: ytp-jump-spin;
  animation-name: ytp-jump-spin;
  -webkit-animation-duration: .25s;
  animation-duration: .25s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center
}

.ytp-jump-spin.backwards .ytp-circle-arrow {
  -webkit-animation-name: ytp-jump-spin-backwards;
  animation-name: ytp-jump-spin-backwards
}

@-webkit-keyframes ytp-jump-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes ytp-jump-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes ytp-jump-spin-backwards {
  0% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes ytp-jump-spin-backwards {
  0% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.ytp-large-play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 68px;
  height: 48px;
  margin-left: -34px;
  margin-top: -24px;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  z-index: 63
}

.ytp-large-play-button.ytp-shorts-mode {
  width: 68px;
  height: 90px
}

.ytp-big-mode .ytp-large-play-button.ytp-shorts-mode {
  width: 102px;
  height: 135px
}

.ytp-dni .ytp-large-play-button,
.ytp-dni.ytp-big-mode .ytp-large-play-button,
.ytp-dni.ytp-small-mode .ytp-large-play-button {
  width: 75px;
  height: 75px;
  margin-left: -37.5px;
  margin-top: -37.5px
}

.house-brand .ytp-large-play-button {
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px
}

.ytp-large-play-button svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.ytp-dni .ytp-cued-thumbnail-overlay .ytp-dni-large-play-button-bg {
  -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);
  fill-opacity: .8
}

.ytp-dni .ytp-cued-thumbnail-overlay:hover .ytp-dni-large-play-button-bg {
  -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);
  fill-opacity: 1
}

.ytp-big-mode .ytp-large-play-button {
  width: 102px;
  height: 72px;
  margin-left: -51px;
  margin-top: -36px
}

.house-brand.ytp-big-mode .ytp-large-play-button {
  width: 90px;
  height: 90px;
  margin-left: -45px;
  margin-top: -45px
}

.ytp-cued-thumbnail-overlay[aria-hidden=true] .ytp-large-play-button,
.ytp-menu-shown .ytp-large-play-button {
  display: none
}

.ytp-muted-autoplay-end-panel .ytp-large-play-button {
  display: block
}

.ytp-large-play-button-bg {
  -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);
  fill: #212121;
  fill-opacity: .8
}

.ytp-large-play-button-red-bg .ytp-large-play-button-bg {
  fill: var(--yt-sys-color-baseline--static-brand-red, #f03);
  fill-opacity: 1
}

.ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,
.ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg,
.ytp-muted-autoplay-endscreen-overlay:hover .ytp-large-play-button-bg {
  -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);
  fill: var(--yt-sys-color-baseline--static-brand-red, #f03);
  fill-opacity: 1
}

.ytp-color-party .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,
.ytp-color-party .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg,
.ytp-color-party .ytp-muted-autoplay-endscreen-overlay:hover .ytp-large-play-button-bg {
  -webkit-animation: ytp-party-fill .15s linear infinite;
  animation: ytp-party-fill .15s linear infinite
}

.house-brand .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,
.house-brand .ytp-muted-autoplay-endscreen-overlay:hover .ytp-large-play-button-bg {
  fill: #000
}

.ytp-linked-account-popup-container {
  width: 100%;
  height: 100%;
  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-justify-content: space-around;
  justify-content: space-around
}

.ytp-linked-account-popup {
  position: absolute;
  z-index: 72;
  overflow: hidden;
  background: white;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: rgba(17, 17, 17, .8);
  font-family: YouTube Noto, Roboto, Arial, Helvetica, sans-serif;
  display: block;
  width: 400px;
  overflow-y: auto
}

html[dark] .ytp-linked-account-popup {
  background: rgba(33, 33, 33, .95);
  color: rgb(255, 255, 255)
}

.ytp-linked-account-popup-buttons {
  padding: 8px 8px 8px 24px;
  border-top: 1px solid rgb(238, 238, 238);
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-linked-account-popup-button {
  font-weight: 500;
  letter-spacing: .007px;
  line-height: 20px;
  text-transform: uppercase;
  color: #065fd4;
  background-color: transparent;
  cursor: pointer;
  padding: 10px 16px
}

html[dark] .ytp-linked-account-popup-button {
  color: #3ea6ff
}

.ytp-linked-account-popup-title {
  font-size: 16px;
  line-height: 28px;
  margin: 16px 24px;
  color: rgb(3, 3, 3)
}

html[dark] .ytp-linked-account-popup-title {
  color: rgb(255, 255, 255)
}

.ytp-linked-account-popup-description {
  padding: 0 24px;
  margin: 4px 0 24px
}

.ytp-mdx-privacy-popup-confirm {
  font-weight: 500;
  font-size: 14px;
  margin: 12px 0;
  padding: 10px 20px;
  border-radius: 2px;
  background: #666;
  text-transform: uppercase
}

.ytp-mdx-privacy-popup-cancel {
  font-weight: 500;
  font-size: 14px;
  margin: 12px 0;
  padding: 10px 20px;
  border-radius: 2px;
  text-transform: uppercase
}

.ytp-mdx-popup-dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 75;
  background: rgba(0, 0, 0, .8);
  text-align: center;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-mdx-popup-dialog-inner-content {
  position: absolute;
  top: 50%;
  margin-top: -70px;
  left: 0;
  right: 0;
  padding: 0 20%
}

.ytp-mdx-popup-title {
  font-size: 20px;
  padding-bottom: 16px
}

.ytp-mdx-popup-description {
  font-size: 14px
}

.ytp-mdx-privacy-popup-buttons {
  margin-top: 20px;
  height: 44px
}

.ytp-big-mode .mdx-privacy-popup-buttons {
  margin-top: 30px;
  height: 67px
}

.html5-video-player.ytp-player-minimized:not(.ended-mode):not(.cued-mode):not(.unstarted-mode) {
  overflow: visible
}

.ytp-player-minimized .ytp-ypc-player-content {
  display: none
}

.ytp-miniplayer-ui {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 67
}

.ytp-player-minimized .ytp-suggested-action-badge {
  z-index: 68
}

.ytp-player-minimized .ytp-suggested-action-badge.ytp-suggested-action-badge-with-controls {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px)
}

.ytp-miniplayer-scrim {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1) .1s;
  transition: .2s cubic-bezier(.4, 0, .2, 1) .1s;
  opacity: 0;
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  justify-content: center
}

.ytp-miniplayer-scrim:focus-within {
  opacity: 1
}

.html5-video-player.ytp-player-minimized.unstarted-mode .ytp-miniplayer-scrim {
  opacity: 1
}

.ytp-miniplayer-scrim:hover {
  opacity: 1
}

.ytp-miniplayer-buttons {
  display: none
}

.ytp-player-minimized.ended-mode .ytp-miniplayer-buttons {
  display: block
}

.ytp-player-minimized.ad-showing .ytp-miniplayer-buttons {
  display: none
}

.ytp-miniplayer-close-button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 8px;
  z-index: 67
}

.ytp-miniplayer-expand-watch-page-button {
  position: absolute;
  width: 40px;
  height: 40px;
  padding: 8px;
  z-index: 67
}

.ytp-miniplayer-expand-watch-page-button.ytp-miniplayer-button-bottom-right {
  bottom: 4px;
  right: 0
}

.ytp-miniplayer-expand-watch-page-button.ytp-miniplayer-button-top-left {
  top: 0;
  left: 0
}

.ytp-miniplayer-replay-button {
  position: absolute;
  left: 8px;
  bottom: 8px;
  width: 32px;
  height: 32px;
  z-index: 67
}

.ytp-player-minimized.ad-showing .ytp-miniplayer-replay-button {
  display: none
}

.ytp-miniplayer-controls {
  direction: ltr;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  width: 264px;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.ytp-miniplayer-button-container {
  min-width: 64px
}

.ytp-miniplayer-ui .ytp-play-button {
  width: 72px;
  height: 72px
}

.ytp-miniplayer-ui .ytp-next-button,
.ytp-miniplayer-ui .ytp-prev-button {
  display: inline-block;
  width: 64px;
  height: 64px
}

.ytp-delhi-modern .ytp-miniplayer-ui .ytp-next-button,
.ytp-delhi-modern .ytp-miniplayer-ui .ytp-prev-button {
  width: 32px;
  height: 32px
}

.ytp-delhi-modern .ytp-miniplayer-ui .ytp-miniplayer-button-container {
  min-width: 32px
}

.ytp-delhi-modern .ytp-miniplayer-ui .ytp-play-button {
  width: 42px;
  height: 42px
}

.ytp-delhi-modern .ytp-miniplayer-ui .ytp-miniplayer-controls svg {
  width: 100%;
  height: 100%
}

.ytp-miniplayer-ui .ytp-time-display {
  position: absolute;
  left: 7px;
  bottom: 0
}

.ytp-miniplayer-ui .ytp-time-display .ytp-live-badge {
  display: none;
  width: auto;
  text-transform: uppercase
}

.ytp-miniplayer-ui .ytp-time-display.ytp-live .ytp-live-badge {
  display: inline-block
}

.ytp-player-minimized.ad-showing .ytp-miniplayer-ui {
  display: block
}

.ytp-player-minimized.ad-showing .ytp-miniplayer-ui .ytp-next-button,
.ytp-player-minimized.ad-showing .ytp-miniplayer-ui .ytp-prev-button,
.ytp-player-minimized.ad-showing .ytp-miniplayer-ui .ytp-time-display {
  display: none
}

.ytp-player-minimized .ytp-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title {
  width: 200%;
  text-align: center;
  right: 48px
}

.ytp-player-minimized .ytp-drag .ytp-exp-chapter-hover-effect,
.ytp-player-minimized .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-container:hover,
.ytp-player-minimized .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-effect {
  bottom: 1px;
  -webkit-transform: scaleY(1.4);
  -ms-transform: scaleY(1.4);
  transform: scaleY(1.4);
  -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
  transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-player-minimized .ytp-progress-bar-container,
.ytp-small-mode.ytp-player-minimized .ytp-progress-bar-container {
  position: absolute;
  bottom: -1px;
  z-index: 68
}

.ytp-player-minimized .ytp-time-display {
  pointer-events: none
}

.ytp-player-minimized:not(.ad-showing) .ytp-progress-bar-container:hover {
  bottom: 0
}

.ytp-player-minimized .video-ads,
.ytp-player-minimized.ytp-menu-shown .video-ads {
  display: block
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay {
  overflow: hidden
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-flyout-cta,
.ytp-player-minimized.ytp-menu-shown .ytp-ad-preview-container,
.ytp-player-minimized.ytp-menu-shown .ytp-ad-skip-button-container {
  bottom: 32px
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-instream-info {
  bottom: 3px;
  left: 6px
}

.ytp-player-minimized .ytp-tooltip.ytp-text-detail .ytp-tooltip-title {
  text-transform: capitalize;
  font-size: 12px
}

.ytp-player-minimized .ytp-tooltip.ytp-text-detail.ytp-preview {
  max-width: calc(100% - 24px);
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.ytp-player-minimized .html5-main-video,
.ytp-player-minimized .ytp-miniplayer-scrim {
  border-radius: 12px 12px 0 0
}

.ytp-player-minimized .html5-main-video {
  border-radius: 0
}

.ytp-player-minimized.ytp-player-document-picture-in-picture .ytp-miniplayer-close-button,
.ytp-player-minimized.ytp-player-document-picture-in-picture .ytp-miniplayer-expand-watch-page-button {
  display: none
}

.ytp-player-minimized.ytp-player-document-picture-in-picture .html5-main-video,
.ytp-player-minimized.ytp-player-document-picture-in-picture .ytp-miniplayer-scrim,
.ytp-player-minimized.ytp-player-document-picture-in-picture.html5-video-player {
  border-radius: 0
}

.ytp-title-notifications {
  -webkit-align-self: center;
  align-self: center;
  margin-right: 5px;
  text-align: center
}

button.ytp-button.ytp-title-notifications {
  margin-left: 8px;
  width: 48px
}

.ytp-title-notifications:not(.ytp-notifications-enabled) .ytp-title-notifications-on {
  display: none
}

.ytp-title-notifications.ytp-notifications-enabled .ytp-title-notifications-off {
  display: none
}

.ytp-offline-slate {
  z-index: 21;
  overflow: hidden
}

.ytp-offline-slate-background {
  background: no-repeat 50%/cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 22
}

.ytp-offline-slate.ytp-offline-slate-hide-background .ytp-offline-slate-background {
  display: none
}

.html5-video-player.ended-mode .ytp-offline-slate.ytp-offline-slate-hide-background .ytp-offline-slate-background {
  display: block
}

.ytp-offline-slate:not(.ytp-offline-slate-premiere-trailer) .ytp-offline-slate-bar-fade.ytp-offline-slate-bar {
  display: none
}

.ytp-offline-slate-bar {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 6px;
  left: 12px;
  height: 56px;
  bottom: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  text-transform: uppercase;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1);
  z-index: 46;
  border-radius: 8px
}

.ytp-delhi-modern .ytp-offline-slate-bar {
  background-color: rgba(40, 40, 40, .6);
  border-radius: 12px
}

.ytp-offline-slate-bar.ytp-offline-slate-bar-hidden {
  display: none
}

.ytp-embed .ytp-offline-slate-bar {
  bottom: 52px
}

.ytp-big-mode .ytp-offline-slate-bar {
  padding: 0 9px;
  height: 84px;
  bottom: 90px;
  left: 18px
}

.ytp-embed.ytp-big-mode .ytp-offline-slate-bar {
  bottom: 90px
}

.ytp-autohide .ytp-offline-slate-bar,
.ytp-hide-controls .ytp-offline-slate-bar {
  bottom: 12px;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide .ytp-big-mode .ytp-offline-slate-bar,
.ytp-hide-controls .ytp-big-mode .ytp-offline-slate-bar {
  bottom: 18px
}

.ytp-offline-slate-icon {
  margin: 0 14px;
  width: 24px
}

.ytp-delhi-modern .ytp-offline-slate-icon {
  display: none
}

.ytp-big-mode .ytp-offline-slate-icon {
  width: 36px
}

.ytp-offline-slate-buttons {
  margin: 12px 6px
}

.ytp-offline-slate-button {
  min-width: 80px;
  height: 32px;
  padding: 0 8px;
  background: rgba(255, 255, 255, .25);
  border-radius: 2px
}

.ytp-delhi-modern .ytp-offline-slate-button {
  background-color: #fff;
  border-radius: 18px;
  color: #282828
}

.ytp-offline-slate-button-icon {
  display: inline-block;
  vertical-align: middle;
  height: 24px
}

.ytp-delhi-modern .ytp-offline-slate-button-icon {
  height: 18px;
  width: 18px
}

.ytp-delhi-modern .ytp-offline-slate-button-icon svg {
  fill: #282828;
  height: 18px;
  width: 18px
}

.ytp-offline-slate-button-text {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  line-height: 32px;
  font-size: 110%;
  font-weight: 500
}

.ytp-reminder-menu {
  background: rgba(28, 28, 28, .9);
  border-radius: 2px;
  bottom: 55px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-shadow: 0 0 2px rgba(0, 0, 0, .5);
  white-space: nowrap;
  -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
  transition: opacity .1s cubic-bezier(0, 0, .2, 1);
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none
}

.ytp-reminder-menu[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-reminder-menu-contents {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #eee;
  display: table;
  padding: 8px 0;
  width: 100%
}

.ytp-reminder-menu-item {
  cursor: default;
  display: table-row;
  height: 40px;
  outline: none
}

.ytp-big-mode .ytp-reminder-menu-item {
  height: 49px
}

.ytp-reminder-menu-item:not([aria-disabled=true]) {
  cursor: pointer
}

.ytp-reminder-menu-item:not([aria-disabled=true]):hover {
  background-color: rgba(255, 255, 255, .1)
}

.ytp-reminder-menu-item-icon,
.ytp-reminder-menu-item-label {
  display: table-cell;
  padding: 0 15px;
  vertical-align: middle
}

.ytp-reminder-menu-item-label {
  font-size: 118%;
  font-weight: 500;
  padding-left: 0;
  text-transform: none
}

.ytp-big-mode .ytp-reminder-menu-item-label {
  padding: 0 15px 0 0
}

.ytp-reminder-menu-item-icon {
  padding: 0 10px
}

.ytp-big-mode .ytp-reminder-menu-item-icon {
  padding: 0 15px
}

.ytp-reminder-menu-item-icon svg {
  display: block;
  height: 24px;
  width: 24px
}

.ytp-big-mode .ytp-reminder-menu-item-icon svg {
  height: 36px;
  width: 36px
}

.ytp-big-mode .ytp-offline-slate-buttons {
  margin: 18px 9px
}

.ytp-big-mode .ytp-offline-slate-button {
  min-width: 120px;
  height: 48px;
  padding: 0 12px;
  border-radius: 3px
}

.ytp-big-mode .ytp-offline-slate-button-text {
  margin: 0 12px;
  line-height: 48px;
  font-size: 130%;
  font-weight: 500
}

.ytp-offline-slate-messages {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 180px;
  margin: 0 6px
}

.ytp-big-mode .ytp-offline-slate-messages {
  min-width: 270px;
  margin: 0 9px
}

.ytp-offline-slate-main-text,
.ytp-offline-slate-subtitle-text {
  text-transform: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ytp-offline-slate-main-text {
  font-size: 140%;
  font-weight: 400
}

.ytp-offline-slate-subtitle-text {
  font-size: 110%;
  font-weight: 500
}

.ytp-offline-slate-close-button,
.ytp-offline-slate-open-button {
  display: none
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-bar {
  -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;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  padding: 25px;
  padding-top: 48px;
  min-width: auto;
  width: 300px;
  height: auto;
  border-radius: 0;
  -webkit-transition: right .25s ease-in-out;
  transition: right .25s ease-in-out;
  z-index: 23
}

.ytp-big-mode .ytp-offline-slate-premiere-trailer .ytp-offline-slate-bar {
  padding-top: 69px
}

.ytp-player-minimized .ytp-offline-slate-premiere-trailer .ytp-offline-slate-bar,
.ytp-player-minimized .ytp-offline-slate-premiere-trailer .ytp-offline-slate-close-button,
.ytp-player-minimized .ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offline-slate-open-button {
  display: none
}

.ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offline-slate-bar {
  right: -100%
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-icon {
  display: none
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-close-button,
.ytp-offline-slate-premiere-trailer .ytp-offline-slate-open-button {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  right: 0;
  margin-top: -25px;
  z-index: 23
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-close-button {
  display: block
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-open-button:before {
  background: rgba(0, 0, 0, .8);
  content: "";
  display: block;
  height: 28px;
  left: 15px;
  position: absolute;
  top: 10px;
  width: 20px
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-open-button svg {
  position: absolute;
  left: 0;
  top: 0
}

.ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offline-slate-close-button {
  display: none
}

.ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offline-slate-open-button {
  display: block
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-messages {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none;
  margin: 0
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-main-text {
  font-size: 20px;
  font-weight: 500;
  height: auto
}

.ytp-big-mode .ytp-offline-slate-premiere-trailer .ytp-offline-slate-main-text {
  margin-top: 0
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-subtitle-text {
  color: #aaa;
  font-size: 13px;
  line-height: 1.3em;
  margin: 5px 0 20px;
  white-space: normal
}

.ytp-big-mode .ytp-offline-slate-premiere-trailer .ytp-offline-slate-subtitle-text {
  margin-left: 0
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-description {
  display: block;
  text-transform: none;
  font-size: 13px;
  margin: 20px 0;
  max-height: 300px;
  overflow: hidden
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-buttons {
  margin-left: 0;
  margin-right: 0
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-buttons .ytp-reminder-menu {
  bottom: auto
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-button {
  background: rgba(255, 255, 255, .3);
  color: #fff;
  font-size: 14px;
  height: auto;
  padding: 4px 8px;
  text-transform: uppercase
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-button svg {
  fill: #fff
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-button-text {
  font-size: 110%;
  line-height: 32px;
  margin: 0 8px
}

.ytp-chrome-top .ytp-overflow-button {
  width: auto;
  height: auto;
  min-width: 48px
}

.ytp-embed:not(.ad-showing).ytp-small-mode .ytp-overflow-button {
  padding-top: 16px
}

.ytp-overflow-icon {
  margin: auto;
  width: 36px;
  height: 36px;
  vertical-align: middle
}

.ytp-overflow-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 74;
  background: rgba(0, 0, 0, .8);
  text-align: center;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-overflow-panel[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .25s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .25s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide.ytp-embed-overlays-autohide .ytp-overflow-panel {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide:not(.ytp-autohide-active).ytp-embed-overlays-autohide .ytp-overflow-panel {
  display: none
}

.ytp-overflow-panel-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -48px
}

.ytp-overflow-panel-close {
  position: absolute;
  top: 6px;
  right: 12px;
  padding: 0;
  width: 36px;
  height: 36px
}

.ytp-mobile.ytp-embed-mobile .ytp-overflow-panel-close {
  width: 48px;
  height: 48px
}

.ytp-overflow-panel-close path {
  fill: #aaa
}

.ytp-overflow-panel-close:hover path {
  fill: #fff
}

.ytp-overflow-panel-action-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.ytp-overlays-container {
  position: absolute;
  inset: 8px 12px 72px;
  z-index: 59;
  pointer-events: none;
  -webkit-transition: bottom .1s;
  transition: bottom .1s;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-overlays-container .ytp-overlay-top-left {
  position: absolute;
  width: 100%
}

.ytp-overlays-container .ytp-overlay-top-left>* {
  pointer-events: auto;
  margin-bottom: 12px
}

.ytp-overlays-container .ytp-overlay-top-right {
  position: absolute;
  width: 100%;
  right: 0
}

.ytp-overlays-container .ytp-overlay-top-right>* {
  pointer-events: auto;
  margin-bottom: 12px;
  margin-right: 0;
  margin-left: auto
}

.ytp-overlays-container .ytp-overlay-top-right .ytp-chrome-top-buttons {
  margin-bottom: 0
}

.ytp-overlays-container .ytp-overlay-top-right .ytp-chrome-top-buttons>* {
  margin-bottom: 12px
}

.ytp-overlays-container .ytp-overlay-bottom-left {
  position: absolute;
  width: 100%;
  bottom: 0
}

.ytp-overlays-container .ytp-overlay-bottom-left>* {
  pointer-events: auto;
  margin-top: 12px
}

.ytp-overlays-container .ytp-overlay-bottom-right {
  position: absolute;
  right: 0;
  bottom: 0
}

.ytp-overlays-container .ytp-overlay-bottom-right>* {
  pointer-events: auto;
  margin-top: 12px;
  margin-left: auto;
  margin-right: 0
}

.ytp-overlays-container .ytp-overlay-inline-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 12px
}

.ytp-overlays-container .ytp-overlay-inline-container>* {
  pointer-events: auto
}

.ytp-full-bleed-player.ytp-grid-scrolling .ytp-overlays-container {
  -webkit-transition: bottom 0s;
  transition: bottom 0s
}

.ytp-big-mode .ytp-overlays-container {
  inset: 8px 24px 78px
}

.ytp-embed:not(.ad-showing) .ytp-overlays-container {
  top: 60px
}

.ytp-big-mode:not(.ytp-delhi-modern) .ytp-overlays-container {
  top: 69px;
  bottom: 78px
}

.ytp-delhi-modern .ytp-overlays-container {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 24px)
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-overlays-container {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 24px + var(--ytp-grid-peek-height) + 100%*var(--ytp-grid-scroll-percentage))
}

.ytp-delhi-modern.ytp-big-mode .ytp-overlays-container {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 24px)
}

.ytp-delhi-modern.ytp-big-mode.ytp-fullscreen-grid-peeking .ytp-overlays-container {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 24px + var(--ytp-grid-peek-height) + 100%*var(--ytp-grid-scroll-percentage))
}

.ytp-autohide:not(.ytp-autohide-active) .ytp-overlays-container,
.ytp-delhi-modern.ytp-autohide:not(.ytp-autohide-active) .ytp-overlays-container {
  bottom: 24px
}

.ytp-delhi-modern.ytp-player-minimized .ytp-overlays-container,
.ytp-player-minimized .ytp-overlays-container {
  bottom: 36px
}

.html5-video-player.ended-mode .ytp-paid-content-overlay,
.ytp-delhi-modern.ytp-player-minimized .ytp-playlist-menu-button {
  display: none
}

.ytp-paid-content-overlay {
  border-radius: 2px;
  bottom: 53px;
  display: inline-block;
  font-size: 109.0909090909%;
  height: 30px;
  left: 25px;
  line-height: 30px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  text-shadow: 0 0 2px rgba(0, 0, 0, .5);
  z-index: 27
}

.ytp-big-mode .ytp-overlays-container .ytp-paid-content-overlay,
.ytp-overlays-container .ytp-paid-content-overlay {
  position: relative;
  inset: 0
}

.ytp-exp-ppp-update .ytp-paid-content-overlay {
  border-radius: 0;
  bottom: auto;
  font-weight: 400;
  height: auto;
  pointer-events: auto;
  top: 16px;
  left: 16px;
  right: auto
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-link {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: rgba(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 0 8px 8px;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-link[href="#"] {
  pointer-events: none
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-icon {
  height: 24px;
  width: 24px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-text {
  background: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-size: 13px;
  font-weight: inherit;
  line-height: 1em;
  padding: 8px
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-chevron {
  height: 24px;
  width: 24px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-chevron:empty,
.ytp-exp-ppp-update .ytp-paid-content-overlay-icon:empty {
  height: 0;
  width: 0
}

.ytp-exp-ppp-update.ytp-big-mode .ytp-paid-content-overlay {
  bottom: auto;
  height: auto;
  left: 16px;
  line-height: inherit
}

.ytp-exp-ppp-update.ytp-big-mode .ytp-paid-content-overlay,
.ytp-exp-ppp-update.ytp-embed .ytp-paid-content-overlay {
  top: 64px
}

.ytp-exp-ppp-update.ytp-big-mode.ytp-autohide .ytp-paid-content-overlay,
.ytp-exp-ppp-update.ytp-big-mode.ytp-hide-info-bar .ytp-paid-content-overlay,
.ytp-exp-ppp-update.ytp-embed.ytp-autohide .ytp-paid-content-overlay,
.ytp-exp-ppp-update.ytp-embed.ytp-hide-info-bar .ytp-paid-content-overlay {
  top: 16px
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-indicator {
  display: none
}

.ytp-exp-ppp-update .ytp-overlays-container .ytp-paid-content-overlay,
.ytp-exp-ppp-update.ytp-big-mode .ytp-overlays-container .ytp-paid-content-overlay,
.ytp-exp-ppp-update.ytp-big-mode.ytp-delhi-modern .ytp-overlays-container .ytp-paid-content-overlay {
  position: relative;
  inset: 0
}

.ytp-delhi-modern.ytp-exp-ppp-update .ytp-paid-content-overlay-link {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6));
  padding: 5px;
  border-left: unset
}

.ytp-delhi-modern.ytp-exp-ppp-update .ytp-paid-content-overlay-indicator {
  display: block;
  width: 4px;
  height: 20px;
  border-radius: 4px;
  background-color: #3ea6ff;
  margin: 0 8px
}

.ytp-embed .ytp-paid-content-overlay {
  bottom: 45px
}

.ytp-paid-content-overlay-text {
  background-color: rgba(0, 0, 0, .6);
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  opacity: 1;
  padding: 0 14px;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-paid-content-overlay {
  bottom: 62px;
  height: 42px;
  left: 44px;
  line-height: 42px
}

.ytp-autohide .ytp-paid-content-overlay,
.ytp-iv-drawer-open .ytp-paid-content-overlay {
  bottom: 6px;
  -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-big-mode.ytp-autohide .ytp-paid-content-overlay,
.ytp-big-mode.ytp-iv-drawer-open .ytp-paid-content-overlay {
  bottom: 12px
}

.ytp-paid-content-overlay-text[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-menuitem {
  display: table-row;
  cursor: default;
  outline: none
}

.ytp-menuitem:not(.ytp-menuitem-with-footer) {
  height: 40px
}

.ytp-big-mode .ytp-menuitem:not(.ytp-menuitem-with-footer) {
  height: 49px
}

.ytp-menuitem:not([aria-disabled=true]) {
  cursor: pointer
}

.ytp-menuitem:not([aria-disabled=true]):hover {
  background-color: rgba(255, 255, 255, .1)
}

.ytp-menuitem-content,
.ytp-menuitem-icon,
.ytp-menuitem-label,
.ytp-menuitem-secondary-icon {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px
}

.ytp-menuitem-label {
  padding-left: 0
}

.ytp-menuitem-icon {
  padding: 0 10px
}

.ytp-big-mode .ytp-menuitem-icon {
  padding: 0 15px
}

.ytp-menuitem-icon svg {
  display: block;
  width: 24px;
  height: 24px
}

.ytp-menuitem-secondary-icon svg {
  display: block;
  width: 16px;
  height: 16px
}

.ytp-big-mode:not(.ytp-delhi-modern) .ytp-menuitem-icon svg {
  width: 36px;
  height: 36px
}

.ytp-menuitem-label {
  font-size: 118%;
  font-weight: 500
}

.ytp-delhi-modern .ytp-menuitem-label {
  font-size: 14px;
  font-weight: unset
}

.ytp-menuitem-label-wrapper {
  display: table-cell;
  vertical-align: middle
}

.ytp-menuitem-keyboard-shortcut {
  font-size: 115%;
  padding-left: 3px;
  color: #ccc
}

.ytp-quality-menu .ytp-menuitem {
  white-space: nowrap
}

.ytp-quality-menu .ytp-panel-menu {
  margin-right: 10px
}

.ytp-quality-menu .ytp-menuitem-label sup {
  display: inline-block;
  width: 0
}

.ytp-big-mode .ytp-menuitem-content,
.ytp-big-mode .ytp-menuitem-label {
  padding: 0 15px 0 0
}

.ytp-menuitem[role=menuitemradio] .ytp-menuitem-content {
  display: none
}

.ytp-menuitem[role=menuitemradio] .ytp-menuitem-label {
  padding-left: 35px;
  padding-right: 20px;
  border-bottom: none
}

.ytp-big-mode .ytp-menuitem[role=menuitemradio] .ytp-menuitem-label {
  padding-left: 52px;
  padding-right: 35px
}

.ytp-menuitem[role=menuitemradio][aria-checked=true] .ytp-menuitem-label {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkgMTYuMiA0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 18px 18px;
  -moz-background-size: 18px 18px;
  -webkit-background-size: 18px 18px
}

.ytp-big-mode .ytp-menuitem[role=menuitemradio][aria-checked=true] .ytp-menuitem-label {
  background-position: left 15px center;
  background-size: 27px 27px;
  -moz-background-size: 27px 27px;
  -webkit-background-size: 27px 27px
}

.ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-icon {
  -webkit-box-shadow: inset 2px 2px 0 rgba(27, 127, 204, .8), inset 0 -2px 0 rgba(27, 127, 204, .8);
  box-shadow: inset 2px 2px 0 rgba(27, 127, 204, .8), inset 0 -2px 0 rgba(27, 127, 204, .8)
}

.ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-label {
  -webkit-box-shadow: inset 0 2px 0 rgba(27, 127, 204, .8), inset 0 -2px 0 rgba(27, 127, 204, .8);
  box-shadow: inset 0 2px 0 rgba(27, 127, 204, .8), inset 0 -2px 0 rgba(27, 127, 204, .8)
}

.ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-label:first-child {
  -webkit-box-shadow: inset 2px 2px 0 rgba(27, 127, 204, .8), inset 0 -2px 0 rgba(27, 127, 204, .8);
  box-shadow: inset 2px 2px 0 rgba(27, 127, 204, .8), inset 0 -2px 0 rgba(27, 127, 204, .8)
}

.ytp-probably-keyboard-focus .ytp-menuitem:focus .ytp-menuitem-content {
  -webkit-box-shadow: inset -2px -2px 0 rgba(27, 127, 204, .8), inset 0 2px 0 rgba(27, 127, 204, .8);
  box-shadow: inset -2px -2px 0 rgba(27, 127, 204, .8), inset 0 2px 0 rgba(27, 127, 204, .8)
}

.ytp-probably-keyboard-focus .ytp-menuitem[role=menuitemradio]:focus .ytp-menuitem-label {
  -webkit-box-shadow: inset 2px 2px 0 rgba(27, 127, 204, .8), inset -2px -2px 0 rgba(27, 127, 204, .8);
  box-shadow: inset 2px 2px 0 rgba(27, 127, 204, .8), inset -2px -2px 0 rgba(27, 127, 204, .8)
}

.ytp-menuitem-content {
  font-size: 109%;
  text-align: right
}

.ytp-menuitem-sublabel {
  float: left
}

.ytp-menu-label-secondary,
.ytp-menuitem-sublabel {
  font-size: 91%;
  color: #ccc
}

.ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 32px 32px;
  -moz-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  padding-right: 38px
}

.ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTEyLjU5IDIwLjM0IDQuNTgtNC41OS00LjU4LTQuNTlMMTQgOS43NWw2IDYtNiA2eiIvPjwvc3ZnPg==)
}

[dir=rtl] .ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTE5LjQxIDIwLjA5LTQuNTgtNC41OSA0LjU4LTQuNTlMMTggOS41bC02IDYgNiA2eiIvPjwvc3ZnPg==)
}

.ytp-big-mode .ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
  background-position: right 13px center;
  background-size: 48px 48px;
  -moz-background-size: 48px 48px;
  -webkit-background-size: 48px 48px;
  padding-right: 57px
}

.ytp-delhi-modern .ytp-menuitem-content {
  font-size: 14px;
  color: var(--yt-sys-color-baseline--overlay-text-secondary, rgba(255, 255, 255, .7))
}

.ytp-delhi-modern .ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
  background-position: right 12px center;
  background-size: 18px 18px;
  -moz-background-size: 18px 18px;
  -webkit-background-size: 18px 18px;
  padding-right: 32px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii43IiBkPSJtOS40IDE4LjQtLjctLjcgNS42LTUuNi01LjctNS43LjctLjcgNi40IDYuNHoiLz48L3N2Zz4=)
}

.ytp-delhi-modern [dir=rtl] .ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9Ii43IiBkPSJNMTQuOTYgMTguOTYgOCAxMmw2Ljk2LTYuOTYuNzEuNzFMOS40MSAxMmw2LjI1IDYuMjV6Ii8+PC9zdmc+)
}

.ytp-menuitem sup {
  line-height: 0;
  font-size: .8em;
  font-weight: 500
}

.ytp-menuitem-label-count {
  color: #ccc
}

.ytp-menuitemtitle {
  padding: 0 15px;
  max-width: 200px;
  text-align: center
}

.ytp-big-mode .ytp-menuitemtitle {
  padding: 0 22px;
  max-width: 300px
}

.ytp-menuitem-inline-survey-response {
  margin-left: .8em;
  display: inline-block;
  cursor: pointer
}

.ytp-menuitem-inline-survey-response:hover {
  background-color: rgba(255, 255, 255, .1)
}

.ytp-menuitem-inline-survey-response svg {
  height: 20px;
  width: 20px;
  margin-bottom: -4px
}

.ytp-menuitem-highlighted {
  background-color: var(--yt-sys-color-baseline--suggested-action)
}

.ytp-menuitem-highlight-transition-enabled.ytp-menuitem:not(.ytp-menuitem-highlighted) {
  -webkit-transition: background-color 3s linear 1s;
  transition: background-color 3s linear 1s
}

.ytp-menuitem-with-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-top: 15px
}

.ytp-menuitem-footer {
  padding-top: 5px
}

.ytp-menuitem-section-header .ytp-menuitem-label {
  color: #eee;
  padding: 8px
}

.ytp-delhi-modern .ytp-menuitem-section-header .ytp-menuitem-label {
  padding: 0
}

.ytp-panel {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden
}

.ytp-panel {
  min-width: 250px
}

.ytp-panel-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  line-height: inherit;
  font-size: 109%;
  color: #eee;
  padding: 8px 0;
  height: 40px;
  white-space: nowrap
}

.ytp-panel-footer {
  border-top: 1px solid rgba(255, 255, 255, .2);
  line-height: inherit;
  font-size: 118%;
  font-weight: 500;
  color: #eee;
  padding: 16px 0;
  min-height: 40px;
  vertical-align: middle;
  width: 250px
}

.ytp-panel-footer-content {
  margin: 0 10px
}

.ytp-panel-footer.ytp-panel-hide-footer {
  display: none
}

.html5-video-player .ytp-panel-footer-content-link {
  color: #167ac6
}

.ytp-touch-mode .ytp-panel-header {
  height: 40px
}

.ytp-big-mode .ytp-panel-header {
  height: 49px
}

.ytp-panel-back-button-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: 48px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 48px
}

.ytp-panel-back-button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTE5LjQxIDIwLjA5LTQuNTgtNC41OSA0LjU4LTQuNTlMMTggOS41bC02IDYgNiA2eiIvPjwvc3ZnPg==);
  height: 32px;
  width: 32px
}

.ytp-panel-title:hover {
  cursor: pointer
}

.ytp-panel-options {
  margin-left: auto
}

.ytp-panel-title {
  font-weight: 500
}

[dir=rtl] .ytp-panel-title {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTEyLjU5IDIwLjM0IDQuNTgtNC41OS00LjU4LTQuNTlMMTQgOS43NWw2IDYtNiA2eiIvPjwvc3ZnPg==)
}

.ytp-big-mode .ytp-panel-title {
  background-size: 48px 48px;
  -moz-background-size: 48px 48px;
  -webkit-background-size: 48px 48px;
  padding: 0 15px 0 52px
}

.ytp-big-mode.ytp-delhi-modern .ytp-panel-title {
  padding: 0 15px 0 0
}

.ytp-panel-options {
  height: 100%;
  padding: 0 10px;
  text-decoration: underline
}

.ytp-big-mode .ytp-panel-options {
  padding: 0 15px
}

.ytp-panel-menu {
  padding: 8px 0;
  display: table;
  width: 100%;
  color: #eee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ytp-chrome-controls .ytp-play-button,
.ytp-embed .ytp-chrome-controls .ytp-play-button {
  width: 46px
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-play-button {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-top: 8px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  padding: 0
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-play-button svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern-icons .ytp-chrome-controls .ytp-play-button svg {
  padding: 10px
}

.ytp-delhi-modern-icons.ytp-big-mode .ytp-chrome-controls .ytp-play-button svg {
  padding: 18px
}

.ytp-delhi-modern-icons.ytp-big-mode.ytp-big-mode-consistent-pill-height .ytp-chrome-controls .ytp-play-button svg {
  padding: 10px
}

.ytp-delhi-modern-icons.ytp-xsmall-width-mode .ytp-chrome-controls .ytp-play-button {
  width: 52px;
  height: 52px;
  margin-top: 6px
}

.ytp-delhi-modern-icons.ytp-xsmall-width-mode .ytp-chrome-controls .ytp-play-button svg {
  width: 24px;
  height: 24px;
  padding: 14px
}

.ytp-delhi-modern-icons.ytp-big-mode.ytp-xsmall-width-mode .ytp-chrome-controls .ytp-play-button svg {
  padding: 12px 10px
}

.ytp-delhi-modern.ytp-delhi-modern-compact-controls .ytp-chrome-controls .ytp-play-button {
  width: var(--yt-delhi-pill-height, 48px);
  height: var(--yt-delhi-pill-height, 48px);
  border-radius: 50%;
  margin-top: var(--yt-delhi-pill-top-height, 12px);
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  padding: 0
}

.ytp-delhi-modern.ytp-delhi-modern-compact-controls .ytp-chrome-controls .ytp-play-button svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern.ytp-delhi-modern-compact-controls .ytp-chrome-controls .ytp-play-button svg {
  width: 24px;
  height: 24px;
  padding: 8px
}

.ytp-delhi-modern.ytp-delhi-modern-compact-controls.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-controls .ytp-play-button {
  width: var(--yt-delhi-big-mode-pill-height, 56px);
  height: var(--yt-delhi-big-mode-pill-height, 56px);
  border-radius: 50%;
  margin-top: var(--yt-delhi-big-mode-pill-top-height, 20px)
}

.ytp-delhi-modern.ytp-delhi-modern-compact-controls.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-controls .ytp-play-button svg {
  width: 24px;
  height: 24px;
  padding: 12px
}

.ytp-delhi-modern-with-luminosity.ytp-delhi-modern .ytp-chrome-controls .ytp-play-button {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: luminosity;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-difference.ytp-delhi-modern .ytp-chrome-controls .ytp-play-button {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: difference;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-exclusion.ytp-delhi-modern .ytp-chrome-controls .ytp-play-button {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: exclusion;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-big-mode .ytp-chrome-controls .ytp-play-button {
  width: 69px
}

.ytp-chrome-controls .ytp-play-button-playlist {
  width: 40px
}

.ytp-big-mode .ytp-chrome-controls .ytp-play-button-playlist {
  width: 60px
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-controls .ytp-play-button,
.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-chrome-controls .ytp-play-button-playlist {
  margin-top: 12px;
  width: 72px;
  height: 72px
}

.ytp-embed.ytp-embed-mobile .ytp-chrome-controls .ytp-button.ytp-prev-button,
.ytp-embed.ytp-embed-mobile.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-next-button,
.ytp-embed.ytp-embed-mobile.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-prev-button,
.ytp-embed.ytp-embed.ytp-embed-mobile .ytp-chrome-controls .ytp-button.ytp-next-button {
  display: none
}

.ytp-next-button,
.ytp-play-button,
.ytp-prev-button {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto
}

.ytp-playlist-menu {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 400px;
  max-width: 100%;
  z-index: 73;
  background: rgba(0, 0, 0, .8);
  -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
  transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-embed-playlist .ytp-playlist-menu {
  left: auto;
  right: 0
}

.ytp-big-mode .ytp-playlist-menu {
  width: 600px
}

[dir=ltr] .ytp-playlist-menu[aria-hidden=true] {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
  transition: transform .25s cubic-bezier(.4, 0, 1, 1), -webkit-transform .25s cubic-bezier(.4, 0, 1, 1)
}

[dir=ltr] .ytp-embed-playlist .ytp-playlist-menu[aria-hidden=true] {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}

[dir=rtl] .ytp-playlist-menu[aria-hidden=true] {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
  transition: transform .25s cubic-bezier(.4, 0, 1, 1), -webkit-transform .25s cubic-bezier(.4, 0, 1, 1)
}

[dir=rtl] .ytp-embed-playlist .ytp-playlist-menu[aria-hidden=true] {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ytp-playlist-menu-header {
  padding: 15px;
  border-bottom: 1px solid #444
}

.ytp-big-mode .ytp-playlist-menu-header {
  padding: 23px
}

.ytp-playlist-menu-title {
  height: 20px;
  line-height: 20px;
  padding-right: 15px;
  font-size: 136%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-big-mode .ytp-playlist-menu-title {
  height: 30px;
  line-height: 30px;
  padding-right: 23px;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-playlist-menu-subtitle {
  color: #b8b8b8;
  line-height: 17px;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-big-mode .ytp-playlist-menu-subtitle {
  line-height: 26px
}

.ytp-playlist-menu-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 24px;
  height: 24px
}

.ytp-big-mode .ytp-playlist-menu-close {
  top: 23px;
  right: 23px;
  width: 36px;
  height: 36px
}

.ytp-playlist-menu-close path {
  fill: #aaa
}

.ytp-playlist-menu-close:hover path {
  fill: #fff
}

.ytp-playlist-menu-items {
  position: absolute;
  top: 68px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto
}

.ytp-big-mode .ytp-playlist-menu-items {
  top: 103px
}

.ytp-chrome-top .ytp-playlist-menu-button,
.ytp-embed-playlist.ytp-big-mode .ytp-chrome-top .ytp-playlist-menu-button {
  width: auto;
  height: auto
}

.ytp-embed:not(.ad-showing).ytp-small-mode .ytp-playlist-menu-button {
  padding-top: 16px
}

.ytp-playlist-menu-button-icon {
  width: 36px;
  height: 36px
}

.ytp-embed-playlist .ytp-playlist-menu-button-icon {
  margin: auto
}

.ytp-big-mode .ytp-playlist-menu-button-icon {
  width: 54px;
  height: 54px
}

.ytp-playlist-menu-button-text {
  padding-right: 6px;
  line-height: 36px;
  opacity: 1
}

.ytp-embed-playlist:not(.ytp-small-mode) .ytp-playlist-menu-button {
  margin-left: 10px;
  margin-right: 10px
}

.ytp-embed-playlist .ytp-playlist-menu-button-text {
  padding: 0;
  line-height: inherit;
  opacity: 1;
  font-weight: 500;
  text-align: center;
  font-size: 14px
}

.ytp-embed-playlist .ytp-playlist-menu-button-icon,
.ytp-embed-playlist .ytp-playlist-menu-button-text {
  display: block
}

.ytp-embed-playlist.ytp-small-mode .ytp-playlist-menu-button-text,
.ytp-playlist-menu-button-tiny .ytp-playlist-menu-button-text {
  display: None
}

.ytp-big-mode .ytp-playlist-menu-button-text {
  line-height: 54px
}

.ytp-embed-playlist.ytp-big-mode .ytp-playlist-menu-button-text {
  line-height: inherit;
  font-size: 20px
}

.ytp-playlist-menu-button-icon,
.ytp-playlist-menu-button-text {
  vertical-align: middle;
  display: inline-block
}

.ytp-playlist-menu-button {
  min-width: 48px
}

.ytp-delhi-modern.ytp-big-mode .ytp-playlist-menu-button {
  margin-top: 9px;
  height: 56px;
  width: 56px;
  padding: 0
}

.ytp-delhi-modern .ytp-playlist-menu-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  flex-direction: row;
  min-width: 36px;
  min-height: 36px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-top: 9px;
  border-radius: 27px;
  max-width: 400px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6))
}

.ytp-delhi-modern .ytp-playlist-menu-button .ytp-playlist-menu-button-icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  flex: none
}

.ytp-delhi-modern .ytp-playlist-menu-button .ytp-playlist-menu-button-text,
.ytp-delhi-modern .ytp-playlist-menu-button .ytp-playlist-menu-button-title {
  display: none
}

.ytp-delhi-modern .ytp-overlays-container .ytp-playlist-menu-button {
  position: relative;
  margin-top: unset;
  z-index: 58
}

.ytp-hide-info-bar .ytp-overlays-container .ytp-playlist-menu-button {
  display: none
}

.ytp-scrubber-container {
  position: absolute;
  top: -4px;
  left: -6.5px;
  z-index: 43
}

.ytp-delhi-modern .ytp-scrubber-container {
  top: -3px;
  left: -6px
}

.ytp-decorated-scrubber-container {
  top: -7.5px;
  left: -10px
}

.ytp-drag .ytp-decorated-scrubber-container {
  top: -9.5px;
  left: -10px
}

.ytp-delhi-modern .ytp-decorated-scrubber-container {
  top: -7px;
  left: -10px
}

.ytp-delhi-modern .ytp-drag .ytp-decorated-scrubber-container {
  top: -12px;
  left: -10px
}

.ytp-big-mode .ytp-scrubber-container {
  top: -6px;
  left: -10px
}

.ytp-delhi-modern.ytp-big-mode .ytp-scrubber-container {
  top: -8px;
  left: -10px
}

.ytp-scrubber-button {
  height: 13px;
  width: 13px;
  border-radius: 6.5px;
  -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-delhi-modern .ytp-scrubber-button {
  height: 12px;
  width: 12px;
  border-radius: 6px
}

* .ytp-scrubber-button.ytp-hide-scrubber-button,
.ytp-delhi-modern .ytp-drag .ytp-scrubber-button.ytp-hide-scrubber-button,
.ytp-delhi-modern .ytp-scrubber-button.ytp-hide-scrubber-button {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0)
}

.ytp-drag .ytp-scrubber-container:not(.ytp-decorated-scrubber-container) .ytp-scrubber-button.ytp-scrubber-button-hover,
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-scrubber-container:not(.ytp-decorated-scrubber-container) .ytp-scrubber-button.ytp-scrubber-button-hover {
  -webkit-transform: scale(1.54);
  -ms-transform: scale(1.54);
  transform: scale(1.54)
}

.ytp-big-mode .ytp-scrubber-button {
  height: 20px;
  width: 20px;
  border-radius: 10px;
  bottom: 20px;
  left: 10px
}

.ytp-decorated-scrubber-button {
  display: none;
  height: 20px;
  width: 20px
}

.ytp-drag .ytp-decorated-scrubber-button {
  height: 24px;
  width: 24px
}

.ytp-decorated-scrubber-container .ytp-scrubber-button {
  background-color: transparent
}

.ytp-decorated-scrubber-container .ytp-decorated-scrubber-button {
  display: block;
  margin-left: -7px
}

.ypc-loaded .ytp-scrubber-button.ytp-swatch-background-color {
  background-color: #2793e6
}

.ad-interrupting .ytp-scrubber-button.ytp-swatch-background-color {
  background-color: #fc0
}

.ytp-probably-keyboard-focus .ytp-progress-bar:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(27, 127, 204, .8);
  box-shadow: 0 0 0 2px rgba(27, 127, 204, .8)
}

.ytp-drag .ytp-scrubber-button,
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-scrubber-button,
.ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-scrubber-button {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
  transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern .ytp-drag .ytp-scrubber-button,
.ytp-delhi-modern .ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-scrubber-button,
.ytp-delhi-modern .ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-scrubber-button {
  -webkit-transform: scale(1.67);
  -ms-transform: scale(1.67);
  transform: scale(1.67);
  -webkit-transition: -webkit-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)
}

.ytp-scrubber-pull-indicator {
  position: absolute;
  z-index: 42;
  bottom: 16.9px;
  left: 6.5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

.ytp-scrubber-pull-indicator:after,
.ytp-scrubber-pull-indicator:before {
  display: block;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  opacity: 0;
  width: 6.5px;
  height: 6.5px;
  border-style: solid;
  border-width: 2px 0 0 2px;
  border-color: #eaeaea
}

.ytp-big-mode .ytp-scrubber-pull-indicator:after,
.ytp-big-mode .ytp-scrubber-pull-indicator:before {
  width: 10px;
  height: 10px
}

.ytp-scrubber-pull-indicator:after {
  -webkit-transition: all .1s;
  transition: all .1s
}

.ytp-scrubber-pull-indicator:before {
  -webkit-transition: all .2s;
  transition: all .2s
}

.ytp-chapter-hover-container,
.ytp-chapters-container {
  z-index: 32;
  position: relative;
  left: 0;
  height: 100%
}

.ytp-chapters-container {
  width: 100%
}

.ytp-chapter-hover-container {
  float: left
}

.ytp-progress-list {
  z-index: 39;
  background: rgba(255, 255, 255, .2);
  height: 100%;
  -webkit-transform: scaleY(.6);
  -ms-transform: scaleY(.6);
  transform: scaleY(.6);
  -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  position: relative
}

.ytp-delhi-modern .ytp-progress-list {
  overflow: hidden;
  background: rgba(40, 40, 40, .6);
  -webkit-transition: -webkit-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: scaleY(.667);
  -ms-transform: scaleY(.667);
  transform: scaleY(.667)
}

.ytp-delhi-modern-with-luminosity.ytp-delhi-modern .ytp-progress-list {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: luminosity
}

.ytp-delhi-modern-with-difference.ytp-delhi-modern .ytp-progress-list {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: difference
}

.ytp-delhi-modern-with-exclusion.ytp-delhi-modern .ytp-progress-list {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: exclusion
}

.ytp-big-mode .ytp-progress-list {
  -webkit-transform: translateY(-.5px) scaleY(.625);
  -ms-transform: translateY(-.5px) scaleY(.625);
  transform: translateY(-.5px) scaleY(.625)
}

.ytp-drag .ytp-progress-list,
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-progress-list,
.ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-progress-list {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
  transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern .ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-progress-list,
.ytp-delhi-modern .ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-progress-list,
.ytp-drag .ytp-progress-list {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-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)
}

.ytp-drag .ytp-exp-chapter-hover-effect,
.ytp-exp-chapter-hover-container:hover,
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-exp-chapter-hover-effect,
.ytp-progress-bar-container:hover:not([aria-disabled=true]).ytp-timed-markers-enabled .ytp-progress-list {
  -webkit-transform: scaleY(1.8);
  -ms-transform: scaleY(1.8);
  transform: scaleY(1.8);
  -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
  transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern.ytp-progress-bar-hover .ytp-drag .ytp-exp-chapter-hover-effect,
.ytp-delhi-modern.ytp-progress-bar-hover .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-exp-chapter-hover-effect,
.ytp-delhi-modern.ytp-progress-bar-hover .ytp-progress-bar-container:not([aria-disabled=true]).ytp-timed-markers-enabled .ytp-progress-list {
  -webkit-transform: scaleY(1.667);
  -ms-transform: scaleY(1.667);
  transform: scaleY(1.667);
  -webkit-transition: -webkit-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)
}

.ytp-delhi-modern .ytp-exp-chapter-hover-container:hover,
.ytp-delhi-modern .ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-exp-chapter-hover-effect,
.ytp-delhi-modern .ytp-progress-bar-container:hover:not([aria-disabled=true]).ytp-timed-markers-enabled .ytp-progress-list {
  -webkit-transition: -webkit-transform unset;
  transition: transform unset, -webkit-transform unset
}

.ytp-repeating-chapter {
  -webkit-transform: scaleY(1.8);
  -ms-transform: scaleY(1.8);
  transform: scaleY(1.8)
}

.ytp-bound-time-left,
.ytp-bound-time-right {
  position: absolute;
  display: none;
  top: -29px;
  z-index: 29;
  background-color: rgba(28, 28, 28, .9);
  text-align: center;
  color: #e3e3e3;
  padding: 5px 9px;
  opacity: 0;
  -webkit-transition: opacity .1s ease-in;
  transition: opacity .1s ease-in
}

.ytp-big-mode .ytp-bound-time-left,
.ytp-big-mode .ytp-bound-time-right {
  top: -36px
}

.ytp-bound-time-left {
  left: 0
}

.ytp-bound-time-right {
  right: 0
}

.ytp-bound-time-left:after,
.ytp-bound-time-right:after {
  position: absolute;
  content: "";
  bottom: -5px;
  width: 0;
  height: 0;
  border-style: solid
}

.ytp-bound-time-left:after {
  left: 0;
  border-width: 5px 5px 0 0;
  border-color: rgba(28, 28, 28, .9) transparent transparent transparent
}

.ytp-bound-time-right:after {
  right: 0;
  border-width: 0 5px 5px 0;
  border-color: transparent rgba(28, 28, 28, .9) transparent transparent
}

.ytp-15m-progress,
.ytp-1m-progress,
.ytp-30m-progress,
.ytp-60m-progress,
.ytp-ad-progress,
.ytp-clip-end-exclude,
.ytp-clip-start-exclude,
.ytp-hover-progress,
.ytp-load-progress,
.ytp-play-progress,
.ytp-progress-linear-live-buffer,
.ytp-timed-markers-container {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0
}

.ytp-timed-markers-container {
  -webkit-transform: scaleY(.6);
  -ms-transform: scaleY(.6);
  transform: scaleY(.6);
  top: 1px;
  z-index: 40
}

.ytp-delhi-modern .ytp-timed-markers-container {
  -webkit-transform: scaleY(.667);
  -ms-transform: scaleY(.667);
  transform: scaleY(.667)
}

.ytp-progress-bar-container:hover .ytp-timed-markers-container {
  -webkit-transform: scaleY(1.8);
  -ms-transform: scaleY(1.8);
  transform: scaleY(1.8);
  -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
  transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
  top: -2px
}

.ytp-delhi-modern .ytp-progress-bar-container:hover .ytp-timed-markers-container {
  -webkit-transform: scaleY(1.667);
  -ms-transform: scaleY(1.667);
  transform: scaleY(1.667);
  -webkit-transition: -webkit-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)
}

.ytp-progress-bar-container:hover .ytp-timed-marker.ytp-timed-marker-hover,
.ytp-progress-bar-hover .ytp-timed-marker.ytp-timed-marker-hover {
  width: 9px;
  height: 3px;
  bottom: 1px
}

.ytp-delhi-modern .ytp-progress-bar-container:hover .ytp-timed-marker.ytp-timed-marker-hover,
.ytp-delhi-modern .ytp-progress-bar-hover .ytp-timed-marker.ytp-timed-marker-hover {
  width: 12px;
  height: 4.8px;
  bottom: .6px
}

.ytp-progress-bar-container:hover .ytp-timed-marker {
  width: 5px;
  height: 1.67px;
  bottom: 1.5px
}

.ytp-delhi-modern .ytp-progress-bar-container:hover .ytp-timed-marker {
  width: 6px;
  height: 2.4px;
  bottom: 2px
}

.ytp-progress-bar-start {
  border-radius: 3px 0 0 3px
}

.ytp-progress-bar-end {
  border-radius: 0 3px 3px 0
}

.ytp-progress-bar-start.ytp-progress-bar-end {
  border-radius: 3px
}

.ytp-timed-marker {
  position: absolute;
  left: 0;
  background-color: white;
  width: 3px;
  height: 3px;
  bottom: 1px;
  border-radius: 50%;
  opacity: 1
}

.ytp-delhi-modern .ytp-timed-marker {
  bottom: 2px
}

.ytp-clip-end-exclude,
.ytp-clip-start-exclude {
  display: none;
  z-index: 37;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: background-color .1s cubic-bezier(.4, 0, 1, 1);
  transition: background-color .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-clip-end-enabled .ytp-clip-end-exclude,
.ytp-clip-start-enabled .ytp-clip-start-exclude {
  display: block
}

.ytp-loop-range-enabled .ytp-clip-end,
.ytp-loop-range-enabled .ytp-clip-start {
  pointer-events: none
}

.ytp-clip-hover .ytp-clip-end-exclude,
.ytp-clip-hover .ytp-clip-start-exclude {
  background-color: rgba(255, 255, 255, .5);
  -webkit-transition: background-color .1s cubic-bezier(0, 0, .2, 1);
  transition: background-color .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-progress-linear-live-buffer {
  z-index: 45;
  background: #c00;
  opacity: 0
}

.ytp-enable-live-buffer .ytp-progress-linear-live-buffer {
  opacity: .6
}

.ytp-ad-progress {
  z-index: 36;
  background: #fc0
}

.ytp-load-progress {
  z-index: 33;
  background: rgba(255, 255, 255, .4)
}

.ytp-load-progress.ytp-fast-load {
  background: #00838f
}

.ytp-play-progress {
  z-index: 34;
  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)
}

.ypc-loaded .ytp-play-progress.ytp-swatch-background-color {
  background: #2793e6
}

.ad-interrupting .ytp-play-progress.ytp-swatch-background-color {
  background: #fc0
}

.ytp-hover-progress {
  z-index: 35;
  background: rgba(0, 0, 0, .125);
  opacity: 0;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-progress-bar-hover .ytp-hover-progress {
  opacity: 1
}

.ytp-delhi-modern.ad-interrupting .ytp-load-progress,
.ytp-enable-live-buffer .ytp-hover-progress,
.ytp-enable-live-buffer .ytp-load-progress {
  opacity: 0
}

.ytp-hover-progress-light {
  background: rgba(255, 255, 255, .5)
}

.ytp-15m-progress,
.ytp-1m-progress,
.ytp-30m-progress,
.ytp-60m-progress {
  width: 1px;
  background: #000;
  z-index: 36
}

.ytp-1m-progress {
  height: 30%
}

.ytp-15m-progress {
  height: 50%
}

.ytp-30m-progress {
  height: 55%
}

.ytp-60m-progress {
  height: 60%
}

.ytp-clip-end,
.ytp-clip-start {
  display: none;
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: -4.5px;
  margin-left: -7px;
  z-index: 44;
  -webkit-transform: scaleY(.2142857143);
  -ms-transform: scaleY(.2142857143);
  transform: scaleY(.2142857143);
  -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-big-mode .ytp-clip-end,
.ytp-big-mode .ytp-clip-start {
  width: 21px;
  height: 21px;
  bottom: -6.5px;
  margin-left: -10.5px;
  -webkit-transform: scaleY(.238095238);
  -ms-transform: scaleY(.238095238);
  transform: scaleY(.238095238)
}

.ytp-drag .ytp-clip-end,
.ytp-drag .ytp-clip-start,
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-clip-end,
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-clip-start,
.ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-clip-end,
.ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-clip-start {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
  transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-clip-end svg,
.ytp-clip-start svg {
  display: block
}

.ytp-progress-bar-container {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 47px;
  height: 5px
}

.ytp-delhi-modern:not(.ytp-player-minimized) .ytp-progress-bar-container {
  z-index: 60;
  bottom: var(--yt-delhi-bottom-controls-height, 72px);
  height: 6px
}

.ytp-xsmall-width-mode.ytp-delhi-modern:not(.ytp-player-minimized) .ytp-progress-bar-container {
  bottom: var(--yt-delhi-bottom-controls-height-xsmall-width-mode, 64px)
}

.ytp-small-mode .ytp-progress-bar-container {
  bottom: 36px;
  height: 5px
}

.ytp-embed .ytp-progress-bar-container {
  bottom: 39px
}

.ytp-progress-bar-container:not([aria-disabled=true]) {
  cursor: pointer
}

.ytp-big-mode .ytp-progress-bar-container {
  bottom: 52.5px;
  height: 8px
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-progress-bar-container {
  bottom: var(--yt-delhi-big-mode-bottom-controls-height, 96px)
}

.ytp-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 31;
  outline: none
}

.ytp-heat-map-played_bar.ytp-heat-map.ytp-progress-bar-hover .ytp-progress-bar {
  opacity: 0
}

.ytp-mobile .ytp-progress-bar {
  padding-bottom: 10px
}

.ytp-progress-bar-padding {
  position: absolute;
  width: 100%;
  height: 16px;
  bottom: 0;
  z-index: 28
}

.ytp-big-mode .ytp-progress-bar-padding {
  height: 24px
}

.ytp-chapter-hover-container:hover:not([aria-disabled=true]) .ytp-progress-bar-padding {
  height: 22px;
  bottom: -6px
}

.ytp-big-mode:not(.ytp-touch-mode) .ytp-chapter-hover-container:hover:not([aria-disabled=true]) .ytp-progress-bar-padding {
  height: 33px;
  bottom: -9px
}

.ytp-touch-mode .ytp-chapter-hover-container:not([aria-disabled=true]) .ytp-progress-bar-padding {
  height: 40px;
  bottom: -11px
}

.ytp-promotooltip-wrapper {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  width: 300px;
  height: 140px;
  position: absolute;
  z-index: 1003
}

.ytp-fullscreen .ytp-promotooltip-wrapper {
  width: 450px;
  height: 210px
}

.ytp-promotooltip-container {
  background-color: #065fd4;
  color: #fff;
  font-size: 110%;
  font-weight: 400;
  line-height: 20px;
  text-transform: none;
  border-radius: 12px
}

.ytp-promotooltip-content {
  padding: 16px 16px 4px
}

.ytp-fullscreen .ytp-promotooltip-content {
  padding: 24px 24px 6px
}

.ytp-promotooltip-title {
  margin-bottom: 8px;
  font-size: 120%;
  font-weight: 500;
  line-height: 16px
}

.ytp-fullscreen .ytp-promotooltip-title {
  margin-bottom: 12px;
  line-height: 24px
}

.ytp-promotooltip-buttons {
  padding: 8px 4px;
  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: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end
}

.ytp-fullscreen .ytp-promotooltip-buttons {
  padding: 12px 6px
}

.ytp-promotooltip-accept-button,
.ytp-promotooltip-dismiss-button {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 120%;
  font-weight: 500;
  padding: 10px 16px;
  cursor: pointer
}

.ytp-fullscreen .ytp-promotooltip-accept-button,
.ytp-fullscreen .ytp-promotooltip-dismiss-button {
  padding: 15px 24px
}

.ytp-promotooltip-pointer {
  content: "";
  position: absolute;
  border-style: solid;
  top: 100%;
  border-width: 12px;
  border-color: #065fd4 transparent transparent transparent
}

.ytp-fullscreen .ytp-promotooltip-pointer {
  border-width: 18px
}

.ytp-promotooltip-details-icon {
  width: 18px
}

.ytp-promotooltip-details-icon svg {
  height: 22px;
  width: 22px;
  margin: -7px -5px
}

.ytp-fullscreen .ytp-promotooltip-details-icon {
  width: 22px
}

.ytp-fullscreen .ytp-promotooltip-details-icon svg {
  height: 30px;
  width: 30px;
  margin: -9px -7px
}

.ytp-remote {
  left: 0;
  bottom: 61px;
  -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
  pointer-events: none
}

.ytp-embed .ytp-remote {
  bottom: 53px
}

.ytp-remote[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: bottom .25s cubic-bezier(.4, 0, 1, 1), opacity .25s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .25s cubic-bezier(.4, 0, 1, 1), opacity .25s cubic-bezier(.4, 0, 1, 1)
}

.ytp-big-mode .ytp-remote {
  bottom: 70px
}

.ytp-hide-controls .ytp-remote {
  bottom: 12px;
  -webkit-transition: bottom .25s cubic-bezier(.4, 0, 1, 1), opacity .25s cubic-bezier(.4, 0, 1, 1);
  transition: bottom .25s cubic-bezier(.4, 0, 1, 1), opacity .25s cubic-bezier(.4, 0, 1, 1)
}

.ytp-remote-display-status {
  z-index: 15;
  position: absolute;
  left: 12px;
  bottom: 61px;
  background-color: rgba(0, 0, 0, .6);
  padding-right: 5px;
  border-radius: 5px;
  opacity: .85
}

.ytp-embed .ytp-remote-display-status {
  bottom: 53px
}

.ytp-big-mode .ytp-remote-display-status {
  bottom: 70px
}

.ytp-remote-display-status-icon {
  float: left;
  width: 40px;
  height: 40px
}

.ytp-big-mode .ytp-remote-display-status-icon {
  width: 60px;
  height: 60px
}

.ytp-remote-display-status-text {
  text-shadow: 0 0 2px rgba(0, 0, 0, .5);
  padding-top: 10px;
  padding-left: 5px;
  font-size: 130%;
  font-weight: 500;
  display: inline-block
}

.ytp-big-mode .ytp-remote-display-status-text {
  padding-top: 15px;
  left: 105px
}

.ytp-big-mode .ytp-remote-display-status-text {
  top: 30px
}

.ytp-replay-button {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -24px;
  z-index: 59
}

.ytp-embed .ytp-replay-button {
  bottom: 4px;
  margin-left: -20px
}

.ytp-big-mode .ytp-replay-button {
  bottom: 7.5px;
  margin-left: -27px
}

.ytp-embed:not(.ad-showing) .ytp-replay-button {
  bottom: 10px
}

.ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-replay-button {
  bottom: 24.5px
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-play-button {
  margin-left: 8px
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-button.ytp-autonav-toggle {
  padding-left: 0
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-volume-area {
  background: transparent
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-volume-area:hover:after {
  background: transparent
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-time-wrapper {
  background: transparent;
  padding: 0 4px
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-chapter-title.ytp-button {
  background: transparent
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-chrome-controls .ytp-right-controls {
  background: transparent
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-play-button:hover:after {
  background: transparent
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-time-wrapper:not(.ytp-miniplayer-ui *):hover:after {
  background: transparent
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-chapter-title.ytp-button:hover:after {
  background: transparent
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-chrome-controls .ytp-right-controls .ytp-button:hover:before {
  background: transparent
}

.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-next-button:not(.ytp-miniplayer-button-container>*):hover:after,
.ytp-delhi-modern.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-prev-button:not(.ytp-miniplayer-button-container>*):hover:after {
  background: transparent
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom {
  padding: 0;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(227, 227, 227, .5);
  box-shadow: inset 0 1px 0 0 rgba(227, 227, 227, .5);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(19, 19, 19)), to(rgb(52, 52, 52)));
  background: -webkit-linear-gradient(bottom, rgb(19, 19, 19), rgb(52, 52, 52));
  background: linear-gradient(0deg, rgb(19, 19, 19), rgb(52, 52, 52))
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-progress-bar-container {
  height: 8px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgb(19, 19, 19)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgb(19, 19, 19));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgb(19, 19, 19))
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-progress-list {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(68, 68, 68)), to(rgb(95, 95, 95)));
  background: -webkit-linear-gradient(top, rgb(68, 68, 68), rgb(95, 95, 95));
  background: linear-gradient(180deg, rgb(68, 68, 68), rgb(95, 95, 95))
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-play-progress {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(194, 0, 0)), to(rgb(230, 6, 6)));
  background: -webkit-linear-gradient(bottom, rgb(194, 0, 0), rgb(230, 6, 6));
  background: linear-gradient(0deg, rgb(194, 0, 0), rgb(230, 6, 6))
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-scrubber-button {
  height: 8px;
  width: 8px;
  border-radius: 8px;
  border: 4px solid rgb(255, 255, 255);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(137, 137, 137)), to(rgb(186, 186, 186)));
  background: -webkit-linear-gradient(bottom, rgb(137, 137, 137), rgb(186, 186, 186));
  background: linear-gradient(0deg, rgb(137, 137, 137), rgb(186, 186, 186));
  -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-button:not(.ytp-chapter-title) {
  border-right: 1px solid black;
  -webkit-box-shadow: 1px 0 rgba(227, 227, 227, .2);
  box-shadow: 1px 0 rgba(227, 227, 227, .2);
  opacity: .9
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-button.ytp-autonav-toggle {
  border-left: 1px solid black;
  padding-left: 4px;
  -webkit-box-shadow: 1px 0 rgba(227, 227, 227, .2), inset 1px 0 rgba(227, 227, 227, .2);
  box-shadow: 1px 0 rgba(227, 227, 227, .2), inset 1px 0 rgba(227, 227, 227, .2)
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-time-display {
  padding-left: 10px
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-chrome-bottom .ytp-button:active:focus,
.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-subtitles-button[aria-pressed=true] {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(19, 19, 19)), to(rgb(52, 52, 52)));
  background: -webkit-linear-gradient(top, rgb(19, 19, 19), rgb(52, 52, 52));
  background: linear-gradient(180deg, rgb(19, 19, 19), rgb(52, 52, 52))
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-volume-panel.ytp-volume-control-hover {
  margin-left: 8px
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-volume-slider-handle:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(194, 0, 0)), to(rgb(230, 6, 6)));
  background: -webkit-linear-gradient(bottom, rgb(194, 0, 0), rgb(230, 6, 6));
  background: linear-gradient(0deg, rgb(194, 0, 0), rgb(230, 6, 6));
  margin-left: -6px
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-bezel {
  border-radius: unset;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(19, 19, 19)), to(rgb(52, 52, 52)));
  background: -webkit-linear-gradient(bottom, rgb(19, 19, 19), rgb(52, 52, 52));
  background: linear-gradient(0deg, rgb(19, 19, 19), rgb(52, 52, 52));
  -webkit-animation: bezel-fade-in 1s cubic-bezier(.05, 0, 0, 1) 1 normal forwards;
  animation: bezel-fade-in 1s cubic-bezier(.05, 0, 0, 1) 1 normal forwards
}

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

  25%,
  75% {
    opacity: 1;
    -webkit-transform: scale(2);
    transform: scale(2)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes bezel-fade-in {
  0% {
    opacity: 0
  }

  25%,
  75% {
    opacity: 1;
    -webkit-transform: scale(2);
    transform: scale(2)
  }

  to {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-tooltip-bg,
.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-tooltip.ytp-preview:not(.ytp-text-detail) {
  border-radius: 0
}

.ytp-retro-player:not(.ad-showing):not(.ad-interrupting) .ytp-tooltip.ytp-preview:not(.ytp-text-detail) {
  -webkit-box-shadow: inset 1px 1px rgba(227, 227, 227, .2);
  box-shadow: inset 1px 1px rgba(227, 227, 227, .2);
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(19, 19, 19)), to(rgb(52, 52, 52)));
  background: -webkit-linear-gradient(bottom, rgb(19, 19, 19), rgb(52, 52, 52));
  background: linear-gradient(0deg, rgb(19, 19, 19), rgb(52, 52, 52))
}

.ytp-search-button {
  margin-left: 10px;
  margin-right: 10px
}

.ytp-search-title {
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  display: none
}

.ytp-show-search-title .ytp-search-title {
  display: block
}

.ytp-small-mode .ytp-search-button {
  padding-top: 21px
}

.ytp-small-mode .ytp-search-icon {
  width: 24px;
  height: 24px
}

.ytp-big-mode .ytp-search-icon {
  width: 46px;
  height: 46px;
  padding: 4px
}

.ytp-big-mode .ytp-search-title {
  font-size: 20px
}

:not(.ytp-shorts-mode) .ytp-chrome-top .ytp-search-button {
  width: auto;
  height: auto
}

.ytp-chrome-top .ytp-search-button {
  min-width: 48px;
  max-width: 80px
}

.ytp-search-icon {
  margin: auto
}

.html5-video-player:not(.ytp-small-mode):not(.ytp-big-mode) .ytp-search-icon {
  width: 28px;
  height: 28px;
  padding: 4px 0
}

.ytp-settings-button {
  position: relative
}

.ytp-settings-button svg {
  -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
  transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-settings-button[aria-expanded=true] svg {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg)
}

.ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-settings-button.ytp-3d-badge:after,
.ytp-settings-button.ytp-4k-quality-badge:after,
.ytp-settings-button.ytp-5k-quality-badge:after,
.ytp-settings-button.ytp-8k-quality-badge:after,
.ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-settings-button.ytp-hdr-quality-badge:after {
  content: "";
  position: absolute;
  top: 10px;
  right: 5px;
  height: 9px;
  width: 13px;
  background-color: var(--yt-sys-color-baseline--red-indicator, #e1002d);
  border-radius: 1px;
  line-height: normal
}

.ytp-settings-button.ytp-3d-badge-grey:after {
  background-color: #666
}

.ytp-color-white .ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-color-white .ytp-settings-button.ytp-3d-badge:after,
.ytp-color-white .ytp-settings-button.ytp-4k-quality-badge:after,
.ytp-color-white .ytp-settings-button.ytp-5k-quality-badge:after,
.ytp-color-white .ytp-settings-button.ytp-8k-quality-badge:after,
.ytp-color-white .ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-color-white .ytp-settings-button.ytp-hdr-quality-badge:after {
  background-color: #ddd
}

.ytp-color-party .ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-color-party .ytp-settings-button.ytp-3d-badge:after,
.ytp-color-party .ytp-settings-button.ytp-4k-quality-badge:after,
.ytp-color-party .ytp-settings-button.ytp-5k-quality-badge:after,
.ytp-color-party .ytp-settings-button.ytp-8k-quality-badge:after,
.ytp-color-party .ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-color-party .ytp-settings-button.ytp-hdr-quality-badge:after {
  -webkit-animation: ytp-party-background-color .1s linear infinite;
  animation: ytp-party-background-color .1s linear infinite
}

.ytp-settings-button.ytp-hd-quality-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5Ij48cGF0aCBmaWxsLW9wYWNpdHk9Ii42NDciIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUgN2gxdjFINXptNS00djFIOFYzek0zIDZWNWgydjF6TTIgN2gxdjFIMnptNSAwaDN2MUg3em0zLTFoMXYxaC0xeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUgN1Y1SDN2MkgyVjJoMXYyaDJWMmgxdjV6bTYtMWgtMXYxSDdWMmgzdjFoMXptLTEtMlYzSDh2M2gyeiIvPjwvc3ZnPg==)
}

.ytp-settings-button.ytp-hdr-quality-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCA2Ij48cGF0aCBmaWxsLW9wYWNpdHk9Ii42NDciIGQ9Ik0zIDVoMXYxSDN6bTUtNHYxSDZWMXpNMSA0VjNoMnYxek0wIDVoMXYxSDB6bTUgMGgzdjFINXptMy0xaDF2MUg4eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zIDVWM0gxdjJIMFYwaDF2MmgyVjBoMXY1em02LTFIOHYxSDVWMGgzdjFoMXpNOCAyVjFINnYzaDJ6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuNjQ3IiBkPSJNMTMgMmgxdjFoLTF6bTAgM2gxdjFoLTF6bS0yLTJoMnYxaC0yem0tMSAyaDF2MWgtMXptMS00aDJ2MWgtMnoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTQgM3YyaC0xVjN6bS0zLTNoMnYxaC0ydjFoMnYxaC0ydjJoLTFWMHptMiAwaDF2MmgtMXoiLz48L3N2Zz4=);
  height: 6px;
  width: 14px;
  right: 3px;
  border-style: solid;
  border-color: #e1002d;
  border-width: 1px
}

.ytp-settings-button.ytp-4k-quality-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5Ij48cGF0aCBmaWxsLW9wYWNpdHk9Ii42NDciIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDRoMXYxaC0xem0wIDNoMXYxaC0xek04IDVoMnYxSDh6TTcgN2gxdjFIN3pNNSA2aDF2MUg1ek00IDdoMXYxSDR6TTIgNmgydjFIMnptMS0yaDF2MUgzeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTExIDV2MmgtMVY1em0tMSAwSDh2Mkg3VjJoMXYyaDJ6TTQgNEgzdjFoMXptMCAzVjZIMlY0aDFWM2gxVjJoMXYzaDF2MUg1djF6bTYtNWgxdjJoLTF6Ii8+PC9zdmc+)
}

.ytp-settings-button.ytp-5k-quality-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5Ij48cGF0aCBmaWxsLW9wYWNpdHk9Ii42NDciIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDRoMXYxaC0xem0wIDNoMXYxaC0xek04IDVoMnYxSDh6TTcgN2gxdjFIN3pNNSA2aDF2MUg1ek0yIDdoM3YxSDJ6bTAtMmgzdjFIMnoiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA1djJoLTFWNXptLTEgMEg4djJIN1YyaDF2Mmgyem0wLTNoMXYyaC0xek0yIDZoM3YxSDJtMy0yaDF2MUg1bTAtMkgzVjNoM1YySDJ2M2gzeiIvPjwvc3ZnPg==)
}

.ytp-settings-button.ytp-8k-quality-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5Ij48cGF0aCBmaWxsLW9wYWNpdHk9Ii42NDciIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDRoMXYxaC0xem0wIDNoMXYxaC0xek04IDVoMnYxSDh6TTcgN2gxdjFIN3pNNSA2aDF2MUg1ek0zIDVoMnYxSDN6bTAtMmgydjFIM3ptMiAxaDF2MUg1ek0yIDRoMXYxSDJ6bTAgMmgxdjFIMnptMSAxaDJ2MUgzeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTExIDV2MmgtMVY1em0tMSAwSDh2Mkg3VjJoMXYyaDJ6bTAtM2gxdjJoLTF6TTMgNmgydjFIM20wLTVoMnYxSDN6bTIgM2gxdjFINXpNMyA0aDJ2MUgzem0yLTFoMXYxSDV6TTIgNWgxdjFIMnptMC0yaDF2MUgyeiIvPjwvc3ZnPg==)
}

.ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-settings-button.ytp-3d-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMiAyaDR2NUgyVjZoM1Y1SDJWNGgzVjNIMnptNSAwaDN2MUg4djNoMnYxSDd6bTMgMWgxdjNoLTF6Ii8+PHBhdGggZmlsbC1vcGFjaXR5PSIuNjQ3IiBkPSJNMiAzaDN2MUgyem02IDBoMnYxSDh6TTIgNWgzdjFIMnptOCAxaDF2MWgtMXpNMiA3aDR2MUgyem01IDBoM3YxSDd6Ii8+PC9zdmc+)
}

.ytp-color-white .ytp-settings-button.ytp-hd-quality-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDdWNUgzdjJIMlYyaDF2MmgyVjJoMXY1em02LTFoLTF2MUg3VjJoM3YxaDF6bS0xLTJWM0g4djNoMnoiLz48L3N2Zz4=)
}

.ytp-color-white .ytp-settings-button.ytp-hdr-quality-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCA1Ij48cGF0aCBkPSJNMyA1VjNIMXYySDBWMGgxdjJoMlYwaDF2NXptNi0xSDh2MUg1VjBoM3YxaDF6TTggMlYxSDZ2M2gyek0xNCAzdjJoLTFWM3ptLTEgMGgtMnYyaC0xVjBoMXYyaDJ6bTAtMmgtM1YwaDR2MmgtMXoiLz48L3N2Zz4=)
}

.ytp-color-white .ytp-settings-button.ytp-4k-quality-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA1djJoLTFWNXptLTEgMEg4djJIN1YyaDF2Mmgyek00IDRIM3YxaDF6bTAgM1Y2SDJWNGgxVjNoMVYyaDF2M2gxdjFINXYxem02LTVoMXYyaC0xeiIvPjwvc3ZnPg==)
}

.ytp-color-white .ytp-settings-button.ytp-5k-quality-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA1djJoLTFWNXptLTEgMEg4djJIN1YyaDF2Mmgyem0wLTNoMXYyaC0xek0yIDZoM3YxSDJtMy0yaDF2MUg1bTAtMkgzVjNoM1YySDJ2M2gzeiIvPjwvc3ZnPg==)
}

.ytp-color-white .ytp-settings-button.ytp-8k-quality-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSA1djJoLTFWNXptLTEgMEg4djJIN1YyaDF2Mmgyem0wLTNoMXYyaC0xek0zIDZoMnYxSDNtMC01aDJ2MUgzem0yIDNoMXYxSDV6TTMgNGgydjFIM3ptMi0xaDF2MUg1ek0yIDVoMXYxSDJ6bTAtMmgxdjFIMnoiLz48L3N2Zz4=)
}

.ytp-color-white .ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-color-white .ytp-settings-button.ytp-3d-badge:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyA5Ij48cGF0aCBkPSJNMiAyaDR2NUgyVjZoM1Y1SDJWNGgzVjNIMnptNSAwaDN2MUg4djNoMnYxSDd6bTMgMWgxdjNoLTF6Ii8+PC9zdmc+)
}

.ytp-big-mode .ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-big-mode .ytp-settings-button.ytp-3d-badge:after,
.ytp-big-mode .ytp-settings-button.ytp-4k-quality-badge:after,
.ytp-big-mode .ytp-settings-button.ytp-5k-quality-badge:after,
.ytp-big-mode .ytp-settings-button.ytp-8k-quality-badge:after,
.ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-big-mode .ytp-settings-button.ytp-hdr-quality-badge:after {
  top: 15px;
  right: 6px;
  padding: 2px;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 2px 0 rgba(0, 0, 0, .6);
  background-image: none;
  border-radius: 1.5px;
  height: auto;
  width: auto
}

.ytp-delhi-modern.ytp-big-mode .ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-delhi-modern.ytp-big-mode .ytp-settings-button.ytp-3d-badge:after,
.ytp-delhi-modern.ytp-big-mode .ytp-settings-button.ytp-4k-quality-badge:after,
.ytp-delhi-modern.ytp-big-mode .ytp-settings-button.ytp-5k-quality-badge:after,
.ytp-delhi-modern.ytp-big-mode .ytp-settings-button.ytp-8k-quality-badge:after,
.ytp-delhi-modern.ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-delhi-modern.ytp-big-mode .ytp-settings-button.ytp-hdr-quality-badge:after {
  top: 4px;
  right: 4px
}

.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-3d-badge:after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-4k-quality-badge:after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-5k-quality-badge:after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-8k-quality-badge:after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-hdr-quality-badge:after {
  color: #000;
  text-shadow: none
}

.ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge:after {
  content: "HD"
}

.ytp-big-mode .ytp-settings-button.ytp-hdr-quality-badge:after {
  content: "HDR";
  font-size: 8px
}

.ytp-big-mode .ytp-settings-button.ytp-4k-quality-badge:after {
  content: "4K"
}

.ytp-big-mode .ytp-settings-button.ytp-5k-quality-badge:after {
  content: "5K"
}

.ytp-big-mode .ytp-settings-button.ytp-8k-quality-badge:after {
  content: "8K"
}

.ytp-big-mode .ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-big-mode .ytp-settings-button.ytp-3d-badge:after {
  content: "3D"
}

.ytp-generic-popup {
  top: 0;
  left: 0;
  padding: 5px 9px;
  max-width: 144px;
  z-index: 72
}

.ytp-big-mode .ytp-generic-popup {
  max-width: 216px
}

.html5-video-player .ytp-generic-popup a {
  text-decoration: underline
}

.ytp-popup {
  position: absolute;
  overflow: hidden;
  border-radius: 2px;
  background: rgba(28, 28, 28, .9);
  text-shadow: 0 0 2px rgba(0, 0, 0, .5);
  -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
  transition: opacity .1s cubic-bezier(0, 0, .2, 1);
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none
}

.ytp-delhi-modern .ytp-popup {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6))
}

.ytp-dni .ytp-popup {
  text-shadow: none
}

.ytp-popup[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-popup-animating {
  -webkit-transition: all .25s cubic-bezier(.4, 0, .2, 1);
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  pointer-events: none
}

.ytp-popup-animating .ytp-panel {
  -webkit-transition: all .25s cubic-bezier(.4, 0, .2, 1);
  transition: all .25s cubic-bezier(.4, 0, .2, 1)
}

.ytp-panel-animate-back,
.ytp-panel-animate-forward {
  opacity: 0
}

[dir=ltr] .ytp-panel-animate-back {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

[dir=ltr] .ytp-panel-animate-forward {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}

[dir=rtl] .ytp-panel-animate-back {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}

[dir=rtl] .ytp-panel-animate-forward {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ytp-settings-menu {
  right: 12px;
  bottom: 61px;
  z-index: 70;
  will-change: width, height;
  border-radius: 12px
}

.ytp-delhi-modern .ytp-settings-menu {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 6px)
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking .ytp-settings-menu {
  bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 6px + var(--ytp-grid-peek-height) + var(--ytp-grid-scroll-percentage)*100%);
  opacity: calc(1 - var(--ytp-grid-scroll-percentage)*3)
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking.ytp-big-mode .ytp-settings-menu {
  opacity: calc(1 - var(--ytp-grid-scroll-percentage)*3);
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 6px + var(--ytp-grid-peek-height) + var(--ytp-grid-scroll-percentage)*100%)
}

.ytp-embed .ytp-settings-menu {
  bottom: 53px
}

.ytp-big-mode .ytp-settings-menu {
  right: 24px;
  bottom: 70px
}

.ytp-delhi-modern.ytp-big-mode .ytp-settings-menu {
  bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 6px)
}

.ytp-settings-menu .ytp-menuitem-content {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-delhi-modern .ytp-settings-menu {
  z-index: 2300
}

.ytp-delhi-modern .ytp-settings-menu .ytp-panel-menu {
  padding: 8px
}

.ytp-delhi-modern .ytp-settings-menu .ytp-menuitem:not(.ytp-menuitem-with-footer) {
  height: 48px
}

.ytp-delhi-modern .ytp-settings-menu .ytp-menuitem>:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px
}

.ytp-delhi-modern .ytp-settings-menu .ytp-menuitem>:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px
}

.ytp-delhi-modern .ytp-settings-menu .ytp-menuitem-icon {
  padding-left: 8px;
  padding-right: 24px
}

.ytp-delhi-modern .ytp-settings-menu .ytp-menuitem-content {
  padding-right: 8px
}

.ytp-speedslider-component {
  height: 95px;
  outline: none
}

.ytp-speedslider-component .ytp-slider {
  height: 40px
}

.ytp-speedslider-component {
  text-align: center
}

.ytp-speedslider-indicator-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative
}

.ytp-speedslider-component .ytp-slider-handle:after,
.ytp-speedslider-component .ytp-slider-handle:before {
  height: 5px
}

.ytp-speedslider-text {
  font-size: 150%;
  text-align: center
}

.ytp-speedslider-premium-badge {
  width: 18px;
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iLTIgLTIgMjQgMjQiPjxwYXRoIGZpbGw9IiNjMDAiIGQ9Ik0wIDEuNDNDMCAuNjQuNjQgMCAxLjQzIDBoMTcuMTNDMTkuMzUgMCAyMCAuNjQgMjAgMS40M3YxNy4xM2MwIC43OS0uNjUgMS40NC0xLjQ0IDEuNDRIMS40M0MuNjQgMjAgMCAxOS4zNSAwIDE4LjU2Wm0wIDAiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNy44OCAxMS40MnY0LjI5SDUuMzdWMy41Mmg0Ljc1Yy45MiAwIDEuNzIuMTcgMi40Mi41LjY5LjM0IDEuMjIuODEgMS42IDEuNDMuMzcuNjIuNTYgMS4zMi41NiAyLjExIDAgMS4xOS0uNDEgMi4xMy0xLjIyIDIuODItLjgyLjY5LTEuOTUgMS4wNC0zLjQgMS4wNFptMC0yLjA0aDIuMjRjLjY3IDAgMS4xOC0uMTUgMS41Mi0uNDcuMzUtLjMxLjUzLS43NS41My0xLjM0cy0uMTgtMS4wNy0uNTMtMS40NWMtLjM1LS4zNi0uODQtLjU1LTEuNDYtLjU2aC0yLjNabTAgMCIvPjwvc3ZnPg==);
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
  margin-right: 8px;
  right: 100%
}

.ytp-menuitem-premium-badge {
  width: 18px;
  height: 18px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iLTIgLTIgMjQgMjQiPjxwYXRoIGZpbGw9IiNjMDAiIGQ9Ik0wIDEuNDNDMCAuNjQuNjQgMCAxLjQzIDBoMTcuMTNDMTkuMzUgMCAyMCAuNjQgMjAgMS40M3YxNy4xM2MwIC43OS0uNjUgMS40NC0xLjQ0IDEuNDRIMS40M0MuNjQgMjAgMCAxOS4zNSAwIDE4LjU2Wm0wIDAiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNy44OCAxMS40MnY0LjI5SDUuMzdWMy41Mmg0Ljc1Yy45MiAwIDEuNzIuMTcgMi40Mi41LjY5LjM0IDEuMjIuODEgMS42IDEuNDMuMzcuNjIuNTYgMS4zMi41NiAyLjExIDAgMS4xOS0uNDEgMi4xMy0xLjIyIDIuODItLjgyLjY5LTEuOTUgMS4wNC0zLjQgMS4wNFptMC0yLjA0aDIuMjRjLjY3IDAgMS4xOC0uMTUgMS41Mi0uNDcuMzUtLjMxLjUzLS43NS41My0xLjM0cy0uMTgtMS4wNy0uNTMtMS40NWMtLjM1LS4zNi0uODQtLjU1LTEuNDYtLjU2aC0yLjNabTAgMCIvPjwvc3ZnPg==);
  -webkit-background-size: cover;
  background-size: cover;
  margin-left: 8px
}

.ytp-menuitem-container-with-badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.ytp-speed-slider-menu-footer {
  padding: 16px
}

.ytp-show-share-title.ytp-share-button {
  margin-left: 10px;
  margin-right: 10px
}

.ytp-overflow-panel .ytp-show-share-title.ytp-share-button {
  margin-left: 20px;
  margin-right: 20px
}

.ytp-big-mode:not(.ytp-shorts-mode) .ytp-chrome-top .ytp-share-button,
:not(.ytp-shorts-mode) .ytp-chrome-top .ytp-share-button {
  width: auto;
  height: auto
}

.ytp-shorts-mode .ytp-share-button {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 4px
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-share-button {
  min-width: 48px;
  max-width: 80px
}

.ytp-share-icon {
  margin: auto;
  width: 36px;
  height: 36px
}

.ytp-big-mode .ytp-share-icon {
  width: 54px;
  height: 54px
}

.ytp-overflow-panel .ytp-share-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 10px
}

.ytp-share-title {
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  display: none
}

.ytp-big-mode .ytp-share-title,
.ytp-overflow-panel .ytp-share-title {
  font-size: 20px
}

.ytp-show-share-title .ytp-share-title {
  display: block
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-share-title {
  text-overflow: ellipsis;
  overflow: hidden
}

.ytp-share-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 75;
  background: rgba(0, 0, 0, .8);
  text-align: center;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-share-panel[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .25s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .25s cubic-bezier(.4, 0, 1, 1)
}

.ytp-share-panel-inner-content {
  position: absolute;
  top: 50%;
  margin-top: -65px;
  left: 0;
  right: 0;
  padding: 0 10%
}

.ytp-big-mode .ytp-share-panel-inner-content {
  margin-top: -98px
}

.ytp-share-panel-loading-spinner {
  display: none;
  margin: 20px auto 0;
  width: 32px;
  height: 32px;
  position: relative
}

.ytp-big-mode .ytp-share-panel-loading-spinner {
  margin-top: 30px
}

.ytp-share-panel.ytp-share-panel-loading .ytp-share-panel-loading-spinner {
  display: block
}

.ytp-share-panel-close {
  position: absolute;
  top: 6px;
  right: 12px;
  padding: 6px;
  width: 36px;
  height: 36px
}

.ytp-big-mode .ytp-share-panel-close {
  top: 9px;
  right: 24px;
  padding: 9px;
  width: 54px;
  height: 54px
}

.ytp-share-panel-close path {
  fill: #aaa
}

.ytp-share-panel-close:hover path {
  fill: #fff
}

.ytp-share-panel-title {
  font-size: 155%;
  line-height: 20px
}

.ytp-big-mode .ytp-share-panel-title {
  line-height: 30px
}

.ytp-share-panel-link {
  display: block;
  height: 28px;
  margin-top: 18px;
  text-overflow: ellipsis;
  font-size: 218%;
  font-weight: 500;
  letter-spacing: 1px;
  white-space: nowrap;
  overflow: hidden;
  outline: none
}

.ytp-big-mode .ytp-share-panel-link {
  height: 42px;
  margin-top: 27px
}

.ytp-share-panel-include-playlist {
  display: none;
  line-height: 15px;
  margin-top: 12px;
  font-size: 118%;
  color: #999
}

.ytp-big-mode .ytp-share-panel-include-playlist {
  line-height: 22.5px;
  margin-top: 18px
}

.ytp-share-panel-include-playlist input[type=checkbox] {
  margin: 0 8px 0 0
}

.ytp-share-panel-service-buttons {
  margin-top: 20px;
  height: 44px
}

.ytp-big-mode .ytp-share-panel-service-buttons {
  margin-top: 30px;
  height: 67px
}

.ytp-share-panel.ytp-share-panel-fail .ytp-share-panel-service-buttons,
.ytp-share-panel.ytp-share-panel-loading .ytp-share-panel-service-buttons {
  display: none
}

.ytp-share-panel-service-button {
  padding: 3px;
  width: 38px;
  height: 38px;
  display: inline-block
}

.ytp-big-mode .ytp-share-panel-service-button {
  padding: 5px;
  width: 57px;
  height: 57px
}

.ytp-share-panel-error {
  display: none;
  margin-top: 20px;
  font-size: 109%
}

.ytp-big-mode .ytp-share-panel-error {
  margin-top: 30px
}

.ytp-share-panel-fail .ytp-share-panel-error {
  display: block
}

.ytp-shopping-product-menu {
  z-index: 72;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  text-align: left;
  direction: ltr;
  font-size: 11px;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  will-change: width, height;
  border-radius: 12px
}

.ytp-shopping-product-menu .ytp-menuitem-content {
  max-width: 250px;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-shorts-title-channel-logo {
  width: 24px;
  height: 24px;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin: 5px;
  -webkit-background-origin: content-box;
  background-origin: content-box;
  float: left;
  -webkit-align-self: center;
  align-self: center;
  border-radius: 50%
}

.ytp-big-mode .ytp-shorts-title-channel-logo {
  width: 50px;
  height: 50px
}

.ytp-embed-mobile .ytp-shorts-title-channel-logo,
.ytp-embed-mobile.ytp-small-mode .ytp-shorts-title-channel-logo {
  width: 24px;
  height: 24px;
  margin: 0
}

.ytp-shorts-title-expanded-heading {
  margin: 3px;
  -webkit-box-flex: initial;
  -webkit-flex: initial;
  flex: initial;
  white-space: nowrap;
  overflow: hidden;
  -webkit-align-self: center;
  align-self: center
}

.ytp-shorts-title-expanded-title {
  font-size: 16px;
  font-weight: 400;
  margin: 0
}

.ytp-big-mode .ytp-shorts-title-expanded-title {
  font-size: 22px
}

.ytp-shorts-title-expanded-title a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-shorts-title-expanded-title {
  word-break: break-word;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px
}

.ytp-big-mode .ytp-shorts-title-expanded-title {
  font-size: 18px
}

.ytp-shorts-title-channel {
  background: transparent;
  border-radius: 0;
  display: none;
  height: auto;
  margin-left: 0;
  overflow: hidden;
  position: static;
  top: 7px;
  left: 8px;
  width: auto
}

.ytp-big-mode .ytp-shorts-title-channel {
  margin-top: 10px
}

.ytp-title-enable-channel-logo .ytp-shorts-title-channel {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-chrome-top .ytp-shorts-title-channel .ytp-sb {
  -webkit-align-self: center;
  align-self: center;
  margin: 5px;
  height: auto;
  width: auto;
  padding: 0;
  padding-left: 0;
  text-shadow: none;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.ytp-chrome-top .ytp-shorts-title-channel .ytp-sb-subscribe {
  margin-left: 0
}

.ytp-shorts-mode a.ytp-sb-subscribe {
  margin-left: 0
}

.ytp-big-mode .ytp-chrome-top .ytp-shorts-title-channel .ytp-sb-subscribe,
.ytp-big-mode .ytp-chrome-top .ytp-shorts-title-channel .ytp-sb-unsubscribe {
  font-size: 16px;
  padding: 14px 20px;
  margin-right: 10px
}

.ytp-autohide:not(.ytp-autohide-active) .ytp-chrome-top .ytp-shorts-title-channel {
  margin-top: 7px
}

.ytp-skip-intro-button {
  background: rgba(0, 0, 0, .9019607843);
  bottom: 58px;
  height: 48px;
  padding-left: 16px;
  padding-right: 16px;
  right: 10px;
  z-index: 10
}

.ytp-embed .ytp-skip-intro-button {
  bottom: 50px;
  height: 40px
}

.ytp-skip-intro-button:hover {
  background: #000
}

.ytp-big-mode .ytp-skip-intro-button {
  bottom: 79px;
  right: 40px
}

.ytp-skip-intro-button-text {
  display: inline-block;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap
}

.ytp-slider-section {
  display: inline-block;
  width: 150px;
  height: 100%;
  cursor: pointer;
  outline: 0
}

.ytp-slider {
  height: 100%;
  position: relative;
  overflow: hidden;
  outline: 0
}

.ytp-slider-handle {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  margin-top: -10px;
  background: #fff;
  outline: 0
}

.ytp-slider-handle:after,
.ytp-slider-handle:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  height: 3px;
  margin-top: -2px;
  width: 170px;
  outline: 0
}

.ytp-slider-handle:before {
  left: -160px;
  background: #fff
}

.ytp-slider-handle:after {
  left: 10px;
  background: rgba(255, 255, 255, .2)
}

.ytp-probably-keyboard-focus .ytp-slider-section:focus {
  -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8);
  box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8)
}

.ytp-overlay {
  z-index: 10;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0
}

.ytp-speedmaster-overlay {
  text-align: center;
  pointer-events: none
}

.ytp-speedmaster-user-edu {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 18px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  height: 32px;
  margin-top: 20px;
  padding: 6px 16px;
  font-size: 14px;
  font-weight: 500;
  background: rgba(0, 0, 0, .6)
}

.ytp-delhi-modern .ytp-speedmaster-user-edu {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6))
}

.ytp-speedmaster-user-edu.ytp-speedmaster-has-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center
}

.ytp-speedmaster-icon,
.ytp-speedmaster-label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex
}

.ytp-speedmaster-icon {
  margin-left: 4px
}

.ytp-speedmaster-icon svg {
  display: block;
  width: 24px;
  height: 24px
}

.ytp-webgl-spherical-control {
  position: absolute;
  top: 48px;
  left: 12px;
  opacity: .6;
  cursor: pointer;
  width: 50px;
  height: 50px;
  -webkit-transition: top .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: top .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
  z-index: 43;
  outline: none
}

.ytp-embed:not(.ad-showing) .ytp-webgl-spherical-control {
  top: 60px
}

.ytp-big-mode .ytp-webgl-spherical-control {
  top: 69px;
  width: 75px;
  height: 75px
}

.ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-webgl-spherical-control {
  top: 60px
}

.ytp-webgl-spherical-control.ytp-dragging,
.ytp-webgl-spherical-control:hover {
  opacity: 1
}

.ytp-autohide .ytp-webgl-spherical-control,
.ytp-hide-info-bar .ytp-webgl-spherical-control {
  top: 12px;
  -webkit-transition: top .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: top .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-webgl-spherical:not(.ytp-menu-shown) .html5-video-container {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.ytp-webgl-spherical.ytp-dragging:not(.ytp-menu-shown) .html5-video-container {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.ytp-probably-keyboard-focus .ytp-webgl-spherical-control:focus {
  -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8);
  box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8)
}

.ended-mode .ytp-webgl-spherical-control,
.ytp-menu-shown .ytp-webgl-spherical-control {
  opacity: 0;
  -webkit-transition: top .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: top .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-overlays-container .ytp-webgl-spherical-control {
  position: relative;
  inset: 0
}

.ytp-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  margin-left: -32px;
  z-index: 18;
  pointer-events: none
}

.ytp-big-mode .ytp-spinner {
  width: 128px;
  margin-left: -64px
}

.ytp-spinner-message {
  position: absolute;
  left: 50%;
  margin-top: 50%;
  width: 300px;
  font-size: 127%;
  line-height: 182%;
  margin-left: -150px;
  display: none;
  text-align: center;
  background-color: black;
  opacity: .5
}

.ytp-spinner-container {
  pointer-events: none;
  position: absolute;
  width: 100%;
  padding-bottom: 100%;
  top: 50%;
  left: 50%;
  margin-top: -50%;
  margin-left: -50%;
  animation: ytp-spinner-linspin 1.5682352941176s linear infinite;
  -webkit-animation: ytp-spinner-linspin 1.5682352941176s linear infinite
}

.ytp-spinner-rotator {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: ytp-spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.ytp-spinner-left,
.ytp-spinner-right {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden
}

.ytp-spinner-left {
  right: 49%
}

.ytp-spinner-right {
  left: 49%
}

.ytp-spinner-circle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 100%;
  border-style: solid;
  border-color: #ddd #ddd transparent;
  border-radius: 50%;
  border-width: 6px
}

.ytp-big-mode .ytp-spinner-circle {
  border-width: 12px
}

.ytp-spinner-left .ytp-spinner-circle {
  left: 0;
  right: -100%;
  border-right-color: transparent;
  -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: ytp-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.ytp-spinner-right .ytp-spinner-circle {
  left: -100%;
  right: 0;
  border-left-color: transparent;
  -webkit-animation: ytp-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
  animation: ytp-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@-webkit-keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(1turn)
  }
}

@keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg)
  }

  25% {
    -webkit-transform: rotate(270deg)
  }

  37.5% {
    -webkit-transform: rotate(405deg)
  }

  50% {
    -webkit-transform: rotate(540deg)
  }

  62.5% {
    -webkit-transform: rotate(675deg)
  }

  75% {
    -webkit-transform: rotate(810deg)
  }

  87.5% {
    -webkit-transform: rotate(945deg)
  }

  to {
    -webkit-transform: rotate(3turn)
  }
}

@keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }

  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }

  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg)
  }

  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg)
  }

  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg)
  }

  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg)
  }

  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg)
  }

  to {
    -webkit-transform: rotate(3turn);
    transform: rotate(3turn)
  }
}

@-webkit-keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg)
  }

  50% {
    -webkit-transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(130deg)
  }
}

@keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }

  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }
}

@-webkit-keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg)
  }

  50% {
    -webkit-transform: rotate(5deg)
  }

  to {
    -webkit-transform: rotate(-130deg)
  }
}

@keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }

  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }
}

.ytp-sfn {
  background: rgba(28, 28, 28, .8);
  border-radius: 4px;
  color: #fff;
  left: 10px;
  position: absolute;
  top: 10px;
  z-index: 64;
  min-width: 26em
}

.ytp-sfn-close {
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 5px
}

.ytp-sfn-content {
  padding: 5px
}

.ytp-sfn-content>div>div {
  display: inline-block;
  font-weight: 500;
  padding: 0 .5em;
  text-align: right;
  width: 10em
}

.ytp-sfn-cpn {
  font-family: Consolas, Monaco, monospace;
  font-size: 12px
}

.ytp-horizonchart {
  display: inline-block;
  margin: 2px;
  position: relative;
  vertical-align: bottom
}

.ytp-horizonchart>span {
  display: inline-block;
  position: absolute
}

.ytp-storyboard-framepreview {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 16;
  background: #000;
  -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
  transition: opacity .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-fine-scrubbing-enable .ytp-storyboard-framepreview {
  cursor: pointer
}

.ytp-storyboard-framepreview[aria-hidden=true] {
  opacity: 0;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-storyboard-framepreview-img {
  opacity: .4
}

.ytp-storyboard-framepreview-timestamp {
  display: none;
  position: absolute;
  color: #ddd;
  background: rgba(0, 0, 0, .3);
  border-radius: 18px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 36px;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 10px
}

.ytp-player-minimized .ytp-storyboard-framepreview-img {
  opacity: 1
}

.ytp-player-minimized .ytp-storyboard-framepreview-timestamp {
  display: initial
}

.ytp-inline-preview-mode .ytp-storyboard-framepreview-img {
  opacity: 1
}

.ytp-inline-preview-mode .ytp-storyboard-framepreview-timestamp {
  display: initial
}

.ytp-sb {
  display: inline-block;
  float: none
}

.ytp-sb .ytp-sb-unsubscribe,
.ytp-sb.ytp-sb-subscribed .ytp-sb-subscribe {
  display: none
}

.ytp-sb.ytp-sb-subscribed .ytp-sb-unsubscribe {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-sb-subscribe,
.ytp-sb-unsubscribe {
  border-radius: 18px;
  border: none;
  direction: ltr;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .007px;
  line-height: 16px;
  padding: 10px 16px;
  white-space: nowrap;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none
}

.ytp-shorts-mode .ytp-sb-subscribe,
.ytp-shorts-mode .ytp-sb-unsubscribe {
  border-radius: 3px;
  padding: 3px 6px;
  font-weight: 500
}

.ytp-sb-subscribe,
a.ytp-sb-subscribe {
  background-color: #fff;
  color: #030303
}

.ytp-shorts-mode .ytp-sb-subscribe,
.ytp-shorts-mode a.ytp-sb-subscribe {
  background-color: #fff
}

.ytp-sb-subscribe .ytp-sb-count {
  color: rgba(255, 255, 255, .8)
}

.ytp-sb-unsubscribe {
  background-color: rgba(255, 255, 255, .1);
  color: #fff
}

.ytp-shorts-mode .ytp-sb-unsubscribe {
  background-color: transparent;
  color: #ccc;
  text-transform: none
}

.ytp-sb-subscribe.ytp-sb-disabled,
.ytp-sb-unsubscribe.ytp-sb-disabled {
  background-color: rgb(243, 144, 139);
  cursor: default
}

.ytp-sb-subscribe:focus,
.ytp-sb-unsubscribe:focus {
  outline: none
}

.ytp-sb.ytp-sb-classic {
  background-color: white;
  border-radius: 2px;
  margin: 4px 0
}

.ytp-sb-classic .ytp-sb-subscribe.ytp-sb-disabled,
.ytp-sb-classic .ytp-sb-unsubscribe.ytp-sb-disabled {
  opacity: .5;
  cursor: default
}

.ytp-sb-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-sb-count {
  margin-left: 4px
}

.ytp-sb-classic .ytp-sb-subscribe,
.ytp-sb-classic .ytp-sb-unsubscribe {
  border-radius: 2px;
  font-size: 12px !important;
  font-weight: 400;
  padding: 0 !important;
  text-transform: none
}

.ytp-sb-classic .ytp-sb-subscribe {
  border: 1px solid #e62117
}

.ytp-sb-classic .ytp-sb-unsubscribe {
  border: 1px solid #ccc
}

.ytp-sb-classic .ytp-sb-count,
.ytp-sb-classic .ytp-sb-text {
  padding: 3px 6px
}

.ytp-sb-classic .ytp-sb-count {
  margin: -1px;
  border: 1px solid #ccc;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.ytp-sb-classic .ytp-sb-subscribe .ytp-sb-count {
  border-left: 0
}

.ytp-sb-classic .ytp-sb-subscribe .ytp-sb-count,
.ytp-sb-classic .ytp-sb-unsubscribe {
  background-color: rgb(250, 250, 250)
}

.ytp-sb-classic .ytp-sb-subscribe .ytp-sb-text {
  color: #fefefe;
  background-color: #e62117
}

.ytp-sb-classic .ytp-sb-count,
.ytp-sb-classic .ytp-sb-unsubscribe .ytp-sb-text {
  background-color: #fafafa;
  color: #737373
}

.ytp-sb-classic .ytp-sb-icon {
  height: 12px;
  margin-right: 6px;
  position: relative;
  top: 2px;
  width: 16px
}

.ytp-big-mode .ytp-sb-subscribe,
.ytp-big-mode .ytp-sb-unsubscribe {
  border-radius: 22px
}

.ytp-sb-classic .ytp-sb-subscribe .ytp-sb-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAnUlEQVQ4T2P8//+/JwMDw1wGBgZJBtLAcwYGhmTG////PyNDM8yq5yAD/pNmMapqnAY8k5JgEFmxlIHNzhmv+TgNeMrJycAowMkgNHM6A4dfOE5DcBrwnJOT4f/vHwyMbAwMXGnJDPwT5mA1hEgDkhj4J4AiChMQ9sKMaQwc/hGke4HiQCQ2ailNSC9ABnhBk7IEsbZC1T1lYGBIAwBS1UxBE9/2iAAAAABJRU5ErkJggg==)
}

.ytp-sb-classic .ytp-sb-unsubscribe .ytp-sb-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAA/UlEQVQ4T6WSMUoEQRBF608iaLqZ4AnE0DOIYGYuGNjdM4jRiLkYjSIsLF0tgpkgE3gAccDUG5h6ACMNp75MoMyuyo5sp9X1ftX/BVnwYcF++RcgpbRGciIiY+/9Qyc+GBBj3Myy7FpERmY2CSGcDQao6i6A806Q5LH3/u5r9akJqqpaKcvyo+cLVPUEwKGIvJnZfgjhue/bN0BVj0TkwMzyPM+fUkrLJMcAtkm+ANhzzr3Omt4H7AC4FJElEbkguQVgg+Rj27ahKIr33xKbWiHGuA7gBsBq99nMrpqmOa3ruv0r7h8ppJRGJCOAe+fc7bw7GRzj4AnmKc7WPwFWRF0Nc9RQxwAAAABJRU5ErkJggg==)
}

.caption-window {
  position: absolute;
  line-height: normal;
  z-index: 41;
  pointer-events: auto;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none
}

.ytp-caption-window-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  pointer-events: none
}

.ytp-native-controls .caption-window {
  z-index: 2147483647
}

.caption-window.ytp-caption-window-top {
  margin-top: 48px;
  -webkit-transition: margin-bottom .25s cubic-bezier(0, 0, .2, 1), margin-top .25s cubic-bezier(0, 0, .2, 1);
  transition: margin-bottom .25s cubic-bezier(0, 0, .2, 1), margin-top .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-embed:not(.ad-showing) .caption-window.ytp-caption-window-top {
  margin-top: 60px
}

.ytp-big-mode .caption-window.ytp-caption-window-top {
  margin-top: 69px
}

.ytp-big-mode.ytp-embed:not(.ad-showing) .caption-window.ytp-caption-window-top {
  margin-top: 89px
}

.ytp-autohide .caption-window.ytp-caption-window-top,
.ytp-hide-info-bar .caption-window.ytp-caption-window-top {
  margin-top: 0;
  -webkit-transition: margin-bottom .1s cubic-bezier(.4, 0, 1, 1), margin-top .1s cubic-bezier(.4, 0, 1, 1);
  transition: margin-bottom .1s cubic-bezier(.4, 0, 1, 1), margin-top .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-delhi-modern.ytp-autohide-active .caption-window {
  pointer-events: none
}

ytd-reel-video-renderer .short-video-container .caption-window.ytp-caption-window-top {
  margin-top: 69px
}

.caption-window.ytp-caption-window-bottom {
  margin-bottom: 61px;
  -webkit-transition: margin-bottom .25s cubic-bezier(0, 0, .2, 1), margin-top .25s cubic-bezier(0, 0, .2, 1);
  transition: margin-bottom .25s cubic-bezier(0, 0, .2, 1), margin-top .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern.ytp-fine-scrubbing-enable .caption-window.ytp-caption-window-bottom,
.ytp-fine-scrubbing-enable .caption-window.ytp-caption-window-bottom {
  margin-bottom: 110px
}

.ytp-fine-scrubbing-enable.ytp-ad-overlay-open .caption-window.ytp-caption-window-bottom {
  margin-bottom: 200px
}

.ytp-big-mode.ytp-fine-scrubbing-enable .caption-window.ytp-caption-window-bottom {
  margin-bottom: 155px
}

.ytp-embed .caption-window.ytp-caption-window-bottom {
  margin-bottom: 53px
}

.ytp-big-mode .caption-window.ytp-caption-window-bottom {
  margin-bottom: 70px
}

.ytp-autohide .caption-window.ytp-caption-window-bottom,
.ytp-hide-controls .caption-window.ytp-caption-window-bottom,
.ytp-muted-autoplay .caption-window.ytp-caption-window-bottom {
  margin-bottom: 0;
  -webkit-transition: margin-bottom .1s cubic-bezier(.4, 0, 1, 1), margin-top .1s cubic-bezier(.4, 0, 1, 1);
  transition: margin-bottom .1s cubic-bezier(.4, 0, 1, 1), margin-top .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide.ytp-delhi-modern .caption-window.ytp-caption-window-bottom,
.ytp-autohide.ytp-delhi-modern.ytp-big-mode .caption-window.ytp-caption-window-bottom,
.ytp-autohide.ytp-delhi-modern.ytp-fullscreen-grid-peeking .caption-window.ytp-caption-window-bottom,
.ytp-autohide.ytp-delhi-modern.ytp-fullscreen-grid-peeking.ytp-big-mode .caption-window.ytp-caption-window-bottom,
.ytp-hide-controls.ytp-delhi-modern .caption-window.ytp-caption-window-bottom,
.ytp-hide-controls.ytp-delhi-modern.ytp-big-mode .caption-window.ytp-caption-window-bottom,
.ytp-hide-controls.ytp-delhi-modern.ytp-fullscreen-grid-peeking .caption-window.ytp-caption-window-bottom,
.ytp-hide-controls.ytp-delhi-modern.ytp-fullscreen-grid-peeking.ytp-big-mode .caption-window.ytp-caption-window-bottom,
.ytp-muted-autoplay.ytp-delhi-modern .caption-window.ytp-caption-window-bottom,
.ytp-muted-autoplay.ytp-delhi-modern.ytp-big-mode .caption-window.ytp-caption-window-bottom,
.ytp-muted-autoplay.ytp-delhi-modern.ytp-fullscreen-grid-peeking .caption-window.ytp-caption-window-bottom,
.ytp-muted-autoplay.ytp-delhi-modern.ytp-fullscreen-grid-peeking.ytp-big-mode .caption-window.ytp-caption-window-bottom {
  margin-bottom: 0
}

.ytp-native-controls .caption-window.ytp-caption-window-bottom {
  margin-bottom: 45px;
  -webkit-transition: none;
  transition: none
}

.ytp-ad-overlay-open .caption-window.ytp-caption-window-bottom {
  margin-bottom: 151px
}

.ytp-embed.ytp-ad-overlay-open .caption-window.ytp-caption-window-bottom {
  margin-bottom: 143px
}

.ytp-big-mode.ytp-ad-overlay-open .caption-window.ytp-caption-window-bottom {
  margin-bottom: 160px
}

.ytp-delhi-modern .caption-window.ytp-caption-window-bottom {
  margin-bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 14px)
}

.ytp-delhi-modern.ytp-big-mode .caption-window.ytp-caption-window-bottom {
  margin-bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 14px)
}

.ytp-delhi-modern.ytp-fullscreen-metadata-bottom .caption-window.ytp-caption-window-bottom {
  margin-bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 154px)
}

.ytp-delhi-modern.ytp-fullscreen-metadata-bottom.ytp-big-mode .caption-window.ytp-caption-window-bottom {
  margin-bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 154px)
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking .caption-window.ytp-caption-window-bottom {
  margin-bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 14px + var(--ytp-grid-peek-height))
}

.ytp-delhi-modern.ytp-fullscreen-grid-peeking.ytp-big-mode .caption-window.ytp-caption-window-bottom {
  margin-bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 14px + var(--ytp-grid-peek-height))
}

.ytp-delhi-modern.ytp-fullscreen-metadata-bottom.ytp-fullscreen-grid-peeking .caption-window.ytp-caption-window-bottom {
  margin-bottom: calc(var(--yt-delhi-bottom-controls-height, 72px) + 154px + var(--ytp-grid-peek-height))
}

.ytp-delhi-modern.ytp-fullscreen-metadata-bottom.ytp-fullscreen-grid-peeking.ytp-big-mode .caption-window.ytp-caption-window-bottom {
  margin-bottom: calc(var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 154px + var(--ytp-grid-peek-height))
}

.ytp-delhi-modern.ytp-fullscreen-grid-active .caption-window.ytp-caption-window-bottom {
  display: none;
  opacity: 0
}

.html5-video-player .caption-window.ytp-dragging,
.html5-video-player.ytp-ad-overlay-open .caption-window.ytp-dragging,
.html5-video-player.ytp-delhi-modern .caption-window.ytp-dragging {
  margin-top: 0;
  margin-bottom: 0;
  -webkit-transition: none;
  transition: none;
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.ytp-caption-window-rollup.ytp-rollup-mode {
  overflow: hidden
}

.caption-window .ytp-icon,
.caption-window svg {
  width: 48px;
  height: 48px;
  vertical-align: bottom;
  display: inline-block;
  max-width: 1em;
  max-height: 1em
}

.ytp-embed .caption-window .ytp-icon,
.ytp-embed .caption-window svg {
  width: 40px;
  height: 40px
}

.ytp-big-mode .caption-window svg {
  width: 54px;
  height: 54px
}

.ytp-caption-window-rollup.ytp-rollup-mode .captions-text {
  -webkit-transition: -webkit-transform .433s cubic-bezier(0, 0, .2, 1);
  transition: transform .433s cubic-bezier(0, 0, .2, 1), -webkit-transform .433s cubic-bezier(0, 0, .2, 1)
}

.caption-edit {
  opacity: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(8, 8, 8, .75);
  border: none;
  padding: 0;
  cursor: pointer
}

.caption-edit svg {
  max-height: 60%;
  max-width: 60%
}

.caption-edit:focus,
.caption-window:focus .caption-edit,
.ytp-caption-window-rollup .caption-edit:hover,
.ytp-caption-window-rollup:hover .caption-edit {
  opacity: 1
}

.html5-video-player .caption-visual-line .ytp-caption-segment:first-child {
  padding-left: .25em;
  padding-top: 0
}

.html5-video-player .caption-visual-line .ytp-caption-segment:last-child {
  padding-right: .25em;
  padding-bottom: 0
}

.html5-video-player .ytp-vertical-caption .caption-visual-line .ytp-caption-segment:first-child {
  padding-top: .25em;
  padding-left: 0
}

.html5-video-player .ytp-vertical-caption .caption-visual-line .ytp-caption-segment:last-child {
  padding-bottom: .25em;
  padding-right: 0
}

.ytp-suggested-action {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -moz-justify-content: left;
  -webkit-justify-content: left;
  -webkit-box-pack: left;
  justify-content: left
}

.ytp-fine-scrubbing-enable .ytp-suggested-action-badge {
  bottom: 60px;
  left: 60px
}

.ytp-big-mode.ytp-fine-scrubbing-enable .ytp-suggested-action-badge {
  bottom: 90px;
  left: 90px
}

.ytp-suggested-action-badge {
  z-index: 60;
  position: absolute;
  bottom: 16px;
  left: 16px;
  background-color: rgba(0, 0, 0, .8);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 34px;
  height: 34px;
  width: 34px;
  padding: 7px;
  display: -moz-flexbox;
  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;
  overflow: hidden;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1), background-color .1s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1), background-color .1s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.ytp-suggested-action-badge.ytp-timely-shelf-present {
  display: none
}

.ytp-suggested-action-badge.ytp-suggested-action-badge-fullscreen.ytp-timely-shelf-present {
  display: unset
}

.ad-showing .ytp-suggested-action-badge.ytp-suggested-action-badge-fullscreen.ytp-timely-shelf-present {
  display: none
}

ytd-watch-flexy[theater] .ytp-suggested-action-badge.ytp-timely-shelf-present {
  display: unset
}

ytd-watch-flexy[theater] .ad-showing .ytp-suggested-action-badge.ytp-timely-shelf-present {
  display: none
}

.ytp-overlays-container .ytp-overlay-bottom-left .ytp-suggested-action-badge {
  position: relative;
  bottom: 0;
  left: 0
}

.ytp-delhi-modern .ytp-suggested-action-badge {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6));
  border: none;
  height: 40px;
  width: 40px;
  border-radius: 40px;
  padding: 12px
}

.ytp-delhi-modern .ytp-suggested-action-badge:not(.ytp-suggested-action-badge-expanded) {
  padding: 0 8px
}

.ad-showing .ytp-suggested-action-badge {
  display: none
}

.ytp-suggested-action-badge[aria-hidden=true] {
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
  opacity: 0
}

.ytp-suggested-action-badge:hover {
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1), background-color .1s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1), background-color .1s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
  background-color: rgba(33, 33, 33, .95)
}

.ytp-suggested-action-badge.ytp-suggested-action-badge-with-controls {
  -webkit-transform: translateY(-59px);
  -ms-transform: translateY(-59px);
  transform: translateY(-59px)
}

.ytp-delhi-modern .ytp-suggested-action-badge.ytp-suggested-action-badge-with-controls {
  -webkit-transform: translateY(calc((var(--yt-delhi-bottom-controls-height, 72px) + 6px)*-1));
  -ms-transform: translateY(calc((var(--yt-delhi-bottom-controls-height, 72px) + 6px)*-1));
  transform: translateY(calc((var(--yt-delhi-bottom-controls-height, 72px) + 6px)*-1))
}

.ytp-delhi-modern.ytp-big-mode .ytp-suggested-action-badge.ytp-suggested-action-badge-with-controls {
  -webkit-transform: translateY(calc((var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 6px)*-1));
  -ms-transform: translateY(calc((var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 6px)*-1));
  transform: translateY(calc((var(--yt-delhi-big-mode-bottom-controls-height, 96px) + 6px)*-1))
}

.ytp-suggested-action-badge.ytp-suggested-action-badge-fullscreen.ytp-suggested-action-badge-with-controls {
  -webkit-transform: translateY(-80px);
  -ms-transform: translateY(-80px);
  transform: translateY(-80px)
}

.ytp-overlays-container .ytp-overlay-bottom-left .ytp-suggested-action-badge.ytp-suggested-action-badge-with-controls {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

.ytp-suggested-action-badge:is(.ytp-suggested-action-badge-expanded, .ytp-suggested-action-badge-content-forward) {
  width: auto
}

.ytp-suggested-action-badge-icon-container {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex
}

.ytp-suggested-action-badge-icon {
  height: 18px;
  width: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiIgZmlsbD0iI2ZmZiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6Ii8+PHBhdGggZD0iTTE4IDZoLTJjMC0yLjIxLTEuNzktNC00LTRTOCAzLjc5IDggNkg2Yy0xLjEgMC0yIC45LTIgMnYxMmMwIDEuMS45IDIgMiAyaDEyYzEuMSAwIDItLjkgMi0yVjhjMC0xLjEtLjktMi0yLTJtLTYtMmMxLjEgMCAyIC45IDIgMmgtNGMwLTEuMS45LTIgMi0ybTYgMTZINlY4aDJ2MmMwIC41NS40NSAxIDEgMXMxLS40NSAxLTFWOGg0djJjMCAuNTUuNDUgMSAxIDFzMS0uNDUgMS0xVjhoMnoiLz48L3N2Zz4=);
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.ytp-delhi-modern .ytp-suggested-action-badge-icon.ytp-suggested-action-badge-icon-custom-icon,
.ytp-suggested-action-badge-icon.ytp-suggested-action-badge-icon-custom-icon {
  background-image: none;
  width: 20px;
  height: 20px
}

.ytp-delhi-modern .ytp-suggested-action-badge-icon {
  height: 24px;
  width: 24px
}

.ytp-suggested-action-badge-title {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-left: 6px;
  margin-right: 6px;
  cursor: pointer
}

.ytp-delhi-modern .ytp-suggested-action-badge-title {
  font-weight: 500
}

.ytp-suggested-action-badge-title:empty {
  display: none
}

.ytp-suggested-action.ytp-suggested-action-badge {
  border: none;
  background: rgba(0, 0, 0, .6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 8px;
  width: 298px;
  height: 64px;
  padding: 0;
  cursor: pointer;
  -webkit-transition-timing-function: cubic-bezier(.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(.05, 0, 0, 1)
}

.ytp-suggested-action-container {
  display: -moz-flexbox;
  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: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  overflow: hidden;
  width: 290px;
  padding: 4px
}

.ytp-suggested-action-details {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  font-size: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 8px;
  overflow: hidden
}

.ytp-suggested-action-details .ytp-suggested-action-title {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  font-size: 14px
}

.ytp-suggested-action-details .ytp-suggested-action-subtitle {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  opacity: .7;
  font-weight: 400
}

.ytp-suggested-action-details .ytp-suggested-action-metadata-text {
  opacity: .7;
  font-weight: 500
}

.ytp-suggested-action-badge-img {
  position: relative;
  border-radius: 4px;
  background: #fff;
  height: 56px;
  width: 56px;
  overflow: hidden
}

.ytp-suggested-action-badge-img>img {
  width: inherit;
  height: inherit;
  -o-object-fit: contain;
  object-fit: contain
}

:is(:is(.ytp-suggested-action-badge-preview-collapsed, .ytp-suggested-action-badge-preview-expanded), .ytp-suggested-action-badge-content-forward.ytp-suggested-action-badge-expanded) .ytp-suggested-action-badge-icon {
  display: none
}

:is(.ytp-suggested-action-badge-preview-collapsed, .ytp-suggested-action-badge-preview-expanded) .ytp-suggested-action-badge-expanded-content-container {
  display: none
}

.ytp-suggested-action-content-forward-container {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center
}

.ytp-suggested-action-product-thumbnail {
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  opacity: 0;
  width: 0;
  -webkit-transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1);
  -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1);
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1);
  transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1);
  transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1);
  -webkit-transition: width .3s cubic-bezier(.4, 0, .2, 1);
  transition: width .3s cubic-bezier(.4, 0, .2, 1);
  border-radius: 4px;
  height: 18px
}

.ytp-suggested-action-product-thumbnail:first-child {
  -webkit-transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1);
  -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1);
  transition: opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1);
  transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1);
  transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1)
}

.ytp-delhi-modern .ytp-suggested-action-product-thumbnail {
  height: 24px
}

.ytp-suggested-action-badge-preview-expanded .ytp-suggested-action-product-thumbnail {
  -webkit-margin-start: 2px;
  margin-inline-start: 2px;
  opacity: 1;
  width: 18px
}

.ytp-suggested-action-badge-preview-expanded .ytp-suggested-action-product-thumbnail:first-child {
  -webkit-margin-start: 0;
  margin-inline-start: 0
}

.ytp-delhi-modern .ytp-suggested-action-badge-preview-expanded .ytp-suggested-action-product-thumbnail {
  width: 24px
}

:is(.ytp-suggested-action-badge-preview-collapsed, .ytp-suggested-action-badge-content-forward.ytp-suggested-action-badge-expanded) .ytp-suggested-action-product-thumbnail:first-child {
  -webkit-margin-start: 2px;
  margin-inline-start: 2px;
  opacity: 1;
  width: 18px;
  -webkit-margin-start: 0;
  margin-inline-start: 0
}

.ytp-delhi-modern :is(.ytp-suggested-action-badge-preview-collapsed, .ytp-suggested-action-badge-content-forward.ytp-suggested-action-badge-expanded) .ytp-suggested-action-product-thumbnail:first-child {
  width: 24px
}

.ytp-suggested-action-more-products-icon {
  display: none;
  height: 12px;
  width: 2px;
  border-radius: 0 12px 12px 0;
  background-color: #fff;
  opacity: .32;
  -webkit-margin-start: 2px;
  margin-inline-start: 2px
}

.ytp-delhi-modern .ytp-suggested-action-more-products-icon {
  height: 18px;
  border-radius: 12px
}

.ytp-suggested-action-badge-content-forward.ytp-suggested-action-badge-expanded .ytp-suggested-action-more-products-icon {
  display: unset
}

.ytp-suggested-action-badge-dismiss-button-icon {
  height: 18px;
  width: 18px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2ZmZiIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuMjQgOS4xNyAxMy40MSAxMmwyLjgzIDIuODMtMS40MSAxLjQxTDEyIDEzLjQxbC0yLjgzIDIuODMtMS40MS0xLjQxTDEwLjU5IDEyIDcuNzYgOS4xN2wxLjQxLTEuNDFMMTIgMTAuNTlsMi44My0yLjgzek00LjkzIDQuOTNjLTMuOTEgMy45MS0zLjkxIDEwLjI0IDAgMTQuMTQgMy45MSAzLjkxIDEwLjI0IDMuOTEgMTQuMTQgMCAzLjkxLTMuOTEgMy45MS0xMC4yNCAwLTE0LjE0LTMuOS0zLjkxLTEwLjI0LTMuOTEtMTQuMTQgMG0xMy40My43MWMzLjUxIDMuNTEgMy41MSA5LjIyIDAgMTIuNzNzLTkuMjIgMy41MS0xMi43MyAwLTMuNTEtOS4yMiAwLTEyLjczYzMuNTItMy41MSA5LjIyLTMuNTEgMTIuNzMgMCIvPjwvc3ZnPg==);
  -webkit-background-size: contain;
  background-size: contain;
  opacity: .6;
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-delhi-modern .ytp-suggested-action-badge-dismiss-button-icon {
  height: 24px;
  width: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE5IDYuNDEgMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz48L3N2Zz4=);
  opacity: 1
}

.ytp-suggested-action-badge-dismiss-button-icon:hover {
  opacity: 1;
  -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
  transition: opacity .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-suggested-action-badge-expanded-content-container {
  display: -moz-flexbox;
  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-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  opacity: 1
}

.ytp-suggested-action-badge-expanded-content-container[aria-hidden=true] {
  -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
  opacity: 0
}

.ytp-suggested-action-badge.ytp-suggested-action-badge-with-offline-slate {
  bottom: 32px
}

.ytp-featured-product.ytp-suggested-action-badge {
  border: none;
  background: rgba(0, 0, 0, .6);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 8px;
  width: 280px;
  height: 64px;
  padding: 0;
  cursor: pointer;
  -webkit-transition-timing-function: cubic-bezier(.05, 0, 0, 1);
  transition-timing-function: cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-featured-product.ytp-suggested-action-badge {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium, rgba(0, 0, 0, .6))
}

.ytp-featured-product>.ytp-suggested-action-badge-expanded-content-container>.ytp-suggested-action-badge-title {
  display: none
}

.ytp-featured-product-container {
  display: -moz-flexbox;
  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: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
  overflow: hidden;
  width: 272px;
  padding: 4px
}

.ytp-featured-product-container>.ytp-suggested-action-badge-dismiss-button-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE5IDYuNDEgMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiLz48L3N2Zz4=);
  opacity: .8;
  height: 18px;
  width: 18px;
  aspect-ratio: 1
}

.ytp-featured-product-thumbnail {
  position: relative;
  border-radius: 4px;
  background: #fff;
  height: 56px;
  width: 56px;
  overflow: hidden
}

.ytp-featured-product-thumbnail>img {
  width: inherit;
  height: inherit;
  -o-object-fit: contain;
  object-fit: contain
}

.ytp-featured-product-open-in-new {
  position: absolute;
  bottom: 4px;
  right: 4px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, .8);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg0OHY0OEgweiIvPjxwYXRoIGQ9Ik0zOCAzOEgxMFYxMGgxNFY2SDEwYy0yLjIxIDAtNCAxLjc5LTQgNHYyOGMwIDIuMjEgMS43OSA0IDQgNGgyOGMyLjIxIDAgNC0xLjc5IDQtNFYyNGgtNHpNMjggNnY0aDcuMTdMMTUuNTEgMjkuNjZsMi44MyAyLjgzTDM4IDEyLjgzVjIwaDRWNnoiLz48L3N2Zz4=);
  width: 12px;
  height: 12px;
  overflow: hidden
}

.ytp-featured-product-details {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  font-size: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 8px;
  overflow: hidden
}

.ytp-featured-product-details .ytp-featured-product-title {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  font-size: 14px
}

.ytp-featured-product-details .ytp-featured-product-countdown {
  font-family: YouTube Sans, Roboto, sans-serif;
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 700
}

.ytp-featured-product-details .ytp-featured-product-affiliate-disclaimer {
  font-weight: 500
}

.ytp-featured-product-details .ytp-featured-product-affiliate-disclaimer-when-promotion-text-enabled {
  font-weight: 500;
  margin-right: 4px;
  opacity: .7
}

.ytp-featured-product-info-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGg0OHY0OEgweiIvPjxwYXRoIGQ9Ik0yMiAzNGg0VjIyaC00em0yLTMwQzEyLjk1IDQgNCAxMi45NSA0IDI0czguOTUgMjAgMjAgMjAgMjAtOC45NSAyMC0yMFMzNS4wNSA0IDI0IDRtMCAzNmMtOC44MiAwLTE2LTcuMTgtMTYtMTZTMTUuMTggOCAyNCA4czE2IDcuMTggMTYgMTYtNy4xOCAxNi0xNiAxNm0tMi0yMmg0di00aC00eiIvPjwvc3ZnPg==);
  height: 18px;
  width: 18px;
  margin-right: 8px;
  opacity: .8;
  aspect-ratio: 1
}

.ytp-featured-product-overflow-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii01IC01IDM2IDM2Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTIgOGMxLjEgMCAyLS45IDItMnMtLjktMi0yLTItMiAuOS0yIDIgLjkgMiAyIDJtMCAyYy0xLjEgMC0yIC45LTIgMnMuOSAyIDIgMiAyLS45IDItMi0uOS0yLTItMm0wIDZjLTEuMSAwLTIgLjktMiAycy45IDIgMiAyIDItLjkgMi0yLS45LTItMi0yIi8+PC9zdmc+);
  height: 20px;
  width: 20px;
  opacity: .8;
  aspect-ratio: 1
}

.ytp-featured-product-details .ytp-featured-product-vendor {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-featured-product-details .ytp-featured-product-vendor-when-promotion-text-enabled {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  opacity: .7;
  font-weight: 400
}

.ytp-featured-product-when-promotion-text-enabled {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex
}

.ytp-featured-product-when-promotion-text-enabled .ytp-featured-product-trending {
  overflow: hidden
}

.ytp-featured-product-when-promotion-text-enabled .ytp-featured-product-trending-text {
  opacity: .7;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-featured-product-trending>.ytp-featured-product-trending-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTIzLTI0MC00My00MyAyOTItMjkxIDE2NyAxNjcgMjQxLTI0MUg2NTN2LTYwaDIyN3YyMjdoLTU5di0xMjNMNTM4LTMyMSAzNzEtNDg4eiIvPjwvc3ZnPg==);
  height: 12px;
  width: 12px;
  margin-top: 2px;
  margin-right: 4px;
  opacity: .8;
  aspect-ratio: 1
}

.ytp-featured-product-details .ytp-featured-product-trending {
  display: -moz-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex
}

.ytp-featured-product-details .ytp-featured-product-price-container {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-featured-product-details .ytp-featured-product-price-container .ytp-featured-product-price-when-promotion-text-enabled {
  opacity: .7;
  font-weight: 400
}

.ytp-featured-product-details .ytp-featured-product-price-container .ytp-featured-product-promotion-text {
  font-weight: 500;
  margin-left: 4px
}

.ytp-featured-product-details .ytp-featured-product-sales-original-price {
  text-decoration: line-through;
  margin-left: 4px
}

.ytp-featured-product-details .ytp-featured-product-price-drop-reference-price {
  margin-left: 4px
}

.ytp-featured-product-sales-original-price:empty {
  display: none
}

.ytp-featured-product-promotion-text:empty {
  display: none
}

.ytp-featured-product-price-drop-reference-price:empty {
  display: none
}

.ytp-featured-product-affiliate-disclaimer-when-promotion-text-enabled:empty {
  display: none
}

.ytp-featured-product-exclusive-badge-container,
.ytp-featured-product-exclusive-container {
  display: -moz-flexbox;
  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;
  -moz-justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start
}

.ytp-featured-product-exclusive-badge {
  display: -moz-flexbox;
  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;
  background: -webkit-gradient(linear, left top, right top, from(#7f0e7f), color-stop(#db1ddb), to(#ed558f));
  background: -webkit-linear-gradient(left, #7f0e7f, #db1ddb, #ed558f);
  background: linear-gradient(90deg, #7f0e7f, #db1ddb, #ed558f);
  border-radius: 4px;
  padding: 2px 4px
}

.ytp-featured-product-exclusive-badge-text {
  line-height: 100%;
  font-weight: 700
}

.ytp-featured-product-details .ytp-featured-product-exclusive-countdown {
  margin-left: 4px;
  line-height: 100%
}

.ytp-time-display {
  font-size: 109%;
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
  white-space: nowrap;
  line-height: 47px
}

.ytp-embed.ytp-embed-mobile .ytp-time-display,
.ytp-embed.ytp-embed-mobile.ytp-small-mode .ytp-time-display {
  line-height: 51px
}

.ytp-embed .ytp-time-display,
.ytp-small-mode .ytp-time-display {
  line-height: 39px
}

.ytp-big-mode .ytp-time-display {
  line-height: 53px
}

.ytp-delhi-modern .ytp-time-display:not(.ytp-miniplayer-ui *) {
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  line-height: var(--yt-delhi-pill-height, 48px);
  font-size: 14px;
  min-width: 0;
  padding: var(--yt-delhi-pill-top-height, 12px) 8px
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-time-display {
  line-height: var(--yt-delhi-big-mode-pill-height, 56px);
  font-size: 16px;
  padding: var(--yt-delhi-big-mode-pill-top-height, 20px) 12px
}

.ytp-volume-slider-active .ytp-time-display-allow-autohide {
  display: none
}

.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *) {
  min-width: 0;
  position: relative;
  display: inline-block;
  height: var(--yt-delhi-pill-height, 48px);
  border-radius: 28px;
  padding: 0 16px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000
}

.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *) svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-time-wrapper:not(.ytp-miniplayer-ui *) {
  height: 40px;
  line-height: 40px
}

.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *):after {
  content: "";
  position: absolute;
  inset: 4px;
  background: transparent;
  pointer-events: none;
  border-radius: 28px
}

.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *):hover:after {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary, rgba(255, 255, 255, .1));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *):active:after {
  background-color: var(--yt-sys-color-baseline--overlay-tonal-hover, rgba(255, 255, 255, .2));
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-time-wrapper {
  height: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-delhi-modern-with-luminosity.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *) {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: luminosity;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-difference.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *) {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: difference;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-exclusion.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *) {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: exclusion;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-time-current,
.ytp-time-duration,
.ytp-time-separator {
  color: #ddd
}

.ytp-time-wrapper-delhi {
  cursor: pointer
}

.ytp-delhi-modern .ytp-time-current {
  color: var(--yt-sys-color-baseline--overlay-text-primary, #fff)
}

.ytp-delhi-modern .ytp-time-duration,
.ytp-delhi-modern .ytp-time-separator {
  color: var(--yt-sys-color-baseline--overlay-text-primary, #fff);
  font-weight: 400
}

.ytp-live .ytp-time-contents {
  display: none
}

* .ytp-chrome-controls .ytp-live-badge,
.ytp-big-mode .ytp-chrome-controls .ytp-live-badge,
.ytp-small-mode .ytp-chrome-controls .ytp-live-badge {
  display: none;
  width: auto;
  text-transform: uppercase
}

.ytp-big-mode.ytp-delhi-modern .ytp-chrome-controls .ytp-live-badge,
.ytp-delhi-modern .ytp-chrome-controls .ytp-live-badge,
.ytp-small-mode.ytp-delhi-modern .ytp-chrome-controls .ytp-live-badge {
  text-transform: none
}

.ytp-big-mode .ytp-chrome-controls .ytp-live .ytp-live-badge,
.ytp-chrome-controls .ytp-live .ytp-live-badge {
  display: inline-block
}

.ytp-live-badge:before {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: 4%;
  margin-right: 5px;
  background: #757575;
  content: "";
  border-radius: 6px
}

.ytp-big-mode .ytp-live-badge:before {
  width: 9px;
  height: 9px;
  border-radius: 9px
}

.html5-video-player .ytp-live-badge[aria-disabled=true],
.html5-video-player .ytp-live-badge[disabled] {
  opacity: 1
}

.ytp-livebadge-color .ytp-live-badge.ytp-live-badge-is-livehead:before {
  background: var(--yt-sys-color-baseline--overlay-background-brand, rgba(225, 0, 45, .9))
}

.ytp-time-display.ytp-clip {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-clip-watch-full-video-button,
.ytp-clip-watch-full-video-button-separator,
.ytp-time-clip-icon {
  display: none
}

.ytp-clip .ytp-clip-watch-full-video-button,
.ytp-clip .ytp-clip-watch-full-video-button-separator,
.ytp-clip .ytp-time-clip-icon {
  display: inline
}

.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button-separator {
  display: none
}

.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button {
  display: inline-block;
  padding-top: 12px;
  margin-left: 8px;
  height: var(--yt-delhi-pill-height, 48px);
  border-radius: 28px;
  padding: 0 16px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000
}

.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern.ytp-big-mode:not(.ytp-xsmall-width-mode) .ytp-clip .ytp-clip-watch-full-video-button {
  display: inline-block;
  height: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-delhi-modern-with-luminosity.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: luminosity;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-difference.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: difference;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-exclusion.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button {
  background: rgba(80, 80, 80, .6);
  background-blend-mode: exclusion;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px)
}

.ytp-time-clip-icon {
  margin-left: 16px;
  margin-right: 5px
}

.ytp-delhi-modern .ytp-time-clip-icon {
  margin-left: 0
}

.ytp-time-clip-icon svg {
  width: 16px;
  height: 16px;
  margin-bottom: -3px;
  fill: #ddd
}

.ytp-clip-watch-full-video-button-separator {
  margin-left: 8px;
  margin-right: 8px;
  font-weight: 700
}

.ytp-clip-watch-full-video-button {
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-small-mode .ytp-clip-watch-full-video-button,
.ytp-small-mode .ytp-clip-watch-full-video-button-separator {
  display: none
}

.ytp-embed .ytp-chrome-controls .ytp-live .ytp-live-badge {
  width: auto
}

.ytp-delhi-modern .ytp-time-contents {
  overflow: hidden
}

.ytp-no-link,
span.ytp-title-channel-name {
  cursor: default;
  pointer-events: none
}

.ytp-title {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex
}

.ytp-fullscreen-metadata-bottom .ytp-title .ytp-title-text,
.ytp-fullscreen-metadata-top .ytp-title .ytp-title-text,
.ytp-hide-fullscreen-title .ytp-title .ytp-title-text {
  display: none
}

.ytp-title-text {
  vertical-align: top;
  max-width: 100%;
  padding-top: 12px;
  font-size: 18px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-big-mode .ytp-title-text {
  padding-top: 18px;
  font-size: 27px;
  padding-left: 6px
}

.ytp-embed:not(.ad-showing) .ytp-title-text {
  padding-top: 21px
}

.ytp-shorts-mode.ytp-embed:not(.ad-showing) .ytp-title-text {
  font-size: 16px;
  white-space: normal;
  padding-top: 14px;
  padding-right: 53px
}

.ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-title-text {
  padding-top: 36px
}

.ytp-big-mode.ytp-shorts-mode.ytp-embed:not(.ad-showing) .ytp-title-text {
  padding-top: 17px;
  font-size: 23px;
  padding-right: 64px
}

.ytp-title-text-larger-line-height .ytp-title-text {
  line-height: 1.35
}

.ytp-shorts-mode.ytp-embed:not(.ad-showing) .ytp-title-link {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  visibility: visible
}

.ytp-title-subtext {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-title-channel-name {
  margin-top: .25rem;
  display: block;
  color: var(--yt-sys-color-baseline--overlay-text-secondary)
}

.ytp-big-mode .ytp-title-subtext {
  font-size: 20px
}

.ytp-title-subtext a:empty {
  display: none
}

.ytp-title-fullerscreen-link {
  cursor: default
}

.ytp-menuitem-toggle-checkbox {
  height: 14px;
  width: 36px;
  float: right;
  position: relative;
  border-radius: 14px;
  background: rgba(255, 255, 255, .3);
  -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
  transition: all .08s cubic-bezier(.4, 0, 1, 1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.ytp-big-mode .ytp-menuitem-toggle-checkbox {
  height: 21px;
  width: 54px;
  border-radius: 21px
}

.ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox {
  background: var(--yt-sys-color-baseline--red-indicator, #e1002d)
}

.ytp-menuitem[aria-disabled=true] .ytp-menuitem-toggle-checkbox {
  opacity: .3
}

.ytp-menuitem[aria-disabled=true] {
  color: #909090
}

.ytp-menuitem[aria-disabled=true] path {
  fill: #909090
}

.ytp-contextmenu .ytp-menuitem-toggle-checkbox {
  border-radius: 0;
  height: 24px;
  width: 24px
}

.ytp-contextmenu.ytp-big-mode .ytp-menuitem-toggle-checkbox {
  height: 36px;
  width: 36px
}

.ytp-contextmenu .ytp-menuitem .ytp-menuitem-toggle-checkbox {
  background: none
}

.ytp-contextmenu .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkgMTYuMiA0LjggMTJsLTEuNCAxLjRMOSAxOSAyMSA3bC0xLjQtMS40eiIvPjwvc3ZnPg==)
}

.ytp-contextmenu .ytp-menuitem-toggle-checkbox:after {
  content: none
}

.ytp-contextmenu .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox:before {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.ytp-big-mode .ytp-contextmenu .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox:before {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.ytp-menuitem-toggle-checkbox:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  margin-top: -3px;
  background-color: #bdbdbd;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .6);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .6);
  -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
  transition: all .08s cubic-bezier(.4, 0, 1, 1)
}

.ytp-big-mode .ytp-menuitem-toggle-checkbox:after {
  left: 0;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-top: divide(sub(21px, 30px), 2)
}

.ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox:after {
  background-color: #fff;
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px)
}

.ytp-big-mode .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox:after {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px)
}

.ytp-delhi-modern .ytp-menuitem-toggle-checkbox,
.ytp-delhi-modern.big-mode .ytp-menuitem-toggle-checkbox {
  height: 24px;
  width: 40px;
  border-radius: 12px;
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3))
}

.ytp-delhi-modern .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox,
.ytp-delhi-modern.big-mode .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox {
  background: var(--yt-sys-color-baseline--overlay-button-primary, rgba(255, 255, 255, .3))
}

.ytp-delhi-modern .ytp-menuitem[aria-disabled=true] .ytp-menuitem-toggle-checkbox,
.ytp-delhi-modern.big-mode .ytp-menuitem[aria-disabled=true] .ytp-menuitem-toggle-checkbox {
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3))
}

.ytp-delhi-modern .ytp-menuitem-toggle-checkbox:after,
.ytp-delhi-modern.big-mode .ytp-menuitem-toggle-checkbox:after {
  width: 20px;
  height: 20px;
  margin-left: 2px;
  margin-top: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: var(--yt-sys-color-baseline--overlay-text-secondary, rgba(255, 255, 255, .7))
}

.ytp-delhi-modern .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox:after,
.ytp-delhi-modern.big-mode .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox:after {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px)
}

.ytp-tooltip {
  position: absolute;
  z-index: 1003;
  font-size: 118%;
  font-weight: 500;
  line-height: 15px;
  -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1), opacity .1s cubic-bezier(0, 0, .2, 1);
  transition: transform .1s cubic-bezier(0, 0, .2, 1), opacity .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1), opacity .1s cubic-bezier(0, 0, .2, 1);
  pointer-events: none
}

.ytp-tooltip:not(.ytp-frosted-glass-fade-transition) {
  opacity: 0
}

.ytp-delhi-modern .ytp-tooltip:not(.ytp-frosted-glass-fade-transition) {
  -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1);
  transition: transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-big-mode .ytp-tooltip {
  line-height: 22px
}

.ytp-tooltip:not([aria-hidden=true]) {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
  transition: transform .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-tooltip.ytp-preview {
  padding: 2px;
  background-color: rgba(28, 28, 28, .9);
  border-radius: 2px
}

.ytp-tooltip.ytp-text-detail.ytp-preview {
  border-radius: 12px
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview {
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview.ytp-frosted-glass-fade-transition {
  opacity: 0;
  -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1);
  transition: transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview.ytp-frosted-glass-fade-transition:not([aria-hidden=true]) {
  opacity: 1
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-title {
  padding: 0 9px;
  text-align: start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-title {
  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: 5px 9px
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
  margin: 4px
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-title .ytp-tooltip-keyboard-shortcut {
  margin-left: 8px
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text {
  padding: 0 9px;
  white-space: nowrap
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bottom-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bottom-text {
  display: none
}

.ytp-tooltip:not(.ytp-preview) .ytp-tooltip-bottom-text {
  border-radius: 4px
}

.ytp-delhi-modern .ytp-tooltip:not(.ytp-preview) .ytp-tooltip-bottom-text {
  border-radius: 8px
}

.ytp-tooltip-bg,
.ytp-tooltip.ytp-preview:not(.ytp-text-detail) {
  border-radius: 8px
}

.ytp-delhi-modern .ytp-tooltip.ytp-preview:not(.ytp-text-detail) {
  padding: 1px
}

.ytp-delhi-modern .ytp-tooltip.ytp-tooltip-progress-bar-style .ytp-tooltip-bottom-text,
.ytp-delhi-modern .ytp-tooltip.ytp-tooltip-progress-bar-style .ytp-tooltip-title {
  display: none
}

.ytp-delhi-modern .ytp-tooltip:not(.ytp-preview) .ytp-tooltip-progress-bar-pill {
  display: none
}

.ytp-delhi-modern .ytp-tooltip.ytp-tooltip-progress-bar-style .ytp-tooltip-progress-bar-pill {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 8px 16px;
  border-radius: 18px;
  top: 45px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000
}

.ytp-delhi-modern .ytp-tooltip.ytp-tooltip-progress-bar-style .ytp-tooltip-progress-bar-pill svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern .ytp-tooltip.ytp-tooltip-progress-bar-style .ytp-tooltip-progress-bar-pill .ytp-tooltip-progress-bar-pill-title {
  margin-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.ytp-delhi-modern .ytp-tooltip.ytp-tooltip-progress-bar-style .ytp-tooltip-progress-bar-pill .ytp-tooltip-progress-bar-pill-title:empty {
  display: none
}

.ytp-delhi-modern .ytp-tooltip.ytp-tooltip-progress-bar-style:not(.ytp-preview) .ytp-tooltip-progress-bar-pill {
  top: -16px
}

.ytp-delhi-modern .ytp-tooltip.ytp-tooltip-progress-bar-style .ytp-tooltip-progress-bar-pill.ytp-frosted-glass-fade-transition {
  position: absolute;
  margin-top: 10px;
  top: unset;
  max-width: unset;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  opacity: 0;
  -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1);
  transition: transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-tooltip.ytp-tooltip-progress-bar-style:not(.ytp-preview) .ytp-tooltip-progress-bar-pill.ytp-frosted-glass-fade-transition {
  bottom: 8px
}

.ytp-delhi-modern .ytp-tooltip.ytp-tooltip-progress-bar-style:not([aria-hidden=true]) .ytp-tooltip-progress-bar-pill.ytp-frosted-glass-fade-transition {
  opacity: 1
}

.ytp-tooltip-progress-bar-pill {
  display: none
}

.ytp-delhi-modern.ytp-big-mode .ytp-tooltip.ytp-tooltip-progress-bar-style .ytp-tooltip-progress-bar-pill {
  top: 67px
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px
}

.ytp-tooltip-text-wrapper {
  border-radius: 3px
}

.ytp-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-wrapper {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text-wrapper {
  margin: 4px 0;
  overflow: hidden;
  max-height: 46px
}

.ytp-big-mode .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text-wrapper {
  margin: 6px 0;
  max-height: 69px
}

.ytp-delhi-modern .ytp-tooltip:not(.ytp-text-detail) .ytp-tooltip-text-wrapper.ytp-frosted-glass-fade-transition {
  opacity: 0;
  border-radius: 8px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1);
  transition: transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-tooltip:not(.ytp-text-detail) .ytp-tooltip-text-wrapper.ytp-frosted-glass-fade-transition svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-delhi-modern .ytp-tooltip:not(.ytp-text-detail):not([aria-hidden=true]) .ytp-tooltip-text-wrapper.ytp-frosted-glass-fade-transition {
  opacity: 1
}

.ytp-tooltip-bottom-text {
  display: block;
  background-color: rgba(28, 28, 28, .9);
  border-radius: 2px;
  padding: 5px 9px
}

.ytp-delhi-modern .ytp-tooltip-bottom-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: transparent
}

.ytp-delhi-modern .ytp-tooltip:not(.ytp-frosted-glass-fade-transition) .ytp-tooltip-bottom-text {
  border-radius: 8px;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000
}

.ytp-delhi-modern .ytp-tooltip:not(.ytp-frosted-glass-fade-transition) .ytp-tooltip-bottom-text svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-tooltip-opaque .ytp-tooltip-bottom-text {
  background-color: rgb(28, 28, 28)
}

.ytp-tooltip.ytp-preview .ytp-tooltip-bottom-text {
  display: inline;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.ytp-tooltip-image-enabled .ytp-tooltip-bottom-text {
  padding-left: 34px
}

.ytp-big-mode .ytp-tooltip-image-enabled .ytp-tooltip-bottom-text {
  padding-left: 45px
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bottom-text {
  background-color: transparent;
  padding: 0
}

.ytp-tooltip-bg {
  background-color: #000;
  background-repeat: no-repeat;
  position: relative;
  display: none
}

.ytp-tooltip.ytp-preview:not(.ytp-text-detail) {
  background-color: #fff
}

.ytp-tooltip.ytp-preview:not(.ytp-text-detail).ytp-frosted-glass-fade-transition:is([aria-hidden=true]) {
  background-color: transparent
}

.ytp-progress-bar-snap .ytp-tooltip-bg {
  outline: 1px solid #fff;
  outline-offset: -1px
}

.ytp-tooltip.ytp-preview .ytp-tooltip-bg {
  display: block
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
  float: left
}

.ytp-delhi-modern .ytp-tooltip-bg.ytp-frosted-glass-fade-transition {
  opacity: 0;
  -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1);
  transition: transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-tooltip:not([aria-hidden=true]) .ytp-tooltip-bg.ytp-frosted-glass-fade-transition {
  opacity: 1
}

.ytp-tooltip-duration {
  display: none
}

.ytp-tooltip.ytp-text-detail.ytp-preview.ytp-has-duration .ytp-tooltip-duration {
  display: block;
  position: absolute;
  right: 3px;
  bottom: 3px;
  background-color: rgba(28, 28, 28, .9);
  padding: 2px 4px;
  border-radius: 2px
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview.ytp-has-duration .ytp-tooltip-duration {
  background-color: rgba(0, 0, 0, .6);
  border-radius: #fff
}

.ytp-tooltip-title {
  display: none
}

.ytp-tooltip-title svg {
  display: none
}

.ytp-big-mode.ytp-fine-scrubbing-exp .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu {
  font-size: 18px
}

.ytp-big-mode.ytp-fine-scrubbing-exp .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu svg {
  height: 18px;
  width: 18px
}

.ytp-fine-scrubbing-exp .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu {
  display: block;
  text-align: center;
  width: 103%;
  height: auto;
  font-size: 12px;
  position: absolute;
  text-shadow: 0 0 4px rgba(0, 0, 0, .75)
}

.ytp-tooltip-edu {
  display: none
}

.ytp-fine-scrubbing-exp .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu svg,
.ytp-progress-bar-decoration .ytp-tooltip-title svg {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 3px;
  fill: white;
  text-shadow: 0 0 4px rgba(0, 0, 0, .75)
}

.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title {
  width: 200%;
  text-align: center;
  right: 80px;
  display: block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 16px;
  border: 0;
  top: 45px;
  text-shadow: 0 0 4px rgba(0, 0, 0, .75)
}

.ytp-big-mode .ytp-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title {
  width: 200%;
  text-align: center;
  right: 120px;
  top: 61px;
  height: 24px
}

.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bottom-text {
  background: none;
  position: relative;
  top: 45px;
  text-shadow: 0 0 4px rgba(0, 0, 0, .75)
}

.ytp-big-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bottom-text {
  top: 65px
}

.ytp-tooltip-keyboard-shortcut {
  display: none
}

.ytp-delhi-modern .ytp-tooltip-keyboard-shortcut {
  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: 1px solid rgba(255, 255, 255, .3019607843);
  min-width: 11px;
  border-radius: 4px;
  margin-left: 4px;
  color: #fff;
  padding: 0 2px
}

.ytp-delhi-modern .ytp-tooltip-keyboard-shortcut:empty {
  display: none;
  width: 0
}

.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title {
  top: 33px
}

.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title.ytp-modern-tooltip-text {
  top: 25px
}

.ytp-big-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title {
  top: 41px
}

.ytp-tooltip.ytp-text-detail .ytp-tooltip-title {
  display: block;
  color: #aaa;
  text-transform: uppercase
}

.ytp-tooltip-image {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 10px;
  position: absolute;
  display: none;
  top: 2px;
  left: 7px;
  -webkit-background-size: contain;
  background-size: contain
}

.ytp-big-mode .ytp-tooltip-image {
  width: 25px;
  height: 25px;
  border-radius: 12.5px;
  top: 3px;
  left: 10px
}

.ytp-tooltip-image-enabled .ytp-tooltip-image {
  display: inherit
}

.ytp-inline-preview-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bottom-text,
.ytp-player-minimized .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bottom-text {
  top: -4px
}

.ytp-inline-preview-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title,
.ytp-player-minimized .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title {
  top: -4px
}

.ytp-inline-preview-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu,
.ytp-player-minimized .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu {
  display: none
}

.ytp-unmute.ytp-popup {
  position: absolute;
  top: sub(48px, 12px);
  left: 0;
  z-index: 1001;
  text-transform: uppercase;
  color: #000;
  font-size: 127%;
  font-weight: 500;
  background: none;
  padding: 12px
}

.ytp-big-mode .ytp-unmute.ytp-popup {
  top: sub(48px, 18px);
  padding: 18px
}

.ytp-autohide .ytp-unmute,
.ytp-hide-info-bar .ytp-unmute {
  top: 0
}

.ytp-unmute-inner {
  padding-left: 3px;
  padding-right: 12px;
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  border-bottom: 1px solid #f1f1f1;
  text-shadow: none;
  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
}

.ytp-big-mode .ytp-unmute-inner {
  padding-left: 5px;
  padding-right: 18px
}

.ytp-unmute-icon {
  width: 48px;
  height: 48px;
  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
}

.ytp-embed .ytp-unmute-icon {
  width: 40px;
  height: 40px
}

.ytp-unmute-icon .ytp-svg-fill {
  fill: #000
}

.ytp-unmute-text {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  display: inline-block
}

.ytp-big-mode .ytp-unmute-icon {
  width: 54px;
  height: 54px
}

.ytp-unmute.ytp-popup.ytp-unmute-animated .ytp-unmute-inner {
  position: relative;
  background-color: transparent;
  border-bottom: none;
  padding: 0
}

.ytp-unmute-animated .ytp-unmute-icon {
  padding-left: 2px;
  position: relative;
  z-index: 10;
  background-color: rgb(255, 255, 255);
  border-radius: 2px;
  border-bottom: 1px solid #f1f1f1
}

.ytp-unmute-animated .ytp-unmute-box {
  display: block;
  background-color: rgb(255, 255, 255);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 2px;
  border-bottom: 1px solid #f1f1f1
}

.ytp-unmute-animated .ytp-unmute-text {
  position: relative;
  z-index: 10;
  padding-top: 1px;
  padding-right: 10px
}

.ytp-unmute-expand .ytp-unmute-box {
  width: 0;
  -webkit-animation: ytp-unmute-width-anim .5s cubic-bezier(0, 0, .2, 1) 3.5s forwards;
  animation: ytp-unmute-width-anim .5s cubic-bezier(0, 0, .2, 1) 3.5s forwards
}

.ytp-unmute-expand .ytp-unmute-text {
  opacity: 0;
  -webkit-animation: ytp-unmute-alpha-anim .25s cubic-bezier(0, 0, .2, 1) 3.8s forwards;
  animation: ytp-unmute-alpha-anim .25s cubic-bezier(0, 0, .2, 1) 3.8s forwards
}

.ytp-unmute-shrink .ytp-unmute-box {
  width: 100%;
  -webkit-animation: ytp-unmute-width-anim .5s cubic-bezier(.4, 0, 1, 1) 5.5s reverse forwards;
  animation: ytp-unmute-width-anim .5s cubic-bezier(.4, 0, 1, 1) 5.5s reverse forwards
}

.ytp-unmute-shrink .ytp-unmute-text {
  opacity: 1;
  -webkit-animation: ytp-unmute-alpha-anim .25s cubic-bezier(.4, 0, 1, 1) 5.4s reverse forwards;
  animation: ytp-unmute-alpha-anim .25s cubic-bezier(.4, 0, 1, 1) 5.4s reverse forwards
}

@-webkit-keyframes ytp-unmute-width-anim {
  0% {
    width: 0
  }

  to {
    width: 100%
  }
}

@keyframes ytp-unmute-width-anim {
  0% {
    width: 0
  }

  to {
    width: 100%
  }
}

@-webkit-keyframes ytp-unmute-alpha-anim {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes ytp-unmute-alpha-anim {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.ytp-upnext {
  position: absolute;
  display: block;
  vertical-align: top;
  opacity: 1;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-transition: all .1s cubic-bezier(.4, 0, 1, 1);
  transition: all .1s cubic-bezier(.4, 0, 1, 1);
  z-index: 39
}

.ytp-upnext-top {
  width: 100%;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  bottom: 50%;
  margin-bottom: 48px
}

.ytp-small-mode .ytp-upnext-top {
  margin-bottom: 26px
}

.ytp-small-mode.ytp-embed .ytp-upnext-mobile .ytp-upnext-top {
  margin-bottom: 0
}

.ytp-upnext-bottom {
  width: 100%;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  margin-top: 48px
}

.ytp-small-mode .ytp-upnext-bottom {
  margin-top: 26px
}

.ytp-small-mode.ytp-embed .ytp-upnext-mobile .ytp-upnext-bottom {
  margin-top: 48px
}

.ytp-upnext-title {
  display: block;
  padding: 0 10px 2px;
  margin-left: 32px;
  margin-right: 32px;
  text-align: center;
  font-size: 200%;
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-small-mode .ytp-upnext-title {
  font-size: 150%
}

.ytp-upnext-author {
  display: block;
  line-height: 1.3em;
  overflow: hidden;
  padding: 0 10px 10px;
  text-align: center;
  color: #fff;
  font-size: 130%
}

.ytp-upnext-header {
  display: block;
  font-size: 140%;
  text-align: center;
  padding-bottom: 8px;
  color: rgba(255, 255, 255, .7)
}

.ytp-small-mode .ytp-upnext-header {
  padding-bottom: 0
}

.ytp-upnext-cancel {
  display: block;
  float: none;
  text-align: center
}

.ytp-upnext-cancel-button {
  display: inline-block;
  float: none;
  padding: 10px 20px;
  font-size: 140%;
  font-weight: 500;
  text-transform: uppercase
}

.ytp-upnext-cancel-button:hover {
  background-color: rgba(255, 255, 255, .15);
  border-radius: 2px
}

.ytp-upnext-autoplay-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  -webkit-transition: all .1s cubic-bezier(.4, 0, 1, 1);
  transition: all .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-small-mode .ytp-upnext-autoplay-icon {
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px
}

.ytp-small-mode.ytp-embed .ytp-upnext-mobile .ytp-upnext-autoplay-icon {
  margin-top: 0
}

.ytp-embed .ytp-endscreen-takeover~.ytp-replay-button {
  display: none
}

.ytp-upnext-paused {
  display: block;
  text-align: center;
  font-size: 120%;
  font-style: italic;
  opacity: 0
}

.ytp-upnext-autoplay-paused .ytp-upnext-paused {
  opacity: 1;
  -webkit-transition: all .1s cubic-bezier(.4, 0, 1, 1);
  transition: all .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-upnext .ytp-cued-thumbnail-overlay-image {
  opacity: .4
}

.ytp-player-minimized .ytp-upnext .ytp-cued-thumbnail-overlay-image {
  opacity: .64
}

.ytp-player-minimized .ytp-upnext .ytp-upnext-top {
  top: 0;
  margin: 12px 0 0 12px
}

.ytp-player-minimized .ytp-upnext .ytp-upnext-author,
.ytp-player-minimized .ytp-upnext .ytp-upnext-header,
.ytp-player-minimized .ytp-upnext .ytp-upnext-title {
  text-align: left;
  margin-bottom: 4px
}

.ytp-player-minimized .ytp-upnext .ytp-upnext-author,
.ytp-player-minimized .ytp-upnext .ytp-upnext-header {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, .7);
  padding: 0
}

.ytp-player-minimized .ytp-upnext .ytp-upnext-title {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  padding: 0 75px 0 0
}

.ytp-player-minimized .ytp-upnext .ytp-upnext-autoplay-icon {
  width: 62px;
  height: 62px;
  margin: -31px 0 0 -31px
}

.ytp-player-minimized .ytp-upnext .ytp-upnext-cancel-button,
.ytp-player-minimized .ytp-upnext .ytp-upnext-paused {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, .7)
}

.ytp-player-minimized .ytp-upnext .ytp-upnext-cancel-button {
  padding: 8px;
  margin-top: 8px
}

.ytp-big-mode:not(.ytp-mweb-player) .ytp-upnext-autoplay-icon {
  width: 146px;
  height: 146px;
  margin: -73px 0 0 -73px
}

.ytp-big-mode:not(.ytp-mweb-player) .ytp-upnext-bottom {
  margin-top: 76px
}

.ytp-big-mode:not(.ytp-mweb-player) .ytp-upnext-top {
  margin-bottom: 76px
}

.ytp-mweb-player.ytp-small-mode .ytp-upnext-top {
  margin-bottom: 0;
  bottom: 50%
}

.ytp-mweb-player.ytp-small-mode .ytp-upnext-autoplay-icon {
  top: 60%
}

.ytp-mweb-player.ytp-small-mode .ytp-upnext-bottom {
  margin-top: 0;
  top: 70%
}

.ytp-user-info-panel {
  background: rgba(28, 28, 28, .8);
  color: #fff;
  right: 0;
  position: absolute;
  width: 292px;
  height: 74px;
  bottom: 0;
  z-index: 80;
  min-width: 26em;
  display: table
}

.ytp-user-info-panel .ytp-collapse {
  height: 20px;
  opacity: .9;
  position: absolute;
  right: 20px;
  top: 12px;
  width: 20px
}

.ytp-user-info-panel .ytp-collapse:hover {
  opacity: 1
}

.ytp-user-info-panel-content {
  display: table-cell;
  vertical-align: middle;
  padding: 14px 0;
  font-size: 16px
}

.ytp-user-info-panel-content>div>div {
  display: inline-block;
  font-weight: 500;
  padding: 0 .5em;
  text-align: right;
  width: 10em
}

.ytp-user-info-panel-icon {
  display: table-cell;
  vertical-align: middle;
  width: 24px;
  padding: 0 14px
}

.ytp-user-info-panel-login {
  color: #3ea6ff;
  cursor: pointer
}

.ytp-user-info-panel-info {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ytp-video-menu-item {
  display: block;
  height: 44px;
  padding: 10px
}

.ytp-big-mode .ytp-video-menu-item {
  height: 66px;
  padding: 15px
}

.ytp-video-menu-item[aria-checked=true] {
  background-color: rgba(255, 255, 255, .1)
}

.ytp-video-menu-item:hover,
.ytp-video-menu-item[aria-checked=true]:hover {
  background-color: rgba(255, 255, 255, .15)
}

.ytp-video-menu-item-index,
.ytp-video-menu-item-now-playing {
  padding-right: 9px;
  min-width: 10px;
  height: 44px;
  line-height: 44px;
  float: left
}

.ytp-big-mode .ytp-video-menu-item-index,
.ytp-big-mode .ytp-video-menu-item-now-playing {
  padding-right: 13px;
  height: 66px;
  line-height: 66px
}

.ytp-video-menu-item-now-playing {
  display: none;
  color: var(--yt-sys-color-baseline--static-brand-red, #f03)
}

.ytp-color-white .ytp-video-menu-item-now-playing {
  color: #ddd
}

.ytp-color-party .ytp-video-menu-item-now-playing {
  -webkit-animation: ytp-party-color .15s linear infinite;
  animation: ytp-party-color .15s linear infinite
}

.ytp-video-menu-item[aria-checked=true] .ytp-video-menu-item-now-playing {
  display: inline
}

.ytp-video-menu-item[aria-checked=true] .ytp-video-menu-item-index {
  display: none
}

.ytp-video-menu-item-title {
  padding-left: 9px;
  font-size: 120%;
  max-height: 2.6em;
  overflow: hidden
}

.ytp-video-menu-item-author {
  padding-left: 9px;
  color: #b8b8b8;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis
}

.ytp-video-menu-item-thumbnail {
  float: left;
  width: 64px;
  height: 36px;
  margin: 4px;
  border: 0 solid var(--yt-sys-color-baseline--static-brand-red, #f03);
  background-position: 0 -6px;
  -webkit-background-size: 64px 48px;
  background-size: 64px 48px
}

.ytp-color-white .ytp-video-menu-item-thumbnail {
  border-color: #ddd
}

.ytp-color-party .ytp-video-menu-item-thumbnail {
  -webkit-animation: ytp-party-background-color .1s linear infinite;
  animation: ytp-party-background-color .1s linear infinite
}

.ytp-big-mode .ytp-video-menu-item-thumbnail {
  width: 96px;
  height: 54px;
  margin: 6px;
  background-position: 0 -9px;
  -webkit-background-size: 96px 72px;
  background-size: 96px 72px
}

.ytp-video-menu-item[aria-checked=true] .ytp-video-menu-item-thumbnail {
  margin: 2px;
  border-width: 2px
}

.ytp-big-mode .ytp-video-menu-item[aria-checked=true] .ytp-video-menu-item-thumbnail {
  margin: 4px
}

.ytp-videowall-still {
  position: absolute;
  display: block;
  cursor: pointer;
  vertical-align: top;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: scale(.1);
  -ms-transform: scale(.1);
  transform: scale(.1)
}

.ytp-show-tiles .ytp-videowall-still {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1);
  transition: transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1)
}

.ytp-videowall-still-mini .ytp-videowall-still-info-author,
.ytp-videowall-still-mini .ytp-videowall-still-info-duration,
.ytp-videowall-still-mini .ytp-videowall-still-info-live {
  display: none
}

.ytp-videowall-still[data-is-live=true] .ytp-videowall-still-info-duration {
  display: none
}

.ytp-videowall-still[data-is-live=true] .ytp-videowall-still-info-live {
  display: block
}

.ytp-videowall-still-listlabel-mix,
.ytp-videowall-still-listlabel-regular {
  display: none;
  height: 2.15em;
  padding-right: 10px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, .7)
}

.ytp-videowall-still-mini .ytp-videowall-still-listlabel-mix,
.ytp-videowall-still-mini .ytp-videowall-still-listlabel-regular {
  font-size: 100%
}

.ytp-videowall-still-listlabel-icon {
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzYgMzYiPjx1c2UgeGxpbms6aHJlZj0iI3l0cC1zdmctcGxheWxpc3QiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9Ii4xNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggaWQ9Inl0cC1zdmctcGxheWxpc3QiIGZpbGw9IiNmZmYiIGQ9Ik0yMi41MyAyMS40MnY2Ljg1bDUuNjYtMy40Mi01LjY2LTMuNDJ6bS0xMS4zMyAwaDkuMDZ2Mi4yOEgxMS4yem0wLTkuMTRoMTMuNnYyLjI4SDExLjJ6bTAgNC41N2gxMy42djIuMjhIMTEuMnoiLz48L3N2Zz4=);
  width: 2.15em;
  height: 2.15em
}

.ytp-videowall-still-listlabel-mix-icon {
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzYgMzYiPjx1c2UgeGxpbms6aHJlZj0iI3l0cC1zdmctbWl4IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIuMTUiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGlkPSJ5dHAtc3ZnLW1peCIgZmlsbD0iI2ZmZiIgZD0iTTI1LjY1IDE4Yy0uMDIgMi4zMS0uODcgNC40MS0yLjI1IDYuMDZsLjkuOTRjMS42OS0xLjggMi43LTQuMjcgMi43LTdzLTEuMDEtNS4yMS0yLjctN2wtLjkuOTNBOS41NCA5LjU0IDAgMCAxIDI1LjY1IDE4bS0xNS4zIDBjLjAxLTIuMzIuODYtNC40MiAyLjI1LTYuMDdsLS45LS45M0MxMCAxMi43OSA5IDE1LjI3IDkgMThzMSA1LjIgMi43IDdsLjktLjk0Yy0xLjM5LTEuNjUtMi4yNC0zLjc1LTIuMjUtNi4wNm0yLjcgMGMtLjA0LTEuNzMuNDktMy4wOSAxLjM1LTQuMmwtLjktLjk0Yy0xLjEzIDEuMjYtMS44IDIuOTktMS44IDUuMTQgMCAxLjY3LjY3IDMuNCAxLjggNC42NmwuOS0uOTNjLS44Ni0xLjEyLTEuMzktMi40Ny0xLjM1LTMuNzNtOS01LjE0LS45Ljk0Yy44NSAxLjExIDEuMzggMi40NyAxLjM1IDQuMi4wMyAxLjI2LS41IDIuNjEtMS4zNSAzLjczbC45LjkzYzEuMTItMS4yNiAxLjgtMi45OSAxLjgtNC42NiAwLTIuMTUtLjY4LTMuODgtMS44LTUuMTRtLTUuNTUgMi44IDMuNiAxLjg3LTMuNiAyLjMzeiIvPjwvc3ZnPg==);
  width: 2.15em;
  height: 2.15em
}

.ytp-videowall-still-listlabel-length {
  font-weight: 400
}

.ytp-videowall-still-mini .ytp-videowall-still-listlabel-length {
  display: none
}

.ytp-videowall-still:focus .ytp-videowall-still-listlabel-mix,
.ytp-videowall-still:focus .ytp-videowall-still-listlabel-regular,
.ytp-videowall-still:hover .ytp-videowall-still-listlabel-mix,
.ytp-videowall-still:hover .ytp-videowall-still-listlabel-regular {
  background-color: rgba(0, 0, 0, 0)
}

.ytp-videowall-still[data-is-list=true]:not([data-is-mix=true]) .ytp-videowall-still-listlabel-regular {
  display: block
}

.ytp-videowall-still[data-is-mix=true] .ytp-videowall-still-listlabel-mix {
  display: block
}

.ytp-videowall-still-image {
  -webkit-transition: background .1s cubic-bezier(.4, 0, 1, 1);
  transition: background .1s cubic-bezier(.4, 0, 1, 1);
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ytp-videowall-still-round-large .ytp-videowall-still-image {
  border-radius: 12px
}

.ytp-videowall-still-round-medium .ytp-videowall-still-image {
  border-radius: 8px
}

.ytp-videowall-still-round-large .ytp-videowall-still-image {
  border-radius: 4px
}

.ytp-videowall-still-info-author {
  float: left;
  margin-top: 2px
}

.ytp-videowall-still-info-content {
  background-image: -webkit-linear-gradient(top, rgba(12, 12, 12, .8), transparent 100px);
  background-image: linear-gradient(180deg, rgba(12, 12, 12, .8) 0, transparent 100px);
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  bottom: 0;
  color: #fff;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0
}

.ytp-videowall-still.ytp-videowall-show-text .ytp-videowall-still-info-content,
.ytp-videowall-still:focus .ytp-videowall-still-info-content,
.ytp-videowall-still:hover .ytp-videowall-still-info-content {
  opacity: 1
}

.ytp-videowall-still-info-duration {
  background: #000;
  border-radius: 2px;
  bottom: 2px;
  font-weight: 500;
  line-height: 1;
  opacity: .75;
  padding: 2px;
  position: absolute;
  right: 2px
}

.ytp-videowall-still-info-duration:empty {
  display: none
}

.ytp-videowall-still-info-live {
  background: var(--yt-sys-color-baseline--overlay-background-brand, rgba(225, 0, 45, .9));
  border-radius: 2px;
  bottom: 2px;
  font-weight: 500;
  line-height: 1;
  opacity: .9;
  padding: 2px;
  position: absolute;
  right: 2px;
  display: none;
  text-transform: uppercase
}

.ytp-videowall-still-info-title {
  display: block;
  font-size: 118%;
  font-weight: 500;
  line-height: 1.2;
  max-height: 30px;
  overflow: hidden
}

.ytp-big-mode .ytp-videowall-still-info-title {
  font-weight: 400;
  max-height: 48px
}

.ytp-videowall-still-listlabel {
  background: rgba(0, 0, 0, .86);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0
}

.ytp-videowall-still:focus .ytp-videowall-still-listlabel,
.ytp-videowall-still:hover .ytp-videowall-still-listlabel {
  background: rgba(0, 0, 0, .86)
}

.ytp-modern-videowall-still {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  vertical-align: top;
  overflow: hidden;
  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: 16px;
  -webkit-transition: background-color .3s cubic-bezier(0, 0, .2, 1);
  transition: background-color .3s cubic-bezier(0, 0, .2, 1);
  -webkit-transition: box-shadow .3s cubic-bezier(0, 0, .2, 1);
  -webkit-transition: -webkit-box-shadow .3s cubic-bezier(0, 0, .2, 1);
  transition: -webkit-box-shadow .3s cubic-bezier(0, 0, .2, 1);
  transition: box-shadow .3s cubic-bezier(0, 0, .2, 1);
  transition: box-shadow .3s cubic-bezier(0, 0, .2, 1), -webkit-box-shadow .3s cubic-bezier(0, 0, .2, 1);
  font-size: 11px
}

.ytp-modern-videowall-still-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column
}

.ytp-show-tiles .ytp-modern-videowall-still {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1);
  transition: transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1)
}

.ytp-modern-videowall-still[data-is-live=true] .ytp-modern-videowall-still-info-duration {
  display: none
}

.ytp-modern-videowall-still-listlabel-mix,
.ytp-modern-videowall-still-listlabel-regular {
  display: none;
  height: 2.15em;
  padding-right: 10px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase
}

.ytp-modern-videowall-still-listlabel-icon {
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzYgMzYiPjx1c2UgeGxpbms6aHJlZj0iI3l0cC1zdmctcGxheWxpc3QiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9Ii4xNSIgc3Ryb2tlLXdpZHRoPSIyIi8+PHBhdGggaWQ9Inl0cC1zdmctcGxheWxpc3QiIGZpbGw9IiNmZmYiIGQ9Ik0yMi41MyAyMS40MnY2Ljg1bDUuNjYtMy40Mi01LjY2LTMuNDJ6bS0xMS4zMyAwaDkuMDZ2Mi4yOEgxMS4yem0wLTkuMTRoMTMuNnYyLjI4SDExLjJ6bTAgNC41N2gxMy42djIuMjhIMTEuMnoiLz48L3N2Zz4=);
  width: 2.15em;
  height: 2.15em
}

.ytp-modern-videowall-still-listlabel-mix-icon {
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzYgMzYiPjx1c2UgeGxpbms6aHJlZj0iI3l0cC1zdmctbWl4IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSIuMTUiIHN0cm9rZS13aWR0aD0iMiIvPjxwYXRoIGlkPSJ5dHAtc3ZnLW1peCIgZmlsbD0iI2ZmZiIgZD0iTTI1LjY1IDE4Yy0uMDIgMi4zMS0uODcgNC40MS0yLjI1IDYuMDZsLjkuOTRjMS42OS0xLjggMi43LTQuMjcgMi43LTdzLTEuMDEtNS4yMS0yLjctN2wtLjkuOTNBOS41NCA5LjU0IDAgMCAxIDI1LjY1IDE4bS0xNS4zIDBjLjAxLTIuMzIuODYtNC40MiAyLjI1LTYuMDdsLS45LS45M0MxMCAxMi43OSA5IDE1LjI3IDkgMThzMSA1LjIgMi43IDdsLjktLjk0Yy0xLjM5LTEuNjUtMi4yNC0zLjc1LTIuMjUtNi4wNm0yLjcgMGMtLjA0LTEuNzMuNDktMy4wOSAxLjM1LTQuMmwtLjktLjk0Yy0xLjEzIDEuMjYtMS44IDIuOTktMS44IDUuMTQgMCAxLjY3LjY3IDMuNCAxLjggNC42NmwuOS0uOTNjLS44Ni0xLjEyLTEuMzktMi40Ny0xLjM1LTMuNzNtOS01LjE0LS45Ljk0Yy44NSAxLjExIDEuMzggMi40NyAxLjM1IDQuMi4wMyAxLjI2LS41IDIuNjEtMS4zNSAzLjczbC45LjkzYzEuMTItMS4yNiAxLjgtMi45OSAxLjgtNC42NiAwLTIuMTUtLjY4LTMuODgtMS44LTUuMTRtLTUuNTUgMi44IDMuNiAxLjg3LTMuNiAyLjMzeiIvPjwvc3ZnPg==);
  width: 2.15em;
  height: 2.15em
}

.ytp-modern-videowall-still-listlabel-length {
  font-weight: 400
}

.ytp-modern-videowall-still[data-is-list=true]:not([data-is-mix=true]) .ytp-modern-videowall-still-listlabel-regular {
  display: block
}

.ytp-modern-videowall-still[data-is-mix=true] .ytp-modern-videowall-still-listlabel-mix {
  display: block
}

.ytp-modern-videowall-still-image {
  -webkit-transition: background .1s cubic-bezier(.4, 0, 1, 1);
  transition: background .1s cubic-bezier(.4, 0, 1, 1);
  background-position: 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  position: relative;
  border-radius: 8px
}

.ytp-modern-videowall-still:hover {
  background-color: var(--yt-sys-color-baseline--overlay-button-secondary);
  -webkit-box-shadow: 0 0 0 8px var(--yt-sys-color-baseline--overlay-button-secondary);
  box-shadow: 0 0 0 8px var(--yt-sys-color-baseline--overlay-button-secondary);
  border-radius: 8px
}

.ytp-modern-videowall-still:active {
  background-color: var(--yt-sys-color-baseline--overlay-tonal-hover);
  -webkit-box-shadow: 0 0 0 8px var(--yt-sys-color-baseline--overlay-tonal-hover);
  box-shadow: 0 0 0 8px var(--yt-sys-color-baseline--overlay-tonal-hover);
  border-radius: 8px
}

@supports (aspect-ratio:1/1) {
  .ytp-modern-videowall-still-image {
    aspect-ratio: 16/9
  }
}

@supports not (aspect-ratio:1/1) {
  .ytp-modern-videowall-still-image {
    height: 0;
    padding-bottom: 56.25%
  }
}

.ytp-modern-videowall-still-info {
  margin-top: 8px
}

.ytp-modern-videowall-still-info-author:not(:empty) {
  margin-top: 4px;
  font-size: 130%;
  max-height: 20px;
  overflow: hidden;
  color: rgba(255, 255, 255, .7)
}

.ytp-modern-videowall-still-view-count-and-date-info:not(:empty) {
  font-size: 130%;
  max-height: 20px;
  overflow: hidden;
  color: rgba(255, 255, 255, .7)
}

.ytp-fullscreen-grid-active .ytp-modern-videowall-still-info-author,
.ytp-fullscreen-grid-peeking .ytp-modern-videowall-still-info-author {
  max-height: unset
}

.ytp-modern-videowall-still-info-content {
  color: #fff;
  width: 100%;
  opacity: 1;
  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
}

.ytp-modern-videowall-still-info-duration,
.ytp-modern-videowall-still-info-live {
  border-radius: 2px;
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-weight: 500;
  line-height: 1;
  opacity: .75;
  padding: 2px;
  font-size: 120%
}

.ytp-modern-videowall-still-info-duration {
  background: #000;
  font-weight: 500;
  opacity: .75
}

.ytp-modern-videowall-still-info-live {
  background: var(--yt-sys-color-baseline--overlay-background-brand, rgba(225, 0, 45, .9));
  opacity: .9;
  display: none;
  text-transform: uppercase
}

.ytp-modern-videowall-still:not([data-is-live=true]) .ytp-modern-videowall-still-info-live {
  display: none
}

.ytp-modern-videowall-still-info-duration:empty {
  display: none
}

.ytp-modern-videowall-still-info-title:not(:empty) {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 150%;
  font-weight: 500;
  line-height: 1.2;
  max-height: 40px;
  overflow: hidden
}

.ytp-fullscreen-grid-active .ytp-modern-videowall-still-info-title,
.ytp-fullscreen-grid-peeking .ytp-modern-videowall-still-info-title {
  max-height: unset
}

.ytp-variable-speed-panel-content {
  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 16px 16px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ytp-variable-speed-panel-content .ytp-input-slider-section {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.ytp-speed-display-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 24px
}

.ytp-variable-speed-panel-display {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 18px;
  font-weight: 900;
  line-height: 22px
}

.ytp-variable-speed-panel-slider-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 16px;
  margin-bottom: 24px
}

.ytp-variable-speed-panel-slider-container .ytp-input-slider {
  width: 100%
}

.ytp-variable-speed-panel-chips {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start
}

.ytp-variable-speed-panel-button {
  border: none;
  cursor: pointer;
  font-weight: 500;
  line-height: 16px;
  background-color: rgba(255, 255, 255, .1);
  color: #fff;
  height: 32px;
  text-align: center;
  border-radius: 16px;
  -webkit-transition: background-color .2s cubic-bezier(.05, 0, 0, 1);
  transition: background-color .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-variable-speed-panel-button:hover {
  background-color: rgba(255, 255, 255, .2)
}

.ytp-variable-speed-panel-button:active {
  background-color: rgba(255, 255, 255, .3)
}

.ytp-variable-speed-panel-chips .ytp-variable-speed-panel-button {
  font-size: 12px;
  width: 53px;
  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;
  gap: 4px
}

.ytp-variable-speed-panel-slider-container .ytp-variable-speed-panel-button {
  font-size: 24px;
  width: 32px
}

.ytp-variable-speed-panel-content .ytp-speedslider-indicator-container {
  display: none
}

.ytp-variable-speed-panel-preset-button-wrapper {
  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
}

.ytp-variable-speed-panel-preset-button-label-text {
  font-size: 10px;
  line-height: 14px;
  margin-top: 4px;
  font-weight: 400;
  color: var(--yt-sys-color-baseline--overlay-text-secondary, rgba(255, 255, 255, .7))
}

.ytp-variable-speed-panel-premium-upsell-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 14px;
  height: 14px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iLTIgLTIgMjQgMjQiPjxwYXRoIGZpbGw9IiNjMDAiIGQ9Ik0wIDEuNDNDMCAuNjQuNjQgMCAxLjQzIDBoMTcuMTNDMTkuMzUgMCAyMCAuNjQgMjAgMS40M3YxNy4xM2MwIC43OS0uNjUgMS40NC0xLjQ0IDEuNDRIMS40M0MuNjQgMjAgMCAxOS4zNSAwIDE4LjU2Wm0wIDAiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNy44OCAxMS40MnY0LjI5SDUuMzdWMy41Mmg0Ljc1Yy45MiAwIDEuNzIuMTcgMi40Mi41LjY5LjM0IDEuMjIuODEgMS42IDEuNDMuMzcuNjIuNTYgMS4zMi41NiAyLjExIDAgMS4xOS0uNDEgMi4xMy0xLjIyIDIuODItLjgyLjY5LTEuOTUgMS4wNC0zLjQgMS4wNFptMC0yLjA0aDIuMjRjLjY3IDAgMS4xOC0uMTUgMS41Mi0uNDcuMzUtLjMxLjUzLS43NS41My0xLjM0cy0uMTgtMS4wNy0uNTMtMS40NWMtLjM1LS4zNi0uODQtLjU1LTEuNDYtLjU2aC0yLjNabTAgMCIvPjwvc3ZnPg==);
  border-radius: 3px;
  -webkit-background-size: cover;
  background-size: cover
}

.ytp-variable-speed-panel-premium-badge {
  position: absolute;
  right: 100%;
  margin-right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  width: 24px;
  height: 22px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iLTIgLTIgMjQgMjQiPjxwYXRoIGZpbGw9IiNjMDAiIGQ9Ik0wIDEuNDNDMCAuNjQuNjQgMCAxLjQzIDBoMTcuMTNDMTkuMzUgMCAyMCAuNjQgMjAgMS40M3YxNy4xM2MwIC43OS0uNjUgMS40NC0xLjQ0IDEuNDRIMS40M0MuNjQgMjAgMCAxOS4zNSAwIDE4LjU2Wm0wIDAiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNy44OCAxMS40MnY0LjI5SDUuMzdWMy41Mmg0Ljc1Yy45MiAwIDEuNzIuMTcgMi40Mi41LjY5LjM0IDEuMjIuODEgMS42IDEuNDMuMzcuNjIuNTYgMS4zMi41NiAyLjExIDAgMS4xOS0uNDEgMi4xMy0xLjIyIDIuODItLjgyLjY5LTEuOTUgMS4wNC0zLjQgMS4wNFptMC0yLjA0aDIuMjRjLjY3IDAgMS4xOC0uMTUgMS41Mi0uNDcuMzUtLjMxLjUzLS43NS41My0xLjM0cy0uMTgtMS4wNy0uNTMtMS40NWMtLjM1LS4zNi0uODQtLjU1LTEuNDYtLjU2aC0yLjNabTAgMCIvPjwvc3ZnPg==);
  border-radius: 3px;
  -webkit-transition: opacity .1s linear, visibility 0s linear .1s;
  transition: opacity .1s linear, visibility 0s linear .1s
}

.ytp-variable-speed-panel-premium-badge-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover {
  visibility: hidden;
  position: absolute;
  border-radius: 22px;
  padding: 12px 10px;
  margin-bottom: 0;
  -webkit-backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  backdrop-filter: var(--yt-frosted-glass-backdrop-filter-override, blur(16px));
  background: var(--yt-sys-color-baseline--overlay-background-medium-light, rgba(0, 0, 0, .3));
  text-shadow: 0 0 2px #000;
  -webkit-transition: margin-bottom .2s cubic-bezier(.05, 0, 0, 1);
  transition: margin-bottom .2s cubic-bezier(.05, 0, 0, 1);
  bottom: var(--yt-delhi-pill-height, 48px)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover svg {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

@supports ((-webkit-writing-mode:vertical-rl) or (writing-mode:vertical-rl)) {
  .ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover .ytp-input-slider-section.ytp-vertical-slider .ytp-input-slider {
    height: 96px
  }
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover .ytp-input-slider::-webkit-slider-thumb {
  width: 12px;
  height: 12px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .8);
  margin-right: -5px
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover .ytp-input-slider::-moz-range-thumb {
  width: 12px;
  height: 12px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .8)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover .ytp-input-slider::-ms-thumb {
  width: 12px;
  height: 12px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .8)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover .ytp-input-slider::-webkit-slider-runnable-track {
  width: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .8)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover .ytp-input-slider::-moz-range-track {
  width: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .8)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover .ytp-input-slider:hover {
  cursor: pointer
}

.ytp-delhi-modern:not(.seeking-mode) .ytp-chrome-controls .ytp-volume-popover.ytp-volume-popover-hovering {
  visibility: visible;
  margin-bottom: 8px;
  -webkit-transition: margin-bottom .2s cubic-bezier(.05, 0, 0, 1);
  transition: margin-bottom .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern.ytp-xsmall-width-mode .ytp-volume-popover {
  left: -4px
}

.ytp-big-mode.ytp-delhi-modern:not(.seeking-mode) .ytp-chrome-controls .ytp-standalone-mute-button .ytp-volume-popover {
  left: 4px
}

.ytp-big-mode.ytp-delhi-modern:not(.seeking-mode) .ytp-chrome-controls .ytp-volume-popover {
  bottom: var(--yt-delhi-big-mode-pill-height, 56px)
}

.ytp-volume-panel {
  display: inline-block;
  width: 0;
  height: 100%;
  -webkit-transition: margin .2s cubic-bezier(.4, 0, 1, 1), width .2s cubic-bezier(.4, 0, 1, 1);
  transition: margin .2s cubic-bezier(.4, 0, 1, 1), width .2s cubic-bezier(.4, 0, 1, 1);
  cursor: pointer;
  outline: 0
}

.ytp-delhi-horizontal-volume-controls.ytp-volume-panel {
  -webkit-transition: margin .2s cubic-bezier(.05, 0, 0, 1), width .2s cubic-bezier(.05, 0, 0, 1);
  transition: margin .2s cubic-bezier(.05, 0, 0, 1), width .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-volume-slider-active .ytp-volume-panel {
  width: 52px;
  margin-right: 3px;
  -webkit-transition: margin .2s cubic-bezier(0, 0, .2, 1), width .2s cubic-bezier(0, 0, .2, 1);
  transition: margin .2s cubic-bezier(0, 0, .2, 1), width .2s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-horizontal-volume-controls.ytp-volume-slider-active .ytp-volume-panel {
  -webkit-transition: margin .2s cubic-bezier(.05, 0, 0, 1), width .2s cubic-bezier(.05, 0, 0, 1);
  transition: margin .2s cubic-bezier(.05, 0, 0, 1), width .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-big-mode .ytp-volume-slider-active .ytp-volume-panel {
  width: 78px;
  margin-right: 5px
}

.ytp-probably-keyboard-focus .ytp-volume-panel:focus {
  -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8);
  box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8)
}

.ytp-big-mode .ytp-volume-slider {
  min-height: 54px
}

.ytp-volume-slider {
  height: 100%;
  min-height: 36px;
  position: relative;
  overflow: hidden
}

.ytp-volume-slider-handle {
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  margin-top: -6px;
  background: #fff
}

.ytp-delhi-horizontal-volume-controls .ytp-volume-slider-handle {
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-big-mode .ytp-volume-slider-handle {
  width: 18px;
  height: 18px;
  border-radius: 9px;
  margin-top: -9px
}

.ytp-big-mode.ytp-delhi-horizontal-volume-controls .ytp-volume-slider-handle {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-radius: 6px;
  -webkit-filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8));
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
}

.ytp-volume-slider-handle:after,
.ytp-volume-slider-handle:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  height: 3px;
  margin-top: -2px;
  width: 64px
}

.ytp-big-mode.ytp-delhi-horizontal-volume-controls .ytp-volume-slider-handle:after,
.ytp-big-mode.ytp-delhi-horizontal-volume-controls .ytp-volume-slider-handle:before,
.ytp-delhi-horizontal-volume-controls .ytp-volume-slider-handle:after,
.ytp-delhi-horizontal-volume-controls .ytp-volume-slider-handle:before {
  height: 2px;
  margin-top: -1px
}

.ytp-big-mode .ytp-volume-slider-handle:after,
.ytp-big-mode .ytp-volume-slider-handle:before {
  height: 4px;
  margin-top: -2px;
  width: 96px
}

.ytp-volume-slider-handle:before {
  left: -58px;
  background: #fff
}

.ytp-big-mode .ytp-volume-slider-handle:before {
  left: -87px
}

.ytp-volume-slider-handle:after {
  left: 6px;
  background: rgba(255, 255, 255, .2)
}

.ytp-big-mode .ytp-volume-slider-handle:after {
  left: 9px;
  background: rgba(255, 255, 255, .2)
}

.ytp-watch-on-youtube-button {
  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: 1em
}

.ytp-watch-on-youtube-button {
  border-radius: 28px;
  border: 1px solid rgba(255, 255, 255, .3);
  font: 500 16px/16px YouTube Noto, Roboto, Arial, Helvetica, sans-serif;
  -webkit-transition: -webkit-transform .4s cubic-bezier(.05, 0, 0, 1);
  transition: transform .4s cubic-bezier(.05, 0, 0, 1), -webkit-transform .4s cubic-bezier(.05, 0, 0, 1)
}

.ytp-continue-watching-button.ytp-watch-on-youtube-button {
  background-color: #fff;
  color: #0f0f0f
}

.ytp-watch-on-youtube-button:hover {
  background: rgba(255, 255, 255, .1)
}

.ytp-continue-watching-button.ytp-watch-on-youtube-button:hover {
  background-color: #e5e5e5;
  color: #0f0f0f
}

.ytp-watch-on-youtube-button:focus {
  border: 2px solid white
}

.ytp-continue-watching-button.ytp-watch-on-youtube-button:focus {
  border: 2px solid white;
  color: #fff;
  background-color: #0f0f0f
}

.ytp-watch-on-youtube-button:active {
  -webkit-transform: scale(.94);
  -ms-transform: scale(.94);
  transform: scale(.94);
  -webkit-transition: -webkit-transform .1s cubic-bezier(.05, 0, 0, 1);
  transition: transform .1s cubic-bezier(.05, 0, 0, 1), -webkit-transform .1s cubic-bezier(.05, 0, 0, 1)
}

.watch-again-on-youtube-endscreen {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -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
}

.watch-again-on-youtube-endscreen {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.ytp-watch-again-on-youtube-endscreen-more-videos-container {
  width: 100%
}

.ytp-big-mode .ytp-watch-again-on-youtube-endscreen-more-videos-container .ytp-more-videos-view {
  bottom: unset
}

.ytp-watch-again-on-youtube-endscreen-more-videos-container .ytp-more-videos-view {
  border-radius: 2px;
  direction: ltr;
  margin: 12px;
  background: rgba(23, 23, 23, .9);
  padding: 12px 16px 16px;
  position: relative
}

.ytp-show-watch-later-title.ytp-watch-later-button {
  margin-left: 10px;
  margin-right: 10px
}

.ytp-overflow-panel .ytp-show-watch-later-title.ytp-watch-later-button {
  margin-left: 20px;
  margin-right: 20px
}

.ytp-big-mode .ytp-chrome-top .ytp-watch-later-button,
.ytp-chrome-top .ytp-watch-later-button {
  width: auto;
  height: auto
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-watch-later-button {
  min-width: 48px;
  max-width: 80px
}

.ytp-watch-later-icon {
  margin: auto;
  width: 36px;
  height: 36px;
  position: relative
}

.ytp-big-mode .ytp-watch-later-icon {
  width: 54px;
  height: 54px
}

.ytp-overflow-panel .ytp-watch-later-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 10px
}

.ytp-watch-later-title {
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  display: none
}

.ytp-big-mode .ytp-watch-later-title,
.ytp-overflow-panel .ytp-watch-later-title {
  font-size: 20px
}

.ytp-show-watch-later-title .ytp-watch-later-title {
  display: block
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-watch-later-title {
  text-overflow: ellipsis;
  overflow: hidden
}

.ytp-watch-later-icon .ytp-spinner-container {
  width: 20px;
  padding-bottom: 20px;
  margin-top: -10px;
  margin-left: -10px
}

.ytp-big-mode .ytp-watch-later-icon .ytp-spinner-container {
  width: 35px;
  padding-bottom: 35px;
  margin-top: -17.5px;
  margin-left: -17.5px
}

.ytp-watch-later-icon .ytp-spinner-circle {
  border-width: 3px
}

.ytp-big-mode .ytp-watch-later-icon .ytp-spinner-circle {
  border-width: 5px
}

.webgl {
  display: block;
  position: absolute;
  z-index: 11;
  width: 100%
}

.ended-mode .webgl {
  display: none
}

.ytp-chrome-controls .ytp-button.ytp-youtube-button,
.ytp-dni.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button,
.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button,
.ytp-embed.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button,
.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button {
  width: 67px
}

.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button.ytp-youtube-music-button {
  width: 120px
}

.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button.ytp-youtube-music-button svg {
  margin-left: -25px;
  height: 24px
}

.ytp-chrome-controls .ytp-button.ytp-youtube-button.no-link,
.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button.no-link {
  cursor: default;
  pointer-events: none
}

.ytp-big-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button,
.ytp-dni.ytp-big-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button {
  width: 100px
}

.ytp-embed .ytp-chrome-controls .ytp-youtube-button.ytp-youtube-music-button {
  height: 25px;
  margin-bottom: 7px
}

.ytp-drawer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 350px;
  text-align: center;
  overflow: hidden;
  z-index: 47;
  -webkit-transition: width .25s cubic-bezier(0, 0, .2, 1);
  transition: width .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-drawer {
  width: 425px
}

.ytp-drawer-closed {
  width: 25px
}

.ytp-big-mode .ytp-drawer-closed {
  width: 38px
}

.ytp-drawer-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 350px;
  height: 100%;
  padding: 48px 25px 25px;
  background: rgba(0, 0, 0, .8);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
  transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-drawer-content {
  width: 425px;
  padding: 70px 15px 15px
}

.ytp-drawer-closed .ytp-drawer-content {
  opacity: 0;
  -webkit-transition: opacity .25s cubic-bezier(.4, 0, 1, 1);
  transition: opacity .25s cubic-bezier(.4, 0, 1, 1)
}

.ytp-drawer-close-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  padding: 5px;
  fill: white
}

.ytp-big-mode .ytp-drawer-close-button {
  width: 36px;
  height: 36px;
  padding: 7px
}

.ytp-drawer-closed .ytp-drawer-close-button {
  display: none
}

.ytp-drawer-open-button {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px;
  height: 32px;
  margin-top: -16px;
  padding: 10px 5px;
  background: rgba(0, 0, 0, .7)
}

.ytp-big-mode .ytp-drawer-open-button {
  width: 23px;
  height: 48px;
  margin-top: -24px;
  padding: 15px 8px
}

.ytp-drawer-closed .ytp-drawer-open-button {
  display: block
}

.ytp-drawer-open-button:after {
  display: inline-block;
  border: 5px solid transparent;
  border-right-color: #aaa;
  border-left: none;
  content: ""
}

.ytp-big-mode .ytp-drawer-open-button:after {
  border-bottom-width: 8px;
  border-right-width: 8px;
  border-top-width: 8px
}

.html5-ypc-module {
  line-height: 1.2;
  text-align: left
}

.html5-ypc-action-heading {
  margin-bottom: 5px;
  font-size: 18px;
  color: #999
}

.ytp-small-mode .html5-ypc-action-heading {
  display: none
}

.html5-ypc-title {
  font-size: 20px
}

.html5-ypc-thumbnail {
  float: left
}

.html5-ypc-thumbnail img {
  width: 100px;
  margin: 0 10px 10px 0
}

.html5-ypc-thumbnail img.avatar {
  border-radius: 50%;
  overflow: hidden
}

.html5-ypc-thumbnail img.landscape {
  width: 160px
}

.ytp-small-mode .html5-ypc-thumbnail img {
  width: 50px
}

.ytp-small-mode .html5-ypc-thumbnail img.landscape {
  width: 80px
}

.ytp-big-mode .html5-ypc-thumbnail img {
  width: 150px;
  margin: 0 15px 18px 0
}

.ytp-big-mode .html5-ypc-thumbnail img.landscape {
  width: 240px
}

.html5-ypc-description {
  font-size: 14px
}

.ytp-small-mode .html5-ypc-description {
  margin-top: 10px
}

.ytp-big-mode .html5-ypc-description {
  margin-top: 38px
}

.html5-ypc-purchase {
  font-weight: 500;
  font-size: 14px;
  margin: 12px 0;
  padding: 10px 20px;
  border-radius: 2px;
  background: #2793e6
}

.ytp-big-mode .html5-ypc-purchase {
  margin: 18px 0;
  padding: 15px 20px;
  border-radius: 3px
}

.html5-ypc-purchase:hover {
  background: #126db3
}

.html5-ypc-purchase.html5-ypc-rounded {
  border-radius: 18px
}

.html5-ypc-overlay {
  position: absolute;
  bottom: 0;
  padding: 5px;
  margin-left: 12px;
  overflow: hidden;
  z-index: 66;
  pointer-events: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.ytp-big-mode .html5-ypc-overlay {
  padding: 8px;
  margin-left: 24px
}

.html5-ypc-endscreen {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 51px 21px 21px;
  background: rgba(0, 0, 0, .75);
  z-index: 36
}

.ytp-small-mode .html5-ypc-endscreen {
  padding-top: 21px
}

.ytp-ypc-clickwrap-overlay {
  padding: 25px 20px 0;
  z-index: 69
}

.ytp-ypc-clickwrap-header {
  border-bottom: 1px solid #888;
  padding: 0 0 15px 5px;
  font-size: 182%;
  font-weight: 400
}

.ytp-ypc-clickwrap-description {
  margin: 15px 0 0 5px;
  font-size: 127%
}

.ytp-ypc-clickwrap-confirm {
  margin: 20px 0 0 5px;
  padding: 7px 10px;
  background-color: #37d;
  border-radius: 2px
}

.ytp-ypc-clickwrap-confirm:hover {
  background-color: #26c
}

.ytp-yto-preroll-message {
  display: none;
  position: absolute;
  bottom: 0;
  padding: 5px;
  margin-left: 12px;
  overflow: hidden;
  z-index: 65;
  pointer-events: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.ytp-yto-preroll .ytp-yto-preroll-message {
  display: block
}

sentinel {}