div.sticky-banner.svelte-176s0pu.svelte-176s0pu {

    background-color: #fff;

    box-shadow: 0 0 5px #0003;

    bottom: 0;

    left: 0;

    padding-top: 3px;

    padding-bottom: 2px;

    position: fixed;

    visibility: hidden;

    width: 100%;

    z-index: 99

}



div.sticky-banner.active.svelte-176s0pu.svelte-176s0pu {

    visibility: visible

}



div.sticky-banner.svelte-176s0pu div#sticky-banner-close.svelte-176s0pu {

    bottom: 0;

    position: relative;

    text-align: right;

    width: 100%

}



div.sticky-banner.svelte-176s0pu div#sticky-banner-close button.svelte-176s0pu {

    background-color: #fff;

    border-style: none;

    border-radius: 8px 8px 0 0;

    box-shadow: 0 -1px 1px #0003;

    display: flex;

    justify-content: center;

    outline: none;

    position: absolute;

    right: 8px;

    top: -32px;

    width: 32px

}



div.sticky-banner.svelte-176s0pu div#sticky-banner-close button.svelte-176s0pu:hover {

    cursor: pointer

}



div.sticky-banner.svelte-176s0pu div#gpx-sticky-banner.svelte-176s0pu {

    height: var(--sticky-banner-height-mobile);

    margin: 0 auto;

    overflow: hidden;

    position: relative;

    text-align: center;

    width: 100%;

    z-index: 9

}



@media screen and (min-width: 728px) and (max-width: 1280px) and (min-height: 500px) {

    div.sticky-banner.svelte-176s0pu div#gpx-sticky-banner.svelte-176s0pu {

        height: var(--sticky-banner-height)

    }

}



@media screen and (min-width: 1280px) and (min-height: 500px) {

    div.sticky-banner.svelte-176s0pu div#gpx-sticky-banner.svelte-176s0pu {

        height: var(--sticky-banner-height)

    }

}



div.search-input.svelte-1csq6dk.svelte-1csq6dk {

    align-items: center;

    display: flex;

    padding: 0 8px;

    position: relative;

    margin: 0 auto;

    width: 300px

}



div.search-input.svelte-1csq6dk input.svelte-1csq6dk {

    background-color: var(--color-secondary);

    background-image: linear-gradient(to bottom, #03449e -8%, #1160c6 122%);

    border: solid 1px rgba(151, 151, 151, .16);

    border-radius: 20px;

    box-shadow: 0 2px 3px #224b8c42, 0 2px 5px #ffffff0f, inset 0 4px 7px #000e3685;

    color-scheme: dark;

    display: flex;

    font-size: 16px;

    height: 42px;

    margin: 0;

    outline: 0;

    padding: 8px 16px 8px 48px;

    width: 100%;

    -webkit-tap-highlight-color: transparent

}



div.search-input.svelte-1csq6dk input.svelte-1csq6dk::placeholder {

    color: var(--color-info);

    opacity: 1

}



div.search-input.svelte-1csq6dk.svelte-1csq6dk.shake {

    animation: shaking 1s forwards;

    animation-iteration-count: 1

}



@keyframes shaking {

    0%, 50%, 80%, to {

        transform: translate(0)

    }

    20% {

        transform: translate(10px)

    }

    40% {

        transform: translate(-20px)

    }

    60% {

        transform: translate(-10px)

    }

}



@media (min-width: 0px) and (max-width: 599.95px) {

    div.search-input.svelte-1csq6dk.svelte-1csq6dk {

        width: auto

    }

}



@media (min-width: 1024px) {

    div.search-input.svelte-1csq6dk.svelte-1csq6dk {

        width: 400px

    }

}



@media (min-width: 1920px) {

    div.search-input.svelte-1csq6dk.svelte-1csq6dk {

        width: 460px

    }

}



div.item.svelte-sseg5c.svelte-sseg5c {

    margin-bottom: 16px;

    width: 33.3%

}



div.item.svelte-sseg5c div.header.svelte-sseg5c {

    padding: 0 8px;

    position: relative

}



div.item.svelte-sseg5c div.header .search-title.svelte-sseg5c {

    background-image: linear-gradient(to bottom, rgba(11, 33, 103, 0), rgba(11, 33, 103, .8) 80%);

    border-radius: 0 0 10px 10px;

    bottom: -2px;

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    overflow: hidden;

    padding: 20% 0 6px;

    position: absolute;

    text-shadow: var(--color-info) 1px 0 16px;

    text-align: center;

    text-overflow: ellipsis;

    white-space: normal;

    width: 0;

    z-index: 1

}



div.item.svelte-sseg5c div.header:hover .search-title.svelte-sseg5c {

    opacity: 1;

    width: calc(100% - 16px)

}



@media (min-width: 0px) and (max-width: 599.95px) {

    div.item.svelte-sseg5c.svelte-sseg5c {

        width: 50%

    }

}



@media (min-width: 1024px) {

    div.item.svelte-sseg5c.svelte-sseg5c {

        width: 25%

    }

}



div.search-results.svelte-1l36pvh.svelte-1l36pvh {

    color: var(--color-info);

    margin: 0;

    padding: 0 2.5%;

    z-index: 9

}



div.search-results.svelte-1l36pvh h4.svelte-1l36pvh {

    font-size: 18px;

    margin: 8px 0;

    padding-left: 24px

}



div.search-results.svelte-1l36pvh div.results-content.svelte-1l36pvh {

    background: var(--color-secondary);

    border: 1px solid var(--color-tertiary);

    box-shadow: #00000040 0 14px 28px, #00000038 0 10px 10px;

    color: var(--color-info);

    max-width: 95%;

    overflow-y: scroll;

    scrollbar-width: none;

    -ms-overflow-style: none

}



div.search-results.svelte-1l36pvh div.results-content.header.svelte-1l36pvh {

    align-items: center;

    display: flex;

    border-radius: 16px 16px 0 0;

    border-bottom: 0;

    height: 64px;

    justify-content: space-between;

    margin: 8px auto 0

}



div.search-results.svelte-1l36pvh div.results-content.svelte-1l36pvh:not(.header) {

    border-radius: 0 0 16px 16px;

    border-top: 0;

    margin: 0 auto;

    max-height: calc(100vh - var(--header-height) - 80px)

}



div.search-results.svelte-1l36pvh div.results-content.svelte-1l36pvh::-webkit-scrollbar {

    display: none

}



div.search-results.svelte-1l36pvh div.results-content div.items-footer.svelte-1l36pvh {

    text-align: center;

    padding: 16px 0 32px;

    width: 100%

}



div.search-results.svelte-1l36pvh div.items.svelte-1l36pvh {

    display: flex;

    flex-wrap: wrap;

    padding: 16px

}



div.search-results.header.svelte-1l36pvh.svelte-1l36pvh {

    background: rgba(0, 0, 0, .6);

    height: calc(100vh - var(--header-height) + 8px);

    left: 0;

    padding: 0;

    position: fixed;

    right: 0;

    top: var(--header-height);

    width: 100%

}



@media (min-width: 1024px) {

    div.search-results.svelte-1l36pvh div.results-content.svelte-1l36pvh {

        max-height: calc(100vh - var(--header-height) - 50px);

        max-width: 800px

    }

}



@media (min-width: 1200px) {

    div.search-results.svelte-1l36pvh div.results-content.svelte-1l36pvh {

        max-width: 900px

    }

}



header.svelte-14w8umz.svelte-14w8umz {

    background-color: #0d3d92f2;

    display: flex;

    flex: 0 1 auto;

    flex-direction: column;

    margin: 0;

    padding-right: 0;

    padding-left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999

}



header.svelte-14w8umz div.header-content.svelte-14w8umz {

    align-items: center;

    border-radius: 8px;

    box-shadow: 0 2px 4px -1px #0003, 0 4px 5px #00000024, 0 1px 10px #0000001f;

    display: flex;

    height: var(--header-height);

    position: relative

}



header.svelte-14w8umz div.header-content div.header-menu-button.svelte-14w8umz {

    z-index: 1

}



header.svelte-14w8umz div.header-content div.header-menu-button button.menu.svelte-14w8umz, header.svelte-14w8umz div.header-content div.header-menu-button button.menu-mobile.svelte-14w8umz {

    align-items: center;

    display: flex;

    background: transparent;

    border: navajowhite;

    justify-content: center;

    margin: 0;

    padding: 0 0 0 8px

}



header.svelte-14w8umz div.header-content div.header-logo.svelte-14w8umz {

    align-items: center;

    background: inherit;

    display: flex;

    height: 100%;

    padding: 0 0 0 32px;

    position: relative;

    z-index: 2

}



header.svelte-14w8umz div.header-content div.header-logo a.svelte-14w8umz {

    display: flex

}



header.svelte-14w8umz div.header-content div.header-logo a img.svelte-14w8umz {

    display: none;

    height: 40px;

    width: auto

}



header.svelte-14w8umz div.header-content div.search-content.svelte-14w8umz {

    left: calc(var(--side-menu-width-collapsed) / 2);

    position: absolute;

    width: 100%

}



@media (min-width: 0px) and (max-width: 500px) {

    header.svelte-14w8umz div.header-content div.search-content.svelte-14w8umz {

        left: 0;

        position: relative;

        width: auto

    }

}



@media (min-width: 0px) and (max-width: 900px) {

    header.svelte-14w8umz div.header-content div.header-menu-button button.menu.svelte-14w8umz {

        display: none

    }



    header.svelte-14w8umz div.header-content div.header-menu-button button.menu-mobile.svelte-14w8umz {

        display: flex

    }



    header.svelte-14w8umz div.header-content div.header-logo.svelte-14w8umz {

        padding: 0 0 0 8px

    }



    header.svelte-14w8umz div.header-content div.header-logo img.mobile.svelte-14w8umz {

        display: inline-flex

    }

}



@media (min-width: 901px) {

    header.svelte-14w8umz div.header-content div.header-menu-button button.menu-mobile.svelte-14w8umz {

        display: none

    }



    header.svelte-14w8umz div.header-content div.header-logo.svelte-14w8umz {

        padding: 0 40px 0 32px

    }



    header.svelte-14w8umz div.header-content div.header-logo img.desktop.svelte-14w8umz {

        display: inline-flex

    }

}



@media (min-width: 1024px) {

    header.svelte-14w8umz div.header-content div.header-logo.svelte-14w8umz {

        padding: 0 0 0 24px

    }

}



@media (min-width: 1920px) {

    header.svelte-14w8umz div.header-content div.search-content.svelte-14w8umz {

        left: calc(var(--side-menu-width) / 2)

    }



    header.svelte-14w8umz div.header-content div.header-logo.svelte-14w8umz {

        padding: 0 24px

    }

}



div.item.svelte-4oql5o.svelte-4oql5o {

    align-items: center;

    color: var(--color-info);

    display: flex;

    font-size: 16px;

    font-weight: 400;

    height: 40px;

    text-decoration: none;

    padding: 0 8px 0 16px;

    position: relative;

    white-space: nowrap;

    width: var(--side-menu-width)

}



div.item.svelte-4oql5o.svelte-4oql5o:hover {

    cursor: pointer

}



div.item.svelte-4oql5o:hover span.svelte-4oql5o {

    font-weight: 700;

    text-shadow: var(--color-secondary) 1px 0 16px

}



div.item.active.svelte-4oql5o.svelte-4oql5o {

    color: var(--color-success)

}



div.item.active.svelte-4oql5o.svelte-4oql5o:before {

    content: "";

    background: var(--color-success);

    box-shadow: var(--color-success) 2px 0 8px 0;

    height: 100%;

    position: absolute;

    left: 0;

    width: 2px

}



div.item.small.svelte-4oql5o.svelte-4oql5o {

    font-size: 14px;

    opacity: .4;

    height: 32px;

    padding: 0 8px;

    width: auto

}



aside.svelte-rmau92.svelte-rmau92 {

    height: 100%;

    left: 0;

    overflow: hidden auto;

    position: fixed;

    top: 0;

    z-index: 9

}



aside.svelte-rmau92 div.menu.svelte-rmau92 {

    background-color: var(--color-background);

    overflow-x: hidden;

    overflow-y: scroll;

    padding-bottom: 16px;

    padding-top: calc(var(--header-height) + 8px);

    width: var(--side-menu-width-collapsed);

    scrollbar-width: none;

    -ms-overflow-style: none;

    transition: width .3s ease-in-out

}



aside.svelte-rmau92 div.menu hr.svelte-rmau92 {

    border: 0;

    border-bottom: 1px solid rgba(255, 255, 255, .062745098);

    margin-left: 8px

}



aside.svelte-rmau92 div.menu div.footer.svelte-rmau92 {

    display: flex;

    flex-wrap: wrap;

    padding: 16px 0 16px 8px;

    width: var(--side-menu-width)

}



aside.svelte-rmau92 div.menu div.footer p.svelte-rmau92 {

    color: var(--color-tertiary);

    font-size: 12px;

    padding-left: 8px;

    width: max-content

}



aside.svelte-rmau92 div.menu.svelte-rmau92::-webkit-scrollbar {

    display: none

}



div.backdrop.svelte-rmau92.svelte-rmau92 {

    display: none;

    background: rgba(0, 0, 0, .6);

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 8

}



@media (min-width: 0px) and (max-width: 900px) {

    aside.svelte-rmau92 div.menu.svelte-rmau92 {

        width: 0

    }



    aside.mobile-open.svelte-rmau92 div.menu.svelte-rmau92 {

        border-right: 1px solid var(--color-secondary);

        width: var(--side-menu-width)

    }



    aside.svelte-rmau92.svelte-rmau92:not(.mobile-open) {

        width: 0

    }



    div.backdrop.mobile-open.svelte-rmau92.svelte-rmau92 {

        display: block

    }

}



@media (min-width: 901px) {

    aside.svelte-rmau92 div.menu.svelte-rmau92 {

        width: 0

    }



    aside.svelte-rmau92 div.menu div.footer.svelte-rmau92 {

        margin-left: 40px;

        transition: margin-left .1s ease-in

    }



    aside.open.svelte-rmau92 div.menu.svelte-rmau92 {

        border-right: 1px solid var(--color-secondary);

        width: var(--side-menu-width-collapsed)

    }



    aside.open.svelte-rmau92:hover div.menu.svelte-rmau92 {

        width: var(--side-menu-width)

    }



    aside.open.svelte-rmau92:hover div.menu div.footer.svelte-rmau92 {

        margin-left: 0

    }

}



@media (min-width: 1024px) {

    aside.mobile.svelte-rmau92 div.menu.svelte-rmau92 {

        width: 0

    }



    aside.mobile.mobile-open.svelte-rmau92 div.menu.svelte-rmau92 {

        width: var(--side-menu-width)

    }

}



@media (min-width: 1920px) {

    aside.svelte-rmau92 div.menu.svelte-rmau92 {

        height: 100%;

        width: 0

    }



    aside.svelte-rmau92 div.menu div.footer.svelte-rmau92 {

        margin-left: 0

    }



    aside.open.svelte-rmau92 div.menu.svelte-rmau92 {

        border-right: 1px solid var(--color-secondary);

        width: var(--side-menu-width)

    }

}



@font-face {

    font-family: Nunito;

    font-style: normal;

    font-display: swap;

    font-weight: 400;

    src: url(./nunito-cyrillic-ext-400-normal.29a4d00e.woff2) format("woff2"), url(./nunito-cyrillic-ext-400-normal.1d745188.woff) format("woff");

    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F

}



@font-face {

    font-family: Nunito;

    font-style: normal;

    font-display: swap;

    font-weight: 400;

    src: url(./nunito-cyrillic-400-normal.ce5142e3.woff2) format("woff2"), url(./nunito-cyrillic-400-normal.97bcb68f.woff) format("woff");

    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116

}



@font-face {

    font-family: Nunito;

    font-style: normal;

    font-display: swap;

    font-weight: 400;

    src: url(./nunito-vietnamese-400-normal.7ed3b3e7.woff2) format("woff2"), url(./nunito-vietnamese-400-normal.75527a88.woff) format("woff");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB

}



@font-face {

    font-family: Nunito;

    font-style: normal;

    font-display: swap;

    font-weight: 400;

    src: url(../fonts/nunito-latin-ext-400-normal.a8aed46d.woff2) format("woff2"), url(../fonts/nunito-latin-ext-400-normal.2ab34252.woff) format("woff");

    unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF

}



@font-face {

    font-family: Nunito;

    font-style: normal;

    font-display: swap;

    font-weight: 400;

    src: url(../fonts/nunito-latin-400-normal.5e2f97ea.woff2) format("woff2"), url(../fonts/nunito-latin-400-normal.a83a13e0.woff) format("woff");

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD

}



@font-face {

    font-family: Nunito;

    font-style: normal;

    font-display: swap;

    font-weight: 700;

    src: url(./nunito-cyrillic-ext-700-normal.926ccc34.woff2) format("woff2"), url(./nunito-cyrillic-ext-700-normal.f93e9880.woff) format("woff");

    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F

}



@font-face {

    font-family: Nunito;

    font-style: normal;

    font-display: swap;

    font-weight: 700;

    src: url(./nunito-cyrillic-700-normal.d728ba43.woff2) format("woff2"), url(./nunito-cyrillic-700-normal.aefb04a6.woff) format("woff");

    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116

}



@font-face {

    font-family: Nunito;

    font-style: normal;

    font-display: swap;

    font-weight: 700;

    src: url(./nunito-vietnamese-700-normal.cd106164.woff2) format("woff2"), url(./nunito-vietnamese-700-normal.03206358.woff) format("woff");

    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB

}



@font-face {

    font-family: Nunito;

    font-style: normal;

    font-display: swap;

    font-weight: 700;

    src: url(../fonts/nunito-latin-ext-700-normal.3ea0b8a2.woff2) format("woff2"), url(../fonts/nunito-latin-ext-700-normal.4fbf9bd1.woff) format("woff");

    unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF

}



@font-face {

    font-family: Nunito;

    font-style: normal;

    font-display: swap;

    font-weight: 700;

    src: url(../fonts/nunito-latin-700-normal.923eb1ee.woff2) format("woff2"), url(../fonts/nunito-latin-700-normal.90d58b0b.woff) format("woff");

    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD

}



*:root {

    --font-body: "Nunito", sans-serif;

    --color-background: #071543;

    --color-primary: #0b2167;

    --color-secondary: #0d3d92;

    --color-tertiary: #4587c5;

    --color-info: #84cbf2;

    --color-success: #34d834;

    --color-text-1: #e9f2fa;

    --color-text-2: #bed1e3;

    --color-warning: #f9ea00;

    --color-error: #FF0000;

    --column-width: 42rem;

    --column-margin-top: 4rem;

    --common-page-content-max-width: 1920px;

    --games-grid-item-min-height: 290px;

    --header-height: 60px;

    --footer-height: 56px;

    --side-menu-width: 220px;

    --side-menu-width-collapsed: 56px;

    --sticky-banner-height: 90px;

    --sticky-banner-height-mobile: 60px;

    --fontsource-display: swap

}



*.custom-scrollbar {

    scrollbar-width: auto;

    scrollbar-color: var(--color-tertiary) var(--color-primary)

}



*.custom-scrollbar:hover {

    scrollbar-width: thin

}



*.custom-scrollbar:hover::-webkit-scrollbar {

    display: block

}



*.custom-scrollbar::-webkit-scrollbar {

    display: none;

    width: 12px

}



*.custom-scrollbar::-webkit-scrollbar-track {

    background: var(--color-primary)

}



*.custom-scrollbar::-webkit-scrollbar-thumb {

    background-color: var(--color-secondary);

    border-radius: 20px;

    border: 3px solid var(--color-primary)

}



body {

    background: var(--color-primary);

    font-family: var(--font-body);

    height: 100%;

    margin: 0

}



body.fullscreen, body.no-scroll {

    overflow: hidden

}



a {

    color: var(--color-success);

    font-weight: 700;

    text-decoration: none

}



h1, h2, h3, h4, h5, h6 {

    color: var(--color-text-1);

    font-weight: 700

}



p {

    color: var(--color-text-2);

    font-size: 16px

}



p b, p strong {

    color: var(--color-text-1)

}



button {

    font-family: var(--font-body)

}



button.menu-icon {

    background: transparent;

    display: flex;

    border: 0;

    box-shadow: none;

    color: #fff;

    margin: 0;

    padding: 8px

}



button:hover {

    cursor: pointer

}



iframe#gameIframe {

    position: relative;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0

}



