@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:not(.ytp-transparent),
.html5-video-player.unstarted-mode,
.html5-video-player.ad-showing,
.html5-video-player.ended-mode {
    background-color: #000
}

.ytd-video-masthead-ad-primary-video-renderer .html5-video-player:not(.ytp-transparent),
.ytd-video-masthead-ad-primary-video-renderer .html5-video-player.unstarted-mode,
.ytd-video-masthead-ad-primary-video-renderer .html5-video-player.ad-showing,
.ytd-video-masthead-ad-primary-video-renderer .html5-video-player.ended-mode {
    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-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 {
    left: 12px;
    right: 12px
}

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

.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-hide-controls .ytp-iv-player-content {
    bottom: 12px
}

.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-hide-controls .ytp-iv-player-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-button:focus,
.ytp-button {
    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-top,
.ytp-chrome-bottom {
    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-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-small-mode .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-chrome-controls {
    height: 48px
}

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

.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-mute-button,
.ytp-embed .ytp-chrome-controls .ytp-button.ytp-next-button,
.ytp-embed .ytp-chrome-controls .ytp-button.ytp-miniplayer-button,
.ytp-embed .ytp-chrome-controls .ytp-button.ytp-remote-button {
    padding: 0
}

.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-top .ytp-button,
.ytp-big-mode .ytp-chrome-controls .ytp-button {
    width: 54px
}

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

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

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

.ytp-chrome-top .ytp-button:hover,
.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-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: #f00;
    -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-cairo-refresh .ytp-chrome-controls .ytp-button[aria-pressed]:after {
    background-color: var(--yt-spec-red-indicator, #e1002d)
}

.ytp-small-mode .ytp-chrome-controls .ytp-button[aria-pressed]:after {
    left: 18px;
    bottom: 6px
}

.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 {
    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-share-button:not(.ytp-share-button-visible),
.ytp-copylink-button:not(.ytp-copylink-button-visible),
.ytp-overflow-button:not(.ytp-overflow-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-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-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-exp-bottom-control-flexbox .ytp-volume-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ytp-chrome-top,
.ytp-chrome-bottom {
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-autohide .ytp-playlist-menu-button,
.ytp-autohide .ytp-shorts-title-channel,
.ytp-autohide .ytp-title-channel,
.ytp-autohide .ytp-title,
.ytp-autohide .ytp-chrome-top .ytp-watch-later-button,
.ytp-autohide .ytp-chrome-top .ytp-share-button,
.ytp-autohide .ytp-chrome-top .ytp-copylink-button,
.ytp-autohide .ytp-chrome-top .ytp-search-button,
.ytp-autohide:not(.ytp-cards-teaser-shown) .ytp-cards-button,
.ytp-autohide .ytp-overflow-button,
.ytp-autohide .ytp-chrome-bottom,
.ytp-chrome-top[aria-hidden=true],
.ytp-chrome-bottom[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-playlist-menu-button,
.ytp-autohide:not(.ytp-autohide-active) .ytp-shorts-title-channel,
.ytp-autohide:not(.ytp-autohide-active) .ytp-title-channel,
.ytp-autohide:not(.ytp-autohide-active) .ytp-title,
.ytp-autohide:not(.ytp-autohide-active) .ytp-chrome-top .ytp-watch-later-button,
.ytp-autohide:not(.ytp-autohide-active) .ytp-chrome-top .ytp-share-button,
.ytp-autohide:not(.ytp-autohide-active) .ytp-chrome-top .ytp-search-button,
.ytp-autohide:not(.ytp-autohide-active):not(.ytp-cards-teaser-shown) .ytp-cards-button,
.ytp-autohide:not(.ytp-autohide-active) .ytp-overflow-button {
    display: none
}

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

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

.ytp-gradient-top[aria-hidden=true],
.ytp-gradient-bottom[aria-hidden=true],
.ytp-autohide .ytp-gradient-top,
.ytp-autohide .ytp-gradient-bottom {
    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) .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) 0, transparent 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .75)), to(transparent));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0, transparent 100%);
    padding-bottom: 0
}

.ytp-shorts-mode.ytp-embed:not(.ad-showing) .ytp-gradient-top,
.ytp-shorts-mode.ytp-big-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-hide-info-bar .ytp-chrome-top {
    height: 0
}

.ytp-hide-info-bar .ytp-gradient-top,
.ytp-hide-info-bar .ytp-chrome-top .ytp-shorts-title-channel,
.ytp-hide-info-bar .ytp-chrome-top .ytp-title-channel,
.ytp-hide-info-bar .ytp-chrome-top .ytp-title,
.ytp-hide-info-bar .ytp-chrome-top .ytp-playlist-menu-button,
.ytp-hide-info-bar .ytp-chrome-top .ytp-watch-later-button,
.ytp-hide-info-bar .ytp-chrome-top .ytp-share-button,
.ytp-hide-info-bar .ytp-chrome-top .ytp-overflow-button,
.ytp-hide-controls .ytp-gradient-bottom,
.ytp-hide-controls .ytp-chrome-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
    }

    100% {
        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
    }

    100% {
        background-color: #0ff
    }
}

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

    20% {
        color: #0f0
    }

    40% {
        color: #00f
    }

    60% {
        color: #f0f
    }

    80% {
        color: #ff0
    }

    100% {
        color: #0ff
    }
}

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

    20% {
        color: #0f0
    }

    40% {
        color: #00f
    }

    60% {
        color: #f0f
    }

    80% {
        color: #ff0
    }

    100% {
        color: #0ff
    }
}

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

    20% {
        fill: #0f0
    }

    40% {
        fill: #00f
    }

    60% {
        fill: #f0f
    }

    80% {
        fill: #ff0
    }

    100% {
        fill: #0ff
    }
}

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

    20% {
        fill: #0f0
    }

    40% {
        fill: #00f
    }

    60% {
        fill: #f0f
    }

    80% {
        fill: #ff0
    }

    100% {
        fill: #0ff
    }
}

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

.ytp-ssap.ytp-menu-shown .video-ads {
    display: block
}

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

.ytp-swatch-background-color {
    background-color: #f00
}

.ytp-cairo-refresh .ytp-swatch-background-color {
    background-color: var(--yt-spec-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-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
}

.ytp-swatch-color {
    color: #f00
}

.ytp-cairo-player .ytp-swatch-color {
    color: var(--yt-spec-static-brand-red, #f03)
}

.ytp-swatch-color-white {
    color: var(--yt-spec-static-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 #000 solid;
        -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-title,
    :not(.ytp-mweb-player) .ytp-title *,
    :not(.ytp-mweb-player) .ytp-large-play-button * {
        color: #000 !important;
        visibility: visible !important
    }
}

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

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

.video-ad-status-bar {
    position: absolute;
    bottom: 61px;
    z-index: 36;
    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: 36
}

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

.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: 39
}

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

.html5-video-player .ad-overlay>.ima-container>* {
    z-index: 39 !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: 29
}

.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-text,
.ytp-ad-button-icon,
.ytp-ad-skip-button-text,
.ytp-ad-skip-button-icon {
    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: normal;
    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-player-overlay-instream-info,
.ytp-big-mode .ytp-ad-survey-player-overlay-instream-info,
.ytp-big-mode .ytp-ad-action-interstitial-instream-info {
    left: 24px;
    bottom: 70px
}

.ytp-hide-controls .ytp-ad-player-overlay-instream-info,
.ytp-hide-controls .ytp-ad-survey-player-overlay-instream-info,
.ytp-hide-controls .ytp-ad-action-interstitial-instream-info,
.ytp-autohide .ytp-ad-player-overlay-instream-info,
.ytp-autohide .ytp-ad-survey-player-overlay-instream-info,
.ytp-autohide .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,
.ytp-iv-drawer-open .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-hide-controls .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-autohide .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-embed.ytp-iv-drawer-open .ytp-ad-action-interstitial-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-player-overlay-instream-info,
.ytp-ad-survey-player-overlay-instream-info,
.ytp-ad-action-interstitial-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: 36;
    -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1);
    transition: bottom .25s cubic-bezier(0, 0, .2, 1)
}

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

.ytp-ad-player-overlay-instream-info.ytp-ad-player-overlay-instream-info-unified,
.ytp-ad-survey-player-overlay-instream-info.ytp-ad-survey-player-overlay-instream-info-unified,
.ytp-ad-action-interstitial-instream-info.ytp-ad-action-interstitial-instream-info-unified {
    left: 16px
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-instream-info.ytp-ad-action-interstitial-instream-info-unified {
    bottom: 6px
}

.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: 36
}

.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: 36
}

.ytp-ad-player-overlay-flyout-cta.ytp-ad-player-overlay-flyout-cta-unified {
    left: 16px
}

.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: solid 1px 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-simple-ad-badge,
.ytp-ad-duration-remaining,
.ytp-ad-info-icon-button,
.ytp-ad-info-hover-text-button .ytp-ad-button,
.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-player-overlay-layout__ad-info-container .ytp-ad-simple-ad-badge {
    margin-left: 0
}

.ytp-ad-simple-ad-badge.ytp-ad-simple-ad-badge-unified {
    margin-left: 0;
    font-weight: 700
}

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

.ytp-ad-duration-remaining--with-separator {
    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: 3px;
    opacity: .75;
    color: #fff;
    font-size: 12px;
    left: 0;
    line-height: 28px;
    position: relative
}

.ytp-ad-duration-remaining--with-separator::before {
    content: "·";
    padding-inline: 4px
}

.ytp-ad-info-hover-text-button {
    display: inline-block;
    height: 28px;
    line-height: inherit;
    margin: 0 5px;
    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-icon-button,
.ytp-ad-info-hover-text-button .ytp-ad-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-icon-button:hover,
.ytp-ad-info-hover-text-button .ytp-ad-button:hover {
    opacity: 1
}

.ytp-ad-confirm-dialog-background,
.ytp-ad-info-dialog-background,
.ytp-ad-feedback-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-info-dialog-background,
.ytp-ads-tiny-mode .ytp-ad-feedback-dialog-background {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden
}

.ytp-ad-confirm-dialog-close-overlay-button,
.ytp-ad-info-dialog-close-button,
.ytp-ad-feedback-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-info-dialog-close-button:hover,
.ytp-ad-feedback-dialog-close-button:hover {
    opacity: 1
}

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

.ytp-ad-confirm-dialog,
.ytp-ad-info-dialog-form,
.ytp-ad-feedback-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-info-dialog-form a,
.ytp-ad-info-dialog-form a:hover,
.ytp-ad-info-dialog-mute-button,
.ytp-ad-feedback-dialog-form a,
.ytp-ad-feedback-dialog-form a:hover,
.ytp-ad-feedback-dialog-undo-mute-button {
    color: #167ac6;
    cursor: pointer
}

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

.ytp-ad-info-dialog-title a,
.ytp-ad-feedback-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-info-dialog-confirm-container,
.ytp-ad-feedback-dialog-confirm-container {
    margin-top: 8px;
    text-align: right
}

.ytp-ad-confirm-dialog-cancel-button,
.ytp-ad-confirm-dialog-confirm-button,
.ytp-ad-info-dialog-confirm-button,
.ytp-ad-feedback-dialog-confirm-button,
.ytp-ad-feedback-dialog-cancel-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-confirm-button:hover,
.ytp-ad-confirm-dialog-cancel-button:hover,
.ytp-ad-info-dialog-confirm-button:hover,
.ytp-ad-feedback-dialog-confirm-button:hover,
.ytp-ad-feedback-dialog-cancel-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: translate(0, 1px);
    -ms-transform: translate(0, 1px);
    transform: translate(0, 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-hide-controls .ytp-ad-preview-container,
.ytp-hide-controls .ytp-ad-skip-button-container,
.ytp-embed.ytp-hide-controls .ytp-ad-preview-container,
.ytp-embed.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-preview-container,
.ytp-settings-shown .ytp-ad-skip-button-container,
.ytp-settings-shown .ytp-ad-instream-user-sentiment-container {
    opacity: .4;
    pointer-events: none;
    z-index: 36
}

.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: 36
}

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

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

.ytp-embed .ytp-ad-preview-container,
.ytp-embed .ytp-ad-skip-button-container,
.ytp-embed .ytp-ad-message-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-preview-container,
.ytp-ad-message-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-preview-container[aria-hidden=true],
.ytp-ad-skip-button-container[aria-hidden=true],
.ytp-ad-message-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-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: 36
}

.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-overlay-image img,
.ytp-ad-overlay-container .ytp-ad-text-overlay,
.ytp-ad-overlay-container .ytp-ad-enhanced-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: bold 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: rgba(0, 0, 0, .498039) 0 3px 5px;
    box-shadow: rgba(0, 0, 0, .498039) 0 3px 5px;
    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: center center;
    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-small-mode .ytp-ad-action-interstitial-card.ytp-ad-action-interstitial-card-unified {
    margin-left: 0;
    left: 0;
    text-align: left;
    width: auto;
    padding-left: 16px
}

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

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

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

