Tubextend 2013-2015 (YouTube Redux Add-on)

Additional styling for the YouTube Redux extension, may NOT work properly without it.

// ==UserScript==
// @name         Tubextend 2013-2015 (YouTube Redux Add-on)
// @namespace    https://github.com/veira24922
// @version      1.1.2
// @description  Additional styling for the YouTube Redux extension, may NOT work properly without it.
// @license      MIT
// @author       Veira24922
// @match        http*://www.youtube.com/*
// @icon         https://web.archive.org/web/20150205041212im_/https://www.youtube.com/favicon.ico
// @run-at       document-start
// @grant        GM_addStyle
// ==/UserScript==

var createdStyles = [];
var createdElements = [];
var createdIntervals = [];
const languageStrings = {
    "en": {
        whatToWatch: "What to Watch",
        music: "Music"
    },
    "pt": {
        whatToWatch: "O que assistir",
        music: "Música"
    },
    "pt-pt": {
        whatToWatch: "O que assistir",
        music: "Música"
    },
    "es": {
        whatToWatch: "Qué ver",
        music: "Música"
    },
    "es-419": {
        whatToWatch: "Qué ver",
        music: "Música"
    },
    "es-us": {
        whatToWatch: "Qué ver",
        music: "Música"
    },
    "fr": {
        whatToWatch: "Que regarder",
        music: "Musique"
    },
    "fr-ca": {
        whatToWatch: "Que regarder",
        music: "Musique"
    },
    "ru": {
        whatToWatch: "Что смотреть",
        music: "Музыка"
    },
    "uk": {
        whatToWatch: "Що подивитися",
        music: "Музика"
    },
    "it": {
        whatToWatch: "Cosa guardare",
        music: "Musica"
    }
}

function getLanguage() {
    if (yt == null) return languageStrings["en"];
    if (languageStrings[yt.config_.HL.toLowerCase()] == null) return languageStrings["en"];
    return languageStrings[yt.config_.HL.toLowerCase()];
}
function makeStyle(code) {
    let result = GM_addStyle(code);
    createdStyles.push(result);
}
function clearEverything() {
    for (let i in createdStyles) {
        if (createdStyles[i] != null)
            createdStyles[i].remove();
    }
    for (let i in createdElements) {
        if (createdElements[i] != null)
            createdElements[i].remove();
    }
    for (let i in createdIntervals) {
        if (createdIntervals[i] != null)
            clearInterval(createdIntervals[i]);
    }
}
function waitForSelector(selector) {
    var interv;
    return new Promise(resolve => {
        interv = setInterval(() => {
            var query = document.querySelector(selector);
            if (query != null) {
                resolve(query);
                clearInterval(interv);
            }
        }, 1);
    });
}