img:-moz-loading {

    visibility: hidden

}



main {

    box-sizing: border-box;

    display: flex;

    flex: 1;

    flex-direction: column;

    margin: 0 auto;

    padding: 0;

    width: 100%

}



main div#main-content.blur {

    filter: blur(8px)

}



div.game-image {

    background: rgba(255, 255, 255, .1);

    border-radius: 12px;

    box-shadow: 0 8px 12px #0000004d;

    position: relative

}



div.game-image img {

    border-radius: 12px;

    bottom: 0;

    height: auto;

    left: 0;

    position: absolute;

    right: 0;

    top: 0;

    width: 100%

}



div.game-image img:hover {

    cursor: pointer

}



div.game-image span.focus-highlight {

    background-color: #fff;

    border-radius: inherit;

    bottom: 0;

    left: 0;

    opacity: 0;

    overflow: hidden;

    pointer-events: none;

    position: absolute;

    right: 0;

    top: 0;

    transition: opacity .25s cubic-bezier(.4, 0, .2, 1) 0ms

}



div.game-image.small {

    height: var(--height);

    width: var(--width)

}



div.game-image:hover:not(.featured) span.focus-highlight {

    opacity: .05

}



ul.games-grid {

    align-items: stretch;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

    list-style-type: none;

    padding: 0 2.5%;

    margin: 0

}



ul.games-grid li.load-more {

    width: 100%

}



ul.games-grid li.load-more button {

    background-color: var(--color-success);

    border: none;

    border-radius: 10px;

    box-shadow: inset 0 2px 4px #ffffff61, inset 0 -3px 3px #0003, 0 8px 15px #061d6280, 0 -20px 20px #0d2267;

    color: #0b2167;

    font-size: 18px;

    font-weight: 700;

    height: 50px;

    margin: 16px auto;

    width: 100%

}



ul.games-grid li.load-more button:hover {

    background-color: #76ee52

}



li.games-grid-item {

    margin-bottom: 16px;

    width: 100%

}



li.games-grid-item div.header {

    padding: 0 8px;

    position: relative

}



li.games-grid-item div.header .game-title {

    background-image: linear-gradient(to bottom, rgba(11, 33, 103, 0), rgba(11, 33, 103, .9) 80%);

    border-radius: 0 0 10px 10px;

    bottom: 0;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    overflow: hidden;

    padding: 20% 0 4px;

    position: absolute;

    text-shadow: 1px 1px 1px #000;

    text-align: center;

    text-overflow: ellipsis;

    white-space: normal;

    width: 0;

    z-index: 1

}



li.games-grid-item div.header .game-title.featured {

    padding: 8px;

    position: relative;

    text-align: left;

    text-shadow: none;

    width: auto

}



li.games-grid-item.desktop div.header:hover .game-title {

    opacity: 1;

    width: calc(100% - 16px)

}