.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) 0, rgba(0, 0, 0, .8) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    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 {
    font-size: 28px;
    font-weight: 700;
    padding-top: 28px;
    padding-bottom: 15px
}

.ytp-small-mode .ytp-ad-action-interstitial-headline.ytp-ad-action-interstitial-headline-unified {
    font-size: 20px;
    padding-top: 16px;
    padding-bottom: 16px
}

.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-size: 16px;
    font-weight: 400;
    padding-bottom: 28px;
    line-height: 20px
}

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

.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-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 {
    color: rgb(15, 15, 15);
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 18px;
    padding: 0 16px;
    background-color: rgb(62, 166, 255);
    border-radius: 18px;
    min-width: 0
}

.ytp-small-mode .ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified {
    font-size: 12px;
    padding: 0 12px
}

.ytp-ads-tiny-mode .ytp-ad-action-interstitial-action-button.ytp-ad-action-interstitial-action-button-unified {
    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
}

.ytp-ad-timed-pie-countdown-container.ytp-ad-timed-pie-countdown-container-unified {
    inset: 12px 12px auto auto
}

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
}

svg.ytp-ad-timed-pie-countdown.ytp-ad-timed-pie-countdown-unified {
    height: 16px;
    opacity: .8;
    width: 16px
}

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-inner.ytp-ad-timed-pie-countdown-inner-unified {
    fill: none;
    stroke: rgba(255, 255, 255, .75);
    stroke-width: 10px
}

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

circle.ytp-ad-timed-pie-countdown-outer.ytp-ad-timed-pie-countdown-outer-unified {
    fill: none;
    stroke: rgba(255, 255, 255, .75);
    stroke-width: 3px
}

.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: 36
}

.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-ssap .ytp-ad-survey-questions {
    margin: 0;
    background-color: #000;
    z-index: 64
}

.ytp-ssap .ytp-ad-survey-question {
    -webkit-flex-grow: 0;
    -webkit-box-flex: 0;
    flex-grow: 0
}

.ytp-ad-survey-question-background {
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    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: center center;
    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-text,
    .ytp-ad-survey-interstitial-logo,
    .ytp-ad-survey-interstitial-action-button {
        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-text,
    .ytp-ad-survey-interstitial-logo,
    .ytp-ad-survey-interstitial-action-button {
        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: 36
}

.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-like-button,
.ytp-ad-instream-user-sentiment-dislike-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(to bottom, 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: 36
}

.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: 36
}

.ytp-ad-player-overlay-top-bar-gradients .ytp-ad-visit-advertiser-button .ytp-ad-button-text {
    font-family: "Helvetica Neue Light", 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: 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: 36;
    opacity: .9
}

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

.ytp-ad-underlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.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: bold;
    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: 36
}

.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-question-text,
.color-contrast-fix .ytp-ad-survey-answer-button,
.color-contrast-fix .ytp-ad-survey-answer-toggle-button {
    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-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-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--no-end-separator {
    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 {
    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: .75;
    font-size: 12px;
    line-height: 28px
}

.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-filled {
    color: #fff;
    background-color: #065fd4
}

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

.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: normal;
    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: 44
}

.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-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-small-mode .ytp-ad-avatar-lockup-card,
.ytp-player-minimized .ytp-ad-avatar-lockup-card {
    opacity: .86;
    padding: 8px;
    min-height: 40px;
    max-width: 190px
}

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

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

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

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

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

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

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

.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: 37
}

.ytp-autohide .ytp-ad-persistent-progress-bar-container,
.ytp-ad-player-overlay-progress-bar .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-persistent-progress-bar {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    background-color: #fc0
}

.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: 36;
    -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--with-ad-badge-view-model .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: 36;
    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: 36
}