async function changeSidebar() {
    var language = getLanguage();
    var homeText = await waitForSelector("ytd-guide-section-renderer:first-child > div#items > ytd-guide-entry-renderer:first-child > a#endpoint > tp-yt-paper-item > yt-formatted-string");
    homeText.textContent = language.whatToWatch;
}
async function changeMastheadButtonOrder() {
    var logo = await waitForSelector("ytd-topbar-logo-renderer");
    var menu = await waitForSelector("yt-icon-button#guide-button");
    var start = await waitForSelector("div#start");
    start.insertBefore(menu, logo.nextSibling);
}
async function createAppbar() {
    if (!(
        location.pathname.startsWith("/channel/UC-9-kyTW8ZkZNDHQJ6FgpwQ") ||
        location.pathname == "/"
        )) {
        return;
    }
    var language = getLanguage();
    var drawer = await waitForSelector("tp-yt-app-drawer");
    var masthead = await waitForSelector("ytd-masthead#masthead");
    var appbar = document.createElement("div");
    appbar.id = "appbar-content";
    var appbarNav = document.createElement("div");
    appbarNav.id = "appbar-nav";
    appbar.appendChild(appbarNav);
    createdElements.push(appbarNav);
    var appbarNavMenu = document.createElement("ul");
    appbarNavMenu.className = "appbar-nav-menu";
    appbarNav.appendChild(appbarNavMenu);
    createdElements.push(appbarNavMenu);

    var li1 = document.createElement("p");
    appbarNavMenu.appendChild(li1);
    createdElements.push(li1);
    if (location.pathname == "/") {
        li1.outerHTML = `
    <li>
      <h2 class="epic-nav-item-heading " aria-selected="true">${language.whatToWatch}</h2>
    </li>
    `;
    }else {
        li1.outerHTML = `
    <li>
      <a href="/" class="epic-nav-item-heading " aria-selected="false">${language.whatToWatch}</h2>
    </li>
    `;
    }
    var li2 = document.createElement("p");
    appbarNavMenu.appendChild(li2);
    createdElements.push(li2);
    if (location.pathname.startsWith("/channel/UC-9-kyTW8ZkZNDHQJ6FgpwQ")) {
        li2.outerHTML = `
    <li>
      <h2 class="epic-nav-item-heading " aria-selected="true">${language.music}</h2>
    </li>
    `;
    }else {
        li2.outerHTML = `
    <li>
      <a href="/feed/music" class="epic-nav-item-heading " aria-selected="false">${language.music}</h2>
    </li>
    `;
    }

    masthead.appendChild(appbar);
    createdElements.push(appbar);

    makeStyle(`
    :root {
        --overridden-masthead-height: 90px !important;
    }
    `);

    createdIntervals.push(setInterval(() => {
        if (drawer != null) {
            if (drawer.getAttribute("opened") == "") {
                appbar.style.display = null;
            } else {
                appbar.style.display = "none";
            }
        }
    }, 1));
}
function createIcon(head) {
    var base64 = `data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAQAQAABMLAAATCwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgNkQkIDZGiCA2RzAgNkcwIDZH/CA2R/wgNkf8IDZH/CA2R/wgNkf8IDZH/CA2R2AgNkcwIDZHMCA2RhAgNkQYIDpWHCA6V/wgOlf8IDpX/CA6V/wgOlf8IDpX/CA6V/wgOlf8IDpX/CA6V/wgOlf8IDpX/CA6V/wgOlf8IDpWHCQ6ZzAkOmf8JDpn/CQ6Z/wkOmf8JDpb/BQhc/wgMgf8JDpn/CQ6Z/wkOmf8JDpn/CQ6Z/wkOmf8JDpn/CQ6ZzAkOnuoJDp7/CQ6e/wkOnv8JDp7/Exed/8jIy/9RU4j/Bwp0/wkOm/8JDp7/CQ6e/wkOnv8JDp7/CQ6e/wkOnuoJD6T8CQ+k/wkPpP8JD6T/CQ+k/xUbo//V1dX/1dXV/4yNrP8QFG//CA6Y/wkPpP8JD6T/CQ+k/wkPpP8JD6T8CQ+q/wkPqv8JD6r/CQ+q/wkPqv8WG6n/3d3d/93d3f/d3d3/v7/M/y0wjv8JD6r/CQ+q/wkPqv8JD6r/CQ+q/woQr/8KEK//ChCv/woQr/8KEK//Fx2v/+fn5//n5+f/5+fn/+jo6P+YmtP/ChCv/woQr/8KEK//ChCv/woQr/8KELX8ChC1/woQtf8KELX/ChC1/xgdtf/x8fH/8fHx//Ly8v+bndv/Ehi3/woQtf8KELX/ChC1/woQtf8KELX8ChG76goRu/8KEbv/ChG7/woRu/8YH77/+fn5/+/v9/9fY9H/ChG7/woRu/8KEbv/ChG7/woRu/8KEbv/ChG76goRwMwKEcD/ChHA/woRwP8KEcD/EBfB/6Ol5/8tM8n/ChHA/woRwP8KEcD/ChHA/woRwP8KEcD/ChHA/woRwMwLEcSHCxHE/wsRxP8LEcT/CxHE/wsRxP8LEcT/CxHE/wsRxP8LEcT/CxHE/wsRxP8LEcT/CxHE/wsRxP8LEcSHCxLICQsSyKULEsjMCxLI+QsSyP8LEsj/CxLI/wsSyP8LEsj/CxLI/wsSyP8LEsj/CxLI0gsSyMwLEsiiAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAP//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAD//wAA//8AAA==`;
    var link = document.createElement("link");
    link.className = "tubextend-icon";
    link.rel = "icon";
    link.href = base64;
    head.appendChild(link);

    createdIntervals.push(setInterval(() => {
        var selector = document.querySelector('head link[rel="icon"]:not([class="tubextend-icon"])');
        if (selector) selector.remove();
    }, 1));
}

