[wire\:loading][wire\:loading],
[wire\:loading\.delay][wire\:loading\.delay],
[wire\:loading\.inline-block][wire\:loading\.inline-block],
[wire\:loading\.inline][wire\:loading\.inline],
[wire\:loading\.block][wire\:loading\.block],
[wire\:loading\.flex][wire\:loading\.flex],
[wire\:loading\.table][wire\:loading\.table],
[wire\:loading\.grid][wire\:loading\.grid],
[wire\:loading\.inline-flex][wire\:loading\.inline-flex] {
    display: none;
}

[wire\:loading\.delay\.none][wire\:loading\.delay\.none],
[wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest],
[wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter],
[wire\:loading\.delay\.short][wire\:loading\.delay\.short],
[wire\:loading\.delay\.default][wire\:loading\.delay\.default],
[wire\:loading\.delay\.long][wire\:loading\.delay\.long],
[wire\:loading\.delay\.longer][wire\:loading\.delay\.longer],
[wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {
    display: none;
}

[wire\:offline][wire\:offline] {
    display: none;
}

[wire\:dirty]:not(textarea):not(input):not(select) {
    display: none;
}

:root {
    --livewire-progress-bar-color: #2299dd;
}

[x-cloak] {
    display: none !important;
}

[wire\:cloak] {
    display: none !important;
}

#nprogress {
    pointer-events: none;
}

#nprogress .bar {
    background: var(--livewire-progress-bar-color, #29d);

    position: fixed;
    z-index: 1031;
    top: 0;
    left: 0;

    width: 100%;
    height: 2px;
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0px;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px var(--livewire-progress-bar-color, #29d), 0 0 5px var(--livewire-progress-bar-color, #29d);
    opacity: 1.0;

    -webkit-transform: rotate(3deg) translate(0px, -4px);
    -ms-transform: rotate(3deg) translate(0px, -4px);
    transform: rotate(3deg) translate(0px, -4px);
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 15px;
    right: 15px;
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;

    border: solid 2px transparent;
    border-top-color: var(--livewire-progress-bar-color, #29d);
    border-left-color: var(--livewire-progress-bar-color, #29d);
    border-radius: 50%;

    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
    position: absolute;
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtE6F15M.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWvU6F15M.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtU6F15M.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuk6F15M.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWu06F15M.woff2) format('woff2');
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWxU6F15M.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqW106F15M.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWtk6F15M.woff2) format('woff2');
    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;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWt06F15M.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memtYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWqWuU6F.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
    unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu1aB.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu1aB.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    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;
}

/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Open Sans, Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

[type=text],
input:where(:not([type])),
[type=email],
[type=url],
[type=password],
[type=number],
[type=date],
[type=datetime-local],
[type=month],
[type=search],
[type=tel],
[type=time],
[type=week],
[multiple],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000
}

[type=text]:focus,
input:where(:not([type])):focus,
[type=email]:focus,
[type=url]:focus,
[type=password]:focus,
[type=number]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=week]:focus,
[multiple]:focus,
textarea:focus,
select:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
}

select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple],
[size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #2563eb;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

[type=checkbox]:checked,
[type=radio]:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")
}

[type=checkbox]:checked:hover,
[type=checkbox]:checked:focus,
[type=radio]:checked:hover,
[type=radio]:checked:focus {
    border-color: transparent;
    background-color: currentColor
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat
}

[type=checkbox]:indeterminate:hover,
[type=checkbox]:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit
}

[type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

@media (min-width: 640px) {
    .container {
        max-width: 640px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-inset-0 {
    top: -0px;
    right: -0px;
    bottom: -0px;
    left: -0px
}

.-inset-0\.5 {
    top: -.125rem;
    right: -.125rem;
    bottom: -.125rem;
    left: -.125rem
}

.-inset-1 {
    top: -.25rem;
    right: -.25rem;
    bottom: -.25rem;
    left: -.25rem
}

.-inset-1\.5 {
    top: -.375rem;
    right: -.375rem;
    bottom: -.375rem;
    left: -.375rem
}

.-inset-2 {
    top: -.5rem;
    right: -.5rem;
    bottom: -.5rem;
    left: -.5rem
}

.-inset-2\.5 {
    top: -.625rem;
    right: -.625rem;
    bottom: -.625rem;
    left: -.625rem
}

.-inset-px {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

.inset-x-4 {
    left: 1rem;
    right: 1rem
}

.inset-x-8 {
    left: 2rem;
    right: 2rem
}

.inset-y-0 {
    top: 0;
    bottom: 0
}

.-bottom-48 {
    bottom: -12rem
}

.-left-5 {
    left: -1.25rem
}

.-left-6 {
    left: -1.5rem
}

.-top-10 {
    top: -2.5rem
}

.-top-12 {
    top: -3rem
}

.-top-14 {
    top: -3.5rem
}

.-top-24 {
    top: -6rem
}

.-top-28 {
    top: -7rem
}

.-top-3 {
    top: -.75rem
}

.-top-40 {
    top: -10rem
}

.-top-5 {
    top: -1.25rem
}

.-top-52 {
    top: -13rem
}

.bottom-0 {
    bottom: 0
}

.bottom-6 {
    bottom: 1.5rem
}

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

.left-1\/2 {
    left: 50%
}

.left-\[calc\(50\%-11rem\)\] {
    left: calc(50% - 11rem)
}

.left-\[calc\(50\%-19rem\)\] {
    left: calc(50% - 19rem)
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.right-6 {
    right: 1.5rem
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-1\/2 {
    top: 50%
}

.top-24 {
    top: 6rem
}

.top-4 {
    top: 1rem
}

.top-\[calc\(50\%-36rem\)\] {
    top: calc(50% - 36rem)
}

.isolate {
    isolation: isolate
}

.-z-10 {
    z-index: -10
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.order-2 {
    order: 2
}

.order-first {
    order: -9999
}

.col-span-1 {
    grid-column: span 1 / span 1
}

.col-span-12 {
    grid-column: span 12 / span 12
}

.col-span-2 {
    grid-column: span 2 / span 2
}

.col-span-3 {
    grid-column: span 3 / span 3
}

.col-span-4 {
    grid-column: span 4 / span 4
}

.col-span-5 {
    grid-column: span 5 / span 5
}

.col-span-6 {
    grid-column: span 6 / span 6
}

.col-span-7 {
    grid-column: span 7 / span 7
}

.col-start-1 {
    grid-column-start: 1
}

.col-start-2 {
    grid-column-start: 2
}

.col-end-1 {
    grid-column-end: 1
}

.row-start-1 {
    grid-row-start: 1
}

.row-start-2 {
    grid-row-start: 2
}

.-m-2 {
    margin: -.5rem
}

.m-6 {
    margin: 1.5rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem
}

.-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.my-14 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.my-24 {
    margin-top: 6rem;
    margin-bottom: 6rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.-ml-0 {
    margin-left: -0px
}

.-ml-0\.5 {
    margin-left: -.125rem
}

.-ml-3 {
    margin-left: -.75rem
}

.-ml-48 {
    margin-left: -12rem
}

.-ml-8 {
    margin-left: -2rem
}

.-mr-0 {
    margin-right: -0px
}

.-mr-0\.5 {
    margin-right: -.125rem
}

.-mr-1 {
    margin-right: -.25rem
}

.-mr-2 {
    margin-right: -.5rem
}

.-mt-2 {
    margin-top: -.5rem
}

.-mt-20 {
    margin-top: -5rem
}

.-mt-3 {
    margin-top: -.75rem
}

.-mt-32 {
    margin-top: -8rem
}

.-mt-6 {
    margin-top: -1.5rem
}

.-mt-8 {
    margin-top: -2rem
}

.-mt-80 {
    margin-top: -20rem
}

.-mt-px {
    margin-top: -1px
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-14 {
    margin-bottom: 3.5rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-24 {
    margin-bottom: 6rem
}

.mb-28 {
    margin-bottom: 7rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-32 {
    margin-bottom: 8rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-40 {
    margin-bottom: 10rem
}

.mb-48 {
    margin-bottom: 12rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-9 {
    margin-bottom: 2.25rem
}

.mb-auto {
    margin-bottom: auto
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.ml-4 {
    margin-left: 1rem
}

.ml-5 {
    margin-left: 1.25rem
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-8 {
    margin-left: 2rem
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-auto {
    margin-right: auto
}

.ms-auto {
    margin-inline-start: auto
}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-24 {
    margin-top: 6rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-9 {
    margin-top: 2.25rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.flow-root {
    display: flow-root
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.aspect-\[1097\/1023\] {
    aspect-ratio: 1097/1023
}

.aspect-\[1097\/845\] {
    aspect-ratio: 1097/845
}

.aspect-\[1155\/678\] {
    aspect-ratio: 1155/678
}

.aspect-\[16\/9\] {
    aspect-ratio: 16/9
}

.aspect-\[2\/1\] {
    aspect-ratio: 2/1
}

.aspect-\[2\/3\] {
    aspect-ratio: 2/3
}

.aspect-video {
    aspect-ratio: 16 / 9
}

.size-10 {
    width: 2.5rem;
    height: 2.5rem
}

.size-14 {
    width: 3.5rem;
    height: 3.5rem
}

.size-16 {
    width: 4rem;
    height: 4rem
}

.size-5 {
    width: 1.25rem;
    height: 1.25rem
}

.size-6 {
    width: 1.5rem;
    height: 1.5rem
}

.size-7 {
    width: 1.75rem;
    height: 1.75rem
}

.size-full {
    width: 100%;
    height: 100%
}

.h-0 {
    height: 0px
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-32 {
    height: 8rem
}

.h-4 {
    height: 1rem
}

.h-44 {
    height: 11rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-80 {
    height: 20rem
}

.h-9 {
    height: 2.25rem
}

.h-\[600px\] {
    height: 600px
}

.h-\[64rem\] {
    height: 64rem
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-20 {
    max-height: 5rem
}

.max-h-28 {
    max-height: 7rem
}

.min-h-10 {
    min-height: 2.5rem
}

.min-h-20 {
    min-height: 5rem
}

.min-h-32 {
    min-height: 8rem
}

.min-h-40 {
    min-height: 10rem
}

.min-h-48 {
    min-height: 12rem
}

.min-h-96 {
    min-height: 24rem
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-0 {
    width: 0px
}

.w-1 {
    width: .25rem
}

.w-1\/2 {
    width: 50%
}

.w-1\/4 {
    width: 25%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-52 {
    width: 13rem
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-80 {
    width: 20rem
}

.w-96 {
    width: 24rem
}

.w-\[12\%\] {
    width: 12%
}

.w-\[14\%\] {
    width: 14%
}

.w-\[25rem\] {
    width: 25rem
}

.w-\[28\%\] {
    width: 28%
}

.w-\[36\.125rem\] {
    width: 36.125rem
}

.w-\[48rem\] {
    width: 48rem
}

.w-\[68\.5625rem\] {
    width: 68.5625rem
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.min-w-0 {
    min-width: 0px
}

.min-w-full {
    min-width: 100%
}

.max-w-0 {
    max-width: 0px
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-32 {
    max-width: 8rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-7xl {
    max-width: 80rem
}

.max-w-\[1800px\] {
    max-width: 1800px
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-max {
    max-width: -moz-max-content;
    max-width: max-content
}

.max-w-md {
    max-width: 28rem
}

.max-w-none {
    max-width: none
}

.max-w-screen-xl {
    max-width: 1280px
}

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-auto {
    flex: 1 1 auto
}

.flex-none {
    flex: none
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0,
.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.table-fixed {
    table-layout: fixed
}

.border-collapse {
    border-collapse: collapse
}

.border-separate {
    border-collapse: separate
}

.border-spacing-x-8 {
    --tw-border-spacing-x: 2rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.origin-top {
    transform-origin: top
}

.origin-top-left {
    transform-origin: top left
}

.origin-top-right {
    transform-origin: top right
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1 {
    --tw-translate-y: .25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-1\/2 {
    --tw-translate-y: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-2 {
    --tw-translate-y: .5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-y-4 {
    --tw-translate-y: 1rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-\[30deg\] {
    --tw-rotate: 30deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.list-disc {
    list-style-type: disc
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

.items-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-items-center {
    justify-items: center
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-14 {
    gap: 3.5rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-24 {
    gap: 6rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-0 {
    -moz-column-gap: 0px;
    column-gap: 0px
}

.gap-x-0\.5 {
    -moz-column-gap: .125rem;
    column-gap: .125rem
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

.gap-x-1\.5 {
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.gap-x-12 {
    -moz-column-gap: 3rem;
    column-gap: 3rem
}

.gap-x-14 {
    -moz-column-gap: 3.5rem;
    column-gap: 3.5rem
}

.gap-x-16 {
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

.gap-x-2 {
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.gap-x-20 {
    -moz-column-gap: 5rem;
    column-gap: 5rem
}

.gap-x-3 {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-x-32 {
    -moz-column-gap: 8rem;
    column-gap: 8rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-10 {
    row-gap: 2.5rem
}

.gap-y-16 {
    row-gap: 4rem
}

.gap-y-2 {
    row-gap: .5rem
}

.gap-y-20 {
    row-gap: 5rem
}

.gap-y-24 {
    row-gap: 6rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

.gap-y-8 {
    row-gap: 2rem
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.75rem * var(--tw-space-x-reverse));
    margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-8>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse))
}

.space-y-16>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(4rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-20>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-gray-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-divide-opacity))
}

.divide-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-divide-opacity))
}

.divide-gray-300>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-divide-opacity))
}

.divide-gray-900\/10>:not([hidden])~:not([hidden]) {
    border-color: #1118271a
}

.divide-gray-900\/5>:not([hidden])~:not([hidden]) {
    border-color: #1118270d
}

.divide-slate-600\/40>:not([hidden])~:not([hidden]) {
    border-color: #47556966
}

.divide-white\/10>:not([hidden])~:not([hidden]) {
    border-color: #ffffff1a
}

.divide-white\/5>:not([hidden])~:not([hidden]) {
    border-color: #ffffff0d
}

.place-self-center {
    place-self: center
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-y-scroll {
    overflow-y: scroll
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-balance {
    text-wrap: balance
}

.text-pretty {
    text-wrap: pretty
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-bl-3xl {
    border-bottom-left-radius: 1.5rem
}

.rounded-br-3xl {
    border-bottom-right-radius: 1.5rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0px
}

.border-2 {
    border-width: 2px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l {
    border-left-width: 1px
}

.border-l-4 {
    border-left-width: 4px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.border-gray-900\/10 {
    border-color: #1118271a
}

.border-gray-900\/5 {
    border-color: #1118270d
}

.border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgb(129 140 248 / var(--tw-border-opacity))
}

.border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgb(99 102 241 / var(--tw-border-opacity))
}

.border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgb(147 51 234 / var(--tw-border-opacity))
}

.border-red-400 {
    --tw-border-opacity: 1;
    border-color: rgb(248 113 113 / var(--tw-border-opacity))
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(239 68 68 / var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.border-white\/15 {
    border-color: #ffffff26
}

.border-white\/5 {
    border-color: #ffffff0d
}

.border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgb(250 204 21 / var(--tw-border-opacity))
}

.border-r-gray-700\/70 {
    border-right-color: #374151b3
}

.border-t-gray-200 {
    --tw-border-opacity: 1;
    border-top-color: rgb(229 231 235 / var(--tw-border-opacity))
}

.bg-\[\#010C17\] {
    --tw-bg-opacity: 1;
    background-color: rgb(1 12 23 / var(--tw-bg-opacity))
}

.bg-\[\#061B2C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(6 27 44 / var(--tw-bg-opacity))
}

.bg-\[\#0C0C0C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(12 12 12 / var(--tw-bg-opacity))
}

.bg-\[\#131C46\] {
    --tw-bg-opacity: 1;
    background-color: rgb(19 28 70 / var(--tw-bg-opacity))
}

.bg-\[\#55FF88\] {
    --tw-bg-opacity: 1;
    background-color: rgb(85 255 136 / var(--tw-bg-opacity))
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.bg-black\/40 {
    background-color: #0006
}

.bg-black\/65 {
    background-color: #000000a6
}

.bg-black\/70 {
    background-color: #000000b3
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity))
}

.bg-blue-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 37 84 / var(--tw-bg-opacity))
}

.bg-cyan-500\/10 {
    background-color: #06b6d41a
}

.bg-fuchsia-700\/80 {
    background-color: #a21cafcc
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.bg-gray-100\/50 {
    background-color: #f3f4f680
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.bg-gray-200\/40 {
    background-color: #e5e7eb66
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity))
}

.bg-gray-300\/20 {
    background-color: #d1d5db33
}

.bg-gray-300\/40 {
    background-color: #d1d5db66
}

.bg-gray-300\/50 {
    background-color: #d1d5db80
}

.bg-gray-300\/60 {
    background-color: #d1d5db99
}

.bg-gray-300\/75 {
    background-color: #d1d5dbbf
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}

.bg-gray-400\/10 {
    background-color: #9ca3af1a
}

.bg-gray-400\/5 {
    background-color: #9ca3af0d
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.bg-gray-500\/5 {
    background-color: #6b72800d
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}

.bg-gray-600\/80 {
    background-color: #4b5563cc
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity))
}

.bg-gray-800\/80 {
    background-color: #1f2937cc
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}

.bg-gray-900\/20 {
    background-color: #11182733
}

.bg-gray-900\/5 {
    background-color: #1118270d
}

.bg-gray-900\/50 {
    background-color: #11182780
}

.bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 7 18 / var(--tw-bg-opacity))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231 / var(--tw-bg-opacity))
}

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 253 244 / var(--tw-bg-opacity))
}

.bg-indigo-100\/20 {
    background-color: #e0e7ff33
}

.bg-indigo-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 255 / var(--tw-bg-opacity))
}

.bg-indigo-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(99 102 241 / var(--tw-bg-opacity))
}

.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity))
}

.bg-neutral-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(23 23 23 / var(--tw-bg-opacity))
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 115 22 / var(--tw-bg-opacity))
}

.bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 232 255 / var(--tw-bg-opacity))
}

.bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 245 255 / var(--tw-bg-opacity))
}

.bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(147 51 234 / var(--tw-bg-opacity))
}

.bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(126 34 206 / var(--tw-bg-opacity))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 226 226 / var(--tw-bg-opacity))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 242 242 / var(--tw-bg-opacity))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity))
}

.bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity))
}

.bg-red-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(153 27 27 / var(--tw-bg-opacity))
}

.bg-rose-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(76 5 25 / var(--tw-bg-opacity))
}

.bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.bg-white\/10 {
    background-color: #ffffff1a
}

.bg-white\/20 {
    background-color: #fff3
}

.bg-white\/40 {
    background-color: #fff6
}

.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity))
}

.bg-opacity-25 {
    --tw-bg-opacity: .25
}

.bg-opacity-50 {
    --tw-bg-opacity: .5
}

.bg-opacity-70 {
    --tw-bg-opacity: .7
}

.bg-opacity-75 {
    --tw-bg-opacity: .75
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-bl {
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--tw-gradient-stops))
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

.bg-none {
    background-image: none
}

.from-\[\#010C17\] {
    --tw-gradient-from: #010C17 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(1 12 23 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#ff4694\] {
    --tw-gradient-from: #ff4694 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 70 148 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#ff80b5\] {
    --tw-gradient-from: #ff80b5 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 128 181 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-700 {
    --tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-100 {
    --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700 {
    --tw-gradient-from: #374151 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-700\/50 {
    --tw-gradient-from: rgb(55 65 81 / .5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-700 {
    --tw-gradient-from: #15803d var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-700 {
    --tw-gradient-from: #7e22ce var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-rose-50\/50 {
    --tw-gradient-from: rgb(255 241 242 / .5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 241 242 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-600 {
    --tw-gradient-from: #0d9488 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-950 {
    --tw-gradient-from: #2e1065 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-violet-950\/75 {
    --tw-gradient-from: rgb(46 16 101 / .75) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(46 16 101 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-transparent {
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-\[\#01408D\] {
    --tw-gradient-to: #01408D var(--tw-gradient-to-position)
}

.to-\[\#776fff\] {
    --tw-gradient-to: #776fff var(--tw-gradient-to-position)
}

.to-\[\#9089fc\] {
    --tw-gradient-to: #9089fc var(--tw-gradient-to-position)
}

.to-blue-900 {
    --tw-gradient-to: #1e3a8a var(--tw-gradient-to-position)
}

.to-fuchsia-800 {
    --tw-gradient-to: #86198f var(--tw-gradient-to-position)
}

.to-gray-300 {
    --tw-gradient-to: #d1d5db var(--tw-gradient-to-position)
}

.to-green-900 {
    --tw-gradient-to: #14532d var(--tw-gradient-to-position)
}

.to-purple-950 {
    --tw-gradient-to: #3b0764 var(--tw-gradient-to-position)
}

.to-rose-100 {
    --tw-gradient-to: #ffe4e6 var(--tw-gradient-to-position)
}

.to-teal-900 {
    --tw-gradient-to: #134e4a var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-fixed {
    background-attachment: fixed
}

.bg-center {
    background-position: center
}

.bg-right-top {
    background-position: right top
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-black {
    fill: #000
}

.fill-current {
    fill: currentColor
}

.fill-indigo-500 {
    fill: #6366f1
}

.stroke-gray-400 {
    stroke: #9ca3af
}

.stroke-gray-600 {
    stroke: #4b5563
}

.stroke-red-500 {
    stroke: #ef4444
}

.stroke-red-600\/80 {
    stroke: #dc2626cc
}

.stroke-violet-600\/50 {
    stroke: #7c3aed80
}

.stroke-white\/20 {
    stroke: #fff3
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-\[20\%_100\%\] {
    -o-object-position: 20% 100%;
    object-position: 20% 100%
}

.object-bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.object-left {
    -o-object-position: left;
    object-position: left
}

.object-left-bottom {
    -o-object-position: left bottom;
    object-position: left bottom
}

.object-right {
    -o-object-position: right;
    object-position: right
}

.object-top {
    -o-object-position: top;
    object-position: top
}

.p-1 {
    padding: .25rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-14 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.py-32 {
    padding-top: 8rem;
    padding-bottom: 8rem
}

.py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-28 {
    padding-bottom: 7rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-32 {
    padding-bottom: 8rem
}

.pb-36 {
    padding-bottom: 9rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-44 {
    padding-bottom: 11rem
}

.pb-48 {
    padding-bottom: 12rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-72 {
    padding-bottom: 18rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-96 {
    padding-bottom: 24rem
}

.pl-1 {
    padding-left: .25rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pl-6 {
    padding-left: 1.5rem
}

.pl-9 {
    padding-left: 2.25rem
}

.pr-12 {
    padding-right: 3rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-9 {
    padding-right: 2.25rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-32 {
    padding-top: 8rem
}

.pt-36 {
    padding-top: 9rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-48 {
    padding-top: 12rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-sans {
    font-family: Open Sans, Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-base,
.text-base\/6 {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-base\/7 {
    font-size: 1rem;
    line-height: 1.75rem
}

.text-lg,
.text-lg\/7 {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-lg\/8 {
    font-size: 1.125rem;
    line-height: 2rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-sm\/6 {
    font-size: .875rem;
    line-height: 1.5rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xl\/8 {
    font-size: 1.25rem;
    line-height: 2rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.not-italic {
    font-style: normal
}

.leading-4 {
    line-height: 1rem
}

.leading-5 {
    line-height: 1.25rem
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-8 {
    line-height: 2rem
}

.leading-loose {
    line-height: 2
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11 / var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity))
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250 / var(--tw-text-opacity))
}

.text-blue-50 {
    --tw-text-opacity: 1;
    color: rgb(239 246 255 / var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}

.text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgb(34 211 238 / var(--tw-text-opacity))
}

.text-cyan-500 {
    --tw-text-opacity: 1;
    color: rgb(6 182 212 / var(--tw-text-opacity))
}

.text-cyan-600 {
    --tw-text-opacity: 1;
    color: rgb(8 145 178 / var(--tw-text-opacity))
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235 / var(--tw-text-opacity))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.text-gray-400\/60 {
    color: #9ca3af99
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.text-gray-500\/80 {
    color: #6b7280cc
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128 / var(--tw-text-opacity))
}

.text-green-50 {
    --tw-text-opacity: 1;
    color: rgb(240 253 244 / var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94 / var(--tw-text-opacity))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(22 163 74 / var(--tw-text-opacity))
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(22 101 52 / var(--tw-text-opacity))
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(79 70 229 / var(--tw-text-opacity))
}

.text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(67 56 202 / var(--tw-text-opacity))
}

.text-lime-600 {
    --tw-text-opacity: 1;
    color: rgb(101 163 13 / var(--tw-text-opacity))
}

.text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(251 146 60 / var(--tw-text-opacity))
}

.text-purple-300 {
    --tw-text-opacity: 1;
    color: rgb(216 180 254 / var(--tw-text-opacity))
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(168 85 247 / var(--tw-text-opacity))
}

.text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(147 51 234 / var(--tw-text-opacity))
}

.text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(126 34 206 / var(--tw-text-opacity))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity))
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(153 27 27 / var(--tw-text-opacity))
}

.text-rose-950 {
    --tw-text-opacity: 1;
    color: rgb(76 5 25 / var(--tw-text-opacity))
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity))
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity))
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity))
}

.text-violet-100 {
    --tw-text-opacity: 1;
    color: rgb(237 233 254 / var(--tw-text-opacity))
}

.text-violet-400 {
    --tw-text-opacity: 1;
    color: rgb(167 139 250 / var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-white\/60 {
    color: #fff9
}

.text-white\/80 {
    color: #fffc
}

.text-white\/90 {
    color: #ffffffe6
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity))
}

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(202 138 4 / var(--tw-text-opacity))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7 / var(--tw-text-opacity))
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(133 77 14 / var(--tw-text-opacity))
}

.text-zinc-600 {
    --tw-text-opacity: 1;
    color: rgb(82 82 91 / var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.placeholder-gray-300::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(209 213 219 / var(--tw-placeholder-opacity))
}

.placeholder-gray-300::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(209 213 219 / var(--tw-placeholder-opacity))
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-black {
    --tw-shadow-color: #000;
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-100 {
    --tw-shadow-color: #f3f4f6;
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-200\/50 {
    --tw-shadow-color: rgb(229 231 235 / .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-300 {
    --tw-shadow-color: #d1d5db;
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-500 {
    --tw-shadow-color: #6b7280;
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-500\/20 {
    --tw-shadow-color: rgb(107 114 128 / .2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-600 {
    --tw-shadow-color: #4b5563;
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-600\/20 {
    --tw-shadow-color: rgb(75 85 99 / .2);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-700\/40 {
    --tw-shadow-color: rgb(55 65 81 / .4);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-900\/50 {
    --tw-shadow-color: rgb(17 24 39 / .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.outline {
    outline-style: solid
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-inset {
    --tw-ring-inset: inset
}

.ring-black {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))
}

.ring-black\/10 {
    --tw-ring-color: rgb(0 0 0 / .1)
}

.ring-blue-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))
}

.ring-blue-700\/15 {
    --tw-ring-color: rgb(29 78 216 / .15)
}

.ring-cyan-500\/30 {
    --tw-ring-color: rgb(6 182 212 / .3)
}

.ring-gray-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity))
}

.ring-gray-200\/50 {
    --tw-ring-color: rgb(229 231 235 / .5)
}

.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity))
}

.ring-gray-400\/10 {
    --tw-ring-color: rgb(156 163 175 / .1)
}

.ring-gray-400\/20 {
    --tw-ring-color: rgb(156 163 175 / .2)
}

.ring-gray-500\/10 {
    --tw-ring-color: rgb(107 114 128 / .1)
}

.ring-gray-900\/10 {
    --tw-ring-color: rgb(17 24 39 / .1)
}

.ring-gray-900\/5 {
    --tw-ring-color: rgb(17 24 39 / .05)
}

.ring-indigo-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))
}

.ring-orange-600 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(234 88 12 / var(--tw-ring-opacity))
}

.ring-purple-700 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(126 34 206 / var(--tw-ring-opacity))
}

.ring-purple-700\/10 {
    --tw-ring-color: rgb(126 34 206 / .1)
}

.ring-purple-700\/20 {
    --tw-ring-color: rgb(126 34 206 / .2)
}

.ring-rose-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity))
}

.ring-transparent {
    --tw-ring-color: transparent
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity))
}

.ring-white\/10 {
    --tw-ring-color: rgb(255 255 255 / .1)
}

.ring-white\/15 {
    --tw-ring-color: rgb(255 255 255 / .15)
}

.ring-opacity-5 {
    --tw-ring-opacity: .05
}

.blur-3xl {
    --tw-blur: blur(64px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-75 {
    transition-duration: 75ms
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.\[mask-image\:radial-gradient\(closest-side\,white\,transparent\)\] {
    -webkit-mask-image: radial-gradient(closest-side, white, transparent);
    mask-image: radial-gradient(closest-side, white, transparent)
}

[x-cloak] {
    display: none
}

.marker\:text-3xl *::marker {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.marker\:text-purple-500 *::marker {
    color: #a855f7
}

.marker\:text-red-600 *::marker {
    color: #dc2626
}

.marker\:text-white *::marker {
    color: #fff
}

.marker\:text-3xl::marker {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.marker\:text-purple-500::marker {
    color: #a855f7
}

.marker\:text-red-600::marker {
    color: #dc2626
}

.marker\:text-white::marker {
    color: #fff
}

.selection\:bg-red-500 *::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.selection\:bg-red-500 *::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.selection\:text-white *::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.selection\:text-white *::selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.selection\:bg-red-500::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.selection\:bg-red-500::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.selection\:text-white::-moz-selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.selection\:text-white::selection {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.first\:pt-0:first-child {
    padding-top: 0
}

.last\:pb-0:last-child {
    padding-bottom: 0
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:border-l-4:hover {
    border-left-width: 4px
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.hover\:border-purple-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(168 85 247 / var(--tw-border-opacity))
}

.hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity))
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity))
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219 / var(--tw-bg-opacity))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.hover\:bg-gray-50\/80:hover {
    background-color: #f9fafbcc
}

.hover\:bg-gray-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

.hover\:bg-green-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity))
}

.hover\:bg-indigo-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity))
}

.hover\:bg-indigo-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 48 163 / var(--tw-bg-opacity))
}

.hover\:bg-indigo-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(49 46 129 / var(--tw-bg-opacity))
}

.hover\:bg-purple-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 245 255 / var(--tw-bg-opacity))
}

.hover\:bg-purple-600\/20:hover {
    background-color: #9333ea33
}

.hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(126 34 206 / var(--tw-bg-opacity))
}

.hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity))
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity))
}

.hover\:bg-red-600\/70:hover {
    background-color: #dc2626b3
}

.hover\:bg-red-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity))
}

.hover\:bg-rose-900:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(136 19 55 / var(--tw-bg-opacity))
}

.hover\:bg-sky-300\/10:hover {
    background-color: #7dd3fc1a
}

.hover\:bg-slate-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity))
}

.hover\:bg-slate-700\/40:hover {
    background-color: #33415566
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.hover\:bg-white\/20:hover {
    background-color: #fff3
}

.hover\:bg-white\/30:hover {
    background-color: #ffffff4d
}

.hover\:bg-white\/60:hover {
    background-color: #fff9
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.hover\:text-blue-100:hover {
    --tw-text-opacity: 1;
    color: rgb(219 234 254 / var(--tw-text-opacity))
}

.hover\:text-blue-200:hover {
    --tw-text-opacity: 1;
    color: rgb(191 219 254 / var(--tw-text-opacity))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity))
}

.hover\:text-cyan-500:hover {
    --tw-text-opacity: 1;
    color: rgb(6 182 212 / var(--tw-text-opacity))
}

.hover\:text-gray-100:hover {
    --tw-text-opacity: 1;
    color: rgb(243 244 246 / var(--tw-text-opacity))
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

.hover\:text-gray-400:hover {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39 / var(--tw-text-opacity))
}

.hover\:text-green-200:hover {
    --tw-text-opacity: 1;
    color: rgb(187 247 208 / var(--tw-text-opacity))
}

.hover\:text-purple-300:hover {
    --tw-text-opacity: 1;
    color: rgb(216 180 254 / var(--tw-text-opacity))
}

.hover\:text-purple-500:hover {
    --tw-text-opacity: 1;
    color: rgb(168 85 247 / var(--tw-text-opacity))
}

.hover\:text-purple-600:hover {
    --tw-text-opacity: 1;
    color: rgb(147 51 234 / var(--tw-text-opacity))
}

.hover\:text-purple-700:hover {
    --tw-text-opacity: 1;
    color: rgb(126 34 206 / var(--tw-text-opacity))
}

.hover\:text-red-100:hover {
    --tw-text-opacity: 1;
    color: rgb(254 226 226 / var(--tw-text-opacity))
}

.hover\:text-red-600:hover {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity))
}

.hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgb(185 28 28 / var(--tw-text-opacity))
}

.hover\:text-violet-300:hover {
    --tw-text-opacity: 1;
    color: rgb(196 181 253 / var(--tw-text-opacity))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:ring-gray-900\/20:hover {
    --tw-ring-color: rgb(17 24 39 / .2)
}

.focus\:z-10:focus {
    z-index: 10
}

.focus\:rounded-sm:focus {
    border-radius: .125rem
}

.focus\:border-gray-300:focus {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}

.focus\:border-indigo-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(99 102 241 / var(--tw-border-opacity))
}

.focus\:border-indigo-700:focus {
    --tw-border-opacity: 1;
    border-color: rgb(67 56 202 / var(--tw-border-opacity))
}

.focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.focus\:bg-gray-50:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.focus\:bg-gray-700:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity))
}

.focus\:bg-indigo-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(224 231 255 / var(--tw-bg-opacity))
}

.focus\:bg-indigo-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(79 70 229 / var(--tw-bg-opacity))
}

.focus\:bg-red-600:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity))
}

.focus\:text-gray-500:focus {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}

.focus\:text-gray-700:focus {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}

.focus\:text-gray-800:focus {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity))
}

.focus\:text-indigo-800:focus {
    --tw-text-opacity: 1;
    color: rgb(55 48 163 / var(--tw-text-opacity))
}

.focus\:opacity-100:focus {
    opacity: 1
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus\:outline:focus {
    outline-style: solid
}

.focus\:outline-2:focus {
    outline-width: 2px
}

.focus\:outline-red-500:focus {
    outline-color: #ef4444
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-inset:focus {
    --tw-ring-inset: inset
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))
}

.focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity))
}

.focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity))
}

.focus\:ring-red-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity))
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.focus\:ring-offset-gray-50:focus {
    --tw-ring-offset-color: #f9fafb
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.focus-visible\:outline:focus-visible {
    outline-style: solid
}

.focus-visible\:outline-2:focus-visible {
    outline-width: 2px
}

.focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px
}

.focus-visible\:outline-blue-400:focus-visible {
    outline-color: #60a5fa
}

.focus-visible\:outline-blue-950:focus-visible {
    outline-color: #172554
}

.focus-visible\:outline-indigo-600:focus-visible {
    outline-color: #4f46e5
}

.focus-visible\:outline-purple-700:focus-visible {
    outline-color: #7e22ce
}

.focus-visible\:outline-slate-300:focus-visible {
    outline-color: #cbd5e1
}

.focus-visible\:outline-white:focus-visible {
    outline-color: #fff
}

.focus-visible\:ring:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus-visible\:ring-blue-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity))
}

.focus-visible\:ring-indigo-300:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(165 180 252 / var(--tw-ring-opacity))
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.active\:bg-gray-50:active {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity))
}

.active\:bg-gray-900:active {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}

.active\:bg-red-700:active {
    --tw-bg-opacity: 1;
    background-color: rgb(185 28 28 / var(--tw-bg-opacity))
}

.disabled\:opacity-25:disabled {
    opacity: .25
}

.group:hover .group-hover\:stroke-gray-600 {
    stroke: #4b5563
}

.group:hover .group-hover\:stroke-violet-600\/75 {
    stroke: #7c3aedbf
}

.group:hover .group-hover\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity))
}

.group:hover .group-hover\:text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216 / var(--tw-text-opacity))
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

@media (prefers-reduced-motion: no-preference) {
    .motion-safe\:hover\:scale-\[1\.01\]:hover {
        --tw-scale-x: 1.01;
        --tw-scale-y: 1.01;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

@media (min-width: 640px) {
    .sm\:fixed {
        position: fixed
    }

    .sm\:absolute {
        position: absolute
    }

    .sm\:-top-10 {
        top: -2.5rem
    }

    .sm\:-top-12 {
        top: -3rem
    }

    .sm\:-top-80 {
        top: -20rem
    }

    .sm\:left-\[calc\(50\%-30rem\)\] {
        left: calc(50% - 30rem)
    }

    .sm\:right-0 {
        right: 0
    }

    .sm\:right-1\/2 {
        right: 50%
    }

    .sm\:right-6 {
        right: 1.5rem
    }

    .sm\:top-0 {
        top: 0
    }

    .sm\:top-8 {
        top: 2rem
    }

    .sm\:top-\[-28rem\] {
        top: -28rem
    }

    .sm\:-z-10 {
        z-index: -10
    }

    .sm\:order-last {
        order: 9999
    }

    .sm\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .sm\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .sm\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .sm\:col-span-8 {
        grid-column: span 8 / span 8
    }

    .sm\:-mx-0 {
        margin-left: -0px;
        margin-right: -0px
    }

    .sm\:-my-px {
        margin-top: -1px;
        margin-bottom: -1px
    }

    .sm\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm\:mx-6 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .sm\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .sm\:my-24 {
        margin-top: 6rem;
        margin-bottom: 6rem
    }

    .sm\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .sm\:-ml-12 {
        margin-left: -3rem
    }

    .sm\:-mr-12 {
        margin-right: -3rem
    }

    .sm\:-mr-2 {
        margin-right: -.5rem
    }

    .sm\:-mt-44 {
        margin-top: -11rem
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:ml-10 {
        margin-left: 2.5rem
    }

    .sm\:ml-12 {
        margin-left: 3rem
    }

    .sm\:ml-16 {
        margin-left: 4rem
    }

    .sm\:ml-3 {
        margin-left: .75rem
    }

    .sm\:ml-4 {
        margin-left: 1rem
    }

    .sm\:ml-40 {
        margin-left: 10rem
    }

    .sm\:ml-6 {
        margin-left: 1.5rem
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:mr-10 {
        margin-right: 2.5rem
    }

    .sm\:mr-12 {
        margin-right: 3rem
    }

    .sm\:mr-5 {
        margin-right: 1.25rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:mt-1 {
        margin-top: .25rem
    }

    .sm\:mt-10 {
        margin-top: 2.5rem
    }

    .sm\:mt-16 {
        margin-top: 4rem
    }

    .sm\:mt-20 {
        margin-top: 5rem
    }

    .sm\:mt-24 {
        margin-top: 6rem
    }

    .sm\:mt-4 {
        margin-top: 1rem
    }

    .sm\:mt-5 {
        margin-top: 1.25rem
    }

    .sm\:mt-6 {
        margin-top: 1.5rem
    }

    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:table-cell {
        display: table-cell
    }

    .sm\:grid {
        display: grid
    }

    .sm\:hidden {
        display: none
    }

    .sm\:aspect-\[2\/1\] {
        aspect-ratio: 2/1
    }

    .sm\:h-10 {
        height: 2.5rem
    }

    .sm\:h-16 {
        height: 4rem
    }

    .sm\:w-1\/2 {
        width: 50%
    }

    .sm\:w-10 {
        width: 2.5rem
    }

    .sm\:w-52 {
        width: 13rem
    }

    .sm\:w-\[50rem\] {
        width: 50rem
    }

    .sm\:w-\[72\.1875rem\] {
        width: 72.1875rem
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-full {
        width: 100%
    }

    .sm\:max-w-2xl {
        max-width: 42rem
    }

    .sm\:max-w-4xl {
        max-width: 56rem
    }

    .sm\:max-w-lg {
        max-width: 32rem
    }

    .sm\:max-w-md {
        max-width: 28rem
    }

    .sm\:max-w-none {
        max-width: none
    }

    .sm\:max-w-sm {
        max-width: 24rem
    }

    .sm\:max-w-xl {
        max-width: 36rem
    }

    .sm\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:scale-95 {
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:transform-gpu {
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .sm\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .sm\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-end {
        align-items: flex-end
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .sm\:gap-x-4 {
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }

    .sm\:gap-x-5 {
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }

    .sm\:gap-x-6 {
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem
    }

    .sm\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .sm\:gap-y-16 {
        row-gap: 4rem
    }

    .sm\:gap-y-20 {
        row-gap: 5rem
    }

    .sm\:gap-y-8 {
        row-gap: 2rem
    }

    .sm\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem * var(--tw-space-x-reverse));
        margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .sm\:space-y-12>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(3rem * var(--tw-space-y-reverse))
    }

    .sm\:divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-right-width: calc(1px * var(--tw-divide-x-reverse));
        border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
    }

    .sm\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
    }

    .sm\:rounded-3xl {
        border-radius: 1.5rem
    }

    .sm\:rounded-lg {
        border-radius: .5rem
    }

    .sm\:rounded-md {
        border-radius: .375rem
    }

    .sm\:rounded-bl-md {
        border-bottom-left-radius: .375rem
    }

    .sm\:rounded-br-md {
        border-bottom-right-radius: .375rem
    }

    .sm\:rounded-tl-md {
        border-top-left-radius: .375rem
    }

    .sm\:rounded-tr-md {
        border-top-right-radius: .375rem
    }

    .sm\:border-x {
        border-left-width: 1px;
        border-right-width: 1px
    }

    .sm\:border-r {
        border-right-width: 1px
    }

    .sm\:border-slate-600\/40 {
        border-color: #47556966
    }

    .sm\:border-slate-600\/60 {
        border-color: #47556999
    }

    .sm\:p-0 {
        padding: 0
    }

    .sm\:p-10 {
        padding: 2.5rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .sm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .sm\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .sm\:px-3\.5 {
        padding-left: .875rem;
        padding-right: .875rem
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .sm\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .sm\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .sm\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .sm\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .sm\:py-36 {
        padding-top: 9rem;
        padding-bottom: 9rem
    }

    .sm\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .sm\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .sm\:pb-12 {
        padding-bottom: 3rem
    }

    .sm\:pb-16 {
        padding-bottom: 4rem
    }

    .sm\:pb-24 {
        padding-bottom: 6rem
    }

    .sm\:pb-32 {
        padding-bottom: 8rem
    }

    .sm\:pb-4 {
        padding-bottom: 1rem
    }

    .sm\:pb-96 {
        padding-bottom: 24rem
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:pl-20 {
        padding-left: 5rem
    }

    .sm\:pl-6 {
        padding-left: 1.5rem
    }

    .sm\:pr-0 {
        padding-right: 0
    }

    .sm\:pr-12 {
        padding-right: 3rem
    }

    .sm\:pr-9 {
        padding-right: 2.25rem
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pt-12 {
        padding-top: 3rem
    }

    .sm\:pt-16 {
        padding-top: 4rem
    }

    .sm\:pt-20 {
        padding-top: 5rem
    }

    .sm\:pt-24 {
        padding-top: 6rem
    }

    .sm\:pt-32 {
        padding-top: 8rem
    }

    .sm\:pt-52 {
        padding-top: 13rem
    }

    .sm\:pt-60 {
        padding-top: 15rem
    }

    .sm\:pt-80 {
        padding-top: 20rem
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-right {
        text-align: right
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-2xl\/9 {
        font-size: 1.5rem;
        line-height: 2.25rem
    }

    .sm\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .sm\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .sm\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .sm\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-xl\/8 {
        font-size: 1.25rem;
        line-height: 2rem
    }

    .sm\:leading-6 {
        line-height: 1.5rem
    }

    .sm\:leading-8 {
        line-height: 2rem
    }

    .sm\:leading-\[4rem\] {
        line-height: 4rem
    }

    .sm\:blur-3xl {
        --tw-blur: blur(64px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
    }

    .sm\:duration-700 {
        transition-duration: .7s
    }
}

@media (min-width: 768px) {
    .md\:fixed {
        position: fixed
    }

    .md\:-left-20 {
        left: -5rem
    }

    .md\:-top-20 {
        top: -5rem
    }

    .md\:right-6 {
        right: 1.5rem
    }

    .md\:top-0 {
        top: 0
    }

    .md\:top-6 {
        top: 1.5rem
    }

    .md\:z-30 {
        z-index: 30
    }

    .md\:col-span-1 {
        grid-column: span 1 / span 1
    }

    .md\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .md\:m-16 {
        margin: 4rem
    }

    .md\:-mx-8 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .md\:-ml-4 {
        margin-left: -1rem
    }

    .md\:-mt-12 {
        margin-top: -3rem
    }

    .md\:-mt-2 {
        margin-top: -.5rem
    }

    .md\:-mt-32 {
        margin-top: -8rem
    }

    .md\:mb-12 {
        margin-bottom: 3rem
    }

    .md\:mb-14 {
        margin-bottom: 3.5rem
    }

    .md\:ml-0 {
        margin-left: 0
    }

    .md\:ml-6 {
        margin-left: 1.5rem
    }

    .md\:ml-auto {
        margin-left: auto
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mt-12 {
        margin-top: 3rem
    }

    .md\:mt-14 {
        margin-top: 3.5rem
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:mt-20 {
        margin-top: 5rem
    }

    .md\:mt-24 {
        margin-top: 6rem
    }

    .md\:mt-40 {
        margin-top: 10rem
    }

    .md\:mt-9 {
        margin-top: 2.25rem
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:h-12 {
        height: 3rem
    }

    .md\:h-24 {
        height: 6rem
    }

    .md\:h-screen {
        height: 100vh
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-20 {
        width: 5rem
    }

    .md\:w-24 {
        width: 6rem
    }

    .md\:w-full {
        width: 100%
    }

    .md\:max-w-2xl {
        max-width: 42rem
    }

    .md\:max-w-3xl {
        max-width: 48rem
    }

    .md\:max-w-7xl {
        max-width: 80rem
    }

    .md\:max-w-xl {
        max-width: 36rem
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .md\:gap-y-20 {
        row-gap: 5rem
    }

    .md\:rounded-tl-3xl {
        border-top-left-radius: 1.5rem
    }

    .md\:rounded-tr-3xl {
        border-top-right-radius: 1.5rem
    }

    .md\:border-b-0 {
        border-bottom-width: 0px
    }

    .md\:border-b-2 {
        border-bottom-width: 2px
    }

    .md\:border-r {
        border-right-width: 1px
    }

    .md\:object-center {
        -o-object-position: center;
        object-position: center
    }

    .md\:object-top {
        -o-object-position: top;
        object-position: top
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-16 {
        padding: 4rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .md\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .md\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:pb-16 {
        padding-bottom: 4rem
    }

    .md\:pb-5 {
        padding-bottom: 1.25rem
    }

    .md\:pl-16 {
        padding-left: 4rem
    }

    .md\:pl-4 {
        padding-left: 1rem
    }

    .md\:pr-10 {
        padding-right: 2.5rem
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pt-14 {
        padding-top: 3.5rem
    }

    .md\:pt-20 {
        padding-top: 5rem
    }

    .md\:pt-32 {
        padding-top: 8rem
    }

    .md\:pt-48 {
        padding-top: 12rem
    }

    .md\:pt-6 {
        padding-top: 1.5rem
    }

    .md\:text-left {
        text-align: left
    }

    .md\:align-middle {
        vertical-align: middle
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .md\:text-7xl {
        font-size: 4.5rem;
        line-height: 1
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:leading-7 {
        line-height: 1.75rem
    }

    .md\:shadow {
        --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
        --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .md\:shadow-gray-100 {
        --tw-shadow-color: #f3f4f6;
        --tw-shadow: var(--tw-shadow-colored)
    }
}

@media (min-width: 1024px) {
    .lg\:absolute {
        position: absolute
    }

    .lg\:inset-x-px {
        left: 1px;
        right: 1px
    }

    .lg\:-top-12 {
        top: -3rem
    }

    .lg\:-top-48 {
        top: -12rem
    }

    .lg\:bottom-0 {
        bottom: 0
    }

    .lg\:bottom-auto {
        bottom: auto
    }

    .lg\:right-8 {
        right: 2rem
    }

    .lg\:top-4 {
        top: 1rem
    }

    .lg\:top-8 {
        top: 2rem
    }

    .lg\:order-first {
        order: -9999
    }

    .lg\:order-last {
        order: 9999
    }

    .lg\:col-span-1 {
        grid-column: span 1 / span 1
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3
    }

    .lg\:col-span-4 {
        grid-column: span 4 / span 4
    }

    .lg\:col-span-5 {
        grid-column: span 5 / span 5
    }

    .lg\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .lg\:col-span-7 {
        grid-column: span 7 / span 7
    }

    .lg\:col-start-1 {
        grid-column-start: 1
    }

    .lg\:col-start-2 {
        grid-column-start: 2
    }

    .lg\:col-start-4 {
        grid-column-start: 4
    }

    .lg\:row-span-4 {
        grid-row: span 4 / span 4
    }

    .lg\:row-start-1 {
        grid-row-start: 1
    }

    .lg\:row-start-2 {
        grid-row-start: 2
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:-mb-14 {
        margin-bottom: -3.5rem
    }

    .lg\:-ml-0 {
        margin-left: -0px
    }

    .lg\:-ml-32 {
        margin-left: -8rem
    }

    .lg\:mb-20 {
        margin-bottom: 5rem
    }

    .lg\:ml-10 {
        margin-left: 2.5rem
    }

    .lg\:ml-20 {
        margin-left: 5rem
    }

    .lg\:ml-40 {
        margin-left: 10rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-16 {
        margin-top: 4rem
    }

    .lg\:mt-24 {
        margin-top: 6rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:table-cell {
        display: table-cell
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:aspect-\[3\/2\] {
        aspect-ratio: 3/2
    }

    .lg\:size-20 {
        width: 5rem;
        height: 5rem
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:min-h-48 {
        min-height: 12rem
    }

    .lg\:min-h-52 {
        min-height: 13rem
    }

    .lg\:min-h-72 {
        min-height: 18rem
    }

    .lg\:min-h-80 {
        min-height: 20rem
    }

    .lg\:min-h-full {
        min-height: 100%
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-48 {
        width: 12rem
    }

    .lg\:w-72 {
        width: 18rem
    }

    .lg\:w-80 {
        width: 20rem
    }

    .lg\:w-\[45\%\] {
        width: 45%
    }

    .lg\:w-\[55\%\] {
        width: 55%
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:max-w-2xl {
        max-width: 42rem
    }

    .lg\:max-w-48 {
        max-width: 12rem
    }

    .lg\:max-w-4xl {
        max-width: 56rem
    }

    .lg\:max-w-5xl {
        max-width: 64rem
    }

    .lg\:max-w-7xl {
        max-width: 80rem
    }

    .lg\:max-w-\[80\%\] {
        max-width: 80%
    }

    .lg\:max-w-\[95\%\] {
        max-width: 95%
    }

    .lg\:max-w-lg {
        max-width: 32rem
    }

    .lg\:max-w-md {
        max-width: 28rem
    }

    .lg\:max-w-none {
        max-width: none
    }

    .lg\:max-w-screen-xl {
        max-width: 1280px
    }

    .lg\:max-w-sm {
        max-width: 24rem
    }

    .lg\:max-w-xl {
        max-width: 36rem
    }

    .lg\:flex-auto {
        flex: 1 1 auto
    }

    .lg\:flex-shrink-0,
    .lg\:shrink-0 {
        flex-shrink: 0
    }

    .lg\:basis-1\/2 {
        flex-basis: 50%
    }

    .lg\:basis-3\/12 {
        flex-basis: 25%
    }

    .lg\:basis-5\/12 {
        flex-basis: 41.666667%
    }

    .lg\:basis-6\/12 {
        flex-basis: 50%
    }

    .lg\:basis-7\/12 {
        flex-basis: 58.333333%
    }

    .lg\:basis-8\/12 {
        flex-basis: 66.666667%
    }

    .lg\:translate-y-0 {
        --tw-translate-y: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .lg\:columns-2 {
        -moz-columns: 2;
        columns: 2
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:items-stretch {
        align-items: stretch
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-16 {
        gap: 4rem
    }

    .lg\:gap-32 {
        gap: 8rem
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-8 {
        gap: 2rem
    }

    .lg\:gap-x-10 {
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }

    .lg\:gap-x-11 {
        -moz-column-gap: 2.75rem;
        column-gap: 2.75rem
    }

    .lg\:gap-x-12 {
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }

    .lg\:gap-x-16 {
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }

    .lg\:gap-x-20 {
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }

    .lg\:gap-x-32 {
        -moz-column-gap: 8rem;
        column-gap: 8rem
    }

    .lg\:gap-x-8 {
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    .lg\:gap-y-16 {
        row-gap: 4rem
    }

    .lg\:gap-y-6 {
        row-gap: 1.5rem
    }

    .lg\:gap-y-8 {
        row-gap: 2rem
    }

    .lg\:space-x-0>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0px * var(--tw-space-x-reverse));
        margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)))
    }

    .lg\:space-x-5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .lg\:space-y-36>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(9rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(9rem * var(--tw-space-y-reverse))
    }

    .lg\:rounded-2xl {
        border-radius: 1rem
    }

    .lg\:rounded-3xl {
        border-radius: 1.5rem
    }

    .lg\:rounded-lg {
        border-radius: .5rem
    }

    .lg\:rounded-xl {
        border-radius: .75rem
    }

    .lg\:rounded-t-2xl {
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem
    }

    .lg\:border-l {
        border-left-width: 1px
    }

    .lg\:border-t-0 {
        border-top-width: 0px
    }

    .lg\:bg-gray-800\/80 {
        background-color: #1f2937cc
    }

    .lg\:bg-transparent {
        background-color: transparent
    }

    .lg\:bg-\[url\(\'https\:\/\/assets\.tracktion\.com\/img\/nav\/bg-nav-mega-w13-v4\.webp\'\)\] {
        background-image: url(https://assets.tracktion.com/img/nav/bg-nav-mega-w13-v4.webp)
    }

    .lg\:bg-contain {
        background-size: contain
    }

    .lg\:bg-right-bottom {
        background-position: right bottom
    }

    .lg\:bg-no-repeat {
        background-repeat: no-repeat
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:px-14 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .lg\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .lg\:px-24 {
        padding-left: 6rem;
        padding-right: 6rem
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .lg\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .lg\:py-28 {
        padding-top: 7rem;
        padding-bottom: 7rem
    }

    .lg\:py-32 {
        padding-top: 8rem;
        padding-bottom: 8rem
    }

    .lg\:py-40 {
        padding-top: 10rem;
        padding-bottom: 10rem
    }

    .lg\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pb-14 {
        padding-bottom: 3.5rem
    }

    .lg\:pb-16 {
        padding-bottom: 4rem
    }

    .lg\:pb-24 {
        padding-bottom: 6rem
    }

    .lg\:pb-3 {
        padding-bottom: .75rem
    }

    .lg\:pb-32 {
        padding-bottom: 8rem
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pl-24 {
        padding-left: 6rem
    }

    .lg\:pl-4 {
        padding-left: 1rem
    }

    .lg\:pl-6 {
        padding-left: 1.5rem
    }

    .lg\:pl-8 {
        padding-left: 2rem
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pr-10 {
        padding-right: 2.5rem
    }

    .lg\:pr-12 {
        padding-right: 3rem
    }

    .lg\:pr-24 {
        padding-right: 6rem
    }

    .lg\:pr-4 {
        padding-right: 1rem
    }

    .lg\:pr-8 {
        padding-right: 2rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pt-10 {
        padding-top: 2.5rem
    }

    .lg\:pt-12 {
        padding-top: 3rem
    }

    .lg\:pt-14 {
        padding-top: 3.5rem
    }

    .lg\:pt-24 {
        padding-top: 6rem
    }

    .lg\:pt-32 {
        padding-top: 8rem
    }

    .lg\:pt-36 {
        padding-top: 9rem
    }

    .lg\:pt-52 {
        padding-top: 13rem
    }

    .lg\:pt-8 {
        padding-top: 2rem
    }

    .lg\:pt-9 {
        padding-top: 2.25rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .lg\:leading-\[4\.4rem\] {
        line-height: 4.4rem
    }

    .lg\:leading-\[4rem\] {
        line-height: 4rem
    }

    .lg\:ring-0 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .lg\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .lg\:ring-white\/10 {
        --tw-ring-color: rgb(255 255 255 / .1)
    }
}

@media (min-width: 1280px) {
    .xl\:top-0 {
        top: 0
    }

    .xl\:order-none {
        order: 0
    }

    .xl\:col-auto {
        grid-column: auto
    }

    .xl\:col-span-2 {
        grid-column: span 2 / span 2
    }

    .xl\:col-end-3 {
        grid-column-end: 3
    }

    .xl\:row-span-2 {
        grid-row: span 2 / span 2
    }

    .xl\:row-start-1 {
        grid-row-start: 1
    }

    .xl\:row-end-2 {
        grid-row-end: 2
    }

    .xl\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .xl\:-mb-8 {
        margin-bottom: -2rem
    }

    .xl\:mt-0 {
        margin-top: 0
    }

    .xl\:grid {
        display: grid
    }

    .xl\:aspect-auto {
        aspect-ratio: auto
    }

    .xl\:w-72 {
        width: 18rem
    }

    .xl\:max-w-2xl {
        max-width: 42rem
    }

    .xl\:max-w-7xl {
        max-width: 80rem
    }

    .xl\:max-w-none {
        max-width: none
    }

    .xl\:flex-auto {
        flex: 1 1 auto
    }

    .xl\:flex-none {
        flex: none
    }

    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .xl\:grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr))
    }

    .xl\:flex-row {
        flex-direction: row
    }

    .xl\:items-stretch {
        align-items: stretch
    }

    .xl\:justify-start {
        justify-content: flex-start
    }

    .xl\:gap-8 {
        gap: 2rem
    }

    .xl\:gap-x-24 {
        -moz-column-gap: 6rem;
        column-gap: 6rem
    }

    .xl\:bg-\[url\(\'https\:\/\/assets\.tracktion\.com\/img\/nav\/bg-nav-mega-content-v2\.webp\'\)\] {
        background-image: url(https://assets.tracktion.com/img/nav/bg-nav-mega-content-v2.webp)
    }

    .xl\:bg-\[url\(\'https\:\/\/assets\.tracktion\.com\/img\/nav\/bg-nav-mega-fx-v2\.webp\'\)\] {
        background-image: url(https://assets.tracktion.com/img/nav/bg-nav-mega-fx-v2.webp)
    }

    .xl\:bg-\[url\(\'https\:\/\/assets\.tracktion\.com\/img\/nav\/bg-nav-mega-inst-v3\.webp\'\)\] {
        background-image: url(https://assets.tracktion.com/img/nav/bg-nav-mega-inst-v3.webp)
    }

    .xl\:bg-\[url\(\'https\:\/\/assets\.tracktion\.com\/img\/nav\/bg-nav-mega-live-v2\.webp\'\)\] {
        background-image: url(https://assets.tracktion.com/img/nav/bg-nav-mega-live-v2.webp)
    }

    .xl\:bg-contain {
        background-size: contain
    }

    .xl\:bg-right-bottom {
        background-position: right bottom
    }

    .xl\:bg-no-repeat {
        background-repeat: no-repeat
    }

    .xl\:p-10 {
        padding: 2.5rem
    }

    .xl\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .xl\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .xl\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }

    .xl\:pb-32 {
        padding-bottom: 8rem
    }

    .xl\:pl-20 {
        padding-left: 5rem
    }

    .xl\:pl-32 {
        padding-left: 8rem
    }

    .xl\:pr-12 {
        padding-right: 3rem
    }

    .xl\:pr-20 {
        padding-right: 5rem
    }

    .xl\:pr-32 {
        padding-right: 8rem
    }

    .xl\:pr-6 {
        padding-right: 1.5rem
    }

    .xl\:pt-14 {
        padding-top: 3.5rem
    }

    .xl\:pt-16 {
        padding-top: 4rem
    }

    .xl\:pt-8 {
        padding-top: 2rem
    }

    .xl\:pt-80 {
        padding-top: 20rem
    }

    .xl\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1536px) {
    .\32xl\:max-w-\[70\%\] {
        max-width: 70%
    }

    .\32xl\:max-w-\[80\%\] {
        max-width: 80%
    }

    .\32xl\:pr-0 {
        padding-right: 0
    }
}

@media (prefers-color-scheme: dark) {
    .dark\:bg-gray-800\/50 {
        background-color: #1f293780
    }

    .dark\:bg-gray-900 {
        --tw-bg-opacity: 1;
        background-color: rgb(17 24 39 / var(--tw-bg-opacity))
    }

    .dark\:bg-red-800\/20 {
        background-color: #991b1b33
    }

    .dark\:bg-gradient-to-bl {
        background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
    }

    .dark\:stroke-gray-600 {
        stroke: #4b5563
    }

    .dark\:text-gray-400 {
        --tw-text-opacity: 1;
        color: rgb(156 163 175 / var(--tw-text-opacity))
    }

    .dark\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .dark\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
    }

    .dark\:ring-1 {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
    }

    .dark\:ring-inset {
        --tw-ring-inset: inset
    }

    .dark\:ring-white\/5 {
        --tw-ring-color: rgb(255 255 255 / .05)
    }

    .dark\:hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity))
    }

    .group:hover .dark\:group-hover\:stroke-gray-400 {
        stroke: #9ca3af
    }
}

@charset "UTF-8";

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

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

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

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

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

.ytp-autohide {
    cursor: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-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-delhi-modern .ytp-chrome-bottom {
    height: 68px
}

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

.ytp-delhi-modern.ytp-small-mode .ytp-chrome-bottom,
.ytp-delhi-modern.ytp-small-mode .ytp-chrome-controls {
    height: 68px
}

.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-delhi-modern.ytp-big-mode .ytp-chrome-bottom {
    height: 68px;
    padding-top: 0
}

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

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

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

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

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

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

.ytp-embed .ytp-chrome-controls .ytp-button.ytp-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-delhi-modern .ytp-chrome-controls .ytp-right-controls .ytp-button {
    padding: 0
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(ytp-miniplayer-button-container>*) {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    height: 40px;
    border-radius: 28px;
    padding: 0 16px;
    padding: 0;
    margin-top: 14px;
    margin-left: 8px
}

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

.ytp-big-mode.ytp-delhi-modern .ytp-chrome-controls .ytp-next-button:not(ytp-miniplayer-button-container>*) {
    margin-top: 6px
}

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

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

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

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

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

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

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

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

.ytp-big-mode .ytp-chrome-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-delhi-modern .ytp-prev-button:not(ytp-miniplayer-button-container>*) {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    height: 40px;
    border-radius: 28px;
    padding: 0 16px;
    padding: 0;
    margin-top: 14px;
    margin-left: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ytp-big-mode.ytp-delhi-modern .ytp-prev-button:not(ytp-miniplayer-button-container>*) {
    margin-top: 6px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-delhi-modern .ytp-chrome-controls {
    height: 68px;
    line-height: 68px
}

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

.ytp-big-mode.ytp-delhi-modern .ytp-left-controls {
    margin-top: 8px
}

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

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

.ytp-delhi-modern .ytp-right-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: 14px
}

.ytp-delhi-modern .ytp-right-controls:not(.ytp-right-controls-separate) {
    height: 40px;
    border-radius: 28px;
    padding: 0 16px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    padding: 0
}

.ytp-delhi-modern .ytp-right-controls:not(.ytp-right-controls-separate) .ytp-right-controls-left::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 20px;
    margin: 0 4px 10px;
    background-color: var(--yt-spec-static-overlay-text-disabled, rgba(255, 255, 255, .3))
}

.ytp-right-controls.ytp-right-controls-separate .ytp-right-controls-left {
    height: 40px;
    border-radius: 28px;
    padding: 0 16px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    padding: 0;
    margin-right: 8px
}

.ytp-right-controls.ytp-right-controls-separate .ytp-right-controls-right {
    height: 40px;
    border-radius: 28px;
    padding: 0 16px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    padding: 0
}

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

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

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

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

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

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

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

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

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

.ytp-delhi-modern .ytp-gradient-top,
.ytp-delhi-modern .ytp-gradient-bottom {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    20% {
        background-color: #0f0
    }

    40% {
        background-color: #00f
    }

    60% {
        background-color: #f0f
    }

    80% {
        background-color: #ff0
    }

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

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

    20% {
        background-color: #0f0
    }

    40% {
        background-color: #00f
    }

    60% {
        background-color: #f0f
    }

    80% {
        background-color: #ff0
    }

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

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

    20% {
        color: #0f0
    }

    40% {
        color: #00f
    }

    60% {
        color: #f0f
    }

    80% {
        color: #ff0
    }

    100% {
        color: #0ff
    }
}

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

    20% {
        color: #0f0
    }

    40% {
        color: #00f
    }

    60% {
        color: #f0f
    }

    80% {
        color: #ff0
    }

    100% {
        color: #0ff
    }
}

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

    20% {
        fill: #0f0
    }

    40% {
        fill: #00f
    }

    60% {
        fill: #f0f
    }

    80% {
        fill: #ff0
    }

    100% {
        fill: #0ff
    }
}

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

    20% {
        fill: #0f0
    }

    40% {
        fill: #00f
    }

    60% {
        fill: #f0f
    }

    80% {
        fill: #ff0
    }

    100% {
        fill: #0ff
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-ad-clickable {
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-ad-info-hover-text-button--clean-player {
    margin-right: 0
}

.ytp-delhi-modern .ytp-ad-info-hover-text-button {
    height: 36px
}

.ytp-delhi-modern :first-child>.ytp-ad-info-hover-text-button {
    margin-left: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-ad-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: 850
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-ad-survey-questions {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    height: 100%
}

.ytp-ad-survey-question {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-flex-grow: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-top: 0;
    font-family: "Roboto", Arial, sans-serif
}

.ytp-ssap .ytp-ad-survey-questions {
    margin: 0;
    background-color: #000;
    z-index: 64
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-ad-toggle-button-label {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    height: 100%;
    pointer-events: auto;
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-ad-instream-user-sentiment-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: 850
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-ad-underlay-headline {
    width: 100%;
    height: 100%;
    color: rgb(255, 255, 255);
    font-size: 2.5vw;
    font-weight: 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: 850
}

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

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

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

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

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

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

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

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

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

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

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

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

.color-contrast-fix .ytp-ad-survey-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-badge {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    left: 0;
    position: relative
}

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

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

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

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

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

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

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

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

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

.ytp-ad-grid-card-text {
    max-width: 500px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, .1);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer
}

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

.ytp-ad-grid-card-text__metadata {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-left: 16px;
    margin-top: 12px;
    margin-bottom: 12px;
    min-width: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-ad-avatar-lockup-card__avatar_and_text_container--large {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-align-self: start;
    align-self: start
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ytp-delhi-modern .ytp-ad-player-overlay-layout__ad-info-container {
    bottom: 88px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    text-shadow: none
}

.ytp-delhi-modern .ytp-ad-player-overlay-layout__ad-info-container-left {
    display: inline-block;
    line-height: 40px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    height: 40px;
    border-radius: 28px;
    padding: 0 16px
}

.ytp-delhi-modern .ytp-ad-player-overlay-layout__player-card-container {
    bottom: 140px
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-layout__ad-info-container {
    left: 16px;
    bottom: 9px
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-layout__player-card-container {
    left: 16px;
    bottom: 39px
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-layout__ad-disclosure-banner-container {
    left: 16px;
    top: 16px
}

.ytp-hide-controls .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-autohide .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-iv-drawer-open .ytp-ad-player-overlay-layout__ad-info-container {
    bottom: 15px;
    -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
    transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide .ytp-ad-player-overlay-layout__player-card-container {
    bottom: 45px;
    -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
    transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-delhi-modern.ytp-autohide .ytp-ad-player-overlay-layout__player-card-container {
    bottom: 67px;
    -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
    transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-small-mode.ytp-hide-controls .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-small-mode.ytp-autohide .ytp-ad-player-overlay-layout__ad-info-container,
.ytp-small-mode.ytp-iv-drawer-open .ytp-ad-player-overlay-layout__ad-info-container {
    bottom: 7px
}

.ytp-small-mode.ytp-autohide .ytp-ad-player-overlay-layout__player-card-container {
    bottom: 37px
}

.ytp-ad-avatar--size-xxs {
    width: 16px;
    height: 16px
}

.ytp-ad-avatar--size-xs {
    width: 24px;
    height: 24px
}

.ytp-ad-avatar--size-s {
    width: 32px;
    height: 32px
}

.ytp-ad-avatar--size-m {
    width: 36px;
    height: 36px
}

.ytp-ad-avatar--size-l {
    width: 56px;
    height: 56px
}

.ytp-ad-avatar--size-xl {
    width: 72px;
    height: 72px
}

.ytp-ad-avatar--circular {
    border-radius: 50%
}

.ytp-ad-avatar--rounded-corner {
    border-radius: 20%
}

.ytp-ad-details-line {
    display: block
}

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

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

.ytp-video-interstitial-buttoned-centered-layout__background-image-container {
    width: 100%;
    height: 100%;
    z-index: 65;
    border: none
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-image-background-image {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    background-position: center center;
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

.ytp-video-interstitial-buttoned-centered-layout__content {
    z-index: 65;
    pointer-events: none;
    display: block;
    position: absolute;
    inset: 0
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    margin-left: -215px;
    width: 430px;
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup__ad-avatar-container {
    pointer-events: auto;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup__headline-container {
    pointer-events: auto;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup__headline {
    padding: 28px 0 10px;
    color: rgb(255, 255, 255);
    font-family: "Roboto", Arial, sans-serif;
    font-size: 28px;
    font-weight: 900;
    line-height: 34px;
    max-height: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup__details-line-container {
    pointer-events: auto;
    cursor: pointer;
    white-space: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.ytp-video-interstitial-buttoned-centered-layout__content__lockup__ad-button-container {
    display: inline-block;
    padding: 6px 0;
    position: relative
}

.ytp-video-interstitial-buttoned-centered-layout__content__instream-info-container {
    bottom: 6px;
    cursor: default;
    left: 18px;
    pointer-events: auto;
    position: absolute;
    text-shadow: 0 0 4px rgba(0, 0, 0, .75);
    z-index: 850;
    -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1);
    transition: bottom .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-badge::after {
    padding-right: unset
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-badge {
    margin-left: 5px
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-details-line {
    padding: 6px 0 22px
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-button-vm::before {
    content: "";
    position: absolute;
    inset: -6px 0;
    cursor: pointer
}

.ytp-video-interstitial-buttoned-centered-layout__timed-pie-countdown-container {
    bottom: auto;
    left: auto;
    top: 4px;
    right: 6px;
    display: block;
    position: absolute;
    z-index: 65
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-avatar--size-responsive {
    width: 64px;
    height: 64px
}

.ytp-video-interstitial-buttoned-centered-layout .ytp-ad-details-line__text--style-responsive {
    color: #aaa;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    max-height: none;
    padding-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout__content__lockup {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    top: 50%;
    position: absolute;
    margin-left: 0;
    left: 0;
    text-align: left;
    width: 245px;
    padding: 0 0 0 16px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout__content__lockup__ad-avatar-container {
    pointer-events: auto;
    cursor: pointer;
    margin: 0 auto 0 -6px;
    padding: 6px;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout__content__lockup__headline-container {
    pointer-events: auto;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 0 0
}

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

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout__content__lockup__details-line-container {
    display: none
}

.ytp-small-mode .ytp-video-interstitial-buttoned-centered-layout .ytp-ad-avatar--size-responsive {
    width: 36px;
    height: 36px
}

.ytp-skip-ad {
    z-index: 850
}

.ytp-skip-ad-button {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    border: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    height: 36px;
    border-radius: 18px;
    background-color: rgba(0, 0, 0, .6);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    direction: ltr;
    min-width: 0;
    padding: 0 6px 0 16px;
    width: auto;
    pointer-events: auto;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    right: 22px;
    bottom: 95px;
    z-index: 1000;
    -webkit-transition: opacity .5s cubic-bezier(0, 0, .2, 1);
    transition: opacity .5s cubic-bezier(0, 0, .2, 1)
}

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

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

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

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

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

.ytp-skip-ad-button__text {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    display: inline-block;
    vertical-align: middle
}

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

.ytp-delhi-modern .ytp-skip-ad-button {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6))
}

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

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

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

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

circle.ytp-timed-pie-countdown__background {
    stroke: none;
    fill: none
}

circle.ytp-timed-pie-countdown__inner {
    fill: none;
    stroke-width: 10px;
    stroke: rgba(255, 255, 255, .75)
}

circle.ytp-timed-pie-countdown__outer {
    fill: none;
    stroke-width: 1;
    stroke: rgba(255, 255, 255, .75)
}

.ytp-visit-advertiser-link {
    color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    margin-left: 16px;
    position: relative;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline
}

.ytp-visit-advertiser-link::before {
    content: "";
    cursor: pointer;
    position: absolute;
    inset: -8px
}

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

.ytp-visit-advertiser-link__text {
    color: #fff;
    cursor: pointer;
    font-family: "YouTube Noto", Roboto, arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    opacity: 1;
    text-decoration: none;
    text-shadow: 0 0 16px rgba(0, 0, 0, .5);
    vertical-align: baseline
}

.ytp-delhi-modern .ytp-visit-advertiser-link {
    margin-left: 8px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    height: 40px;
    border-radius: 28px;
    padding: 0 16px
}

.ytp-delhi-modern .ytp-visit-advertiser-link__text {
    line-height: 40px
}

.ytp-iv-video-content {
    position: absolute
}

.ytp-iv-video-content .video-annotations {
    display: block;
    position: absolute;
    z-index: 20;
    width: 100%
}

.annotation {
    position: absolute;
    color: #000;
    padding: 5px;
    text-align: left;
    word-wrap: break-word;
    z-index: 0;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.video-legacy-annotations .annotation {
    background: rgba(0, 0, 0, 0);
    filter: alpha(opacity=0);
    font-family: sans-serif;
    white-space: pre-wrap
}

.annotation-close-button {
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
    height: 16px;
    left: 0;
    opacity: .85;
    position: absolute;
    top: 0;
    width: 16px
}

.annotation-close-button:hover {
    opacity: 1
}

.annotation-link-icon {
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute
}

.annotation-type-custom {
    padding: 0;
    cursor: default
}

.annotation-type-custom>div {
    float: left;
    padding: 0;
    overflow: hidden
}

.iv-click-target {
    cursor: pointer
}

.ytp-ad-overlay-open .iv-branding,
.ytp-ad-overlay-open .iv-promo {
    display: none
}

.iv-branding {
    bottom: 0;
    right: 0;
    z-index: 30;
    opacity: 1;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    -webkit-transition-delay: .33s;
    transition-delay: .33s
}

.ytp-iv-drawer-open .iv-branding {
    opacity: 0;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.iv-branding .branding-context-container-outer {
    bottom: 0;
    float: left;
    padding-right: 10px;
    position: absolute
}

.iv-branding .branding-context-container-inner {
    background-color: rgba(28, 28, 28, .9);
    bottom: 0;
    color: #eee;
    max-width: 246px;
    opacity: 0;
    right: 0;
    white-space: nowrap;
    border-radius: 8px;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.iv-branding-active .branding-context-container-inner {
    opacity: 1;
    border-radius: 8px;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.iv-branding .branding-img-container img {
    display: block;
    opacity: .7;
    position: relative
}

.iv-branding .branding-img-container {
    float: right
}

.iv-branding img.iv-click-target:hover {
    opacity: 1
}

.iv-branding .iv-branding-context-name {
    max-width: 215px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 10px 5px
}

.iv-branding .iv-branding-context-subscribe {
    padding: 0 10px 10px;
    font-size: 11px;
    color: #aaa
}

.iv-branding .iv-branding-context-subscribe-caret {
    display: none
}

.iv-promo,
.iv-promo .iv-promo-img,
.iv-promo .iv-promo-img img,
.iv-promo .iv-promo-contents,
.iv-promo .iv-promo-contents>div,
.iv-promo .iv-promo-contents>a,
.iv-promo .iv-promo-actions {
    height: 40px
}

.iv-promo {
    bottom: 61px;
    left: 0;
    z-index: 31;
    max-width: 100%;
    background-color: rgba(0, 0, 0, .8);
    color: #ccc;
    font-size: 11px;
    white-space: nowrap;
    -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
    transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-embed .iv-promo {
    bottom: 53px
}

.ytp-big-mode .iv-promo {
    bottom: 70px
}

.html5-video-player.ad-showing .iv-promo {
    bottom: 86px
}

.ytp-embed.html5-video-player.ad-showing .iv-promo {
    bottom: 78px
}

.html5-video-player.ytp-big-mode.ad-showing .iv-promo {
    bottom: 95px
}

.iv-promo:hover {
    background-color: rgba(0, 0, 0, .9)
}

.iv-promo>div,
.iv-promo .iv-promo-contents>div,
.iv-promo .iv-promo-contents>a {
    display: inline-block;
    float: none !important;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iv-promo .iv-promo-contents>a {
    color: #ccc
}

.iv-promo.iv-promo-inactive {
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
    transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.iv-promo .iv-promo-img {
    left: 0;
    position: absolute
}

.iv-promo .iv-promo-img,
.iv-promo .iv-promo-img img {
    z-index: 1;
    width: 40px
}

.iv-promo .iv-promo-img .iv-promo-playlist-length,
.iv-promo .iv-promo-img .iv-promo-video-duration,
.iv-promo .iv-promo-contents .iv-promo-txt p,
.iv-promo .iv-promo-contents .iv-promo-txt strong {
    overflow: hidden;
    text-overflow: ellipsis
}

.iv-promo .iv-promo-contents .iv-promo-badge-live {
    margin: 4px 8px 0;
    border: 1px solid #fff;
    background-color: #e62117;
    color: #fff
}

.iv-promo .iv-promo-img .iv-promo-playlist-length,
.iv-promo .iv-promo-img .iv-promo-video-duration {
    position: absolute
}

.iv-promo .iv-promo-img .iv-promo-playlist-length {
    top: 0;
    right: 0;
    border-left: 1px solid rgba(255, 255, 255, .25);
    width: 30px;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    font-weight: 500;
    text-align: center;
    line-height: 40px
}

.iv-promo .iv-promo-img .iv-promo-video-duration {
    bottom: 2px;
    right: 2px;
    padding: 3px 2px;
    max-width: 32px;
    background-color: #000;
    color: #fff;
    font-size: 10px
}

.iv-promo .iv-promo-contents {
    padding-right: 31px;
    width: 100%;
    max-width: 311px;
    -webkit-transition: max-width .2s ease-out, padding-right .2s ease-out;
    transition: max-width .2s ease-out, padding-right .2s ease-out
}

.iv-promo .iv-promo-img+.iv-promo-contents {
    padding-left: 40px;
    max-width: 351px
}

.iv-promo .iv-promo-contents .iv-promo-txt,
.iv-promo .iv-promo-contents .iv-promo-button-container {
    direction: ltr;
    max-width: 100%;
    overflow: hidden;
    -webkit-font-smoothing: antialiased
}

.iv-promo .iv-promo-contents .iv-promo-txt p {
    margin: 3px 8px -4px;
    line-height: 18px
}

.iv-promo .iv-promo-contents .iv-promo-txt strong {
    color: #fff;
    font-size: 12px
}

.iv-promo-txt p span,
.iv-promo-txt p strong {
    display: inline-block;
    max-width: 264px;
    overflow: hidden;
    text-overflow: ellipsis
}

.iv-promo-with-button .iv-promo-txt p span,
.iv-promo-with-button .iv-promo-txt p strong {
    max-width: 184px
}

.iv-promo-txt p:first-child strong,
.iv-promo-txt p:first-child span {
    margin-bottom: -6px
}

.iv-promo .iv-promo-contents .iv-promo-txt .iv-promo-link {
    position: relative;
    padding-right: 20px;
    max-width: 244px;
    color: #ffd100
}

.iv-promo .iv-promo-contents .iv-promo-txt .iv-promo-link::after {
    position: absolute;
    top: 2px;
    right: 0;
    opacity: .5;
    content: ""
}

.iv-promo .iv-promo-contents .iv-promo-txt:hover .iv-promo-link::after {
    opacity: 1
}

.iv-promo-button-container {
    position: absolute;
    right: 31px
}

.iv-button {
    display: inline-block;
    height: 28px;
    border: solid 1px transparent;
    padding: 0 10px;
    outline: 0;
    font-family: "YouTube Noto", Roboto, arial, sans-serif;
    font-weight: 500;
    font-size: 11px;
    text-decoration: none;
    white-space: nowrap;
    word-wrap: normal;
    line-height: normal;
    vertical-align: middle;
    cursor: pointer;
    *overflow: visible;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iv-button:hover {
    text-decoration: none
}

.iv-button:focus,
.iv-button:focus:hover {
    -webkit-box-shadow: 0 0 0 2px rgba(27, 127, 204, .4);
    box-shadow: 0 0 0 2px rgba(27, 127, 204, .4)
}

.no-focus-outline .yt-uix-button:focus,
.no-focus-outline .yt-uix-button:focus:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.iv-button[disabled],
.iv-button[disabled]:hover,
.iv-button[disabled]:active,
.iv-button[disabled]:focus {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: auto;
    -webkit-box-shadow: none;
    box-shadow: none
}

.iv-button,
.iv-button[disabled],
.iv-button[disabled]:hover,
.iv-button[disabled]:active,
.iv-button[disabled]:focus {
    border-color: #167ac6;
    background: #167ac6;
    color: #fff
}

.iv-button:hover {
    background: #126db3
}

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

.iv-button .iv-button-content {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis
}

a.iv-button::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.iv-promo-button {
    width: 64px;
    margin: 6px 8px
}

.iv-promo .iv-promo-actions,
.iv-promo .iv-promo-actions .iv-promo-close,
.iv-promo .iv-promo-actions .iv-promo-expand {
    top: 0;
    right: 0;
    position: absolute
}

.iv-promo .iv-promo-actions {
    width: 31px
}

.iv-promo .iv-promo-actions .iv-promo-close,
.iv-promo .iv-promo-actions .iv-promo-expand {
    cursor: pointer;
    -webkit-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}

.iv-promo .iv-promo-actions .iv-promo-close::after,
.iv-promo .iv-promo-actions .iv-promo-expand::after {
    display: block;
    content: ""
}

.iv-promo .iv-promo-actions .iv-promo-close {
    opacity: 1
}

.iv-promo .iv-promo-actions .iv-promo-close::after {
    margin: 16px 10px 15px 12px;
    opacity: .5
}

.iv-promo .iv-promo-actions .iv-promo-expand::after {
    margin: 16px 12px 15px
}

.iv-promo.iv-promo-video .iv-promo-img,
.iv-promo.iv-promo-video .iv-promo-img img {
    width: 71px
}

.iv-promo.iv-promo-video .iv-promo-img+.iv-promo-contents {
    padding-left: 71px;
    max-width: 382px
}

.iv-promo.iv-promo-with-button .iv-promo-contents .iv-promo-txt {
    padding-right: 80px
}

.iv-promo.iv-promo-collapsed .iv-promo-contents,
.iv-promo.iv-promo-collapsed .iv-promo-actions .iv-promo-close,
.iv-promo.iv-promo-collapsed .iv-promo-actions .iv-promo-expand {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.iv-promo.iv-promo-collapsed .iv-promo-contents {
    padding-right: 28px;
    max-width: 0 !important
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui {
    left: 16px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents .iv-promo-txt {
    padding-left: 60px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button-container {
    line-height: 64px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui,
.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents,
.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents>div,
.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents>a {
    height: 64px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button {
    min-width: 110px;
    height: 36px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-img {
    top: 6px;
    left: 6px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-img,
.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-img img {
    height: 52px;
    width: 52px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents .iv-promo-txt strong {
    font-size: 16px;
    padding-top: 4px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button {
    font-size: 15px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents .iv-promo-txt .iv-promo-link {
    font-size: 14px;
    padding-top: 12px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-contents .iv-promo-txt {
    min-width: 220px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-round-expand-icon {
    top: 38px;
    left: 42px
}

.ytp-large-width-mode .iv-promo-website-card-cta-larger-ui .iv-promo-button {
    margin: 0 12px 0 0
}

.iv-promo-website-card-cta-redesign {
    text-align: left;
    cursor: pointer;
    background-color: transparent;
    left: 12px
}

.iv-promo-website-card-cta-redesign:hover {
    background-color: transparent
}

.iv-promo-website-card-cta-redesign .iv-promo-img+.iv-promo-contents {
    max-width: 400px;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 2px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    -webkit-transition: width .2s cubic-bezier(0, 0, .2, 1) .5s, max-width .2s cubic-bezier(.4, 0, 1, 1);
    transition: width .2s cubic-bezier(0, 0, .2, 1) .5s, max-width .2s cubic-bezier(.4, 0, 1, 1)
}

.iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-img+.iv-promo-contents {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.iv-promo-website-card-cta-redesign:hover .iv-promo-contents {
    background-color: rgb(255, 255, 255)
}

.iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-contents {
    padding-right: 0
}

.iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt {
    max-width: 250px;
    padding-top: 10px;
    padding-left: 52px
}

.iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt p {
    line-height: 16px;
    margin-top: 0
}

.iv-promo-website-card-cta-redesign .iv-promo-button-container {
    direction: ltr;
    max-width: 150px;
    line-height: 56px;
    position: static
}

.iv-promo-website-card-cta-redesign .iv-promo-button {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: inherit;
    font-weight: 500;
    margin: 0 8px 0 0
}

.iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt .iv-promo-link::after,
.iv-promo-website-card-cta-redesign .iv-promo-actions {
    display: none
}

.iv-promo-website-card-cta-redesign,
.iv-promo-website-card-cta-redesign .iv-promo-contents,
.iv-promo-website-card-cta-redesign .iv-promo-contents>div,
.iv-promo-website-card-cta-redesign .iv-promo-contents>a {
    direction: ltr;
    height: 56px
}

.iv-promo-website-card-cta-redesign .iv-promo-img {
    height: 48px;
    width: 48px;
    top: 4px;
    left: 4px;
    overflow: visible;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .2, 1);
    transition: transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1)
}

.iv-promo-website-card-cta-redesign .iv-promo-img img {
    height: 48px;
    width: 48px
}

.iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-round-expand-icon {
    opacity: 1;
    -webkit-transition: opacity .15s cubic-bezier(0, 0, .2, 1) .9s;
    transition: opacity .15s cubic-bezier(0, 0, .2, 1) .9s
}

.iv-promo-website-card-cta-redesign .iv-promo-round-expand-icon {
    position: absolute;
    padding-left: 0;
    z-index: 850;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    top: 34px;
    left: 38px;
    background-color: #4688f1;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
    opacity: 0
}

.iv-promo-website-card-cta-redesign .iv-promo-round-expand-icon::after {
    display: block;
    content: ""
}

.iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt strong {
    font-size: 14px;
    padding-top: 2px;
    color: #333
}

.iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt .iv-promo-link {
    padding: 8px 20px 0 0;
    font-size: 13px;
    color: #767676
}

.iv-promo-website-card-cta-redesign.iv-promo-inactive .iv-promo-contents {
    width: 0
}

.iv-promo-website-card-cta-redesign.iv-promo-inactive,
.iv-promo-website-card-cta-redesign.iv-promo-inactive .iv-promo-img {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%)
}

.iv-promo-website-card-cta-redesign.iv-promo-inactive .iv-promo-round-expand-icon {
    display: none
}

.ytp-small-mode .iv-promo-website-card-cta-redesign,
.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents,
.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents>div,
.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents>a {
    height: 40px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-img,
.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-img img {
    height: 40px;
    width: 40px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt {
    padding: 4px 4px 4px 40px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt strong {
    padding-top: 0;
    font-size: 12px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-contents .iv-promo-txt .iv-promo-link {
    padding-top: 4px;
    font-size: 11px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-round-expand-icon {
    top: 26px;
    left: 30px
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-img {
    top: 0;
    left: 0
}

.ytp-small-mode .iv-promo-website-card-cta-redesign .iv-promo-button-container {
    display: none
}

.ytp-autohide .iv-promo-website-card-cta-redesign.iv-promo-collapsed .iv-promo-img {
    opacity: .8;
    -webkit-transition: transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, 1, 1) .8s;
    transition: transform .2s cubic-bezier(0, 0, .2, 1), -webkit-transform .2s cubic-bezier(0, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, 1, 1) .8s
}

.iv-drawer,
.iv-drawer-header,
.iv-drawer-content {
    position: absolute
}

.iv-drawer {
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 33;
    width: 177px;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    -webkit-transition: -webkit-transform .33s cubic-bezier(.4, 0, 1, 1);
    transition: transform .33s cubic-bezier(.4, 0, 1, 1), -webkit-transform .33s cubic-bezier(.4, 0, 1, 1)
}

.iv-drawer-small.iv-drawer {
    width: 133px
}

.iv-drawer-big.iv-drawer {
    font-size: 20px;
    line-height: 24px;
    width: 295px
}

[dir=ltr] .iv-drawer {
    -webkit-transform: translateX(177px);
    -ms-transform: translateX(177px);
    transform: translateX(177px)
}

[dir=rtl] .iv-drawer {
    -webkit-transform: translateX(-177px);
    -ms-transform: translateX(-177px);
    transform: translateX(-177px)
}

.ytp-autohide.ytp-embed-overlays-autohide .iv-drawer {
    opacity: 0;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide:not(.ytp-autohide-active).ytp-embed-overlays-autohide .iv-drawer {
    display: none
}

.iv-drawer-content * {
    text-align: left
}

.ytp-iv-drawer-open .iv-drawer {
    -webkit-transition: -webkit-transform .33s cubic-bezier(0, 0, .2, 1);
    transition: transform .33s cubic-bezier(0, 0, .2, 1), -webkit-transform .33s cubic-bezier(0, 0, .2, 1);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.iv-drawer-header {
    top: 0;
    padding: 16px 32px 0 16px;
    width: 177px;
    height: 41px
}

.iv-drawer-small .iv-drawer-header {
    padding: 9px 24px 0 12px;
    height: 28px;
    width: 133px
}

.iv-drawer-big .iv-drawer-header {
    padding: 20px 48px 0 32px;
    height: 64px;
    width: 295px
}

.iv-drawer-header-text {
    font-weight: 500;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.html5-video-player .iv-drawer-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iv-drawer-content {
    top: 41px;
    bottom: 0;
    border-top: 1px solid transparent;
    padding: 0 16px;
    width: 145px;
    overflow-x: hidden;
    overflow-y: auto;
    direction: ltr;
    text-align: left
}

.iv-drawer-small .iv-drawer-content {
    padding: 0 12px;
    top: 28px;
    width: 109px
}

.iv-drawer-big .iv-drawer-content {
    padding: 0 32px;
    top: 64px;
    width: 231px
}

.iv-drawer-scrolled .iv-drawer-content {
    border-color: rgba(0, 0, 0, .4)
}

.iv-drawer-content::-webkit-scrollbar {
    background-color: transparent;
    width: 16px
}

.iv-drawer-content::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: content-box;
    background-color: rgba(102, 102, 102, .5)
}

.iv-drawer-content::-webkit-scrollbar-track {
    background-color: transparent
}

.ytp-autohide .iv-drawer-content::-webkit-scrollbar-thumb {
    background-color: transparent
}

.iv-drawer-content:hover::-webkit-scrollbar-thumb {
    background-color: #666 !important
}

.iv-drawer-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px;
    opacity: .75;
    cursor: pointer
}

.iv-drawer-small .iv-drawer-close-button {
    padding: 8px
}

.iv-drawer-big .iv-drawer-close-button {
    padding: 24px
}

.iv-drawer-close-button::after {
    display: block;
    content: ""
}

.iv-drawer-close-button:hover {
    opacity: 1
}

.iv-card,
.iv-card a.iv-click-target,
.iv-card a.iv-click-target:hover,
.iv-card a.iv-click-target:focus {
    display: block;
    color: #767676;
    text-decoration: none
}

.iv-card {
    margin-bottom: 16px;
    width: 145px;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    word-wrap: break-word;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

.iv-drawer-small .iv-card {
    width: 109px
}

.iv-drawer-big .iv-card {
    width: 231px
}

.iv-card:hover .iv-card-primary-link {
    color: #167ac6 !important
}

.iv-card h2,
.iv-card-action {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.webkit .iv-card h2::after,
.webkit .iv-card-action::after {
    content: "‌";
    position: static;
    visibility: hidden
}

.iv-card h2 {
    margin: 0 0 8px;
    -webkit-line-clamp: 6;
    max-height: 90px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px
}

.iv-drawer-small .iv-card h2 {
    font-size: 11px;
    line-height: 12px;
    max-height: 72px
}

.iv-drawer-big .iv-card h2 {
    font-size: 20px;
    line-height: 24px;
    max-height: 144px
}

.iv-card p,
.iv-card .iv-card-meta-info,
.iv-card .iv-card-action {
    margin: -6px 0 2px
}

.iv-card-meta-info {
    list-style: none;
    padding: 0
}

.iv-card-image {
    position: relative;
    border-bottom: 1px solid #e2e2e2;
    width: 145px;
    height: 145px;
    background: #f1f1f1 no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff
}

.iv-drawer-small .iv-card-image {
    width: 109px;
    height: 109px
}

.iv-drawer-big .iv-card-image {
    width: 231px;
    height: 231px
}

.iv-card-image-text {
    position: absolute;
    bottom: 0;
    padding: 20px 10px 8px;
    width: 100%;
    background-image: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .6) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, .6)));
    background-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .6) 100%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.iv-drawer-small .iv-card-image-text {
    font-size: 11px;
    line-height: 12px;
    padding: 6px 8px
}

.iv-drawer-big .iv-card-image-text {
    font-size: 18px;
    line-height: 20px;
    padding: 12px 16px
}

.iv-card-image-text .yt-badge {
    margin-right: 5px
}

.iv-card-content {
    padding: 8px 10px
}

.iv-drawer-small .iv-card-content {
    padding: 6px 8px
}

.iv-drawer-big .iv-card-content {
    padding: 12px 16px
}

.iv-card-content>:first-child {
    margin-top: 0
}

.iv-card-content>:last-child {
    margin-bottom: 0
}

.iv-card-message,
.iv-card-action {
    font-weight: 500
}

.iv-card-message {
    margin-bottom: 8px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 8px
}

.iv-card-action {
    -webkit-line-clamp: 4;
    max-height: 52px;
    white-space: nowrap
}

.iv-drawer-small .iv-card-action {
    font-size: 11px;
    line-height: 12px;
    max-height: 48px
}

.iv-drawer-big .iv-card-action {
    font-size: 18px;
    line-height: 20px;
    max-height: 80px
}

.iv-card-action span {
    white-space: normal
}

.iv-card-action-icon {
    padding: 0 0 0 30px;
    min-height: 14px;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: 24px auto;
    background-size: 24px auto
}

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

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

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

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

.iv-card-channel h2 {
    -webkit-line-clamp: 2;
    max-height: 30px
}

.iv-drawer-small .iv-card-channel h2 {
    max-height: 24px
}

.iv-drawer-big .iv-card-channel h2 {
    max-height: 48px
}

.iv-card-video .iv-card-image,
.iv-card-episode .iv-card-image,
.iv-card-movie .iv-card-image,
.iv-card-playlist .iv-card-image {
    background-color: #000
}

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

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

.iv-drawer-big .iv-card-video .iv-card-image,
.iv-drawer-big .iv-card-episode .iv-card-image,
.iv-drawer-big .iv-card-playlist .iv-card-image {
    height: 129px
}

.iv-card-movie .iv-card-image {
    height: 209px
}

.iv-drawer-small .iv-card-movie .iv-card-image {
    height: 157px
}

.iv-drawer-big .iv-card-movie .iv-card-image {
    height: 335px
}

.iv-card-video-duration {
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 2px 4px;
    background-color: #000
}

.iv-card-playlist .iv-card-image-overlay {
    display: table;
    position: absolute;
    top: 0;
    right: 0;
    width: 63px;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    color: #cfcfcf;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    line-height: 21px
}

.iv-card-playlist-video-count {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.iv-card-playlist-video-count::after {
    display: block;
    margin: auto;
    opacity: .5;
    content: ""
}

.iv-card-poll {
    position: relative
}

.iv-card-poll ul {
    max-width: 125px;
    list-style: none;
    margin: 0;
    padding: 0
}

.iv-drawer-small .iv-card-poll ul {
    max-width: 89px
}

.iv-drawer-big .iv-card-poll ul {
    max-width: 211px
}

.iv-card-poll fieldset {
    margin: 0;
    border: 0;
    padding: 0
}

.iv-card-poll label {
    display: block;
    cursor: pointer;
    padding-bottom: 5px;
    min-height: 14px;
    background-position: left 0 top 5px;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTciIHdpZHRoPSIxNyIgdmVyc2lvbj0iMS4xIj48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjcuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9IjAuNTQiIC8+PC9zdmc+);
    color: rgba(0, 0, 0, .87);
    -webkit-transition: color .5s cubic-bezier(0, 0, .2, 1);
    transition: color .5s cubic-bezier(0, 0, .2, 1)
}

.ytp-probably-keyboard-focus .iv-card-poll label.iv-card-poll-choice-focused {
    -webkit-box-shadow: 0 0 0 2px rgba(27, 127, 204, .4);
    box-shadow: 0 0 0 2px rgba(27, 127, 204, .4)
}

.iv-card-poll.iv-card-poll-voted label {
    color: rgba(0, 0, 0, .54)
}

.iv-card-poll.iv-card-poll-voted label.iv-card-poll-choice-checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTciIHdpZHRoPSIxNyIgdmVyc2lvbj0iMS4xIj48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjcuNiIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZT0iIzE2N2FjNiIgLz48Y2lyY2xlIGN4PSI4LjUiIGN5PSI4LjUiIHI9IjQuMjMiIGZpbGw9IiMxNjdhYzYiIC8+PC9zdmc+);
    color: rgba(0, 0, 0, .87)
}

.iv-card-poll input[type=checkbox] {
    opacity: 0;
    width: 17px;
    height: 17px;
    margin: 5px 0 0;
    float: left
}

.iv-card-poll .iv-card-poll-choice-text {
    display: block;
    margin-left: 25px;
    padding-top: 8px
}

.iv-drawer-big .iv-card-poll .iv-card-poll-choice-text {
    padding-top: 2px
}

.iv-card-poll li+li {
    margin-top: 8px
}

.iv-card-poll .iv-card-poll-result {
    width: 100%;
    height: 4px;
    background-color: #dfdfdf;
    visibility: hidden
}

.iv-card-poll .iv-card-poll-result .iv-card-poll-result-bar {
    width: 100%;
    height: 100%;
    background-color: #167ac6;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition: transform .5s cubic-bezier(0, 0, .2, 1), -webkit-transform .5s cubic-bezier(0, 0, .2, 1);
    transition: transform .5s cubic-bezier(0, 0, .2, 1), -webkit-transform .5s cubic-bezier(0, 0, .2, 1)
}

.iv-card-poll.iv-card-poll-expanded .iv-card-poll-result {
    visibility: visible
}

.iv-card-poll .iv-card-poll-choice-percent {
    display: none;
    float: right;
    margin-left: 5px
}

.iv-card-poll.iv-card-poll-expanded .iv-card-poll-choice-percent {
    display: block
}

.iv-card-sign-in {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 10px
}

.iv-card-sign-in p {
    margin: 0 0 8px
}

.iv-card-sign-in a {
    color: #fff
}

.iv-card-unavailable:hover .iv-click-target,
.iv-card-unavailable:hover .iv-card-content {
    visibility: hidden
}

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

.iv-card-sponsored,
.iv-ad-info-icon-container {
    position: relative
}

.iv-card-sponsored {
    margin: 0 0 8px;
    color: #999
}

.iv-ad-info-container {
    display: inline-block;
    margin-left: 6px
}

.iv-ad-info-icon {
    display: inline-block;
    position: relative;
    top: 1px
}

.iv-ad-info {
    bottom: 21px;
    left: 0;
    right: 0;
    border: 1px solid #000;
    padding: 7px;
    background: #fff;
    color: #000;
    font-size: 12px
}

.iv-ad-info-container .iv-ad-info a,
.iv-ad-info-container .iv-ad-info a:hover {
    color: #167ac6
}

.iv-ad-info-container .iv-ad-info a:hover {
    text-decoration: underline
}

.iv-ad-info-callout,
.iv-ad-info-icon-container::after {
    left: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    width: 0;
    height: 0
}

.iv-ad-info-callout {
    bottom: 16px;
    border-top-color: #000
}

.iv-ad-info-icon-container::after {
    content: "";
    bottom: 17px;
    border-top-color: #fff
}

.iv-ad-info,
.iv-ad-info-callout,
.iv-ad-info-icon-container::after {
    visibility: hidden;
    position: absolute;
    -webkit-transition: visibility 0s .1s;
    transition: visibility 0s .1s
}

.iv-ad-info-container:hover .iv-ad-info-callout,
.iv-ad-info-container:hover .iv-ad-info-icon-container::after,
.iv-ad-info-container:hover .iv-ad-info {
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.iv-card-product-listing h2 {
    -webkit-line-clamp: 3;
    max-height: 45px;
    color: #666
}

.iv-drawer-small .iv-card-product-listing h2 {
    max-height: 36px
}

.iv-drawer-big .iv-card-product-listing h2 {
    max-height: 72px
}

.iv-card-offer-price {
    margin-bottom: 2px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #333
}

.iv-card-offer-merchant {
    color: #097a41
}

.ytp-autonav-endscreen-countdown-container {
    width: 360px;
    height: calc(100% - 39px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    z-index: 37
}

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

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

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

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

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

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

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

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

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

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

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

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

.html5-video-player:not(.ytp-autonav-endscreen-cancelled-state) .ytp-autonav-endscreen-countdown-overlay {
    width: 100%
}

.ytp-autonav-endscreen-countdown-overlay {
    --w2w-start-background-color: #000;
    --w2w-end-background-color: #000;
    height: 100%
}

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

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

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

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

.ytp-autonav-endscreen-upnext-container {
    width: 100%
}

.ytp-autonav-endscreen-link-container {
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.ytp-autonav-endscreen-upnext-header {
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
    line-height: 24px
}

.ytp-autonav-endscreen-upnext-header-countdown-number {
    color: rgb(255, 255, 255)
}

.ytp-autonav-endscreen-upnext-alternative-header-only .ytp-autonav-endscreen-upnext-header {
    display: none
}

.ytp-autonav-endscreen-upnext-alternative-header {
    color: rgba(255, 255, 255, .7);
    font-size: 13px;
    line-height: 18px
}

.ytp-autonav-endscreen-upnext-no-alternative-header .ytp-autonav-endscreen-upnext-alternative-header {
    display: none
}

.ytp-autonav-endscreen-upnext-alternative-header-only .ytp-autonav-endscreen-upnext-alternative-header {
    font-size: 15px;
    line-height: 24px;
    margin-top: 0
}

.ytp-autonav-thumbnail-small,
.ytp-autonav-endscreen-upnext-thumbnail {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    border: 1px solid #4c4c4c;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ytp-autonav-endscreen-upnext-thumbnail {
    width: 360px;
    height: 202px;
    border-radius: 12px
}

.ytp-autonav-thumbnail-small:hover,
.ytp-autonav-endscreen-upnext-thumbnail:hover {
    border-color: rgba(255, 255, 255, .8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ytp-autonav-timestamp,
.ytp-autonav-live-stamp,
.ytp-autonav-upcoming-stamp {
    bottom: 4px;
    right: 4px;
    padding: 0 4px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    position: absolute;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 500
}

.ytp-autonav-list-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    float: right;
    width: 40%;
    height: 100%;
    background: rgba(0, 0, 0, .8)
}

.ytp-autonav-mix-text {
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    font-weight: 500;
    margin-top: 30%
}

.ytp-autonav-mix-icon {
    width: 42%;
    height: 30%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSI+PHVzZSB4bGluazpocmVmPSIjeXRwLXN2Zy1taXgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9Ii4xNSIgc3Ryb2tlLXdpZHRoPSIycHgiIC8+PHBhdGggaWQ9Inl0cC1zdmctbWl4IiBkPSJNMjUuNjUsMTggQzI1LjYzLDIwLjMxIDI0Ljc4LDIyLjQxIDIzLjQsMjQuMDYgTDI0LjMsMjUgQzI1Ljk5LDIzLjIwIDI3LDIwLjczIDI3LDE4IEMyNywxNS4yNyAyNS45OSwxMi43OSAyNC4zLDExIEwyMy40LDExLjkzIEMyNC43OCwxMy41OCAyNS42MywxNS42OCAyNS42NSwxOCBaIE0xMC4zNSwxOCBDMTAuMzYsMTUuNjggMTEuMjEsMTMuNTggMTIuNiwxMS45MyBMMTEuNywxMSBDMTAuMDAsMTIuNzkgOSwxNS4yNyA5LDE4IEM5LDIwLjczIDEwLjAwLDIzLjIwIDExLjcsMjUgTDEyLjYsMjQuMDYgQzExLjIxLDIyLjQxIDEwLjM2LDIwLjMxIDEwLjM1LDE4IFogTTEzLjA1LDE4IEMxMy4wMSwxNi4yNyAxMy41NCwxNC45MSAxNC40LDEzLjggTDEzLjUsMTIuODYgQzEyLjM3LDE0LjEyIDExLjcsMTUuODUgMTEuNywxOCBDMTEuNywxOS42NyAxMi4zNywyMS40MCAxMy41LDIyLjY2IEwxNC40LDIxLjczIEMxMy41NCwyMC42MSAxMy4wMSwxOS4yNiAxMy4wNSwxOCBaIE0yMi4wNSwxMi44NiBMMjEuMTUsMTMuOCBDMjIuMDAsMTQuOTEgMjIuNTMsMTYuMjcgMjIuNSwxOCBDMjIuNTMsMTkuMjYgMjIuMDAsMjAuNjEgMjEuMTUsMjEuNzMgTDIyLjA1LDIyLjY2IEMyMy4xNywyMS40MCAyMy44NSwxOS42NyAyMy44NSwxOCBDMjMuODUsMTUuODUgMjMuMTcsMTQuMTIgMjIuMDUsMTIuODYgWiBNMTYuNSwxNS42NiBMMjAuMSwxNy41MyBMMTYuNSwxOS44NiBMMTYuNSwxNS42NiBaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==);
    -webkit-background-size: cover;
    background-size: cover;
    margin: 0 auto
}

.ytp-autonav-endscreen-video-info {
    margin-top: 12px
}

.ytp-autonav-endscreen-premium-badge {
    margin-bottom: 6px;
    margin-left: -2px;
    width: 74px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+PHJlY3Qgb3BhY2l0eT0iLjEiIHdpZHRoPSI3MCIgaGVpZ2h0PSIxNiIgcng9IjIiIGZpbGw9IiNmZmYiIC8+PHBhdGggZD0iTTIwLjM1IDguODNWMTJoLTEuNDhWMy40N2gzLjI2Yy45NSAwIDEuNzEuMjUgMi4yNy43NC41Ni41Ljg0IDEuMTYuODQgMS45NyAwIC44NC0uMjcgMS40OS0uODIgMS45NS0uNTUuNDctMS4zMi43LTIuMy43aC0xLjc3em0wLTEuMTloMS43OGMuNTMgMCAuOTMtLjEyIDEuMi0uMzcuMjktLjI1LjQyLS42LjQyLTEuMDggMC0uNDYtLjE0LS44Mi0uNDItMS4xYTEuNjIgMS42MiAwIDAwLTEuMTYtLjQzaC0xLjgydjIuOTh6bTkuMzctLjY4YTMuNTIgMy41MiAwIDAwLS41OC0uMDVjLS42NSAwLTEuMDkuMjUtMS4zMS43NVYxMkgyNi40VjUuNjZoMS4zNmwuMDQuN2ExLjYgMS42IDAgMDExLjQzLS44MmMuMiAwIC4zNy4wMy41LjA4djEuMzR6bTMuNTggNS4xNmMtLjkgMC0xLjY0LS4yOS0yLjItLjg1YTMuMSAzLjEgMCAwMS0uODQtMi4yOHYtLjE3YzAtLjYzLjEyLTEuMi4zNy0xLjdhMi43MiAyLjcyIDAgMDEyLjUtMS41OGMuODcgMCAxLjUzLjI4IDIgLjgzLjQ4LjU1LjcxIDEuMzMuNzEgMi4zNHYuNTdIMzEuN2MuMDQuNTIuMjIuOTQuNTIgMS4yNC4zLjMuNy40NiAxLjE2LjQ2LjY1IDAgMS4xOC0uMjYgMS42LS43OWwuNzYuNzNjLS4yNS4zOC0uNi42OC0xLjAyLjg5LS40Mi4yLS45LjMtMS40Mi4zem0tLjE3LTUuNDNjLS40IDAtLjcuMTMtLjk1LjQtLjI0LjI4LS40LjY2LS40NiAxLjE1aDIuNzJ2LS4xYTEuNzIgMS43MiAwIDAwLS4zOS0xLjA5IDEuMTkgMS4xOSAwIDAwLS45Mi0uMzZ6bTUuMTYtMS4wM2wuMDQuNjZhMi4yOCAyLjI4IDAgMDExLjgzLS43OGMuODUgMCAxLjQzLjMzIDEuNzQuOTguNDYtLjY1IDEuMTEtLjk4IDEuOTUtLjk4LjcgMCAxLjIxLjIgMS41NS41OC4zNS4zOS41Mi45Ni41MyAxLjcxVjEyaC0xLjQyVjcuODdjMC0uNC0uMDktLjctLjI3LS44OC0uMTctLjE5LS40Ni0uMjgtLjg3LS4yOC0uMzIgMC0uNTkuMDktLjguMjYtLjIuMTctLjM0LjQtLjQyLjY4VjEyaC0xLjQyVjcuODNjLS4wMi0uNzUtLjQtMS4xMi0xLjE0LTEuMTItLjU3IDAtLjk4LjIzLTEuMjIuN1YxMmgtMS40MlY1LjY2aDEuMzR6TTQ4LjkxIDEyaC0xLjQzVjUuNjZoMS40M1YxMnpNNDcuNCA0LjAxYzAtLjIyLjA2LS40LjItLjU0LjE0LS4xNS4zNC0uMjIuNi0uMjIuMjYgMCAuNDYuMDcuNi4yMi4xNC4xNC4yLjMyLjIuNTQgMCAuMjItLjA2LjQtLjIuNTRzLS4zNC4yMS0uNi4yMWMtLjI2IDAtLjQ2LS4wNy0uNi0uMmEuNzUuNzUgMCAwMS0uMi0uNTV6bTYuOSA3LjM3YTIuMiAyLjIgMCAwMS0xLjc4Ljc0Yy0uNjggMC0xLjItLjItMS41Ni0uNi0uMzUtLjQtLjUzLTEtLjUzLTEuNzVWNS42NmgxLjQzdjQuMDljMCAuOC4zMyAxLjIgMSAxLjIuNjkgMCAxLjE2LS4yNCAxLjQtLjc0VjUuNjZoMS40MlYxMmgtMS4zNGwtLjA0LS42MnptNC4xNy01LjcybC4wNC42NmEyLjI4IDIuMjggMCAwMTEuODMtLjc4Yy44NSAwIDEuNDMuMzMgMS43NC45OC40Ni0uNjUgMS4xMS0uOTggMS45NS0uOTguNyAwIDEuMjEuMiAxLjU1LjU4LjM1LjM5LjUyLjk2LjUzIDEuNzFWMTJINjQuN1Y3Ljg3YzAtLjQtLjA5LS43LS4yNy0uODgtLjE3LS4xOS0uNDYtLjI4LS44Ny0uMjgtLjMyIDAtLjU5LjA5LS44LjI2LS4yLjE3LS4zNC40LS40Mi42OFYxMmgtMS40MlY3LjgzYy0uMDItLjc1LS40LTEuMTItMS4xNC0xLjEyLS41NyAwLS45OC4yMy0xLjIyLjdWMTJoLTEuNDJWNS42NmgxLjM0eiIgZmlsbD0iI2FhYSIgLz48cGF0aCBkPSJNMSAyYTEgMSAwIDAxMS0xaDEzdjE0SDJhMSAxIDAgMDEtMS0xVjJ6IiBmaWxsPSJyZWQiIC8+PHBhdGggZD0iTTYuNTIgOXYzSDQuNzZWMy40N0g4LjFjLjY0IDAgMS4yLjEyIDEuNjkuMzUuNDkuMjMuODYuNTcgMS4xMiAxIC4yNi40My40LjkyLjQgMS40NyAwIC44NC0uMyAxLjUtLjg3IDEuOTgtLjU3LjQ4LTEuMzYuNzItMi4zNy43Mkg2LjUyem0wLTEuNDNoMS41N2MuNDYgMCAuODItLjEgMS4wNi0uMzMuMjUtLjIyLjM3LS41My4zNy0uOTQgMC0uNDEtLjEyLS43NS0uMzctMS0uMjUtLjI3LS41OS0uNC0xLjAyLS40SDYuNTJ2Mi42N3oiIGZpbGw9IiNmZmYiIC8+PC9zdmc+);
    -webkit-background-size: cover;
    background-size: cover
}

.autonav-endscreen {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.ytp-autonav-endscreen-cancelled-state .autonav-endscreen {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ytp-suggestions-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap
}

.ytp-autonav-endscreen-upnext-title {
    color: #fff;
    display: -webkit-box;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: normal
}

.ytp-autonav-view-and-date,
.ytp-autonav-author-and-view,
.ytp-autonav-endscreen-upnext-author {
    margin-top: 4px;
    color: #aaa;
    display: -webkit-box;
    font-size: 14px;
    line-height: 21px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: normal
}

.ytp-autonav-endscreen-button-container {
    width: 100%;
    margin-top: 12px
}

.ytp-autonav-endscreen-upnext-button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    border-radius: 2px;
    display: inline-grid;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    width: 176px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    border: 0
}

.ytp-autonav-endscreen-upnext-button.ytp-autonav-endscreen-upnext-button-rounded {
    border-radius: 18px
}

.ytp-autonav-endscreen-upnext-cancel-button {
    background: rgba(255, 255, 255, .1);
    float: left
}

.ytp-autonav-endscreen-upnext-play-button {
    background: rgba(255, 255, 255, .3);
    float: right
}

.ytp-autonav-endscreen-countdown-container:not(.ytp-autonav-endscreen-is-premium) .ytp-autonav-endscreen-premium-badge {
    display: none
}

.countdown-running .ytp-player-content {
    bottom: 0
}

.countdown-running .ytp-preview,
.countdown-running .ytp-miniplayer-replay-button {
    display: none
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-suggestion-panel {
    margin: 40px auto auto 20px;
    width: 360px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-endscreen-countdown-overlay {
    margin: 40px 20px auto auto
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-thumbnail-small {
    width: 360px;
    height: 202px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-title-card {
    margin-top: 12px;
    font-size: 18px;
    line-height: 24px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-author-card,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-view-and-date-card {
    margin-top: 4px;
    font-size: 14px;
    line-height: 21px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-view-and-date-card {
    margin-top: 0
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-suggestion-card {
    width: 360px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-endscreen-upnext-thumbnail {
    width: 360px;
    height: 202px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-mix-text {
    font-size: 22.5px;
    line-height: 27px
}

.ytp-autonav-endscreen-small-mode.ytp-autonav-endscreen-countdown-container {
    width: 374px
}

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-link-container,
.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-link-container {
    margin-top: 13px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

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

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

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

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

.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-upnext-button,
.countdown-running .ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-upnext-button {
    width: 183px;
    height: 34px
}

.ytp-big-mode .ytp-autonav-endscreen-countdown-container {
    height: calc(100% - 58.5px)
}

.ytp-big-mode .ytp-autonav-endscreen-link-container {
    margin-top: 15px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-header {
    font-size: 22.5px;
    line-height: 36px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-alternative-header {
    font-size: 19.5px;
    line-height: 27px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-alternative-header-only .ytp-autonav-endscreen-upnext-alternative-header {
    font-size: 22.5px;
    line-height: 36px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-thumbnail {
    width: 540px;
    height: 303px
}

.ytp-big-mode .ytp-autonav-endscreen-premium-badge {
    margin-bottom: 9px;
    margin-left: -3px;
    width: 111px;
    height: 24px
}

.ytp-big-mode .ytp-autonav-endscreen-video-info {
    margin-top: 18px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-title {
    font-size: 27px;
    line-height: 36px
}

.ytp-big-mode .ytp-autonav-view-and-date,
.ytp-big-mode .ytp-autonav-endscreen-upnext-author {
    margin-top: 6px;
    font-size: 21px;
    line-height: 31.5px
}

.ytp-big-mode .ytp-autonav-view-and-date {
    margin-top: 0
}

.ytp-big-mode .ytp-autonav-endscreen-button-container {
    margin-top: 18px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-button {
    font-size: 21px;
    width: 264px;
    height: 54px;
    line-height: 52px
}

.ytp-big-mode .ytp-autonav-endscreen-upnext-button.modern-buttons {
    border-radius: 27px
}

.ytp-big-mode .ytp-autonav-timestamp,
.ytp-big-mode .ytp-autonav-live-stamp,
.ytp-big-mode .ytp-autonav-upcoming-stamp {
    font-size: 18px;
    line-height: 24px
}

.ytp-big-mode .ytp-autonav-endscreen-countdown-container {
    width: 540px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-countdown-overlay {
    margin: auto;
    margin-right: 30px;
    height: 444px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-countdown-overlay .ytp-autonav-endscreen-countdown-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-panel {
    margin: auto;
    margin-left: 30px;
    width: 432px;
    height: 444px
}

.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-card-with-margin {
    margin-left: 12px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-thumbnail-small {
    margin-top: 0;
    width: 210px;
    height: 118px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion-card {
    margin-top: 10px;
    width: 210px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion-card:nth-last-child(-n+2) {
    margin-top: 20px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-title-card {
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-author-card {
    margin-top: 4px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-author-card,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date-card {
    font-size: 13px;
    line-height: 18px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date-card {
    margin-top: 0
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-autonav-endscreen-more-videos {
    visibility: hidden
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-small-mode .ytp-suggestions-container .ytp-suggestion-set:not(:first-child) {
    display: none
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-suggestion-panel,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-tiny-mode .ytp-suggestion-panel {
    display: none
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-countdown-overlay,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-tiny-mode .ytp-autonav-endscreen-countdown-overlay {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: calc(100% - 39px)
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-countdown-overlay .ytp-autonav-endscreen-countdown-container,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-tiny-mode .ytp-autonav-endscreen-countdown-overlay .ytp-autonav-endscreen-countdown-container {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-countdown-overlay,
.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-tiny-mode .ytp-autonav-endscreen-countdown-overlay {
    margin-right: auto
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-countdown-overlay {
    margin-top: 0
}

.ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-link-container,
.ytp-player-minimized.countdown-running .ytp-autonav-endscreen-link-container {
    margin-top: 30px
}

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

.ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-countdown-container,
.ytp-player-minimized.countdown-running .ytp-autonav-endscreen-countdown-container {
    width: 374px;
    height: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
}

.ytp-player-minimized.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-upnext-container,
.ytp-player-minimized.countdown-running .ytp-autonav-endscreen-upnext-container {
    margin-top: 16px
}

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

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

.ytp-autonav-endscreen-small-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-link-container,
.ytp-autonav-cancelled-mini-mode .ytp-autonav-endscreen-is-premium .ytp-autonav-endscreen-link-container {
    margin-top: 8px
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-cancelled-mini-mode .ytp-autonav-view-and-date {
    display: -webkit-box
}

.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-button-container {
    display: none
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-countdown-container {
    margin: auto;
    margin-right: 45px;
    width: 540px;
    height: 666px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-endscreen-upnext-header {
    font-size: 22.5px;
    line-height: 36px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-panel {
    margin: auto;
    margin-left: 45px;
    width: 648px;
    height: 666px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-suggestion-card-with-margin {
    margin-left: 18px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-thumbnail-small {
    width: 315px;
    height: 177px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion-card {
    margin-top: 15px;
    width: 315px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-suggestion-card:nth-last-child(-n+2) {
    margin-top: 30px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-title-card {
    margin-top: 15px;
    font-size: 21px;
    line-height: 24px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-author-card {
    margin-top: 6px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-author-card,
.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date-card {
    font-size: 19.5px;
    line-height: 27px
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-view-and-date-card {
    margin-top: 0
}

.ytp-big-mode.ytp-autonav-endscreen-cancelled-state .ytp-autonav-mix-text {
    font-size: 22.5px;
    line-height: 27px
}

.ytp-autonav-author-and-view {
    display: none
}

.ytp-autonav-cancelled-mini-mode.ytp-player-content,
.ytp-small-mode .ytp-autonav-cancelled-mini-mode.ytp-player-content {
    bottom: 0
}

.countdown-running .ytp-autonav-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.countdown-running .ytp-autonav-view-and-date {
    display: none
}

.ytp-autonav-suggestion-card[data-is-live=true] .ytp-autonav-timestamp,
.ytp-autonav-suggestion-card[data-is-list=true] .ytp-autonav-timestamp,
.ytp-autonav-suggestion-card[data-is-mix=true] .ytp-autonav-timestamp,
.ytp-autonav-suggestion-card[data-is-upcoming=true] .ytp-autonav-timestamp {
    display: none
}

.ytp-autonav-suggestion-card[data-is-live=true] .ytp-autonav-live-stamp {
    position: absolute;
    background-color: #c00
}

.ytp-autonav-suggestion-card:not([data-is-live=true]) .ytp-autonav-live-stamp {
    display: none
}

.ytp-autonav-suggestion-card[data-is-upcoming=true] .ytp-autonav-upcoming-stamp {
    position: absolute;
    background-color: rgba(0, 0, 0, .8)
}

.ytp-autonav-suggestion-card:not([data-is-upcoming=true]) .ytp-autonav-upcoming-stamp {
    display: none
}

.ytp-autonav-endscreen-upnext-container[data-is-live=true] .ytp-autonav-timestamp,
.ytp-autonav-endscreen-upnext-container[data-is-list=true] .ytp-autonav-timestamp,
.ytp-autonav-endscreen-upnext-container[data-is-mix=true] .ytp-autonav-timestamp,
.ytp-autonav-endscreen-upnext-container[data-is-upcoming=true] .ytp-autonav-timestamp {
    display: none
}

.ytp-autonav-endscreen-upnext-container[data-is-live=true] .ytp-autonav-live-stamp {
    position: absolute;
    background-color: #c00
}

.ytp-autonav-endscreen-upnext-container:not([data-is-live=true]) .ytp-autonav-live-stamp {
    display: none
}

.ytp-autonav-endscreen-upnext-container[data-is-upcoming=true] .ytp-autonav-upcoming-stamp {
    position: absolute;
    background-color: rgba(0, 0, 0, .8)
}

.ytp-autonav-endscreen-upnext-container:not([data-is-upcoming=true]) .ytp-autonav-upcoming-stamp {
    display: none
}

.ytp-autonav-suggestion-card:not([data-is-mix=true]) .ytp-autonav-list-overlay {
    display: none
}

.html5-video-player.ytp-autonav-endscreen-cancelled-state.ended-mode {
    background-color: #000
}

.ytp-ad-overlay-open.countdown-running .ytp-ad-overlay-container {
    opacity: .3
}

.ytp-ad-overlay-open .ytp-player-content.ytp-autonav-endscreen-countdown-container {
    height: calc(100% - 143px)
}

.ytp-big-mode.ytp-ad-overlay-open .ytp-autonav-endscreen-countdown-container {
    height: calc(100% - 160px)
}

.ytp-autonav-overlay-cancelled-state {
    background-color: #000;
    height: 100%;
    position: absolute;
    z-index: -1
}

.ytp-autonav-toggle-button-container {
    width: 100%;
    height: 100%;
    display: inline-block
}

.ytp-small-mode .ytp-autonav-toggle-button,
.ytp-autonav-toggle-button {
    height: 14.4px;
    width: 36px;
    border-radius: 14.4px;
    top: 50%;
    position: relative;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGRlZnMgLz48cGF0aCBvcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43IDExYzIuOTUgMCA1LjMtMi4yMSA1LjMtNXMtMi4zNS01LTUuMy01SDcuM0M0LjM1IDEgMiAzLjIxIDIgNnMyLjM1IDUgNS4zIDVoMTUuNHoiIGZpbGw9IiNmZmYiIC8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zIDFDNC4zNSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1aDE1LjRBNS4xNiA1LjE2IDAgMDAyOCA2bC0uMDMtLjU0QTUuMTYgNS4xNiAwIDAwMjIuNyAxSDcuM3ptMTUuNCAxMWMzLjQ1IDAgNi4zLTIuNiA2LjMtNnMtMi44NS02LTYuMy02SDcuM0MzLjg1IDAgMSAyLjYgMSA2czIuODUgNiA2LjMgNmgxNS40eiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMyIgLz48L3N2Zz4=);
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
    transition: all .08s cubic-bezier(.4, 0, 1, 1)
}

.ytp-small-mode .ytp-autonav-toggle-button {
    height: 10.8px;
    width: 27px;
    border-radius: 10.8px
}

.ytp-big-mode .ytp-autonav-toggle-button {
    height: 18px;
    width: 45px;
    border-radius: 18px
}

.ytp-embed .ytp-autonav-toggle-button {
    height: 12px;
    width: 30px;
    border-radius: 12px
}

.ytp-autonav-toggle-button[aria-checked=true] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSI+PGRlZnMgLz48cGF0aCBvcGFjaXR5PSIuNSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi43IDExYzIuOTUgMCA1LjMtMi4yMSA1LjMtNXMtMi4zNS01LTUuMy01SDcuM0M0LjM1IDEgMiAzLjIxIDIgNnMyLjM1IDUgNS4zIDVoMTUuNHptLTIuNy0uNzV2LTguNWw2LjcgNC4yNi02LjcgNC4yNHoiIGZpbGw9IiNmZmYiIC8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy4zIDFDNC4zNSAxIDIgMy4yMSAyIDZzMi4zNSA1IDUuMyA1aDE1LjRBNS4xNiA1LjE2IDAgMDAyOCA2bC0uMDMtLjU0QTUuMTYgNS4xNiAwIDAwMjIuNyAxSDcuM3ptMTUuNCAxMWMzLjQ1IDAgNi4zLTIuNiA2LjMtNnMtMi44NS02LTYuMy02SDcuM0MzLjg1IDAgMSAyLjYgMSA2czIuODUgNiA2LjMgNmgxNS40eiIgZmlsbD0iIzAwMCIgZmlsbC1vcGFjaXR5PSIuMyIgLz48L3N2Zz4=);
    -webkit-background-size: cover;
    background-size: cover;
    background-color: transparent;
    -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
    transition: all .08s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autonav-toggle-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 20.4px;
    width: 20.4px;
    border-radius: 20.4px;
    margin-top: -3px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSI+PGRlZnMgLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTguNSAxNmE3LjUgNy41IDAgMTAwLTE1IDcuNSA3LjUgMCAwMDAgMTV6IiBmaWxsPSIjNzE3MTcxIiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcgOC41YTguNSA4LjUgMCAxMS0xNyAwIDguNSA4LjUgMCAwMTE3IDB6bS0xIDBhNy41IDcuNSAwIDExLTE1IDAgNy41IDcuNSAwIDAxMTUgMHoiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiAvPjxwYXRoIGQ9Ik01LjUgMTJoMlY1aC0ydjd6TTkuNSA1djdoMlY1aC0yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
    transition: all .08s cubic-bezier(.4, 0, 1, 1)
}

.ytp-small-mode .ytp-autonav-toggle-button::after {
    left: -2px;
    height: 15.3px;
    width: 15.3px;
    border-radius: 15.3px;
    margin-top: -2.25px
}

.ytp-big-mode .ytp-autonav-toggle-button::after {
    left: 0;
    height: 25.5px;
    width: 25.5px;
    border-radius: 25.5px;
    margin-top: -3.75px
}

.ytp-embed .ytp-autonav-toggle-button::after {
    left: 0;
    height: 17px;
    width: 17px;
    border-radius: 17px;
    margin-top: -2.5px
}

.ytp-autonav-toggle-button[aria-checked=true]::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNyA4LjVhOC41IDguNSAwIDExLTE3IDAgOC41IDguNSAwIDAxMTcgMHptLTUgMEw2LjUgNXY3TDEyIDguNXptLTEuODYgMEw3LjUgNi44MnYzLjM2bDIuNjQtMS42OHpNOC41IDE2YTcuNSA3LjUgMCAxMDAtMTUgNy41IDcuNSAwIDAwMCAxNXoiIGZpbGw9IiMwMDAiIGZpbGwtb3BhY2l0eT0iLjE1IiAvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYgOC41YTcuNSA3LjUgMCAxMS0xNSAwIDcuNSA3LjUgMCAwMTE1IDB6bS00IDBMNi41IDEyVjVMMTIgOC41eiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
    left: 1px;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: transparent;
    -webkit-transform: translateX(15.6px);
    -ms-transform: translateX(15.6px);
    transform: translateX(15.6px)
}

.ytp-small-mode .ytp-autonav-toggle-button[aria-checked=true]::after {
    -webkit-transform: translateX(11.7px);
    -ms-transform: translateX(11.7px);
    transform: translateX(11.7px)
}

.ytp-big-mode .ytp-autonav-toggle-button[aria-checked=true]::after {
    -webkit-transform: translateX(19.5px);
    -ms-transform: translateX(19.5px);
    transform: translateX(19.5px)
}

.ytp-embed .ytp-autonav-toggle-button[aria-checked=true]::after {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px)
}

.ytp-bezel {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 52px;
    height: 52px;
    z-index: 19;
    margin-left: -26px;
    margin-top: -26px;
    background: rgba(0, 0, 0, .5);
    border-radius: 26px;
    -webkit-animation: ytp-bezel-fadeout .5s linear 1 normal forwards;
    animation: ytp-bezel-fadeout .5s linear 1 normal forwards;
    pointer-events: none
}

.ytp-delhi-modern .ytp-bezel {
    left: 50%;
    top: 50%;
    width: 78px;
    height: 78px;
    margin-left: -39px;
    margin-top: -39px;
    border-radius: 39px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    -webkit-animation: ytp-delhi-modern-bezel-fadeout 1s cubic-bezier(.05, 0, 0, 1) 1 normal forwards;
    animation: ytp-delhi-modern-bezel-fadeout 1s cubic-bezier(.05, 0, 0, 1) 1 normal forwards
}

.ytp-big-mode .ytp-bezel {
    width: 78px;
    height: 78px;
    margin-left: -39px;
    margin-top: -39px;
    border-radius: 39px
}

.ytp-bezel-icon {
    width: 40px;
    height: 40px;
    margin: 6px
}

.ytp-player-content .ytp-bezel-icon {
    width: 48px;
    height: 48px;
    margin: 2px
}

.ytp-big-mode .ytp-bezel-icon,
.ytp-delhi-modern .ytp-bezel-icon {
    width: 54px;
    height: 54px;
    margin: 12px
}

.ytp-bezel-text-wrapper {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    z-index: 19
}

.ytp-delhi-modern .ytp-bezel-text-wrapper {
    -webkit-animation: ytp-delhi-modern-bezel-text-fadeout 1s cubic-bezier(.05, 0, 0, 1) 1 normal forwards;
    animation: ytp-delhi-modern-bezel-text-fadeout 1s cubic-bezier(.05, 0, 0, 1) 1 normal forwards
}

.ytp-bezel-text {
    display: inline-block;
    padding: 10px 20px;
    font-size: 175%;
    background: rgba(0, 0, 0, .5);
    pointer-events: none;
    border-radius: 3px
}

.ytp-delhi-modern .ytp-bezel-text {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6))
}

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

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

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

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

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

@-webkit-keyframes ytp-delhi-modern-bezel-fadeout {
    0% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1;
        -webkit-transform: scale(1.33);
        transform: scale(1.33)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ytp-delhi-modern-bezel-fadeout {
    0% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1;
        -webkit-transform: scale(1.33);
        transform: scale(1.33)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes ytp-delhi-modern-bezel-text-fadeout {
    0% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ytp-delhi-modern-bezel-text-fadeout {
    0% {
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.ytp-chrome-top .ytp-cards-button {
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    pointer-events: all;
    position: relative;
    z-index: 62
}

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

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-cards-button {
    max-width: 80px;
    width: 36px
}

.ytp-show-cards-title .ytp-cards-button {
    margin-left: 10px;
    margin-right: 10px
}

.ytp-small-mode .ytp-show-cards-title .ytp-cards-button {
    margin-left: 0;
    margin-right: 0
}

.ytp-embed:not(.ad-showing).ytp-small-mode .ytp-cards-button {
    padding-top: 16px
}

.ytp-show-cards-title .ytp-cards-button-title {
    display: block
}

.ytp-small-mode .ytp-show-cards-title .ytp-cards-button-title,
.ytp-cards-button-icon-shopping {
    display: none
}

.ytp-cards-shopping-active .ytp-cards-button-icon-shopping {
    display: inline-block
}

.ytp-cards-shopping-active .ytp-cards-button-icon-default {
    display: none
}

.ytp-big-mode .ytp-chrome-top .ytp-cards-button,
.ytp-chrome-top .ytp-cards-button {
    width: auto;
    height: auto
}

.ytp-cards-button-icon {
    margin: auto;
    width: 36px;
    height: 36px
}

.ytp-big-mode .ytp-cards-button-icon {
    width: 54px;
    height: 54px
}

.ytp-cards-button-title {
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    display: none
}

.ytp-big-mode .ytp-cards-button-title {
    font-size: 20px
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-cards-button-title {
    text-overflow: ellipsis;
    overflow: hidden
}

.ytp-cards-button .ytp-svg-shadow {
    -webkit-transition: stroke-opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: stroke-opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-shadow {
    stroke-opacity: 1;
    -webkit-transition: stroke-opacity .1s cubic-bezier(0, 0, .2, 1) .25s;
    transition: stroke-opacity .1s cubic-bezier(0, 0, .2, 1) .25s
}

.ytp-cards-button .ytp-svg-shadow-fill {
    -webkit-transition: fill-opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: fill-opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-shadow-fill {
    fill-opacity: 1;
    -webkit-transition: fill-opacity .1s cubic-bezier(0, 0, .2, 1) .25s;
    transition: fill-opacity .1s cubic-bezier(0, 0, .2, 1) .25s
}

.ytp-cards-shopping-active.ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-fill {
    fill: #2793e6
}

.ytp-cards-shopping-active.ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-shadow {
    stroke: #fff;
    stroke-opacity: 1
}

.ytp-cards-shopping-active.ytp-cards-teaser-shown .ytp-cards-button .ytp-svg-shadow-fill {
    fill: #fff;
    fill-opacity: 1
}

.ytp-cards-teaser {
    position: absolute;
    top: 8.5px;
    right: 0;
    max-width: 90%;
    opacity: .75;
    cursor: pointer;
    z-index: 61;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-cards-teaser {
    top: 13px
}

.ytp-embed:not(.ad-showing).ytp-small-mode .ytp-cards-teaser {
    top: 16px
}

.html5-video-player.ad-showing:not(.videoAdUiRedesign) .ytp-cards-teaser {
    top: 40px
}

.ytp-cards-teaser-shown .ytp-cards-teaser {
    opacity: .9
}

.ytp-cards-teaser-shown .ytp-cards-teaser:hover {
    opacity: 1
}

.ytp-autohide:not(.ytp-cards-teaser-shown) .ytp-cards-teaser,
.ytp-iv-drawer-open .ytp-cards-teaser {
    opacity: 0;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1) .33s;
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1) .33s
}

.ytp-iv-drawer-open .ytp-cards-teaser {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.ytp-cards-teaser .ytp-cards-teaser-box,
.ytp-cards-teaser .ytp-cards-teaser-text {
    height: 31px
}

.ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-box,
.ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-text {
    height: 46px
}

.ytp-cards-teaser .ytp-cards-teaser-box {
    position: absolute;
    top: 0;
    right: 18px;
    border-radius: 2px;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    -webkit-transition: -webkit-transform .33s cubic-bezier(.4, 0, 1, 1);
    transition: transform .33s cubic-bezier(.4, 0, 1, 1), -webkit-transform .33s cubic-bezier(.4, 0, 1, 1);
    -webkit-transform: scaleX(0) translateX(0);
    -ms-transform: scaleX(0) translateX(0);
    transform: scaleX(0) translateX(0);
    -webkit-transform-origin: right 0;
    -ms-transform-origin: right 0;
    transform-origin: right 0
}

.ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-box {
    right: 27px
}

.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-box {
    -webkit-transition: -webkit-transform .33s cubic-bezier(0, 0, .2, 1) .25s;
    transition: transform .33s cubic-bezier(0, 0, .2, 1) .25s, -webkit-transform .33s cubic-bezier(0, 0, .2, 1) .25s;
    -webkit-transform: scaleX(1) translateX(18px);
    -ms-transform: scaleX(1) translateX(18px);
    transform: scaleX(1) translateX(18px)
}

.ytp-big-mode.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-box {
    -webkit-transform: scaleX(1) translateX(27px);
    -ms-transform: scaleX(1) translateX(27px);
    transform: scaleX(1) translateX(27px)
}

[dir=rtl] .ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-box {
    -webkit-transform: scaleX(1) translateX(-18px);
    -ms-transform: scaleX(1) translateX(-18px);
    transform: scaleX(1) translateX(-18px)
}

[dir=rtl] .ytp-big-mode.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-box {
    -webkit-transform: scaleX(1) translateX(-27px);
    -ms-transform: scaleX(1) translateX(-27px);
    transform: scaleX(1) translateX(-27px)
}

.ytp-cards-teaser .ytp-cards-teaser-text {
    position: relative;
    padding: 0 36px 0 10px;
    max-width: 0;
    opacity: 0;
    color: #000;
    font-weight: 500;
    font-size: 109.090909%;
    line-height: 31px;
    text-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    -webkit-transition: opacity .165s cubic-bezier(.4, 0, 1, 1), max-width 0s ease .165s;
    transition: opacity .165s cubic-bezier(.4, 0, 1, 1), max-width 0s ease .165s
}

.ytp-big-mode .ytp-cards-teaser .ytp-cards-teaser-text {
    padding: 0 66px 0 12px;
    line-height: 46px
}

.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-text {
    max-width: 415px;
    opacity: 1;
    -webkit-transition: opacity .165s cubic-bezier(0, 0, .2, 1) .415s;
    transition: opacity .165s cubic-bezier(0, 0, .2, 1) .415s
}

.ytp-big-mode.ytp-cards-teaser-shown .ytp-cards-teaser .ytp-cards-teaser-text {
    max-width: 635px
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-text {
    background: rgba(0, 0, 0, .8);
    border: 1px solid rgba(255, 255, 255, .3);
    padding: 0;
    border-radius: 2px
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-info-icon {
    height: 30px;
    width: 30px;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    float: left
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-close-button {
    height: 30px;
    width: 20px;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0 5px;
    cursor: pointer;
    float: right
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-close-button path {
    fill: #717171
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
    line-height: 30px;
    max-width: 350px
}

.ytp-cards-teaser-dismissible .ytp-cards-teaser-box {
    background: rgba(0, 0, 0, .8);
    border-bottom: none
}

.ytp-big-mode.ytp-cards-teaser-dismissible .ytp-cards-teaser-info-icon {
    height: 45px;
    width: 45px
}

.ytp-big-mode.ytp-cards-teaser-dismissible .ytp-cards-teaser-close-button {
    height: 45px;
    width: 30px;
    margin: 0 7.5px
}

.ytp-big-mode.ytp-cards-teaser-dismissible .ytp-cards-teaser-label {
    line-height: 45px;
    max-width: 525px
}

.ytp-big-mode.ytp-cards-teaser-dismissible .ytp-cards-teaser-text {
    padding: 0
}

.ytp-embed.ytp-cards-teaser-shown.ytp-cards-teaser-dismissible .ytp-chrome-top-buttons>*:not(.ytp-cards-teaser) {
    visibility: hidden
}

.ytp-title-enable-channel-logo .ytp-title {
    min-height: 52px
}

.ytp-big-mode.ytp-title-enable-channel-logo .ytp-title {
    min-height: 75px
}

.ytp-shorts-mode.ytp-title-enable-channel-logo .ytp-title {
    min-height: 42px
}

:not(.ytp-shorts-mode).ytp-title-enable-channel-logo .ytp-title-text {
    padding-left: 50px
}

:not(.ytp-shorts-mode).ytp-big-mode.ytp-title-enable-channel-logo .ytp-title-text {
    padding-left: 75px
}

.ytp-title-link {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden
}

.ytp-title-channel-logo {
    width: 40px;
    height: 40px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 5px;
    -webkit-background-origin: content-box;
    background-origin: content-box;
    float: left;
    border-radius: 50%
}

.ytp-big-mode .ytp-title-channel-logo {
    width: 60px;
    height: 60px
}

.ytp-embed-mobile .ytp-title-channel-logo,
.ytp-embed-mobile.ytp-small-mode .ytp-title-channel-logo {
    width: 48px;
    height: 48px;
    margin: 0
}

@-webkit-keyframes ytp-title-channel-fade-in {
    0% {
        background-color: transparent;
        max-width: 10%
    }

    25% {
        background-color: rgba(35, 35, 35, .9)
    }

    75% {
        max-width: 100%
    }
}

@keyframes ytp-title-channel-fade-in {
    0% {
        background-color: transparent;
        max-width: 10%
    }

    25% {
        background-color: rgba(35, 35, 35, .9)
    }

    75% {
        max-width: 100%
    }
}

@-webkit-keyframes ytp-title-channel-fade-out {
    0% {
        background-color: rgba(35, 35, 35, .9);
        width: 500px
    }

    75% {
        background-color: rgba(35, 35, 35, .9);
        width: 50px
    }
}

@keyframes ytp-title-channel-fade-out {
    0% {
        background-color: rgba(35, 35, 35, .9);
        width: 500px
    }

    75% {
        background-color: rgba(35, 35, 35, .9);
        width: 50px
    }
}

@-webkit-keyframes ytp-title-channel-fade-in-big-mode {
    0% {
        background-color: transparent;
        max-width: 15%
    }

    25% {
        background-color: rgba(35, 35, 35, .9)
    }

    75% {
        max-width: 100%
    }
}

@keyframes ytp-title-channel-fade-in-big-mode {
    0% {
        background-color: transparent;
        max-width: 15%
    }

    25% {
        background-color: rgba(35, 35, 35, .9)
    }

    75% {
        max-width: 100%
    }
}

@-webkit-keyframes ytp-title-channel-fade-out-big-mode {
    0% {
        background-color: rgba(35, 35, 35, .9);
        width: 500px
    }

    75% {
        background-color: rgba(35, 35, 35, .9);
        width: 70px
    }
}

@keyframes ytp-title-channel-fade-out-big-mode {
    0% {
        background-color: rgba(35, 35, 35, .9);
        width: 500px
    }

    75% {
        background-color: rgba(35, 35, 35, .9);
        width: 70px
    }
}

@-webkit-keyframes ytp-title-expanded-fade-in {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes ytp-title-expanded-fade-in {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes ytp-title-expanded-fade-out {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes ytp-title-expanded-fade-out {
    0% {
        opacity: 1
    }

    25% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ytp-title-channel {
    background: transparent;
    border-radius: 25px;
    display: none;
    height: 50px;
    margin-left: -5px;
    overflow: hidden;
    position: absolute;
    top: 7px;
    left: 0;
    width: 50px
}

.ytp-big-mode .ytp-title-channel {
    width: 70px;
    height: 70px;
    margin-top: 10px
}

.ytp-title-enable-channel-logo .ytp-title-channel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ytp-title-channel.ytp-title-show-expanded {
    -webkit-animation: ytp-title-channel-fade-in .5s cubic-bezier(.4, 0, .2, 1);
    animation: ytp-title-channel-fade-in .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-big-mode .ytp-title-channel.ytp-title-show-expanded {
    -webkit-animation: ytp-title-channel-fade-in-big-mode .5s cubic-bezier(.4, 0, .2, 1);
    animation: ytp-title-channel-fade-in-big-mode .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-title-channel.ytp-title-expanded {
    background-color: rgba(35, 35, 35, .9);
    border-radius: 25px;
    left: 8;
    max-width: 100%;
    z-index: 1;
    width: auto
}

.ytp-big-mode .ytp-title-channel.ytp-title-expanded {
    border-radius: 35px
}

.ytp-title-expanded-overlay {
    display: contents;
    max-width: 100%;
    opacity: 0;
    padding-right: 8px;
    width: auto
}

.ytp-big-mode .ytp-title-expanded-overlay {
    max-width: 100%
}

.ytp-title-expanded .ytp-title-expanded-overlay {
    opacity: 1
}

.ytp-title-show-expanded .ytp-title-expanded-overlay {
    opacity: 1;
    -webkit-animation: ytp-title-expanded-fade-in .5s cubic-bezier(.4, 0, .2, 1);
    animation: ytp-title-expanded-fade-in .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-big-mode .ytp-title-show-expanded .ytp-title-expanded-overlay {
    -webkit-animation: ytp-title-expanded-fade-in-big-mode .5s cubic-bezier(.4, 0, .2, 1);
    animation: ytp-title-expanded-fade-in-big-mode .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-title-expanded-heading {
    margin: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    -webkit-align-self: center;
    align-self: center
}

.ytp-title-expanded-title {
    font-size: 16px;
    font-weight: normal;
    margin: 0
}

.ytp-big-mode .ytp-title-expanded-title {
    font-size: 22px
}

.ytp-title-expanded-title a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.ytp-title-expanded-subtitle {
    font-size: 12px;
    font-weight: normal;
    margin: 0
}

.ytp-big-mode .ytp-title-expanded-subtitle {
    font-size: 16px
}

.ytp-chrome-top .ytp-title-channel .ytp-sb {
    -webkit-align-self: center;
    align-self: center;
    margin: 5px;
    height: auto;
    width: auto;
    padding: 0;
    padding-left: 16px;
    text-shadow: none;
    margin-right: 7px
}

.ytp-chrome-top .ytp-title-channel .ytp-sb-subscribe,
a.ytp-sb-subscribe {
    margin-left: 65px
}

.ytp-big-mode .ytp-chrome-top .ytp-title-channel .ytp-sb-subscribe,
.ytp-big-mode .ytp-chrome-top .ytp-title-channel .ytp-sb-unsubscribe {
    font-size: 16px;
    padding: 14px 20px;
    margin-right: 7px
}

.ytp-title-expanded .ytp-title-beacon,
.ytp-title-expanded .ytp-title-text,
.ytp-title-expanded .ytp-title-subtext {
    display: none
}

@-webkit-keyframes ytp-title-beacon-pulse {
    from {
        background: black;
        width: 40px;
        height: 40px;
        left: 5px;
        top: 5px
    }

    50% {
        background: transparent;
        width: 50px;
        height: 50px;
        left: 0;
        top: 0
    }
}

@keyframes ytp-title-beacon-pulse {
    from {
        background: black;
        width: 40px;
        height: 40px;
        left: 5px;
        top: 5px
    }

    50% {
        background: transparent;
        width: 50px;
        height: 50px;
        left: 0;
        top: 0
    }
}

.ytp-title-beacon {
    border-radius: 25px;
    display: none;
    position: absolute;
    z-index: -1;
    -webkit-animation: ytp-title-beacon-pulse 2s 5;
    animation: ytp-title-beacon-pulse 2s 5
}

.unstarted-mode .ytp-title-beacon {
    display: block
}

.ytp-big-mode .ytp-chapter-title.ytp-button.ytp-chapter-container-disabled,
.ytp-chapter-title.ytp-button.ytp-chapter-container-disabled {
    opacity: .9
}

.ytp-chapter-title.ytp-button,
.ytp-big-mode .ytp-chapter-title.ytp-button,
.ytp-small-mode .ytp-chrome-controls .ytp-chapter-title.ytp-button,
.ytp-embed-mobile .ytp-chrome-controls .ytp-chapter-title.ytp-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%
}

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

.ytp-delhi-modern .ytp-chapter-title.ytp-button {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    height: 40px;
    border-radius: 28px;
    padding: 0 16px
}

.ytp-chapter-container-disabled .ytp-chapter-title-chevron,
.ytp-embed .ytp-chapter-title-chevron,
.ytp-profile-page .ytp-chapter-title-chevron,
.ytp-delhi-modern .ytp-chapter-title-chevron {
    display: none
}

.ytp-chapter-title-chevron {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    position: relative;
    bottom: 1px
}

.ytp-chapter-title-content {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ytp-xs-mono-button-style .ytp-chapter-title-content,
.ytp-delhi-modern .ytp-chapter-title-content {
    line-height: 24px;
    font-weight: 500
}

.ytp-big-mode .ytp-chapter-title-chevron {
    width: 28px
}

.ytp-chapter-title-chevron svg {
    vertical-align: middle
}

.ytp-chapter-title-prefix {
    padding-right: 5px
}

.ytp-xs-mono-button-style .ytp-chapter-title-prefix,
.ytp-delhi-modern .ytp-chapter-title-prefix,
.ytp-live .ytp-chapter-title {
    display: none
}

.ytp-embed .ytp-chapter-container .ytp-chapter-title.ytp-button,
.ytp-embed.ytp-small-mode .ytp-chapter-container .ytp-chapter-title.ytp-button {
    cursor: text;
    width: 100%
}

.ytp-chapter-container .ytp-profile-page.ytp-chapter-title.ytp-button {
    cursor: text
}

.ytp-exp-bottom-control-flexbox .ytp-chapter-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

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

.ytp-chapter-container {
    height: 100%;
    font-size: 109%;
    vertical-align: top;
    padding: 0 5px 0 0;
    white-space: nowrap;
    line-height: 47px
}

.ytp-embed .ytp-chapter-container {
    line-height: 39px
}

.ytp-big-mode .ytp-chapter-container {
    line-height: 53px
}

.ytp-chapter-container.ytp-xs-mono-button-style,
.ytp-delhi-modern .ytp-chapter-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ytp-small-mode .ytp-xs-mono-button-style .ytp-chapter-title.ytp-button {
    height: 18px
}

.ytp-small-mode .ytp-xs-mono-button-style .ytp-chapter-title-content {
    line-height: 18px
}

.ytp-big-mode .ytp-xs-mono-button-style .ytp-chapter-title.ytp-button {
    height: 32px
}

.ytp-big-mode .ytp-xs-mono-button-style .ytp-chapter-title-content {
    line-height: 32px
}

.ytp-contextmenu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2300;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: left;
    direction: ltr;
    font-size: 11px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    will-change: width, height;
    border-radius: 12px
}

.ytp-popup.ytp-delhi-modern-contextmenu {
    border-radius: 12px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6))
}

.ytp-contextmenu .ytp-collapse {
    height: 20px;
    opacity: .9;
    position: absolute;
    right: 20px;
    top: 12px;
    width: 20px
}

.ytp-contextmenu .ytp-collapse:hover {
    opacity: 1
}

.ytp-dni.ytp-contextmenu {
    text-shadow: none
}

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

.ytp-autohide.ytp-embed-overlays-autohide.ytp-contextmenu {
    opacity: 0;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide:not(.ytp-autohide-active).ytp-embed-overlays-autohide.ytp-contextmenu {
    display: none
}

.ytp-contextmenu a,
.ytp-contextmenu a:focus,
.ytp-contextmenu a:hover {
    color: inherit;
    text-decoration: none
}

.ytp-copytext {
    margin: 0 10px;
    max-width: 200px;
    outline: none;
    text-shadow: none;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text
}

.ytp-copytext::-moz-selection {
    background-color: white;
    color: black
}

.ytp-html5-clipboard {
    top: 0;
    left: 100%;
    position: absolute;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text
}

.ytp-show-copylink-title.ytp-copylink-button {
    margin-left: 10px;
    margin-right: 10px
}

.ytp-overflow-panel .ytp-show-copylink-title.ytp-copylink-button {
    margin-left: 20px;
    margin-right: 20px
}

.ytp-big-mode .ytp-chrome-top .ytp-copylink-button,
.ytp-chrome-top .ytp-copylink-button {
    width: auto;
    height: auto
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-copylink-button {
    min-width: 48px;
    max-width: 80px
}

.ytp-copylink-icon {
    margin: auto;
    width: 36px;
    height: 36px
}

.ytp-big-mode .ytp-copylink-icon {
    width: 54px;
    height: 54px
}

.ytp-overflow-panel .ytp-copylink-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 10px
}

.ytp-copylink-title {
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    display: none
}

.ytp-big-mode .ytp-copylink-title,
.ytp-overflow-panel .ytp-copylink-title {
    font-size: 20px
}

.ytp-show-copylink-title .ytp-copylink-title {
    display: block
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-copylink-title {
    text-overflow: ellipsis;
    overflow: hidden
}

.ytp-countdown-timer {
    width: 36px;
    height: 36px;
    -webkit-transition: all .1s cubic-bezier(.4, 0, 1, 1);
    transition: all .1s cubic-bezier(.4, 0, 1, 1);
    z-index: 39;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    border-radius: 18px
}

.ytp-branding-shown .ytp-countdown-timer {
    bottom: 52px
}

.ytp-countdown-timer-time {
    font-size: 18px;
    color: #FFF;
    line-height: 36px;
    width: 36px;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
    text-shadow: 0 0 4px rgb(0, 0, 0)
}

.ytp-free-preview-countdown-timer {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 5px;
    left: 20px;
    height: 24px;
    bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    width: auto;
    z-index: 82;
    font-size: 14px;
    font-weight: 500
}

.ytp-free-preview-countdown-timer-separator {
    padding: 0 3px
}

.yt-ui-ellipsis {
    background-color: #fff;
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word
}

.yt-ui-ellipsis-nowrap-single-line {
    background-color: #fff;
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    max-height: 1.3em
}

.yt-ui-ellipsis::before,
.yt-ui-ellipsis::after {
    background-color: inherit;
    position: absolute
}

.yt-ui-ellipsis::before {
    content: "…";
    right: 0
}

.yt-ui-ellipsis::after {
    content: "";
    height: 100%;
    width: 100%
}

.yt-ui-ellipsis-2::before {
    top: 1.3em
}

.yt-ui-ellipsis-3::before {
    top: 2.6em
}

.yt-ui-ellipsis-4::before {
    top: 3.9em
}

.yt-ui-ellipsis-6::before {
    top: 6.5em
}

.yt-ui-ellipsis-10::before {
    top: 11.7em
}

.yt-ui-ellipsis-2 {
    max-height: 2.6em
}

.yt-ui-ellipsis-3 {
    max-height: 3.9em
}

.yt-ui-ellipsis-4 {
    max-height: 5.2em
}

.yt-ui-ellipsis-6 {
    max-height: 7.8em
}

.yt-ui-ellipsis-10 {
    max-height: 13em
}

.webkit .yt-ui-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.webkit .yt-ui-ellipsis-2 {
    -webkit-line-clamp: 2
}

.webkit .yt-ui-ellipsis-3 {
    -webkit-line-clamp: 3
}

.webkit .yt-ui-ellipsis-4 {
    -webkit-line-clamp: 4
}

.webkit .yt-ui-ellipsis-6 {
    -webkit-line-clamp: 6
}

.webkit .yt-ui-ellipsis-10 {
    -webkit-line-clamp: 10
}

.webkit .yt-ui-ellipsis::before {
    content: normal
}

.webkit .yt-ui-ellipsis::after {
    content: "‌";
    position: static;
    visibility: hidden
}

.yt-ui-ellipsis[dir=rtl]::before {
    left: 0;
    right: auto
}

a.ytp-ce-link {
    display: block
}

a.ytp-ce-link,
a.ytp-ce-link:hover,
a.ytp-ce-link:visited {
    color: #167ac6
}

a.ytp-ce-link:hover {
    text-decoration: underline
}

.ytp-ce-shadow {
    opacity: 0;
    outline: solid #000;
    position: absolute;
    -webkit-transition: opacity .2s cubic-bezier(0, 0, .2, 1);
    transition: opacity .2s cubic-bezier(0, 0, .2, 1);
    z-index: 12
}

.ytp-ce-shadow:not([aria-hidden=true]) {
    opacity: .25;
    -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .2s cubic-bezier(.4, 0, 1, 1)
}

.ytp-ce-element {
    border: 1px solid rgba(255, 255, 255, .4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    box-shadow: 0 0 4px rgba(0, 0, 0, .5);
    cursor: pointer;
    display: block;
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.3em;
    margin: -1px;
    position: absolute;
    -webkit-font-smoothing: auto;
    z-index: 12;
    opacity: 0;
    -webkit-transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
    transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
    visibility: hidden
}

.ytp-ce-hide-button-container {
    position: absolute;
    display: block;
    margin-top: 12px;
    right: 12px;
    z-index: 13;
    opacity: 0;
    -webkit-transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
    transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
    visibility: hidden
}

.ytp-ce-hide-button-container.ytp-ce-hide-button-lower {
    margin-top: 48px
}

.ytp-big-mode .ytp-ce-hide-button-container {
    margin-top: 72px
}

.html5-video-player.ended-mode .ytp-ce-element,
.html5-video-player.ended-mode .ytp-ce-hide-button-container {
    display: none
}

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

.ytp-ce-element.ytp-ce-element-show,
.ytp-ce-hide-button-container.ytp-ce-element-show {
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
    transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
    visibility: visible
}

.ytp-ce-element.ytp-ce-force-expand,
.ytp-ce-element.ytp-ce-element-hover {
    border: 1px solid #fff;
    outline: none;
    z-index: 13;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
    transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
    visibility: visible
}

.ytp-ce-element.ytp-ce-element-show:focus,
.ytp-ce-element.ytp-ce-element-show:hover {
    outline: none
}

.ytp-ce-element-shadow {
    background-color: #000;
    bottom: -1px;
    left: -1px;
    opacity: 0;
    position: absolute;
    right: -1px;
    top: -1px;
    -webkit-transition: opacity .2s cubic-bezier(0, 0, .2, 1);
    transition: opacity .2s cubic-bezier(0, 0, .2, 1);
    z-index: 12
}

.ytp-ce-element.ytp-ce-element-show.ytp-ce-element-shadow-show .ytp-ce-element-shadow {
    opacity: .25;
    -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .2s cubic-bezier(.4, 0, 1, 1)
}

.ytp-ce-covering-image {
    background-color: #fff;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    bottom: -2px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px
}

.ytp-ce-covering-shadow-top {
    height: 33%;
    opacity: .8;
    position: absolute;
    top: 0;
    width: 100%;
    background-image: -webkit-linear-gradient(top, #000 0, transparent 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), to(transparent));
    background-image: linear-gradient(to bottom, #000 0, transparent 100%)
}

.ytp-ce-covering-overlay {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 12
}

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

.ytp-ce-video,
.ytp-ce-playlist {
    overflow: hidden
}

.ytp-ce-video-title,
.ytp-ce-playlist-title {
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    margin: 6px 8px;
    max-height: 28px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .4)
}

.ytp-ce-video-title.ytp-webkit-ellipsis,
.ytp-ce-playlist-title.ytp-webkit-ellipsis {
    display: box;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.ytp-ce-video-duration {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 2px;
    bottom: 0;
    color: rgba(255, 255, 255, .8);
    margin: 0 4px 4px 0;
    padding: 4px 6px;
    position: absolute;
    right: 0
}

.ytp-ce-live-video-duration {
    background-color: rgb(255, 0, 0);
    border-radius: 2px;
    bottom: 0;
    color: rgba(255, 255, 255, .8);
    margin: 0 4px 4px 0;
    padding: 4px 6px;
    position: absolute;
    right: 0
}

.ytp-ce-playlist-count {
    background-color: rgba(0, 0, 0, .75);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.ytp-ce-playlist-icon {
    left: 8px;
    position: absolute;
    top: 2px
}

.ytp-ce-playlist-count-text {
    color: rgba(255, 255, 255, .8);
    height: 24px;
    line-height: 24px;
    margin-left: 32px
}

.ytp-ce-expanding-overlay {
    position: absolute;
    opacity: 0;
    -webkit-transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
    transition: visibility 0s linear .2s, opacity .2s cubic-bezier(0, 0, .2, 1), border-color .2s cubic-bezier(0, 0, .2, 1);
    visibility: hidden
}

.ytp-ce-expanding-overlay-content {
    display: table
}

.ytp-ce-expanding-overlay-body {
    display: table-cell;
    position: relative;
    vertical-align: middle
}

.ytp-ce-element.ytp-ce-force-expand .ytp-ce-expanding-overlay,
.ytp-ce-element.ytp-ce-element-hover .ytp-ce-expanding-overlay {
    z-index: 13;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
    transition: visibility 0s linear 0s, opacity .2s cubic-bezier(.4, 0, 1, 1), border-color .2s cubic-bezier(.4, 0, 1, 1);
    visibility: visible
}

.ytp-ce-element.ytp-ce-force-expand .ytp-ce-expanding-image,
.ytp-ce-element.ytp-ce-element-hover .ytp-ce-expanding-image {
    z-index: 13
}

.ytp-ce-expanding-overlay-background {
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 4px #000;
    box-shadow: 0 0 4px #000;
    height: 100%;
    left: 0;
    margin: -8px;
    padding: 8px;
    position: absolute;
    top: 0;
    width: 100%
}

.ytp-ce-expanding-image {
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: 100%
}

.ytp-ce-expanding-icon {
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    border-radius: 2px;
    bottom: 2px;
    height: 24px;
    position: absolute;
    right: 2px;
    width: 24px;
    -webkit-transition: opacity .2s cubic-bezier(0, 0, .2, 1);
    transition: opacity .2s cubic-bezier(0, 0, .2, 1)
}

.ytp-ce-element.ytp-ce-force-expand .ytp-ce-expanding-icon,
.ytp-ce-element.ytp-ce-element-hover .ytp-ce-expanding-icon {
    opacity: 0
}

.ytp-ce-element.ytp-ce-top-left-quad .ytp-ce-expanding-overlay {
    left: 0;
    padding-left: 100%;
    top: 0
}

.ytp-ce-element.ytp-ce-top-right-quad .ytp-ce-expanding-overlay {
    padding-right: 100%;
    right: 0;
    top: 0
}

.ytp-ce-element.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay {
    bottom: 0;
    left: 0;
    padding-left: 100%
}

.ytp-ce-element.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay {
    bottom: 0;
    padding-right: 100%;
    right: 0
}

.ytp-ce-element.ytp-ce-website.ytp-ce-element-show,
.ytp-ce-element.ytp-ce-channel.ytp-ce-element-show,
.ytp-ce-element.ytp-ce-merchandise.ytp-ce-element-show,
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-element-hover,
.ytp-ce-element.ytp-ce-channel.ytp-ce-element-show.ytp-ce-element-hover,
.ytp-ce-element.ytp-ce-merchandise.ytp-ce-element-show.ytp-ce-element-hover,
.ytp-ce-element.ytp-ce-website.ytp-ce-element-show.ytp-ce-force-expand,
.ytp-ce-element.ytp-ce-channel.ytp-ce-element-show.ytp-ce-force-expand,
.ytp-ce-element.ytp-ce-merchandise.ytp-ce-element-show.ytp-ce-force-expand {
    border: 0;
    margin: 0
}

.ytp-ce-channel-title {
    font-weight: 500
}

.ytp-ce-channel-subscribe {
    color: #767676;
    display: inline-block;
    margin-top: 4px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

.ytp-ce-channel-subscribers-text {
    color: #767676;
    display: none;
    margin-bottom: 24px;
    margin-top: 6px
}

.ytp-ce-channel-metadata {
    color: #767676
}

.ytp-ce-channel-this .ytp-ce-channel-metadata {
    border-top: 1px solid #ebebeb;
    display: none
}

.ytp-ce-channel-that .ytp-ce-channel-metadata {
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
    max-height: 42px
}

.ytp-ce-channel,
.ytp-ce-channel .ytp-ce-expanding-image,
.ytp-ce-channel .ytp-ce-element-shadow {
    border-radius: 50%
}

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

.ytp-ce-website-metadata,
.ytp-ce-merchandise-metadata,
.ytp-ce-merchandise-price-container {
    color: #767676;
    margin-top: 4px
}

.ytp-ce-merchandise .ytp-ce-expanding-image {
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.ytp-ce-website-goto {
    display: inline-block;
    font-weight: 500;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ytp-ce-website .ytp-ce-expanding-image,
.ytp-ce-merchandise .ytp-ce-expanding-image {
    background-color: #fff
}

.ytp-ce-merchandise-price {
    display: inline-block;
    color: #646464;
    font-weight: 800;
    white-space: nowrap;
    margin-right: 6px
}

.ytp-ce-merchandise-additional-fees {
    display: inline-block;
    color: #767676;
    margin-top: 2px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ytp-ce-merchandise-invideo-cta-container {
    background-color: #000;
    border: 1px #000;
    opacity: .8;
    padding: 10px 0;
    width: 100%;
    bottom: 0;
    position: absolute;
    text-align: center
}

.ytp-ce-merchandise-invideo-cta {
    color: #fff;
    white-space: nowrap
}

.ytp-ce-size-346 .ytp-ce-merchandise-invideo-cta-container,
.ytp-ce-size-426 .ytp-ce-merchandise-invideo-cta-container,
.ytp-ce-size-470 .ytp-ce-merchandise-invideo-cta-container {
    padding: 2px 0
}

.ytp-ce-size-506 .ytp-ce-merchandise-invideo-cta-container,
.ytp-ce-size-570 .ytp-ce-merchandise-invideo-cta-container,
.ytp-ce-size-640 .ytp-ce-merchandise-invideo-cta-container,
.ytp-ce-size-853 .ytp-ce-merchandise-invideo-cta-container {
    padding: 5px 0
}

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

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

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

.ytp-ce-merchandise-goto {
    display: inline-block;
    font-weight: 500;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.ytp-ce-size-346 {
    font-size: 12px
}

.ytp-ce-size-346 .ytp-ce-covering-icon {
    bottom: 4px;
    right: 4px
}

.ytp-ce-size-346 .ytp-ce-expanding-overlay-body-padding {
    min-width: 115px
}

.ytp-ce-size-346 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
    width: 115px
}

.ytp-ce-size-346.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-346.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 0 0 8px
}

.ytp-ce-size-346.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-346.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 8px 0 0
}

.ytp-ce-size-346 .ytp-ce-expanding-overlay-background {
    margin: -8px;
    padding: 8px
}

.ytp-ce-size-346 .ytp-ce-expanding-icon {
    bottom: 2px;
    right: 2px
}

.ytp-ce-size-346.ytp-ce-channel-that .ytp-ce-channel-metadata {
    margin-top: 0
}

.ytp-ce-size-426 {
    font-size: 12px
}

.ytp-ce-size-426 .ytp-ce-covering-icon {
    bottom: 4px;
    right: 4px
}

.ytp-ce-size-426 .ytp-ce-expanding-overlay-body-padding {
    min-width: 115px
}

.ytp-ce-size-426 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
    width: 115px
}

.ytp-ce-size-426.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-426.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 4px 0 12px
}

.ytp-ce-size-426.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-426.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 12px 0 4px
}

.ytp-ce-size-426 .ytp-ce-expanding-icon {
    bottom: 4px;
    right: 4px
}

.ytp-ce-size-426.ytp-ce-channel-that .ytp-ce-channel-metadata {
    margin-top: 0
}

.ytp-ce-size-346 .ytp-ce-video-title,
.ytp-ce-size-346 .ytp-ce-playlist-title,
.ytp-ce-size-426 .ytp-ce-video-title,
.ytp-ce-size-426 .ytp-ce-playlist-title,
.ytp-ce-size-470 .ytp-ce-merchandise-title {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 85%
}

.ytp-ce-size-470 {
    font-size: 12px
}

.ytp-ce-size-470 .ytp-ce-website-title,
.ytp-ce-size-470 .ytp-ce-channel-title,
.ytp-ce-size-470 .ytp-ce-merchandise-title {
    font-size: 12px;
    line-height: 14px
}

.ytp-ce-size-470 .ytp-ce-website-goto,
.ytp-ce-size-470 .ytp-ce-merchandise-goto {
    font-size: 12px
}

.ytp-ce-size-470 .ytp-ce-expanding-overlay-body-padding {
    min-width: 136px
}

.ytp-ce-size-470 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
    width: 136px
}

.ytp-ce-size-470.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-470.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 4px 0 12px
}

.ytp-ce-size-470.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-470.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 12px 0 4px
}

.ytp-ce-size-470 .ytp-ce-expanding-icon {
    bottom: 4px;
    right: 4px
}

.ytp-ce-size-506 {
    font-size: 12px
}

.ytp-ce-size-506 .ytp-ce-website-title,
.ytp-ce-size-506 .ytp-ce-channel-title,
.ytp-ce-size-506 .ytp-ce-merchandise-title {
    font-size: 12px;
    line-height: 14px
}

.ytp-ce-size-506 .ytp-ce-website-goto,
.ytp-ce-size-506 .ytp-ce-merchandise-goto {
    font-size: 12px
}

.ytp-ce-size-506 .ytp-ce-expanding-overlay-body-padding {
    min-width: 136px
}

.ytp-ce-size-506 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
    width: 136px
}

.ytp-ce-size-506.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-506.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 4px 0 12px
}

.ytp-ce-size-506.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-506.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 12px 0 4px
}

.ytp-ce-size-506 .ytp-ce-expanding-icon {
    bottom: 4px;
    right: 4px
}

.ytp-ce-size-570 {
    font-size: 12px
}

.ytp-ce-size-570 .ytp-ce-website-title,
.ytp-ce-size-570 .ytp-ce-channel-title,
.ytp-ce-size-570 .ytp-ce-merchandise-title {
    font-size: 12px;
    line-height: 14px
}

.ytp-ce-size-570 .ytp-ce-website-goto,
.ytp-ce-size-570 .ytp-ce-merchandise-goto {
    font-size: 12px
}

.ytp-ce-size-570 .ytp-ce-expanding-overlay-body-padding {
    min-width: 136px
}

.ytp-ce-size-570 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
    width: 136px
}

.ytp-ce-size-570.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-570.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 4px 0 12px
}

.ytp-ce-size-570.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-570.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 12px 0 4px
}

.ytp-ce-size-570 .ytp-ce-expanding-icon {
    bottom: 4px;
    right: 4px
}

.ytp-ce-size-640 {
    font-size: 12px
}

.ytp-ce-size-640 .ytp-ce-video-title,
.ytp-ce-size-640 .ytp-ce-playlist-title {
    font-size: 13px;
    line-height: 15px;
    max-height: 30px
}

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

.ytp-ce-size-640 .ytp-ce-website-goto,
.ytp-ce-size-640 .ytp-ce-merchandise-goto {
    font-size: 12px
}

.ytp-ce-size-640 .ytp-ce-expanding-overlay-body-padding {
    min-width: 136px
}

.ytp-ce-size-640 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
    width: 136px
}

.ytp-ce-size-640.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-640.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 8px 0 16px
}

.ytp-ce-size-640.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-640.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 16px 0 8px
}

.ytp-ce-size-640 .ytp-ce-expanding-icon {
    bottom: 8px;
    right: 8px
}

.ytp-ce-size-853 {
    font-size: 14px
}

.ytp-ce-size-853 .ytp-ce-video-title,
.ytp-ce-size-853 .ytp-ce-playlist-title {
    font-size: 15px;
    line-height: 18px;
    margin: 10px 12px;
    max-height: 36px
}

.ytp-ce-size-853 .ytp-ce-video-duration {
    margin: 0 6px 6px 0
}

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

.ytp-ce-size-853 .ytp-ce-website-goto,
.ytp-ce-size-853 .ytp-ce-merchandise-goto {
    font-size: 12px
}

.ytp-ce-size-853.ytp-ce-channel-this .ytp-ce-channel-metadata {
    font-size: 12px;
    line-height: 14px;
    margin-top: 8px;
    padding-top: 8px;
    max-height: 42px;
    display: block
}

.ytp-ce-size-853.ytp-ce-channel-that .ytp-ce-channel-metadata {
    font-size: 15px;
    line-height: 18px;
    margin-top: 4px;
    max-height: 54px
}

.ytp-ce-size-853 .ytp-ce-expanding-overlay-body-padding {
    min-width: 176px
}

.ytp-ce-size-853 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
    width: 176px
}

.ytp-ce-size-853.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-853.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 8px 0 16px
}

.ytp-ce-size-853.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-853.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 16px 0 8px
}

.ytp-ce-size-853 .ytp-ce-expanding-icon {
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
    bottom: 8px;
    height: 32px;
    right: 8px;
    width: 32px
}

.ytp-ce-size-853 .ytp-ce-playlist-icon {
    left: 8px;
    top: 4px
}

.ytp-ce-size-853 .ytp-ce-playlist-count-text {
    height: 32px;
    line-height: 32px;
    margin-left: 40px
}

.ytp-ce-size-1280 {
    font-size: 18px
}

.ytp-ce-size-1280 .ytp-ce-video-title,
.ytp-ce-size-1280 .ytp-ce-playlist-title {
    font-size: 21px;
    line-height: 24px;
    margin: 18px 20px;
    max-height: 48px
}

.ytp-ce-size-1280 .ytp-ce-video-duration {
    margin: 0 12px 12px 0
}

.ytp-ce-size-1280 .ytp-ce-website-title,
.ytp-ce-size-1280 .ytp-ce-channel-title,
.ytp-ce-size-1280 .ytp-ce-merchandise-title {
    font-size: 21px;
    line-height: 24px
}

.ytp-ce-size-1280 .ytp-ce-website-metadata,
.ytp-ce-size-1280 .ytp-ce-website-goto,
.ytp-ce-size-1280 .ytp-ce-merchandise-metadata,
.ytp-ce-size-1280 .ytp-ce-merchandise-goto,
.ytp-ce-size-1280 .ytp-ce-merchandise-price-container {
    font-size: 18px;
    margin-top: 8px
}

.ytp-ce-size-1280 .ytp-ce-channel-metadata {
    font-size: 18px;
    line-height: 21px;
    max-height: 63px
}

.ytp-ce-size-1280 .ytp-ce-channel-subscribe {
    height: 32px;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

.ytp-ce-size-1280.ytp-ce-channel-that .ytp-ce-channel-subscribers-text {
    display: block
}

.ytp-ce-size-1280.ytp-ce-channel-this .ytp-ce-channel-metadata {
    margin-top: 12px;
    padding-top: 12px;
    display: block
}

.ytp-ce-size-1280 .ytp-ce-expanding-overlay-body-padding {
    min-width: 264px
}

.ytp-ce-size-1280 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
    width: 264px
}

.ytp-ce-size-1280.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1280.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 16px 0 32px
}

.ytp-ce-size-1280.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1280.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 32px 0 16px
}

.ytp-ce-size-1280 .ytp-ce-expanding-overlay-background {
    margin: -16px;
    padding: 16px
}

.ytp-ce-size-1280 .ytp-ce-expanding-icon {
    -webkit-background-size: 32px 32px;
    background-size: 32px 32px;
    bottom: 10px;
    height: 40px;
    right: 10px;
    width: 40px
}

.ytp-ce-size-1280 .ytp-ce-playlist-icon {
    left: 10px;
    top: 8px
}

.ytp-ce-size-1280 .ytp-ce-playlist-count-text {
    height: 40px;
    line-height: 40px;
    margin-left: 46px
}

.ytp-ce-size-1920 {
    font-size: 28px
}

.ytp-ce-size-1920 .ytp-ce-video-title,
.ytp-ce-size-1920 .ytp-ce-playlist-title {
    font-size: 32px;
    line-height: 38px;
    margin: 18px 20px;
    max-height: 76px
}

.ytp-ce-size-1920 .ytp-ce-video-duration {
    margin: 0 20px 20px 0
}

.ytp-ce-size-1920 .ytp-ce-website-title,
.ytp-ce-size-1920 .ytp-ce-channel-title,
.ytp-ce-size-1920 .ytp-ce-merchandise-title {
    font-size: 32px;
    line-height: 38px
}

.ytp-ce-size-1920 .ytp-ce-website-metadata,
.ytp-ce-size-1920 .ytp-ce-website-goto,
.ytp-ce-size-1920 .ytp-ce-merchandise-metadata,
.ytp-ce-size-1920 .ytp-ce-merchandise-goto,
.ytp-ce-size-1920 .ytp-ce-merchandise-price-container {
    font-size: 28px;
    margin-top: 12px
}

.ytp-ce-size-1920 .ytp-ce-channel-metadata {
    font-size: 28px;
    line-height: 34px;
    max-height: 102px
}

.ytp-ce-size-1920 .ytp-ce-channel-subscribe {
    height: 80px;
    margin-top: -16px;
    -webkit-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5)
}

.ytp-ce-size-1920.ytp-ce-channel-that .ytp-ce-channel-subscribers-text {
    display: block
}

.ytp-ce-size-1920.ytp-ce-channel-this .ytp-ce-channel-metadata {
    display: block;
    margin-top: 18px;
    padding-top: 18px
}

.ytp-ce-size-1920 .ytp-ce-expanding-overlay-body-padding {
    min-width: 392px
}

.ytp-ce-size-1920 .ytp-ce-expanding-overlay-body-padding>:not(.ytp-ce-subscribe-container) {
    width: 392px
}

.ytp-ce-size-1920.ytp-ce-top-left-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1920.ytp-ce-bottom-left-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 24px 0 48px
}

.ytp-ce-size-1920.ytp-ce-top-right-quad .ytp-ce-expanding-overlay-body-padding,
.ytp-ce-size-1920.ytp-ce-bottom-right-quad .ytp-ce-expanding-overlay-body-padding {
    margin: 0 48px 0 24px
}

.ytp-ce-size-1920 .ytp-ce-expanding-overlay-background {
    margin: -24px;
    padding: 24px
}

.ytp-ce-size-1920 .ytp-ce-expanding-icon {
    -webkit-background-size: 56px 56px;
    background-size: 56px 56px;
    bottom: 20px;
    height: 62px;
    right: 20px;
    width: 62px
}

.ytp-ce-size-1920 .ytp-ce-playlist-icon {
    left: 12px;
    top: 12px
}

.ytp-ce-size-1920 .ytp-ce-playlist-icon {
    height: 32px;
    width: 32px
}

.ytp-ce-size-1920 .ytp-ce-playlist-count-text {
    height: 56px;
    line-height: 56px;
    margin-left: 56px
}

.ytp-ce-channel-subscribe.ytp-ce-subscribe-button {
    height: auto;
    margin-top: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.ytp-ce-size-346 .ytp-sb-unsubscribe,
.ytp-ce-size-346 .ytp-sb-subscribe,
.ytp-ce-size-426 .ytp-sb-unsubscribe,
.ytp-ce-size-426 .ytp-sb-subscribe,
.ytp-ce-size-470 .ytp-sb-unsubscribe,
.ytp-ce-size-470 .ytp-sb-subscribe,
.ytp-ce-size-506 .ytp-sb-unsubscribe,
.ytp-ce-size-506 .ytp-sb-subscribe {
    font-size: 11px;
    padding: 8px
}

.ytp-cued-thumbnail-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover
}

.ytp-cued-thumbnail-overlay.ytp-exp-contain-thumbnail {
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain
}

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

.ytp-cued-thumbnail-overlay-image {
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute
}

.ytp-cued-thumbnail-overlay.ytp-exp-frame0 .ytp-cued-thumbnail-overlay-image {
    z-index: 10
}

.ytp-cued-thumbnail-overlay.ytp-exp-contain-thumbnail .ytp-cued-thumbnail-overlay-image {
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain
}

.unstarted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hidden=true]),
.ended-mode .ytp-cued-thumbnail-overlay:not([aria-hidden=true]) {
    cursor: pointer
}

.ytp-chapter-seek-text {
    display: none;
    width: 80%;
    margin-left: 10%;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ytp-chapter-seek .ytp-chapter-seek-text {
    width: 100%;
    display: block
}

@-webkit-keyframes arrow-fade-out-1 {
    0% {
        opacity: 0
    }

    17% {
        opacity: .9
    }

    33% {
        opacity: .6
    }

    50% {
        opacity: .3
    }

    67% {
        opacity: .3
    }

    83% {
        opacity: .3
    }

    100% {
        opacity: 0
    }
}

@keyframes arrow-fade-out-1 {
    0% {
        opacity: 0
    }

    17% {
        opacity: .9
    }

    33% {
        opacity: .6
    }

    50% {
        opacity: .3
    }

    67% {
        opacity: .3
    }

    83% {
        opacity: .3
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes arrow-fade-out-2 {
    0% {
        opacity: 0
    }

    17% {
        opacity: .3
    }

    33% {
        opacity: .9
    }

    50% {
        opacity: .6
    }

    67% {
        opacity: .3
    }

    83% {
        opacity: .3
    }

    100% {
        opacity: 0
    }
}

@keyframes arrow-fade-out-2 {
    0% {
        opacity: 0
    }

    17% {
        opacity: .3
    }

    33% {
        opacity: .9
    }

    50% {
        opacity: .6
    }

    67% {
        opacity: .3
    }

    83% {
        opacity: .3
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes arrow-fade-out-3 {
    0% {
        opacity: 0
    }

    17% {
        opacity: .3
    }

    33% {
        opacity: .3
    }

    50% {
        opacity: .9
    }

    67% {
        opacity: .6
    }

    83% {
        opacity: .3
    }

    100% {
        opacity: 0
    }
}

@keyframes arrow-fade-out-3 {
    0% {
        opacity: 0
    }

    17% {
        opacity: .3
    }

    33% {
        opacity: .3
    }

    50% {
        opacity: .9
    }

    67% {
        opacity: .6
    }

    83% {
        opacity: .3
    }

    100% {
        opacity: 0
    }
}

.ytp-doubletap-ui-legacy {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    color: #ddd;
    z-index: 19
}

.ytp-doubletap-fast-forward-ve,
.ytp-doubletap-rewind-ve {
    opacity: 0;
    position: absolute;
    pointer-events: none
}

.ytp-doubletap-overlay-a11y {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: .2;
    z-index: -1
}

.ytp-doubletap-static-circle {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .6);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow: hidden
}

.ytp-doubletap-ripple {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(221, 221, 221, .15);
    -webkit-animation: grow-circle .9s 1;
    animation: grow-circle .9s 1;
    vertical-align: middle
}

@-webkit-keyframes grow-circle {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

@keyframes grow-circle {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

.ytp-doubletap-seek-info-container {
    position: relative;
    top: 50%
}

.ytp-doubletap-ui-legacy.ytp-time-seeking .ytp-doubletap-overlay-a11y {
    display: none
}

.ytp-doubletap-ui-legacy.ytp-chapter-seek .ytp-doubletap-seek-info-container {
    text-align: center
}

.ytp-doubletap-ui-legacy[data-side=back]:not(.ytp-chapter-seek) .ytp-doubletap-seek-info-container {
    left: 10%;
    text-align: left
}

.ytp-doubletap-ui-legacy[data-side=forward]:not(.ytp-chapter-seek) .ytp-doubletap-seek-info-container {
    left: 80%;
    text-align: left
}

.ytp-doubletap-tooltip {
    padding-top: 8px;
    color: #ddd
}

.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-tooltip {
    margin-left: 8px
}

.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-tooltip {
    margin-left: -5px
}

.ytp-doubletap-tooltip-label {
    text-align: left;
    font-size: 12px;
    font-weight: 500
}

.ytp-seek-icon-text-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 10%;
    width: 80%
}

.ytp-seek-icon {
    margin-right: 5px
}

.ytp-chapter-seek-text-legacy {
    display: none;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ytp-chapter-seek .ytp-chapter-seek-text-legacy {
    display: block
}

.ytp-doubletap-arrows-container {
    white-space: nowrap
}

.ytp-doubletap-base-arrow {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow {
    border-left: 11px solid #ddd
}

.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow {
    border-right: 11px solid #ddd
}

.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow:nth-child(1),
.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow:nth-child(3) {
    -webkit-animation-name: arrow-fade-out-1;
    animation-name: arrow-fade-out-1
}

.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow:nth-child(2),
.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow:nth-child(2) {
    -webkit-animation-name: arrow-fade-out-2;
    animation-name: arrow-fade-out-2
}

.ytp-doubletap-ui-legacy[data-side=forward] .ytp-doubletap-base-arrow:nth-child(3),
.ytp-doubletap-ui-legacy[data-side=back] .ytp-doubletap-base-arrow:nth-child(1) {
    -webkit-animation-name: arrow-fade-out-3;
    animation-name: arrow-fade-out-3
}

.ytp-more-videos-view {
    overflow: hidden
}

.ytp-more-videos-view a.ytp-suggestion-link:focus::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8);
    box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8)
}

.ytp-shorts-mode .ytp-more-videos-view-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: inherit;
    height: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ytp-more-videos-view.ytp-scroll-max .ytp-next,
.ytp-more-videos-view.ytp-scroll-min .ytp-previous,
.ytp-probably-keyboard-focus .ytp-more-videos-view .ytp-next,
.ytp-probably-keyboard-focus .ytp-more-videos-view .ytp-previous,
.ytp-touch-mode .ytp-more-videos-view .ytp-next,
.ytp-touch-mode .ytp-more-videos-view .ytp-previous {
    display: none
}

.ytp-big-mode .ytp-more-videos-view {
    bottom: 70px;
    margin: 24px
}

.ytp-more-videos-view .ytp-related-title {
    margin-left: 4px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.ytp-big-mode .ytp-more-videos-view .ytp-related-title {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 32px
}

.ytp-more-videos-view[aria-hidden=true] a.ytp-suggestion-link {
    opacity: 0
}

.ytp-more-videos-view .ytp-suggestions {
    overflow: hidden;
    text-align: center;
    white-space: nowrap
}

.ytp-touch-mode .ytp-more-videos-view .ytp-suggestions {
    overflow-x: auto
}

.ytp-touch-mode .ytp-more-videos-view .ytp-suggestions::-webkit-scrollbar {
    display: none
}

.ytp-big-mode .ytp-more-videos-view .ytp-suggestions {
    height: 180px
}

.ytp-more-videos-view .ytp-suggestion-image {
    background-color: #000;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    height: 108px;
    width: 192px
}

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

.ytp-more-videos-view .ytp-next,
.ytp-more-videos-view .ytp-previous {
    background: #333;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    height: 32px;
    position: absolute;
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
    width: 32px
}

.ytp-more-videos-view .ytp-next:hover,
.ytp-more-videos-view .ytp-previous:hover {
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 5px rgba(0, 0, 0, .2)
}

.ytp-big-mode .ytp-more-videos-view .ytp-next,
.ytp-big-mode .ytp-more-videos-view .ytp-previous {
    height: 64px;
    width: 64px
}

.ytp-more-videos-view .ytp-next {
    right: 4px
}

.ytp-more-videos-view .ytp-previous {
    left: 4px
}

.ytp-more-videos-view a.ytp-suggestion-link {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
    text-align: left;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);
    transition: all .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-more-videos-view .ytp-suggestion-overlay {
    bottom: 0;
    font-size: 12px;
    left: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0
}

.ytp-shorts-mode .ytp-more-videos-view .ytp-suggestion-overlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    background-image: -webkit-linear-gradient(bottom, rgba(12, 12, 12, .8) 0, transparent 100px);
    background-image: linear-gradient(to top, rgba(12, 12, 12, .8) 0, transparent 100px)
}

.html5-video-player:not(.ytp-shorts-mode) .ytp-more-videos-view .ytp-suggestion-overlay {
    opacity: 0;
    background-image: -webkit-linear-gradient(top, rgba(12, 12, 12, .8) 0, transparent 100px);
    background-image: linear-gradient(to bottom, rgba(12, 12, 12, .8) 0, transparent 100px);
    -webkit-transition: opacity .5s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-big-mode .ytp-more-videos-view .ytp-suggestion-overlay {
    font-size: 20px
}

.html5-video-player:not(.ytp-shorts-mode) .ytp-more-videos-view a.ytp-suggestion-link:focus .ytp-suggestion-overlay,
.html5-video-player:not(.ytp-shorts-mode) .ytp-more-videos-view a.ytp-suggestion-link:hover .ytp-suggestion-overlay {
    opacity: 1
}

.ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration {
    background: #000;
    border-radius: 2px;
    bottom: 4px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    opacity: .75;
    padding: 2px 4px;
    position: absolute;
    right: 4px
}

.ytp-big-mode .ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration {
    font-size: 17px
}

.ytp-more-videos-view .ytp-suggestion-link .ytp-suggestion-duration[data-is-live=true] {
    background: var(--yt-spec-static-overlay-background-brand, rgba(225, 0, 45, .9));
    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-woyt-emc3ds-cf.ytp-impression-link {
    border-radius: 24px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, .3);
    right: 12px
}

.ytp-impression-link-text {
    color: white;
    float: left;
    font: 500 16px/16px "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;
    margin-left: 12px;
    margin-top: 16px
}

.ytp-impression-link-logo {
    float: right;
    height: 16px;
    margin-left: 9px;
    margin-right: 12px;
    margin-top: 16px;
    width: 72px
}

.ytp-woyt-emc3ds-cf .ytp-impression-link-logo {
    height: 20px;
    width: 85px;
    margin-top: 14px;
    margin-left: 6px
}

.ytp-music-impression-link .ytp-impression-link-logo {
    margin-top: 14px;
    margin-left: 0;
    height: 19px
}

.ytp-mobile-a11y-hidden-seek-button-rewind,
.ytp-mobile-a11y-hidden-seek-button-forward {
    width: 1px;
    height: 1px
}

.ytp-muted-autoplay-overlay,
.ytp-muted-autoplay-endscreen-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1001;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover
}

.ytp-muted-autoplay-overlay[aria-hidden=true],
.ytp-muted-autoplay-endscreen-overlay[aria-hidden=true] {
    opacity: 0;
    -webkit-transition: opacity .25s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .25s cubic-bezier(.4, 0, 1, 1)
}

.ytp-muted-autoplay-bottom-buttons {
    position: absolute;
    right: 11px;
    bottom: 0
}

.ytp-muted-autoplay-bottom-buttons .ytp-button,
.ytp-muted-autoplay-bottom-buttons .ytp-watermark {
    display: inline-block;
    overflow: hidden;
    z-index: unset;
    margin: 0 4px
}

.ytp-muted-autoplay-bottom-buttons .ytp-watermark {
    right: 0;
    position: relative
}

.ytp-watermark.ytp-muted-autoplay-watermark {
    opacity: 1
}

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

.ytp-muted-autoplay-equalizer {
    position: relative;
    width: auto;
    height: auto;
    bottom: 8px
}

.ytp-embed-mobile .ytp-muted-autoplay-equalizer {
    bottom: 10px
}

.ytp-muted-autoplay-equalizer-icon {
    margin: auto;
    top: 3px;
    width: 36px;
    height: 36px
}

.ytp-small-mode .ytp-muted-autoplay-equalizer-icon {
    width: 20px;
    height: 20px
}

.ytp-muted-autoplay-end-panel {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 10%;
    display: none
}

.ytp-muted-autoplay-show-end-panel.ytp-muted-autoplay-endscreen-overlay {
    background: rgba(0, 0, 0, .4)
}

.ytp-muted-autoplay-show-end-panel .ytp-muted-autoplay-end-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ytp-muted-autoplay-end-text {
    position: absolute;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    margin-top: 40px
}

.ytp-shorts-mode .ytp-muted-autoplay-end-text {
    margin-top: 90px
}

@-webkit-keyframes ytp-equalizer-animation {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes ytp-equalizer-animation {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5)
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.ytp-equalizer-bar-left,
.ytp-equalizer-bar-middle,
.ytp-equalizer-bar-right {
    position: absolute;
    bottom: 0;
    -ms-transform-origin: 8px 16px;
    transform-origin: 8px 16px;
    -webkit-transform-origin: 8px 16px;
    -webkit-animation-name: ytp-equalizer-animation;
    animation-name: ytp-equalizer-animation;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ytp-equalizer-bar-left {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.ytp-equalizer-bar-middle {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s
}

.ytp-equalizer-bar-right {
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

.ytp-pause-overlay {
    border-radius: 2px;
    bottom: 49px;
    direction: ltr;
    left: 0;
    margin: 12px;
    position: absolute;
    z-index: 42;
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0, 0, .2, 1);
    transition: opacity 1s cubic-bezier(0, 0, .2, 1)
}

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

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

.ytp-pause-overlay-controls-hidden .ytp-pause-overlay {
    bottom: 0
}

.ytp-expand-pause-overlay .caption-window,
.ytp-expand-pause-overlay .ad-overlay {
    display: none
}

.ytp-shorts-mode .ytp-pause-overlay-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: inherit;
    height: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ytp-expand-pause-overlay .ytp-pause-overlay {
    background: rgba(23, 23, 23, .9);
    padding: 12px 16px 16px;
    right: 0
}

.ytp-expand-pause-overlay.ytp-shorts-mode .ytp-pause-overlay {
    bottom: auto
}

.ytp-expand-pause-overlay.ytp-progress-bar-hover .ytp-pause-overlay {
    opacity: .2
}

.ytp-ce-shown .ytp-pause-overlay,
.ytp-iv-drawer-open .ytp-pause-overlay,
.ytp-menu-shown .ytp-pause-overlay,
.ytp-settings-shown .ytp-pause-overlay {
    display: none
}

.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-collapse,
.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-next,
.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-previous,
.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-suggestions,
.html5-video-player:not(.ytp-expand-pause-overlay) .ytp-pause-overlay .ytp-related-title {
    display: none
}

.ytp-expand-pause-overlay.ytp-big-mode .ytp-pause-overlay {
    padding: 24px 32px 32px
}

.ytp-pause-overlay .ytp-collapse {
    height: 20px;
    opacity: .9;
    position: absolute;
    right: 20px;
    top: 12px;
    width: 20px
}

.ytp-mobile.ytp-embed-mobile .ytp-pause-overlay .ytp-collapse {
    height: 48px;
    right: 0;
    top: 0;
    width: 48px
}

.ytp-mobile.ytp-embed-mobile .ytp-pause-overlay .ytp-collapse-icon {
    margin: auto;
    height: 36px;
    width: 36px
}

.ytp-big-mode .ytp-pause-overlay .ytp-collapse {
    height: 32px;
    right: 36px;
    top: 24px;
    width: 32px
}

.ytp-pause-overlay .ytp-collapse:hover {
    opacity: 1
}

.ytp-pause-overlay .ytp-expand {
    background: rgba(0, 0, 0, .6);
    border-radius: 2px;
    font-size: 12px;
    line-height: 32px;
    padding: 0 10px;
    text-transform: uppercase
}

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

.ytp-mobile.ytp-embed-mobile .ytp-pause-overlay .ytp-expand {
    height: 48px
}

.ytp-big-mode .ytp-pause-overlay .ytp-expand {
    border-radius: 4px;
    font-size: 24px;
    padding: 10px 15px
}

.ytp-pause-overlay .ytp-expand:hover {
    background: rgba(0, 0, 0, .8)
}

.ytp-pause-overlay .ytp-expand svg {
    display: inline-block;
    height: 24px;
    margin-bottom: 2px;
    vertical-align: middle;
    width: 24px
}

.ytp-big-mode .ytp-pause-overlay .ytp-expand svg {
    width: 32px;
    height: 32px
}

.ytp-expand-pause-overlay .ytp-expand {
    display: none
}

.ytp-shorts-mode .ytp-pause-overlay-backdrop {
    background: rgba(0, 0, 0, .6);
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 24;
    -webkit-transition: opacity 1s cubic-bezier(0, 0, .2, 1);
    transition: opacity 1s cubic-bezier(0, 0, .2, 1)
}

.ytp-shorts-mode .ytp-pause-overlay-backdrop[aria-hidden=true] {
    opacity: 0;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-related-on-error-overlay {
    border-radius: 2px;
    bottom: 8px;
    left: 8px;
    right: 8px;
    margin: 0;
    position: absolute;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    padding: 16px 24px
}

.ytp-small-mode .ytp-related-on-error-overlay {
    padding: 12px 24px
}

.ytp-large-width-mode .ytp-related-on-error-overlay {
    bottom: 32px;
    left: 28px;
    right: 28px
}

.ytp-related-on-error-overlay.ytp-scroll-max .ytp-next,
.ytp-related-on-error-overlay.ytp-scroll-min .ytp-previous,
.ytp-probably-keyboard-focus .ytp-related-on-error-overlay .ytp-next,
.ytp-probably-keyboard-focus .ytp-related-on-error-overlay .ytp-previous,
.ytp-touch-mode .ytp-related-on-error-overlay .ytp-next,
.ytp-touch-mode .ytp-related-on-error-overlay .ytp-previous {
    display: none
}

.ytp-related-on-error-overlay .ytp-related-title {
    margin-left: 4px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px
}

.ytp-large-width-mode .ytp-related-on-error-overlay .ytp-related-title {
    margin-left: 8px
}

.ytp-big-mode .ytp-related-on-error-overlay .ytp-related-title {
    margin-bottom: 24px;
    font-size: 28px;
    line-height: 32px
}

.ytp-related-on-error-overlay .ytp-suggestions {
    direction: ltr;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    margin-top: 8px
}

.ytp-small-mode .ytp-related-on-error-overlay .ytp-suggestions {
    margin-top: 6px
}

.ytp-touch-mode .ytp-related-on-error-overlay .ytp-suggestions {
    overflow-x: auto
}

.ytp-related-on-error-overlay .ytp-suggestion-image {
    background-color: #000;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    height: 108px;
    width: 192px
}

.ytp-error-overlay-round-corners.ytp-related-on-error-overlay .ytp-suggestion-image {
    border-radius: 8px
}

.ytp-related-on-error-overlay .ytp-next,
.ytp-related-on-error-overlay .ytp-previous {
    background: #333;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
    height: 32px;
    position: absolute;
    width: 32px;
    bottom: 50%
}

.ytp-big-mode .ytp-related-on-error-overlay .ytp-next,
.ytp-big-mode .ytp-related-on-error-overlay .ytp-previous {
    height: 64px;
    width: 64px
}

.ytp-related-on-error-overlay .ytp-next {
    right: 28px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.ytp-large-width-mode .ytp-related-on-error-overlay .ytp-next {
    right: 32px
}

[dir=rtl] .ytp-related-on-error-overlay .ytp-next {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ytp-related-on-error-overlay .ytp-previous {
    left: 28px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ytp-large-width-mode .ytp-related-on-error-overlay .ytp-previous {
    left: add(24px, 8px)
}

[dir=rtl] .ytp-related-on-error-overlay .ytp-previous {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.ytp-related-on-error-overlay a.ytp-suggestion-link {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
    text-align: left;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all .5s cubic-bezier(.4, 0, .2, 1);
    transition: all .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-large-width-mode .ytp-related-on-error-overlay a.ytp-suggestion-link {
    margin-left: 8px;
    margin-right: 8px
}

.ytp-related-on-error-overlay .ytp-suggestion-overlay {
    bottom: 0;
    font-size: 12px;
    left: 0;
    opacity: 0;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0;
    background-image: -webkit-linear-gradient(top, rgba(12, 12, 12, .8) 0, transparent 100px);
    background-image: linear-gradient(to bottom, rgba(12, 12, 12, .8) 0, transparent 100px);
    -webkit-transition: opacity .5s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .5s cubic-bezier(.4, 0, .2, 1)
}

.ytp-big-mode .ytp-related-on-error-overlay .ytp-suggestion-overlay {
    font-size: 20px
}

.ytp-related-on-error-overlay a.ytp-suggestion-link:focus .ytp-suggestion-overlay,
.ytp-related-on-error-overlay a.ytp-suggestion-link:hover .ytp-suggestion-overlay {
    opacity: 1
}

.ytp-related-on-error-overlay .ytp-suggestion-link .ytp-suggestion-duration {
    background: #000;
    border-radius: 2px;
    bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    opacity: .9;
    padding: 2px 4px;
    position: absolute;
    right: 4px
}

.ytp-big-mode .ytp-related-on-error-overlay .ytp-suggestion-link .ytp-suggestion-duration {
    font-size: 17px
}

.ytp-related-on-error-overlay .ytp-suggestion-link .ytp-suggestion-duration[data-is-live=true] {
    background: var(--yt-spec-error-indicator, #e1002d);
    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: 38px;
    z-index: 28;
    opacity: .9;
    padding-top: 11px;
    padding-bottom: 11px
}

:not(.ytp-mweb-player) .ytp-watermark:not(.ytp-muted-autoplay-watermark) {
    right: 16px
}

:not(.ytp-mweb-player) .ytp-watermark.ytp-watermark-small {
    width: 85px;
    height: 20px
}

.html5-video-player:not(.ytp-mweb-player) .ytp-watermark {
    -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode:not(.ytp-mweb-player) .ytp-watermark {
    bottom: 59px
}

.ytp-hide-controls:not(.ytp-mweb-player) .ytp-watermark {
    bottom: 5px;
    -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-native-controls:not(.ytp-mweb-player) .ytp-watermark {
    bottom: 50px;
    left: 16px
}

:not(.ytp-mweb-player) .ytp-watermark:not(.ytp-no-hover):not(.ytp-muted-autoplay-watermark):hover {
    opacity: 1
}

:not(.ytp-mweb-player) .ytp-muted-autoplay-overlay .ytp-watermark {
    position: relative;
    bottom: 0
}

.ytp-autohide:not(.ytp-mweb-player) .ytp-watermark:not(.ytp-muted-autoplay-watermark) {
    opacity: 0;
    -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: bottom .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-muted-autoplay .ytp-watermark:not(.ytp-muted-autoplay-watermark) {
    display: none
}

.embeds-lite-endscreen {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

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

:not(.ytp-mweb-player) .ytp-endscreen-takeover.html5-endscreen {
    display: none
}

.ytp-title-enable-channel-logo:not(.ytp-mweb-player) .html5-endscreen:not(.ytp-shorts-branded-ui) {
    margin-top: 16px
}

.ytp-big-mode.ytp-title-enable-channel-logo:not(.ytp-mweb-player) .html5-endscreen:not(.ytp-shorts-branded-ui) {
    margin-top: 32px
}

:not(.ytp-mweb-player) .ytp-endscreen-content {
    position: absolute;
    left: 50%;
    top: 50%
}

.ytp-endscreen-takeover:not(.ytp-mweb-player) .ytp-endscreen-content {
    display: none
}

:not(.ytp-mweb-player) .html5-endscreen.ytp-endscreen-paginate {
    left: 32px;
    overflow: visible;
    right: 32px
}

.ytp-big-mode:not(.ytp-mweb-player) .html5-endscreen.ytp-endscreen-paginate {
    left: 48px;
    right: 48px
}

:not(.ytp-mweb-player) .ytp-endscreen-next {
    display: none;
    height: 100%;
    opacity: .9;
    position: absolute;
    right: -32px;
    width: 32px;
    -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
    transition: opacity .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode:not(.ytp-mweb-player) .ytp-endscreen-next {
    right: -48px;
    width: 48px
}

:not(.ytp-mweb-player) .ytp-endscreen-paginate .ytp-endscreen-next {
    display: block
}

:not(.ytp-mweb-player) .ytp-endscreen-next:hover {
    opacity: 1;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

:not(.ytp-mweb-player) .ytp-endscreen-previous {
    display: none;
    height: 100%;
    left: -32px;
    opacity: .9;
    position: absolute;
    width: 32px;
    -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
    transition: opacity .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode:not(.ytp-mweb-player) .ytp-endscreen-previous {
    left: -48px;
    width: 48px
}

:not(.ytp-mweb-player) .ytp-endscreen-paginate .ytp-endscreen-previous {
    display: block
}

:not(.ytp-mweb-player) .ytp-endscreen-previous:hover {
    opacity: 1;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-mweb-player.html5-endscreen {
    width: 100%;
    height: 100%;
    cursor: default;
    overflow: hidden;
    z-index: 36
}

.html5-endscreen.modern-videowall-endscreen {
    cursor: default;
    overflow: hidden;
    z-index: 36;
    -webkit-align-content: center;
    align-content: center
}

.ytp-modern-endscreen-content {
    font-size: 11px
}

.ytp-modern-endscreen-single-item .ytp-modern-endscreen-content .ytp-modern-videowall-still {
    margin-bottom: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-bottom: unset;
    height: 100%
}

.ytp-modern-endscreen-single-item .ytp-modern-endscreen-content .ytp-modern-videowall-still .ytp-modern-videowall-still-image {
    margin-right: 12px
}

.ytp-endscreen-takeover.html5-endscreen,
.ytp-endscreen-takeover .ytp-modern-endscreen-content {
    display: none
}

.ytp-title-enable-channel-logo .html5-endscreen:not(.ytp-shorts-branded-ui) {
    margin-top: 16px
}

.ytp-modern-endscreen-content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    grid-template-columns: repeat(auto-fill, minmax(clamp(250px, 27%, 450px), 1fr));
    grid-template-rows: repeat(1, 1fr);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    grid-auto-rows: 0;
    overflow: hidden;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    width: 100%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 100%
}

.ytp-modern-endscreen-row-0 .ytp-modern-endscreen-content {
    padding-top: 16px;
    padding-bottom: 16px
}

.ytp-modern-endscreen-limit-rows-1 .ytp-modern-endscreen-content {
    grid-template-rows: repeat(1, 1fr)
}

.ytp-modern-endscreen-limit-rows-2 .ytp-modern-endscreen-content {
    grid-template-rows: repeat(2, 1fr)
}

.ytp-modern-endscreen-limit-rows-3 .ytp-modern-endscreen-content {
    grid-template-rows: repeat(3, 1fr)
}

.ytp-endscreen-previous:hover {
    opacity: 1;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-error {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 44;
    line-height: 220%;
    background-color: rgb(40, 40, 40)
}

.ytp-embed-error .ytp-error {
    display: block
}

.ytp-error.related-on-error-overlay-visible {
    line-height: 160%
}

.ytp-large-width-mode .ytp-error.related-on-error-overlay-visible {
    line-height: 220%
}

.ytp-error .ytp-error-content a {
    text-decoration: underline
}

.ytp-error .ytp-error-content {
    position: relative;
    max-width: 85%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex
}

.ytp-embed-error .ytp-error .ytp-error-content {
    margin: 0 auto
}

.ytp-error .ytp-error-icon-container {
    height: 64px;
    width: 64px;
    min-width: 64px;
    min-height: 64px;
    float: left
}

.ytp-error .ytp-error-icon-container svg {
    max-width: 100%;
    max-height: 100%
}

.ytp-error .ytp-small-redirect {
    display: inline;
    height: 48px;
    width: 48px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    opacity: .7
}

.ytp-error .ytp-small-redirect.no-link {
    cursor: default
}

.ytp-error-content-wrap-subreason:empty {
    display: none
}

.ytp-error.related-on-error-overlay-visible .ytp-small-redirect,
.ytp-fullscreen .ytp-error .ytp-small-redirect {
    display: none
}

.ytp-error .ytp-small-redirect a {
    display: block;
    height: 100%
}

.ytp-error .ytp-error-content .ytp-error-content-wrap {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 16px;
    height: 100%
}

.ytp-error .ytp-error-content .ytp-error-content-wrap-reason {
    font-weight: 500
}

.ytp-large-width-mode .ytp-error .ytp-error-content .ytp-error-icon-container {
    height: 96px;
    width: 96px;
    min-width: 96px;
    min-height: 96px
}

.ytp-large-width-mode .ytp-error .ytp-small-redirect {
    height: 60px;
    width: 60px
}

.ytp-error .ytp-error-content .ytp-error-content-wrap-reason {
    font-size: 22px
}

.ytp-error.related-on-error-overlay-visible .ytp-error-content .ytp-error-content-wrap-reason {
    font-size: 16px
}

.ytp-large-width-mode .ytp-error.related-on-error-overlay-visible .ytp-error-content .ytp-error-content-wrap-reason {
    font-size: 22px
}

.ytp-error .ytp-error-content .ytp-error-content-wrap-subreason {
    font-size: 18px;
    padding-top: 10px
}

.ytp-error.related-on-error-overlay-visible .ytp-error-content .ytp-error-content-wrap-subreason {
    font-size: 14px;
    padding-top: 2px
}

.ytp-large-width-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-subreason {
    font-size: 18px;
    padding-top: 10px
}

.ytp-small-mode .ytp-error .ytp-error-content {
    line-height: 150%
}

.ytp-small-mode .ytp-error .ytp-error-content .ytp-error-icon-container {
    height: 32px;
    width: 32px;
    min-width: 32px;
    min-height: 32px
}

.ytp-tiny-mode .ytp-error-icon-container {
    display: none
}

.ytp-small-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-reason {
    font-size: 14px
}

.ytp-small-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-subreason {
    font-size: 12px;
    padding-top: 4px
}

.ytp-tiny-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-reason {
    font-size: 12px
}

.ytp-tiny-mode .ytp-error .ytp-error-content .ytp-error-content-wrap-subreason {
    font-size: 10px
}

.ytp-small-mode .ytp-error .ytp-small-redirect {
    height: 24px;
    width: 24px
}

.ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button {
    width: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button[aria-hidden=true] {
    opacity: 0;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-fullerscreen-edu-chevron {
    display: inline-block;
    width: 24px
}

.ytp-fullerscreen-edu-button:not(.ytp-fullerscreen-edu-button-subtle) .ytp-fullerscreen-edu-chevron {
    height: 50%
}

.ytp-fullerscreen-edu-text {
    height: 50%;
    margin-top: -8px
}

.ytp-fullerscreen-edu-button-subtle .ytp-fullerscreen-edu-text {
    display: none
}

.ytp-big-mode .ytp-fullscreen-button::after {
    width: 24px
}

.ytp-fullscreen-button-corner-0,
.ytp-fullscreen-button-corner-1,
.ytp-fullscreen-button-corner-2,
.ytp-fullscreen-button-corner-3 {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

@-webkit-keyframes ytp-fullscreen-button-corner-0-animation {
    50% {
        -webkit-transform: translate(-1px, -1px);
        transform: translate(-1px, -1px)
    }
}

@keyframes ytp-fullscreen-button-corner-0-animation {
    50% {
        -webkit-transform: translate(-1px, -1px);
        transform: translate(-1px, -1px)
    }
}

@-webkit-keyframes ytp-fullscreen-button-corner-1-animation {
    50% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
}

@keyframes ytp-fullscreen-button-corner-1-animation {
    50% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
}

@-webkit-keyframes ytp-fullscreen-button-corner-2-animation {
    50% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
}

@keyframes ytp-fullscreen-button-corner-2-animation {
    50% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
}

@-webkit-keyframes ytp-fullscreen-button-corner-3-animation {
    50% {
        -webkit-transform: translate(-1px, 1px);
        transform: translate(-1px, 1px)
    }
}

@keyframes ytp-fullscreen-button-corner-3-animation {
    50% {
        -webkit-transform: translate(-1px, 1px);
        transform: translate(-1px, 1px)
    }
}

.ytp-fullscreen-button:not([aria-disabled=true]):hover .ytp-fullscreen-button-corner-0 {
    -webkit-animation: ytp-fullscreen-button-corner-0-animation .4s cubic-bezier(.4, 0, .2, 1);
    animation: ytp-fullscreen-button-corner-0-animation .4s cubic-bezier(.4, 0, .2, 1)
}

.ytp-fullscreen-button:not([aria-disabled=true]):hover .ytp-fullscreen-button-corner-1 {
    -webkit-animation: ytp-fullscreen-button-corner-1-animation .4s cubic-bezier(.4, 0, .2, 1);
    animation: ytp-fullscreen-button-corner-1-animation .4s cubic-bezier(.4, 0, .2, 1)
}

.ytp-fullscreen-button:not([aria-disabled=true]):hover .ytp-fullscreen-button-corner-2 {
    -webkit-animation: ytp-fullscreen-button-corner-2-animation .4s cubic-bezier(.4, 0, .2, 1);
    animation: ytp-fullscreen-button-corner-2-animation .4s cubic-bezier(.4, 0, .2, 1)
}

.ytp-fullscreen-button:not([aria-disabled=true]):hover .ytp-fullscreen-button-corner-3 {
    -webkit-animation: ytp-fullscreen-button-corner-3-animation .4s cubic-bezier(.4, 0, .2, 1);
    animation: ytp-fullscreen-button-corner-3-animation .4s cubic-bezier(.4, 0, .2, 1)
}

.ytp-gated-actions-overlay {
    z-index: 82;
    overflow: hidden
}

.ytp-gated-actions-overlay-background {
    background: no-repeat center/cover;
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 82
}

.ytp-gated-actions-overlay-background-overlay {
    background-color: rgba(0, 0, 0, .3);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 82
}

.ytp-gated-actions-overlay-miniplayer-close-button {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 8px;
    z-index: 82
}

.ytp-player-minimized .ytp-gated-actions-overlay-miniplayer-close-button {
    display: inline-block
}

.ytp-gated-actions-overlay-bar {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 6px;
    left: 20px;
    height: 56px;
    bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 8px;
    color: #fff;
    width: 380px;
    z-index: 82
}

.ytp-big-mode .ytp-gated-actions-overlay-bar {
    padding: 0 9px;
    height: 84px;
    bottom: 30px;
    left: 30px
}

.ytp-gated-actions-overlay-buttons {
    margin: 12px 6px
}

.ytp-gated-actions-overlay-button {
    min-width: 80px;
    height: 32px;
    padding: 0 8px;
    background: rgba(255, 255, 255, .1);
    border-radius: 24px;
    border-width: 0;
    cursor: pointer
}

.ytp-gated-actions-overlay-button-title {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    line-height: 32px;
    font-size: 110%;
    font-weight: 500;
    color: #fff
}

.ytp-big-mode .ytp-gated-actions-overlay-buttons {
    margin: 18px 9px
}

.ytp-big-mode .ytp-gated-actions-overlay-button {
    min-width: 120px;
    height: 48px;
    padding: 0 12px;
    border-radius: 3px
}

.ytp-big-mode .ytp-gated-actions-overlay-button-title {
    margin: 0 12px;
    line-height: 48px;
    font-size: 130%;
    font-weight: 500
}

.ytp-gated-actions-overlay-text-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 180px;
    margin: 0 6px
}

.ytp-big-mode .ytp-gated-actions-overlay-text-container {
    min-width: 270px;
    margin: 0 9px
}

.ytp-gated-actions-overlay-title,
.ytp-gated-actions-overlay-subtitle {
    text-transform: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ytp-gated-actions-overlay-title {
    font-size: 150%;
    font-weight: 500
}

.ytp-gated-actions-overlay-subtitle {
    font-size: 110%;
    font-weight: normal;
    color: rgba(255, 255, 255, .7)
}

.ytp-heat-map.ytp-progress-bar-hover:not(.ad-showing) .ytp-heat-map-container,
.ytp-heat-map.ytp-fine-scrubbing-enable:not(.ad-showing) .ytp-heat-map-container {
    display: block;
    opacity: 1;
    -webkit-transition: opacity .2s cubic-bezier(0, 0, .2, 1);
    transition: opacity .2s cubic-bezier(0, 0, .2, 1);
    height: 40px;
    bottom: 5px;
    -webkit-transition: bottom .1s cubic-bezier(0, 0, .2, 1);
    transition: bottom .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern .ytp-heat-map-container {
    pointer-events: none;
    opacity: 0;
    display: block;
    margin-bottom: 0
}

.ytp-delhi-modern.ytp-heat-map.ytp-progress-bar-hover:not(.ad-showing) .ytp-heat-map-container,
.ytp-delhi-modern.ytp-heat-map.ytp-fine-scrubbing-enable:not(.ad-showing) .ytp-heat-map-container {
    -webkit-transition: opacity .2s cubic-bezier(.05, 0, 0, 1) .1s, margin-bottom .2s cubic-bezier(.05, 0, 0, 1) .1s;
    transition: opacity .2s cubic-bezier(.05, 0, 0, 1) .1s, margin-bottom .2s cubic-bezier(.05, 0, 0, 1) .1s;
    margin-bottom: 8px
}

.ytp-heat-map.ytp-progress-bar-hover:not(.ad-showing) .ytp-timed-markers-enabled .ytp-heat-map-container {
    bottom: 7px
}

.ytp-heat-map.ytp-progress-bar-hover .ytp-heat-map-chapter svg {
    height: 40px
}

.ytp-big-mode.ytp-heat-map.ytp-progress-bar-hover .ytp-heat-map-chapter svg {
    height: 60px
}

.ytp-heat-map-container {
    opacity: 0;
    display: none;
    width: 100%;
    -webkit-transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
    position: absolute;
    overflow: hidden;
    height: 0;
    bottom: 5px;
    -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
    transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-heat-map.ytp-big-mode.ytp-progress-bar-hover .ytp-heat-map-container {
    height: 60px;
    bottom: 8px;
    -webkit-transition: bottom .1s cubic-bezier(0, 0, .2, 1);
    transition: bottom .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-heat-map-chapter {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%
}

.ytp-heat-map-chapter.ytp-heatmap-hover {
    bottom: 2px;
    -webkit-transition: bottom .1s cubic-bezier(0, 0, .2, 1);
    transition: bottom .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern .ytp-heat-map-chapter.ytp-heatmap-hover {
    -webkit-transition: bottom .2s cubic-bezier(.05, 0, 0, 1);
    transition: bottom .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-big-mode .ytp-heat-map-chapter.ytp-heatmap-hover {
    bottom: 3px
}

.ytp-heat-map-played_bar .ytp-heat-map-hover {
    height: 100%;
    fill: rgba(255, 255, 255, .5)
}

.ytp-heat-map-hover,
.ytp-heat-map-play {
    height: 0
}

.ytp-heat-map-edu {
    display: none
}

.ytp-fine-scrubbing-container {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 0
}

.ytp-fine-scrubbing-thumbnail {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

.ytp-fine-scrubbing-draggable,
.ytp-fine-scrubbing-thumbnails {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    overflow: hidden;
    position: absolute;
    min-width: 160px;
    height: 100%
}

.ytp-fine-scrubbing-cursor {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 3px;
    background: #eee
}

.ytp-fine-scrubbing-seek-time {
    position: absolute;
    bottom: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

.ytp-fine-scrubbing-enable .ytp-fine-scrubbing-dismiss,
.ytp-fine-scrubbing-enable .ytp-fine-scrubbing-play,
.ytp-fine-scrubbing-enable .ytp-fine-scrubbing-seek-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ytp-fine-scrubbing-enable .ytp-chrome-controls {
    display: none
}

.ytp-fine-scrubbing-play {
    display: none;
    height: 35px;
    width: 35px;
    bottom: 110%;
    position: absolute
}

.ytp-fine-scrubbing-dismiss {
    position: absolute;
    bottom: 115%;
    right: 10px;
    height: 25px;
    width: 25px;
    display: none
}

.ytp-fine-scrubbing-chapter-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 160px;
    height: 90px;
    font-size: 12px;
    font-weight: bold;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    word-wrap: break-word;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ytp-fine-scrubbing-chapter-title-content {
    padding: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ytp-big-mode .ytp-fine-scrubbing-chapter-title {
    width: 240px;
    height: 135px
}

.ytp-fine-scrubbing-edu {
    display: none
}

.ytp-fine-scrubbing-enable.html5-video-player .ytp-ad-overlay-slot {
    bottom: 107px
}

.ytp-big-mode.ytp-fine-scrubbing-enable.html5-video-player .ytp-ad-overlay-slot {
    bottom: 151px
}

.ytp-info-panel-action-item {
    display: block;
    margin: 16px 0 0 16px;
    width: auto;
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.ytp-big-mode .ytp-info-panel-action-item {
    margin: 24px 0 0 24px;
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.ytp-small-mode .ytp-info-panel-action-item {
    margin: 8px 12px 0 0 0 8px 12px 0;
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -webkit-box-align: start;
    align-items: flex-start
}

.ytp-info-panel-action-item-disclaimer {
    cursor: none;
    font-size: 14px;
    overflow: auto;
    margin-bottom: 16px
}

.ytp-info-panel-action-item-button {
    width: 100%;
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.ytp-info-panel-action-item-icon {
    width: 24px;
    height: 24px;
    color: rgb(255, 255, 255);
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.ytp-big-mode .ytp-info-panel-action-item-icon {
    width: 72px;
    height: 54px
}

.ytp-info-panel-action-item-label {
    margin-left: 12px;
    font-size: 14px;
    color: rgb(255, 255, 255);
    overflow: auto
}

.ytp-big-mode .ytp-info-panel-action-item-label,
.ytp-small-mode .ytp-info-panel-action-item-label {
    margin-left: 12px;
    font-size: 14px;
    overflow: auto
}

.ytp-info-panel-detail-skrim {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 71
}

.ytp-info-panel-detail {
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    background: rgba(0, 0, 0, .8);
    overflow: auto;
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
    transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-info-panel-detail,
.ytp-small-mode .ytp-info-panel-detail {
    width: 60%
}

[dir=ltr] .ytp-info-panel-detail[aria-hidden=true] {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
    transition: transform .25s cubic-bezier(.4, 0, 1, 1), -webkit-transform .25s cubic-bezier(.4, 0, 1, 1)
}

[dir=ltr] .ytp-embed-playlist .ytp-info-panel-detail[aria-hidden=true] {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

[dir=rtl] .ytp-info-panel-detail[aria-hidden=true] {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
    transition: transform .25s cubic-bezier(.4, 0, 1, 1), -webkit-transform .25s cubic-bezier(.4, 0, 1, 1)
}

[dir=rtl] .ytp-embed-playlist .ytp-info-panel-detail[aria-hidden=true] {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ytp-info-panel-detail-header {
    margin: 16px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.ytp-big-mode .ytp-info-panel-detail-header {
    margin: 24px
}

.ytp-info-panel-detail-title {
    margin-right: 14px;
    -webkit-flex-grow: 2;
    -webkit-box-flex: 2;
    flex-grow: 2
}

.ytp-info-panel-detail-close {
    width: 24px;
    height: 24px;
    color: rgb(255, 255, 255);
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.ytp-big-mode .ytp-info-panel-detail-close {
    width: 36px;
    height: 36px
}

.ytp-info-panel-detail-close path {
    fill: #aaa
}

.ytp-info-panel-detail-close:hover path {
    fill: #fff
}

.ytp-info-panel-detail-body {
    line-height: 24px;
    min-height: 48px;
    font-size: 14px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    margin: 0 16px;
    overflow: auto
}

.ytp-big-mode .ytp-info-panel-detail-body {
    margin: 0 24px
}

.ytp-info-panel-detail-items {
    left: 0;
    right: 0;
    padding: 0 16px 16px 0
}

.ytp-muted-autoplay .ytp-info-panel-detail-skrim {
    z-index: 1002
}

.html5-video-player.ended-mode .ytp-info-panel-preview {
    display: none
}

.ytp-info-panel-preview {
    height: auto;
    bottom: auto;
    left: 12px;
    right: auto;
    overflow: hidden;
    pointer-events: auto;
    position: absolute;
    cursor: pointer;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    z-index: 26;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    border-left: 4px solid #3ea6ff;
    border-radius: 4px;
    max-width: min(50% - 64px, 272px);
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

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

.ytp-embed .ytp-info-panel-preview {
    top: 60px
}

.ytp-embed.ytp-shorts-mode .ytp-info-panel-preview {
    top: 122px
}

.ytp-big-mode.ytp-autohide .ytp-info-panel-preview,
.ytp-big-mode.ytp-hide-info-bar .ytp-info-panel-preview,
.ytp-embed.ytp-autohide .ytp-info-panel-preview,
.ytp-embed.ytp-hide-info-bar .ytp-info-panel-preview {
    top: 12px
}

.ytp-muted-autoplay .ytp-info-panel-preview {
    z-index: 1002;
    top: 12px
}

.ytp-larger-tap-buttons .ytp-info-panel-preview {
    top: 81px
}

.ytp-big-mode .ytp-info-panel-preview {
    top: 81px;
    bottom: auto;
    left: 24px;
    height: auto;
    line-height: auto
}

.ytp-small-mode .ytp-info-panel-preview {
    min-width: 130px;
    max-width: min(50% - 64px, 208px)
}

.ytp-iv-drawer-open .ytp-info-panel-preview {
    display: none;
    -webkit-transition: display .1s cubic-bezier(.4, 0, 1, 1);
    transition: display .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-info-panel-preview-chevron {
    width: 24px;
    height: 24px;
    line-height: 0px;
    pointer-events: none;
    color: rgb(255, 255, 255);
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.ytp-info-panel-preview-icon:empty,
.ytp-info-panel-preview-chevron:empty {
    height: 0;
    width: 0
}

.ytp-info-panel-preview-text {
    background: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    pointer-events: none;
    margin: 8px;
    color: rgb(255, 255, 255);
    opacity: 1;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

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

#inline-preview-player .ytp-caption-window-container,
#inline-preview-player .caption-window {
    pointer-events: none
}

.ytp-modern-caption#inline-preview-player .ytp-caption-window-container,
.ytp-modern-caption.ytp-mweb-player .ytp-caption-window-container {
    width: calc(100% - 48px)
}

.ytp-modern-caption#inline-preview-player .caption-window,
.ytp-modern-caption.ytp-mweb-player .caption-window {
    border: 8px solid transparent;
    border-radius: 4px;
    font-weight: 500
}

.ytp-modern-caption#inline-preview-player .caption-window.ytp-caption-window-bottom,
.ytp-modern-caption.ytp-mweb-player .caption-window.ytp-caption-window-bottom {
    margin-bottom: 16px
}

.ytp-chrome-controls .ytp-jump-button {
    width: 46px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 9px;
    display: none
}

.ytp-chrome-controls .ytp-jump-button.ytp-jump-button-enabled {
    display: block
}

.ytp-big-mode .ytp-chrome-controls .ytp-jump-button {
    padding-top: 12px
}

.ytp-small-mode .ytp-chrome-controls .ytp-jump-button {
    padding-top: 7px
}

.ytp-small-mode .ytp-chrome-controls .ytp-jump-button.ytp-jump-button-enabled,
.ytp-tiny-mode .ytp-chrome-controls .ytp-jump-button.ytp-jump-button-enabled {
    display: none
}

.ytp-jump-button-text {
    fill: #fff;
    font-size: 9px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 900
}

.ytp-jump-spin .ytp-circle-arrow {
    -webkit-animation-name: ytp-jump-spin;
    animation-name: ytp-jump-spin;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.ytp-jump-spin.backwards .ytp-circle-arrow {
    -webkit-animation-name: ytp-jump-spin-backwards;
    animation-name: ytp-jump-spin-backwards
}

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

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

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

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

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

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

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

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

.ytp-large-play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 48px;
    margin-left: -34px;
    margin-top: -24px;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    z-index: 63
}

.ytp-large-play-button.ytp-shorts-mode {
    width: 68px;
    height: 90px
}

.ytp-big-mode .ytp-large-play-button.ytp-shorts-mode {
    width: 102px;
    height: 135px
}

.ytp-dni .ytp-large-play-button,
.ytp-dni.ytp-small-mode .ytp-large-play-button,
.ytp-dni.ytp-big-mode .ytp-large-play-button {
    width: 75px;
    height: 75px;
    margin-left: -37.5px;
    margin-top: -37.5px
}

.house-brand .ytp-large-play-button {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px
}

.ytp-large-play-button svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ytp-dni .ytp-cued-thumbnail-overlay .ytp-dni-large-play-button-bg {
    -webkit-transition: fill .1s cubic-bezier(.4, 0, 1, 1), fill-opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: fill .1s cubic-bezier(.4, 0, 1, 1), fill-opacity .1s cubic-bezier(.4, 0, 1, 1);
    fill-opacity: .8
}

.ytp-dni .ytp-cued-thumbnail-overlay:hover .ytp-dni-large-play-button-bg {
    -webkit-transition: fill .1s cubic-bezier(0, 0, .2, 1), fill-opacity .1s cubic-bezier(0, 0, .2, 1);
    transition: fill .1s cubic-bezier(0, 0, .2, 1), fill-opacity .1s cubic-bezier(0, 0, .2, 1);
    fill-opacity: 1
}

.ytp-big-mode .ytp-large-play-button {
    width: 102px;
    height: 72px;
    margin-left: -51px;
    margin-top: -36px
}

.house-brand.ytp-big-mode .ytp-large-play-button {
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px
}

.ytp-menu-shown .ytp-large-play-button,
.ytp-cued-thumbnail-overlay[aria-hidden=true] .ytp-large-play-button {
    display: none
}

.ytp-muted-autoplay-end-panel .ytp-large-play-button {
    display: block
}

.ytp-large-play-button-bg {
    -webkit-transition: fill .1s cubic-bezier(.4, 0, 1, 1), fill-opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: fill .1s cubic-bezier(.4, 0, 1, 1), fill-opacity .1s cubic-bezier(.4, 0, 1, 1);
    fill: #212121;
    fill-opacity: .8
}

.ytp-large-play-button-red-bg .ytp-large-play-button-bg {
    fill: var(--yt-spec-static-brand-red, #f03);
    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);
    transition: fill .1s cubic-bezier(0, 0, .2, 1), fill-opacity .1s cubic-bezier(0, 0, .2, 1);
    fill: var(--yt-spec-static-brand-red, #f03);
    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);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-mdx-popup-dialog-inner-content {
    position: absolute;
    top: 50%;
    margin-top: -70px;
    left: 0;
    right: 0;
    padding: 0 20%
}

.ytp-mdx-popup-title {
    font-size: 20px;
    padding-bottom: 16px
}

.ytp-mdx-popup-description {
    font-size: 14px
}

.ytp-mdx-privacy-popup-buttons {
    margin-top: 20px;
    height: 44px
}

.ytp-big-mode .mdx-privacy-popup-buttons {
    margin-top: 30px;
    height: 67px
}

.html5-video-player.ytp-player-minimized:not(.ended-mode):not(.cued-mode):not(.unstarted-mode) {
    overflow: visible
}

.ytp-player-minimized .ytp-ypc-player-content {
    display: none
}

.ytp-miniplayer-ui {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 67
}

.ytp-player-minimized .ytp-suggested-action-badge {
    z-index: 68
}

.ytp-player-minimized .ytp-suggested-action-badge.ytp-suggested-action-badge-with-controls {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px)
}

.ytp-miniplayer-scrim {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: .2s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: .2s cubic-bezier(.4, 0, .2, 1) .1s;
    opacity: 0;
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    justify-content: center
}

.ytp-miniplayer-scrim:focus-within {
    opacity: 1
}

.html5-video-player.ytp-player-minimized.unstarted-mode .ytp-miniplayer-scrim {
    opacity: 1
}

.ytp-miniplayer-scrim:hover {
    opacity: 1
}

.ytp-miniplayer-buttons {
    display: none
}

.ytp-player-minimized.ended-mode .ytp-miniplayer-buttons,
.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);
    transform: scaleY(1.4);
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
    transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-player-minimized .ytp-progress-bar-container,
.ytp-small-mode.ytp-player-minimized .ytp-progress-bar-container {
    position: absolute;
    bottom: -1px;
    z-index: 68
}

.ytp-player-minimized .ytp-time-display {
    pointer-events: none
}

.ytp-player-minimized:not(.ad-showing) .ytp-progress-bar-container:hover {
    bottom: 0
}

.ytp-player-minimized .video-ads,
.ytp-player-minimized.ytp-menu-shown .video-ads {
    display: block
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay {
    overflow: hidden
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-flyout-cta,
.ytp-player-minimized.ytp-menu-shown .ytp-ad-preview-container,
.ytp-player-minimized.ytp-menu-shown .ytp-ad-skip-button-container {
    bottom: 32px
}

.ytp-player-minimized.ytp-menu-shown .ytp-ad-player-overlay-instream-info {
    bottom: 3px;
    left: 6px
}

.ytp-player-minimized .ytp-tooltip.ytp-text-detail .ytp-tooltip-title {
    text-transform: capitalize;
    font-size: 12px
}

.ytp-player-minimized .ytp-tooltip.ytp-text-detail.ytp-preview {
    max-width: calc(100% - 24px);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.ytp-player-minimized .html5-main-video,
.ytp-player-minimized .ytp-miniplayer-scrim {
    border-radius: 12px 12px 0 0
}

.ytp-player-minimized .html5-main-video {
    border-radius: 0
}

.ytp-player-minimized.ytp-player-document-picture-in-picture .ytp-miniplayer-expand-watch-page-button,
.ytp-player-minimized.ytp-player-document-picture-in-picture .ytp-miniplayer-close-button {
    display: none
}

.ytp-player-minimized.ytp-player-document-picture-in-picture .html5-main-video,
.ytp-player-minimized.ytp-player-document-picture-in-picture .ytp-miniplayer-scrim,
.ytp-player-minimized.ytp-player-document-picture-in-picture.html5-video-player {
    border-radius: 0
}

.ytp-title-notifications {
    -webkit-align-self: center;
    align-self: center;
    margin-right: 5px;
    text-align: center
}

button.ytp-button.ytp-title-notifications {
    margin-left: 8px;
    width: 48px
}

.ytp-title-notifications:not(.ytp-notifications-enabled) .ytp-title-notifications-on {
    display: none
}

.ytp-title-notifications.ytp-notifications-enabled .ytp-title-notifications-off {
    display: none
}

.ytp-offline-slate {
    z-index: 21;
    overflow: hidden
}

.ytp-offline-slate-background {
    background: no-repeat center/cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 22
}

.ytp-offline-slate.ytp-offline-slate-hide-background .ytp-offline-slate-background {
    display: none
}

.html5-video-player.ended-mode .ytp-offline-slate.ytp-offline-slate-hide-background .ytp-offline-slate-background {
    display: block
}

.ytp-offline-slate:not(.ytp-offline-slate-premiere-trailer) .ytp-offline-slate-bar-fade.ytp-offline-slate-bar {
    display: none
}

.ytp-offline-slate-bar {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 6px;
    left: 12px;
    height: 56px;
    bottom: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    text-transform: uppercase;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1);
    transition: bottom .25s cubic-bezier(0, 0, .2, 1);
    z-index: 46;
    border-radius: 8px
}

.ytp-delhi-modern .ytp-offline-slate-bar {
    background-color: rgba(40, 40, 40, .6);
    border-radius: 12px
}

.ytp-offline-slate-bar.ytp-offline-slate-bar-hidden {
    display: none
}

.ytp-embed .ytp-offline-slate-bar {
    bottom: 52px
}

.ytp-big-mode .ytp-offline-slate-bar {
    padding: 0 9px;
    height: 84px;
    bottom: 90px;
    left: 18px
}

.ytp-embed.ytp-big-mode .ytp-offline-slate-bar {
    bottom: 90px
}

.ytp-autohide .ytp-offline-slate-bar,
.ytp-hide-controls .ytp-offline-slate-bar {
    bottom: 12px;
    -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
    transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide .ytp-big-mode .ytp-offline-slate-bar,
.ytp-hide-controls .ytp-big-mode .ytp-offline-slate-bar {
    bottom: 18px
}

.ytp-offline-slate-icon {
    margin: 0 14px;
    width: 24px
}

.ytp-delhi-modern .ytp-offline-slate-icon {
    display: none
}

.ytp-big-mode .ytp-offline-slate-icon {
    width: 36px
}

.ytp-offline-slate-buttons {
    margin: 12px 6px
}

.ytp-offline-slate-button {
    min-width: 80px;
    height: 32px;
    padding: 0 8px;
    background: rgba(255, 255, 255, .25);
    border-radius: 2px
}

.ytp-delhi-modern .ytp-offline-slate-button {
    background-color: #fff;
    border-radius: 18px;
    color: #282828
}

.ytp-offline-slate-button-icon {
    display: inline-block;
    vertical-align: middle;
    height: 24px
}

.ytp-delhi-modern .ytp-offline-slate-button-icon {
    height: 18px;
    width: 18px
}

.ytp-delhi-modern .ytp-offline-slate-button-icon svg {
    fill: #282828;
    height: 18px;
    width: 18px
}

.ytp-offline-slate-button-text {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    line-height: 32px;
    font-size: 110%;
    font-weight: 500
}

.ytp-reminder-menu {
    background: rgba(28, 28, 28, .9);
    border-radius: 2px;
    bottom: 55px;
    outline: none;
    overflow: hidden;
    position: absolute;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    white-space: nowrap;
    -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
    transition: opacity .1s cubic-bezier(0, 0, .2, 1);
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

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

.ytp-reminder-menu-contents {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #eee;
    display: table;
    padding: 8px 0;
    width: 100%
}

.ytp-reminder-menu-item {
    cursor: default;
    display: table-row;
    height: 40px;
    outline: none
}

.ytp-big-mode .ytp-reminder-menu-item {
    height: 49px
}

.ytp-reminder-menu-item:not([aria-disabled=true]) {
    cursor: pointer
}

.ytp-reminder-menu-item:not([aria-disabled=true]):hover {
    background-color: rgba(255, 255, 255, .1)
}

.ytp-reminder-menu-item-label,
.ytp-reminder-menu-item-icon {
    display: table-cell;
    padding: 0 15px;
    vertical-align: middle
}

.ytp-reminder-menu-item-label {
    font-size: 118%;
    font-weight: 500;
    padding-left: 0;
    text-transform: none
}

.ytp-big-mode .ytp-reminder-menu-item-label {
    padding: 0 15px 0 0
}

.ytp-reminder-menu-item-icon {
    padding: 0 10px
}

.ytp-big-mode .ytp-reminder-menu-item-icon {
    padding: 0 15px
}

.ytp-reminder-menu-item-icon svg {
    display: block;
    height: 24px;
    width: 24px
}

.ytp-big-mode .ytp-reminder-menu-item-icon svg {
    height: 36px;
    width: 36px
}

.ytp-big-mode .ytp-offline-slate-buttons {
    margin: 18px 9px
}

.ytp-big-mode .ytp-offline-slate-button {
    min-width: 120px;
    height: 48px;
    padding: 0 12px;
    border-radius: 3px
}

.ytp-big-mode .ytp-offline-slate-button-text {
    margin: 0 12px;
    line-height: 48px;
    font-size: 130%;
    font-weight: 500
}

.ytp-offline-slate-messages {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 180px;
    margin: 0 6px
}

.ytp-big-mode .ytp-offline-slate-messages {
    min-width: 270px;
    margin: 0 9px
}

.ytp-offline-slate-main-text,
.ytp-offline-slate-subtitle-text {
    text-transform: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ytp-offline-slate-main-text {
    font-size: 140%;
    font-weight: normal
}

.ytp-offline-slate-subtitle-text {
    font-size: 110%;
    font-weight: 500
}

.ytp-offline-slate-close-button,
.ytp-offline-slate-open-button {
    display: none
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-bar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    padding: 25px;
    padding-top: 48px;
    min-width: auto;
    width: 300px;
    height: auto;
    border-radius: 0;
    -webkit-transition: .25s ease-in-out right;
    transition: .25s ease-in-out right;
    z-index: 23
}

.ytp-big-mode .ytp-offline-slate-premiere-trailer .ytp-offline-slate-bar {
    padding-top: 69px
}

.ytp-player-minimized .ytp-offline-slate-premiere-trailer .ytp-offline-slate-bar,
.ytp-player-minimized .ytp-offline-slate-premiere-trailer .ytp-offline-slate-close-button,
.ytp-player-minimized .ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offline-slate-open-button,
.ytp-player-minimized .ytp-offline-slate-premiere-trailer .ytp-offline-slate-bar {
    display: none
}

.ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offline-slate-bar {
    right: -100%
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-icon {
    display: none
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-close-button,
.ytp-offline-slate-premiere-trailer .ytp-offline-slate-open-button {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    right: 0;
    margin-top: -25px;
    z-index: 23
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-close-button {
    display: block
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-open-button::before {
    background: rgba(0, 0, 0, .8);
    content: "";
    display: block;
    height: 28px;
    left: 15px;
    position: absolute;
    top: 10px;
    width: 20px
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-open-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offline-slate-close-button {
    display: none
}

.ytp-offline-slate-premiere-trailer.ytp-offline-slate-collapsed .ytp-offline-slate-open-button {
    display: block
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-messages {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    margin: 0
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-main-text {
    font-size: 20px;
    font-weight: 500;
    height: auto
}

.ytp-big-mode .ytp-offline-slate-premiere-trailer .ytp-offline-slate-main-text {
    margin-top: 0
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-subtitle-text {
    color: #aaa;
    font-size: 13px;
    line-height: 1.3em;
    margin: 5px 0 20px;
    white-space: normal
}

.ytp-big-mode .ytp-offline-slate-premiere-trailer .ytp-offline-slate-subtitle-text {
    margin-left: 0
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-description {
    display: block;
    text-transform: none;
    font-size: 13px;
    margin: 20px 0;
    max-height: 300px;
    overflow: hidden
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-buttons {
    margin-left: 0;
    margin-right: 0
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-buttons .ytp-reminder-menu {
    bottom: auto
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-button {
    background: rgba(255, 255, 255, .3);
    color: #fff;
    font-size: 14px;
    height: auto;
    padding: 4px 8px;
    text-transform: uppercase
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-button svg {
    fill: #fff
}

.ytp-offline-slate-premiere-trailer .ytp-offline-slate-button-text {
    font-size: 110%;
    line-height: 32px;
    margin: 0 8px
}

.ytp-chrome-top .ytp-overflow-button {
    width: auto;
    height: auto;
    min-width: 48px
}

.ytp-embed:not(.ad-showing).ytp-small-mode .ytp-overflow-button {
    padding-top: 16px
}

.ytp-overflow-icon {
    margin: auto;
    width: 36px;
    height: 36px;
    vertical-align: middle
}

.ytp-overflow-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 74;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

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

.ytp-autohide.ytp-embed-overlays-autohide .ytp-overflow-panel {
    opacity: 0;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-autohide:not(.ytp-autohide-active).ytp-embed-overlays-autohide .ytp-overflow-panel {
    display: none
}

.ytp-overflow-panel-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -48px
}

.ytp-overflow-panel-close {
    position: absolute;
    top: 6px;
    right: 12px;
    padding: 0;
    width: 36px;
    height: 36px
}

.ytp-mobile.ytp-embed-mobile .ytp-overflow-panel-close {
    width: 48px;
    height: 48px
}

.ytp-overflow-panel-close path {
    fill: #aaa
}

.ytp-overflow-panel-close:hover path {
    fill: #fff
}

.ytp-overflow-panel-action-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.html5-video-player.ended-mode .ytp-paid-content-overlay {
    display: none
}

.ytp-paid-content-overlay {
    border-radius: 2px;
    bottom: 53px;
    display: inline-block;
    font-size: 109.0909090909%;
    height: 30px;
    left: 25px;
    line-height: 30px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    z-index: 27
}

.ytp-exp-ppp-update .ytp-paid-content-overlay {
    border-radius: 0;
    bottom: auto;
    font-weight: normal;
    height: auto;
    pointer-events: auto;
    top: 16px;
    left: 16px;
    right: auto
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    border-left: 4px solid #3ea6ff;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    max-width: 312px;
    padding: 8px 0 8px 8px;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-link[href="#"] {
    pointer-events: none
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-icon {
    height: 24px;
    width: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-text {
    background: none;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    font-size: 13px;
    font-weight: inherit;
    line-height: 1em;
    padding: 8px
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-chevron {
    height: 24px;
    width: 24px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-icon:empty,
.ytp-exp-ppp-update .ytp-paid-content-overlay-chevron:empty {
    height: 0;
    width: 0
}

.ytp-exp-ppp-update.ytp-big-mode .ytp-paid-content-overlay {
    bottom: auto;
    height: auto;
    left: 16px;
    line-height: inherit
}

.ytp-exp-ppp-update.ytp-big-mode .ytp-paid-content-overlay,
.ytp-exp-ppp-update.ytp-embed .ytp-paid-content-overlay {
    top: 64px
}

.ytp-exp-ppp-update.ytp-big-mode.ytp-autohide .ytp-paid-content-overlay,
.ytp-exp-ppp-update.ytp-big-mode.ytp-hide-info-bar .ytp-paid-content-overlay,
.ytp-exp-ppp-update.ytp-embed.ytp-autohide .ytp-paid-content-overlay,
.ytp-exp-ppp-update.ytp-embed.ytp-hide-info-bar .ytp-paid-content-overlay {
    top: 16px
}

.ytp-exp-ppp-update .ytp-paid-content-overlay-indicator {
    display: none
}

.ytp-delhi-modern.ytp-exp-ppp-update .ytp-paid-content-overlay-link {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    padding: 5px;
    border-left: unset
}

.ytp-delhi-modern.ytp-exp-ppp-update .ytp-paid-content-overlay-indicator {
    display: block;
    width: 4px;
    height: 20px;
    border-radius: 4px;
    background-color: #3ea6ff;
    margin: 0 8px
}

.ytp-embed .ytp-paid-content-overlay {
    bottom: 45px
}

.ytp-paid-content-overlay-text {
    background-color: rgba(0, 0, 0, .6);
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    opacity: 1;
    padding: 0 14px;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-paid-content-overlay {
    bottom: 62px;
    height: 42px;
    left: 44px;
    line-height: 42px
}

.ytp-autohide .ytp-paid-content-overlay,
.ytp-iv-drawer-open .ytp-paid-content-overlay {
    bottom: 6px;
    -webkit-transition: bottom .1s cubic-bezier(.4, 0, 1, 1);
    transition: bottom .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-big-mode.ytp-autohide .ytp-paid-content-overlay,
.ytp-big-mode.ytp-iv-drawer-open .ytp-paid-content-overlay {
    bottom: 12px
}

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

.ytp-menuitem {
    display: table-row;
    cursor: default;
    outline: none
}

.ytp-menuitem:not(.ytp-menuitem-with-footer) {
    height: 40px
}

.ytp-big-mode .ytp-menuitem:not(.ytp-menuitem-with-footer) {
    height: 49px
}

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

.ytp-menuitem:not([aria-disabled=true]):hover {
    background-color: rgba(255, 255, 255, .1)
}

.ytp-menuitem-label,
.ytp-menuitem-icon,
.ytp-menuitem-content,
.ytp-menuitem-secondary-icon {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px
}

.ytp-menuitem-label {
    padding-left: 0
}

.ytp-menuitem-icon {
    padding: 0 10px
}

.ytp-big-mode .ytp-menuitem-icon {
    padding: 0 15px
}

.ytp-menuitem-icon svg {
    display: block;
    width: 24px;
    height: 24px
}

.ytp-menuitem-secondary-icon svg {
    display: block;
    width: 16px;
    height: 16px
}

.ytp-big-mode .ytp-menuitem-icon svg {
    width: 36px;
    height: 36px
}

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

.ytp-delhi-modern .ytp-menuitem-label {
    font-size: 14px;
    font-weight: unset
}

.ytp-menuitem-label-wrapper {
    display: table-cell;
    vertical-align: middle
}

.ytp-menuitem-keyboard-shortcut {
    font-size: 115%;
    padding-left: 3px;
    color: #ccc
}

.ytp-quality-menu .ytp-menuitem {
    white-space: nowrap
}

.ytp-quality-menu .ytp-panel-menu {
    margin-right: 10px
}

.ytp-quality-menu .ytp-menuitem-label sup {
    display: inline-block;
    width: 0
}

.ytp-big-mode .ytp-menuitem-label,
.ytp-big-mode .ytp-menuitem-content {
    padding: 0 15px 0 0
}

.ytp-menuitem[role=menuitemradio] .ytp-menuitem-content {
    display: none
}

.ytp-menuitem[role=menuitemradio] .ytp-menuitem-label {
    padding-left: 35px;
    padding-right: 20px;
    border-bottom: none
}

.ytp-big-mode .ytp-menuitem[role=menuitemradio] .ytp-menuitem-label {
    padding-left: 52px;
    padding-right: 35px
}

.ytp-menuitem[role=menuitemradio][aria-checked=true] .ytp-menuitem-label {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px
}

.ytp-big-mode .ytp-menuitem[role=menuitemradio][aria-checked=true] .ytp-menuitem-label {
    background-position: left 15px center;
    background-size: 27px 27px;
    -moz-background-size: 27px 27px;
    -webkit-background-size: 27px 27px
}

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

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

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

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

.ytp-probably-keyboard-focus .ytp-menuitem[role=menuitemradio]:focus .ytp-menuitem-label {
    -webkit-box-shadow: inset 2px 2px 0 rgba(27, 127, 204, .8), inset -2px -2px 0 rgba(27, 127, 204, .8);
    box-shadow: inset 2px 2px 0 rgba(27, 127, 204, .8), inset -2px -2px 0 rgba(27, 127, 204, .8)
}

.ytp-menuitem-content {
    font-size: 109%;
    text-align: right
}

.ytp-menuitem-sublabel {
    float: left
}

.ytp-menu-label-secondary,
.ytp-menuitem-sublabel {
    font-size: 91%;
    color: #ccc
}

.ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
    background-repeat: no-repeat;
    background-position: right 9px center;
    background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    -webkit-background-size: 32px 32px;
    padding-right: 38px
}

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

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

.ytp-big-mode .ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
    background-position: right 13px center;
    background-size: 48px 48px;
    -moz-background-size: 48px 48px;
    -webkit-background-size: 48px 48px;
    padding-right: 57px
}

.ytp-delhi-modern .ytp-menuitem-content {
    font-size: 14px;
    color: var(--yt-spec-static-overlay-text-secondary, rgba(255, 255, 255, .7))
}

.ytp-delhi-modern .ytp-menuitem[aria-haspopup=true] .ytp-menuitem-content {
    background-position: right 12px center;
    background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -webkit-background-size: 18px 18px;
    padding-right: 32px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNOS40LDE4LjRsLTAuNy0wLjdsNS42LTUuNkw4LjYsNi40bDAuNy0wLjdsNi40LDYuNEw5LjQsMTguNHoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC43IiAvPjwvc3ZnPg==)
}

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

.ytp-menuitem sup {
    line-height: 0;
    font-size: .8em;
    font-weight: 500
}

.ytp-menuitem-label-count {
    color: #ccc
}

.ytp-menuitemtitle {
    padding: 0 15px;
    max-width: 200px;
    text-align: center
}

.ytp-big-mode .ytp-menuitemtitle {
    padding: 0 22px;
    max-width: 300px
}

.ytp-menuitem-inline-survey-response {
    margin-left: .8em;
    display: inline-block;
    cursor: pointer
}

.ytp-menuitem-inline-survey-response:hover {
    background-color: rgba(255, 255, 255, .1)
}

.ytp-menuitem-inline-survey-response svg {
    height: 20px;
    width: 20px;
    margin-bottom: -4px
}

.ytp-menuitem-highlighted {
    background-color: var(--yt-spec-suggested-action)
}

.ytp-menuitem-highlight-transition-enabled.ytp-menuitem:not(.ytp-menuitem-highlighted) {
    -webkit-transition: background-color 3s linear 1s;
    transition: background-color 3s linear 1s
}

.ytp-menuitem-with-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-top: 15px
}

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

.ytp-panel {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden
}

.ytp-panel {
    min-width: 250px
}

.ytp-panel-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    line-height: inherit;
    font-size: 109%;
    color: #eee;
    padding: 8px 0;
    height: 40px;
    white-space: nowrap
}

.ytp-panel-footer {
    border-top: 1px solid rgba(255, 255, 255, .2);
    line-height: inherit;
    font-size: 118%;
    font-weight: 500;
    color: #eee;
    padding: 16px 0;
    min-height: 40px;
    vertical-align: middle;
    width: 250px
}

.ytp-panel-footer-content {
    margin: 0 10px
}

.ytp-panel-footer.ytp-panel-hide-footer {
    display: none
}

.html5-video-player .ytp-panel-footer-content-link {
    color: #167ac6
}

.ytp-touch-mode .ytp-panel-header {
    height: 40px
}

.ytp-big-mode .ytp-panel-header {
    height: 49px
}

.ytp-panel-back-button-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 48px
}

.ytp-panel-back-button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJNIDE5LjQxLDIwLjA5IDE0LjgzLDE1LjUgMTkuNDEsMTAuOTEgMTgsOS41IGwgLTYsNiA2LDYgeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
    height: 32px;
    width: 32px
}

.ytp-panel-title:hover {
    cursor: pointer
}

.ytp-panel-options {
    margin-left: auto
}

.ytp-panel-title {
    font-weight: 500
}

[dir=rtl] .ytp-panel-title {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzMiAzMiIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJtIDEyLjU5LDIwLjM0IDQuNTgsLTQuNTkgLTQuNTgsLTQuNTkgMS40MSwtMS40MSA2LDYgLTYsNiB6IiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==)
}

.ytp-big-mode .ytp-panel-title {
    background-size: 48px 48px;
    -moz-background-size: 48px 48px;
    -webkit-background-size: 48px 48px;
    padding: 0 15px 0 52px
}

.ytp-panel-options {
    height: 100%;
    padding: 0 10px;
    text-decoration: underline
}

.ytp-big-mode .ytp-panel-options {
    padding: 0 15px
}

.ytp-panel-menu {
    padding: 8px 0;
    display: table;
    width: 100%;
    color: #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ytp-chrome-controls .ytp-play-button,
.ytp-embed .ytp-chrome-controls .ytp-play-button {
    width: 46px
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-play-button {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-top: 8px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6))
}

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

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

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

.ytp-big-mode .ytp-chrome-controls .ytp-play-button {
    width: 69px
}

.ytp-chrome-controls .ytp-play-button-playlist {
    width: 40px
}

.ytp-big-mode .ytp-chrome-controls .ytp-play-button-playlist {
    width: 60px
}

.ytp-delhi-modern.ytp-big-mode .ytp-chrome-controls .ytp-play-button,
.ytp-delhi-modern.ytp-big-mode .ytp-chrome-controls .ytp-play-button-playlist {
    margin-top: 0;
    width: 52px
}

.ytp-embed.ytp-embed-mobile .ytp-chrome-controls .ytp-button.ytp-prev-button,
.ytp-embed.ytp-embed-mobile.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-prev-button,
.ytp-embed.ytp-embed.ytp-embed-mobile .ytp-chrome-controls .ytp-button.ytp-next-button,
.ytp-embed.ytp-embed-mobile.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-next-button {
    display: none
}

.ytp-play-button,
.ytp-next-button,
.ytp-prev-button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto
}

.ytp-playlist-menu {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 400px;
    max-width: 100%;
    z-index: 73;
    background: rgba(0, 0, 0, .8);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
    transition: transform .25s cubic-bezier(0, 0, .2, 1), -webkit-transform .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-embed-playlist .ytp-playlist-menu {
    left: auto;
    right: 0
}

.ytp-big-mode .ytp-playlist-menu {
    width: 600px
}

[dir=ltr] .ytp-playlist-menu[aria-hidden=true] {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
    transition: transform .25s cubic-bezier(.4, 0, 1, 1), -webkit-transform .25s cubic-bezier(.4, 0, 1, 1)
}

[dir=ltr] .ytp-embed-playlist .ytp-playlist-menu[aria-hidden=true] {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

[dir=rtl] .ytp-playlist-menu[aria-hidden=true] {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .25s cubic-bezier(.4, 0, 1, 1);
    transition: transform .25s cubic-bezier(.4, 0, 1, 1), -webkit-transform .25s cubic-bezier(.4, 0, 1, 1)
}

[dir=rtl] .ytp-embed-playlist .ytp-playlist-menu[aria-hidden=true] {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ytp-playlist-menu-header {
    padding: 15px;
    border-bottom: 1px solid #444
}

.ytp-big-mode .ytp-playlist-menu-header {
    padding: 23px
}

.ytp-playlist-menu-title {
    height: 20px;
    line-height: 20px;
    padding-right: 15px;
    font-size: 136%;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-big-mode .ytp-playlist-menu-title {
    height: 30px;
    line-height: 30px;
    padding-right: 23px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-playlist-menu-subtitle {
    color: #b8b8b8;
    line-height: 17px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-big-mode .ytp-playlist-menu-subtitle {
    line-height: 26px
}

.ytp-playlist-menu-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 24px;
    height: 24px
}

.ytp-big-mode .ytp-playlist-menu-close {
    top: 23px;
    right: 23px;
    width: 36px;
    height: 36px
}

.ytp-playlist-menu-close path {
    fill: #aaa
}

.ytp-playlist-menu-close:hover path {
    fill: #fff
}

.ytp-playlist-menu-items {
    position: absolute;
    top: 68px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

.ytp-big-mode .ytp-playlist-menu-items {
    top: 103px
}

.ytp-chrome-top .ytp-playlist-menu-button,
.ytp-embed-playlist.ytp-big-mode .ytp-chrome-top .ytp-playlist-menu-button {
    width: auto;
    height: auto
}

.ytp-embed:not(.ad-showing).ytp-small-mode .ytp-playlist-menu-button {
    padding-top: 16px
}

.ytp-playlist-menu-button-icon {
    width: 36px;
    height: 36px
}

.ytp-embed-playlist .ytp-playlist-menu-button-icon {
    margin: auto
}

.ytp-big-mode .ytp-playlist-menu-button-icon {
    width: 54px;
    height: 54px
}

.ytp-playlist-menu-button-text {
    padding-right: 6px;
    line-height: 36px;
    opacity: 1
}

.ytp-embed-playlist:not(.ytp-small-mode) .ytp-playlist-menu-button {
    margin-left: 10px;
    margin-right: 10px
}

.ytp-embed-playlist .ytp-playlist-menu-button-text {
    padding: 0;
    line-height: inherit;
    opacity: 1;
    font-weight: 500;
    text-align: center;
    font-size: 14px
}

.ytp-embed-playlist .ytp-playlist-menu-button-icon,
.ytp-embed-playlist .ytp-playlist-menu-button-text {
    display: block
}

.ytp-playlist-menu-button-tiny .ytp-playlist-menu-button-text,
.ytp-embed-playlist.ytp-small-mode .ytp-playlist-menu-button-text {
    display: None
}

.ytp-big-mode .ytp-playlist-menu-button-text {
    line-height: 54px
}

.ytp-embed-playlist.ytp-big-mode .ytp-playlist-menu-button-text {
    line-height: inherit;
    font-size: 20px
}

.ytp-playlist-menu-button-icon,
.ytp-playlist-menu-button-text {
    vertical-align: middle;
    display: inline-block
}

.ytp-playlist-menu-button {
    min-width: 48px
}

.ytp-fullscreen.ytp-delhi-modern .ytp-playlist-menu-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    padding-top: 0;
    width: auto;
    padding-right: 9px;
    margin-top: 9px;
    height: 54px;
    border-radius: 27px;
    max-width: 400px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ytp-fullscreen.ytp-delhi-modern .ytp-playlist-menu-button .ytp-playlist-menu-button-icon {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none
}

.ytp-fullscreen.ytp-delhi-modern .ytp-playlist-menu-button .ytp-playlist-menu-button-title {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ytp-fullscreen.ytp-delhi-modern .ytp-playlist-menu-button .ytp-playlist-menu-button-text {
    display: none
}

.ytp-scrubber-container {
    position: absolute;
    top: -4px;
    left: -6.5px;
    z-index: 43
}

.ytp-delhi-modern .ytp-scrubber-container {
    top: -2px;
    left: -6px
}

.ytp-decorated-scrubber-container {
    top: -7.5px;
    left: -10px
}

.ytp-drag .ytp-decorated-scrubber-container {
    top: -9.5px;
    left: -10px
}

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

.ytp-delhi-modern .ytp-scrubber-button {
    height: 12px;
    width: 12px;
    border-radius: 6px
}

.ytp-scrubber-button.ytp-hide-scrubber-button {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-scrubber-container:not(.ytp-decorated-scrubber-container) .ytp-scrubber-button.ytp-scrubber-button-hover,
.ytp-drag .ytp-scrubber-container:not(.ytp-decorated-scrubber-container) .ytp-scrubber-button.ytp-scrubber-button-hover {
    -webkit-transform: scale(1.54);
    -ms-transform: scale(1.54);
    transform: scale(1.54)
}

.ytp-big-mode .ytp-scrubber-button {
    height: 20px;
    width: 20px;
    border-radius: 10px
}

.ytp-decorated-scrubber-button {
    display: none;
    height: 20px;
    width: 20px
}

.ytp-drag .ytp-decorated-scrubber-button {
    height: 24px;
    width: 24px
}

.ytp-decorated-scrubber-container .ytp-scrubber-button {
    background-color: transparent
}

.ytp-decorated-scrubber-container .ytp-decorated-scrubber-button {
    display: block;
    margin-left: -7px
}

.ypc-loaded .ytp-scrubber-button.ytp-swatch-background-color {
    background-color: #2793e6
}

.ad-interrupting .ytp-scrubber-button.ytp-swatch-background-color {
    background-color: #fc0
}

.ytp-yto-preroll .ytp-scrubber-button.ytp-swatch-background-color {
    background-color: #065fd4
}

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

.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-scrubber-button,
.ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-scrubber-button,
.ytp-drag .ytp-scrubber-button {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
    transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern .ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-scrubber-button,
.ytp-delhi-modern .ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-scrubber-button,
.ytp-delhi-modern .ytp-drag .ytp-scrubber-button {
    -webkit-transform: scale(1.67);
    -ms-transform: scale(1.67);
    transform: scale(1.67);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1);
    transition: transform .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-scrubber-pull-indicator {
    position: absolute;
    z-index: 42;
    bottom: 16.9px;
    left: 6.5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.ytp-big-mode .ytp-scrubber-button {
    bottom: 20px;
    left: 10px
}

.ytp-scrubber-pull-indicator::before,
.ytp-scrubber-pull-indicator::after {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    opacity: 0;
    width: 6.5px;
    height: 6.5px;
    border-style: solid;
    border-width: 2px 0 0 2px;
    border-color: #eaeaea
}

.ytp-big-mode .ytp-scrubber-pull-indicator::before,
.ytp-big-mode .ytp-scrubber-pull-indicator::after {
    width: 10px;
    height: 10px
}

.ytp-scrubber-pull-indicator::after {
    -webkit-transition: all .1s;
    transition: all .1s
}

.ytp-scrubber-pull-indicator::before {
    -webkit-transition: all .2s;
    transition: all .2s
}

.ytp-chapters-container,
.ytp-chapter-hover-container {
    z-index: 32;
    position: relative;
    left: 0;
    height: 100%
}

.ytp-chapters-container {
    width: 100%
}

.ytp-chapter-hover-container {
    float: left
}

.ytp-progress-list {
    z-index: 39;
    background: rgba(255, 255, 255, .2);
    height: 100%;
    -webkit-transform: scaleY(.6);
    -ms-transform: scaleY(.6);
    transform: scaleY(.6);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
    transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
    position: relative
}

.ytp-delhi-modern .ytp-progress-list {
    overflow: hidden;
    background: rgba(40, 40, 40, .6);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1);
    transition: transform .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1);
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

.ytp-delhi-modern-with-luminosity.ytp-delhi-modern .ytp-progress-list {
    background: rgba(80, 80, 80, .6);
    background-blend-mode: luminosity
}

.ytp-delhi-modern-with-difference.ytp-delhi-modern .ytp-progress-list {
    background: rgba(80, 80, 80, .6);
    background-blend-mode: difference
}

.ytp-delhi-modern-with-exclusion.ytp-delhi-modern .ytp-progress-list {
    background: rgba(80, 80, 80, .6);
    background-blend-mode: exclusion
}

.ytp-big-mode .ytp-progress-list {
    -webkit-transform: translateY(-.5px) scaleY(.625);
    -ms-transform: translateY(-.5px) scaleY(.625);
    transform: translateY(-.5px) scaleY(.625)
}

.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-progress-list,
.ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-progress-list,
.ytp-drag .ytp-progress-list {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
    transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern .ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-progress-list,
.ytp-delhi-modern .ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-progress-list,
.ytp-drag .ytp-progress-list {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1);
    transition: transform .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-drag .ytp-exp-chapter-hover-effect,
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-exp-chapter-hover-effect,
.ytp-exp-chapter-hover-container:hover,
.ytp-progress-bar-container:hover:not([aria-disabled=true]).ytp-timed-markers-enabled .ytp-progress-list {
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    transform: scaleY(1.8);
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
    transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-delhi-modern.ytp-progress-bar-hover .ytp-drag .ytp-exp-chapter-hover-effect,
.ytp-delhi-modern.ytp-progress-bar-hover .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-exp-chapter-hover-effect,
.ytp-delhi-modern.ytp-progress-bar-hover .ytp-exp-chapter-hover-container,
.ytp-delhi-modern.ytp-progress-bar-hover .ytp-progress-bar-container:not([aria-disabled=true]).ytp-timed-markers-enabled .ytp-progress-list {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1);
    transition: transform .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-exp-chapter-hover-effect,
.ytp-delhi-modern .ytp-exp-chapter-hover-container:hover,
.ytp-delhi-modern .ytp-progress-bar-container:hover:not([aria-disabled=true]).ytp-timed-markers-enabled .ytp-progress-list {
    -webkit-transition: -webkit-transform unset;
    transition: transform unset, -webkit-transform unset
}

.ytp-repeating-chapter {
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    transform: scaleY(1.8)
}

.ytp-bound-time-left,
.ytp-bound-time-right {
    position: absolute;
    display: none;
    top: -29px;
    z-index: 29;
    background-color: rgba(28, 28, 28, .9);
    text-align: center;
    color: #e3e3e3;
    padding: 5px 9px;
    opacity: 0;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in
}

.ytp-big-mode .ytp-bound-time-left,
.ytp-big-mode .ytp-bound-time-right {
    top: -36px
}

.ytp-bound-time-left {
    left: 0
}

.ytp-bound-time-right {
    right: 0
}

.ytp-bound-time-left::after,
.ytp-bound-time-right::after {
    position: absolute;
    content: "";
    bottom: -5px;
    width: 0;
    height: 0;
    border-style: solid
}

.ytp-bound-time-left::after {
    left: 0;
    border-width: 5px 5px 0 0;
    border-color: rgba(28, 28, 28, .9) transparent transparent transparent
}

.ytp-bound-time-right::after {
    right: 0;
    border-width: 0 5px 5px 0;
    border-color: transparent rgba(28, 28, 28, .9) transparent transparent
}

.ytp-progress-linear-live-buffer,
.ytp-ad-progress,
.ytp-load-progress,
.ytp-play-progress,
.ytp-hover-progress,
.ytp-1m-progress,
.ytp-15m-progress,
.ytp-30m-progress,
.ytp-60m-progress,
.ytp-timed-markers-container,
.ytp-clip-start-exclude,
.ytp-clip-end-exclude {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

.ytp-timed-markers-container {
    -webkit-transform: scaleY(.6);
    -ms-transform: scaleY(.6);
    transform: scaleY(.6);
    top: 1px;
    z-index: 40
}

.ytp-progress-bar-container:hover .ytp-timed-markers-container {
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    transform: scaleY(1.8);
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
    transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
    top: -2px
}

.ytp-progress-bar-hover .ytp-timed-marker.ytp-timed-marker-hover,
.ytp-progress-bar-container:hover .ytp-timed-marker.ytp-timed-marker-hover {
    width: 9px;
    height: 3px;
    bottom: 1px
}

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

.ytp-progress-bar-start {
    border-radius: 2px 0 0 2px
}

.ytp-progress-bar-end {
    border-radius: 0 2px 2px 0
}

.ytp-progress-bar-start.ytp-progress-bar-end {
    border-radius: 2px
}

.ytp-delhi-modern .ytp-progress-bar-start.ytp-progress-bar-end {
    border-radius: 3px
}

.ytp-progress-bar-container:hover .ytp-progress-bar-start {
    border-radius: 4px 0 0 4px
}

.ytp-progress-bar-container:hover .ytp-progress-bar-end {
    border-radius: 0 4px 4px 0
}

.ytp-progress-bar-container:hover .ytp-progress-bar-start.ytp-progress-bar-end {
    border-radius: 4px
}

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

.ytp-clip-start-exclude,
.ytp-clip-end-exclude {
    display: none;
    z-index: 37;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color .1s cubic-bezier(.4, 0, 1, 1);
    transition: background-color .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-clip-start-enabled .ytp-clip-start-exclude,
.ytp-clip-end-enabled .ytp-clip-end-exclude {
    display: block
}

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

.ytp-clip-hover .ytp-clip-start-exclude,
.ytp-clip-hover .ytp-clip-end-exclude {
    background-color: rgba(255, 255, 255, .5);
    -webkit-transition: background-color .1s cubic-bezier(0, 0, .2, 1);
    transition: background-color .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-progress-linear-live-buffer {
    z-index: 45;
    background: #c00;
    opacity: 0
}

.ytp-enable-live-buffer .ytp-progress-linear-live-buffer {
    opacity: .6
}

.ytp-ad-progress {
    z-index: 36;
    background: #fc0
}

.ytp-load-progress {
    z-index: 33;
    background: rgba(255, 255, 255, .4)
}

.ytp-load-progress.ytp-fast-load {
    background: #00838f
}

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

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

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

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

.ytp-hover-progress {
    z-index: 35;
    background: rgba(0, 0, 0, .125);
    opacity: 0;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-progress-bar-hover .ytp-hover-progress {
    opacity: 1
}

.ytp-enable-live-buffer .ytp-hover-progress,
.ytp-enable-live-buffer .ytp-load-progress {
    opacity: 0
}

.ytp-hover-progress-light {
    background: rgba(255, 255, 255, .5)
}

.ytp-1m-progress,
.ytp-15m-progress,
.ytp-30m-progress,
.ytp-60m-progress {
    width: 1px;
    background: #000;
    z-index: 36
}

.ytp-1m-progress {
    height: 30%
}

.ytp-15m-progress {
    height: 50%
}

.ytp-30m-progress {
    height: 55%
}

.ytp-60m-progress {
    height: 60%
}

.ytp-clip-start,
.ytp-clip-end {
    display: none;
    position: absolute;
    width: 14px;
    height: 14px;
    bottom: -4.5px;
    margin-left: -7px;
    z-index: 44;
    -webkit-transform: scaleY(.2142857143);
    -ms-transform: scaleY(.2142857143);
    transform: scaleY(.2142857143);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
    transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-big-mode .ytp-clip-start,
.ytp-big-mode .ytp-clip-end {
    width: 21px;
    height: 21px;
    bottom: -6.5px;
    margin-left: -10.5px;
    -webkit-transform: scaleY(.238095238);
    -ms-transform: scaleY(.238095238);
    transform: scaleY(.238095238)
}

.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-clip-start,
.ytp-progress-bar-container:hover:not([aria-disabled=true]) .ytp-clip-end,
.ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-clip-start,
.ytp-touch-mode .ytp-progress-bar-container:not([aria-disabled=true]) .ytp-clip-end,
.ytp-drag .ytp-clip-start,
.ytp-drag .ytp-clip-end {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
    transition: transform .1s cubic-bezier(0, 0, .2, 1), -webkit-transform .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-clip-start svg,
.ytp-clip-end svg {
    display: block
}

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

.ytp-delhi-modern:not(.ytp-player-minimized) .ytp-progress-bar-container {
    bottom: 68px;
    height: 8px
}

.ytp-small-mode .ytp-progress-bar-container {
    bottom: 36px;
    height: 5px
}

.ytp-embed .ytp-progress-bar-container {
    bottom: 39px
}

.ytp-progress-bar-container:not([aria-disabled=true]) {
    cursor: pointer
}

.ytp-big-mode .ytp-progress-bar-container {
    bottom: 52.5px;
    height: 8px
}

.ytp-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 31;
    outline: none
}

.ytp-heat-map-played_bar.ytp-heat-map.ytp-progress-bar-hover .ytp-progress-bar {
    opacity: 0
}

.ytp-mobile .ytp-progress-bar {
    padding-bottom: 10px
}

.ytp-progress-bar-padding {
    position: absolute;
    width: 100%;
    height: 16px;
    bottom: 0;
    z-index: 28
}

.ytp-big-mode .ytp-progress-bar-padding {
    height: 24px
}

.ytp-chapter-hover-container:hover:not([aria-disabled=true]) .ytp-progress-bar-padding {
    height: 22px;
    bottom: -6px
}

.ytp-big-mode:not(.ytp-touch-mode) .ytp-chapter-hover-container:hover:not([aria-disabled=true]) .ytp-progress-bar-padding {
    height: 33px;
    bottom: -9px
}

.ytp-touch-mode .ytp-chapter-hover-container:not([aria-disabled=true]) .ytp-progress-bar-padding {
    height: 40px;
    bottom: -11px
}

.ytp-promotooltip-wrapper {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    width: 300px;
    height: 140px;
    position: absolute;
    z-index: 1003
}

.ytp-fullscreen .ytp-promotooltip-wrapper {
    width: 450px;
    height: 210px
}

.ytp-promotooltip-container {
    background-color: #065fd4;
    color: #fff;
    font-size: 110%;
    font-weight: 400;
    line-height: 20px;
    text-transform: none;
    border-radius: 12px
}

.ytp-promotooltip-content {
    padding: 16px 16px 4px
}

.ytp-fullscreen .ytp-promotooltip-content {
    padding: 24px 24px 6px
}

.ytp-promotooltip-title {
    margin-bottom: 8px;
    font-size: 120%;
    font-weight: 500;
    line-height: 16px
}

.ytp-fullscreen .ytp-promotooltip-title {
    margin-bottom: 12px;
    line-height: 24px
}

.ytp-promotooltip-buttons {
    padding: 8px 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.ytp-fullscreen .ytp-promotooltip-buttons {
    padding: 12px 6px
}

.ytp-promotooltip-accept-button,
.ytp-promotooltip-dismiss-button {
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 120%;
    font-weight: 500;
    padding: 10px 16px;
    cursor: pointer
}

.ytp-fullscreen .ytp-promotooltip-accept-button,
.ytp-fullscreen .ytp-promotooltip-dismiss-button {
    padding: 15px 24px
}

.ytp-promotooltip-pointer {
    content: "";
    position: absolute;
    border-style: solid;
    top: 100%;
    border-width: 12px;
    border-color: #065fd4 transparent transparent transparent
}

.ytp-fullscreen .ytp-promotooltip-pointer {
    border-width: 18px
}

.ytp-promotooltip-details-icon {
    width: 18px
}

.ytp-promotooltip-details-icon svg {
    height: 22px;
    width: 22px;
    margin: -7px -5px
}

.ytp-fullscreen .ytp-promotooltip-details-icon {
    width: 22px
}

.ytp-fullscreen .ytp-promotooltip-details-icon svg {
    height: 30px;
    width: 30px;
    margin: -9px -7px
}

.ytp-remote {
    left: 0;
    bottom: 61px;
    -webkit-transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: bottom .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
    pointer-events: none
}

.ytp-embed .ytp-remote {
    bottom: 53px
}

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

.ytp-big-mode .ytp-remote {
    bottom: 70px
}

.ytp-hide-controls .ytp-remote {
    bottom: 12px;
    -webkit-transition: bottom .25s cubic-bezier(.4, 0, 1, 1), opacity .25s cubic-bezier(.4, 0, 1, 1);
    transition: bottom .25s cubic-bezier(.4, 0, 1, 1), opacity .25s cubic-bezier(.4, 0, 1, 1)
}

.ytp-remote-display-status {
    z-index: 15;
    position: absolute;
    left: 12px;
    bottom: 61px;
    background-color: rgba(0, 0, 0, .6);
    padding-right: 5px;
    border-radius: 5px;
    opacity: .85
}

.ytp-embed .ytp-remote-display-status {
    bottom: 53px
}

.ytp-big-mode .ytp-remote-display-status {
    bottom: 70px
}

.ytp-remote-display-status-icon {
    float: left;
    width: 40px;
    height: 40px
}

.ytp-big-mode .ytp-remote-display-status-icon {
    width: 60px;
    height: 60px
}

.ytp-remote-display-status-text {
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    padding-top: 10px;
    padding-left: 5px;
    font-size: 130%;
    font-weight: 500;
    display: inline-block
}

.ytp-big-mode .ytp-remote-display-status-text {
    padding-top: 15px;
    left: 105px
}

.ytp-big-mode .ytp-remote-display-status-text {
    top: 30px
}

.ytp-replay-button {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -24px;
    z-index: 59
}

.ytp-embed .ytp-replay-button {
    bottom: 4px;
    margin-left: -20px
}

.ytp-big-mode .ytp-replay-button {
    bottom: 7.5px;
    margin-left: -27px
}

.ytp-embed:not(.ad-showing) .ytp-replay-button {
    bottom: 10px
}

.ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-replay-button {
    bottom: 24.5px
}

.ytp-search-button {
    margin-left: 10px;
    margin-right: 10px
}

.ytp-search-title {
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    display: none
}

.ytp-show-search-title .ytp-search-title {
    display: block
}

.ytp-small-mode .ytp-search-button {
    padding-top: 21px
}

.ytp-small-mode .ytp-search-icon {
    width: 24px;
    height: 24px
}

.ytp-big-mode .ytp-search-icon {
    width: 46px;
    height: 46px;
    padding: 4px
}

.ytp-big-mode .ytp-search-title {
    font-size: 20px
}

:not(.ytp-shorts-mode) .ytp-chrome-top .ytp-search-button {
    width: auto;
    height: auto
}

.ytp-chrome-top .ytp-search-button {
    min-width: 48px;
    max-width: 80px
}

.ytp-search-icon {
    margin: auto
}

.html5-video-player:not(.ytp-small-mode):not(.ytp-big-mode) .ytp-search-icon {
    width: 28px;
    height: 28px;
    padding: 4px 0
}

.ytp-settings-button {
    position: relative
}

.ytp-settings-button svg {
    -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1);
    transition: transform .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-settings-button[aria-expanded=true] svg {
    -webkit-transform: rotateZ(30deg);
    -ms-transform: rotate(30deg);
    transform: rotateZ(30deg)
}

.ytp-settings-button.ytp-hd-quality-badge::after,
.ytp-settings-button.ytp-hdr-quality-badge::after,
.ytp-settings-button.ytp-4k-quality-badge::after,
.ytp-settings-button.ytp-5k-quality-badge::after,
.ytp-settings-button.ytp-8k-quality-badge::after,
.ytp-settings-button.ytp-3d-badge-grey::after,
.ytp-settings-button.ytp-3d-badge::after {
    content: "";
    position: absolute;
    top: 10px;
    right: 5px;
    height: 9px;
    width: 13px;
    background-color: var(--yt-spec-red-indicator, #e1002d);
    border-radius: 1px;
    line-height: normal
}

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

.ytp-color-white .ytp-settings-button.ytp-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: #e1002d;
    border-width: 1px
}

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

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

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

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

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

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

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

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

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

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

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

.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge::after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-hdr-quality-badge::after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-4k-quality-badge::after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-5k-quality-badge::after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-8k-quality-badge::after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-3d-badge-grey::after,
.ytp-color-white.ytp-big-mode .ytp-settings-button.ytp-3d-badge::after {
    color: #000;
    text-shadow: none
}

.ytp-big-mode .ytp-settings-button.ytp-hd-quality-badge::after {
    content: "HD"
}

.ytp-big-mode .ytp-settings-button.ytp-hdr-quality-badge::after {
    content: "HDR";
    font-size: 8px
}

.ytp-big-mode .ytp-settings-button.ytp-4k-quality-badge::after {
    content: "4K"
}

.ytp-big-mode .ytp-settings-button.ytp-5k-quality-badge::after {
    content: "5K"
}

.ytp-big-mode .ytp-settings-button.ytp-8k-quality-badge::after {
    content: "8K"
}

.ytp-big-mode .ytp-settings-button.ytp-3d-badge-grey::after,
.ytp-big-mode .ytp-settings-button.ytp-3d-badge::after {
    content: "3D"
}

.ytp-generic-popup {
    top: 0;
    left: 0;
    padding: 5px 9px;
    max-width: 144px;
    z-index: 72
}

.ytp-big-mode .ytp-generic-popup {
    max-width: 216px
}

.html5-video-player .ytp-generic-popup a {
    text-decoration: underline
}

.ytp-popup {
    position: absolute;
    overflow: hidden;
    border-radius: 2px;
    background: rgba(28, 28, 28, .9);
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
    transition: opacity .1s cubic-bezier(0, 0, .2, 1);
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

.ytp-delhi-modern .ytp-popup {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6))
}

.ytp-dni .ytp-popup {
    text-shadow: none
}

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

.ytp-popup-animating {
    -webkit-transition: all .25s cubic-bezier(.4, 0, .2, 1);
    transition: all .25s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none
}

.ytp-popup-animating .ytp-panel {
    -webkit-transition: all .25s cubic-bezier(.4, 0, .2, 1);
    transition: all .25s cubic-bezier(.4, 0, .2, 1)
}

.ytp-panel-animate-back,
.ytp-panel-animate-forward {
    opacity: 0
}

[dir=ltr] .ytp-panel-animate-back {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

[dir=ltr] .ytp-panel-animate-forward {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

[dir=rtl] .ytp-panel-animate-back {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

[dir=rtl] .ytp-panel-animate-forward {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ytp-settings-menu {
    right: 12px;
    bottom: 61px;
    z-index: 70;
    will-change: width, height;
    border-radius: 12px
}

.ytp-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-indicator-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: 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-speedslider-premium-badge {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9Ii0yIC0yIDI0IDI0IiB2ZXJzaW9uPSIxLjEiPjxwYXRoIGQ9Ik0gMCAxLjQzIEMgMCAuNjQgLjY0IDAgMS40MyAwIEwgMTguNTYgMCBDIDE5LjM1IDAgMjAgLjY0IDIwIDEuNDMgTCAyMCAxOC41NiBDIDIwIDE5LjM1IDE5LjM1IDIwIDE4LjU2IDIwIEwgMS40MyAyMCBDIC42NCAyMCAwIDE5LjM1IDAgMTguNTYgWiBNIDAgMS40MyAiIGZpbGw9IiNjMDAiIC8+PHBhdGggZD0iTSA3Ljg4IDExLjQyIEwgNy44OCAxNS43MSBMIDUuMzcgMTUuNzEgTCA1LjM3IDMuNTIgTCAxMC4xMiAzLjUyIEMgMTEuMDQgMy41MiAxMS44NCAzLjY5IDEyLjU0IDQuMDIgQyAxMy4yMyA0LjM2IDEzLjc2IDQuODMgMTQuMTQgNS40NSBDIDE0LjUxIDYuMDcgMTQuNzAgNi43NyAxNC43MCA3LjU2IEMgMTQuNzAgOC43NSAxNC4yOSA5LjY5IDEzLjQ4IDEwLjM4IEMgMTIuNjYgMTEuMDcgMTEuNTMgMTEuNDIgMTAuMDggMTEuNDIgWiBNIDcuODggOS4zOCBMIDEwLjEyIDkuMzggQyAxMC43OSA5LjM4IDExLjMwIDkuMjMgMTEuNjQgOC45MSBDIDExLjk5IDguNjAgMTIuMTcgOC4xNiAxMi4xNyA3LjU3IEMgMTIuMTcgNi45OCAxMS45OSA2LjUgMTEuNjQgNi4xMiBDIDExLjI5IDUuNzYgMTAuODAgNS41NyAxMC4xOCA1LjU2IEwgNy44OCA1LjU2IFogTSA3Ljg4IDkuMzggIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9Im5vbnplcm8iIC8+PC9zdmc+);
    -webkit-background-size: cover;
    background-size: cover
}

.ytp-speed-slider-menu-footer {
    padding: 16px
}

.ytp-show-share-title.ytp-share-button {
    margin-left: 10px;
    margin-right: 10px
}

.ytp-overflow-panel .ytp-show-share-title.ytp-share-button {
    margin-left: 20px;
    margin-right: 20px
}

.ytp-big-mode:not(.ytp-shorts-mode) .ytp-chrome-top .ytp-share-button,
:not(.ytp-shorts-mode) .ytp-chrome-top .ytp-share-button {
    width: auto;
    height: auto
}

.ytp-shorts-mode .ytp-share-button {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 4px
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-share-button {
    min-width: 48px;
    max-width: 80px
}

.ytp-share-icon {
    margin: auto;
    width: 36px;
    height: 36px
}

.ytp-big-mode .ytp-share-icon {
    width: 54px;
    height: 54px
}

.ytp-overflow-panel .ytp-share-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 10px
}

.ytp-share-title {
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    display: none
}

.ytp-big-mode .ytp-share-title,
.ytp-overflow-panel .ytp-share-title {
    font-size: 20px
}

.ytp-show-share-title .ytp-share-title {
    display: block
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-share-title {
    text-overflow: ellipsis;
    overflow: hidden
}

.ytp-share-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 75;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

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

.ytp-share-panel-inner-content {
    position: absolute;
    top: 50%;
    margin-top: -65px;
    left: 0;
    right: 0;
    padding: 0 10%
}

.ytp-big-mode .ytp-share-panel-inner-content {
    margin-top: -98px
}

.ytp-share-panel-loading-spinner {
    display: none;
    margin: 20px auto 0;
    width: 32px;
    height: 32px;
    position: relative
}

.ytp-big-mode .ytp-share-panel-loading-spinner {
    margin-top: 30px
}

.ytp-share-panel.ytp-share-panel-loading .ytp-share-panel-loading-spinner {
    display: block
}

.ytp-share-panel-close {
    position: absolute;
    top: 6px;
    right: 12px;
    padding: 6px;
    width: 36px;
    height: 36px
}

.ytp-big-mode .ytp-share-panel-close {
    top: 9px;
    right: 24px;
    padding: 9px;
    width: 54px;
    height: 54px
}

.ytp-share-panel-close path {
    fill: #aaa
}

.ytp-share-panel-close:hover path {
    fill: #fff
}

.ytp-share-panel-title {
    font-size: 155%;
    line-height: 20px
}

.ytp-big-mode .ytp-share-panel-title {
    line-height: 30px
}

.ytp-share-panel-link {
    display: block;
    height: 28px;
    margin-top: 18px;
    text-overflow: ellipsis;
    font-size: 218%;
    font-weight: 500;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    outline: none
}

.ytp-big-mode .ytp-share-panel-link {
    height: 42px;
    margin-top: 27px
}

.ytp-share-panel-include-playlist {
    display: none;
    line-height: 15px;
    margin-top: 12px;
    font-size: 118%;
    color: #999
}

.ytp-big-mode .ytp-share-panel-include-playlist {
    line-height: 22.5px;
    margin-top: 18px
}

.ytp-share-panel-include-playlist input[type=checkbox] {
    margin: 0 8px 0 0
}

.ytp-share-panel-service-buttons {
    margin-top: 20px;
    height: 44px
}

.ytp-big-mode .ytp-share-panel-service-buttons {
    margin-top: 30px;
    height: 67px
}

.ytp-share-panel.ytp-share-panel-fail .ytp-share-panel-service-buttons,
.ytp-share-panel.ytp-share-panel-loading .ytp-share-panel-service-buttons {
    display: none
}

.ytp-share-panel-service-button {
    padding: 3px;
    width: 38px;
    height: 38px;
    display: inline-block
}

.ytp-big-mode .ytp-share-panel-service-button {
    padding: 5px;
    width: 57px;
    height: 57px
}

.ytp-share-panel-error {
    display: none;
    margin-top: 20px;
    font-size: 109%
}

.ytp-big-mode .ytp-share-panel-error {
    margin-top: 30px
}

.ytp-share-panel-fail .ytp-share-panel-error {
    display: block
}

.ytp-shopping-product-menu {
    z-index: 72;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: left;
    direction: ltr;
    font-size: 11px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    will-change: width, height;
    border-radius: 12px
}

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

.ytp-shorts-title-channel-logo {
    width: 24px;
    height: 24px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin: 5px;
    -webkit-background-origin: content-box;
    background-origin: content-box;
    float: left;
    -webkit-align-self: center;
    align-self: center;
    border-radius: 50%
}

.ytp-big-mode .ytp-shorts-title-channel-logo {
    width: 50px;
    height: 50px
}

.ytp-embed-mobile .ytp-shorts-title-channel-logo,
.ytp-embed-mobile.ytp-small-mode .ytp-shorts-title-channel-logo {
    width: 24px;
    height: 24px;
    margin: 0
}

.ytp-shorts-title-expanded-heading {
    margin: 3px;
    -webkit-box-flex: initial;
    -webkit-flex: initial;
    flex: initial;
    white-space: nowrap;
    overflow: hidden;
    -webkit-align-self: center;
    align-self: center
}

.ytp-shorts-title-expanded-title {
    font-size: 16px;
    font-weight: normal;
    margin: 0
}

.ytp-big-mode .ytp-shorts-title-expanded-title {
    font-size: 22px
}

.ytp-shorts-title-expanded-title a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.ytp-shorts-title-expanded-title {
    word-break: break-word;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

.ytp-big-mode .ytp-shorts-title-expanded-title {
    font-size: 18px
}

.ytp-shorts-title-channel {
    background: transparent;
    border-radius: 0;
    display: none;
    height: auto;
    margin-left: 0;
    overflow: hidden;
    position: static;
    top: 7px;
    left: 8px;
    width: auto;
    max-width: auto
}

.ytp-big-mode .ytp-shorts-title-channel {
    margin-top: 10px
}

.ytp-title-enable-channel-logo .ytp-shorts-title-channel {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ytp-chrome-top .ytp-shorts-title-channel .ytp-sb {
    -webkit-align-self: center;
    align-self: center;
    margin: 5px;
    height: auto;
    width: auto;
    padding: 0;
    padding-left: 0;
    text-shadow: none;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.ytp-chrome-top .ytp-shorts-title-channel .ytp-sb-subscribe {
    margin-left: 0
}

.ytp-shorts-mode a.ytp-sb-subscribe {
    margin-left: 0
}

.ytp-big-mode .ytp-chrome-top .ytp-shorts-title-channel .ytp-sb-subscribe,
.ytp-big-mode .ytp-chrome-top .ytp-shorts-title-channel .ytp-sb-unsubscribe {
    font-size: 16px;
    padding: 14px 20px;
    margin-right: 10px
}

.ytp-autohide:not(.ytp-autohide-active) .ytp-chrome-top .ytp-shorts-title-channel {
    margin-top: 7px
}

.ytp-skip-intro-button {
    background: rgba(0, 0, 0, .9019607843);
    bottom: 58px;
    height: 48px;
    padding-left: 16px;
    padding-right: 16px;
    right: 10px;
    z-index: 10
}

.ytp-embed .ytp-skip-intro-button {
    bottom: 50px;
    height: 40px
}

.ytp-skip-intro-button:hover {
    background: #000
}

.ytp-big-mode .ytp-skip-intro-button {
    bottom: 79px;
    right: 40px
}

.ytp-skip-intro-button-text {
    display: inline-block;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap
}

.ytp-slider-section {
    display: inline-block;
    width: 150px;
    height: 100%;
    cursor: pointer;
    outline: 0
}

.ytp-slider {
    height: 100%;
    position: relative;
    overflow: hidden;
    outline: 0
}

.ytp-slider-handle {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-top: -10px;
    background: #fff;
    outline: 0
}

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

.ytp-slider-handle::before {
    left: -160px;
    background: #fff
}

.ytp-slider-handle::after {
    left: 10px;
    background: rgba(255, 255, 255, .2)
}

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

.ytp-overlay {
    z-index: 10;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.ytp-speedmaster-overlay {
    text-align: center;
    pointer-events: none
}

.ytp-speedmaster-user-edu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 18px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    height: 32px;
    margin-top: 20px;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 500;
    background: rgba(0, 0, 0, .6)
}

.ytp-speedmaster-user-edu.ytp-speedmaster-has-icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ytp-speedmaster-label,
.ytp-speedmaster-icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex
}

.ytp-speedmaster-icon {
    margin-left: 4px
}

.ytp-speedmaster-icon svg {
    display: block;
    width: 24px;
    height: 24px
}

.ytp-webgl-spherical-control {
    position: absolute;
    top: 48px;
    left: 12px;
    opacity: .6;
    cursor: pointer;
    width: 50px;
    height: 50px;
    -webkit-transition: top .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: top .25s cubic-bezier(0, 0, .2, 1), opacity .25s cubic-bezier(0, 0, .2, 1);
    z-index: 43;
    outline: none
}

.ytp-embed:not(.ad-showing) .ytp-webgl-spherical-control {
    top: 60px
}

.ytp-big-mode .ytp-webgl-spherical-control {
    top: 69px;
    width: 75px;
    height: 75px
}

.ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-webgl-spherical-control {
    top: 60px
}

.ytp-webgl-spherical-control:hover,
.ytp-webgl-spherical-control.ytp-dragging {
    opacity: 1
}

.ytp-autohide .ytp-webgl-spherical-control,
.ytp-hide-info-bar .ytp-webgl-spherical-control {
    top: 12px;
    -webkit-transition: top .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: top .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-webgl-spherical:not(.ytp-menu-shown) .html5-video-container {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.ytp-webgl-spherical.ytp-dragging:not(.ytp-menu-shown) .html5-video-container {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

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

.ended-mode .ytp-webgl-spherical-control,
.ytp-menu-shown .ytp-webgl-spherical-control {
    opacity: 0;
    -webkit-transition: top .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: top .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    margin-left: -32px;
    z-index: 18;
    pointer-events: none
}

.ytp-big-mode .ytp-spinner {
    width: 128px;
    margin-left: -64px
}

.ytp-spinner-message {
    position: absolute;
    left: 50%;
    margin-top: 50%;
    width: 300px;
    font-size: 127%;
    line-height: 182%;
    margin-left: -150px;
    display: none;
    text-align: center;
    background-color: black;
    opacity: .5
}

.ytp-spinner-container {
    pointer-events: none;
    position: absolute;
    width: 100%;
    padding-bottom: 100%;
    top: 50%;
    left: 50%;
    margin-top: -50%;
    margin-left: -50%;
    animation: ytp-spinner-linspin 1.5682352941176s linear infinite;
    -webkit-animation: ytp-spinner-linspin 1.5682352941176s linear infinite
}

.ytp-spinner-rotator {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: ytp-spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.ytp-spinner-left,
.ytp-spinner-right {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.ytp-spinner-left {
    right: 49%
}

.ytp-spinner-right {
    left: 49%
}

.ytp-spinner-circle {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 200%;
    height: 100%;
    border-style: solid;
    border-color: #ddd #ddd transparent;
    border-radius: 50%;
    border-width: 6px
}

.ytp-big-mode .ytp-spinner-circle {
    border-width: 12px
}

.ytp-spinner-left .ytp-spinner-circle {
    left: 0;
    right: -100%;
    border-right-color: transparent;
    -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: ytp-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.ytp-spinner-right .ytp-spinner-circle {
    left: -100%;
    right: 0;
    border-left-color: transparent;
    -webkit-animation: ytp-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: ytp-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@-webkit-keyframes ytp-spinner-linspin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes ytp-spinner-linspin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes ytp-spinner-easespin {
    12.5% {
        -webkit-transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg)
    }

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

    62.5% {
        -webkit-transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg)
    }

    to {
        -webkit-transform: rotate(3turn)
    }
}

@keyframes ytp-spinner-easespin {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }

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

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }

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

@-webkit-keyframes ytp-spinner-left-spin {
    from {
        -webkit-transform: rotate(130deg)
    }

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

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

@keyframes ytp-spinner-left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }

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

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

@-webkit-keyframes ytp-right-spin {
    from {
        -webkit-transform: rotate(-130deg)
    }

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

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

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

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

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

.ytp-sfn {
    background: rgba(28, 28, 28, .8);
    border-radius: 4px;
    color: #fff;
    left: 10px;
    position: absolute;
    top: 10px;
    z-index: 64;
    min-width: 26em
}

.ytp-sfn-close {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px
}

.ytp-sfn-content {
    padding: 5px
}

.ytp-sfn-content>div>div {
    display: inline-block;
    font-weight: 500;
    padding: 0 .5em;
    text-align: right;
    width: 10em
}

.ytp-sfn-cpn {
    font-family: Consolas, Monaco, monospace;
    font-size: 12px
}

.ytp-horizonchart {
    display: inline-block;
    margin: 2px;
    position: relative;
    vertical-align: bottom
}

.ytp-horizonchart>span {
    display: inline-block;
    position: absolute
}

.ytp-storyboard-framepreview {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 16;
    background: #000;
    -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
    transition: opacity .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-fine-scrubbing-enable .ytp-storyboard-framepreview {
    cursor: pointer
}

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

.ytp-storyboard-framepreview-img {
    opacity: .4
}

.ytp-storyboard-framepreview-timestamp {
    display: none;
    position: absolute;
    color: #ddd;
    background: rgba(0, 0, 0, .3);
    border-radius: 18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 36px;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 10px
}

.ytp-player-minimized .ytp-storyboard-framepreview-img {
    opacity: 1
}

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

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

.ytp-inline-preview-mode .ytp-storyboard-framepreview-timestamp {
    display: initial
}

.ytp-sb {
    display: inline-block;
    float: none
}

.ytp-sb .ytp-sb-unsubscribe,
.ytp-sb.ytp-sb-subscribed .ytp-sb-subscribe {
    display: none
}

.ytp-sb.ytp-sb-subscribed .ytp-sb-unsubscribe {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ytp-sb-subscribe,
.ytp-sb-unsubscribe {
    border-radius: 18px;
    border: none;
    direction: ltr;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .007px;
    line-height: 16px;
    padding: 10px 16px;
    white-space: nowrap;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

.ytp-shorts-mode .ytp-sb-subscribe,
.ytp-shorts-mode .ytp-sb-unsubscribe {
    border-radius: 3px;
    padding: 3px 6px;
    font-weight: 500
}

.ytp-sb-subscribe,
a.ytp-sb-subscribe {
    background-color: #fff;
    color: #030303
}

.ytp-shorts-mode .ytp-sb-subscribe,
.ytp-shorts-mode a.ytp-sb-subscribe {
    background-color: #fff
}

.ytp-sb-subscribe .ytp-sb-count {
    color: rgba(255, 255, 255, .8)
}

.ytp-sb-unsubscribe {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
}

.ytp-shorts-mode .ytp-sb-unsubscribe {
    background-color: transparent;
    color: #ccc;
    text-transform: none
}

.ytp-sb-subscribe.ytp-sb-disabled,
.ytp-sb-unsubscribe.ytp-sb-disabled {
    background-color: rgb(243, 144, 139);
    cursor: default
}

.ytp-sb-subscribe:focus,
.ytp-sb-unsubscribe:focus {
    outline: none
}

.ytp-sb.ytp-sb-classic {
    background-color: white;
    border-radius: 2px;
    margin: 4px 0
}

.ytp-sb-classic .ytp-sb-subscribe.ytp-sb-disabled,
.ytp-sb-classic .ytp-sb-unsubscribe.ytp-sb-disabled {
    opacity: .5;
    cursor: default
}

.ytp-sb-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ytp-sb-count {
    margin-left: 4px
}

.ytp-sb-classic .ytp-sb-subscribe,
.ytp-sb-classic .ytp-sb-unsubscribe {
    border-radius: 2px;
    font-size: 12px !important;
    font-weight: 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: 41;
    pointer-events: auto;
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none
}

.ytp-caption-window-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    pointer-events: none
}

.ytp-native-controls .caption-window {
    z-index: 2147483647
}

.caption-window.ytp-caption-window-top {
    margin-top: 48px;
    -webkit-transition: margin-bottom .25s cubic-bezier(0, 0, .2, 1), margin-top .25s cubic-bezier(0, 0, .2, 1);
    transition: margin-bottom .25s cubic-bezier(0, 0, .2, 1), margin-top .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-embed:not(.ad-showing) .caption-window.ytp-caption-window-top {
    margin-top: 60px
}

.ytp-big-mode .caption-window.ytp-caption-window-top {
    margin-top: 69px
}

.ytp-big-mode.ytp-embed:not(.ad-showing) .caption-window.ytp-caption-window-top {
    margin-top: 89px
}

.ytp-autohide .caption-window.ytp-caption-window-top,
.ytp-hide-info-bar .caption-window.ytp-caption-window-top {
    margin-top: 0;
    -webkit-transition: margin-bottom .1s cubic-bezier(.4, 0, 1, 1), margin-top .1s cubic-bezier(.4, 0, 1, 1);
    transition: margin-bottom .1s cubic-bezier(.4, 0, 1, 1), margin-top .1s cubic-bezier(.4, 0, 1, 1)
}

ytd-reel-video-renderer .short-video-container .caption-window.ytp-caption-window-top {
    margin-top: 69px
}

.caption-window.ytp-caption-window-bottom {
    margin-bottom: 61px;
    -webkit-transition: margin-bottom .25s cubic-bezier(0, 0, .2, 1), margin-top .25s cubic-bezier(0, 0, .2, 1);
    transition: margin-bottom .25s cubic-bezier(0, 0, .2, 1), margin-top .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-fine-scrubbing-enable .caption-window.ytp-caption-window-bottom {
    margin-bottom: 110px
}

.ytp-fine-scrubbing-enable.ytp-ad-overlay-open .caption-window.ytp-caption-window-bottom {
    margin-bottom: 200px
}

.ytp-big-mode.ytp-fine-scrubbing-enable .caption-window.ytp-caption-window-bottom {
    margin-bottom: 155px
}

.ytp-embed .caption-window.ytp-caption-window-bottom {
    margin-bottom: 53px
}

.ytp-big-mode .caption-window.ytp-caption-window-bottom {
    margin-bottom: 70px
}

.ytp-autohide .caption-window.ytp-caption-window-bottom,
.ytp-hide-controls .caption-window.ytp-caption-window-bottom,
.ytp-muted-autoplay .caption-window.ytp-caption-window-bottom {
    margin-bottom: 0;
    -webkit-transition: margin-bottom .1s cubic-bezier(.4, 0, 1, 1), margin-top .1s cubic-bezier(.4, 0, 1, 1);
    transition: margin-bottom .1s cubic-bezier(.4, 0, 1, 1), margin-top .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-native-controls .caption-window.ytp-caption-window-bottom {
    margin-bottom: 45px;
    -webkit-transition: none;
    transition: none
}

.ytp-ad-overlay-open .caption-window.ytp-caption-window-bottom {
    margin-bottom: 151px
}

.ytp-embed.ytp-ad-overlay-open .caption-window.ytp-caption-window-bottom {
    margin-bottom: 143px
}

.ytp-big-mode.ytp-ad-overlay-open .caption-window.ytp-caption-window-bottom {
    margin-bottom: 160px
}

.html5-video-player .caption-window.ytp-dragging,
.html5-video-player.ytp-ad-overlay-open .caption-window.ytp-dragging {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transition: none;
    transition: none;
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.ytp-caption-window-rollup.ytp-rollup-mode {
    overflow: hidden
}

.caption-window svg,
.caption-window .ytp-icon {
    width: 48px;
    height: 48px;
    vertical-align: bottom;
    display: inline-block;
    max-width: 1em;
    max-height: 1em
}

.ytp-embed .caption-window svg,
.ytp-embed .caption-window .ytp-icon {
    width: 40px;
    height: 40px
}

.ytp-big-mode .caption-window svg {
    width: 54px;
    height: 54px
}

.ytp-caption-window-rollup.ytp-rollup-mode .captions-text {
    -webkit-transition: -webkit-transform .433s cubic-bezier(0, 0, .2, 1);
    transition: transform .433s cubic-bezier(0, 0, .2, 1), -webkit-transform .433s cubic-bezier(0, 0, .2, 1)
}

.caption-edit {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(8, 8, 8, .75);
    border: none;
    padding: 0;
    cursor: pointer
}

.caption-edit svg {
    max-height: 60%;
    max-width: 60%
}

.caption-edit:focus,
.caption-window:focus .caption-edit,
.ytp-caption-window-rollup:hover .caption-edit,
.ytp-caption-window-rollup .caption-edit:hover {
    opacity: 1
}

.html5-video-player .caption-visual-line .ytp-caption-segment:first-child {
    padding-left: .25em;
    padding-top: 0
}

.html5-video-player .caption-visual-line .ytp-caption-segment:last-child {
    padding-right: .25em;
    padding-bottom: 0
}

.html5-video-player .ytp-vertical-caption .caption-visual-line .ytp-caption-segment:first-child {
    padding-top: .25em;
    padding-left: 0
}

.html5-video-player .ytp-vertical-caption .caption-visual-line .ytp-caption-segment:last-child {
    padding-bottom: .25em;
    padding-right: 0
}

.ytp-suggested-action {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -moz-justify-content: left;
    -webkit-justify-content: left;
    -webkit-box-pack: left;
    justify-content: left
}

.ytp-fine-scrubbing-enable .ytp-suggested-action-badge {
    bottom: 60px;
    left: 60px
}

.ytp-big-mode.ytp-fine-scrubbing-enable .ytp-suggested-action-badge {
    bottom: 90px;
    left: 90px
}

.ytp-suggested-action-badge {
    z-index: 60;
    position: absolute;
    bottom: 16px;
    left: 16px;
    background-color: rgba(0, 0, 0, .8);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 34px;
    height: 34px;
    width: 34px;
    padding: 7px;
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1), background-color .1s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1), background-color .1s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.ytp-delhi-modern .ytp-suggested-action-badge {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    border: none;
    height: 40px;
    width: 40px;
    border-radius: 40px;
    padding: 12px
}

.ytp-delhi-modern .ytp-suggested-action-badge:not(.ytp-suggested-action-badge-expanded) {
    padding: 0 8px
}

.ad-showing .ytp-suggested-action-badge {
    display: none
}

.ytp-suggested-action-badge[aria-hidden=true] {
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
    opacity: 0
}

.ytp-suggested-action-badge:hover {
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1), background-color .1s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1), background-color .1s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1), -webkit-transform .2s cubic-bezier(.4, 0, .2, 1), width .2s cubic-bezier(.4, 0, .2, 1);
    background-color: rgba(33, 33, 33, .95)
}

.ytp-suggested-action-badge.ytp-suggested-action-badge-with-controls {
    -webkit-transform: translateY(-59px);
    -ms-transform: translateY(-59px);
    transform: translateY(-59px)
}

.ytp-delhi-modern .ytp-suggested-action-badge.ytp-suggested-action-badge-with-controls {
    -webkit-transform: translateY(-76px);
    -ms-transform: translateY(-76px);
    transform: translateY(-76px)
}

.ytp-suggested-action-badge.ytp-suggested-action-badge-fullscreen.ytp-suggested-action-badge-with-controls {
    -webkit-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px)
}

.ytp-suggested-action-badge:is(.ytp-suggested-action-badge-expanded, .ytp-suggested-action-badge-content-forward) {
    width: auto
}

.ytp-suggested-action-badge-icon-container {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex
}

.ytp-suggested-action-badge-icon {
    height: 18px;
    width: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjM2IiBmaWxsPSIjZmZmIj48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiAvPjxwYXRoIGQ9Ik0xOCA2aC0yYzAtMi4yMS0xLjc5LTQtNC00UzggMy43OSA4IDZINmMtMS4xIDAtMiAuOS0yIDJ2MTJjMCAxLjEuOSAyIDIgMmgxMmMxLjEgMCAyLS45IDItMlY4YzAtMS4xLS45LTItMi0yem0tNi0yYzEuMSAwIDIgLjkgMiAyaC00YzAtMS4xLjktMiAyLTJ6bTYgMTZINlY4aDJ2MmMwIC41NS40NSAxIDEgMXMxLS40NSAxLTFWOGg0djJjMCAuNTUuNDUgMSAxIDFzMS0uNDUgMS0xVjhoMnYxMnoiIC8+PC9zdmc+);
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.ytp-delhi-modern .ytp-suggested-action-badge-icon {
    height: 24px;
    width: 24px
}

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

.ytp-delhi-modern .ytp-suggested-action-badge-title {
    font-weight: 500
}

.ytp-suggested-action-badge-title:empty {
    display: none
}

.ytp-suggested-action.ytp-suggested-action-badge {
    border: none;
    background: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    width: 298px;
    height: 64px;
    padding: 0;
    cursor: pointer;
    -webkit-transition-timing-function: cubic-bezier(.05, 0, 0, 1);
    transition-timing-function: cubic-bezier(.05, 0, 0, 1)
}

.ytp-suggested-action-container {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    overflow: hidden;
    width: 290px;
    padding: 4px
}

.ytp-suggested-action-details {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    font-size: 12px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: 0 8px;
    overflow: hidden
}

.ytp-suggested-action-details .ytp-suggested-action-title {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    font-size: 14px
}

.ytp-suggested-action-details .ytp-suggested-action-subtitle {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    opacity: .7;
    font-weight: 400
}

.ytp-suggested-action-details .ytp-suggested-action-metadata-text {
    opacity: .7;
    font-weight: 500
}

.ytp-suggested-action-badge-img {
    position: relative;
    border-radius: 4px;
    background: #fff;
    height: 56px;
    width: 56px;
    overflow: hidden
}

.ytp-suggested-action-badge-img>img {
    width: inherit;
    height: inherit;
    -o-object-fit: contain;
    object-fit: contain
}

:is(:is(.ytp-suggested-action-badge-preview-collapsed, .ytp-suggested-action-badge-preview-expanded), .ytp-suggested-action-badge-content-forward.ytp-suggested-action-badge-expanded) .ytp-suggested-action-badge-icon {
    display: none
}

:is(.ytp-suggested-action-badge-preview-collapsed, .ytp-suggested-action-badge-preview-expanded) .ytp-suggested-action-badge-expanded-content-container {
    display: none
}

.ytp-suggested-action-content-forward-container {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.ytp-suggested-action-product-thumbnail {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    opacity: 0;
    width: 0;
    -webkit-transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1);
    transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1);
    transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: width .3s cubic-bezier(.4, 0, .2, 1);
    transition: width .3s cubic-bezier(.4, 0, .2, 1);
    border-radius: 4px;
    height: 18px
}

.ytp-suggested-action-product-thumbnail:first-child {
    -webkit-transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1);
    transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1);
    transition: margin-inline-start .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1), -webkit-margin-start .3s cubic-bezier(.4, 0, .2, 1)
}

.ytp-delhi-modern .ytp-suggested-action-product-thumbnail {
    height: 24px
}

.ytp-suggested-action-badge-preview-expanded .ytp-suggested-action-product-thumbnail {
    -webkit-margin-start: 2px;
    margin-inline-start: 2px;
    opacity: 1;
    width: 18px
}

.ytp-suggested-action-badge-preview-expanded .ytp-suggested-action-product-thumbnail:first-child {
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.ytp-delhi-modern .ytp-suggested-action-badge-preview-expanded .ytp-suggested-action-product-thumbnail {
    width: 24px
}

:is(.ytp-suggested-action-badge-preview-collapsed, .ytp-suggested-action-badge-content-forward.ytp-suggested-action-badge-expanded) .ytp-suggested-action-product-thumbnail:first-child {
    -webkit-margin-start: 2px;
    margin-inline-start: 2px;
    opacity: 1;
    width: 18px;
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.ytp-delhi-modern :is(.ytp-suggested-action-badge-preview-collapsed, .ytp-suggested-action-badge-content-forward.ytp-suggested-action-badge-expanded) .ytp-suggested-action-product-thumbnail:first-child {
    width: 24px
}

.ytp-suggested-action-more-products-icon {
    display: none;
    height: 12px;
    width: 2px;
    border-radius: 0 12px 12px 0;
    background-color: #fff;
    opacity: .32;
    -webkit-margin-start: 2px;
    margin-inline-start: 2px
}

.ytp-delhi-modern .ytp-suggested-action-more-products-icon {
    height: 18px;
    border-radius: 12px
}

.ytp-suggested-action-badge-content-forward.ytp-suggested-action-badge-expanded .ytp-suggested-action-more-products-icon {
    display: unset
}

.ytp-suggested-action-badge-dismiss-button-icon {
    height: 18px;
    width: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgZmlsbD0iI2ZmZiI+PGc+PHBhdGggZD0iTTE2LjI0LDkuMTdMMTMuNDEsMTJsMi44MywyLjgzbC0xLjQxLDEuNDFMMTIsMTMuNDFsLTIuODMsMi44M2wtMS40MS0xLjQxTDEwLjU5LDEyTDcuNzYsOS4xN2wxLjQxLTEuNDFMMTIsMTAuNTkgbDIuODMtMi44M0wxNi4yNCw5LjE3eiBNNC45Myw0LjkzYy0zLjkxLDMuOTEtMy45MSwxMC4yNCwwLDE0LjE0YzMuOTEsMy45MSwxMC4yNCwzLjkxLDE0LjE0LDBjMy45MS0zLjkxLDMuOTEtMTAuMjQsMC0xNC4xNCBDMTUuMTcsMS4wMiw4LjgzLDEuMDIsNC45Myw0LjkzeiBNMTguMzYsNS42NGMzLjUxLDMuNTEsMy41MSw5LjIyLDAsMTIuNzNzLTkuMjIsMy41MS0xMi43Mywwcy0zLjUxLTkuMjIsMC0xMi43MyBDOS4xNSwyLjEzLDE0Ljg1LDIuMTMsMTguMzYsNS42NHoiIC8+PC9nPjwvc3ZnPg==);
    -webkit-background-size: contain;
    background-size: contain;
    opacity: .6;
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-delhi-modern .ytp-suggested-action-badge-dismiss-button-icon {
    height: 24px;
    width: 24px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTE5IDYuNDFMMTcuNTkgNSAxMiAxMC41OSA2LjQxIDUgNSA2LjQxIDEwLjU5IDEyIDUgMTcuNTkgNi40MSAxOSAxMiAxMy40MSAxNy41OSAxOSAxOSAxNy41OSAxMy40MSAxMnoiIGZpbGw9IiNmZmYiIC8+PC9zdmc+);
    opacity: 1
}

.ytp-suggested-action-badge-dismiss-button-icon:hover {
    opacity: 1;
    -webkit-transition: opacity .1s cubic-bezier(0, 0, .2, 1);
    transition: opacity .1s cubic-bezier(0, 0, .2, 1)
}

.ytp-suggested-action-badge-expanded-content-container {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    opacity: 1
}

.ytp-suggested-action-badge-expanded-content-container[aria-hidden=true] {
    -webkit-transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .1s cubic-bezier(.4, 0, 1, 1);
    opacity: 0
}

.ytp-suggested-action-badge.ytp-suggested-action-badge-with-offline-slate {
    bottom: 32px
}

.ytp-featured-product.ytp-suggested-action-badge {
    border: none;
    background: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-radius: 8px;
    width: 280px;
    height: 64px;
    padding: 0;
    cursor: pointer;
    -webkit-transition-timing-function: cubic-bezier(.05, 0, 0, 1);
    transition-timing-function: cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-featured-product.ytp-suggested-action-badge {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    width: auto;
    height: 96px;
    border-radius: 12px
}

.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-delhi-modern .ytp-featured-product-container {
    width: 360px;
    max-width: 640px;
    padding: 12px 0 12px 12px
}

.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-delhi-modern .ytp-featured-product-thumbnail {
    height: 72px;
    width: 72px
}

.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-delhi-modern .ytp-featured-product-details {
    font-size: 14px
}

.ytp-featured-product-details .ytp-featured-product-title {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    font-size: 14px
}

.ytp-delhi-modern .ytp-featured-product-details .ytp-featured-product-title {
    font-size: 16px;
    font-weight: 500
}

.ytp-featured-product-details .ytp-featured-product-countdown {
    font-family: "YouTube Sans", "Roboto", sans-serif;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 700
}

.ytp-featured-product-details .ytp-featured-product-affiliate-disclaimer {
    font-weight: 500
}

.ytp-featured-product-details .ytp-featured-product-affiliate-disclaimer-when-promotion-text-enabled {
    font-weight: 500;
    margin-right: 4px;
    opacity: .7
}

.ytp-featured-product-info-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA0OCA0OCIgdmVyc2lvbj0iMS4xIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMCAwaDQ4djQ4SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik0yMiAzNGg0VjIyaC00djEyem0yLTMwQzEyLjk1IDQgNCAxMi45NSA0IDI0czguOTUgMjAgMjAgMjAgMjAtOC45NSAyMC0yMFMzNS4wNSA0IDI0IDR6bTAgMzZjLTguODIgMC0xNi03LjE4LTE2LTE2UzE1LjE4IDggMjQgOHMxNiA3LjE4IDE2IDE2LTcuMTggMTYtMTYgMTZ6bS0yLTIyaDR2LTRoLTR2NHoiIC8+PC9zdmc+);
    height: 18px;
    width: 18px;
    margin-right: 8px;
    opacity: .8;
    aspect-ratio: 1
}

.ytp-featured-product-overflow-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9Ii01IC01IDM2IDM2Ij48cGF0aCBkPSJNMTIgOGMxLjEgMCAyLS45IDItMnMtLjktMi0yLTItMiAuOS0yIDIgLjkgMiAyIDJ6bTAgMmMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDIgMi0uOSAyLTItLjktMi0yLTJ6bTAgNmMtMS4xIDAtMiAuOS0yIDJzLjkgMiAyIDIgMi0uOSAyLTItLjktMi0yLTJ6IiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==);
    height: 20px;
    width: 20px;
    opacity: .8;
    aspect-ratio: 1
}

.ytp-delhi-modern .ytp-featured-product-overflow-icon {
    opacity: 1;
    margin-top: 20px;
    height: 32px;
    width: 32px;
    background-size: 32px 32px;
    -moz-background-size: 32px 32px;
    -webkit-background-size: 32px 32px
}

.ytp-featured-product-details .ytp-featured-product-vendor {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-featured-product-details .ytp-featured-product-vendor-when-promotion-text-enabled {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    opacity: .7;
    font-weight: 400
}

.ytp-featured-product-when-promotion-text-enabled {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex
}

.ytp-featured-product-when-promotion-text-enabled .ytp-featured-product-trending {
    overflow: hidden
}

.ytp-featured-product-when-promotion-text-enabled .ytp-featured-product-trending-text {
    opacity: .7;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-featured-product-trending>.ytp-featured-product-trending-icon {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJtMTIzLTI0MC00My00MyAyOTItMjkxIDE2NyAxNjcgMjQxLTI0MUg2NTN2LTYwaDIyN3YyMjdoLTU5di0xMjNMNTM4LTMyMSAzNzEtNDg4IDEyMy0yNDBaIiAvPjwvc3ZnPg==);
    height: 12px;
    width: 12px;
    margin-top: 2px;
    margin-right: 4px;
    opacity: .8;
    aspect-ratio: 1
}

.ytp-featured-product-details .ytp-featured-product-trending {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex
}

.ytp-featured-product-details .ytp-featured-product-price-container {
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-featured-product-details .ytp-featured-product-price-container .ytp-featured-product-price-when-promotion-text-enabled {
    opacity: .7;
    font-weight: 400
}

.ytp-featured-product-details .ytp-featured-product-price-container .ytp-featured-product-promotion-text {
    font-weight: 500;
    margin-left: 4px
}

.ytp-featured-product-details .ytp-featured-product-sales-original-price {
    text-decoration: line-through;
    margin-left: 4px
}

.ytp-featured-product-details .ytp-featured-product-price-drop-reference-price {
    margin-left: 4px
}

.ytp-featured-product-sales-original-price:empty {
    display: none
}

.ytp-featured-product-promotion-text:empty {
    display: none
}

.ytp-featured-product-price-drop-reference-price:empty {
    display: none
}

.ytp-featured-product-affiliate-disclaimer-when-promotion-text-enabled:empty {
    display: none
}

.ytp-featured-product-exclusive-container {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.ytp-featured-product-exclusive-badge-container {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -webkit-box-pack: start;
    justify-content: flex-start
}

.ytp-featured-product-exclusive-badge {
    display: -moz-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, right top, from(#7f0e7f), color-stop(#db1ddb), to(#ed558f));
    background: -webkit-linear-gradient(left, #7f0e7f, #db1ddb, #ed558f);
    background: linear-gradient(90deg, #7f0e7f, #db1ddb, #ed558f);
    border-radius: 4px;
    padding: 2px 4px
}

.ytp-featured-product-exclusive-badge-text {
    line-height: 100%;
    font-weight: 700
}

.ytp-featured-product-details .ytp-featured-product-exclusive-countdown {
    margin-left: 4px;
    line-height: 100%
}

.ytp-time-display {
    font-size: 109%;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    white-space: nowrap;
    line-height: 47px
}

.ytp-embed.ytp-embed-mobile .ytp-time-display,
.ytp-embed.ytp-embed-mobile.ytp-small-mode .ytp-time-display {
    line-height: 51px
}

.ytp-small-mode .ytp-time-display,
.ytp-embed .ytp-time-display {
    line-height: 39px
}

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

.ytp-time-display.ytp-xs-mono-button-style:not(.ytp-miniplayer-ui *),
.ytp-delhi-modern .ytp-time-display:not(.ytp-miniplayer-ui *) {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-weight: 500
}

.ytp-time-display.ytp-xs-mono-button-style:not(.ytp-miniplayer-ui *) {
    line-height: 24px
}

.ytp-delhi-modern .ytp-time-display:not(.ytp-miniplayer-ui *) {
    line-height: 40px;
    font-size: 14px
}

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

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

.ytp-delhi-modern .ytp-time-wrapper:not(.ytp-miniplayer-ui *) {
    height: 40px;
    border-radius: 28px;
    padding: 0 16px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6))
}

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

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

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

.ytp-small-mode .ytp-time-display.ytp-xs-mono-button-style:not(.ytp-miniplayer-ui *) {
    line-height: 18px
}

.ytp-small-mode .ytp-time-display.ytp-xs-mono-button-style:not(.ytp-miniplayer-ui *) .ytp-time-wrapper {
    height: 18px
}

.ytp-big-mode .ytp-time-display.ytp-xs-mono-button-style {
    line-height: 32px
}

.ytp-big-mode .ytp-time-display.ytp-xs-mono-button-style .ytp-time-wrapper {
    height: 32px
}

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

.ytp-delhi-modern .ytp-time-current {
    color: var(--yt-spec-static-overlay-text-primary, #fff)
}

.ytp-delhi-modern .ytp-time-separator,
.ytp-delhi-modern .ytp-time-duration {
    color: var(--yt-spec-static-overlay-text-secondary, rgba(255, 255, 255, .7));
    font-weight: 400
}

.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-livebadge-color .ytp-live-badge.ytp-live-badge-is-livehead::before {
    background: var(--yt-spec-static-overlay-background-brand, rgba(225, 0, 45, .9))
}

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

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

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

.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button-separator {
    display: none
}

.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button {
    margin-left: 8px;
    height: 40px;
    border-radius: 28px;
    padding: 0 16px;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6))
}

.ytp-delhi-modern-with-luminosity.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button {
    background: rgba(80, 80, 80, .6);
    background-blend-mode: luminosity;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-difference.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button {
    background: rgba(80, 80, 80, .6);
    background-blend-mode: difference;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.ytp-delhi-modern-with-exclusion.ytp-delhi-modern .ytp-clip .ytp-clip-watch-full-video-button {
    background: rgba(80, 80, 80, .6);
    background-blend-mode: exclusion;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

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

.ytp-xs-mono-button-style .ytp-time-clip-icon,
.ytp-delhi-modern .ytp-time-clip-icon {
    margin-left: 0
}

.ytp-time-clip-icon svg {
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
    fill: #ddd
}

.ytp-clip-watch-full-video-button-separator {
    margin-left: 8px;
    margin-right: 8px;
    font-weight: bold
}

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

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

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

span.ytp-title-channel-name,
.ytp-no-link {
    cursor: default;
    pointer-events: none
}

.ytp-title {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.ytp-title-text {
    vertical-align: top;
    max-width: 100%;
    padding-top: 12px;
    font-size: 18px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-left: 4px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-big-mode .ytp-title-text {
    padding-top: 18px;
    font-size: 27px;
    padding-left: 6px
}

.ytp-embed:not(.ad-showing) .ytp-title-text {
    padding-top: 21px
}

.ytp-shorts-mode.ytp-embed:not(.ad-showing) .ytp-title-text {
    font-size: 16px;
    white-space: normal;
    padding-top: 14px;
    padding-right: 53px
}

.ytp-big-mode.ytp-embed:not(.ad-showing) .ytp-title-text {
    padding-top: 36px
}

.ytp-big-mode.ytp-shorts-mode.ytp-embed:not(.ad-showing) .ytp-title-text {
    padding-top: 17px;
    font-size: 23px;
    padding-right: 64px
}

.ytp-shorts-mode.ytp-embed:not(.ad-showing) .ytp-title-link {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    visibility: visible
}

.ytp-title-subtext {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-title-channel-name {
    margin-top: .25rem;
    display: block;
    color: var(--yt-spec-static-overlay-text-secondary)
}

.ytp-big-mode .ytp-title-subtext {
    font-size: 20px
}

.ytp-title-subtext a:empty {
    display: none
}

.ytp-title-fullerscreen-link {
    cursor: default
}

.ytp-menuitem-toggle-checkbox {
    height: 14px;
    width: 36px;
    float: right;
    position: relative;
    border-radius: 14px;
    background: rgba(255, 255, 255, .3);
    -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
    transition: all .08s cubic-bezier(.4, 0, 1, 1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.ytp-big-mode .ytp-menuitem-toggle-checkbox {
    height: 21px;
    width: 54px;
    border-radius: 21px
}

.ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox {
    background: var(--yt-spec-red-indicator, #e1002d)
}

.ytp-menuitem[aria-disabled=true] .ytp-menuitem-toggle-checkbox {
    opacity: .3
}

.ytp-menuitem[aria-disabled=true] {
    color: #909090
}

.ytp-menuitem[aria-disabled=true] path {
    fill: #909090
}

.ytp-contextmenu .ytp-menuitem-toggle-checkbox {
    border-radius: 0;
    height: 24px;
    width: 24px
}

.ytp-contextmenu.ytp-big-mode .ytp-menuitem-toggle-checkbox {
    height: 36px;
    width: 36px
}

.ytp-contextmenu .ytp-menuitem .ytp-menuitem-toggle-checkbox {
    background: none
}

.ytp-contextmenu .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIj48cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=)
}

.ytp-contextmenu .ytp-menuitem-toggle-checkbox::after {
    content: none
}

.ytp-contextmenu .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox::before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.ytp-big-mode .ytp-contextmenu .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox::before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.ytp-menuitem-toggle-checkbox::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    margin-top: -3px;
    background-color: #bdbdbd;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .6);
    -webkit-transition: all .08s cubic-bezier(.4, 0, 1, 1);
    transition: all .08s cubic-bezier(.4, 0, 1, 1)
}

.ytp-big-mode .ytp-menuitem-toggle-checkbox::after {
    left: 0;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    margin-top: divide(sub(21px, 30px), 2)
}

.ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox::after {
    background-color: #fff;
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px)
}

.ytp-big-mode .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox::after {
    -webkit-transform: translateX(24px);
    -ms-transform: translateX(24px);
    transform: translateX(24px)
}

.ytp-delhi-modern .ytp-menuitem-toggle-checkbox {
    height: 24px;
    width: 40px;
    border-radius: 12px
}

.ytp-delhi-modern .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox {
    background: var(--yt-spec-static-overlay-button-primary, rgba(255, 255, 255, .3))
}

.ytp-delhi-modern .ytp-menuitem[aria-disabled=true] .ytp-menuitem-toggle-checkbox {
    background: var(--yt-spec-static-overlay-background-medium-light, rgba(0, 0, 0, .3))
}

.ytp-delhi-modern .ytp-menuitem-toggle-checkbox::after {
    margin-left: 2px;
    margin-top: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--yt-spec-static-overlay-text-secondary, rgba(255, 255, 255, .7))
}

.ytp-delhi-modern .ytp-menuitem[aria-checked=true] .ytp-menuitem-toggle-checkbox::after {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px)
}

.ytp-tooltip {
    position: absolute;
    z-index: 1003;
    font-size: 118%;
    font-weight: 500;
    line-height: 15px;
    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-delhi-modern .ytp-tooltip {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1);
    transition: transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-big-mode .ytp-tooltip {
    line-height: 22px
}

.ytp-tooltip:not([aria-hidden=true]) {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1);
    transition: transform .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1), -webkit-transform .1s cubic-bezier(.4, 0, 1, 1), opacity .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-delhi-modern .ytp-tooltip:not([aria-hidden=true]) {
    -webkit-transition: -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1);
    transition: transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1), -webkit-transform .2s cubic-bezier(.05, 0, 0, 1), opacity .2s cubic-bezier(.05, 0, 0, 1), top .2s cubic-bezier(.05, 0, 0, 1)
}

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

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

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6))
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-title {
    padding: 0 9px;
    text-align: start;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-title .ytp-tooltip-keyboard-shortcut {
    margin-left: 8px
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text {
    padding: 0 9px;
    white-space: nowrap
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bottom-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bottom-text {
    background: unset;
    -webkit-backdrop-filter: unset;
    backdrop-filter: unset
}

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

.ytp-delhi-modern .ytp-tooltip:not(.ytp-preview) .ytp-tooltip-bottom-text {
    border-radius: 8px
}

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

.ytp-delhi-modern .ytp-tooltip.ytp-preview:not(.ytp-text-detail),
.ytp-delhi-modern .ytp-tooltip-bg {
    padding: 0;
    border-radius: 12px;
    -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, .1), inset -1px -1px rgba(255, 255, 255, .1), 0 16px 40px 0 rgba(0, 0, 0, .35);
    box-shadow: inset 1px 1px rgba(255, 255, 255, .1), inset -1px -1px rgba(255, 255, 255, .1), 0 16px 40px 0 rgba(0, 0, 0, .35)
}

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

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

.ytp-tooltip.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-wrapper {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-text-wrapper {
    margin: 4px 0;
    overflow: hidden;
    max-height: 46px
}

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

.ytp-tooltip-bottom-text {
    display: block;
    background-color: rgba(28, 28, 28, .9);
    border-radius: 2px;
    padding: 5px 9px
}

.ytp-delhi-modern .ytp-tooltip-bottom-text {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    border-radius: 8px
}

.ytp-tooltip-opaque .ytp-tooltip-bottom-text {
    background-color: rgb(28, 28, 28)
}

.ytp-tooltip.ytp-preview .ytp-tooltip-bottom-text {
    display: inline;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ytp-tooltip-image-enabled .ytp-tooltip-bottom-text {
    padding-left: 34px
}

.ytp-big-mode .ytp-tooltip-image-enabled .ytp-tooltip-bottom-text {
    padding-left: 45px
}

.ytp-tooltip.ytp-text-detail.ytp-preview .ytp-tooltip-bottom-text {
    background-color: transparent;
    padding: 0
}

.ytp-tooltip-bg {
    background-color: #000;
    background-repeat: no-repeat;
    position: relative;
    display: none
}

.ytp-tooltip.ytp-preview:not(.ytp-text-detail) {
    background-color: #fff
}

.ytp-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;
    border-radius: 2px
}

.ytp-delhi-modern .ytp-tooltip.ytp-text-detail.ytp-preview.ytp-has-duration .ytp-tooltip-duration {
    background-color: rgba(0, 0, 0, .6);
    border-radius: #fff
}

.ytp-tooltip-title {
    display: none
}

.ytp-tooltip-title svg {
    display: none
}

.ytp-big-mode.ytp-fine-scrubbing-exp .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu {
    font-size: 18px
}

.ytp-big-mode.ytp-fine-scrubbing-exp .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu svg {
    height: 18px;
    width: 18px
}

.ytp-fine-scrubbing-exp .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu {
    display: block;
    text-align: center;
    width: 103%;
    height: auto;
    font-size: 12px;
    position: absolute;
    text-shadow: 0 0 4px rgba(0, 0, 0, .75)
}

.ytp-tooltip-edu {
    display: none
}

.ytp-fine-scrubbing-exp .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu svg,
.ytp-progress-bar-decoration .ytp-tooltip-title svg {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    fill: white;
    text-shadow: 0 0 4px rgba(0, 0, 0, .75)
}

.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-title {
    width: 200%;
    text-align: center;
    right: 80px;
    display: block;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 16px;
    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-bottom-text {
    background: none;
    position: relative;
    top: 45px;
    text-shadow: 0 0 4px rgba(0, 0, 0, .75)
}

.ytp-delhi-modern .ytp-tooltip-bottom-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ytp-big-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bottom-text {
    top: 65px
}

.ytp-tooltip-keyboard-shortcut {
    display: none
}

.ytp-delhi-modern .ytp-tooltip-keyboard-shortcut {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, .3019607843);
    min-width: 11px;
    border-radius: 4px;
    margin-left: 4px;
    color: #fff;
    padding: 0 2px
}

.ytp-delhi-modern .ytp-tooltip-keyboard-shortcut:empty {
    display: none;
    width: 0
}

.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title {
    top: 33px
}

.ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title.ytp-modern-tooltip-text {
    top: 25px
}

.ytp-big-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title {
    top: 41px
}

.ytp-tooltip.ytp-text-detail .ytp-tooltip-title {
    display: block;
    color: #aaa;
    text-transform: uppercase
}

.ytp-tooltip-image {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 10px;
    position: absolute;
    display: none;
    top: 2px;
    left: 7px;
    -webkit-background-size: contain;
    background-size: contain
}

.ytp-big-mode .ytp-tooltip-image {
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
    top: 3px;
    left: 10px
}

.ytp-tooltip-image-enabled .ytp-tooltip-image {
    display: inherit
}

.ytp-player-minimized .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bottom-text,
.ytp-inline-preview-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-bottom-text {
    top: -4px
}

.ytp-player-minimized .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title,
.ytp-inline-preview-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-text-no-title {
    top: -4px
}

.ytp-player-minimized .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu,
.ytp-inline-preview-mode .ytp-preview:not(.ytp-text-detail) .ytp-tooltip-edu {
    display: none
}

.ytp-unmute.ytp-popup {
    position: absolute;
    top: sub(48px, 12px);
    left: 0;
    z-index: 1001;
    text-transform: uppercase;
    color: #000;
    font-size: 127%;
    font-weight: 500;
    background: none;
    padding: 12px
}

.ytp-big-mode .ytp-unmute.ytp-popup {
    top: sub(48px, 18px);
    padding: 18px
}

.ytp-autohide .ytp-unmute,
.ytp-hide-info-bar .ytp-unmute {
    top: 0
}

.ytp-unmute-inner {
    padding-left: 3px;
    padding-right: 12px;
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
    border-bottom: 1px solid #f1f1f1;
    text-shadow: none
}

.ytp-big-mode .ytp-unmute-inner {
    padding-left: 5px;
    padding-right: 18px
}

.ytp-unmute-icon {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle
}

.ytp-embed .ytp-unmute-icon {
    width: 40px;
    height: 40px
}

.ytp-unmute-icon .ytp-svg-fill {
    fill: #000
}

.ytp-unmute-text {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block
}

.ytp-big-mode .ytp-unmute-icon {
    width: 54px;
    height: 54px
}

.ytp-unmute.ytp-popup.ytp-unmute-animated .ytp-unmute-inner {
    position: relative;
    background-color: transparent;
    border-bottom: none;
    padding: 0
}

.ytp-unmute-animated .ytp-unmute-icon {
    padding-left: 2px;
    position: relative;
    z-index: 10;
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
    border-bottom: 1px solid #f1f1f1
}

.ytp-unmute-animated .ytp-unmute-box {
    display: block;
    background-color: rgb(255, 255, 255);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-radius: 2px;
    border-bottom: 1px solid #f1f1f1
}

.ytp-unmute-animated .ytp-unmute-text {
    position: relative;
    z-index: 10;
    padding-top: 1px;
    padding-right: 10px
}

.ytp-unmute-expand .ytp-unmute-box {
    width: 0;
    -webkit-animation: ytp-unmute-width-anim .5s cubic-bezier(0, 0, .2, 1) 3.5s forwards;
    animation: ytp-unmute-width-anim .5s cubic-bezier(0, 0, .2, 1) 3.5s forwards
}

.ytp-unmute-expand .ytp-unmute-text {
    opacity: 0;
    -webkit-animation: ytp-unmute-alpha-anim .25s cubic-bezier(0, 0, .2, 1) 3.8s forwards;
    animation: ytp-unmute-alpha-anim .25s cubic-bezier(0, 0, .2, 1) 3.8s forwards
}

.ytp-unmute-shrink .ytp-unmute-box {
    width: 100%;
    -webkit-animation: ytp-unmute-width-anim .5s cubic-bezier(.4, 0, 1, 1) 5.5s reverse forwards;
    animation: ytp-unmute-width-anim .5s cubic-bezier(.4, 0, 1, 1) 5.5s reverse forwards
}

.ytp-unmute-shrink .ytp-unmute-text {
    opacity: 1;
    -webkit-animation: ytp-unmute-alpha-anim .25s cubic-bezier(.4, 0, 1, 1) 5.4s reverse forwards;
    animation: ytp-unmute-alpha-anim .25s cubic-bezier(.4, 0, 1, 1) 5.4s reverse forwards
}

@-webkit-keyframes ytp-unmute-width-anim {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes ytp-unmute-width-anim {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@-webkit-keyframes ytp-unmute-alpha-anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ytp-unmute-alpha-anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ytp-upnext {
    position: absolute;
    display: block;
    vertical-align: top;
    opacity: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: all .1s cubic-bezier(.4, 0, 1, 1);
    transition: all .1s cubic-bezier(.4, 0, 1, 1);
    z-index: 39
}

.ytp-upnext-top {
    width: 100%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 50%;
    margin-bottom: 48px
}

.ytp-small-mode .ytp-upnext-top {
    margin-bottom: 26px
}

.ytp-small-mode.ytp-embed .ytp-upnext-mobile .ytp-upnext-top {
    margin-bottom: 0
}

.ytp-upnext-bottom {
    width: 100%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    margin-top: 48px
}

.ytp-small-mode .ytp-upnext-bottom {
    margin-top: 26px
}

.ytp-small-mode.ytp-embed .ytp-upnext-mobile .ytp-upnext-bottom {
    margin-top: 48px
}

.ytp-upnext-title {
    display: block;
    padding: 0 10px 2px;
    margin-left: 32px;
    margin-right: 32px;
    text-align: center;
    font-size: 200%;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-small-mode .ytp-upnext-title {
    font-size: 150%
}

.ytp-upnext-author {
    display: block;
    line-height: 1.3em;
    overflow: hidden;
    padding: 0 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 130%
}

.ytp-upnext-header {
    display: block;
    font-size: 140%;
    text-align: center;
    padding-bottom: 8px;
    color: rgba(255, 255, 255, .7)
}

.ytp-small-mode .ytp-upnext-header {
    padding-bottom: 0
}

.ytp-upnext-cancel {
    display: block;
    float: none;
    text-align: center
}

.ytp-upnext-cancel-button {
    display: inline-block;
    float: none;
    padding: 10px 20px;
    font-size: 140%;
    font-weight: 500;
    text-transform: uppercase
}

.ytp-upnext-cancel-button:hover {
    background-color: rgba(255, 255, 255, .15);
    border-radius: 2px
}

.ytp-upnext-autoplay-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    -webkit-transition: all .1s cubic-bezier(.4, 0, 1, 1);
    transition: all .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-small-mode .ytp-upnext-autoplay-icon {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px
}

.ytp-small-mode.ytp-embed .ytp-upnext-mobile .ytp-upnext-autoplay-icon {
    margin-top: 0
}

.ytp-embed .ytp-endscreen-takeover~.ytp-replay-button {
    display: none
}

.ytp-upnext-paused {
    display: block;
    text-align: center;
    font-size: 120%;
    font-style: italic;
    opacity: 0
}

.ytp-upnext-autoplay-paused .ytp-upnext-paused {
    opacity: 1;
    -webkit-transition: all .1s cubic-bezier(.4, 0, 1, 1);
    transition: all .1s cubic-bezier(.4, 0, 1, 1)
}

.ytp-upnext .ytp-cued-thumbnail-overlay-image {
    opacity: .4
}

.ytp-player-minimized .ytp-upnext .ytp-cued-thumbnail-overlay-image {
    opacity: .64
}

.ytp-player-minimized .ytp-upnext .ytp-upnext-top {
    top: 0;
    margin: 12px 0 0 12px
}

.ytp-player-minimized .ytp-upnext .ytp-upnext-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: var(--yt-spec-static-brand-red, #f03)
}

.ytp-color-white .ytp-video-menu-item-now-playing {
    color: #ddd
}

.ytp-color-party .ytp-video-menu-item-now-playing {
    -webkit-animation: ytp-party-color .15s linear infinite;
    animation: ytp-party-color .15s linear infinite
}

.ytp-video-menu-item[aria-checked=true] .ytp-video-menu-item-now-playing {
    display: inline
}

.ytp-video-menu-item[aria-checked=true] .ytp-video-menu-item-index {
    display: none
}

.ytp-video-menu-item-title {
    padding-left: 9px;
    font-size: 120%;
    max-height: 2.6em;
    overflow: hidden
}

.ytp-video-menu-item-author {
    padding-left: 9px;
    color: #b8b8b8;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis
}

.ytp-video-menu-item-thumbnail {
    float: left;
    width: 64px;
    height: 36px;
    margin: 4px;
    border: 0 solid var(--yt-spec-static-brand-red, #f03);
    background-position: 0 -6px;
    -webkit-background-size: 64px 48px;
    background-size: 64px 48px
}

.ytp-color-white .ytp-video-menu-item-thumbnail {
    border-color: #ddd
}

.ytp-color-party .ytp-video-menu-item-thumbnail {
    -webkit-animation: ytp-party-background-color .1s linear infinite;
    animation: ytp-party-background-color .1s linear infinite
}

.ytp-big-mode .ytp-video-menu-item-thumbnail {
    width: 96px;
    height: 54px;
    margin: 6px;
    background-position: 0 -9px;
    -webkit-background-size: 96px 72px;
    background-size: 96px 72px
}

.ytp-video-menu-item[aria-checked=true] .ytp-video-menu-item-thumbnail {
    margin: 2px;
    border-width: 2px
}

.ytp-big-mode .ytp-video-menu-item[aria-checked=true] .ytp-video-menu-item-thumbnail {
    margin: 4px
}

.ytp-videowall-still {
    position: absolute;
    display: block;
    cursor: pointer;
    vertical-align: top;
    opacity: 0;
    overflow: hidden;
    -webkit-transform: scale(.1);
    -ms-transform: scale(.1);
    transform: scale(.1)
}

.ytp-show-tiles .ytp-videowall-still {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1);
    transition: transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1)
}

.ytp-videowall-still-mini .ytp-videowall-still-info-author,
.ytp-videowall-still-mini .ytp-videowall-still-info-duration,
.ytp-videowall-still-mini .ytp-videowall-still-info-live {
    display: none
}

.ytp-videowall-still[data-is-live=true] .ytp-videowall-still-info-duration {
    display: none
}

.ytp-videowall-still[data-is-live=true] .ytp-videowall-still-info-live {
    display: block
}

.ytp-videowall-still-listlabel-regular,
.ytp-videowall-still-listlabel-mix {
    display: none;
    height: 2.15em;
    padding-right: 10px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, .7)
}

.ytp-videowall-still-mini .ytp-videowall-still-listlabel-regular,
.ytp-videowall-still-mini .ytp-videowall-still-listlabel-mix {
    font-size: 100%
}

.ytp-videowall-still-listlabel-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSI+PHVzZSB4bGluazpocmVmPSIjeXRwLXN2Zy1wbGF5bGlzdCIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utb3BhY2l0eT0iLjE1IiBzdHJva2Utd2lkdGg9IjJweCIgLz48cGF0aCBkPSJtIDIyLjUzLDIxLjQyIDAsNi44NSA1LjY2LC0zLjQyIC01LjY2LC0zLjQyIDAsMCB6IG0gLTExLjMzLDAgOS4wNiwwIDAsMi4yOCAtOS4wNiwwIDAsLTIuMjggMCwwIHogbSAwLC05LjE0IDEzLjYsMCAwLDIuMjggLTEzLjYsMCAwLC0yLjI4IDAsMCB6IG0gMCw0LjU3IDEzLjYsMCAwLDIuMjggLTEzLjYsMCAwLC0yLjI4IDAsMCB6IiBpZD0ieXRwLXN2Zy1wbGF5bGlzdCIgZmlsbD0iI2ZmZiIgLz48L3N2Zz4=);
    width: 2.15em;
    height: 2.15em
}

.ytp-videowall-still-listlabel-mix-icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMzYgMzYiIHZlcnNpb249IjEuMSI+PHVzZSB4bGluazpocmVmPSIjeXRwLXN2Zy1taXgiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9Ii4xNSIgc3Ryb2tlLXdpZHRoPSIycHgiIC8+PHBhdGggaWQ9Inl0cC1zdmctbWl4IiBkPSJNMjUuNjUsMTggQzI1LjYzLDIwLjMxIDI0Ljc4LDIyLjQxIDIzLjQsMjQuMDYgTDI0LjMsMjUgQzI1Ljk5LDIzLjIwIDI3LDIwLjczIDI3LDE4IEMyNywxNS4yNyAyNS45OSwxMi43OSAyNC4zLDExIEwyMy40LDExLjkzIEMyNC43OCwxMy41OCAyNS42MywxNS42OCAyNS42NSwxOCBaIE0xMC4zNSwxOCBDMTAuMzYsMTUuNjggMTEuMjEsMTMuNTggMTIuNiwxMS45MyBMMTEuNywxMSBDMTAuMDAsMTIuNzkgOSwxNS4yNyA5LDE4IEM5LDIwLjczIDEwLjAwLDIzLjIwIDExLjcsMjUgTDEyLjYsMjQuMDYgQzExLjIxLDIyLjQxIDEwLjM2LDIwLjMxIDEwLjM1LDE4IFogTTEzLjA1LDE4IEMxMy4wMSwxNi4yNyAxMy41NCwxNC45MSAxNC40LDEzLjggTDEzLjUsMTIuODYgQzEyLjM3LDE0LjEyIDExLjcsMTUuODUgMTEuNywxOCBDMTEuNywxOS42NyAxMi4zNywyMS40MCAxMy41LDIyLjY2IEwxNC40LDIxLjczIEMxMy41NCwyMC42MSAxMy4wMSwxOS4yNiAxMy4wNSwxOCBaIE0yMi4wNSwxMi44NiBMMjEuMTUsMTMuOCBDMjIuMDAsMTQuOTEgMjIuNTMsMTYuMjcgMjIuNSwxOCBDMjIuNTMsMTkuMjYgMjIuMDAsMjAuNjEgMjEuMTUsMjEuNzMgTDIyLjA1LDIyLjY2IEMyMy4xNywyMS40MCAyMy44NSwxOS42NyAyMy44NSwxOCBDMjMuODUsMTUuODUgMjMuMTcsMTQuMTIgMjIuMDUsMTIuODYgWiBNMTYuNSwxNS42NiBMMjAuMSwxNy41MyBMMTYuNSwxOS44NiBMMTYuNSwxNS42NiBaIiBmaWxsPSIjZmZmIiAvPjwvc3ZnPg==);
    width: 2.15em;
    height: 2.15em
}

.ytp-videowall-still-listlabel-length {
    font-weight: normal
}

.ytp-videowall-still-mini .ytp-videowall-still-listlabel-length {
    display: none
}

.ytp-videowall-still:hover .ytp-videowall-still-listlabel-regular,
.ytp-videowall-still:focus .ytp-videowall-still-listlabel-regular,
.ytp-videowall-still:hover .ytp-videowall-still-listlabel-mix,
.ytp-videowall-still:focus .ytp-videowall-still-listlabel-mix {
    background-color: rgba(0, 0, 0, 0)
}

.ytp-videowall-still[data-is-list=true]:not([data-is-mix=true]) .ytp-videowall-still-listlabel-regular {
    display: block
}

.ytp-videowall-still[data-is-mix=true] .ytp-videowall-still-listlabel-mix {
    display: block
}

.ytp-videowall-still-image {
    -webkit-transition: background .1s cubic-bezier(.4, 0, 1, 1);
    transition: background .1s cubic-bezier(.4, 0, 1, 1);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ytp-videowall-still-round-large .ytp-videowall-still-image {
    border-radius: 12px
}

.ytp-videowall-still-round-medium .ytp-videowall-still-image {
    border-radius: 8px
}

.ytp-videowall-still-round-large .ytp-videowall-still-image {
    border-radius: 4px
}

.ytp-videowall-still-info-author {
    float: left;
    margin-top: 2px
}

.ytp-videowall-still-info-content {
    background-image: -webkit-linear-gradient(top, rgba(12, 12, 12, .8) 0, transparent 100px);
    background-image: linear-gradient(to bottom, rgba(12, 12, 12, .8) 0, transparent 100px);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    bottom: 0;
    color: #fff;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.ytp-videowall-still:focus .ytp-videowall-still-info-content,
.ytp-videowall-still:hover .ytp-videowall-still-info-content,
.ytp-videowall-still.ytp-videowall-show-text .ytp-videowall-still-info-content {
    opacity: 1
}

.ytp-videowall-still-info-duration {
    background: #000;
    border-radius: 2px;
    bottom: 2px;
    font-weight: 500;
    line-height: 1;
    opacity: .75;
    padding: 2px;
    position: absolute;
    right: 2px
}

.ytp-videowall-still-info-duration:empty {
    display: none
}

.ytp-videowall-still-info-live {
    background: var(--yt-spec-static-overlay-background-brand, rgba(225, 0, 45, .9));
    border-radius: 2px;
    bottom: 2px;
    font-weight: 500;
    line-height: 1;
    opacity: .9;
    padding: 2px;
    position: absolute;
    right: 2px;
    display: none;
    text-transform: uppercase
}

.ytp-videowall-still-info-title {
    display: block;
    font-size: 118%;
    font-weight: 500;
    line-height: 1.2;
    max-height: 30px;
    overflow: hidden
}

.ytp-big-mode .ytp-videowall-still-info-title {
    font-weight: 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-modern-videowall-still {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
    vertical-align: top;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: 16px
}

.ytp-show-tiles .ytp-modern-videowall-still {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1);
    transition: transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1), -webkit-transform .3s cubic-bezier(0, 0, .2, 1), opacity .3s cubic-bezier(0, 0, .2, 1)
}

.ytp-modern-videowall-still[data-is-live=true] .ytp-modern-videowall-still-info-duration {
    display: none
}

.ytp-modern-videowall-still-listlabel-regular,
.ytp-modern-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-modern-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-modern-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-modern-videowall-still-listlabel-length {
    font-weight: normal
}

.ytp-modern-videowall-still[data-is-list=true]:not([data-is-mix=true]) .ytp-modern-videowall-still-listlabel-regular {
    display: block
}

.ytp-modern-videowall-still[data-is-mix=true] .ytp-modern-videowall-still-listlabel-mix {
    display: block
}

.ytp-modern-videowall-still-image {
    -webkit-transition: background .1s cubic-bezier(.4, 0, 1, 1);
    transition: background .1s cubic-bezier(.4, 0, 1, 1);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    position: relative;
    border-radius: 8px
}

@supports (aspect-ratio:1/1) {
    .ytp-modern-videowall-still-image {
        aspect-ratio: 16/9
    }
}

@supports not (aspect-ratio:1/1) {
    .ytp-modern-videowall-still-image {
        height: 0;
        padding-bottom: 56.25%
    }
}

.ytp-modern-videowall-still-info {
    margin-top: 8px
}

.ytp-modern-videowall-still-info-author {
    float: left;
    margin-top: 4px;
    font-size: 130%;
    max-height: 20px;
    overflow: hidden
}

.ytp-modern-videowall-still-info-content {
    color: #fff;
    width: 100%;
    opacity: 1;
    position: relative
}

.ytp-modern-videowall-still-info-duration,
.ytp-modern-videowall-still-info-live {
    border-radius: 2px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-weight: 500;
    line-height: 1;
    opacity: .75;
    padding: 2px;
    font-size: 120%
}

.ytp-modern-videowall-still-info-duration {
    background: #000;
    font-weight: 500;
    opacity: .75
}

.ytp-modern-videowall-still-info-live {
    background: var(--yt-spec-static-overlay-background-brand, rgba(225, 0, 45, .9));
    opacity: .9;
    display: none;
    text-transform: uppercase
}

.ytp-modern-videowall-still:not([data-is-live=true]) .ytp-modern-videowall-still-info-live {
    display: none
}

.ytp-modern-videowall-still-info-duration:empty {
    display: none
}

.ytp-modern-videowall-still-info-title {
    display: block;
    font-size: 150%;
    font-weight: 500;
    line-height: 1.2;
    max-height: 40px;
    overflow: hidden
}

.ytp-modern-videowall-still-listlabel {
    background: rgba(0, 0, 0, .86);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0
}

.ytp-modern-videowall-still:focus .ytp-modern-videowall-still-listlabel,
.ytp-modern-videowall-still:hover .ytp-modern-videowall-still-listlabel {
    background: rgba(0, 0, 0, .86)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover {
    position: absolute;
    visibility: hidden;
    border-radius: 22px;
    padding: 8px;
    margin-bottom: 0;
    -webkit-transition: margin-bottom .2s cubic-bezier(.05, 0, 0, 1);
    transition: margin-bottom .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover .ytp-input-slider-section.ytp-vertical-slider .ytp-input-slider {
    height: 104px
}

.ytp-delhi-modern .ytp-chrome-controls .ytp-volume-popover.ytp-volume-popover-hovering {
    visibility: visible;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: var(--yt-spec-static-overlay-additive-background, rgba(40, 40, 40, .6));
    margin-bottom: 8px;
    -webkit-transition: margin-bottom .2s cubic-bezier(.05, 0, 0, 1);
    transition: margin-bottom .2s cubic-bezier(.05, 0, 0, 1)
}

.ytp-volume-panel {
    display: inline-block;
    width: 0;
    height: 100%;
    -webkit-transition: margin .2s cubic-bezier(.4, 0, 1, 1), width .2s cubic-bezier(.4, 0, 1, 1);
    transition: margin .2s cubic-bezier(.4, 0, 1, 1), width .2s cubic-bezier(.4, 0, 1, 1);
    cursor: pointer;
    outline: 0
}

.ytp-volume-slider-active .ytp-volume-panel {
    width: 52px;
    margin-right: 3px;
    -webkit-transition: margin .2s cubic-bezier(0, 0, .2, 1), width .2s cubic-bezier(0, 0, .2, 1);
    transition: margin .2s cubic-bezier(0, 0, .2, 1), width .2s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-volume-slider-active .ytp-volume-panel {
    width: 78px;
    margin-right: 5px
}

.ytp-probably-keyboard-focus .ytp-volume-panel:focus {
    -webkit-box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8);
    box-shadow: inset 0 0 0 2px rgba(27, 127, 204, .8)
}

.ytp-big-mode .ytp-volume-slider {
    min-height: 54px
}

.ytp-volume-slider {
    height: 100%;
    min-height: 36px;
    position: relative;
    overflow: hidden
}

.ytp-volume-slider-handle {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin-top: -6px;
    background: #fff
}

.ytp-big-mode .ytp-volume-slider-handle {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    margin-top: -9px
}

.ytp-volume-slider-handle::before,
.ytp-volume-slider-handle::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    height: 3px;
    margin-top: -2px;
    width: 64px
}

.ytp-big-mode .ytp-volume-slider-handle::before,
.ytp-big-mode .ytp-volume-slider-handle::after {
    height: 4px;
    margin-top: -2px;
    width: 96px
}

.ytp-volume-slider-handle::before {
    left: -58px;
    background: #fff
}

.ytp-big-mode .ytp-volume-slider-handle::before {
    left: -87px
}

.ytp-volume-slider-handle::after {
    left: 6px;
    background: rgba(255, 255, 255, .2)
}

.ytp-big-mode .ytp-volume-slider-handle::after {
    left: 9px;
    background: rgba(255, 255, 255, .2)
}

.ytp-watch-on-youtube-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 1em
}

.ytp-watch-on-youtube-button {
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, .3);
    font: 500 16px/16px "YouTube Noto", Roboto, Arial, Helvetica, sans-serif;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.05, 0, 0, 1);
    transition: transform .4s cubic-bezier(.05, 0, 0, 1), -webkit-transform .4s cubic-bezier(.05, 0, 0, 1)
}

.ytp-continue-watching-button.ytp-watch-on-youtube-button {
    background-color: #fff;
    color: #0f0f0f
}

.ytp-watch-on-youtube-button:hover {
    background: rgba(255, 255, 255, .1)
}

.ytp-continue-watching-button.ytp-watch-on-youtube-button:hover {
    background-color: #e5e5e5;
    color: #0f0f0f
}

.ytp-watch-on-youtube-button:focus {
    border: 2px solid white
}

.ytp-continue-watching-button.ytp-watch-on-youtube-button:focus {
    border: 2px solid white;
    color: #fff;
    background-color: #0f0f0f
}

.ytp-watch-on-youtube-button:active {
    -webkit-transform: scale(.94);
    -ms-transform: scale(.94);
    transform: scale(.94);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.05, 0, 0, 1);
    transition: transform .1s cubic-bezier(.05, 0, 0, 1), -webkit-transform .1s cubic-bezier(.05, 0, 0, 1)
}

.watch-again-on-youtube-endscreen {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.watch-again-on-youtube-endscreen {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.ytp-watch-again-on-youtube-endscreen-more-videos-container {
    width: 100%
}

.ytp-big-mode .ytp-watch-again-on-youtube-endscreen-more-videos-container .ytp-more-videos-view {
    bottom: unset
}

.ytp-watch-again-on-youtube-endscreen-more-videos-container .ytp-more-videos-view {
    border-radius: 2px;
    direction: ltr;
    margin: 12px;
    background: rgba(23, 23, 23, .9);
    padding: 12px 16px 16px;
    position: relative
}

.ytp-show-watch-later-title.ytp-watch-later-button {
    margin-left: 10px;
    margin-right: 10px
}

.ytp-overflow-panel .ytp-show-watch-later-title.ytp-watch-later-button {
    margin-left: 20px;
    margin-right: 20px
}

.ytp-big-mode .ytp-chrome-top .ytp-watch-later-button,
.ytp-chrome-top .ytp-watch-later-button {
    width: auto;
    height: auto
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-watch-later-button {
    min-width: 48px;
    max-width: 80px
}

.ytp-watch-later-icon {
    margin: auto;
    width: 36px;
    height: 36px;
    position: relative
}

.ytp-big-mode .ytp-watch-later-icon {
    width: 54px;
    height: 54px
}

.ytp-overflow-panel .ytp-watch-later-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 10px
}

.ytp-watch-later-title {
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    display: none
}

.ytp-big-mode .ytp-watch-later-title,
.ytp-overflow-panel .ytp-watch-later-title {
    font-size: 20px
}

.ytp-show-watch-later-title .ytp-watch-later-title {
    display: block
}

.html5-video-player:not(.ytp-big-mode) .ytp-chrome-top .ytp-watch-later-title {
    text-overflow: ellipsis;
    overflow: hidden
}

.ytp-watch-later-icon .ytp-spinner-container {
    width: 20px;
    padding-bottom: 20px;
    margin-top: -10px;
    margin-left: -10px
}

.ytp-big-mode .ytp-watch-later-icon .ytp-spinner-container {
    width: 35px;
    padding-bottom: 35px;
    margin-top: -17.5px;
    margin-left: -17.5px
}

.ytp-watch-later-icon .ytp-spinner-circle {
    border-width: 3px
}

.ytp-big-mode .ytp-watch-later-icon .ytp-spinner-circle {
    border-width: 5px
}

.webgl {
    display: block;
    position: absolute;
    z-index: 11;
    width: 100%
}

.ended-mode .webgl {
    display: none
}

.ytp-chrome-controls .ytp-button.ytp-youtube-button,
.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button,
.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button,
.ytp-embed.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button,
.ytp-dni.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button {
    width: 67px
}

.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button.ytp-youtube-music-button {
    width: 120px
}

.ytp-embed .ytp-chrome-controls .ytp-button.ytp-youtube-button.ytp-youtube-music-button svg {
    margin-left: -25px;
    height: 24px
}

.ytp-chrome-controls .ytp-button.ytp-youtube-button.no-link,
.ytp-small-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button.no-link {
    cursor: default;
    pointer-events: none
}

.ytp-big-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button,
.ytp-dni.ytp-big-mode .ytp-chrome-controls .ytp-button.ytp-youtube-button {
    width: 100px
}

.ytp-embed .ytp-chrome-controls .ytp-youtube-button.ytp-youtube-music-button {
    height: 25px;
    margin-bottom: 7px
}

.ytp-input-slider-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.ytp-input-slider {
    --yt-slider-shape-gradient-percent: 0;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 24px;
    background-color: transparent
}

.ytp-input-slider::-webkit-slider-runnable-track {
    background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(#fff), color-stop(#666), to(#666));
    background: -webkit-linear-gradient(left, #fff 0, #fff var(--yt-slider-shape-gradient-percent), #666 var(--yt-slider-shape-gradient-percent), #666 100%);
    background: linear-gradient(to right, #fff 0, #fff var(--yt-slider-shape-gradient-percent), #666 var(--yt-slider-shape-gradient-percent), #666 100%);
    height: 4px;
    border-radius: 12px
}

.ytp-input-slider::-moz-range-track {
    background: linear-gradient(to right, #fff 0, #fff var(--yt-slider-shape-gradient-percent), rgba(255, 255, 255, .2) var(--yt-slider-shape-gradient-percent), rgba(255, 255, 255, .2) 100%);
    height: 4px;
    border-radius: 12px
}

.ytp-input-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin-top: -6px
}

.ytp-input-slider::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 8px
}

.ytp-input-slider::-ms-thumb {
    appearance: none;
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 8px
}

.ytp-vertical-slider .ytp-input-slider {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: bt-rl;
    writing-mode: vertical-rl;
    direction: rtl;
    height: unset;
    width: 24px
}

.ytp-vertical-slider .ytp-input-slider::-webkit-slider-runnable-track {
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(#fff), color-stop(#666), to(#666));
    background: -webkit-linear-gradient(bottom, #fff 0, #fff var(--yt-slider-shape-gradient-percent), #666 var(--yt-slider-shape-gradient-percent), #666 100%);
    background: linear-gradient(to top, #fff 0, #fff var(--yt-slider-shape-gradient-percent), #666 var(--yt-slider-shape-gradient-percent), #666 100%);
    width: 4px
}

.ytp-vertical-slider .ytp-input-slider::-moz-range-track {
    background: linear-gradient(to top, #fff 0, #fff var(--yt-slider-shape-gradient-percent), rgba(255, 255, 255, .2) var(--yt-slider-shape-gradient-percent), rgba(255, 255, 255, .2) 100%);
    width: 4px
}

.ytp-vertical-slider .ytp-input-slider::-webkit-slider-thumb {
    margin-right: -6px
}

.ytp-drawer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 350px;
    text-align: center;
    overflow: hidden;
    z-index: 47;
    -webkit-transition: width .25s cubic-bezier(0, 0, .2, 1);
    transition: width .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-drawer {
    width: 425px
}

.ytp-drawer-closed {
    width: 25px
}

.ytp-big-mode .ytp-drawer-closed {
    width: 38px
}

.ytp-drawer-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 350px;
    height: 100%;
    padding: 48px 25px 25px;
    background: rgba(0, 0, 0, .8);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .25s cubic-bezier(0, 0, .2, 1);
    transition: opacity .25s cubic-bezier(0, 0, .2, 1)
}

.ytp-big-mode .ytp-drawer-content {
    width: 425px;
    padding: 70px 15px 15px
}

.ytp-drawer-closed .ytp-drawer-content {
    opacity: 0;
    -webkit-transition: opacity .25s cubic-bezier(.4, 0, 1, 1);
    transition: opacity .25s cubic-bezier(.4, 0, 1, 1)
}

.ytp-drawer-close-button {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    padding: 5px;
    fill: white
}

.ytp-big-mode .ytp-drawer-close-button {
    width: 36px;
    height: 36px;
    padding: 7px
}

.ytp-drawer-closed .ytp-drawer-close-button {
    display: none
}

.ytp-drawer-open-button {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 32px;
    margin-top: -16px;
    padding: 10px 5px;
    background: rgba(0, 0, 0, .7)
}

.ytp-big-mode .ytp-drawer-open-button {
    width: 23px;
    height: 48px;
    margin-top: -24px;
    padding: 15px 8px
}

.ytp-drawer-closed .ytp-drawer-open-button {
    display: block
}

.ytp-drawer-open-button::after {
    display: inline-block;
    border: 5px solid transparent;
    border-right-color: #aaa;
    border-left: none;
    content: ""
}

.ytp-big-mode .ytp-drawer-open-button::after {
    border-bottom-width: 8px;
    border-right-width: 8px;
    border-top-width: 8px
}

.html5-ypc-module {
    line-height: 1.2;
    text-align: left
}

.html5-ypc-action-heading {
    margin-bottom: 5px;
    font-size: 18px;
    color: #999
}

.ytp-small-mode .html5-ypc-action-heading {
    display: none
}

.html5-ypc-title {
    font-size: 20px
}

.html5-ypc-thumbnail {
    float: left
}

.html5-ypc-thumbnail img {
    width: 100px;
    margin: 0 10px 10px 0
}

.html5-ypc-thumbnail img.avatar {
    border-radius: 50%;
    overflow: hidden
}

.html5-ypc-thumbnail img.landscape {
    width: 160px
}

.ytp-small-mode .html5-ypc-thumbnail img {
    width: 50px
}

.ytp-small-mode .html5-ypc-thumbnail img.landscape {
    width: 80px
}

.ytp-big-mode .html5-ypc-thumbnail img {
    width: 150px;
    margin: 0 15px 18px 0
}

.ytp-big-mode .html5-ypc-thumbnail img.landscape {
    width: 240px
}

.html5-ypc-description {
    font-size: 14px
}

.ytp-small-mode .html5-ypc-description {
    margin-top: 10px
}

.ytp-big-mode .html5-ypc-description {
    margin-top: 38px
}

.html5-ypc-purchase {
    font-weight: 500;
    font-size: 14px;
    margin: 12px 0;
    padding: 10px 20px;
    border-radius: 2px;
    background: #2793e6
}

.ytp-big-mode .html5-ypc-purchase {
    margin: 18px 0;
    padding: 15px 20px;
    border-radius: 3px
}

.html5-ypc-purchase:hover {
    background: #126db3
}

.html5-ypc-purchase.html5-ypc-rounded {
    border-radius: 18px
}

.html5-ypc-overlay {
    position: absolute;
    bottom: 0;
    padding: 5px;
    margin-left: 12px;
    overflow: hidden;
    z-index: 66;
    pointer-events: none;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.ytp-big-mode .html5-ypc-overlay {
    padding: 8px;
    margin-left: 24px
}

.html5-ypc-endscreen {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 51px 21px 21px;
    background: rgba(0, 0, 0, .75);
    z-index: 36
}

.ytp-small-mode .html5-ypc-endscreen {
    padding-top: 21px
}

.ytp-ypc-clickwrap-overlay {
    padding: 25px 20px 0;
    z-index: 69
}

.ytp-ypc-clickwrap-header {
    border-bottom: 1px solid #888;
    padding: 0 0 15px 5px;
    font-size: 182%;
    font-weight: 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
}