.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-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-hide-controls .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-autohide .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 {
    bottom: 45px;
    -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
    transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-small-mode.ytp-hide-controls .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-small-mode.ytp-autohide .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-skip-ad {
    z-index: 36
}

.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-big-mode .ytp-skip-ad-button {
    right: 40px;
    bottom: 104px
}

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

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

.ytp-visit-advertiser-link {
    color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-left: 11px;
    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: rgba(255, 255, 255, .75);
    cursor: pointer;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    text-decoration: none;
    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);
    filter: alpha(opacity=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
}

.iv-promo,
.iv-promo .iv-promo-img,
.iv-promo .iv-promo-img img,
.iv-promo .iv-promo-contents,
.iv-promo .iv-promo-contents>div,
.iv-promo .iv-promo-contents>a,
.iv-promo .iv-promo-actions {
    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>div,
.iv-promo .iv-promo-contents>div,
.iv-promo .iv-promo-contents>a {
    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-img .iv-promo-playlist-length,
.iv-promo .iv-promo-img .iv-promo-video-duration,
.iv-promo .iv-promo-contents .iv-promo-txt p,
.iv-promo .iv-promo-contents .iv-promo-txt strong {
    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-txt,
.iv-promo .iv-promo-contents .iv-promo-button-container {
    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 strong,
.iv-promo-txt p:first-child span {
    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: solid 1px 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]:hover,
.iv-button[disabled]:active,
.iv-button[disabled]:focus {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.iv-button,
.iv-button[disabled],
.iv-button[disabled]:hover,
.iv-button[disabled]:active,
.iv-button[disabled]:focus {
    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-contents,
.iv-promo.iv-promo-collapsed .iv-promo-actions .iv-promo-close,
.iv-promo.iv-promo-collapsed .iv-promo-actions .iv-promo-expand {
    -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>div,
.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents>a {
    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-contents .iv-promo-txt .iv-promo-link:after,
.iv-promo-website-card-cta-redesign .iv-promo-actions {
    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>div,
.iv-promo-website-card-cta-redesign .iv-promo-contents>a {
    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: 36;
    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>div,
.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents>a {
    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-header,
.iv-drawer-content {
    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:hover,
.iv-card a.iv-click-target:focus {
    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 p,
.iv-card .iv-card-meta-info,
.iv-card .iv-card-action {
    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 center;
    -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 0, rgba(0, 0, 0, .6) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, .6)));
    background-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .6) 100%);
    -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-message,
.iv-card-action {
    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: left center;
    background-repeat: no-repeat;
    -webkit-background-size: 24px auto;
    background-size: 24px auto
}

.iv-card-link-icon {
    display: inline-block
}

.iv-card-video h2,
.iv-card-episode h2,
.iv-card-movie h2,
.iv-card-playlist h2 {
    -webkit-line-clamp: 3;
    max-height: 45px
}

.iv-drawer-small .iv-card-video h2,
.iv-drawer-small .iv-card-episode h2,
.iv-drawer-small .iv-card-movie h2,
.iv-drawer-small .iv-card-playlist h2 {
    max-height: 36px
}

.iv-drawer-big .iv-card-video h2,
.iv-drawer-big .iv-card-episode h2,
.iv-drawer-big .iv-card-movie h2,
.iv-drawer-big .iv-card-playlist 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-video .iv-card-image,
.iv-card-episode .iv-card-image,
.iv-card-movie .iv-card-image,
.iv-card-playlist .iv-card-image {
    background-color: #000
}

.iv-card-video .iv-card-image,
.iv-card-episode .iv-card-image,
.iv-card-playlist .iv-card-image {
    height: 82px
}

.iv-drawer-small .iv-card-video .iv-card-image,
.iv-drawer-small .iv-card-episode .iv-card-image,
.iv-drawer-small .iv-card-playlist .iv-card-image {
    height: 61px
}

.iv-drawer-big .iv-card-video .iv-card-image,
.iv-drawer-big .iv-card-episode .iv-card-image,
.iv-drawer-big .iv-card-playlist .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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTciIHdpZHRoPSIxNyIgdmVyc2lvbj0iMS4xIj48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjcuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuNTQiIC8+PC9zdmc+);
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTciIHdpZHRoPSIxNyIgdmVyc2lvbj0iMS4xIj48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjcuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZT0iIzE2N2FjNiIgLz48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjQuMjMiIGZpbGw9IiMxNjdhYzYiIC8+PC9zdmc+);
    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-click-target,
.iv-card-unavailable:hover .iv-card-content {
    visibility: hidden
}

.iv-card-unavailable:hover .iv-card-sign-in {
    visibility: visible
}

.iv-card-sponsored,
.iv-ad-info-icon-container {
    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-callout,
.iv-ad-info-container:hover .iv-ad-info-icon-container:after,
.iv-ad-info-container:hover .iv-ad-info {
    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
}

@-webkit-keyframes w2w-background-animation {
    0% {
        background-color: var(--w2w-start-background-color)
    }

    100% {
        background-color: var(--w2w-end-background-color)
    }
}

@keyframes w2w-background-animation {
    0% {
        background-color: var(--w2w-start-background-color)
    }

    100% {
        background-color: var(--w2w-end-background-color)
    }
}

@-webkit-keyframes w2w-primary-text-color-animation {
    0% {
        color: var(--w2w-start-primary-text-color)
    }

    100% {
        color: var(--w2w-end-primary-text-color)
    }
}

@keyframes w2w-primary-text-color-animation {
    0% {
        color: var(--w2w-start-primary-text-color)
    }

    100% {
        color: var(--w2w-end-primary-text-color)
    }
}

@-webkit-keyframes w2w-secondary-text-color-animation {
    0% {
        color: var(--w2w-start-secondary-text-color)
    }

    100% {
        color: var(--w2w-end-secondary-text-color)
    }
}

@keyframes w2w-secondary-text-color-animation {
    0% {
        color: var(--w2w-start-secondary-text-color)
    }

    100% {
        color: var(--w2w-end-secondary-text-color)
    }
}

.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-countdown-overlay.ytp-enable-w2w-color-transitions,
.ytp-autonav-endscreen-countdown-overlay.ytp-enable-w2w-color-transitions .ytp-autonav-endscreen-upnext-title,
.ytp-autonav-endscreen-countdown-overlay.ytp-enable-w2w-color-transitions .ytp-autonav-endscreen-upnext-author {
    -webkit-animation-duration: var(--w2w-animation-duration);
    animation-duration: var(--w2w-animation-duration);
    -webkit-animation-timing-function: cubic-bezier(.05, 0, 0, 1);
    animation-timing-function: cubic-bezier(.05, 0, 0, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ytp-autonav-endscreen-countdown-overlay.ytp-enable-w2w-color-transitions.ytp-w2w-animate {
    -webkit-animation-name: w2w-background-animation;
    animation-name: w2w-background-animation
}

.ytp-autonav-endscreen-countdown-overlay.ytp-enable-w2w-color-transitions.ytp-w2w-animate .ytp-autonav-endscreen-upnext-title {
    -webkit-animation-name: w2w-primary-text-color-animation;
    animation-name: w2w-primary-text-color-animation
}

.ytp-autonav-endscreen-countdown-overlay.ytp-enable-w2w-color-transitions.ytp-w2w-animate .ytp-autonav-endscreen-upnext-author {
    -webkit-animation-name: w2w-secondary-text-color-animation;
    animation-name: w2w-secondary-text-color-animation
}

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

.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-thumbnail-small,
.ytp-autonav-endscreen-upnext-thumbnail {
    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-thumbnail-small:hover,
.ytp-autonav-endscreen-upnext-thumbnail:hover {
    border-color: rgba(255, 255, 255, .8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ytp-autonav-timestamp,
.ytp-autonav-live-stamp,
.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSI+PHVzZSB4bGluazpocmVmPSIjeXRwLXN2Zy1taXgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9Ii4xNSIgc3Ryb2tlLXdpZHRoPSIycHgiIC8+PHBhdGggaWQ9Inl0cC1zdmctbWl4IiBkPSJNMjUuNjUsMTggQzI1LjYzLDIwLjMxIDI0Ljc4LDIyLjQxIDIzLjQsMjQuMDYgTDI0LjMsMjUgQzI1Ljk5LDIzLjIwIDI3LDIwLjczIDI3LDE4IEMyNywxNS4yNyAyNS45OSwxMi43OSAyNC4zLDExIEwyMy40LDExLjkzIEMyNC43OCwxMy41OCAyNS42MywxNS42OCAyNS42NSwxOCBaIE0xMC4zNSwxOCBDMTAuMzYsMTUuNjggMTEuMjEsMTMuNTggMTIuNiwxMS45MyBMMTEuNywxMSBDMTAuMDAsMTIuNzkgOSwxNS4yNyA5LDE4IEM5LDIwLjczIDEwLjAwLDIzLjIwIDExLjcsMjUgTDEyLjYsMjQuMDYgQzExLjIxLDIyLjQxIDEwLjM2LDIwLjMxIDEwLjM1LDE4IFogTTEzLjA1LDE4IEMxMy4wMSwxNi4yNyAxMy41NCwxNC45MSAxNC40LDEzLjggTDEzLjUsMTIuODYgQzEyLjM3LDE0LjEyIDExLjcsMTUuODUgMTEuNywxOCBDMTEuNywxOS42NyAxMi4zNywyMS40MCAxMy41LDIyLjY2IEwxNC40LDIxLjczIEMxMy41NCwyMC42MSAxMy4wMSwxOS4yNiAxMy4wNSwxOCBaIE0yMi4wNSwxMi44NiBMMjEuMTUsMTMuOCBDMjIuMDAsMTQuOTEgMjIuNTMsMTYuMjcgMjIuNSwxOCBDMjIuNTMsMTkuMjYgMjIuMDAsMjAuNjEgMjEuMTUsMjEuNzMgTDIyLjA1LDIyLjY2IEMyMy4xNywyMS40MCAyMy44NSwxOS42NyAyMy44NSwxOCBDMjMuODUsMTUuODUgMjMuMTcsMTQuMTIgMjIuMDUsMTIuODYgWiBNMTYuNSwxNS42NiBMMjAuMSwxNy41MyBMMTYuNSwxOS44NiBMMTYuNSwxNS42NiBaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==);
    -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+PHJlY3Qgb3BhY2l0eT0iLjEiIHdpZHRoPSI3MCIgaGVpZ2h0PSIxNiIgcng9IjIiIGZpbGw9IiNmZmYiIC8+PHBhdGggZD0iTTIwLjM1IDguODNWMTJoLTEuNDhWMy40N2gzLjI2Yy45NSAwIDEuNzEuMjUgMi4yNy43NC41Ni41Ljg0IDEuMTYuODQgMS45NyAwIC44NC0uMjcgMS40OS0uODIgMS45NS0uNTUuNDctMS4zMi43LTIuMy43aC0xLjc3em0wLTEuMTloMS43OGMuNTMgMCAuOTMtLjEyIDEuMi0uMzcuMjktLjI1LjQyLS42LjQyLTEuMDggMC0uNDYtLjE0LS44Mi0uNDItMS4xYTEuNjIgMS42MiAwIDAwLTEuMTYtLjQzaC0xLjgydjIuOTh6bTkuMzctLjY4YTMuNTIgMy41MiAwIDAwLS41OC0uMDVjLS42NSAwLTEuMDkuMjUtMS4zMS43NVYxMkgyNi40VjUuNjZoMS4zNmwuMDQuN2ExLjYgMS42IDAgMDExLjQzLS44MmMuMiAwIC4zNy4wMy41LjA4djEuMzR6bTMuNTggNS4xNmMtLjkgMC0xLjY0LS4yOS0yLjItLjg1YTMuMSAzLjEgMCAwMS0uODQtMi4yOHYtLjE3YzAtLjYzLjEyLTEuMi4zNy0xLjdhMi43MiAyLjcyIDAgMDEyLjUtMS41OGMuODcgMCAxLjUzLjI4IDIgLjgzLjQ4LjU1LjcxIDEuMzMuNzEgMi4zNHYuNTdIMzEuN2MuMDQuNTIuMjIuOTQuNTIgMS4yNC4zLjMuNy40NiAxLjE2LjQ2LjY1IDAgMS4xOC0uMjYgMS42LS43OWwuNzYuNzNjLS4yNS4zOC0uNi42OC0xLjAyLjg5LS40Mi4yLS45LjMtMS40Mi4zem0tLjE3LTUuNDNjLS40IDAtLjcuMTMtLjk1LjQtLjI0LjI4LS40LjY2LS40NiAxLjE1aDIuNzJ2LS4xYTEuNzIgMS43MiAwIDAwLS4zOS0xLjA5IDEuMTkgMS4xOSAwIDAwLS45Mi0uMzZ6bTUuMTYtMS4wM2wuMDQuNjZhMi4yOCAyLjI4IDAgMDExLjgzLS43OGMuODUgMCAxLjQzLjMzIDEuNzQuOTguNDYtLjY1IDEuMTEtLjk4IDEuOTUtLjk4LjcgMCAxLjIxLjIgMS41NS41OC4zNS4zOS41Mi45Ni41MyAxLjcxVjEyaC0xLjQyVjcuODdjMC0uNC0uMDktLjctLjI3LS44OC0uMTctLjE5LS40Ni0uMjgtLjg3LS4yOC0uMzIgMC0uNTkuMDktLjguMjYtLjIuMTctLjM0LjQtLjQyLjY4VjEyaC0xLjQyVjcuODNjLS4wMi0uNzUtLjQtMS4xMi0xLjE0LTEuMTItLjU3IDAtLjk4LjIzLTEuMjIuN1YxMmgtMS40MlY1LjY2aDEuMzR6TTQ4LjkxIDEyaC0xLjQzVjUuNjZoMS40M1YxMnpNNDcuNCA0LjAxYzAtLjIyLjA2LS40LjItLjU0LjE0LS4xNS4zNC0uMjIuNi0uMjIuMjYgMCAuNDYuMDcuNi4yMi4xNC4xNC4yLjMyLjIuNTQgMCAuMjItLjA2LjQtLjIuNTRzLS4zNC4yMS0uNi4yMWMtLjI2IDAtLjQ2LS4wNy0uNi0uMmEuNzUuNzUgMCAwMS0uMi0uNTV6bTYuOSA3LjM3YTIuMiAyLjIgMCAwMS0xLjc4Ljc0Yy0uNjggMC0xLjItLjItMS41Ni0uNi0uMzUtLjQtLjUzLTEtLjUzLTEuNzVWNS42NmgxLjQzdjQuMDljMCAuOC4zMyAxLjIgMSAxLjIuNjkgMCAxLjE2LS4yNCAxLjQtLjc0VjUuNjZoMS40MlYxMmgtMS4zNGwtLjA0LS42MnptNC4xNy01LjcybC4wNC42NmEyLjI4IDIuMjggMCAwMTEuODMtLjc4Yy44NSAwIDEuNDMuMzMgMS43NC45OC40Ni0uNjUgMS4xMS0uOTggMS45NS0uOTguNyAwIDEuMjEuMiAxLjU1LjU4LjM1LjM5LjUyLjk2LjUzIDEuNzFWMTJINjQuN1Y3Ljg3YzAtLjQtLjA5LS43LS4yNy0uODgtLjE3LS4xOS0uNDYtLjI4LS44Ny0uMjgtLjMyIDAtLjU5LjA5LS44LjI2LS4yLjE3LS4zNC40LS40Mi42OFYxMmgtMS40MlY3LjgzYy0uMDItLjc1LS40LTEuMTItMS4xNC0xLjEyLS41NyAwLS45OC4yMy0xLjIyLjdWMTJoLTEuNDJWNS42NmgxLjM0eiIgZmlsbD0iI2FhYSIgLz48cGF0aCBkPSJNMSAyYTEgMSAwIDAxMS0xaDEzdjE0SDJhMSAxIDAgMDEtMS0xVjJ6IiBmaWxsPSJyZWQiIC8+PHBhdGggZD0iTTYuNTIgOXYzSDQuNzZWMy40N0g4LjFjLjY0IDAgMS4yLjEyIDEuNjkuMzUuNDkuMjMuODYuNTcgMS4xMiAxIC4yNi40My40LjkyLjQgMS40NyAwIC44NC0uMyAxLjUtLjg3IDEuOTgtLjU3LjQ4LTEuMzYuNzItMi4zNy43Mkg2LjUyem0wLTEuNDNoMS41N2MuNDYgMCAuODItLjEgMS4wNi0uMzMuMjUtLjIyLjM3LS41My4zNy0uOTQgMC0uNDEtLjEyLS43NS0uMzctMS0uMjUtLjI3LS41OS0uNC0xLjAyLS40SDYuNTJ2Mi42N3oiIGZpbGw9IiNmZmYiIC8+PC9zdmc+);
    -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: normal;
    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-view-and-date,
.ytp-autonav-author-and-view,
.ytp-autonav-endscreen-upnext-author {
    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-preview,
.countdown-running .ytp-miniplayer-replay-button {
    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
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-link-container,
.countdown-running .ytp-autonav-endscreen-small-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
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-thumbnail,
.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-thumbnail {
    width: 183px;
    height: 104px;
    border-radius: 8px
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-title,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-header,
.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-title,
.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-header {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-video-info,
.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-video-info {
    margin-top: 0;
    width: 183px
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-button-container,
.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-button-container {
    margin-top: 13px
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-button,
.countdown-running .ytp-autonav-endscreen-small-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-view-and-date,
.ytp-big-mode .ytp-autonav-endscreen-upnext-author {
    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-timestamp,
.ytp-big-mode .ytp-autonav-live-stamp,
.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.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-link-container,
.ytp-player-minimized.countdown-running .ytp-autonav-endscreen-link-container {
    margin-top: 30px
}

.ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-panel,
.ytp-player-minimized.countdown-running .ytp-suggestion-panel {
    display: none
}

.ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-countdown-container,
.ytp-player-minimized.countdown-running .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.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-upnext-container,
.ytp-player-minimized.countdown-running .ytp-autonav-endscreen-upnext-container {
    margin-top: 16px
}

.ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-upnext-header,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-upnext-header {
    display: -webkit-box
}

.ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-upnext-alternative-header,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-upnext-alternative-header {
    margin-top: 5px
}

.ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-link-container,
.ytp-autonav-cancelled-mini-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-live=true] .ytp-autonav-timestamp,
.ytp-autonav-suggestion-card[data-is-list=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-live=true] .ytp-autonav-timestamp,
.ytp-autonav-endscreen-upnext-container[data-is-list=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-toggle-button-container {
    width: 100%;
    height: 100%;
    display: inline-block
}

.ytp-small-mode .ytp-autonav-toggle-button,
.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+PGRlZnMgLz48cGF0aCBvcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43IDExYzIuOTUgMCA1LjMtMi4yMSA1LjMtNXMtMi4zNS01LTUuMy01SDcuM0M0LjM1IDEgMiAzLjIxIDIgNnMyLjM1IDUgNS4zIDVoMTUuNHoiIGZpbGw9IiNmZmYiIC8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zIDFDNC4zNSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1aDE1LjRBNS4xNiA1LjE2IDAgMDAyOCA2bC0uMDMtLjU0QTUuMTYgNS4xNiAwIDAwMjIuNyAxSDcuM3ptMTUuNCAxMWMzLjQ1IDAgNi4zLTIuNiA2LjMtNnMtMi44NS02LTYuMy02SDcuM0MzLjg1IDAgMSAyLjYgMSA2czIuODUgNiA2LjMgNmgxNS40eiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMyIgLz48L3N2Zz4=);
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
    transition: all .08s cubic-bezier(.4, 0, 1, 1)
}

.ytp-small-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+PGRlZnMgLz48cGF0aCBvcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43IDExYzIuOTUgMCA1LjMtMi4yMSA1LjMtNXMtMi4zNS01LTUuMy01SDcuM0M0LjM1IDEgMiAzLjIxIDIgNnMyLjM1IDUgNS4zIDVoMTUuNHptLTIuNy0uNzV2LTguNWw2LjcgNC4yNi02LjcgNC4yNHoiIGZpbGw9IiNmZmYiIC8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zIDFDNC4zNSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1aDE1LjRBNS4xNiA1LjE2IDAgMDAyOCA2bC0uMDMtLjU0QTUuMTYgNS4xNiAwIDAwMjIuNyAxSDcuM3ptMTUuNCAxMWMzLjQ1IDAgNi4zLTIuNiA2LjMtNnMtMi44NS02LTYuMy02SDcuM0MzLjg1IDAgMSAyLjYgMSA2czIuODUgNiA2LjMgNmgxNS40eiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMyIgLz48L3N2Zz4=);
    -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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSI+PGRlZnMgLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNSAxNmE3LjUgNy41IDAgMTAwLTE1IDcuNSA3LjUgMCAwMDAgMTV6IiBmaWxsPSIjNzE3MTcxIiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcgOC41YTguNSA4LjUgMCAxMS0xNyAwIDguNSA4LjUgMCAwMTE3IDB6bS0xIDBhNy41IDcuNSAwIDExLTE1IDAgNy41IDcuNSAwIDAxMTUgMHoiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiAvPjxwYXRoIGQ9Ik01LjUgMTJoMlY1aC0ydjd6TTkuNSA1djdoMlY1aC0yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
    -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-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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyA4LjVhOC41IDguNSAwIDExLTE3IDAgOC41IDguNSAwIDAxMTcgMHptLTUgMEw2LjUgNXY3TDEyIDguNXptLTEuODYgMEw3LjUgNi44MnYzLjM2bDIuNjQtMS42OHpNOC41IDE2YTcuNSA3LjUgMCAxMDAtMTUgNy41IDcuNSAwIDAwMCAxNXoiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYgOC41YTcuNSA3LjUgMCAxMS0xNSAwIDcuNSA3LjUgMCAwMTE1IDB6bS00IDBMNi41IDEyVjVMMTIgOC41eiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
    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-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-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-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 {
    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-bezel-text {
    display: inline-block;
    padding: 10px 20px;
    font-size: 175%;
    background: rgba(0, 0, 0, .5);
    pointer-events: none;
    border-radius: 3px
}

.ytp-bezel-text-hide .ytp-bezel-text {
    display: none
}

@-webkit-keyframes ytp-bezel-fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes ytp-bezel-fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

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

.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-small-mode .ytp-show-cards-title .ytp-cards-button-title,
.ytp-cards-button-icon-shopping {
    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-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-dismissible .ytp-cards-teaser-text {
    background: rgba(0, 0, 0, .8);
    border: 1px solid rgba(255, 255, 255, .3);
    padding: 0;
    border-radius: 2px
}

.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: rgba(0, 0, 0, .8);
    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;
    left: 8;
    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: normal;
    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: normal;
    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-text,
.ytp-title-expanded .ytp-title-subtext {
    display: none
}

@-webkit-keyframes ytp-title-beacon-pulse {
    from {
        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 {
    from {
        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-chapter-title.ytp-button,
.ytp-big-mode .ytp-chapter-title.ytp-button,
.ytp-small-mode .ytp-chrome-controls .ytp-chapter-title.ytp-button,
.ytp-embed-mobile .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-xs-mono-button-style .ytp-chapter-title.ytp-button {
    height: 24px;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 12px;
    padding: 0 8px
}

.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-xs-mono-button-style .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-xs-mono-button-style .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,
.ytp-chapter-container .ytp-profile-page.ytp-chapter-title.ytp-button {
    cursor: text;
    width: 100%
}

.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;
    padding: 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-chapter-container.ytp-xs-mono-button-style {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.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-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: 38;
    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::before,
.yt-ui-ellipsis::after {
    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
}

.html5-video-player.ended-mode .ytp-ce-element {
    display: none
}

.ytp-ce-element.ytp-ce-placeholder a.ytp-ce-covering-overlay {
    cursor: default
}

.ytp-ce-element.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-force-expand,
.ytp-ce-element.ytp-ce-element-hover {
    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: center;
    -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 0, transparent 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), to(transparent));
    background-image: linear-gradient(to bottom, #000 0, transparent 100%)
}

.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-video,
.ytp-ce-playlist {
    overflow: hidden
}

.ytp-ce-video-title,
.ytp-ce-playlist-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-video-title.ytp-webkit-ellipsis,
.ytp-ce-playlist-title.ytp-webkit-ellipsis {
    display: box;
    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-force-expand .ytp-ce-expanding-overlay,
.ytp-ce-element.ytp-ce-element-hover .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-force-expand .ytp-ce-expanding-image,
.ytp-ce-element.ytp-ce-element-hover .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: center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%
}

.ytp-ce-expanding-icon {
    background-color: #000;
    background-position: center;
    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-force-expand .ytp-ce-expanding-icon,
.ytp-ce-element.ytp-ce-element-hover .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-website.ytp-ce-element-show,
.ytp-ce-element.ytp-ce-channel.ytp-ce-element-show,
.ytp-ce-element.ytp-ce-merchandise.ytp-ce-element-show,
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-element-hover,
.ytp-ce-element.ytp-ce-channel.ytp-ce-element-show.ytp-ce-element-hover,
.ytp-ce-element.ytp-ce-merchandise.ytp-ce-element-show.ytp-ce-element-hover,
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-force-expand,
.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-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-expanding-image,
.ytp-ce-channel .ytp-ce-element-shadow {
    border-radius: 50%
}

.ytp-ce-website-title,
.ytp-ce-merchandise-title {
    color: #333;
    font-weight: 500;
    margin-bottom: 2px
}

.ytp-ce-website-metadata,
.ytp-ce-merchandise-metadata,
.ytp-ce-merchandise-price-container {
    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-website .ytp-ce-expanding-image,
.ytp-ce-merchandise .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-video.ytp-ce-large-round,
.ytp-ce-playlist.ytp-ce-large-round,
.ytp-ce-large-round .ytp-ce-expanding-overlay-background {
    border-radius: 12px
}

.ytp-ce-video.ytp-ce-medium-round,
.ytp-ce-playlist.ytp-ce-medium-round,
.ytp-ce-medium-round .ytp-ce-expanding-overlay-background {
    border-radius: 8px
}

.ytp-ce-video.ytp-ce-small-round,
.ytp-ce-playlist.ytp-ce-small-round,
.ytp-ce-small-round .ytp-ce-expanding-overlay-background {
    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-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-346.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 0 0 8px
}

.ytp-ce-size-346.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-346.ytp-ce-bottom-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-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-426.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 4px 0 12px
}

.ytp-ce-size-426.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-426.ytp-ce-bottom-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-video-title,
.ytp-ce-size-346 .ytp-ce-playlist-title,
.ytp-ce-size-426 .ytp-ce-video-title,
.ytp-ce-size-426 .ytp-ce-playlist-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-website-title,
.ytp-ce-size-470 .ytp-ce-channel-title,
.ytp-ce-size-470 .ytp-ce-merchandise-title {
    font-size: 12px;
    line-height: 14px
}

.ytp-ce-size-470 .ytp-ce-website-goto,
.ytp-ce-size-470 .ytp-ce-merchandise-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-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-470.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 4px 0 12px
}

.ytp-ce-size-470.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-470.ytp-ce-bottom-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-website-title,
.ytp-ce-size-506 .ytp-ce-channel-title,
.ytp-ce-size-506 .ytp-ce-merchandise-title {
    font-size: 12px;
    line-height: 14px
}

.ytp-ce-size-506 .ytp-ce-website-goto,
.ytp-ce-size-506 .ytp-ce-merchandise-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-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-506.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 4px 0 12px
}

.ytp-ce-size-506.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-506.ytp-ce-bottom-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-website-title,
.ytp-ce-size-570 .ytp-ce-channel-title,
.ytp-ce-size-570 .ytp-ce-merchandise-title {
    font-size: 12px;
    line-height: 14px
}

.ytp-ce-size-570 .ytp-ce-website-goto,
.ytp-ce-size-570 .ytp-ce-merchandise-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-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-570.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 4px 0 12px
}

.ytp-ce-size-570.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-570.ytp-ce-bottom-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-video-title,
.ytp-ce-size-640 .ytp-ce-playlist-title {
    font-size: 13px;
    line-height: 15px;
    max-height: 30px
}

.ytp-ce-size-640 .ytp-ce-website-title,
.ytp-ce-size-640 .ytp-ce-channel-title,
.ytp-ce-size-640 .ytp-ce-merchandise-title {
    font-size: 13px;
    line-height: 15px
}

.ytp-ce-size-640 .ytp-ce-website-goto,
.ytp-ce-size-640 .ytp-ce-merchandise-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-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-640.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 8px 0 16px
}

.ytp-ce-size-640.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-640.ytp-ce-bottom-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-video-title,
.ytp-ce-size-853 .ytp-ce-playlist-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-website-title,
.ytp-ce-size-853 .ytp-ce-channel-title,
.ytp-ce-size-853 .ytp-ce-merchandise-title {
    font-size: 15px;
    line-height: 18px
}

.ytp-ce-size-853 .ytp-ce-website-goto,
.ytp-ce-size-853 .ytp-ce-merchandise-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-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-853.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 8px 0 16px
}

.ytp-ce-size-853.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-853.ytp-ce-bottom-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-video-title,
.ytp-ce-size-1280 .ytp-ce-playlist-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-website-title,
.ytp-ce-size-1280 .ytp-ce-channel-title,
.ytp-ce-size-1280 .ytp-ce-merchandise-title {
    font-size: 21px;
    line-height: 24px
}

.ytp-ce-size-1280 .ytp-ce-website-metadata,
.ytp-ce-size-1280 .ytp-ce-website-goto,
.ytp-ce-size-1280 .ytp-ce-merchandise-metadata,
.ytp-ce-size-1280 .ytp-ce-merchandise-goto,
.ytp-ce-size-1280 .ytp-ce-merchandise-price-container {
    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-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1280.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 16px 0 32px
}

.ytp-ce-size-1280.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1280.ytp-ce-bottom-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-video-title,
.ytp-ce-size-1920 .ytp-ce-playlist-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-website-title,
.ytp-ce-size-1920 .ytp-ce-channel-title,
.ytp-ce-size-1920 .ytp-ce-merchandise-title {
    font-size: 32px;
    line-height: 38px
}

.ytp-ce-size-1920 .ytp-ce-website-metadata,
.ytp-ce-size-1920 .ytp-ce-website-goto,
.ytp-ce-size-1920 .ytp-ce-merchandise-metadata,
.ytp-ce-size-1920 .ytp-ce-merchandise-goto,
.ytp-ce-size-1920 .ytp-ce-merchandise-price-container {
    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-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1920.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 24px 0 48px
}

.ytp-ce-size-1920.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1920.ytp-ce-bottom-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-unsubscribe,
.ytp-ce-size-346 .ytp-sb-subscribe,
.ytp-ce-size-426 .ytp-sb-unsubscribe,
.ytp-ce-size-426 .ytp-sb-subscribe,
.ytp-ce-size-470 .ytp-sb-unsubscribe,
.ytp-ce-size-470 .ytp-sb-subscribe,
.ytp-ce-size-506 .ytp-sb-unsubscribe,
.ytp-ce-size-506 .ytp-sb-subscribe {
    font-size: 11px;
    padding: 8px
}

.ytp-cued-thumbnail-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    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: center;
    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
}

.unstarted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hidden=true]),
.ended-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: bold;
    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
    }

    100% {
        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
    }

    100% {
        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
    }

    100% {
        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
    }

    100% {
        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
    }

    100% {
        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
    }

    100% {
        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 {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1) translateY(-25%);
        transform: scale(1) translateY(-25%)
    }
}

@keyframes grow-circle {
    from {
        -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-chapter-seek-text-legacy {
    display: none;
    width: 80%;
    margin-left: 10%;
    font-size: 18px;
    font-weight: bold;
    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=forward] .ytp-doubletap-base-arrow:nth-child(1),
.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow:nth-child(3) {
    -webkit-animation-name: arrow-fade-out-1;
    animation-name: arrow-fade-out-1
}

.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow:nth-child(2),
.ytp-doubletap-ui-legacy[data-side=back] .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=forward] .ytp-doubletap-base-arrow:nth-child(3),
.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow:nth-child(1) {
    -webkit-animation-name: arrow-fade-out-3;
    animation-name: arrow-fade-out-3
}

.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: center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 108px;
    width: 192px
}

.ytp-pause-overlay-round-corners .ytp-more-videos-view .ytp-suggestion-image {
    border-radius: 8px
}

.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: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 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: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -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) 0, transparent 100px);
    background-image: linear-gradient(to top, 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) 0, transparent 100px);
    background-image: linear-gradient(to bottom, 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: #f00;
    text-transform: uppercase
}

.ytp-cairo-refresh .ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration[data-is-live=true] {
    background: var(--yt-spec-static-overlay-background-brand, rgba(225, 0, 45, .9))
}

.ytp-shorts-mode .ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration,
.ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration:empty {
    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-rewind,
.ytp-mobile-a11y-hidden-seek-button-forward {
    width: 1px;
    height: 1px
}

.ytp-muted-autoplay-overlay,
.ytp-muted-autoplay-endscreen-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-overlay[aria-hidden=true],
.ytp-muted-autoplay-endscreen-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)
    }

    100% {
        -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)
    }

    100% {
        -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: 2px;
    bottom: 49px;
    direction: ltr;
    left: 0;
    margin: 12px;
    position: absolute;
    z-index: 41;
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0, 0, .2, 1);
    transition: opacity 1s cubic-bezier(0, 0, .2, 1)
}

.ytp-pause-overlay.ytp-pause-overlay-round-corners {
    border-radius: 12px
}

.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 .caption-window,
.ytp-expand-pause-overlay .ad-overlay {
    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-suggestions,
.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-related-title {
    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: 2px;
    font-size: 12px;
    line-height: 32px;
    padding: 0 10px;
    text-transform: uppercase
}

.ytp-pause-overlay-round-corners .ytp-pause-overlay .ytp-expand {
    border-radius: 4px
}

.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-related-on-error-overlay.ytp-scroll-max .ytp-next,
.ytp-related-on-error-overlay.ytp-scroll-min .ytp-previous,
.ytp-probably-keyboard-focus .ytp-related-on-error-overlay .ytp-next,
.ytp-probably-keyboard-focus .ytp-related-on-error-overlay .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: center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    height: 108px;
    width: 192px
}

.ytp-error-overlay-round-corners.ytp-related-on-error-overlay .ytp-suggestion-image {
    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: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -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) 0, transparent 100px);
    background-image: linear-gradient(to bottom, 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: #f00;
    text-transform: uppercase
}

.ytp-cairo-refresh .ytp-related-on-error-overlay .ytp-suggestion-link .ytp-suggestion-duration[data-is-live=true] {
    background: var(--yt-spec-error-indicator, #e1002d)
}

.ytp-related-on-error-overlay .ytp-suggestion-duration:empty {
    display: none
}

.ytp-related-on-error-overlay .ytp-suggestion-title,
.ytp-related-on-error-overlay .ytp-suggestion-author {
    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
}

.embeds-lite-endscreen {
    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
}

:not(.ytp-mweb-player) .html5-endscreen {
    cursor: default;
    overflow: hidden;
    z-index: 35
}

: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: 35
}

.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: 43;
    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-gated-actions-overlay {
    z-index: 82;
    overflow: hidden
}

.ytp-gated-actions-overlay-background {
    background: no-repeat center/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-title,
.ytp-gated-actions-overlay-subtitle {
    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: normal;
    color: rgba(255, 255, 255, .7)
}

.ytp-heat-map.ytp-progress-bar-hover:not(.ad-showing) .ytp-heat-map-container,
.ytp-heat-map.ytp-fine-scrubbing-enable: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-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-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-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: bold;
    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: bold;
    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-left: 4px solid #3ea6ff;
    border-radius: 4px;
    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-icon:empty,
.ytp-info-panel-preview-chevron: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 .ytp-caption-window-container,
#inline-preview-player .caption-window {
    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-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 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes ytp-jump-spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes ytp-jump-spin-backwards {
    from {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes ytp-jump-spin-backwards {
    from {
        -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-small-mode .ytp-large-play-button,
.ytp-dni.ytp-big-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-menu-shown .ytp-large-play-button,
.ytp-cued-thumbnail-overlay[aria-hidden=true] .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: #f00;
    fill-opacity: 1
}

.ytp-cairo-refresh .ytp-large-play-button-red-bg .ytp-large-play-button-bg {
    fill: var(--yt-spec-static-brand-red, #f03)
}

.ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg,
.ytp-cued-thumbnail-overlay:hover .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: #f00;
    fill-opacity: 1
}

.ytp-cairo-refresh .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg,
.ytp-cairo-refresh .ytp-cued-thumbnail-overlay:hover .ytp-large-play-button-bg,
.ytp-cairo-refresh .ytp-muted-autoplay-endscreen-overlay:hover .ytp-large-play-button-bg {
    fill: var(--yt-spec-static-brand-red, #f03)
}

.ytp-color-party .ytp-large-play-button.ytp-touch-device .ytp-large-play-button-bg,
.ytp-color-party .ytp-cued-thumbnail-overlay:hover .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-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-alternate-ui .ytp-progress-bar-container {
    -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: .2s cubic-bezier(.4, 0, .2, 1) .1s
}

.ytp-player-minimized.ytp-miniplayer-alternate-ui:not(.ytp-autohide):not(.ad-showing) .ytp-miniplayer-scrim,
.ytp-player-minimized.ytp-miniplayer-alternate-ui:not(.ytp-autohide):not(.ad-showing) .ytp-progress-bar-container,
.ytp-player-minimized.ytp-miniplayer-alternate-ui.unstarted-mode .ytp-miniplayer-scrim,
.ytp-player-minimized.ytp-miniplayer-alternate-ui.unstarted-mode .ytp-progress-bar-container {
    opacity: 1
}

.ytp-player-minimized.ytp-miniplayer-alternate-ui.ytp-autohide .ytp-miniplayer-scrim,
.ytp-player-minimized.ytp-miniplayer-alternate-ui.ytp-autohide .ytp-progress-bar-container,
.ytp-player-minimized.ytp-miniplayer-alternate-ui.ytp-autohide-active .ytp-miniplayer-scrim,
.ytp-player-minimized.ytp-miniplayer-alternate-ui.ytp-autohide-active .ytp-progress-bar-container {
    opacity: 0;
    pointer-events: none
}

.ytp-miniplayer-scrim:not(.ytp-miniplayer-alternate-ui):focus-within {
    opacity: 1
}

.html5-video-player.ytp-player-minimized.unstarted-mode:not(.ytp-miniplayer-alternate-ui) .ytp-miniplayer-scrim {
    opacity: 1
}

.ytp-miniplayer-scrim:not(.ytp-miniplayer-alternate-ui):hover {
    opacity: 1
}

.ytp-miniplayer-buttons {
    display: none
}

.ytp-player-minimized.ended-mode .ytp-miniplayer-buttons,
.ytp-player-minimized.ad-showing .ytp-miniplayer-buttons {
    display: block
}

.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-prev-button,
.ytp-miniplayer-ui .ytp-next-button {
    display: inline-block;
    width: 64px;
    height: 64px
}

.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: 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:not(.ytp-miniplayer-alternate-ui) .ytp-drag .ytp-exp-chapter-hover-effect,
.ytp-player-minimized:not(.ytp-miniplayer-alternate-ui) .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-effect,
.ytp-player-minimized:not(.ytp-miniplayer-alternate-ui) .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-container:hover {
    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.ytp-modern-miniplayer:not(.ytp-has-playlist-data):not(.ytp-always-showing-infobar) .ytp-progress-bar-container {
    left: 12px
}

.ytp-player-minimized.ytp-miniplayer-alternate-ui:not(.ad-showing) .ytp-miniplayer-ui .ytp-time-display {
    bottom: 12px
}

.ytp-player-minimized.ytp-miniplayer-alternate-ui:not(.ad-showing) .ytp-progress-bar-container {
    left: 12px;
    bottom: 12px
}

.ytp-player-minimized.ytp-miniplayer-alternate-ui:not(.ad-showing) .ytp-drag .ytp-exp-chapter-hover-effect,
.ytp-player-minimized.ytp-miniplayer-alternate-ui:not(.ad-showing) .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-effect,
.ytp-player-minimized.ytp-miniplayer-alternate-ui:not(.ad-showing) .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-container:hover {
    -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:not(.ad-showing):not(.ytp-miniplayer-alternate-ui) .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 .html5-main-video,
.ytp-player-minimized .ytp-miniplayer-scrim,
.ytp-player-minimized.html5-video-player:not(.ytp-modern-miniplayer) {
    border-radius: 12px 12px 0 0
}

.ytp-player-minimized.ytp-modern-miniplayer:not(.ytp-player-document-picture-in-picture):not(.ytp-always-showing-infobar) {
    border-radius: 12px
}

.ytp-player-minimized.ytp-modern-miniplayer:not(.ytp-player-document-picture-in-picture):not(.ytp-always-showing-infobar) .html5-main-video,
.ytp-player-minimized.ytp-modern-miniplayer:not(.ytp-player-document-picture-in-picture):not(.ytp-always-showing-infobar) .ytp-miniplayer-scrim,
.ytp-player-minimized.ytp-modern-miniplayer:not(.ytp-player-document-picture-in-picture):not(.ytp-always-showing-infobar) .ytp-storyboard-framepreview,
.ytp-player-minimized.ytp-modern-miniplayer:not(.ytp-player-document-picture-in-picture):not(.ytp-always-showing-infobar) .ytp-cued-thumbnail-overlay {
    overflow: hidden;
    border-radius: 12px
}

.ytp-player-minimized.ytp-modern-miniplayer.ytp-has-playlist-data:not(.ytp-player-document-picture-in-picture) {
    border-radius: 12px 12px 0 0
}

.ytp-player-minimized.ytp-modern-miniplayer.ytp-has-playlist-data:not(.ytp-player-document-picture-in-picture) .html5-main-video,
.ytp-player-minimized.ytp-modern-miniplayer.ytp-has-playlist-data:not(.ytp-player-document-picture-in-picture) .ytp-miniplayer-scrim,
.ytp-player-minimized.ytp-modern-miniplayer.ytp-has-playlist-data:not(.ytp-player-document-picture-in-picture) .ytp-storyboard-framepreview,
.ytp-player-minimized.ytp-modern-miniplayer.ytp-has-playlist-data:not(.ytp-player-document-picture-in-picture) .ytp-cued-thumbnail-overlay {
    overflow: hidden;
    border-radius: 12px 12px 0 0
}

.ytp-player-minimized.ytp-rounded-miniplayer-not-regular-wide-video:not(.ytp-modern-miniplayer) .html5-main-video {
    border-radius: 0
}

.ytp-player-minimized.ytp-player-document-picture-in-picture .ytp-miniplayer-expand-watch-page-button,
.ytp-player-minimized.ytp-player-document-picture-in-picture .ytp-miniplayer-close-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 center/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: 45;
    border-radius: 8px
}

.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-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-offline-slate-button-icon {
    display: inline-block;
    vertical-align: middle;
    height: 24px
}

.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-label,
.ytp-reminder-menu-item-icon {
    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: normal
}

.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: .25s ease-in-out right;
    transition: .25s ease-in-out right;
    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,
.ytp-player-minimized .ytp-offline-slate-premiere-trailer .ytp-offline-slate-bar {
    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
}

.html5-video-player.ended-mode .ytp-paid-content-overlay {
    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-exp-ppp-update .ytp-paid-content-overlay {
    border-radius: 0;
    bottom: auto;
    font-weight: normal;
    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-icon:empty,
.ytp-exp-ppp-update .ytp-paid-content-overlay-chevron: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-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;
    height: 40px
}

.ytp-big-mode .ytp-menuitem {
    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-label,
.ytp-menuitem-icon,
.ytp-menuitem-content,
.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 .ytp-menuitem-icon svg {
    width: 36px;
    height: 36px
}

.ytp-menuitem-label {
    font-size: 118%;
    font-weight: 500
}

.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-label,
.ytp-big-mode .ytp-menuitem-content {
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJtIDEyLjU5LDIwLjM0IDQuNTgsLTQuNTkgLTQuNTgsLTQuNTkgMS40MSwtMS40MSA2LDYgLTYsNiB6IiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==)
}

[dir=rtl] .ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJNIDE5LjQxLDIwLjA5IDE0LjgzLDE1LjUgMTkuNDEsMTAuOTEgMTgsOS41IGwgLTYsNiA2LDYgeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=)
}

.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-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-spec-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;
    height: 100%;
    padding-top: 15px
}

.ytp-menuitem-footer {
    padding-top: 5px
}

.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJNIDE5LjQxLDIwLjA5IDE0LjgzLDE1LjUgMTkuNDEsMTAuOTEgMTgsOS41IGwgLTYsNiA2LDYgeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJtIDEyLjU5LDIwLjM0IDQuNTgsLTQuNTkgLTQuNTgsLTQuNTkgMS40MSwtMS40MSA2LDYgLTYsNiB6IiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==)
}

.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-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-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-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-prev-button,
.ytp-embed.ytp-embed.ytp-embed-mobile .ytp-chrome-controls .ytp-button.ytp-next-button,
.ytp-embed.ytp-embed-mobile.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-next-button {
    display: none
}

.ytp-play-button,
.ytp-next-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-playlist-menu-button-tiny .ytp-playlist-menu-button-text,
.ytp-embed-playlist.ytp-small-mode .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-scrubber-container {
    position: absolute;
    top: -4px;
    left: -6.5px;
    z-index: 43
}

.ytp-big-mode .ytp-scrubber-container {
    top: -6px;
    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);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-scrubber-button.ytp-scrubber-button-hover,
.ytp-drag .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
}

.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-yto-preroll .ytp-scrubber-button.ytp-swatch-background-color {
    background-color: #065fd4
}

.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-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,
.ytp-drag .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-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-big-mode .ytp-scrubber-button {
    bottom: 20px;
    left: 10px
}

.ytp-scrubber-pull-indicator::before,
.ytp-scrubber-pull-indicator::after {
    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::before,
.ytp-big-mode .ytp-scrubber-pull-indicator::after {
    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-chapters-container,
.ytp-chapter-hover-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-big-mode .ytp-progress-list {
    -webkit-transform: translateY(-.5px) scaleY(.625);
    -ms-transform: translateY(-.5px) scaleY(.625);
    transform: translateY(-.5px) scaleY(.625)
}

.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,
.ytp-drag .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-drag .ytp-exp-chapter-hover-effect,
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-exp-chapter-hover-effect,
.ytp-exp-chapter-hover-container:hover,
.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-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-progress-linear-live-buffer,
.ytp-ad-progress,
.ytp-load-progress,
.ytp-play-progress,
.ytp-hover-progress,
.ytp-1m-progress,
.ytp-15m-progress,
.ytp-30m-progress,
.ytp-60m-progress,
.ytp-timed-markers-container,
.ytp-clip-start-exclude,
.ytp-clip-end-exclude {
    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-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-progress-bar-hover .ytp-timed-marker.ytp-timed-marker-hover,
.ytp-progress-bar-container:hover .ytp-timed-marker.ytp-timed-marker-hover {
    width: 9px;
    height: 3px;
    bottom: 1px
}

.ytp-progress-bar-container:hover .ytp-timed-marker {
    width: 5px;
    height: 1.67px;
    bottom: 1.5px
}

.ytp-timed-marker {
    position: absolute;
    left: 0;
    background-color: white;
    width: 3px;
    height: 3px;
    bottom: 1px;
    border-radius: 50%;
    opacity: 1
}

.ytp-clip-start-exclude,
.ytp-clip-end-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-start-enabled .ytp-clip-start-exclude,
.ytp-clip-end-enabled .ytp-clip-end-exclude {
    display: block
}

.ytp-loop-range-enabled .ytp-clip-start,
.ytp-loop-range-enabled .ytp-clip-end {
    pointer-events: none
}

.ytp-clip-hover .ytp-clip-start-exclude,
.ytp-clip-hover .ytp-clip-end-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
}

.ytp-cairo-refresh-signature-moments .ytp-play-progress {
    background: -webkit-gradient(linear, left top, right top, color-stop(80%, #f03), to(#ff2791));
    background: -webkit-linear-gradient(left, #f03 80%, #ff2791 100%);
    background: linear-gradient(to right, #f03 80%, #ff2791 100%)
}

.ypc-loaded .ytp-play-progress.ytp-swatch-background-color {
    background: #2793e6
}

.ad-interrupting .ytp-play-progress.ytp-swatch-background-color {
    background: #fc0
}

.ytp-yto-preroll .ytp-play-progress.ytp-swatch-background-color {
    background: #065fd4
}

.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-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-1m-progress,
.ytp-15m-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-start,
.ytp-clip-end {
    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-start,
.ytp-big-mode .ytp-clip-end {
    width: 21px;
    height: 21px;
    bottom: -6.5px;
    margin-left: -10.5px;
    -webkit-transform: scaleY(.238095238);
    -ms-transform: scaleY(.238095238);
    transform: scaleY(.238095238)
}

.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-clip-start,
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-clip-end,
.ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-clip-start,
.ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-clip-end,
.ytp-drag .ytp-clip-start,
.ytp-drag .ytp-clip-end {
    -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-start svg,
.ytp-clip-end svg {
    display: block
}

.ytp-progress-bar-container {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 47px;
    height: 5px
}

.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-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-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: rotateZ(30deg);
    -ms-transform: rotate(30deg);
    transform: rotateZ(30deg)
}

.ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-settings-button.ytp-hdr-quality-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-3d-badge-grey:after,
.ytp-settings-button.ytp-3d-badge:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 5px;
    height: 9px;
    width: 13px;
    background-color: #f00;
    border-radius: 1px;
    line-height: normal
}

.ytp-cairo-refresh .ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-cairo-refresh .ytp-settings-button.ytp-hdr-quality-badge:after,
.ytp-cairo-refresh .ytp-settings-button.ytp-4k-quality-badge:after,
.ytp-cairo-refresh .ytp-settings-button.ytp-5k-quality-badge:after,
.ytp-cairo-refresh .ytp-settings-button.ytp-8k-quality-badge:after,
.ytp-cairo-refresh .ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-cairo-refresh .ytp-settings-button.ytp-3d-badge:after {
    background-color: var(--yt-spec-red-indicator, #e1002d)
}

.ytp-settings-button.ytp-3d-badge-grey:after {
    background-color: #666
}

.ytp-color-white .ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-color-white .ytp-settings-button.ytp-hdr-quality-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-3d-badge-grey:after,
.ytp-color-white .ytp-settings-button.ytp-3d-badge:after {
    background-color: #ddd
}

.ytp-color-party .ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-color-party .ytp-settings-button.ytp-hdr-quality-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-3d-badge-grey:after,
.ytp-color-party .ytp-settings-button.ytp-3d-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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyA5IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbC1vcGFjaXR5PSIwLjY0NzEiIGZpbGw9IiMwMDAiIGQ9Ik01LDcgTDYsNyBMNiw4IEw1LDggTDUsNyBaIE0xMCwzIEwxMCw0IEw4LDQgTDgsMyBMMTAsMyBaIE0zLDYgTDMsNSBMNSw1IEw1LDYgTDMsNiBaIE0yLDcgTDMsNyBMMyw4IEwyLDggTDIsNyBaIE03LDcgTDEwLDcgTDEwLDggTDcsOCBMNyw3IFogTTEwLDYgTDExLDYgTDExLDcgTDEwLDcgTDEwLDYgWiIgLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik01LDcgTDUsNiBMNSw1IEwzLDUgTDMsNiBMMyw3IEwyLDcgTDIsMiBMMywyIEwzLDQgTDUsNCBMNSwyIEw2LDIgTDYsNyBMNSw3IFogTTExLDYgTDEwLDYgTDEwLDcgTDcsNyBMNywyIEwxMCwyIEwxMCwzIEwxMSwzIEwxMSw2IFogTTEwLDQgTDEwLDMgTDgsMyBMOCw0IEw4LDYgTDEwLDYgTDEwLDQgWiIgLz48L3N2Zz4=)
}

.ytp-settings-button.ytp-hdr-quality-badge:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNCA2IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Ik0zLDUgTDQsNSBMNCw2IEwzLDYgTDMsNSBaIE04LDEgTDgsMiBMNiwyIEw2LDEgTDgsMSBaIE0xLDQgTDEsMyBMMywzIEwzLDQgTDEsNCBaIE0wLDUgTDEsNSBMMSw2IEwwLDYgTDAsNSBaIE01LDUgTDgsNSBMOCw2IEw1LDYgTDUsNSBaIE04LDQgTDksNCBMOSw1IEw4LDUgTDgsNCBaIiBmaWxsLW9wYWNpdHk9IjAuNjQ3MSIgZmlsbD0iIzAwMCIgLz48cGF0aCBkPSJNMyw1IEwzLDQgTDMsMyBMMSwzIEwxLDQgTDEsNSBMMCw1IEwwLDAgTDEsMCBMMSwyIEwzLDIgTDMsMCBMNCwwIEw0LDUgTDMsNSBaIE05LDQgTDgsNCBMOCw1IEw1LDUgTDUsMCBMOCwwIEw4LDEgTDksMSBMOSw0IFogTTgsMiBMOCwxIEw2LDEgTDYsMiBMNiw0IEw4LDQgTDgsMiBaIiBmaWxsPSIjZmZmIiAvPjxwYXRoIGQ9Ik0xMywyIEwxNCwyIEwxNCwzIEwxMywzIEwxMywyIFogTTEzLDUgTDE0LDUgTDE0LDYgTDEzLDYgTDEzLDUgWiBNMTEsMyBMMTMsMyBMMTMsNCBMMTEsNCBMMTEsMyBaIE0xMCw1IEwxMSw1IEwxMSw2IEwxMCw2IEwxMCw1IFogTTExLDEgTDEzLDEgTDEzLDIgTDExLDIgTDExLDEgWiIgZmlsbC1vcGFjaXR5PSIwLjY0NzEiIGZpbGw9IiMwMDAiIC8+PHBhdGggZD0iTTE0LDMgTDE0LDUgTDEzLDUgTDEzLDQgTDEzLDMgTDE0LDMgWiBNMTEsMCBMMTMsMCBMMTMsMSBMMTEsMSBMMTEsMiBMMTMsMiBMMTMsMyBMMTEsMyBMMTEsNCBMMTEsNSBMMTAsNSBMMTAsMCBMMTEsMCBaIE0xMywwIEwxNCwwIEwxNCwyIEwxMywyIEwxMywwIFoiIGZpbGw9IiNmZmYiIC8+PC9zdmc+);
    height: 6px;
    width: 14px;
    right: 3px;
    border-style: solid;
    border-color: #f00;
    border-width: 1px
}

.ytp-settings-button.ytp-4k-quality-badge:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyA5IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbC1vcGFjaXR5PSIwLjY0NzEiIGZpbGw9IiMwMDAiIGQ9Ik0xMCw0IEwxMSw0IEwxMSw1IEwxMCw1IEwxMCw0IFogTTEwLDcgTDExLDcgTDExLDggTDEwLDggTDEwLDcgWiBNOCw1IEwxMCw1IEwxMCw2IEw4LDYgTDgsNSBaIE03LDcgTDgsNyBMOCw4IEw3LDggTDcsNyBaIE01LDYgTDYsNiBMNiw3IEw1LDcgTDUsNiBaIE00LDcgTDUsNyBMNSw4IEw0LDggTDQsNyBaIE0yLDYgTDQsNiBMNCw3IEwyLDcgTDIsNiBaIE0zLDQgTDQsNCBMNCw1IEwzLDUgTDMsNCBaIiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTExLDUgTDExLDcgTDEwLDcgTDEwLDYgTDEwLDUgTDExLDUgWiBNMTAsNSBMOCw1IEw4LDYgTDgsNyBMNyw3IEw3LDIgTDgsMiBMOCw0IEwxMCw0IEwxMCw1IFogTTQsNCBMMyw0IEwzLDUgTDQsNSBMNCw0IFogTTQsNyBMNCw2IEwyLDYgTDIsNCBMMyw0IEwzLDMgTDQsMyBMNCwyIEw1LDIgTDUsNSBMNiw1IEw2LDYgTDUsNiBMNSw3IEw0LDcgWiBNMTAsMiBMMTEsMiBMMTEsNCBMMTAsNCBMMTAsMiBaIiAvPjwvc3ZnPg==)
}

.ytp-settings-button.ytp-5k-quality-badge:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyA5IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbC1vcGFjaXR5PSIwLjY0NzEiIGZpbGw9IiMwMDAiIGQ9Ik0xMCw0IEwxMSw0IEwxMSw1IEwxMCw1IEwxMCw0IFogTTEwLDcgTDExLDcgTDExLDggTDEwLDggTDEwLDcgWiBNOCw1IEwxMCw1IEwxMCw2IEw4LDYgTDgsNSBaIE03LDcgTDgsNyBMOCw4IEw3LDggTDcsNyBaIE01LDYgTDYsNiBMNiw3IEw1LDcgTDUsNiBaIE0yLDcgTDUsNyBMNSw4IEwyLDggTDIsNyBaIE0yLDUgTDUsNSBMNSw2IEwyLDYgTDIsNSBaIiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTExLDUgTDExLDcgTDEwLDcgTDEwLDYgTDEwLDUgTDExLDUgTTEwLDUgTDgsNSBMOCw2IEw4LDcgTDcsNyBMNywyIEw4LDIgTDgsNCBMMTAsNCBMMTAsNSBNMTAsMiBMMTEsMiBMMTEsNCBMMTAsNCBMMTAsMiBNMiw2IEw1LDYgTDUsNyBMMiw3IE01LDUgTDYsNSBMNiw2IEw1LDYgTTUsNCBMMyw0IEwzLDMgTDYsMyBMNiwyIEwyLDIgTDIsNSBMNSw1IEw1LDQgWiIgLz48L3N2Zz4=)
}

.ytp-settings-button.ytp-8k-quality-badge:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyA5IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbC1vcGFjaXR5PSIwLjY0NzEiIGZpbGw9IiMwMDAiIGQ9Ik0xMCw0IEwxMSw0IEwxMSw1IEwxMCw1IEwxMCw0IFogTTEwLDcgTDExLDcgTDExLDggTDEwLDggTDEwLDcgWiBNOCw1IEwxMCw1IEwxMCw2IEw4LDYgTDgsNSBaIE03LDcgTDgsNyBMOCw4IEw3LDggTDcsNyBaIE01LDYgTDYsNiBMNiw3IEw1LDcgTDUsNiBaIE0zLDUgTDUsNSBMNSw2IEwzLDYgTDMsNSBaIE0zLDMgTDUsMyBMNSw0IEwzLDQgTDMsMyBaIE01LDQgTDYsNCBMNiw1IEw1LDUgTDUsNCBaIE0yLDQgTDMsNCBMMyw1IEwyLDUgTDIsNCBaIE0yLDYgTDMsNiBMMyw3IEwyLDcgTDIsNiBaIE0zLDcgTDUsNyBMNSw4IEwzLDggTDMsNyBaIiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZD0iTTExLDUgTDExLDcgTDEwLDcgTDEwLDYgTDEwLDUgTDExLDUgTTEwLDUgTDgsNSBMOCw2IEw4LDcgTDcsNyBMNywyIEw4LDIgTDgsNCBMMTAsNCBMMTAsNSBNMTAsMiBMMTEsMiBMMTEsNCBMMTAsNCBMMTAsMiBNMyw2IEw1LDYgTDUsNyBMMyw3IE0zLDIgTDUsMiBMNSwzIEwzLDMgTDMsMiBaIE01LDUgTDYsNSBMNiw2IEw1LDYgTDUsNSBaIE0zLDQgTDUsNCBMNSw1IEwzLDUgTDMsNCBaIE01LDMgTDYsMyBMNiw0IEw1LDQgTDUsMyBaIE0yLDUgTDMsNSBMMyw2IEwyLDYgTDIsNSBaIE0yLDMgTDMsMyBMMyw0IEwyLDQgTDIsMyBaIiAvPjwvc3ZnPg==)
}

.ytp-settings-button.ytp-3d-badge-grey:after,
.ytp-settings-button.ytp-3d-badge:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyA5IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Ik0yIDJoNHY1aC00di0xaDN2LTFoLTN2LTFoM3YtMWgtM3pNNyAyaDN2MWgtMnYzaDJ2MWgtM3pNMTAgM2gxdjNoLTF6IiBmaWxsPSIjZmZmIiAvPjxwYXRoIGQ9Ik0yIDNoM3YxaC0zek04IDNoMnYxaC0yek0yIDVoM3YxaC0zek0xMCA2aDF2MWgtMXpNMiA3aDR2MWgtNHpNNyA3aDN2MWgtM3oiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iMC42NDcxIiAvPjwvc3ZnPg==)
}

.ytp-color-white .ytp-settings-button.ytp-hd-quality-badge:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyA5IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTUsNyBMNSw2IEw1LDUgTDMsNSBMMyw2IEwzLDcgTDIsNyBMMiwyIEwzLDIgTDMsNCBMNSw0IEw1LDIgTDYsMiBMNiw3IEw1LDcgWiBNMTEsNiBMMTAsNiBMMTAsNyBMNyw3IEw3LDIgTDEwLDIgTDEwLDMgTDExLDMgTDExLDYgWiBNMTAsNCBMMTAsMyBMOCwzIEw4LDQgTDgsNiBMMTAsNiBMMTAsNCBaIiAvPjwvc3ZnPg==)
}