li.games-grid-item.desktop div.header:hover .game-title.featured {

    text-shadow: 0 3px 4px var(--color-info), 0 0 1px #fff;

    width: 100%

}



li.games-grid-item.scroll {

    flex-shrink: 0;

    height: auto;

    position: relative;

    min-width: 120px;

    width: 8.3%

}



li.games-grid-item.small div.header .game-title {

    text-overflow: ellipsis;

    white-space: normal

}



div.gt-grid .title {

    font-size: 18px;

    padding: 8px 0 16px

}



div.gt-grid ul.gt-container {

    display: flex;

    flex-wrap: wrap;

    list-style-type: none;

    margin: 0;

    padding: 0

}



div.text-box {

    margin-bottom: 16px;

    padding-right: 2.5%;

    padding-left: 2.5%

}



div.text-box div.text-box-container {

    box-shadow: 0 6px 12px #061d62, inset 0 4px 10px #001f473b;

    border: solid 5px #183484;

    background-color: #0d2c7c;

    border-radius: 20px;

    display: flex;

    flex-direction: column;

    font-size: 14px;

    padding: 16px

}



div.text-box div.text-box-container a.link-all-games {

    color: var(--color-info);

    font-weight: 700

}



div.text-box div.text-box-container ul.text-breadcrumb {

    color: var(--color-info);

    display: flex;

    font-size: 10px;

    font-weight: 400;

    gap: 8px;

    list-style: none;

    margin: 0;

    padding: 0

}



div.text-box div.text-box-container ul.text-breadcrumb li a {

    color: var(--color-info)

}



div.text-box div.text-box-container ul.text-breadcrumb li a:hover {

    cursor: pointer;

    opacity: .9

}



div.text-box div.text-box-container ul.text-breadcrumb li:not(:last-child):after {

    content: ">";

    padding-left: 8px

}



div.text-box div.text-box-container div.text-description iframe {

    max-width: 100%

}



div.text-box div.text-box-container.transparent {

    box-shadow: none;

    background: transparent;

    border: none

}



div.text-box.no-padding {

    padding: 0

}



div.title {

    padding: 0 2.5%

}



div.title h2 {

    font-size: 18px;

    text-shadow: var(--color-tertiary) 1px 0 24px

}



div.title.uppercase {

    text-transform: uppercase

}



.content-page-padding {

    padding-right: 2.5%;

    padding-left: 2.5%

}



div.iubenda_embed_policy {

    color: var(--color-text-2)

}



div.iubenda_embed_policy h1, div.iubenda_embed_policy h2, div.iubenda_embed_policy h3 {

    color: var(--color-text-1)

}



div.iubenda_embed_policy ul {

    padding-inline-start: 16px

}



.app.svelte-24obei.svelte-24obei {

    display: flex;

    flex-direction: column;

    height: 100%;

    min-width: 300px

}



.app.svelte-24obei main.svelte-24obei {

    margin-top: var(--header-height);

}



.app.svelte-24obei main div#main-content.svelte-24obei {

    background-repeat: no-repeat;

    background-size: 60% auto;

    background-position: left top, right 100px;

    background-image: url(../images/background.png);

    width: 100%

}



.app.svelte-24obei main div#main-content.sticky.svelte-24obei {

    margin-bottom: var(--sticky-banner-height)

}



.app.svelte-24obei main div#main-content:not(.mobile).open.svelte-24obei {

    margin-left: var(--side-menu-width-collapsed);

    width: calc(100% - var(--side-menu-width-collapsed))

}



@media (min-width: 0px) and (max-width: 900px) {

    .app.svelte-24obei main div#main-content.svelte-24obei {

        background-size: 90% auto;

        margin-left: 0;

        width: 100%

    }



    .app.svelte-24obei main div#main-content.open.svelte-24obei, .app.svelte-24obei main div#main-content:not(.mobile).open.svelte-24obei {

        margin-left: 0;

        width: 100%

    }

}



@media (min-width: 1920px) {

    .app.svelte-24obei main div#main-content.desktop.open.svelte-24obei {

        margin-left: var(--side-menu-width);

        width: calc(100% - var(--side-menu-width))

    }

}



svg.background.svelte-bpq1qa {

    background-color: var(--backgroundColor);

    border-radius: 10px;

    fill: #fff !important;

    overflow: hidden;

    margin: 2px 8px 2px 2px;

    padding: 8px

}



svg.svelte-bpq1qa:not(.background):hover {

    fill: var(--hoverColor) !important

}



div.game-image.cover.svelte-1dskg5z:not(.small) {

    display: block;

    padding-top: 100%

}



ul.games-grid-col.svelte-1p5p1iu {

    display: grid;

    grid-template-columns:50% 50%;

    list-style-type: none;

    margin: 16px 0 0;

    padding: 0

}



div#gpx-adv-video.svelte-js4cdw {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    pointer-events: auto;

    background-color: #063483;

    background-size: 100px 50px;

    background-position: center;

    background-repeat: no-repeat;

    z-index: 2

}



div.game-iframe-item.svelte-li3b1p.svelte-li3b1p {

    align-items: center;

    display: flex;

    gap: 8px;

    flex-direction: column;

    justify-content: center;

    width: 100%

}



div.game-iframe-item.svelte-li3b1p a.continue-play-link.svelte-li3b1p {

    color: var(--color-info);

    font-size: 14px;

    font-weight: 700

}



div.game-iframe-item.svelte-li3b1p a.continue-play-link.svelte-li3b1p:hover {

    cursor: pointer;

    text-decoration: underline

}



div.game-iframe-item.svelte-li3b1p button.play-now-button.svelte-li3b1p {

    background: var(--color-success);

    border: none;

    border-radius: 10px;

    box-shadow: inset 0 2px 4px #ffffff60, inset 0 -3px 3px #00000031, 0 8px 15px #061d6280;

    color: #0b2167;

    font-size: 18px;

    font-weight: 700;

    height: 50px;

    margin-top: 32px;

    padding: 0 30px;

    text-transform: uppercase;

    width: 200px

}



div.game-iframe-item.svelte-li3b1p button.play-now-button.svelte-li3b1p:hover {

    background-color: #76ee52;

    color: #0b2167;

    cursor: pointer

}



div.game-iframe-item.svelte-li3b1p img.svelte-li3b1p {

    border-radius: 12px;

    box-shadow: 0 4px 6px #1312308f;

    margin-top: 8px

}



div.game-iframe-item.svelte-li3b1p span.title.svelte-li3b1p {

    color: #fff;

    font-size: 18px;

    font-weight: 700;

    text-transform: uppercase

}



div.game-iframe-item.svelte-li3b1p span.subtitle.svelte-li3b1p {

    color: #fff;

    font-size: 20px

}



div.game-iframe-item.alternative.svelte-li3b1p.svelte-li3b1p, div.game-iframe-item.linkedout.svelte-li3b1p.svelte-li3b1p {

    width: 50%

}



div.logo.svelte-t9xkxv.svelte-t9xkxv {

    height: auto;

    width: 201px

}



div.logo.svelte-t9xkxv img.svelte-t9xkxv {

    height: auto;

    width: 100%

}



div.game-iframe.svelte-7qmbuh.svelte-7qmbuh {

    aspect-ratio: 16/9;

    overflow: hidden;

    position: relative;

    width: 100%;

    z-index: 0

}



div.game-iframe.svelte-7qmbuh div.bg-linkedout-game.svelte-7qmbuh {

    height: 100%;

    position: absolute;

    width: 100%;

    z-index: -1

}