(async() => {
    var body = await waitForSelector("body");
    var head = await waitForSelector("head");

    function reloadStyle() {
        makeStyle(`
    * {
        font-family: Arial,sans-serif !important;
    }
    :root {
        --ytd-toolbar-height: 49px !important;
        --ytd-masthead-height: 49px !important;
        --yt-frosted-glass-mobile: rgb(255, 255, 255);
        --yt-frosted-glass-desktop: rgb(255, 255, 255);
    }

    body[class*="lock-scrollbar"] {
        overflow-y: auto !important;
        position: absolute !important;
    }
    tp-yt-app-drawer div {
        transition-duration: 0ms !important;
    }

    ytd-guide-section-renderer > div#items > ytd-guide-entry-renderer > a#endpoint > tp-yt-paper-item > yt-formatted-string,
    ytd-guide-collapsible-section-entry-renderer > div#section-items > ytd-guide-entry-renderer > a#endpoint > tp-yt-paper-item > yt-formatted-string,
    ytd-guide-collapsible-section-entry-renderer > div#section-items > ytd-guide-downloads-entry-renderer > ytd-guide-entry-renderer > a#endpoint > tp-yt-paper-item > yt-formatted-string,
    ytd-guide-collapsible-entry-renderer > div#expanded > div#expandable-items > ytd-guide-entry-renderer > a#endpoint > tp-yt-paper-item > yt-formatted-string {
        font-size: 12px !important;
    }
    ytd-guide-entry-renderer,
    #sections.ytd-guide-renderer {
        width: 100% !important;
    }
    ytd-guide-section-renderer.ytd-guide-renderer {
        width: calc(100% - 54px) !important;
    }
    ytd-guide-signin-promo-renderer {
        width: calc(100% - 86px) !important;
    }
    a#endpoint > tp-yt-paper-item > yt-formatted-string {
        transform: translateX(-6px);
    }
    a#endpoint[href*="/playlist?list=LL"] yt-icon:first-of-type {
        width: 15px !important;
        height: 15px !important;
        transform: translateX(-1px);
    }
    ytd-guide-section-renderer > div#items > ytd-guide-entry-renderer[active] > a#endpoint > tp-yt-paper-item > yt-formatted-string,
    ytd-guide-collapsible-section-entry-renderer > div#section-items > ytd-guide-entry-renderer[active] > a#endpoint > tp-yt-paper-item > yt-formatted-string,
    ytd-guide-collapsible-section-entry-renderer > div#section-items > ytd-guide-downloads-entry-renderer > ytd-guide-entry-renderer[active] > a#endpoint > tp-yt-paper-item > yt-formatted-string,
    ytd-guide-collapsible-entry-renderer > div#expanded > div#expandable-items > ytd-guide-entry-renderer[active] > a#endpoint > tp-yt-paper-item > yt-formatted-string {
        font-weight: bold;
        text-shadow: -1px -1px 0 rgba(0,0,0,0.25);
        font-size: 12px !important;
    }
    #guide-section-title.ytd-guide-section-renderer {
        font-size: 11px !important;
        font-weight: bold;
    }

    ytd-guide-section-renderer:first-child > div#items > ytd-guide-entry-renderer:first-child > a#endpoint > tp-yt-paper-item > yt-icon {
        width: 20px !important;
        height: 20px !important;
        background: no-repeat url("https://web.archive.org/web/20150205041212im_/https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflDkjvEN.png") -505px -242px;
        background-size: auto;
        transform: translate(-1px, 0px);
    }
    ytd-guide-section-renderer:first-child {
        transform: translate(0, 1px);
    }
    ytd-guide-section-renderer:first-child > div#items > ytd-guide-entry-renderer[active]:first-child > a#endpoint > tp-yt-paper-item > yt-icon,
    ytd-guide-section-renderer:first-child > div#items > ytd-guide-entry-renderer:first-child > a#endpoint:hover > tp-yt-paper-item > yt-icon {
        filter: brightness(10) !important;
    }

    tp-yt-app-drawer {
        z-index: 4000 !important;
        width: 229px !important;
        border-right: 1px solid #e8e8e8 !important;
    }
    tp-yt-app-drawer > div#contentContainer {
        width: 229px !important;
    }
    [dark] tp-yt-app-drawer {
        border-right: 1px solid #171717 !important;
    }
    div#masthead-container {
        z-index: 4012 !important;
    }
    ytd-popup-container,
    snackbar-container {
        z-index: 4013 !important
    }
    ytd-guide-renderer#guide-renderer {
        z-index: 4000 !important;
        width: 240px !important;
    }
    tp-yt-app-drawer,
    tp-yt-app-drawer * {
        --ytd-masthead-height: 49px !important;
        --ytd-masthead-height-absolute: 49px !important;
    }
    tp-yt-app-drawer div#contentContainer {
        padding-bottom: 0px;
    }
    div#container.ytd-masthead,
    div#background.ytd-masthead {
        height: 49px !important;
    }

    div#start {
        transform: translateX(-2px);
        width: 96px;
    }
    yt-searchbox.ytSearchboxComponentHost {
        transform: translateX(63px);
    }
    yt-searchbox.ytSearchboxComponentHost, div.ytSearchboxComponentInputBox form input {
        max-width: 650px !important;
        z-index: 4013 !important;
    }
    button.ytSearchboxComponentSearchButton > span > span > div {
        width: 14px !important;
        height: 14px !important;
        background: no-repeat url("https://web.archive.org/web/20150205041746im_/https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflDkjvEN.png") -155px -172px;
        filter: contrast(0.2) !important;
    }
    button.ytSearchboxComponentSearchButton:hover > span > span > div {
        width: 14px !important;
        height: 14px !important;
        background: no-repeat url("https://web.archive.org/web/20150205041746im_/https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflDkjvEN.png") -155px -172px;
        filter: contrast(1) !important;
    }

    ytd-guide-section-renderer:first-child > div#items > ytd-guide-entry-renderer:first-child > a#endpoint > tp-yt-paper-item > yt-icon > span > div > svg,
    button.ytSearchboxComponentSearchButton > span > span > div > svg {
        opacity: 0 !important;
    }
    div#footer,
    ytd-guide-entry-renderer#header-entry,
    ytd-mini-guide-renderer.ytd-app {
        display: none !important;
    }

    ytd-button-renderer#sign-in-button {
        border-color: #167ac6 !important;
        background: #167ac6 !important;
    }
    ytd-button-renderer#sign-in-button:hover {
        background: #126db3 !important;
    }

    snackbar-view-model {
        border-radius: 0px !important;
    }

    div#buttons > ytd-button-renderer > yt-button-shape > a > div.yt-spec-button-shape-next__icon {
        display: none !important;
    }
    div#buttons > ytd-button-renderer > yt-button-shape > a {
        height: 28px !important;
        max-height: 28px !important;
    }

    ytd-thumbnail ytd-thumbnail-overlay-time-status-renderer.ytd-thumbnail {
        margin: 2px !important;
        padding: 0px !important;
    }
    yt-thumbnail-overlay-badge-view-model {
        margin: 2px !important;
        padding: 0px !important;
    }
    .ytThumbnailBottomOverlayViewModelBadgeContainerLarge {
        padding: 0 2px 2px 0 !important;
    }
    badge-shape {
        height: 13px !important;
        border-radius: 2px !important;
    }
    badge-shape * {
        font-weight: 600;
        font-size: 11px;
    }

    .guide-icon.ytd-guide-entry-renderer {
        --iron-icon-height: 18px !important;
        --iron-icon-width: 18px !important;
        width: 18px !important;
        height: 18px !important;
    }

    ytd-subscription-notification-toggle-button-renderer-next span.ytIconWrapperHost {
        width: 16px !important;
    }

    top-banner-image-text-icon-buttoned-layout-view-model,
    square-image-layout-view-model,
    top-landscape-image-layout-view-model,
    ytd-in-feed-ad-layout-renderer,
    ytd-rich-item-renderer:has(ytd-ad-slot-renderer),
    ytd-rich-item-renderer:has(.badge-style-type-members-only),
    div#big-yoodle,
    div#masthead-ad {
        display: none !important;
    }
    iron-selector > yt-chip-cloud-chip-renderer div {
        height: 24px !important;
        padding-top: 6px;
        padding-bottom: 4px;
    }

    ytd-guide-entry-renderer:not([active]):hover {
        background-color: #444 !important;
    }
    ytd-guide-entry-renderer:not([active]):hover *,
    div.immersive-header-content.ytd-playlist-header-renderer yt-formatted-string,
    div.immersive-header-content.ytd-playlist-header-renderer yt-formatted-string > a {
        color: white !important;
    }

    yt-icon-button#guide-button > button {
        border: 1px solid transparent;
        background: transparent !important;
        border-radius: 2px !important;
        width: 42px !important;
        height: 28px !important;
        transform: translate(-17px, -1px);
    }
    ytd-masthead:hover yt-icon-button#guide-button > button {
        border: 1px solid #d3d3d3 !important;
        background: #f8f8f8 !important;
        border-radius: 2px !important;
    }
    ytd-masthead[dark]:hover yt-icon-button#guide-button > button {
        border: 1px solid #2c2c2c !important;
        background: #070707 !important;
        border-radius: 2px !important;
    }

    yt-icon-button.ytd-notification-topbar-button-renderer,
    ytd-button-renderer.ytd-masthead > yt-button-shape > button {
        border: 1px solid #d3d3d3 !important;
        background: #f8f8f8 !important;
        border-radius: 2px !important;
        width: 48px !important;
        height: 28px !important;
        margin-left: 8px;
    }
    [dark] yt-icon-button.ytd-notification-topbar-button-renderer,
    [dark] ytd-button-renderer.ytd-masthead > yt-button-shape > button {
        border: 1px solid #2c2c2c !important;
        background: #070707 !important;
        border-radius: 2px !important;
        width: 48px !important;
        height: 28px !important;
        margin-left: 8px;
    }
    yt-icon-button.ytd-notification-topbar-button-renderer:hover,
    ytd-button-renderer.ytd-masthead > yt-button-shape > button:hover {
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10);
        border: 1px solid #c6c6c6 !important;
        background: #f0f0f0 !important;
    }
    [dark] yt-icon-button.ytd-notification-topbar-button-renderer:hover,
    [dark] ytd-button-renderer.ytd-masthead > yt-button-shape > button:hover {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.10);
        border: 1px solid #393939 !important;
        background: #0f0f0f !important;
    }
    yt-icon-button.ytd-notification-topbar-button-renderer yt-icon-badge-shape *:not([class="yt-spec-icon-badge-shape__badge"]),
    ytd-button-renderer.ytd-masthead > yt-button-shape div.yt-spec-button-shape-next__icon * {
        width: 20px !important;
        height: 20px !important;
    }
    ytd-button-renderer.ytd-masthead > yt-button-shape div.yt-spec-button-shape-next__icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0px !important;
    }
    yt-icon-button#guide-button > button > yt-icon {
        width: 16px !important;
        height: 16px !important;
        background: no-repeat url(//web.archive.org/web/20150205041746im_/https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflDkjvEN.png) -155px -124px;
    }
    yt-icon-button#guide-button > button > yt-icon > span > div {
        opacity: 0;
    }
    yt-icon-button#guide-button > button:hover {
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10);
    }
    [dark] yt-icon-button#guide-button > button:hover {
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.10);
    }
    yt-icon-button#guide-button:hover,
    ytd-notification-topbar-button-renderer {
        background: transparent !important;
    }

    a.yt-lockup-metadata-view-model__title > span {
        font-size: 13px;
        font-weight: bold;
    }
    yt-lockup-view-model button-view-model.ytSpecButtonViewModelHost > button {
        width: 16px !important;
        height: 16px !important;
        background: transparent !important;
        transform: translate(-18px, 8px);
    }
    yt-thumbnail-view-model > yt-thumbnail-hover-overlay-toggle-actions-view-model {
        display: none !important;
    }

    button.ytSearchboxComponentSearchButton {
        width: 66px !important;
        border-radius: 2px !important;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    }
    button.ytSearchboxComponentSearchButton:hover {
        border: 1px solid #c6c6c6 !important;
        border-left: 1px solid rgb(198, 198, 198) !important;
        background: #f0f0f0 !important;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.10);
    }
    div.ytSearchboxComponentInputBox {
        width: 585px !important;
    }
    div.ytSuggestionComponentSuggestion {
        height: 32px !important;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 0px;
    }
    img.ytSuggestionComponentVisualSuggestThumbnail,
    div.ytSearchboxComponentYtdTextInputAssistantWrapper,
    div.ytSearchboxComponentClearButtonWrapper {
        display: none !important;
    }
    div#i0.ytSearchboxComponentSuggestionsContainer {
        transform: translateY(-15px) !important;
        width: 647px !important;
    }
    div.thumbnail-container:has(yt-img-shadow) {
        border-radius: 0px !important;
    }

    div.immersive-header-background-wrapper.ytd-playlist-header-renderer {
        background: #444 !important;
    }
    div.immersive-header-gradient.ytd-playlist-header-renderer {
        display: none;
    }
    yt-img-shadow.blurred-image.ytd-playlist-header-renderer * {
        display: none !important;
    }

    yt-thumbnail-overlay-progress-bar-view-model div.ytThumbnailOverlayProgressBarHostWatchedProgressBarSegment {
        background: #cc181e !important;
    }

    ytd-player button.ytp-fullscreen-grid-expand-button.ytp-button,
    ytd-player button.ytp-playlist-menu-button.ytp-button,
    ytd-player div.ytp-fullscreen-quick-actions,
    ytd-player div.ytp-left-controls div.ytp-chapter-container {
        display: none !important;
    }
    `);

        makeStyle(`
    #appbar-content {
        position: absolute;
        margin-left: 230px;
        top: 49px;
        width: calc(100% - 230px);
        height: 40px;
        background-color: white;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8;
    }
    [dark] #appbar-content {
        background-color: #0e0e0e;
        border-top: 1px solid var(--redux-spec-10-percent-layer);
        border-bottom: 1px solid var(--redux-spec-10-percent-layer);
    }
    #appbar-nav {
        min-width: 500px;
        text-align: center;
        -moz-transition: margin-top .1s;
        -webkit-transition: margin-top .1s;
        transition: margin-top .1s;
    }
    #appbar-nav .appbar-nav-menu {
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
    }
    .appbar-nav-menu { list-style: none; }
    .appbar-nav-menu li {
        margin-left: 30px;
        display: inline-block;
    }
    .appbar-nav-menu li:first-child {
        margin-left: 0px;
    }
    .epic-nav-item-heading {
        height: 40px;
        line-height: 40px;
        border-bottom: 3px solid transparent;
        padding-bottom: 0;
    }
    .epic-nav-item-heading {
        cursor: pointer;
        text-decoration: none;
    }
    .epic-nav-item-heading[aria-selected="true"] {
        border-bottom: 3px solid #cc181e;
        color: #333;
    }
    .epic-nav-item-heading[aria-selected="false"] {
        font-weight: 400 !important;
        color: #666;
    }
    [dark] .epic-nav-item-heading[aria-selected="true"] {
        border-bottom: 3px solid #cc181e;
        color: #fff;
    }
    [dark] .epic-nav-item-heading[aria-selected="false"] {
        font-weight: 400 !important;
        color: #ccc;
    }
    #appbar-nav .epic-nav-item-heading {
        height: 40px;
        padding: 0;
        line-height: 40px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .epic-nav-item-heading {
        color: #333;
        font-size: 12px;
        font-weight: bold;
    }
    `);

        if (location.pathname == "/" || location.pathname.startsWith("/watch")) makeStyle(`
    ytd-feed-filter-chip-bar-renderer,
    yt-related-chip-cloud-renderer,
    div#panels.ytd-watch-flexy > ytd-engagement-panel-section-list-renderer,
    div#contents > ytd-channel-renderer {
        display: none !important;
    }
        `);

        if (location.pathname.startsWith("/playlist")) makeStyle(`
    #contents.ytd-section-list-renderer {
        transform: translate(10px, -8px) !important;
        width: calc(100% - 32px) !important;
    }
    #contents.ytd-item-section-renderer {
        margin-top: 8px !important;
    }
    #contents > ytd-playlist-video-renderer div#container ytd-thumbnail {
        height: 96px !important;
        width: 170px !important;
    }

    h3 > a#video-title {
        font-size: 13px !important;
        font-weight: bold !important;
    }
    div#text-container > yt-formatted-string > a {
        font-size: 12px !important;
    }
    `);

        if (location.pathname.startsWith("/results")) makeStyle(`
    ytd-search > div#container {
        width: 693px !important;
    }
    ytd-ad-slot-renderer,
    yt-collections-stack > div div[class*="ytCollectionsStack"] {
        display: none !important;
    }
    #contents ytd-channel-renderer,
    #contents ytd-video-renderer {
        width: calc(100% - 8px) !important;
    }
    #contents ytd-video-renderer ytd-thumbnail {
        width: 196px !important;
        min-width: 0px !important;
        max-width: 196px !important;
        height: 110px !important;
    }

    h3 > a#video-title {
        font-size: 13px !important;
        font-weight: bold !important;
    }
    div#text-container > yt-formatted-string > a {
        font-size: 12px !important;
    }
    a#channel-thumbnail,
    ytd-search-header-renderer > div#chip-bar {
        display: none !important;
    }
    ytd-search {
        transform: translate(0px, 8px);
    }

    yt-lockup-view-model a.yt-lockup-view-model__content-image {
        width: 196px !important;
    }
    `);
    }

    reloadStyle();
    var _poll = location.href;
    setInterval(() => {
        if (_poll != location.href) {
            _poll = location.href;
            clearEverything();
            reloadStyle();
            setTimeout(createAppbar, 0);
        }
        if (yt != null) {
            yt.config_.EXPERIMENT_FLAGS.delhi_modern_web_player_icons = false;
            yt.config_.EXPERIMENT_FLAGS.enable_web_delhi_icons = false;
            yt.config_.EXPERIMENT_FLAGS.delhi_web_player_use_external_playlist_panel = false;
        }
    }, 2);

    setTimeout(changeSidebar, 0);
    setTimeout(changeMastheadButtonOrder, 0);
    setTimeout(createAppbar, 0);
    createIcon(head);
})();