.ytp-color-white .ytp-settings-button.ytp-hdr-quality-badge:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNCA1IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Ik0zLDUgTDMsNCBMMywzIEwxLDMgTDEsNCBMMSw1IEwwLDUgTDAsMCBMMSwwIEwxLDIgTDMsMiBMMywwIEw0LDAgTDQsNSBMMyw1IFogTTksNCBMOCw0IEw4LDUgTDUsNSBMNSwwIEw4LDAgTDgsMSBMOSwxIEw5LDQgWiBNOCwyIEw4LDEgTDYsMSBMNiwyIEw2LDQgTDgsNCBMOCwyIFoiIGZpbGw9IiMwMDAiIC8+PHBhdGggZD0iTTE0LDMgTDE0LDUgTDEzLDUgTDEzLDQgTDEzLDMgTDE0LDMgWiBNMTMsMyBMMTEsMyBMMTEsNCBMMTEsNSBMMTAsNSBMMTAsMCBMMTEsMCBMMTEsMiBMMTMsMiBMMTMsMyBaIE0xMywxIEwxMCwxIEwxMCwwIEwxMywwIEwxNCwwIEwxNCwyIEwxMywyIEwxMywxIFoiIGZpbGw9IiMwMDAiIC8+PC9zdmc+)
}

.ytp-color-white .ytp-settings-button.ytp-4k-quality-badge:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyA5IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTExLDUgTDExLDcgTDEwLDcgTDEwLDYgTDEwLDUgTDExLDUgWiBNMTAsNSBMOCw1IEw4LDYgTDgsNyBMNyw3IEw3LDIgTDgsMiBMOCw0IEwxMCw0IEwxMCw1IFogTTQsNCBMMyw0IEwzLDUgTDQsNSBMNCw0IFogTTQsNyBMNCw2IEwyLDYgTDIsNCBMMyw0IEwzLDMgTDQsMyBMNCwyIEw1LDIgTDUsNSBMNiw1IEw2LDYgTDUsNiBMNSw3IEw0LDcgWiBNMTAsMiBMMTEsMiBMMTEsNCBMMTAsNCBMMTAsMiBaIiAvPjwvc3ZnPg==)
}