div.game-iframe.svelte-7qmbuh div.bg-linkedout-game.svelte-7qmbuh:before {

    content: "";

    border-radius: 6%;

    background-image: radial-gradient(circle at 100% 0, #020d23, #0b4c9e 50%);

    position: absolute;

    transform: rotate(45deg);

    opacity: .5;

    filter: blur(15px);

    width: 1000px;

    height: 1000px;

    top: 50%;

    left: 50%;

    margin-left: -1050px;

    margin-top: -500px

}



div.game-iframe.svelte-7qmbuh div.bg-linkedout-game.svelte-7qmbuh:after {

    content: "";

    border-radius: 6%;

    background-image: radial-gradient(circle at 100% 0, #020d23, #0b4c9e 50%);

    position: absolute;

    transform: rotate(45deg);

    opacity: .9;

    filter: blur(15px);

    width: 1000px;

    height: 1000px;

    top: 50%;

    left: 50%;

    margin-left: -1125px;

    margin-top: -500px

}



div.game-iframe.svelte-7qmbuh div.background.svelte-7qmbuh {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    bottom: 0;

    display: flex;

    filter: blur(8px);

    left: 0;

    opacity: .8;

    position: absolute;

    right: 0;

    top: 0;

    transform: scale(1.4);

    transition: background 1s;

    z-index: -1

}



div.game-iframe.svelte-7qmbuh div.main-content.svelte-7qmbuh {

    display: flex;

    flex-direction: row;

    height: 100%;

    position: relative

}



div.game-iframe.svelte-7qmbuh div.main-content div.game.svelte-7qmbuh {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    pointer-events: auto;

    background-color: #063483;

    background-size: 100px 50px;

    background-position: center;

    background-repeat: no-repeat

}



div.game-iframe.svelte-7qmbuh div.main-content div.game.playing.svelte-7qmbuh {

    z-index: 1

}



div.game-iframe.svelte-7qmbuh div.main-content div.game.play-logo.svelte-7qmbuh {

    align-items: center;

    display: flex;

    justify-content: center;

    z-index: 3

}



div.game-iframe.mobile.svelte-7qmbuh.svelte-7qmbuh {

    min-height: 260px;

    border-radius: 8px

}



div.game-iframe.linkedout.svelte-7qmbuh div.background.svelte-7qmbuh {

    opacity: .6

}



button.menu-icon.svelte-yiuojt {

    align-items: center;

    background: var(--color-secondary);

    border-radius: 40px;

    bottom: 16px;

    display: flex;

    font-weight: 600;

    padding: 8px 16px;

    position: absolute;

    right: 2.5%

}



button.menu-icon.svelte-yiuojt:hover {

    background: var(--color-tertiary)

}



@media (min-width: 1200px) {

    button.menu-icon.svelte-yiuojt {

        bottom: 32px

    }

}



button.item.svelte-62iyop {

    align-items: center;

    background: transparent;

    border: none;

    color: #fff;

    display: flex;

    gap: 4px;

    font-size: 14px;

    font-weight: 700;

    justify-content: center;

    padding: 0;

    transition: all .3s ease-in-out

}



button.item.disabled.svelte-62iyop {

    cursor: auto

}



div.game-actions.svelte-1crgfvy.svelte-1crgfvy {

    align-items: center;

    display: flex;

    gap: 16px

}



div.game-actions.svelte-1crgfvy span.separator.svelte-1crgfvy {

    border-left: 1px solid rgba(216, 216, 216, .2980392157);

    height: 32px

}



@media (min-width: 1024px) {

    div.game-actions.svelte-1crgfvy.svelte-1crgfvy {

        margin-right: 8px

    }

}



div.footer.svelte-elclo3.svelte-elclo3 {

    align-items: center;

    background: var(--color-secondary);

    display: flex;

    height: 44px;

    justify-content: space-between

}



div.footer.svelte-elclo3 div.info.svelte-elclo3 {

    align-items: center;

    display: flex;

    padding-left: 8px

}



div.footer.svelte-elclo3 div.info img.svelte-elclo3 {

    border-radius: 8px;

    display: flex;

    height: 32px;

    margin-right: 8px;

    width: 32px

}



div.footer.svelte-elclo3 div.info .title.svelte-elclo3 {

    font-size: 18px;

    margin: 0

}



div.footer.svelte-elclo3 div.actions.svelte-elclo3 {

    align-items: center;

    display: flex

}



div#gpx-adv-video.svelte-17xcnoh {

    background-color: #063483;

    height: 100%;

    left: 0;

    pointer-events: auto;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999

}



div.draggable.svelte-1oh9vms {

    -webkit-user-select: none;

    user-select: none;

    cursor: move;

    position: absolute;

    z-index: 9

}



button.back-button.svelte-rtxkkw {

    align-items: center;

    background-color: #fffc;

    border: none;

    border-radius: 0 10px 12px 0;

    box-shadow: 0 4px 10px #00000080;

    cursor: pointer;

    display: flex;

    padding: 3px 0 3px 3px;

    z-index: 9

}



div.mobile-player.svelte-1e7489l {

    background-color: #063483;

    height: 100%;

    left: 0;

    pointer-events: auto;

    position: fixed;

    top: 0;

    -webkit-user-select: none;

    user-select: none;

    width: 100%;

    z-index: 999

}



div.mobile-not-available.svelte-1a73pfk.svelte-1a73pfk {

    align-items: center;

    background: rgba(0, 0, 0, .6);

    border-radius: 12px;

    display: flex;

    flex-direction: column;

    gap: 8px;

    height: 101%;

    justify-content: center;

    top: 0;

    left: 0;

    position: absolute;

    text-align: center;

    width: 100%;

    z-index: 1

}



div.mobile-not-available.svelte-1a73pfk a.continue-play-link.svelte-1a73pfk {

    color: var(--color-info);

    font-size: 14px;

    font-weight: 700

}



div.mobile-not-available.svelte-1a73pfk a.continue-play-link.svelte-1a73pfk:hover {

    cursor: pointer;

    text-decoration: underline

}



div.mobile-not-available.svelte-1a73pfk div.store-links.svelte-1a73pfk {

    display: flex;

    gap: 8px

}



div.mobile-not-available.svelte-1a73pfk div.store-links a.svelte-1a73pfk {

    display: none

}



div.mobile-not-available.svelte-1a73pfk div.store-links a.visible.svelte-1a73pfk {

    display: block

}



div.mobile-not-available.svelte-1a73pfk p.svelte-1a73pfk {

    margin: 0

}



div.game-mobile.svelte-1r4xdqf div.info.svelte-1r4xdqf {

    display: grid;

    grid-template-columns:25% 1fr;

    margin-top: 16px

}



div.game-mobile.svelte-1r4xdqf div.info div.actions.svelte-1r4xdqf {

    display: grid;

    flex-direction: column;

    justify-content: space-between;

    padding: 8px 0

}



div.game-mobile.svelte-1r4xdqf div.info div.actions .title.svelte-1r4xdqf {

    font-size: 16px;

    margin: 0

}



div.game-mobile.svelte-1r4xdqf div.info div.icon.svelte-1r4xdqf {

    margin-right: 16px

}



div.game-mobile.svelte-1r4xdqf div.game-mobile-cover.svelte-1r4xdqf {

    position: relative

}



div.game-mobile.svelte-1r4xdqf button.play-now-button.svelte-1r4xdqf {

    background: var(--color-success);

    border: none;

    border-radius: 10px;

    box-shadow: inset 0 2px 4px #ffffff60, inset 0 -3px 3px #00000031, 0 8px 15px #061d6280;

    color: #0b2167;

    display: block;

    font-size: 18px;

    font-weight: 700;

    height: 50px;

    margin: 16px auto 0;

    max-width: 300px;

    padding: 0 30px;

    text-transform: uppercase;

    width: 100%

}



div.game-mobile.svelte-1r4xdqf button.play-now-button.svelte-1r4xdqf:hover {

    background-color: #76ee52;

    color: #0b2167;

    cursor: pointer

}



@media (min-width: 768px) {

    div.game-mobile.svelte-1r4xdqf div.info.svelte-1r4xdqf {

        grid-template-columns:15% 1fr

    }



    div.game-mobile.svelte-1r4xdqf div.info div.actions .title.svelte-1r4xdqf {

        font-size: 20px

    }

}



div.text-box.svelte-1ermw0e.svelte-1ermw0e {

    content-visibility: auto;

    margin-bottom: 0;

    margin-top: 16px;

    padding: 0

}



div.text-box.svelte-1ermw0e div.text-box-container .title.svelte-1ermw0e {

    font-size: 18px;

    margin: 16px 0 0;

    text-transform: uppercase

}



div.text-box.svelte-1ermw0e div.text-box-container ul.text-breadcrumb.svelte-1ermw0e {

    letter-spacing: 1px;

    text-transform: uppercase

}



div.text-box.svelte-1ermw0e div.text-box-container div.rating.svelte-1ermw0e {

    align-items: end;

    display: flex;

    margin-bottom: 16px

}



div.text-box.svelte-1ermw0e div.text-box-container div.rating div.stars.svelte-1ermw0e {

    align-items: center;

    display: flex

}



div.text-box.svelte-1ermw0e div.text-box-container div.rating p.votes.svelte-1ermw0e {

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1px;

    line-height: 12px;

    margin: 0 0 0 10px;

    opacity: .6

}



div.text-box.svelte-1ermw0e div.text-box-container div.text-description.svelte-1ermw0e {

    color: var(--color-text-2);

    font-size: 16px

}



div.page.svelte-1u5qeye.svelte-1u5qeye {

    display: block;

    max-width: 1920px;

    position: relative;

    padding: 16px 2.5% 64px

}



div.page.svelte-1u5qeye div.player-container.svelte-1u5qeye {

    display: flex;

    gap: 16px;

    justify-content: center

}



div.page.svelte-1u5qeye div.player-container div.container-left.svelte-1u5qeye {

    max-width: 141.6vh;

    width: 100%

}



div.page.svelte-1u5qeye div.player-container div.container-right.svelte-1u5qeye {

    display: none;

    width: 0

}



div.page.svelte-1u5qeye div.player-container div.container-right div.adv.svelte-1u5qeye {

    height: 280px;

    text-align: center

}



div.page.svelte-1u5qeye div.player-container div.container-right div.adv.svelte-1u5qeye:first-child {

    padding-bottom: 16px

}



div.page.svelte-1u5qeye div.player-container div.banner-row.svelte-1u5qeye {

    display: block;

    height: 90px;

    margin: 16px 0;

    position: relative;

    text-align: center

}



div.page.svelte-1u5qeye div.banner-row-mobile.svelte-1u5qeye {

    display: flex;

    flex-wrap: wrap;

    margin: 16px auto;

    position: relative;

    text-align: center

}



div.page.svelte-1u5qeye div.banner-row-mobile div#gpx-banner-mobile.svelte-1u5qeye {

    display: block;

    margin: 0 auto;

    height: 100%;

    width: 100%

}



@media (min-width: 1200px) {

    div.page.svelte-1u5qeye div.player-container div.container-left.svelte-1u5qeye {

        min-width: calc(80% - 320px);

        width: calc(100% - 320px)

    }



    div.page.svelte-1u5qeye div.player-container div.container-right.svelte-1u5qeye {

        display: block;

        width: 320px

    }

}



@media (min-width: 1920px) {

    div.page.svelte-1u5qeye div.player-container div.container-left.svelte-1u5qeye {

        min-width: calc(80% - 400px);

        width: calc(100% - 400px)

    }



    div.page.svelte-1u5qeye div.player-container div.container-right.svelte-1u5qeye {

        display: block;

        width: 400px

    }

}



div.game-title.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi {

    text-shadow: var(--color-info) 1px 0 16px

}



div.game-title.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi:not(.small) {

    font-size: 18px

}



ul.tags.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi {

    list-style: none;

    margin: 0;

    padding: 0 16px 8px;

    text-align: left;

    display: flex;

    gap: 8px;

    align-items: center;

    justify-content: center

}



ul.tags.svelte-2erdfi li.svelte-2erdfi.svelte-2erdfi {

    font-size: 14px

}



ul.tags.svelte-2erdfi li.svelte-2erdfi a.svelte-2erdfi {

    color: var(--color-info)

}



@media (min-width: 0px) and (max-width: 599.95px) {

    li.games-grid-item.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi {

        width: 50%

    }



    li.games-grid-item.small.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi {

        flex-basis: 50%;

        width: 50%

    }



    li.games-grid-item.scroll.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi {

        width: 60%

    }

}



@media (min-width: 600px) {

    li.games-grid-item.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi {

        flex-basis: 50%;

        width: 50%

    }



    li.games-grid-item.small.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi {

        flex-basis: 25%;

        width: 25%

    }

}



@media (min-width: 768px) {

    li.games-grid-item.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi {

        flex-basis: 33.3%;

        width: 33.3%

    }

}



@media (min-width: 1024px) {

    li.games-grid-item.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi {

        flex-basis: 16.6%;

        width: 16.6%

    }



    li.games-grid-item.small.svelte-2erdfi.svelte-2erdfi.svelte-2erdfi {

        flex-basis: 12.5%;

        width: 12.5%

    }

}



ul.games-grid.use-visibility.svelte-1wylo6k {

    content-visibility: auto

}



div.icon.svelte-1l2sh04.svelte-1l2sh04 {

    background: rgba(255, 255, 255, .1);

    border-radius: 12px;

    display: block;

    position: relative

}



div.icon.svelte-1l2sh04 img.svelte-1l2sh04 {

    width: var(--imageW) px;

    height: var(--imageH) px;

    border-radius: 10px;

    display: block

}



div.icon.svelte-1l2sh04 span.focus-highlight.svelte-1l2sh04 {

    background-color: #fff;

    border-radius: inherit;

    bottom: 0;

    left: 0;

    opacity: 0;

    overflow: hidden;

    pointer-events: none;

    position: absolute;

    right: 0;

    top: 0;

    transition: opacity .25s cubic-bezier(.4, 0, .2, 1) 0ms

}



div.icon.svelte-1l2sh04:hover span.focus-highlight.svelte-1l2sh04 {

    opacity: .05

}



li.item.svelte-1y0n5c6.svelte-1y0n5c6 {

    margin-bottom: 16px;

    width: 100%

}



li.item.svelte-1y0n5c6 div.header.svelte-1y0n5c6 {

    align-items: center;

    background-color: #0d2c7c;

    border-radius: 10px;

    box-shadow: 0 6px 12px #061d62, inset 0 4px 10px #001f473b;

    border: solid 3px #183484;

    color: #fff;

    display: flex;

    gap: 8px;

    height: 60px;

    margin: 0 8px;

    padding: 0 4px;

    position: relative

}



li.item.svelte-1y0n5c6 div.header .tag-title.svelte-1y0n5c6 {

    font-size: 14px;

    font-weight: 700;

    max-height: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal

}



li.item.svelte-1y0n5c6 div.header.svelte-1y0n5c6:hover {

    background-color: #183484

}



li.item.small.svelte-1y0n5c6 div.header .tag-title.svelte-1y0n5c6 {

    font-size: 14px;

    text-overflow: ellipsis;

    white-space: normal

}



@media (min-width: 0px) and (max-width: 599.95px) {

    li.item.svelte-1y0n5c6.svelte-1y0n5c6 {

        width: 50%

    }



    li.item.small.svelte-1y0n5c6.svelte-1y0n5c6 {

        flex-basis: 50%;

        width: 50%

    }

}



@media (min-width: 600px) {

    li.item.svelte-1y0n5c6.svelte-1y0n5c6 {

        flex-basis: 50%;

        width: 50%

    }



    li.item.small.svelte-1y0n5c6.svelte-1y0n5c6 {

        flex-basis: 25%;

        width: 25%

    }

}



@media (min-width: 1024px) {

    li.item.svelte-1y0n5c6.svelte-1y0n5c6 {

        flex-basis: 25%;

        width: 25%

    }



    li.item.small.svelte-1y0n5c6.svelte-1y0n5c6 {

        flex-basis: 16.6%;

        width: 16.6%

    }

}