.ytp-color-white .ytp-settings-button.ytp-5k-quality-badge:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyA5IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTExLDUgTDExLDcgTDEwLDcgTDEwLDYgTDEwLDUgTDExLDUgTTEwLDUgTDgsNSBMOCw2IEw4LDcgTDcsNyBMNywyIEw4LDIgTDgsNCBMMTAsNCBMMTAsNSBNMTAsMiBMMTEsMiBMMTEsNCBMMTAsNCBMMTAsMiBNMiw2IEw1LDYgTDUsNyBMMiw3IE01LDUgTDYsNSBMNiw2IEw1LDYgTTUsNCBMMyw0IEwzLDMgTDYsMyBMNiwyIEwyLDIgTDIsNSBMNSw1IEw1LDQgWiIgLz48L3N2Zz4=)
}

.ytp-color-white .ytp-settings-button.ytp-8k-quality-badge:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyA5IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTExLDUgTDExLDcgTDEwLDcgTDEwLDYgTDEwLDUgTDExLDUgTTEwLDUgTDgsNSBMOCw2IEw4LDcgTDcsNyBMNywyIEw4LDIgTDgsNCBMMTAsNCBMMTAsNSBNMTAsMiBMMTEsMiBMMTEsNCBMMTAsNCBMMTAsMiBNMyw2IEw1LDYgTDUsNyBMMyw3IE0zLDIgTDUsMiBMNSwzIEwzLDMgTDMsMiBaIE01LDUgTDYsNSBMNiw2IEw1LDYgTDUsNSBaIE0zLDQgTDUsNCBMNSw1IEwzLDUgTDMsNCBaIE01LDMgTDYsMyBMNiw0IEw1LDQgTDUsMyBaIE0yLDUgTDMsNSBMMyw2IEwyLDYgTDIsNSBaIE0yLDMgTDMsMyBMMyw0IEwyLDQgTDIsMyBaIiAvPjwvc3ZnPg==)
}