@media (min-width: 1920px) {

    li.item.svelte-1y0n5c6.svelte-1y0n5c6 {

        flex-basis: 20%;

        width: 20%

    }



    li.item.small.svelte-1y0n5c6.svelte-1y0n5c6 {

        flex-basis: 12.5%;

        width: 12.5%

    }

}



div.game-image.icon.svelte-14xp7z4.svelte-14xp7z4:not(.small) {

    margin-bottom: 8px;

    padding-top: 100%

}



div.game-image.icon.featured.svelte-14xp7z4.svelte-14xp7z4 {

    background: transparent;

    box-shadow: none;

    margin: 0 0 0 8px;

    width: calc(100% - 24px)

}



div.game-image.icon.featured.svelte-14xp7z4 img.svelte-14xp7z4 {

    border-radius: 50%;

    margin-bottom: .5rem;

    border: solid 4px #0555b5;

    box-shadow: 0 8px 12px #0000004d

}



div.gt-grid.svelte-pnpyil h2.title.svelte-pnpyil {

    padding: 0

}



div.gt-grid.svelte-pnpyil.svelte-pnpyil:not(.container) {

    border-radius: 10px;

    box-shadow: 0 2px 3px #ffffff1a;

    background-color: #0b2167;

    margin: 16px 0;

    padding: 0 16px

}



div.gt-grid.svelte-pnpyil:not(.container) h2.title.svelte-pnpyil {

    padding: 16px 8px 0

}



div.text-box.svelte-vua301.svelte-vua301 {

    align-items: center;

    box-shadow: 0 6px 12px #061d62, inset 0 4px 10px #001f473b;

    border: solid 5px #183484;

    background-color: #0d2c7c;

    border-radius: 20px;

    color: #fff;

    display: flex;

    flex-direction: column;

    gap: 16px;

    font-size: 14px;

    padding: 32px;

    width: 80%

}



div.text-box.svelte-vua301 .error-title.svelte-vua301 {

    font-size: 22px

}



div.text-box.svelte-vua301 div.description.svelte-vua301 {

    align-items: center;

    display: flex;

    flex-direction: column;

    gap: 32px

}



div.text-box.svelte-vua301 div.description a.back-home.svelte-vua301 {

    color: var(--color-info);

    font-weight: 700

}



div.text-box.svelte-vua301 div.description a.back-home.svelte-vua301:hover {

    text-decoration: underline

}



@media (min-width: 0px) and (max-width: 799.95px) {

    div.text-box.svelte-vua301.svelte-vua301 {

        padding: 16px

    }



    div.text-box.svelte-vua301 .error-title.svelte-vua301 {

        font-size: 18px

    }



    div.text-box.svelte-vua301 img.svelte-vua301 {

        height: auto;

        width: 100px

    }



    div.text-box.svelte-vua301 div.description h3.svelte-vua301 {

        font-size: 12px

    }

}



@media (min-width: 800px) {

    div.text-box.svelte-vua301.svelte-vua301 {

        max-width: 800px;

        width: 70%

    }

}



div.page.svelte-nxrlgs {

    align-items: center;

    display: flex;

    flex-direction: column;

    gap: 16px;

    margin: 16px 0 var(--footer-height) 0;

    padding: 0 2.5%

}



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

    -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

}



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

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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-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);

    -o-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);

    -o-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-back-button, .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);

    -o-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-back-button, .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);

    -o-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);

    -o-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-back-button, .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-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-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);

    -o-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);

    -o-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-music-player .ytp-ad-player-overlay-instream-info {

    bottom: 62px;

    height: 29px;

    left: 9px

}



.ytp-small-mode.ytp-music-player .ytp-ad-player-overlay-instream-info {

    bottom: 49px;

    height: 29px;

    left: 9px

}



.ytp-music-player.ytp-big-mode .ytp-ad-player-overlay-instream-info {

    bottom: 70px;

    height: 29px;

    left: 9px

}



.ad-showing.ytp-music-player .ytp-chrome-bottom .ytp-top-controls {

    bottom: 91px;

    max-width: 50%

}



.ad-showing.ytp-music-player.ytp-big-mode .ytp-chrome-bottom .ytp-top-controls {

    bottom: 99px

}



.ad-showing.ytp-music-player.ytp-small-mode .ytp-chrome-bottom .ytp-top-controls {

    bottom: 78px

}



.ad-showing.ytp-music-player .ytp-chrome-bottom .ytp-ad-player-overlay-instream-info {

    left: 9px

}



.ad-showing.ytp-music-player .ytp-chrome-bottom .ytp-top-controls .ytp-youtube-music-button {

    display: none

}



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

    -o-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);

    -o-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-clickable {

    cursor: pointer

}



.ytp-ad-player-overlay-flyout-cta {

    bottom: 86px;

    left: 12px;

    pointer-events: auto;

    position: absolute;

    z-index: 36

}



.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:hover {

    background-color: transparent

}



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

    -o-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:hover .ytp-flyout-cta-body {

    background-color: rgb(255, 255, 255)

}



.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-headline-container {

    color: #333;

    font-weight: 600;

    font-size: 14px;

    margin-top: 10px

}



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

    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 {

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

    -o-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.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%);

    -o-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%);

    -o-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-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-duration-remaining {

    margin-left: 3px;

    opacity: .75

}



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

    -o-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);

    -o-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, .ytp-music-player.ytp-hide-controls .ytp-ad-preview-container, .ytp-music-player.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, .ytp-music-player .ytp-ad-preview-container, .ytp-music-player .ytp-ad-skip-button-container, .ytp-music-player .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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

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

    -o-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);

    -o-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);

    -o-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);

    -o-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%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    display: block;

    left: 50%;

    margin-left: -140px;

    position: absolute;

    text-align: center;

    top: 50%;

    width: 280px

}



.ytp-ads-tiny-mode .ytp-ad-action-interstitial-card {

    margin-left: -90px;

    width: 180px

}



.ytp-ad-action-interstitial-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-background-container.ytp-ad-action-interstitial-background-container-blur {

    -webkit-filter: blur(80px);

    filter: blur(80px)

}



.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-no-op {

    border: 0

}



.ytp-ad-action-interstitial-headline.ytp-ad-action-interstitial-headline-light, .ytp-ad-action-interstitial-description.ytp-ad-action-interstitial-description-light {

    color: #fff

}



.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-timed-pie-countdown-container {

    bottom: 4px;

    display: block;

    left: 6px;

    position: absolute;

    z-index: 65

}



.ytp-ad-timed-pie-countdown-container.ytp-ad-timed-pie-countdown-container-upper-right {

    bottom: auto;

    left: auto;

    top: 4px;

    right: 6px

}



svg.ytp-ad-timed-pie-countdown {

    background: none;

    border-radius: 50%;

    height: 20px;

    opacity: .4;

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

    width: 20px

}



circle.ytp-ad-timed-pie-countdown-background {

    fill: none;

    stroke: none

}



circle.ytp-ad-timed-pie-countdown-inner {

    fill: none;

    stroke: #000;

    stroke-width: 10px

}



circle.ytp-ad-timed-pie-countdown-outer {

    fill: none;

    stroke: #000;

    stroke-width: 1

}



circle.ytp-ad-timed-pie-countdown-inner.ytp-ad-timed-pie-countdown-inner-light {

    stroke: rgba(255, 255, 255, .75)

}



circle.ytp-ad-timed-pie-countdown-outer.ytp-ad-timed-pie-countdown-outer-light {

    stroke: rgba(255, 255, 255, .75)

}



.ytp-ad-survey {

    width: auto;

    height: 100%;

    background-color: white;

    font-family: "Roboto", Arial, sans-serif;

    padding: 0 32px;

    margin: 0;

    line-height: normal;

    display: -moz-flexbox;

    display: -webkit-flex;

    display: -webkit-box;

    display: flex;

    -webkit-flex-direction: column;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column

}



.ytp-ad-survey.relative-positioning-survey {

    position: relative;

    z-index: 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;

    -o-transition: opacity .5s ease;

    transition: opacity .5s ease

}



.ytp-ad-survey-interstitial[aria-hidden=true] {

    opacity: 0;

    -webkit-transition: opacity .3s ease;

    -o-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);

    -o-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);

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

    -o-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, .ytp-ad-avatar--size-xs {

    width: 16px;

    height: 16px

}



.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-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--size-compact {

    height: 32px;

    line-height: 32px;

    border-radius: 16px;

    font-size: 12px;

    padding: 0 12px

}



.ytp-ad-button--size-compact .ytp-ad-button__icon {

    height: 16px;

    width: 16px

}



.ytp-ad-button--size-compact .ytp-ad-button__icon--trailing {

    -webkit-margin-start: 4px;

    -moz-margin-start: 4px;

    margin-inline-start: 4px;

    -webkit-margin-end: -4px;

    -moz-margin-end: -4px;

    margin-inline-end: -4px

}



.ytp-ad-button--size-compact .ytp-ad-button__icon--leading {

    -webkit-margin-start: -4px;

    -moz-margin-start: -4px;

    margin-inline-start: -4px;

    -webkit-margin-end: 4px;

    -moz-margin-end: 4px;

    margin-inline-end: 4px

}



.ytp-ad-button--size-default {

    height: 36px;

    line-height: 36px;

    border-radius: 18px;

    font-size: 14px;

    padding: 0 16px

}



.ytp-ad-button--size-default .ytp-ad-button__icon {

    height: 24px;

    width: 24px

}



.ytp-ad-button--size-default .ytp-ad-button__icon--trailing {

    -webkit-margin-start: 6px;

    -moz-margin-start: 6px;

    margin-inline-start: 6px;

    -webkit-margin-end: -6px;

    -moz-margin-end: -6px;

    margin-inline-end: -6px

}



.ytp-ad-button--size-default .ytp-ad-button__icon--leading {

    -webkit-margin-start: -6px;

    -moz-margin-start: -6px;

    margin-inline-start: -6px;

    -webkit-margin-end: 6px;

    -moz-margin-end: 6px;

    margin-inline-end: 6px

}



.ytp-ad-button--size-large {

    height: 48px;

    line-height: 48px;

    border-radius: 24px;

    font-size: 18px;

    padding: 0 24px

}



.ytp-ad-button--size-large .ytp-ad-button__icon {

    height: 24px;

    width: 24px

}



.ytp-ad-button--size-large .ytp-ad-button__icon--trailing {

    -webkit-margin-start: 8px;

    -moz-margin-start: 8px;

    margin-inline-start: 8px;

    -webkit-margin-end: -8px;

    -moz-margin-end: -8px;

    margin-inline-end: -8px

}



.ytp-ad-button--size-large .ytp-ad-button__icon--leading {

    -webkit-margin-start: -8px;

    -moz-margin-start: -8px;

    margin-inline-start: -8px;

    -webkit-margin-end: 8px;

    -moz-margin-end: 8px;

    margin-inline-end: 8px

}



.ytp-ad-button--style-filled {

    color: #fff;

    background-color: #065fd4

}



.ytp-ad-button--style-filled:hover {

    background-color: #0556bf

}



.ytp-ad-notification-container {

    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);

    -o-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);

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

}



.ytp-preview-ad__text {

    font-family: "Roboto", Arial, sans-serif;

    font-size: 14px;

    font-weight: 400;

    line-height: 18px;

    padding: 0 8px;

    white-space: pre

}



.ytp-preview-ad__image {

    width: 65px;

    height: 36px;

    -o-object-fit: cover;

    object-fit: cover

}



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

    -o-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);

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

}



.ytp-ad-avatar-lockup-card:hover {

    background-color: #fff

}



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

    -webkit-padding-start: 8px;

    -moz-padding-start: 8px;

    padding-inline-start: 8px;

    -webkit-padding-end: 20px;

    -moz-padding-end: 20px;

    padding-inline-end: 20px;

    max-width: 192px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



.ytp-ad-avatar-lockup-card__headline {

    color: #f1f1f1;

    font-size: 14px;

    font-weight: 500;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    -webkit-line-clamp: 2

}



.ytp-ad-avatar-lockup-card__description {

    margin-top: 4px;

    color: #606060;

    font-size: 12px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.ytp-ad-avatar-lockup-card .ytp-ad-button-vm {

    max-width: 140px

}



.ytp-skip-ad {

    z-index: 100;

    position: absolute;

    right: 10px;

    bottom: 86px

}



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

    height: 36px;

    border-radius: 18px;

    background-color: rgba(0, 0, 0, .6);

    color: #fff;

    padding: 0 16px;

    pointer-events: auto;

    cursor: pointer;

    overflow: hidden;

    outline: none

}



.ytp-skip-ad-button__text {

    font-family: "Roboto", Arial, sans-serif;

    font-size: 14px;

    font-weight: 500;

    line-height: 18px

}



.ytp-skip-ad-button__icon {

    height: 36px;

    width: 36px;

    -webkit-margin-start: -6px;

    -moz-margin-start: -6px;

    margin-inline-start: -6px;

    -webkit-margin-end: -16px;

    -moz-margin-end: -16px;

    margin-inline-end: -16px

}



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

}



.ytp-skip-ad-button:focus-visible {

    background: #fff;

    border: 2px solid #0f0f0f;

    color: #0f0f0f

}



.ytp-skip-ad-button:focus-visible .ytp-skip-ad-button__icon svg path {

    fill: #0f0f0f

}



.ytp-visit-advertiser-link {

    color: #fff;

    display: inline-block;

    -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .5));

    filter: drop-shadow(0 0 4px rgba(0, 0, 0, .5));

    position: relative

}



.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-visit-advertiser-link__icon {

    cursor: pointer;

    height: 9px;

    width: 9px;

    opacity: .75;

    -webkit-transform: translate(0, 1px);

    -ms-transform: translate(0, 1px);

    -o-transform: translate(0, 1px);

    transform: translate(0, 1px)

}



.ytp-visit-advertiser-link:hover .ytp-visit-advertiser-link__text {

    color: rgb(255, 255, 255);

    text-decoration: underline

}



.ytp-visit-advertiser-link:hover .ytp-visit-advertiser-link__icon {

    opacity: 1

}



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

    -o-transition: opacity .25s cubic-bezier(0, 0, .2, 1);

    transition: opacity .25s cubic-bezier(0, 0, .2, 1);

    -webkit-transition-delay: .33s;

    -o-transition-delay: .33s;

    transition-delay: .33s

}



.ytp-iv-drawer-open .iv-branding {

    opacity: 0;

    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);

    -o-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);

    -o-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);

    -o-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%);

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

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

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

    -o-transition-timing-function: ease-in;

    transition-timing-function: ease-in;

    -webkit-transition-delay: .5s;

    -o-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);

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

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

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

    -o-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%);

    -o-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);

    -o-transform: translateX(177px);

    transform: translateX(177px)

}



[dir=rtl] .iv-drawer {

    -webkit-transform: translateX(-177px);

    -ms-transform: translateX(-177px);

    -o-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);

    -o-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);

    -o-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);

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

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

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

    -o-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%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%);

    -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-transform: translateX(13px);

    transform: translateX(13px)

}



.ytp-back-button {

    margin-left: 4px;

    margin-top: 2px

}



.ytp-big-mode .ytp-back-button {

    margin-left: 8px;

    margin-top: 7px

}



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

        -o-transform: scale(2);

        transform: scale(2)

    }

}



.ytp-chrome-top .ytp-cards-button {

    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);

    -o-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);

    -o-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);

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

    -o-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);

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

    -o-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);

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

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

    -o-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);

    -o-transform: scaleX(0) translateX(0);

    transform: scaleX(0) translateX(0);

    -webkit-transform-origin: right 0;

    -ms-transform-origin: right 0;

    -o-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);

    -o-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);

    -o-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);

    -o-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);

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

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

    -o-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 {

    width: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    align-items: center

}



.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-big-mode .ytp-chapter-title-chevron {

    width: 28px

}



.ytp-chapter-title-chevron svg {

    vertical-align: middle

}



.ytp-chapter-title-prefix {

    padding-right: 5px

}



.ytp-music-player .ytp-chapter-title {

    color: #fff

}



.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-music-player .ytp-chapter-container {

    line-height: 48px

}



.ytp-small-mode.ytp-music-player .ytp-chapter-container {

    line-height: 35px

}



.ytp-big-mode .ytp-chapter-container {

    line-height: 53px

}



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

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transform-origin: top left;

    -ms-transform-origin: top left;

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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-player-content.ytp-cultural-moment-player-content {

    left: 12px;

    right: 12px

}



.ytp-big-mode .ytp-player-content.ytp-cultural-moment-player-content {

    left: 24px;

    right: 24px

}



.ytp-autohide .ytp-cultural-moment-player-content, .ytp-hide-controls .ytp-cultural-moment-player-content {

    bottom: 12px

}



.ytp-hip-hop-50-overlay {

    height: 20px;

    width: 108px;

    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjE2IiBoZWlnaHQ9IjQyNSIgdmlld0JveD0iMCAwIDIyMTYgNDI1IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMjg3LjYyIDQxNi4yNUMzNzcuNzQgNDE2LjA1IDQ4Mi4wNyA0MTIuODAgNTEzLjc0IDQwNC4wN0M1MzguMDkgMzk3LjU4IDU1Ni45NyAzNzguNzAgNTYzLjQ3IDM1NC4xNEM1NzIuMTkgMzIyLjQ4IDU3NS42NCAyNjIuMzkgNTc1Ljg1IDIxNC45MEM1NzUuNjQgMTY3LjgxIDU3Mi4xOSAxMDcuOTMgNTYzLjQ3IDc2LjY3QzU1Ni45NyA1MS45MCA1MzguMyAzMy4yMyA1MTMuNzQgMjYuNzNDNDgyLjA3IDE4LjAxIDM3Ny43NCAxNC41NiAyODcuNjIgMTQuMzVDMTk3LjcwIDE0LjU2IDkzLjU3IDE4LjAxIDYyLjExIDI2LjczQzM3Ljc1IDMzLjIzIDE4Ljg3IDUyLjExIDExLjk3IDc2LjY3QzMuNDUgMTA3LjkzIC4yMCAxNjcuODEgMCAyMTQuOTBDMC4yMCAyNjIuMzkgMy40NSAzMjIuNDggMTEuOTcgMzU0LjE0QzE4Ljg3IDM3OC41MCAzNy45NSAzOTcuNTggNjIuMTEgNDA0LjA3QzkzLjU3IDQxMi44MCAxOTcuNzAgNDE2LjA1IDI4Ny42MiA0MTYuMjVaTTIzMi4wMCAxMzEuNjdMMzc2LjMyIDIxNC45MEwyMzIuMDAgMjk4LjczVjEzMS42N1oiIGZpbGw9IndoaXRlIiAvPjxwYXRoIGQ9Ik03MzEuNTUgNDI1VjBIODYyLjYxVjcxLjg3SDgxNC45NVYxNzVIODU2LjMzVjI0Ni4yNUg4MTQuOTVWNDI1SDczMS41NVpNODc4LjczIDQyNVYwSDk2MS41MVY0MjVIODc4LjczWk05ODAuNjEgNDI1VjBIMTExMS42N1Y3MS44N0gxMDY0LjAyVjE3NUgxMTA1LjRWMjQ2LjI1SDEwNjQuMDJWNDI1SDk4MC42MVpNMTE1NS40MSA0MjVWNzEuODdIMTEyNC42N1YwSDEyNjkuNTNWNzEuODdIMTIzOC43OVY0MjVIMTE1NS40MVpNMTMzMC41NiA0MjVWMjc3LjUwTDEyODEuMDMgMEgxMzYyLjU2TDEzNzIuNTkgMTczLjc0SDEzNzMuODRMMTM4NS43NSAwSDE0NjUuMzlMMTQxNC42IDI3Ni4yNFY0MjQuOThIMTMzMC41NlY0MjVaTTE1NTcuMTUgNDI1VjBIMTY0My42OEMxNzAwLjEzIDAgMTczMy4zNiAzNC4zNyAxNzMzLjM2IDg5LjM3VjMzNi4yNEMxNzMzLjM2IDM5MS4yNCAxNjk5LjUgNDI1IDE2NDMuNjggNDI1SDE1NTcuMTVaTTE3NTEuNDkgNDI1VjBIMTg3OS40MlY3MS44N0gxODM0LjkxVjE3NUgxODc0LjRWMjQ2LjI1SDE4MzQuODlWMzUzLjc0SDE4NzkuNDFWNDI1SDE3NTEuNDlaTTE4OTYuMjQgNDI1VjBIMjAyNC4xN1Y3MS44N0gxOTc5LjY1VjE3NUgyMDE5LjE0VjI0Ni4yNUgxOTc5LjY1VjM1My43NEgyMDI0LjE3VjQyNUgxODk2LjI0Wk0yMDQwLjk4IDQyNVYwSDIxMzAuNjVDMjE5Ny4xMyAwIDIyMTUuOTQgMjkuOTkgMjIxNS45NCA4OS45OVYxNjkuMzdDMjIxNS45NCAyMzEuMjQgMjE5Mi4xMSAyNjEuODcgMjEyNy41MyAyNjEuODdIMjEyNC4zOVY0MjVIMjA0MC45OFoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPg==)

}



.ytp-cultural-moment-overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    -webkit-background-size: contain;

    background-size: contain;

    background-position: bottom left;

    background-repeat: no-repeat;

    z-index: 34;

    opacity: .7

}



.ytp-cultural-moment-overlay:hover {

    opacity: 1

}



.ytp-shorts-mode .ytp-player-content .ytp-cultural-moment-overlay, .ytp-ad-overlay-open .ytp-player-content .ytp-cultural-moment-overlay, .ytp-inline-preview-mode .ytp-player-content .ytp-cultural-moment-overlay, .ytp-player-minimized .ytp-player-content .ytp-cultural-moment-overlay {

    display: none

}



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

    -o-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);

        -o-transform: scale(0);

        transform: scale(0)

    }

    to {

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

        -o-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%);

    -o-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%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%);

    -webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);

    -o-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);

    -o-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-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-content {

    margin-top: 16px

}



.ytp-impression-link-text {

    color: white;

    float: left;

    font: 500 16px/16px "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;

    margin-left: 12px

}



.ytp-impression-link-logo {

    float: right;

    height: 16px;

    margin-left: 9px;

    margin-right: 12px;

    width: 72px

}



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

    -o-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);

    -o-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: 8px;

    bottom: 8px

}



.ytp-muted-autoplay-bottom-buttons .ytp-button, .ytp-muted-autoplay-bottom-buttons .ytp-watermark {

    display: inline-block;

    overflow: hidden;

    z-index: unset;

    bottom: 0;

    margin: 0 4px

}



.ytp-muted-autoplay-bottom-buttons .ytp-watermark {

    right: 0;

    padding-bottom: 3px;

    position: relative

}



.ytp-embed-mobile .ytp-muted-autoplay-bottom-buttons .ytp-watermark {

    padding-bottom: 0

}



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

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

}



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

        -o-transform: scaleY(1);

        transform: scaleY(1)

    }

    50% {

        -webkit-transform: scaleY(.5);

        -o-transform: scaleY(.5);

        transform: scaleY(.5)

    }

    100% {

        -webkit-transform: scaleY(1);

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

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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%);

    -o-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%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%)

}