.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMyA5IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Ik0yIDJoNHY1aC00di0xaDN2LTFoLTN2LTFoM3YtMWgtM3pNNyAyaDN2MWgtMnYzaDJ2MWgtM3pNMTAgM2gxdjNoLTF6IiBmaWxsPSIjMDAwIiAvPjwvc3ZnPg==)
}

.ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge:after,
.ytp-big-mode .ytp-settings-button.ytp-hdr-quality-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-3d-badge-grey:after,
.ytp-big-mode .ytp-settings-button.ytp-3d-badge:after {
    top: 15px;
    right: 6px;
    padding: 2px;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .6);
    background-image: none;
    border-radius: 1.5px;
    height: auto;
    width: auto
}

.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,
.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-3d-badge-grey:after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-3d-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-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-embed .ytp-settings-menu {
    bottom: 53px
}

.ytp-big-mode .ytp-settings-menu {
    right: 24px;
    bottom: 70px
}

.ytp-settings-menu .ytp-menuitem-content {
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-speedslider-component {
    height: 95px;
    outline: none
}

.ytp-speedslider-component .ytp-slider {
    height: 40px
}

.ytp-speedslider-component {
    text-align: center
}

.ytp-speedslider-component .ytp-slider-handle:before,
.ytp-speedslider-component .ytp-slider-handle:after {
    height: 5px
}

.ytp-speedslider-text {
    font-size: 150%;
    text-align: center
}

.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: normal;
    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;
    max-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:before,
.ytp-slider-handle:after {
    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-speedmaster-user-edu.ytp-speedmaster-has-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ytp-speedmaster-label,
.ytp-speedmaster-icon {
    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: 42;
    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:hover,
.ytp-webgl-spherical-control.ytp-dragging {
    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-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 {
    from {
        -webkit-transform: rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(130deg)
    }
}

@keyframes ytp-spinner-left-spin {
    from {
        -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 {
    from {
        -webkit-transform: rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-130deg)
    }
}

@keyframes ytp-right-spin {
    from {
        -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-big-boards .ytp-storyboard-framepreview-img {
    opacity: 1
}

.ytp-player-minimized .ytp-storyboard-framepreview-big-boards .ytp-storyboard-framepreview-timestamp {
    display: initial
}

.ytp-inline-preview-mode .ytp-storyboard-framepreview-big-boards .ytp-storyboard-framepreview-img {
    opacity: 1
}

.ytp-inline-preview-mode .ytp-storyboard-framepreview-big-boards .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: normal;
    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-text,
.ytp-sb-classic .ytp-sb-count {
    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==)
}

.subscribecard-endscreen .ytp-author-image {
    border-radius: 50%;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 88px;
    width: 88px
}

.subscribecard-endscreen .ytp-author-name {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px
}

.subscribecard-endscreen .ytp-subscribe-card {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0, 0, 0, .85);
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 10px;
    max-width: 400px;
    padding: 10px
}

.subscribecard-endscreen .ytp-subscribe-card-right {
    float: left;
    margin-left: 15px
}

.caption-window {
    position: absolute;
    line-height: normal;
    z-index: 40;
    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)
}

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

.html5-video-player .caption-window.ytp-dragging,
.html5-video-player.ytp-ad-overlay-open .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 svg,
.caption-window .ytp-icon {
    width: 48px;
    height: 48px;
    vertical-align: bottom;
    display: inline-block;
    max-width: 1em;
    max-height: 1em
}

.ytp-embed .caption-window svg,
.ytp-embed .caption-window .ytp-icon {
    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:hover .caption-edit,
.ytp-caption-window-rollup .caption-edit:hover {
    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)
}

.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-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-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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjM2IiBmaWxsPSIjZmZmIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiAvPjxwYXRoIGQ9Ik0xOCA2aC0yYzAtMi4yMS0xLjc5LTQtNC00UzggMy43OSA4IDZINmMtMS4xIDAtMiAuOS0yIDJ2MTJjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlY4YzAtMS4xLS45LTItMi0yem0tNi0yYzEuMSAwIDIgLjkgMiAyaC00YzAtMS4xLjktMiAyLTJ6bTYgMTZINlY4aDJ2MmMwIC41NS40NSAxIDEgMXMxLS40NSAxLTFWOGg0djJjMCAuNTUuNDUgMSAxIDFzMS0uNDUgMS0xVjhoMnYxMnoiIC8+PC9zdmc+);
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.ytp-suggested-action-badge-title {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-left: 6px;
    margin-right: 6px;
    cursor: pointer
}

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

: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-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-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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgZmlsbD0iI2ZmZiI+PGc+PHBhdGggZD0iTTE2LjI0LDkuMTdMMTMuNDEsMTJsMi44MywyLjgzbC0xLjQxLDEuNDFMMTIsMTMuNDFsLTIuODMsMi44M2wtMS40MS0xLjQxTDEwLjU5LDEyTDcuNzYsOS4xN2wxLjQxLTEuNDFMMTIsMTAuNTkgbDIuODMtMi44M0wxNi4yNCw5LjE3eiBNNC45Myw0LjkzYy0zLjkxLDMuOTEtMy45MSwxMC4yNCwwLDE0LjE0YzMuOTEsMy45MSwxMC4yNCwzLjkxLDE0LjE0LDBjMy45MS0zLjkxLDMuOTEtMTAuMjQsMC0xNC4xNCBDMTUuMTcsMS4wMiw4LjgzLDEuMDIsNC45Myw0LjkzeiBNMTguMzYsNS42NGMzLjUxLDMuNTEsMy41MSw5LjIyLDAsMTIuNzNzLTkuMjIsMy41MS0xMi43Mywwcy0zLjUxLTkuMjIsMC0xMi43MyBDOS4xNSwyLjEzLDE0Ljg1LDIuMTMsMTguMzYsNS42NHoiIC8+PC9nPjwvc3ZnPg==);
    -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-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-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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiIGZpbGw9IiNmZmYiIC8+PC9zdmc+);
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA0OCA0OCIgdmVyc2lvbj0iMS4xIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMCAwaDQ4djQ4SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik0zOCAzOEgxMFYxMGgxNFY2SDEwYy0yLjIxIDAtNCAxLjc5LTQgNHYyOGMwIDIuMjEgMS43OSA0IDQgNGgyOGMyLjIxIDAgNC0xLjc5IDQtNFYyNGgtNHYxNHpNMjggNnY0aDcuMTdMMTUuNTEgMjkuNjZsMi44MyAyLjgzTDM4IDEyLjgzVjIwaDRWNkgyOHoiIC8+PC9zdmc+);
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA0OCA0OCIgdmVyc2lvbj0iMS4xIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMCAwaDQ4djQ4SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik0yMiAzNGg0VjIyaC00djEyem0yLTMwQzEyLjk1IDQgNCAxMi45NSA0IDI0czguOTUgMjAgMjAgMjAgMjAtOC45NSAyMC0yMFMzNS4wNSA0IDI0IDR6bTAgMzZjLTguODIgMC0xNi03LjE4LTE2LTE2UzE1LjE4IDggMjQgOHMxNiA3LjE4IDE2IDE2LTcuMTggMTYtMTYgMTZ6bS0yLTIyaDR2LTRoLTR2NHoiIC8+PC9zdmc+);
    height: 18px;
    width: 18px;
    margin-right: 8px;
    opacity: .8;
    aspect-ratio: 1
}