.ytp-related-on-error-overlay .ytp-previous {

    left: 28px;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-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%);

    -o-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%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%);

    -webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);

    -o-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);

    -o-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-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: 49px;

    z-index: 28;

    opacity: .9

}



: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);

    -o-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: 70px

}



.ytp-hide-controls:not(.ytp-mweb-player) .ytp-watermark {

    bottom: 16px;

    -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);

    -o-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: 61px;

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

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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-music-player .ytp-error .ytp-small-redirect {

    height: 36px;

    width: 36px

}



.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-music-player.ytp-large-width-mode .ytp-error .ytp-small-redirect, .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-music-player.ytp-small-mode .ytp-error .ytp-small-redirect, .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%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    text-align: center;

    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);

    -o-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);

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

    -o-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);

        -o-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);

        -o-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);

        -o-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);

        -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-transition: bottom .1s cubic-bezier(0, 0, .2, 1);

    transition: bottom .1s cubic-bezier(0, 0, .2, 1)

}



.ytp-heat-map-v2 .ytp-heat-map-chapter rect.ytp-heat-map-graph {

    fill-opacity: .4

}



.ytp-heat-map-v2 .ytp-heat-map-chapter.ytp-heatmap-hover rect.ytp-heat-map-hover {

    height: 100%;

    width: 100%;

    fill-opacity: .7

}



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

    height: 0

}



.ytp-heat-map-played_bar .ytp-heat-map-play {

    height: 100%;

    fill: #f00

}



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

    -o-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%);

    -o-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%);

    -o-transform: translateX(100%);

    transform: translateX(100%)

}



[dir=rtl] .ytp-info-panel-detail[aria-hidden=true] {

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-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%);

    -o-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);

    -o-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);

    -o-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-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 {

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

    -o-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);

    -o-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);

    -o-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);

    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)

}



.html5-video-player.ytp-inline-preview-mode:not(.ended-mode):not(.cued-mode):not(.unstarted-mode) {

    overflow: visible

}



.ytp-inline-preview-mode .ytp-ypc-player-content {

    display: none

}



.ytp-inline-preview-ui {

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    z-index: 35

}



.ytp-inline-preview-ui .ytp-inline-preview-controls {

    border-radius: 2px;

    display: none;

    position: absolute;

    top: 8px;

    right: 8px;

    z-index: 77

}



.ytp-inline-preview-ui .ytp-subtitles-button, .ytp-inline-preview-ui .ytp-mute-button {

    width: 32px;

    height: 32px;

    padding: 0 4px;

    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-sizing: content-box;

    box-sizing: content-box

}



.ytp-inline-preview-ui .ytp-subtitles-button {

    position: relative

}



.ytp-inline-preview-ui .ytp-subtitles-button:before {

    content: "";

    position: absolute;

    bottom: 25%;

    top: 25%;

    left: 0;

    border-left: 1px solid rgba(255, 255, 255, .3)

}



.ytp-inline-preview-ui .ytp-subtitles-button[aria-pressed=true]:after {

    content: "";

    display: block;

    position: absolute;

    height: 2px;

    border-radius: 2px;

    width: 17px;

    bottom: 5px;

    background-color: #f00

}



.ytp-inline-preview-ui .ytp-time-display {

    pointer-events: none;

    position: absolute;

    left: 7px;

    bottom: 0

}



.ytp-inline-preview-ui .ytp-time-display .ytp-live-badge {

    display: none;

    width: auto;

    text-transform: uppercase

}



.ytp-inline-preview-ui .ytp-time-display.ytp-live .ytp-live-badge {

    display: inline-block

}



.ytp-inline-preview-mode.ytp-autohide .ytp-time-display {

    display: none

}



.ytp-inline-preview-scrim {

    width: 100%;

    height: 100%;

    -webkit-transition: opacity .2s cubic-bezier(.4, 0, .2, 1) .1s;

    -o-transition: opacity .2s cubic-bezier(.4, 0, .2, 1) .1s;

    transition: opacity .2s cubic-bezier(.4, 0, .2, 1) .1s;

    opacity: 1;

    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-inline-preview-mode.ytp-autohide .ytp-inline-preview-scrim {

    opacity: 0

}



ytd-video-preview:not([hide-volume-controls]) #inline-preview-player.ytp-show-inline-preview-audio-controls .ytp-inline-preview-controls {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex

}



#inline-preview-player .ytp-caption-window-container, #inline-preview-player .caption-window {

    pointer-events: none

}



#inline-preview-player .caption-window.ytp-caption-window-bottom {

    margin-bottom: 36px

}



#inline-preview-player.ytp-autohide .caption-window.ytp-caption-window-bottom {

    margin-bottom: 12px

}



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

    margin-bottom: 40px

}



.ytp-modern-caption#inline-preview-player.ytp-autohide .caption-window.ytp-caption-window-bottom, .ytp-modern-caption.ytp-mweb-player .caption-window.ytp-caption-window-bottom {

    margin-bottom: 16px

}



.ytp-inline-preview-scrim {

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .6) 100%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .6) 100%)

}



.ytp-inline-preview-scrim + .ytp-inline-preview-controls {

    background-color: rgba(0, 0, 0, .8)

}



.ytp-inline-preview-scrim + .ytp-inline-preview-controls:not(:hover) {

    -webkit-animation: background-fade .3s forwards;

    animation: background-fade .3s forwards;

    -webkit-animation-delay: 1s;

    animation-delay: 1s

}



@-webkit-keyframes background-fade {

    0% {

        background: rgba(0, 0, 0, .8)

    }

    100% {

        background: rgba(0, 0, 0, .3)

    }

}



@keyframes background-fade {

    0% {

        background: rgba(0, 0, 0, .8)

    }

    100% {

        background: rgba(0, 0, 0, .3)

    }

}



.ytp-inline-preview-mode.ad-showing .ytp-inline-preview-scrim, .ytp-inline-preview-mode.ad-showing .ytp-subtitles-button {

    display: none

}



.ytp-inline-preview-mode .ytp-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title {

    width: 200%;

    text-align: center;

    right: 48px

}



.ytp-inline-preview-mode .ytp-drag .ytp-exp-chapter-hover-effect, .ytp-inline-preview-mode .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-effect, .ytp-inline-preview-mode .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-container:hover {

    bottom: 1px;

    -webkit-transform: scaleY(1.4);

    -ms-transform: scaleY(1.4);

    -o-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)

}



#inline-preview-player:not(.ytp-large-width-mode) .ytp-progress-bar-container {

    bottom: -1px;

    position: absolute;

    z-index: 78

}



ytd-video-preview[hide-progress-bar] .ytp-progress-bar-container {

    display: none

}



ytd-video-preview[hide-preview-scrim] .ytp-inline-preview-scrim {

    opacity: 0

}



.ytp-inline-preview-mode.ytp-hide-inline-preview-progress-bar:not(.ytp-large-width-mode) .ytp-progress-bar-container {

    display: none

}



.ytp-inline-preview-mode:not(.ad-showing):not(.ytp-large-width-mode) .ytp-progress-bar-container:hover {

    bottom: 0

}



#inline-preview-player.ytp-progress-bar-hover .caption-window, #inline-preview-player.ytp-progress-bar-hover .ytp-time-display {

    display: none

}



.ytp-inline-preview-mode .video-ads, .ytp-inline-preview-mode.ytp-menu-shown .video-ads {

    display: block

}



.ytp-inline-preview-mode.ytp-menu-shown .ytp-ad-player-overlay {

    overflow: hidden

}



.ytp-inline-preview-mode.ytp-menu-shown .ytp-ad-player-overlay-flyout-cta, .ytp-inline-preview-mode.ytp-menu-shown .ytp-ad-preview-container, .ytp-inline-preview-mode.ytp-menu-shown .ytp-ad-skip-button-container {

    bottom: 32px

}



.ytp-inline-preview-mode.ytp-menu-shown .ytp-ad-player-overlay-instream-info {

    bottom: 3px;

    left: 6px

}



.ytp-inline-preview-mode .caption-container .ytp-caption-window-top {

    display: none

}



.ytp-inline-preview-mode .ytp-tooltip.ytp-text-detail .ytp-tooltip-title {

    text-transform: capitalize;

    font-size: 12px

}



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

    -o-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);

        -o-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    to {

        -webkit-transform: rotate(1turn);

        -o-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);

        -o-transform: rotate(1turn);

        transform: rotate(1turn)

    }

    to {

        -webkit-transform: rotate(0deg);

        -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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-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);

    -o-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-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);

    -o-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: opacity .2s cubic-bezier(.4, 0, .2, 1) .1s;

    -o-transition: opacity .2s cubic-bezier(.4, 0, .2, 1) .1s;

    transition: opacity .2s cubic-bezier(.4, 0, .2, 1) .1s;

    opacity: 0;

    display: -moz-flexbox;

    display: -webkit-flex;

    display: -webkit-box;

    display: flex;

    -webkit-align-items: center;

    -webkit-box-align: center;

    align-items: center;

    -moz-justify-content: center;

    -webkit-justify-content: center;

    -webkit-box-pack: center;

    justify-content: center

}



.ytp-miniplayer-scrim:focus-within {

    opacity: 1

}



.html5-video-player.ytp-player-minimized.unstarted-mode .ytp-miniplayer-scrim {

    opacity: 1

}



.ytp-miniplayer-scrim:hover {

    opacity: 1

}



.ytp-miniplayer-buttons {

    display: none

}



.ytp-player-minimized.ended-mode .ytp-miniplayer-buttons, .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 .ytp-drag .ytp-exp-chapter-hover-effect, .ytp-player-minimized .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-effect, .ytp-player-minimized .ytp-progress-bar-container:hover .ytp-exp-chapter-hover-container:hover {

    bottom: 1px;

    -webkit-transform: scaleY(1.4);

    -ms-transform: scaleY(1.4);

    -o-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:not(.ad-showing) .ytp-progress-bar-container:hover {

    bottom: 0

}



.ytp-player-minimized .video-ads, .ytp-player-minimized.ytp-menu-shown .video-ads {

    display: block

}



.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay {

    overflow: hidden

}



.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-flyout-cta, .ytp-player-minimized.ytp-menu-shown .ytp-ad-preview-container, .ytp-player-minimized.ytp-menu-shown .ytp-ad-skip-button-container {

    bottom: 32px

}



.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-instream-info {

    bottom: 3px;

    left: 6px

}



.ytp-player-minimized .ytp-tooltip.ytp-text-detail .ytp-tooltip-title {

    text-transform: capitalize;

    font-size: 12px

}



.ytp-player-minimized .html5-main-video, .ytp-player-minimized .ytp-miniplayer-scrim, .ytp-player-minimized.html5-video-player {

    border-radius: 12px 12px 0 0

}



.ytp-player-minimized.ytp-rounded-miniplayer-not-regular-wide-video .html5-main-video {

    border-radius: 0

}



.ytp-music-player .ytp-chrome-bottom {

    height: 49px

}



.ytp-small-mode.ytp-music-player .ytp-chrome-bottom {

    height: 36px

}



.ytp-music-player .ytp-chrome-controls {

    height: 49px;

    line-height: 49px

}



.ytp-music-player .ytp-chrome-controls .ytp-button {

    width: 40px;

    padding: 0

}



.ytp-music-player .ytp-chrome-controls .ytp-play-button {

    width: 46px

}



.ytp-small-mode.ytp-music-player .ytp-chrome-controls {

    height: 36px;

    line-height: 36px

}



.ytp-small-mode.ytp-music-player .ytp-chrome-controls .ytp-button {

    width: 36px

}



.ytp-big-mode.ytp-music-player .ytp-chrome-bottom {

    height: 54px

}



.ytp-big-mode.ytp-music-player .ytp-chrome-controls {

    height: 54px;

    line-height: 54px

}



.ytp-big-mode.ytp-music-player .ytp-chrome-controls .ytp-button {

    width: 54px

}



.ytp-big-mode.ytp-music-player .ytp-chrome-controls .ytp-play-button {

    width: 69px

}



.ytp-music-player .ytp-chrome-bottom .ytp-top-controls {

    display: -webkit-flex;

    display: -webkit-box;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    -webkit-box-align: end;

    -webkit-align-items: flex-end;

    align-items: flex-end;

    position: absolute;

    bottom: 65px;

    width: 100%

}



.ytp-small-mode.ytp-music-player .ytp-chrome-bottom .ytp-top-controls {

    bottom: 46px

}



.ytp-big-mode.ytp-music-player .ytp-chrome-bottom .ytp-top-controls {

    bottom: 70px

}



.ytp-music-cued-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);

    -o-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-hide-controls .ytp-music-cued-overlay .ytp-gradient-bottom {

    display: block

}



.ytp-music-cued-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-music-cued-atv.ytp-music-cued-overlay-image {

    background-size: contain;

    -moz-background-size: contain;

    -webkit-background-size: contain

}



.ytp-music-cued-overlay-bottom-content {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 16px;

    z-index: 59

}



.ytp-music-cued-overlay-bottom-content[aria-hidden=true] {

    opacity: 0;

    -webkit-transition: opacity .25s cubic-bezier(.4, 0, 1, 1);

    -o-transition: opacity .25s cubic-bezier(.4, 0, 1, 1);

    transition: opacity .25s cubic-bezier(.4, 0, 1, 1)

}



.ytp-music-cued-overlay-bottom-content .ytp-youtube-music-button {

    -webkit-align-self: flex-end;

    align-self: flex-end

}



.ytp-music-play-button {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    margin: 0 16px 0 0

}



.ytp-small-mode .ytp-music-play-button {

    width: 40px;

    height: 40px

}



.ytp-big-mode .ytp-music-play-button {

    width: 54px;

    height: 54px

}



.html5-endscreen.ytp-music-endscreen {

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background: rgba(0, 0, 0, .65);

    text-align: center

}



.ytp-music-cover-art-thumbnail {

    display: block;

    height: 100%;

    width: 100%;

    position: absolute;

    z-index: 11;

    background-color: #000;

    background-position: center;

    background-repeat: no-repeat;

    background-size: contain;

    -moz-background-size: contain;

    -webkit-background-size: contain

}



.ytp-music-endscreen .ytp-music-endscreen-content {

    margin: 48px 0 24px;

    padding: 0 16px

}



.ytp-small-mode .ytp-music-endscreen .ytp-music-endscreen-content {

    margin: 24px 0

}



.ytp-music-endscreen .ytp-music-endscreen-heading {

    font-size: 20px

}



.ytp-music-endscreen .ytp-music-endscreen-byline {

    display: block;

    font-size: 14px;

    margin-top: 8px

}



.ytp-music-endscreen .hidden {

    display: none

}



.ytp-music-endscreen .ytp-music-endscreen-buttons-container {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    margin-top: 24px

}



.ytp-music-endscreen .ytp-music-endscreen-button {

    display: inline-block;

    height: 36px;

    line-height: 36px;

    padding: 0 16px;

    border-radius: 2px;

    font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    background: #fff;

    color: #131313;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis

}



.ytp-big-mode .ytp-music-endscreen .ytp-music-endscreen-byline, .ytp-big-mode .ytp-music-endscreen .ytp-music-endscreen-button {

    font-size: 18px

}



.ytp-music-endscreen .ytp-music-endscreen-button:hover {

    color: #131313

}



.ytp-music-controls .ytp-right-controls {

    display: -webkit-box;

    display: -webkit-flex;

    display: flex

}



.ytp-small-mode .ytp-music-controls .ytp-play-button {

    width: 36px

}



.ytp-music-controls .ytp-share-button, .ytp-music-controls .ytp-copylink-button, .ytp-music-controls .ytp-like-button {

    margin: 0 6px 0 0

}



.ytp-music-controls .ytp-copylink-icon, .ytp-music-controls .ytp-share-icon {

    height: 49px

}



.ytp-small-mode .ytp-music-controls .ytp-copylink-icon, .ytp-small-mode .ytp-music-controls .ytp-share-icon {

    width: 32px;

    height: 36px

}



.ytp-big-mode .ytp-music-controls .ytp-copylink-icon, .ytp-big-mode .ytp-music-controls .ytp-share-icon {

    height: 54px

}



.ytp-music-controls .ytp-like-icon {

    width: 24px;

    height: 49px;

    padding: 0 6px

}



.ytp-small-mode .ytp-music-controls .ytp-like-icon {

    width: 20px;

    height: 36px

}



.ytp-big-mode .ytp-music-controls .ytp-like-icon {

    width: 32px;

    height: 54px

}



.ytp-music-controls .ytp-like-icon svg {

    width: 100%;

    height: 100%

}



.ytp-small-mode .ytp-music-controls .ytp-fullscreen-button {

    width: 32px

}



.ytp-music-controls .ytp-share-title {

    display: none

}



.ytp-youtube-music-button {

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    flex: 0 0 auto;

    padding-left: 16px

}



.ytp-youtube-music-button svg {

    width: 77px

}



.ytp-big-mode .ytp-youtube-music-button svg {

    width: 105px

}



.ytp-youtube-music-button.ytp-youtube-music-logo-icon-only svg {

    width: 24px

}



.ytp-music-video-details {

    -webkit-box-flex: 1;

    -webkit-flex: 1 1 0;

    flex: 1 1 0;

    -webkit-align-self: center;

    align-self: center;

    min-width: 0;

    color: #fff

}



.ytp-hide-info-bar .ytp-music-video-details {

    display: none

}



.ytp-music-video-details-title {

    display: block;

    font-size: 18px;

    font-weight: 500;

    margin: 0 0 4px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.ytp-small-mode .ytp-music-video-details-title {

    font-size: 14px

}



.ytp-big-mode .ytp-music-video-details-title {

    font-size: 22px

}



.ytp-music-video-details-byline {

    display: block;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.ytp-small-mode .ytp-music-video-details-byline {

    font-size: 12px

}



.ytp-big-mode .ytp-music-video-details-byline {

    font-size: 18px

}



.ytp-music-video-details-byline a:hover {

    text-decoration: underline

}



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

    -o-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);

    -o-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);

    -o-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);

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

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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 {

    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-big-mode .ytp-menuitem-icon svg {

    width: 36px;

    height: 36px

}



.ytp-menuitem-label {

    font-size: 118%;

    font-weight: 500

}



.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-menu-label-secondary {

    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;

    -o-transition: background-color 3s linear 1s;

    transition: background-color 3s linear 1s

}



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

    -o-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%);

    -o-transform: translateX(100%);

    transform: translateX(100%)

}



[dir=rtl] .ytp-playlist-menu[aria-hidden=true] {

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-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%);

    -o-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);

    -o-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);

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

    -o-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);

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

    -o-transition: all .1s;

    transition: all .1s

}



.ytp-scrubber-pull-indicator::before {

    -webkit-transition: all .2s;

    -o-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);

    -o-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);

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

    -o-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);

    -o-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);

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

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

    -o-transform-origin: 0 0;

    transform-origin: 0 0

}



.ytp-timed-markers-container {

    -webkit-transform: scaleY(.6);

    -ms-transform: scaleY(.6);

    -o-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);

    -o-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);

    -o-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);

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

}



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

    -o-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);

    -o-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);

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

    -o-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-music-player .ytp-progress-bar-container {

    bottom: 48px;

    height: 5px

}



.ytp-small-mode.ytp-music-player .ytp-progress-bar-container {

    bottom: 35px

}



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

    -o-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);

    -o-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);

    -o-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);

    -o-transform: rotateZ(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-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%)

}



[dir=ltr] .ytp-panel-animate-forward {

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%)

}



[dir=rtl] .ytp-panel-animate-back {

    -webkit-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%)

}



[dir=rtl] .ytp-panel-animate-forward {

    -webkit-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-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);

    -o-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);

    -o-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-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);

    -o-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);

    -o-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);

    -o-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);

        -o-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);

        -o-transform: rotate(135deg);

        transform: rotate(135deg)

    }

    25% {

        -webkit-transform: rotate(270deg);

        -o-transform: rotate(270deg);

        transform: rotate(270deg)

    }

    37.5% {

        -webkit-transform: rotate(405deg);

        -o-transform: rotate(405deg);

        transform: rotate(405deg)

    }

    50% {

        -webkit-transform: rotate(540deg);

        -o-transform: rotate(540deg);

        transform: rotate(540deg)

    }

    62.5% {

        -webkit-transform: rotate(675deg);

        -o-transform: rotate(675deg);

        transform: rotate(675deg)

    }

    75% {

        -webkit-transform: rotate(810deg);

        -o-transform: rotate(810deg);

        transform: rotate(810deg)

    }

    87.5% {

        -webkit-transform: rotate(945deg);

        -o-transform: rotate(945deg);

        transform: rotate(945deg)

    }

    to {

        -webkit-transform: rotate(3turn);

        -o-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);

        -o-transform: rotate(130deg);

        transform: rotate(130deg)

    }

    50% {

        -webkit-transform: rotate(-5deg);

        -o-transform: rotate(-5deg);

        transform: rotate(-5deg)

    }

    to {

        -webkit-transform: rotate(130deg);

        -o-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);

        -o-transform: rotate(-130deg);

        transform: rotate(-130deg)

    }

    50% {

        -webkit-transform: rotate(5deg);

        -o-transform: rotate(5deg);

        transform: rotate(5deg)

    }

    to {

        -webkit-transform: rotate(-130deg);

        -o-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);

    -o-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);

    -o-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%);

    -o-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);

    -o-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);

    -o-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)

}



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

    -o-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);

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

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

    -o-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);

    -o-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);

    -o-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);

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

}



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

    -moz-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);

    -o-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);

    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), -moz-margin-start .3s cubic-bezier(.4, 0, .2, 1);

    -webkit-transition: width .3s cubic-bezier(.4, 0, .2, 1);

    -o-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);

    -o-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);

    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), -moz-margin-start .3s cubic-bezier(.4, 0, .2, 1)

}



.ytp-suggested-action-badge-preview-expanded .ytp-suggested-action-product-thumbnail {

    -webkit-margin-start: 2px;

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

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

    -moz-margin-start: 2px;

    margin-inline-start: 2px;

    opacity: 1;

    width: 18px;

    -webkit-margin-start: 0;

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

    -moz-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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);

    -o-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-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-details .ytp-featured-product-vendor {

    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-trending ~ .ytp-featured-product-vendor {

    display: none

}



.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-music-player .ytp-time-display {

    line-height: 48px

}



.ytp-small-mode.ytp-music-player .ytp-time-display {

    line-height: 35px

}



.ytp-big-mode .ytp-time-display {

    line-height: 53px

}



.ytp-volume-slider-active .ytp-time-display-allow-autohide {

    display: none

}



.ytp-time-current, .ytp-time-separator, .ytp-time-duration {

    color: #ddd

}



.ytp-music-player .ytp-time-current, .ytp-music-player .ytp-time-separator, .ytp-music-player .ytp-time-duration {

    color: #fff

}



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

    -o-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);

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

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

    -o-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);

    -o-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);

    -o-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);

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

    -o-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);

    -o-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);

    -o-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);

    -o-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-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-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);

    -o-transform: scale(.1);

    transform: scale(.1)

}



.ytp-show-tiles .ytp-videowall-still {

    opacity: 1;

    -webkit-transform: none;

    -ms-transform: none;

    -o-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);

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

    -o-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-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);

    -o-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);

    -o-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);

    -o-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-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-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);

    -o-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);

    -o-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);

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

}