.ytp-featured-product-overflow-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9Ii01IC01IDM2IDM2Ij48cGF0aCBkPSJNMTIgOGMxLjEgMCAyLS45IDItMnMtLjktMi0yLTItMiAuOS0yIDIgLjkgMiAyIDJ6bTAgMmMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDIgMi0uOSAyLTItLjktMi0yLTJ6bTAgNmMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDIgMi0uOSAyLTItLjktMi0yLTJ6IiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==);
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTIzLTI0MC00My00MyAyOTItMjkxIDE2NyAxNjcgMjQxLTI0MUg2NTN2LTYwaDIyN3YyMjdoLTU5di0xMjNMNTM4LTMyMSAzNzEtNDg4IDEyMy0yNDBaIiAvPjwvc3ZnPg==);
    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-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-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-small-mode .ytp-time-display,
.ytp-embed .ytp-time-display {
    line-height: 39px
}

.ytp-big-mode .ytp-time-display {
    line-height: 53px
}

.ytp-time-display.ytp-xs-mono-button-style {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    line-height: 24px;
    font-weight: 500
}

.ytp-volume-slider-active .ytp-time-display-allow-autohide {
    display: none
}

.ytp-xs-mono-button-style .ytp-time-wrapper {
    height: 24px;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 12px;
    padding: 0 8px
}

.ytp-time-current,
.ytp-time-separator,
.ytp-time-duration {
    color: #ddd
}

.ytp-live .ytp-time-current,
.ytp-live .ytp-time-separator,
.ytp-live .ytp-time-duration {
    display: none
}

.ytp-chrome-controls .ytp-live-badge,
.ytp-small-mode .ytp-chrome-controls .ytp-live-badge,
.ytp-big-mode .ytp-chrome-controls .ytp-live-badge {
    display: none;
    width: auto;
    text-transform: uppercase
}

.ytp-chrome-controls .ytp-live .ytp-live-badge,
.ytp-big-mode .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-live-badge[disabled]:before {
    background: #f00
}

.ytp-cairo-refresh .ytp-live-badge[disabled]:before {
    background: var(--yt-spec-static-overlay-background-brand, rgba(225, 0, 45, .9))
}

.ytp-time-display.ytp-clip {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ytp-time-clip-icon,
.ytp-clip-watch-full-video-button-separator,
.ytp-clip-watch-full-video-button {
    display: none
}

.ytp-clip .ytp-time-clip-icon,
.ytp-clip .ytp-clip-watch-full-video-button-separator,
.ytp-clip .ytp-clip-watch-full-video-button {
    display: inline
}

.ytp-time-clip-icon {
    margin-left: 16px;
    margin-right: 5px
}

.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: bold
}

.ytp-clip-watch-full-video-button {
    cursor: pointer;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis
}

.ytp-small-mode .ytp-clip-watch-full-video-button-separator,
.ytp-small-mode .ytp-clip-watch-full-video-button {
    display: none
}

.ytp-embed .ytp-chrome-controls .ytp-live .ytp-live-badge {
    width: auto
}

span.ytp-title-channel-name,
.ytp-no-link {
    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-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-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-spec-static-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: #f00
}

.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-cairo-refresh .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox {
    background: var(--yt-spec-red-indicator, #e1002d)
}

.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=)
}

.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-tooltip {
    position: absolute;
    z-index: 1003;
    font-size: 118%;
    font-weight: 500;
    line-height: 15px;
    opacity: 0;
    -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-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 {
    width: 312px
}

.ytp-tooltip.ytp-rounded-tooltip:not(.ytp-preview) .ytp-tooltip-text {
    border-radius: 4px
}

.ytp-tooltip.ytp-rounded-tooltip.ytp-preview:not(.ytp-text-detail),
.ytp-tooltip.ytp-rounded-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bg {
    border-radius: 8px
}

.ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview {
    border-radius: 12px
}

.ytp-tooltip.ytp-rounded-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bg {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.ytp-big-mode .ytp-tooltip.ytp-text-detail.ytp-preview {
    width: 457px
}

.ytp-tooltip-text-wrapper {
    border-radius: 3px;
    float: right
}

.ytp-rounded-tooltip .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 {
    padding: 0 9px;
    margin: 4px 0;
    overflow: hidden;
    max-height: 46px;
    max-width: 130px
}

.ytp-big-mode .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text-wrapper {
    margin: 6px 0;
    max-height: 69px;
    max-width: 195px
}

.ytp-tooltip-text {
    display: block;
    background-color: rgba(28, 28, 28, .9);
    border-radius: 2px;
    padding: 5px 9px
}

.ytp-tooltip-opaque .ytp-tooltip-text {
    background-color: rgb(28, 28, 28)
}

.ytp-tooltip.ytp-preview .ytp-tooltip-text {
    display: inline;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ytp-tooltip-image-enabled .ytp-tooltip-text {
    padding-left: 34px
}

.ytp-big-mode .ytp-tooltip-image-enabled .ytp-tooltip-text {
    padding-left: 45px
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-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-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-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
}

.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: left;
    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;
    background-color: none;
    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-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-text {
    top: 65px
}

.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-bigboards .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu {
    text-align: center
}

.ytp-bigboards.ytp-player-minimized .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text,
.ytp-bigboards.ytp-inline-preview-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text {
    top: -4px
}

.ytp-bigboards.ytp-player-minimized .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title,
.ytp-bigboards.ytp-inline-preview-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title {
    top: -4px
}

.ytp-bigboards.ytp-player-minimized .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu,
.ytp-bigboards.ytp-inline-preview-mode .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
}

.ytp-big-mode .ytp-unmute-inner {
    padding-left: 5px;
    padding-right: 18px
}

.ytp-unmute-icon {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle
}

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

    100% {
        width: 100%
    }
}

@keyframes ytp-unmute-width-anim {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes ytp-unmute-alpha-anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ytp-unmute-alpha-anim {
    0% {
        opacity: 0
    }

    100% {
        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: 38
}

.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-header,
.ytp-player-minimized .ytp-upnext .ytp-upnext-title,
.ytp-player-minimized .ytp-upnext .ytp-upnext-author {
    text-align: left;
    margin-bottom: 4px
}

.ytp-player-minimized .ytp-upnext .ytp-upnext-header,
.ytp-player-minimized .ytp-upnext .ytp-upnext-author {
    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-now-playing,
.ytp-video-menu-item-index {
    padding-right: 9px;
    min-width: 10px;
    height: 44px;
    line-height: 44px;
    float: left
}

.ytp-big-mode .ytp-video-menu-item-now-playing,
.ytp-big-mode .ytp-video-menu-item-index {
    padding-right: 13px;
    height: 66px;
    line-height: 66px
}

.ytp-video-menu-item-now-playing {
    display: none;
    color: #f00
}

.ytp-cairo-refresh .ytp-video-menu-item-now-playing {
    color: var(--yt-spec-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 #f00;
    background-position: 0 -6px;
    -webkit-background-size: 64px 48px;
    background-size: 64px 48px
}

.ytp-cairo-refresh .ytp-video-menu-item-thumbnail {
    border-color: var(--yt-spec-static-brand-red, #f03)
}

.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-regular,
.ytp-videowall-still-listlabel-mix {
    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-regular,
.ytp-videowall-still-mini .ytp-videowall-still-listlabel-mix {
    font-size: 100%
}

.ytp-videowall-still-listlabel-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSI+PHVzZSB4bGluazpocmVmPSIjeXRwLXN2Zy1wbGF5bGlzdCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iLjE1IiBzdHJva2Utd2lkdGg9IjJweCIgLz48cGF0aCBkPSJtIDIyLjUzLDIxLjQyIDAsNi44NSA1LjY2LC0zLjQyIC01LjY2LC0zLjQyIDAsMCB6IG0gLTExLjMzLDAgOS4wNiwwIDAsMi4yOCAtOS4wNiwwIDAsLTIuMjggMCwwIHogbSAwLC05LjE0IDEzLjYsMCAwLDIuMjggLTEzLjYsMCAwLC0yLjI4IDAsMCB6IG0gMCw0LjU3IDEzLjYsMCAwLDIuMjggLTEzLjYsMCAwLC0yLjI4IDAsMCB6IiBpZD0ieXRwLXN2Zy1wbGF5bGlzdCIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
    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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSI+PHVzZSB4bGluazpocmVmPSIjeXRwLXN2Zy1taXgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9Ii4xNSIgc3Ryb2tlLXdpZHRoPSIycHgiIC8+PHBhdGggaWQ9Inl0cC1zdmctbWl4IiBkPSJNMjUuNjUsMTggQzI1LjYzLDIwLjMxIDI0Ljc4LDIyLjQxIDIzLjQsMjQuMDYgTDI0LjMsMjUgQzI1Ljk5LDIzLjIwIDI3LDIwLjczIDI3LDE4IEMyNywxNS4yNyAyNS45OSwxMi43OSAyNC4zLDExIEwyMy40LDExLjkzIEMyNC43OCwxMy41OCAyNS42MywxNS42OCAyNS42NSwxOCBaIE0xMC4zNSwxOCBDMTAuMzYsMTUuNjggMTEuMjEsMTMuNTggMTIuNiwxMS45MyBMMTEuNywxMSBDMTAuMDAsMTIuNzkgOSwxNS4yNyA5LDE4IEM5LDIwLjczIDEwLjAwLDIzLjIwIDExLjcsMjUgTDEyLjYsMjQuMDYgQzExLjIxLDIyLjQxIDEwLjM2LDIwLjMxIDEwLjM1LDE4IFogTTEzLjA1LDE4IEMxMy4wMSwxNi4yNyAxMy41NCwxNC45MSAxNC40LDEzLjggTDEzLjUsMTIuODYgQzEyLjM3LDE0LjEyIDExLjcsMTUuODUgMTEuNywxOCBDMTEuNywxOS42NyAxMi4zNywyMS40MCAxMy41LDIyLjY2IEwxNC40LDIxLjczIEMxMy41NCwyMC42MSAxMy4wMSwxOS4yNiAxMy4wNSwxOCBaIE0yMi4wNSwxMi44NiBMMjEuMTUsMTMuOCBDMjIuMDAsMTQuOTEgMjIuNTMsMTYuMjcgMjIuNSwxOCBDMjIuNTMsMTkuMjYgMjIuMDAsMjAuNjEgMjEuMTUsMjEuNzMgTDIyLjA1LDIyLjY2IEMyMy4xNywyMS40MCAyMy44NSwxOS42NyAyMy44NSwxOCBDMjMuODUsMTUuODUgMjMuMTcsMTQuMTIgMjIuMDUsMTIuODYgWiBNMTYuNSwxNS42NiBMMjAuMSwxNy41MyBMMTYuNSwxOS44NiBMMTYuNSwxNS42NiBaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==);
    width: 2.15em;
    height: 2.15em
}

.ytp-videowall-still-listlabel-length {
    font-weight: normal
}

.ytp-videowall-still-mini .ytp-videowall-still-listlabel-length {
    display: none
}

.ytp-videowall-still:hover .ytp-videowall-still-listlabel-regular,
.ytp-videowall-still:focus .ytp-videowall-still-listlabel-regular,
.ytp-videowall-still:hover .ytp-videowall-still-listlabel-mix,
.ytp-videowall-still:focus .ytp-videowall-still-listlabel-mix {
    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: center;
    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) 0, transparent 100px);
    background-image: linear-gradient(to bottom, 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:focus .ytp-videowall-still-info-content,
.ytp-videowall-still:hover .ytp-videowall-still-info-content,
.ytp-videowall-still.ytp-videowall-show-text .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: #f00;
    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-cairo-refresh .ytp-videowall-still-info-live {
    background: var(--yt-spec-static-overlay-background-brand, rgba(225, 0, 45, .9))
}

.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: normal;
    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-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-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-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-big-mode .ytp-volume-slider-handle {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    margin-top: -9px
}

.ytp-volume-slider-handle:before,
.ytp-volume-slider-handle:after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    height: 3px;
    margin-top: -2px;
    width: 64px
}

.ytp-big-mode .ytp-volume-slider-handle:before,
.ytp-big-mode .ytp-volume-slider-handle:after {
    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-small-mode .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-dni.ytp-embed .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-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;
    margin: 16px
}

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

.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-drawer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 350px;
    text-align: center;
    overflow: hidden;
    z-index: 46;
    -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: 35
}

.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: normal
}

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