az4521

Youtube dark theme

Jun 17th, 2020
422
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 101.51 KB | None | 0 0
  1. @-moz-document domain("youtube.com"), domain("apis.google.com") {
  2. @font-face
  3.   {
  4.     font-family: 'FontAwesome';
  5.     src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  6.     src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  7.     font-weight: normal;
  8.     font-style: normal;
  9.   }
  10.  
  11.   *::-moz-selection
  12.   {
  13.     background: #777;
  14.   }
  15.  
  16.   *::selection
  17.   {
  18.     background: #ccc;
  19.   }
  20.     @keyframes spin
  21.   {
  22.     0% {
  23.             transform: rotate(0deg);
  24.   }
  25.  
  26.   100%
  27.   {
  28.     transform: rotate(359deg);
  29.   }
  30. }
  31.  
  32. @keyframes progress
  33. {
  34.   0%
  35.   {
  36.     background-position: 40px 0;
  37.   }
  38.  
  39.   100%
  40.   {
  41.     background-position: 0 0;
  42.   }
  43. }
  44. }
  45.  
  46. @-moz-document domain("youtube.com") {
  47. ytd-page-manager::before, ytd-page-manager::after
  48.   {
  49.     z-index: 1000;
  50.     position: fixed;
  51.   }
  52.  
  53.   ytd-page-manager::before
  54.   {
  55.     content: '';
  56.     top: 0;
  57.     left: 0;
  58.     right: 0;
  59.     bottom: 0;
  60.     background: #22232b;
  61.   }
  62.  
  63.   ytd-page-manager::after
  64.   {
  65.     content: "BLACKTUBE ISN'T COMPATIBLE WITH THE NEW YOUTUBE DESIGN PLEASE REMOVE IT TO PREVENT BUGS FROM OCCURRING! \A\A If you want a dark design just use the new own which is integrated by YouTube iteself. \A 1. open the menu in the right top corner \A 2. Select the dark theme option \A 3. Toggle the switch to use the dark theme";
  66.     white-space: pre;
  67.     top: 50vh;
  68.     left: 50%;
  69.     width: 50%;
  70.     transform: translate(-50%, -50%);
  71.     color: #e74c3c;
  72.     font-size: 2em;
  73.   }
  74.  
  75.   ytd-topbar-logo-renderer, ytd-searchbox, ytd-button-renderer.ytd-masthead, ytd-notification-topbar-button-renderer
  76.   {
  77.     opacity: 0 !important;
  78.     visibility: hidden !important;
  79.   }
  80. }
  81.  
  82. @-moz-document regexp("https?://www.youtube.(com|([a-z]{2}))(.[a-z]{2})?."), regexp("https?://www.youtube.(com|([a-z]{2}))(.[a-z]{2})?/((\\?|feed|results|watch|live_chat|channel|c|user|playlist|subscribe_embed|upload|subscription_manager|dashboard|my_videos|view_all_playlists|index).*)") {
  83. body#body
  84.   {
  85.     background: #22232b;
  86.     color: #aaa;
  87.   }
  88.  
  89.   a
  90.   {
  91.     color: #ddd;
  92.     text-decoration: none !important;
  93.     transition: color .25s cubic-bezier(.25, .08, .44, 1);
  94.   }
  95.  
  96.   a:hover
  97.   {
  98.     color: #ddd;
  99.   }
  100.  
  101.   svg:hover
  102.   {
  103.     fill: #fff;
  104.   }
  105.  
  106.   svg
  107.   {
  108.     fill: #ddd;
  109.   }
  110.  
  111.   ::-webkit-scrollbar, ::-webkit-scrollbar-corner
  112.   {
  113.     background: #040406;
  114.     width: 14px;
  115.     height: 14px;
  116.   }
  117.  
  118.   ::-webkit-scrollbar-button
  119.   {
  120.     display: none;
  121.   }
  122.  
  123.   ::-webkit-scrollbar-thumb
  124.   {
  125.     background: #333;
  126.   }
  127.  
  128.   ::-webkit-scrollbar-thumb:not(:active):hover
  129.   {
  130.     background: #383838;
  131.   }
  132.  
  133.   ::-webkit-scrollbar-thumb:active, ::-webkit-scrollbar-thumb:hover:active
  134.   {
  135.     background: #5c5c5c;
  136.   }
  137.  
  138.   .yt-uix-button-content:before, .no-icon-markup:before, .yt-uix-button-icon, #content .yt-sprite:not(.init-upload-action-icon):not(.share-service-icon):not(.studio-icon):not(.twitter-icon), .yt-uix-dragdrop-cursor-follower .yt-sprite:not(.init-upload-action-icon):not(.share-service-icon):not(.studio-icon):not(.twitter-icon), .yt-ui-menu-content .yt-sprite, .yt-ui-menu-item.has-icon:before, .addto-playlist-item .yt-sprite, .comment-replies-renderer-expander-down:after, .comment-replies-renderer-expander-up:after, .creator-heart-big-unhearted:before, .yt-spinner-img, .yt-spinner-overlay, #yt-masthead #logo-container .logo:not(.doodle), .exp-responsive #yt-masthead #logo-container:not(.doodle), #footer-logo .footer-logo-icon, .yt-close-img, .box-close-link img, .yt-uix-clickcard-close, .close-small, .yt-uix-subscription-preferences-button:before, .add-to-widget .addto-search-playlist-section .search-icon, .add-to-widget .playlist-status, .yt-help-icon, #opml-export-container button:before, .yt-chip .yt-delete-chip
  139.   {
  140.     font: normal normal normal 15px FontAwesome;
  141.     color: #aaa;
  142.     transition: color .25s cubic-bezier(.25, .08, .44, 1);
  143.     background: transparent !important;
  144.     opacity: 1 !important;
  145.   }
  146.  
  147.   .yt-uix-button-content:hover:before, .no-icon-markup:hover:before, .yt-uix-button-icon:hover, #content .yt-uix-button:hover .yt-sprite:before, .yt-ui-menu-item.has-icon:hover:before, .yt-uix-subscription-preferences-button:hover:before, .add-to-widget .playlist-status:hover:before, .yt-uix-creator-heart-button:hover .creator-heart-big-unhearted:before, #opml-export-container button:hover:before
  148.   {
  149.     color: #fff;
  150.   }
  151.  
  152.   .yt-uix-button-icon-appbar-guide:before
  153.   {
  154.     content: "\f0c9";
  155.   }
  156.  
  157.   #yt-masthead #logo-container .logo:before, .exp-responsive #yt-masthead #logo-container:before, #footer-logo .footer-logo-icon:before, .yt-uix-button-subscribe-branded:before, .yt-uix-button-subscribed-branded:before, .yt-channel-title-autogenerated:before
  158.   {
  159.     content: "\f16a";
  160.   }
  161.  
  162.   .search-btn-component .yt-uix-button-content:before, .add-to-widget .addto-search-playlist-section .search-icon:before, #channel-search .show-search .search-icon:before, #history-search .history-search-button .yt-uix-button-icon-search:before
  163.   {
  164.     content: "\f002";
  165.   }
  166.  
  167.   .yt-uix-button-icon-bell:before
  168.   {
  169.     content: "\f0a2";
  170.   }
  171.  
  172.   .yt-uix-button-icon-footer-language:before, .action-panel-trigger-translate:before, .orbis-logo:before
  173.   {
  174.     content: "\f1ab" !important;
  175.   }
  176.  
  177.   .yt-uix-button-icon-footer-history:before
  178.   {
  179.     content: "\f1da";
  180.   }
  181.  
  182.   .yt-uix-button-icon-questionmark:before, .spotlight-privacy-hovercard-container .spotlight-privacy-btn:before, #opml-export-container button:before, .yt-help-icon:before
  183.   {
  184.     content: "\f059";
  185.   }
  186.  
  187.   .yt-close-img:before, .box-close-link img:before, .yt-uix-clickcard-close:before, .close-small:before, .yt-uix-button-icon-dismissal:before, #action-panel-dismiss:before, .action-panel-trigger-dismiss:before, .yt-uix-button-icon-playlist-remove-item:before, .pl-video-edit-remove:before, .pl-video-edit-remove-liked-video:before, .yt-uix-button-icon-upload-cancel:before, .yt-uix-button-icon-dashboard-widget-remove:before, .dashboard-widget-todos .todo-item .todo-dismiss:before, .yt-chip .yt-delete-chip:before
  188.   {
  189.     content: "\f00d";
  190.   }
  191.  
  192.   .yt-uix-button-subscribed-branded.hover-enabled:hover:before
  193.   {
  194.     content: "\f057";
  195.   }
  196.  
  197.   .channel-settings-link:before, .yt-uix-subscription-preferences-button:before, .yt-uix-button-icon-icon-account-settings:before, .yt-uix-button-icon-playlist-edit:before, .yt-uix-button-icon-settings-material:before, #pl-header .yt-uix-button-icon-gear:before, .yt-uix-button-icon-dashboard-widget-config:before
  198.   {
  199.     content: "\f013";
  200.   }
  201.  
  202.   .addto-watch-later-button:before, .addto-watch-later-button-sign-in:before
  203.   {
  204.     content: "\f017";
  205.   }
  206.  
  207.   .addto-watch-later-button-success:before, .yt-uix-button-subscribed-branded.hover-enabled:before, #player-playlist .yt-uix-button-toggled.yt-uix-playlistlike:before
  208.   {
  209.     content: "\f00c";
  210.   }
  211.  
  212.   .addto-watch-later-button-loading:before, .yt-spinner-img:before, .yt-spinner-overlay:before
  213.   {
  214.     content: "\f021";
  215.     width: 20px;
  216.     height: 20px;
  217.     line-height: 20px;
  218.     text-align: center;
  219.   }
  220.  
  221.   .addto-watch-later-button-loading:before, .yt-spinner-img, .yt-spinner-overlay
  222.   {
  223.     animation: spin 750ms infinite cubic-bezier(.43, -0.34, .57, 1.37);
  224.   }
  225.  
  226.   .yt-uix-menu> .addto-button:before, #watch-header .addto-button:before, #player-playlist .yt-uix-playlistlike:before, #pl-header .yt-uix-playlistlike:before, .add-widget-button .yt-sprite:before
  227.   {
  228.     content: "\f067";
  229.   }
  230.  
  231.   .action-panel-trigger-share:before, #pl-header .playlist-share::before
  232.   {
  233.     content: "\f064";
  234.   }
  235.  
  236.   #action-panel-overflow-button:before, .action-panel-trigger-overflow:before
  237.   {
  238.     content: "\f141";
  239.   }
  240.  
  241.   .yt-uix-button-action-menu:before, .yt-uix-button-lockup-action-menu:before, .yt-uix-button-icon-hover-action-menu:before
  242.   {
  243.     content: "\f142";
  244.   }
  245.  
  246.   .like-button-renderer-like-button:before, #comment-section-renderer .sprite-like:before, .vm-video-metric.video-likes-count .yt-sprite:before
  247.   {
  248.     content: "\f164";
  249.   }
  250.  
  251.   .like-button-renderer-dislike-button:before, #comment-section-renderer .sprite-dislike:before, .vm-video-metric.video-dislikes-count .yt-sprite:before
  252.   {
  253.     content: "\f165";
  254.   }
  255.  
  256.   .comment-replies-renderer-expander-up:after, .c4-editor-move-up:before, .dashboard-widget-todos .todo-item.opened .todo-arrow:before
  257.   {
  258.     content: "\f106";
  259.   }
  260.  
  261.   .comment-replies-renderer-expander-down:after, .c4-editor-move-down:before, #creator-sidebar .creator-sidebar-bullet:before, .dashboard-widget-todos .todo-item .todo-arrow:before
  262.   {
  263.     content: "\f107";
  264.   }
  265.  
  266.   .compact-shelf .yt-uix-shelfslider-prev-arrow:before, .rtl .compact-shelf .yt-uix-shelfslider-next-arrow:before
  267.   {
  268.     content: "\f104";
  269.   }
  270.  
  271.   .compact-shelf .yt-uix-shelfslider-next-arrow:before, .rtl .compact-shelf .yt-uix-shelfslider-prev-arrow:after
  272.   {
  273.     content: "\f105";
  274.   }
  275.  
  276.   .watch-pencil-icon:before, .creator-bar-item .yt-uix-button-icon-info:before, .c4-editor-edit:before
  277.   {
  278.     content: "\f040";
  279.   }
  280.  
  281.   .autoplay-bar .autoplay-info-icon:before, .creator-bar-item .yt-uix-button-icon-cards:before
  282.   {
  283.     content: "\f05a";
  284.   }
  285.  
  286.   .creator-bar-item .yt-uix-button-icon-enhance:before
  287.   {
  288.     content: "\f0d0";
  289.   }
  290.  
  291.   .creator-bar-item .yt-uix-button-icon-audio:before
  292.   {
  293.     content: "\f001";
  294.   }
  295.  
  296.   .creator-bar-item .yt-uix-button-icon-endscreen:before, .vm-video-metric.video-comments .yt-sprite:before
  297.   {
  298.     content: "\f075";
  299.   }
  300.  
  301.   .creator-bar-item .yt-uix-button-icon-captions:before
  302.   {
  303.     content: "\f20a";
  304.   }
  305.  
  306.   .yt-channel-title-icon-verified:before, .comment-renderer-author-comment-badge.creator .yt-comment-author-verified-icon:before
  307.   {
  308.     content: "\f058";
  309.   }
  310.  
  311.   #player-playlist .yt-uix-button-icon-watch-appbar-autoplay:before
  312.   {
  313.     content: "\f01e";
  314.   }
  315.  
  316.   #player-playlist .yt-uix-button-icon-watch-appbar-shuffle-video-list:before
  317.   {
  318.     content: "\f074";
  319.   }
  320.  
  321.   .add-to-widget .private-icon:before, .create-playlist-widget-form .yt-uix-button-has-icon[data-privacy-state="privacy-private"]:before, .video-private-icon:before, .pl-header-privacy-only-me:before
  322.   {
  323.     content: "\f023";
  324.   }
  325.  
  326.   .add-to-widget .unlisted-icon:before, .create-playlist-widget-form .yt-uix-button-has-icon[data-privacy-state="privacy-unlisted"]:before, .video-unlisted-icon:before, .pl-header-privacy-limited-sharing:before
  327.   {
  328.     content: "\f13e";
  329.   }
  330.  
  331.   .add-to-widget .public-icon:before, .create-playlist-widget-form .yt-uix-button-has-icon[data-privacy-state="privacy-public"]:before, .pl-header-privacy-everyone:before
  332.   {
  333.     content: "\f0ac";
  334.   }
  335.  
  336.   .add-to-widget .playlist-status:before
  337.   {
  338.     content: "\f096";
  339.   }
  340.  
  341.   .add-to-widget .contains-all-selected-videos .playlist-status:before, .add-to-widget .to-be-added .playlist-status:before
  342.   {
  343.     content: "\f046";
  344.   }
  345.  
  346.   .action-panel-trigger-report:before, .yt-uix-button-icon-report-user:before
  347.   {
  348.     content: "\f024" !important;
  349.   }
  350.  
  351.   .action-panel-trigger-transcript:before
  352.   {
  353.     content: "\f0f6" !important;
  354.   }
  355.  
  356.   .action-panel-trigger-stats:before, #channel-header-analytics-link .header-action-icon:before, .header-action-icon.analytics-icon:before, .vm-video-metric.video-view-count .yt-sprite:before
  357.   {
  358.     content: "\f080" !important;
  359.   }
  360.  
  361.   #channel-header-vm-link .header-action-icon:before, .header-action-icon.vm-icon:before
  362.   {
  363.     content: "\f0ae";
  364.   }
  365.  
  366.   .yt-uix-button-icon-channel-back:before
  367.   {
  368.     content: "\f177";
  369.   }
  370.  
  371.   .c4-editor-plus:before, .create-playlist-widget-button .add-new-pl-btn:before, .yt-uix-button-icon-upload-add:before, #vm-bulk-actions-editing-button-add:before
  372.   {
  373.     content: "\f055";
  374.   }
  375.  
  376.   .play-all-icon-btn:before, .yt-pl-thumb-overlay .play-icon:before
  377.   {
  378.     content: "\f04b";
  379.   }
  380.  
  381.   .creator-heart-big-unhearted:before
  382.   {
  383.     content: "\f004";
  384.   }
  385.  
  386.   .c4-module-editor-delete:before, .yt-uix-button-icon-translation-editor-delete-icon:before
  387.   {
  388.     content: "\f1f8";
  389.   }
  390.  
  391.   .yt-uix-button-icon-material-upload:before
  392.   {
  393.     content: "\f093";
  394.   }
  395.  
  396.   .yt-alert-naked.yt-alert-info .icon:before, .yt-alert-small.yt-alert-info .icon:before
  397.   {
  398.     content: "\f06a";
  399.   }
  400.  
  401.   .pl-message-panel .yt-alert-playlist-order .icon:before
  402.   {
  403.     content: "\f0dc";
  404.   }
  405.  
  406.   .yt-uix-button-icon-opml-export:before
  407.   {
  408.     content: "\f019";
  409.   }
  410.  
  411.   .dashboard-widget-todos .todo-item .yt-creator-tip-icon-fyi:before
  412.   {
  413.     content: "\f1ea";
  414.   }
  415.  
  416.   .yt-alert-default.yt-alert-warn .icon:before, .yt-alert-actionable.yt-alert-warn .icon:before
  417.   {
  418.     content: "\f071";
  419.   }
  420.  
  421.   .dashboard-widget-todos .todo-item .yt-creator-tip-icon-channel:before
  422.   {
  423.     content: "\f007";
  424.   }
  425.  
  426.   .yt-uix-button-icon-view-module:before
  427.   {
  428.     content: "\f00a";
  429.   }
  430.  
  431.   .yt-uix-button-icon-view-list:before
  432.   {
  433.     content: "\f00b";
  434.   }
  435.  
  436.   .yt-uix-button
  437.   {
  438.     border: 0;
  439.   }
  440.  
  441.   .yt-uix-button-default, .yt-uix-button-primary, .yt-uix-button-dark, .yt-uix-button-subscribe-branded, .yt-uix-button-subscribe-unbranded, .yt-uix-button-subscribed-branded, .yt-uix-button-subscribed-unbranded, .yt-ui-menu-content
  442.   {
  443.     background: #090a0c;
  444.     transition: background .2s cubic-bezier(.56, .01, .73, .96);
  445.     box-shadow: none !important;
  446.     border: none !important;
  447.     border-radius: 0 !important;
  448.     opacity: 1 !important;
  449.     filter: none !important;
  450.   }
  451.  
  452.   .yt-uix-button-default[disabled], .yt-uix-button-default[disabled]:hover, .yt-uix-button-default[disabled]:active, .yt-uix-button-default[disabled]:focus
  453.   {
  454.     background: #121317;
  455.   }
  456.  
  457.   .yt-uix-button-dark, .yt-uix-button-dark[disabled], .yt-uix-button-dark[disabled]:hover, .yt-uix-button-dark[disabled]:active, .yt-uix-button-dark[disabled]:focus
  458.   {
  459.     background: #121317;
  460.   }
  461.  
  462.   .yt-uix-button-primary, .yt-uix-button-primary[disabled], .yt-uix-button-primary[disabled]:hover, .yt-uix-button-primary[disabled]:active, .yt-uix-button-primary[disabled]:focus
  463.   {
  464.     background: #cc181e;
  465.   }
  466.  
  467.   .yt-uix-button-subscribe-branded, .yt-uix-button-subscribe-branded[disabled], .yt-uix-button-subscribe-branded[disabled]:hover, .yt-uix-button-subscribe-branded[disabled]:active, .yt-uix-button-subscribe-branded[disabled]:focus, .yt-uix-button-subscribe-unbranded, .yt-uix-button-subscribe-unbranded[disabled], .yt-uix-button-subscribe-unbranded[disabled]:hover, .yt-uix-button-subscribe-unbranded[disabled]:active, .yt-uix-button-subscribe-unbranded[disabled]:focus
  468.   {
  469.     background: #800f13;
  470.   }
  471.  
  472.   .yt-uix-button-subscribed-branded, .yt-uix-button-subscribed-branded[disabled], .yt-uix-button-subscribed-branded[disabled]:hover, .yt-uix-button-subscribed-branded[disabled]:active, .yt-uix-button-subscribed-branded[disabled]:focus, .yt-uix-button-subscribed-unbranded, .yt-uix-button-subscribed-unbranded[disabled], .yt-uix-button-subscribed-unbranded[disabled]:hover, .yt-uix-button-subscribed-unbranded[disabled]:active, .yt-uix-button-subscribed-unbranded[disabled]:focus
  473.   {
  474.     background: #cc181e;
  475.   }
  476.  
  477.   .yt-uix-button-subscribe-unbranded, .yt-uix-button-subscribe-branded, .yt-uix-button-subscribed-unbranded, .yt-uix-button-subscribed-branded
  478.   {
  479.     height: 24px !important;
  480.   }
  481.  
  482.   .yt-uix-button-subscribe-unbranded> .yt-uix-button-content, .yt-uix-button-subscribe-branded> .yt-uix-button-content, .yt-uix-button-subscribed-unbranded> .yt-uix-button-content, .yt-uix-button-subscribed-branded> .yt-uix-button-content
  483.   {
  484.     line-height: 24px;
  485.   }
  486.  
  487.   .yt-uix-button-subscribe-unbranded:before, .yt-uix-button-subscribe-branded:before, .yt-uix-button-subscribed-unbranded:before, .yt-uix-button-subscribed-branded:before
  488.   {
  489.     line-height: 24px !important;
  490.     color: #fff !important;
  491.     height: 24px !important;
  492.   }
  493.  
  494.   .yt-uix-button-default:hover, .yt-uix-button-default:active, .yt-uix-button-primary:hover, .yt-uix-button-primary:active, .yt-uix-button-dark:hover, .yt-uix-button-dark:active, .yt-uix-button.yt-uix-button-toggled, .yt-uix-button.yt-uix-button-toggled:hover, .yt-uix-button.yt-uix-button-active, .yt-uix-button.yt-uix-button-active:focus, .yt-uix-button-text:active, .browse-list-item-container:hover .compact-shelf .yt-uix-button-shelf-slider-pager, .compact-shelf:hover .yt-uix-button-shelf-slider-pager, #comment-section-renderer .comment-section-renderer-paginator:hover
  495.   {
  496.     background: #121317;
  497.     border: none !important;
  498.     box-shadow: none !important;
  499.   }
  500.  
  501.   .yt-uix-button-dark:hover, .yt-uix-button-dark:active
  502.   {
  503.     background: #090a0c;
  504.   }
  505.  
  506.   .yt-uix-button-link:active, .yt-uix-button-link:hover
  507.   {
  508.     text-decoration: none;
  509.   }
  510.  
  511.   .yt-uix-button[disabled]:hover> .yt-uix-button-content, .yt-uix-button[disabled]:hover .yt-uix-button-icon:before
  512.   {
  513.     color: #aaa;
  514.   }
  515.  
  516.   .yt-uix-button-primary:hover, .yt-uix-button-primary:active
  517.   {
  518.     background: #800f13;
  519.     color: #fff;
  520.   }
  521.  
  522.   .yt-uix-button-subscribe-branded:hover, .yt-uix-button-subscribe-branded:active, .yt-uix-button-subscribe-unbranded:hover, .yt-uix-button-subscribe-unbranded:active
  523.   {
  524.     background: #cc181e;
  525.   }
  526.  
  527.   .yt-uix-button-subscribed-branded:hover, .yt-uix-button-subscribed-branded:active, .yt-uix-button-subscribed-unbranded:hover, .yt-uix-button-subscribed-unbranded:active
  528.   {
  529.     background: #800f13;
  530.   }
  531.  
  532.   .yt-uix-button-content, .yt-uix-button-content:before, .yt-uix-button-icon:before
  533.   {
  534.     transition: color .25s cubic-bezier(.25, .08, .44, 1);
  535.     color: #aaa;
  536.   }
  537.  
  538.   .yt-uix-button:hover> .yt-uix-button-content, .yt-uix-button:hover> .yt-uix-button-content:before, .yt-uix-button:hover .yt-uix-button-icon:before, .epic-nav-item-heading, .yt-uix-button-primary> .yt-uix-button-content, .yt-uix-button-subscribe-branded> .yt-uix-button-content, .yt-uix-button-subscribe-unbranded> .yt-uix-button-content, .yt-uix-button-subscribed-branded> .yt-uix-button-content, .yt-uix-button-subscribed-unbranded> .yt-uix-button-content
  539.   {
  540.     color: #fff;
  541.   }
  542.  
  543.   .yt-uix-button-arrow
  544.   {
  545.     transition: border-color .25s ease-in, transform .3s ease-in-out !important;
  546.     border-top-color: #aaa;
  547.   }
  548.  
  549.   .yt-uix-button-toggled> .yt-uix-button-arrow, .yt-uix-button-active> .yt-uix-button-arrow
  550.   {
  551.     border-top-color: #fff;
  552.     transform: rotate(180deg);
  553.   }
  554.  
  555.   .yt-uix-button-menu, .yt-uix-button-menu .yt-uix-button-menu-item
  556.   {
  557.     background: #090a0c;
  558.     color: #aaa;
  559.     transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  560.     border: none;
  561.   }
  562.  
  563.   .yt-uix-button-menu .sign-in-link
  564.   {
  565.     font-weight: 600;
  566.   }
  567.  
  568.   .yt-uix-button-menu .sign-in-link:hover
  569.   {
  570.     color: #ddd;
  571.   }
  572.  
  573.   .yt-ui-menu-item
  574.   {
  575.     background: transparent;
  576.     color: #aaa;
  577.     transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  578.   }
  579.  
  580.   .yt-ui-menu-item:hover, .yt-ui-menu-item:active, .yt-uix-button-menu .yt-uix-button-menu-item:hover, .yt-uix-button-menu .yt-uix-button-menu-item:active
  581.   {
  582.     background: #121317;
  583.     color: #fff;
  584.   }
  585.  
  586.   .yt-uix-button-action-menu, .yt-uix-button-lockup-action-menu, .yt-uix-button-action-menu::before, .yt-uix-button-lockup-action-menu::before
  587.   {
  588.     background: transparent !important;
  589.   }
  590.  
  591.   .yt-ui-menu-item:focus
  592.   {
  593.     background: #121317;
  594.   }
  595.  
  596.   #yt-uix-videoactionmenu-menu h3
  597.   {
  598.     color: #ddd;
  599.   }
  600.  
  601.   .add-to-widget .addto-playlist-item, .add-to-widget .create-playlist-item
  602.   {
  603.     color: #aaa;
  604.     transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  605.   }
  606.  
  607.   .add-to-widget .create-playlist-item:hover, .add-to-widget .addto-playlist-item:hover, .add-to-widget .create-playlist-item:hover, .add-to-widget .addto-playlist-item.yt-uix-kbd-nav-highlight
  608.   {
  609.     background: #121317;
  610.     color: #fff;
  611.   }
  612.  
  613.   .add-to-widget .playlists
  614.   {
  615.     border: none;
  616.   }
  617.  
  618.   #addto-list-panel .yt-uix-form-input-text, .addto-create-playlist-section .yt-uix-form-input-text, .create-playlist-widget-form .privacy-button
  619.   {
  620.     background: #121317;
  621.   }
  622.  
  623.   #addto-list-panel .yt-uix-form-input-text:hover, #addto-list-panel .yt-uix-form-input-text:focus, .addto-create-playlist-section .yt-uix-form-input-text:hover, .addto-create-playlist-section .yt-uix-form-input-text:focus, .create-playlist-widget-form .privacy-button:hover, .create-playlist-widget-privacy-menu .yt-ui-menu-item:hover
  624.   {
  625.     background: #191a1f;
  626.   }
  627.  
  628.   .add-to-widget .yt-uix-form-input-text.addto-search-box
  629.   {
  630.     padding-left: 30px;
  631.   }
  632.  
  633.   .add-to-widget .addto-search-playlist-section .search-icon
  634.   {
  635.     margin: 0 5px;
  636.   }
  637.  
  638.   .addto-playlist-item .yt-sprite
  639.   {
  640.     text-align: center;
  641.   }
  642.  
  643.   .yt-uix-inlineedit-loading-overlay
  644.   {
  645.     background: transparent !important;
  646.   }
  647.  
  648.   .yt-subscription-button-subscriber-count-branded-horizontal, .yt-subscription-button-subscriber-count-unbranded-horizontal
  649.   {
  650.     background: #090a0c;
  651.     height: 24px;
  652.     line-height: 24px;
  653.     border: none;
  654.   }
  655.  
  656.   .yt-subscription-button-subscriber-count-branded-horizontal, .yt-subscription-button-subscriber-count-unbranded-horizontal
  657.   {
  658.     color: #fff;
  659.     border-radius: 0;
  660.   }
  661.  
  662.   .yt-uix-form-input-text, .yt-uix-form-input-select, .yt-uix-form-input-text, .yt-uix-form-input-textarea
  663.   {
  664.     background: #090a0c;
  665.     color: #aaa;
  666.     transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  667.     border: none;
  668.   }
  669.  
  670.   .yt-uix-form-input-text:hover, .yt-uix-form-input-text:focus, .yt-uix-form-input-select:hover, .yt-uix-form-input-select:focus, .yt-uix-form-input-text:hover, .yt-uix-form-input-text:focus, .yt-uix-form-input-textarea:hover, .yt-uix-form-input-textarea:focus
  671.   {
  672.     background: #121317;
  673.     color: #fff;
  674.   }
  675.  
  676.   .yt-uix-form-input-select-element option
  677.   {
  678.     background: #121317;
  679.     color: #aaa;
  680.   }
  681.  
  682.   .yt-uix-form-input-radio-container input, .yt-uix-form-input-checkbox-container input
  683.   {
  684.     z-index: 1000;
  685.     opacity: 0 !important;
  686.   }
  687.  
  688.   .yt-uix-form-input-radio-element, .yt-uix-form-input-checkbox-element
  689.   {
  690.     position: relative;
  691.     width: 16px !important;
  692.     height: 16px !important;
  693.     display: inline-block;
  694.     margin-bottom: -4px;
  695.     cursor: pointer;
  696.     border: none !important;
  697.     background: #e74c3c;
  698.     transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  699.   }
  700.  
  701.   .yt-uix-form-input-radio-element::before, .yt-uix-form-input-checkbox-element::before
  702.   {
  703.     content: "";
  704.     position: absolute;
  705.     width: 3px;
  706.     height: 8px;
  707.     left: 6px;
  708.     top: 2px;
  709.     opacity: 0;
  710.     z-index: 1;
  711.     border-right: 2px solid #fff;
  712.     border-bottom: 2px solid #fff;
  713.     transform: rotate(45deg);
  714.     transition: .3s opacity;
  715.     backface-visibility: hidden;
  716.   }
  717.  
  718.   .yt-uix-form-input-radio-container input:checked+ .yt-uix-form-input-radio-element, .yt-uix-form-input-checkbox-container input:checked+ .yt-uix-form-input-checkbox-element
  719.   {
  720.     background: #27ae60;
  721.   }
  722.  
  723.   .yt-uix-form-input-radio-container input:checked+ .yt-uix-form-input-radio-element::before, .yt-uix-form-input-checkbox-container input:checked+ .yt-uix-form-input-checkbox-element::before
  724.   {
  725.     opacity: 1;
  726.   }
  727.  
  728.   .yt-uix-checkbox-on-off label, .yt-uix-checkbox-on-off .toggle
  729.   {
  730.     border-radius: 0;
  731.   }
  732.  
  733.   .yt-uix-checkbox-on-off label
  734.   {
  735.     background: #090a0c;
  736.     transition: background .2s cubic-bezier(.56, .01, .73, .96);
  737.   }
  738.  
  739.   .yt-uix-form-input-paper-toggle-container.checked .yt-uix-form-input-paper-toggle-bg, .yt-uix-checkbox-on-off input[type="checkbox"]:checked+ label
  740.   {
  741.     background: #800f13;
  742.   }
  743.  
  744.   .yt-default h1, .yt-default h2, .yt-default h3, .yt-default h4, .yt-default h5, .yt-default h6, h1.yt, h2.yt, h3.yt, h4.yt, h5.yt, h6.yt, .replace-enclosing-action-message, .yt-uix-form-legend, .yt-uix-form-label, .multirow-shelf .yt-uix-expander-head:hover
  745.   {
  746.     color: #ddd;
  747.   }
  748.  
  749.   .yt-default .yt-notes, p.yt-notes, .multirow-shelf .yt-uix-expander-head, .display-message, .yt-spinner-message
  750.   {
  751.     color: #aaa;
  752.   }
  753.  
  754.   .yt-default p, p.yt
  755.   {
  756.     color: #fff;
  757.   }
  758.  
  759.   .yt-uix-tooltip, .yt-uix-inlineedit-loading-overlay
  760.   {
  761.     opacity: 1 !important;
  762.   }
  763.  
  764.   .yt-alert
  765.   {
  766.     margin-bottom: 10px;
  767.   }
  768.  
  769.   .yt-ui-ellipsis, .yt-uix-expander-ellipsis
  770.   {
  771.     background: transparent;
  772.     color: #aaa;
  773.   }
  774.  
  775.   .yt-alert-actionable.yt-alert-warn, .yt-alert-default.yt-alert-warn, .yt-alert-naked.yt-alert-warn .yt-alert-icon, .yt-alert-small.yt-alert-warn
  776.   {
  777.     background: #ff8000;
  778.   }
  779.  
  780.   .yt-alert-warn .yt-alert-content, .yt-alert-warn .yt-alert-buttons .yt-uix-button-content, .yt-alert-default.yt-alert-warn .icon:before, .yt-alert-actionable.yt-alert-warn .icon:before
  781.   {
  782.     color: #fff;
  783.   }
  784.  
  785.   .yt-alert-default.yt-alert-warn .icon:before, .yt-alert-actionable.yt-alert-warn .icon:before
  786.   {
  787.     font-size: 20px;
  788.   }
  789.  
  790.   .tabs .tab-header.selected a, .tabs .tab-header a:hover, .tabs .tab-header:hover a, .tabs .tab-header a:focus
  791.   {
  792.     color: #fff;
  793.   }
  794.  
  795.   .tabs .tab-header a
  796.   {
  797.     color: #aaa;
  798.   }
  799.  
  800.   .yt-dialog-fg-content .yt-dialog-title, .yt-uix-overlay-fg-content .yt-dialog-title
  801.   {
  802.     color: #fff;
  803.   }
  804.  
  805.   .yt-dialog-fg-content, .yt-uix-overlay-fg-content, .overlay-confirmation-preferences-dialog .overlay-confirmation-delivery-method
  806.   {
  807.     color: #ddd;
  808.   }
  809.  
  810.   .yt-dialog-fg, .yt-uix-overlay-fg, .yt-dialog-working-bubble, .yt-uix-overlay-actions
  811.   {
  812.     background: #191a1f !important;
  813.   }
  814.  
  815.   .yt-dialog-bg, .yt-dialog-working-overlay
  816.   {
  817.     background: rgba(0, 0, 0, 0.8) !important;
  818.   }
  819.  
  820.   .yt-dialog-working-bubble
  821.   {
  822.     border-radius: 0;
  823.   }
  824.  
  825.   .yt-dialog-fg, .yt-uix-overlay-fg, .yt-dialog-working-overlay, .yt-dialog-working-bubble
  826.   {
  827.     border: none !important;
  828.   }
  829.  
  830.   .yt-close:hover .yt-close-img:before, .yt-close-img:hover:before, .box-close-link:hover img:before, .yt-uix-clickcard-close:hover:before, .yt-uix-clickcard-close:focus:before, .close-small:hover:before, .close-small:focus:before, .yt-picker-header .yt-notes, .yt-picker-content strong
  831.   {
  832.     color: #fff;
  833.   }
  834.  
  835.   .yt-video-picker-grid .item-caption.upload-time, .yt-video-picker-grid .item-caption.view-count
  836.   {
  837.     color: #aaa;
  838.   }
  839.  
  840.   .yt-video-picker-grid .video-picker-item:hover, .yt-video-picker-grid .selected-video-picker-item, .yt-video-picker-grid .selected-video-picker-item:hover, .yt-video-picker-url-container input.yt-uix-form-input-text:focus
  841.   {
  842.     background: #090a0c !important;
  843.   }
  844.  
  845.   .yt-video-picker-grid .video-picker-item
  846.   {
  847.     transition: all .25s ease-in-out;
  848.   }
  849.  
  850.   .yt-picker-header, .yt-picker-hr, #safety-form p.safety-submit, .yt-video-picker-scroll-container
  851.   {
  852.     border: none;
  853.   }
  854.  
  855.   .yt-picker-header .yt-close
  856.   {
  857.     cursor: pointer;
  858.   }
  859.  
  860.   .yt-picker-header
  861.   {
  862.     text-align: left;
  863.   }
  864.  
  865.   .yt-picker-header h3.yt
  866.   {
  867.     font-size: 21px;
  868.   }
  869.  
  870.   .yt-close-img, .box-close-link img, .yt-uix-clickcard-close, .close-small
  871.   {
  872.     background: transparent;
  873.     opacity: 1;
  874.   }
  875.  
  876.   .yt-close-img:before, .box-close-link img:before, .yt-uix-clickcard-close:before, .close-small:before
  877.   {
  878.     color: #aaa;
  879.     transition: color .25s cubic-bezier(.25, .08, .44, 1);
  880.   }
  881.  
  882.   .yt-uix-card-border-arrow-vertical, .yt-uix-card-body-arrow-vertical
  883.   {
  884.     border-top-color: #090a0c;
  885.   }
  886.  
  887.   .yt-uix-clickcard-card-flip .yt-uix-card-body-arrow-horizontal, .yt-uix-hovercard-card-flip .yt-uix-card-body-arrow-horizontal, .yt-uix-clickcard-card-flip .yt-uix-card-border-arrow-horizontal, .yt-uix-hovercard-card-flip .yt-uix-card-border-arrow-horizontal
  888.   {
  889.     border-right-color: #090a0c;
  890.   }
  891.  
  892.   .yt-uix-card-border-arrow-horizontal, .yt-uix-card-body-arrow-horizontal
  893.   {
  894.     border-left-color: #090a0c;
  895.   }
  896.  
  897.   .sb-card-arrow, .sb-card-body-arrow
  898.   {
  899.     border-bottom-color: #090a0c;
  900.   }
  901.  
  902.   .yt-uix-clickcard-card-body, .yt-uix-hovercard-card-body
  903.   {
  904.     color: #ddd;
  905.   }
  906.  
  907.   .yt-uix-form-input-select
  908.   {
  909.     font-weight: normal;
  910.     text-shadow: none;
  911.   }
  912.  
  913.   optgroup
  914.   {
  915.     background: #090a0c;
  916.     color: #fff;
  917.   }
  918.  
  919.   option
  920.   {
  921.     background: #121317;
  922.     color: #aaa;
  923.   }
  924.  
  925.   #yt-masthead-container, #masthead-appbar
  926.   {
  927.     background: #191a1f;
  928.     border: none;
  929.   }
  930.  
  931.   #yt-masthead-container
  932.   {
  933.     padding: 12px 0 12px 0;
  934.   }
  935.  
  936.   #progress
  937.   {
  938.     background-color: #cc181e;
  939.     border-bottom: 4px solid #cc181e;
  940.   }
  941.  
  942.   #yt-masthead .yt-masthead-logo-container
  943.   {
  944.     margin-left: 20px;
  945.   }
  946.  
  947.   #appbar-guide-button
  948.   {
  949.     width: 38px;
  950.     float: left;
  951.   }
  952.  
  953.   #yt-masthead-logo-fragment
  954.   {
  955.     float: left;
  956.   }
  957.  
  958.   #yt-masthead #logo-container .logo
  959.   {
  960.     margin-left: 6px !important;
  961.     width: 47px !important;
  962.     height: 30px !important;
  963.   }
  964.  
  965.   #yt-masthead #logo-container.doodle
  966.   {
  967.     background: #fff;
  968.     border-radius: 5px;
  969.     padding: 1px 5px 1px 0;
  970.   }
  971.  
  972.   #yt-masthead #logo-container .logo:not(.dooble)::before, .exp-responsive #yt-masthead #logo-container:not(.doodle)::before
  973.   {
  974.     color: #cc181e;
  975.     font-size: 42px;
  976.     height: 30px;
  977.     line-height: 30px;
  978.     z-index: 9999;
  979.   }
  980.  
  981.   .exp-responsive #yt-masthead #logo-container::before
  982.   {
  983.     display: none;
  984.   }
  985.  
  986.   #yt-masthead #logo-container span.content-region
  987.   {
  988.     color: #fff;
  989.     font-family: Roboto;
  990.     position: absolute;
  991.     right: 0;
  992.     top: 0;
  993.     transform: translateX(100%);
  994.   }
  995.     @media only screen and (min-width:0px) and (max-width:498px), only screen and (min-width:499px) and (max-width:704px)
  996.   {
  997.     .exp-responsive #yt-masthead #logo-container {
  998.             background: transparent;
  999.   }
  1000.  
  1001.   .exp-responsive #yt-masthead #logo-container::before
  1002.   {
  1003.     display: block;
  1004.   }
  1005. }
  1006.  
  1007. #masthead-search
  1008. {
  1009.   background: #090a0c;
  1010.   margin: auto;
  1011.   height: 34px;
  1012.   padding: 4px 0;
  1013. }
  1014.  
  1015. #masthead-search-terms
  1016. {
  1017.   background: transparent;
  1018.   font-size: 18px;
  1019.   height: 34px;
  1020. }
  1021.  
  1022. #masthead-search-terms input
  1023. {
  1024.   color: #aaa;
  1025.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  1026.   opacity: 1;
  1027.   padding-left: 14px;
  1028. }
  1029.  
  1030. #masthead-search-terms input::-moz-placeholder
  1031. {
  1032.   color: #aaa;
  1033.   opacity: 1;
  1034. }
  1035.  
  1036. #masthead-search-terms input:focus, #masthead-search-terms input:active
  1037. {
  1038.   color: #fff;
  1039. }
  1040.  
  1041. #masthead-search-terms input:focus::-moz-placeholder, #masthead-search-terms input:active::-moz-placeholder
  1042. {
  1043.   color: #fff;
  1044. }
  1045.  
  1046. .masthead-search-terms-border
  1047. {
  1048.   border: none;
  1049.   box-shadow: none;
  1050. }
  1051.  
  1052. #masthead-search .search-btn-component
  1053. {
  1054.   float: left;
  1055.   height: 34px;
  1056.   border: none;
  1057.   background: transparent;
  1058. }
  1059.  
  1060. #masthead-search .search-btn-component .yt-uix-button-content
  1061. {
  1062.   background: transparent;
  1063.   color: transparent;
  1064.   text-indent: 0;
  1065.   opacity: 1;
  1066. }
  1067.  
  1068. .gssb_k
  1069. {
  1070.   opacity: 0 !important;
  1071. }
  1072.  
  1073. .gssb_c
  1074. {
  1075.   transform: translate(1px, 6px);
  1076. }
  1077.  
  1078. .gssb_e
  1079. {
  1080.   border-color: transparent;
  1081. }
  1082.  
  1083. .gssb_m
  1084. {
  1085.   background: #090a0c;
  1086.   color: #aaa;
  1087.   cursor: pointer;
  1088. }
  1089.  
  1090. .gsq_a
  1091. {
  1092.   padding: 5px 6px;
  1093. }
  1094.  
  1095. .gssb_e *
  1096. {
  1097.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  1098. }
  1099.  
  1100. .gssb_i, .gssb_i td
  1101. {
  1102.   background: #121317;
  1103.   color: #fff;
  1104. }
  1105.  
  1106. #yt-masthead-user, #yt-masthead-signin
  1107. {
  1108.   margin-right: 22px;
  1109. }
  1110.  
  1111. #yt-masthead-user #sb-button-notify
  1112. {
  1113.   margin-right: 18px;
  1114. }
  1115.  
  1116. #yt-masthead-user .yt-uix-button-icon-bell
  1117. {
  1118.   background: transparent;
  1119.   opacity: 1;
  1120. }
  1121.  
  1122. #yt-masthead-user .yt-uix-button-icon-material-upload::before, #yt-masthead .yt-uix-button-icon-material-upload::before
  1123. {
  1124.   font-size: 22px;
  1125. }
  1126.  
  1127. #yt-masthead-user .yt-uix-button-icon-bell::before
  1128. {
  1129.   font-size: 22px;
  1130.   position: absolute;
  1131.   top: 5px;
  1132.   left: 0;
  1133. }
  1134.  
  1135. #yt-masthead-user .sb-notif-on .yt-uix-button-content
  1136. {
  1137.   border-radius: 50%;
  1138.   border: none;
  1139. }
  1140.  
  1141. .appbar-guide-notification
  1142. {
  1143.   background: #cc181e;
  1144. }
  1145.  
  1146. .yt-uix-clickcard-card-border, .yt-uix-hovercard-card-border, .yt-masthead-account-picker-option, .yt-masthead-picker-footer
  1147. {
  1148.   background: #090a0c;
  1149.   transition: background .2s cubic-bezier(.56, .01, .73, .96);
  1150.   border: none;
  1151. }
  1152.  
  1153. .yt-uix-clickcard-card.yt-masthead-multilogin .yt-masthead-picker-header, .yt-uix-clickcard-card.yt-masthead-multilogin .yt-masthead-multilogin-users-header
  1154. {
  1155.   background: #090a0c;
  1156. }
  1157.  
  1158. .yt-uix-clickcard-card-reverse .yt-uix-card-border-arrow-vertical, .yt-uix-hovercard-card-reverse .yt-uix-card-border-arrow-vertical, .yt-uix-clickcard-card-reverse .yt-uix-card-body-arrow-vertical, .yt-uix-hovercard-card-reverse .yt-uix-card-body-arrow-vertical, .yt-uix-clickcard-card.yt-masthead-multilogin .yt-uix-card-body-arrow
  1159. {
  1160.   border-bottom-color: #090a0c;
  1161. }
  1162.  
  1163. .yt-masthead-account-picker.yt-uix-clickcard-card-content, .yt-masthead-picker-name, .yt-masthead-account-picker-option .yt-masthead-picker-name
  1164. {
  1165.   color: #ddd;
  1166. }
  1167.  
  1168. .yt-masthead-account-picker-option:hover, .yt-masthead-picker-button
  1169. {
  1170.   background: #121317;
  1171. }
  1172.  
  1173. .yt-masthead-picker-button:hover, .yt-masthead-picker-button:active
  1174. {
  1175.   background: #191a1f;
  1176. }
  1177.  
  1178. .yt-thumb
  1179. {
  1180.   background: transparent;
  1181. }
  1182.  
  1183. .yt-uix-button-icon-icon-account-settings::before
  1184. {
  1185.   width: 17px;
  1186.   height: 17px;
  1187. }
  1188.  
  1189. .yt-uix-button-icon-icon-account-settings, #watch7-subscription-container .channel-settings-link:before
  1190. {
  1191.   line-height: 20px !important;
  1192.   text-align: center;
  1193.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96), transform 250ms ease-in-out;
  1194. }
  1195.  
  1196. .yt-uix-button:hover .yt-uix-button-icon-icon-account-settings, #watch7-subscription-container:hover .channel-settings-link::before
  1197. {
  1198.   transform: rotate(45deg);
  1199. }
  1200.  
  1201. #yt-masthead-notifications-title, .background-promo-renderer-title, .yt-lockup-notification .yt-lockup-title a
  1202. {
  1203.   color: #fff;
  1204. }
  1205.  
  1206. .yt-lockup-mini .yt-lockup-title
  1207. {
  1208.   color: #aaa !important;
  1209. }
  1210.  
  1211. .background-promo-renderer-body-text
  1212. {
  1213.   color: #ddd;
  1214. }
  1215.  
  1216. #yt-masthead-notifications-content .item-section> li> .yt-lockup-tile:hover, #yt-masthead-notifications-content .yt-lockup-tile:hover .yt-ui-ellipsis
  1217. {
  1218.   background: #090a0c;
  1219. }
  1220.  
  1221. #yt-masthead-notifications-content
  1222. {
  1223.   background: #121317;
  1224. }
  1225.  
  1226. #yt-masthead-notifications-content .item-section> li> .yt-lockup-tile, #yt-masthead-notifications-content .yt-ui-ellipsis
  1227. {
  1228.   background: #191a1f;
  1229. }
  1230.  
  1231. #yt-masthead-notifications-content .item-section> li> .yt-lockup-tile
  1232. {
  1233.   border: none;
  1234. }
  1235.  
  1236. #yt-masthead-notifications-content .item-section> li> .yt-lockup-tile, #yt-masthead-notifications-content .yt-ui-ellipsis
  1237. {
  1238.   transition: background .2s cubic-bezier(.56, .01, .73, .96);
  1239. }
  1240.  
  1241. #yt-masthead-notifications-settings
  1242. {
  1243.   opacity: 1 !important;
  1244. }
  1245.  
  1246. .background-promo-renderer-thumbnail
  1247. {
  1248.   filter: invert(100%) brightness(10);
  1249. }
  1250.  
  1251. #yt-masthead-notifications-content .item-section> li> .yt-lockup-tile
  1252. {
  1253.   margin: 10px;
  1254. }
  1255.  
  1256. .appbar-nav-menu li
  1257. {
  1258.   margin-left: 30px;
  1259. }
  1260.  
  1261. #appbar-nav .yt-uix-button.yt-uix-button-epic-nav-item, #appbar-nav .epic-nav-item-heading
  1262. {
  1263.   padding: 0 20px;
  1264.   text-transform: uppercase;
  1265.   transition: border-width .1s ease-in-out;
  1266. }
  1267.  
  1268. #appbar-nav .yt-uix-button.yt-uix-button-epic-nav-item:hover, #appbar-nav .epic-nav-item-heading
  1269. {
  1270.   border-width: 4px;
  1271. }
  1272.  
  1273. #appbar-nav .appbar-nav-avatar
  1274. {
  1275.   border-radius: 50%;
  1276. }
  1277.  
  1278. #appbar-guide-menu, .guide-flyout
  1279. {
  1280.   background: #191a1f;
  1281.   transition: all .2s cubic-bezier(.79, .14, .15, .86);
  1282.   margin-top: 63px;
  1283. }
  1284.  
  1285. .page-loaded .yt-base-gutter, .page-loaded #page, .page-loaded #appbar-content, .flex-width-enabled.flex-width-enabled-snap .content-alignment, .content-snap-width-1 .flex-width-enabled.flex-width-enabled-snap .content-alignment
  1286. {
  1287.   transition: padding .2s cubic-bezier(.79, .14, .15, .86), width .35s cubic-bezier(.79, .14, .15, .86);
  1288. }
  1289.  
  1290. .guide-pinned .guide-pinning-enabled #appbar-guide-menu, .guide-section-separator
  1291. {
  1292.   border: none;
  1293. }
  1294.  
  1295. .guide-item.guide-item-selected, .guide-item.guide-item-selected:hover, .guide-item.guide-item-selected .yt-deemphasized-text, .guide-item.guide-item-selected:hover .yt-deemphasized-text
  1296. {
  1297.   background: #cc181e;
  1298. }
  1299.  
  1300. .hover-action-menu-trigger .yt-uix-button-hover-action-menu.yt-uix-button-active, .hover-action-menu-trigger:hover .yt-uix-button-hover-action-menu
  1301. {
  1302.   background: transparent !important;
  1303. }
  1304.  
  1305. .guide-header p
  1306. {
  1307.   color: #fff;
  1308. }
  1309.  
  1310. .guide-item-subtitle
  1311. {
  1312.   color: #aaa;
  1313. }
  1314.  
  1315. li.guide-section h3 a
  1316. {
  1317.   color: #cc181e;
  1318. }
  1319.  
  1320. .yt-uix-button-hover-action-menu
  1321. {
  1322.   opacity: 1 !important;
  1323. }
  1324.  
  1325. .guide-item, .guide-view-more
  1326. {
  1327.   padding-top: 5px;
  1328.   padding-bottom: 5px;
  1329.   color: #aaa;
  1330.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96) !important;
  1331. }
  1332.  
  1333. .guide-item .guide-count
  1334. {
  1335.   height: calc(100% - 10px);
  1336. }
  1337.  
  1338. .guide-flyout-trigger.on-hover, .guide-item:hover, .guide-item:hover .yt-deemphasized-text, .guide-collapsible-item .yt-uix-expander-head:hover
  1339. {
  1340.   background: #090a0c;
  1341.   color: #fff;
  1342. }
  1343.  
  1344. .guide-item .yt-thumb
  1345. {
  1346.   border-radius: 50%;
  1347. }
  1348.  
  1349. body #footer-container
  1350. {
  1351.   background: #191a1f;
  1352.   border: none;
  1353. }
  1354.  
  1355. #footer-main
  1356. {
  1357.   border: none;
  1358. }
  1359.  
  1360. #footer-main, #footer-links
  1361. {
  1362.   text-align: center;
  1363. }
  1364.  
  1365. #footer-logo .footer-logo-icon
  1366. {
  1367.   line-height: 30px;
  1368.   height: 30px;
  1369. }
  1370.  
  1371. #footer-logo .footer-logo-icon::before
  1372. {
  1373.   color: #cc181e;
  1374.   font-size: 34px;
  1375. }
  1376.  
  1377. #footer-links-primary a, #footer-links-secondary a, #footer-links-secondary .vat-notice, #footer-links-secondary .copyright
  1378. {
  1379.   color: #ddd;
  1380. }
  1381.  
  1382. #footer-links-secondary a, #footer-links-secondary .copyright
  1383. {
  1384.   color: #aaa;
  1385. }
  1386.  
  1387. #footer-links-primary a:hover, #footer-links-secondary a:hover
  1388. {
  1389.   color: #fff;
  1390. }
  1391.  
  1392. #yt-picker-country-footer, #yt-picker-language-footer, #yt-picker-safetymode-footer
  1393. {
  1394.   background: #090a0c;
  1395.   color: #aaa;
  1396. }
  1397.  
  1398. #safety-mode-description ul
  1399. {
  1400.   list-style: square;
  1401. }
  1402.  
  1403. #yt-picker-safetymode-footer> .yt-picker-content button
  1404. {
  1405.   background: #121317;
  1406. }
  1407.  
  1408. #yt-picker-safetymode-footer> .yt-picker-content button:hover
  1409. {
  1410.   background: #191a1f;
  1411. }
  1412.  
  1413. .appbar-hidden #masthead-positioner-height-offset
  1414. {
  1415.   height: 66px;
  1416. }
  1417.  
  1418. #masthead-positioner-height-offset
  1419. {
  1420.   height: 106px;
  1421. }
  1422.  
  1423. #page:not(.watch-stage-mode), .channel-header
  1424. {
  1425.   margin-top: 22px;
  1426. }
  1427.  
  1428. .content-snap-width-3 .flex-width-enabled.flex-width-enabled-snap .content-alignment, .content-snap-width-3 .flex-width-enabled-snap .not-fixed-width-tab-widescreen #c4-header-bg-container
  1429. {
  1430.   transition: all .25s ease-in-out;
  1431. }
  1432.  
  1433. @media screen and (min-width: 1800px)
  1434. {
  1435.   .content-snap-width-3 .flex-width-enabled.flex-width-enabled-snap .content-alignment
  1436.   {
  1437.     min-width: 1464px;
  1438.   }
  1439.  
  1440.   .content-snap-width-3 .flex-width-enabled-snap .not-fixed-width-tab-widescreen #c4-header-bg-container
  1441.   {
  1442.     height: 242px;
  1443.   }
  1444. }
  1445.  
  1446. @media screen and (min-width: 2100px)
  1447. {
  1448.   .content-snap-width-3 .flex-width-enabled.flex-width-enabled-snap .content-alignment
  1449.   {
  1450.     min-width: 1668px;
  1451.   }
  1452.  
  1453.   .content-snap-width-3 .flex-width-enabled-snap .not-fixed-width-tab-widescreen #c4-header-bg-container
  1454.   {
  1455.     height: 276px;
  1456.   }
  1457. }
  1458.  
  1459. @media screen and (min-width: 2300px)
  1460. {
  1461.   .content-snap-width-3 .flex-width-enabled.flex-width-enabled-snap .content-alignment
  1462.   {
  1463.     min-width: 1872px;
  1464.   }
  1465.  
  1466.   .content-snap-width-3 .flex-width-enabled-snap .not-fixed-width-tab-widescreen #c4-header-bg-container
  1467.   {
  1468.     height: 310px;
  1469.   }
  1470. }
  1471.  
  1472. @media screen and (min-width: 2500px)
  1473. {
  1474.   .content-snap-width-3 .flex-width-enabled.flex-width-enabled-snap .content-alignment
  1475.   {
  1476.     min-width: 2080px;
  1477.   }
  1478.  
  1479.   .content-snap-width-3 .flex-width-enabled-snap .not-fixed-width-tab-widescreen #c4-header-bg-container
  1480.   {
  1481.     height: 344px;
  1482.   }
  1483. }
  1484.  
  1485. .yt-card
  1486. {
  1487.   background: #191a1f;
  1488. }
  1489.  
  1490. .yt-card .yt-card-title
  1491. {
  1492.   color: #fff;
  1493. }
  1494.  
  1495. .yt-card .yt-uix-button-expander, .yt-card .yt-uix-tabs
  1496. {
  1497.   border: none;
  1498. }
  1499.  
  1500. .yt-card .yt-uix-tabs .yt-uix-button
  1501. {
  1502.   opacity: 1 !important;
  1503.   filter: none !important;
  1504. }
  1505.  
  1506. .yt-card .yt-uix-tabs .yt-uix-button, .yt-uix-button-epic-nav-item, .epic-nav-item-heading, .yt-uix-tabs-tab
  1507. {
  1508.   position: relative;
  1509. }
  1510.  
  1511. .yt-uix-button-epic-nav-item, .epic-nav-item-heading, .yt-uix-tabs-tab, .epic-nav-item
  1512. {
  1513.   border: none !important;
  1514. }
  1515.  
  1516. #channel-navigation-menu .epic-nav-item-heading, #channel-navigation-menu .yt-uix-button-epic-nav-item, .yt-uix-tabs-tab, button.yt-uix-button-epic-nav-item
  1517. {
  1518.   padding-bottom: 0;
  1519. }
  1520.  
  1521. .yt-card .yt-uix-tabs .yt-uix-button::before, .yt-uix-button-epic-nav-item::before, .epic-nav-item-heading::before, .yt-uix-tabs-tab::before, .epic-nav-item:not(.search-form):not(.show-search)::before
  1522. {
  1523.   content: '';
  1524.   position: absolute;
  1525.   bottom: 0;
  1526.   left: 50%;
  1527.   right: 50%;
  1528.   width: 0%;
  1529.   height: 3px;
  1530.   background: #cc181e;
  1531.   transition: all .15s cubic-bezier(.79, .14, .15, .86);
  1532. }
  1533.  
  1534. .yt-card .yt-uix-tabs .yt-uix-button:hover::before, .yt-card .yt-uix-tabs .yt-uix-button:active::before, .yt-card .yt-uix-tabs .yt-uix-button.yt-uix-button-active::before, .yt-card .yt-uix-tabs .yt-uix-button.yt-uix-button-toggled::before, .epic-nav-item-heading::before, .yt-uix-button-epic-nav-item:hover::before, .yt-uix-button-epic-nav-item.selected::before, .yt-uix-button-epic-nav-item.yt-uix-button-toggled::before, .yt-uix-tabs-tab:hover::before, .yt-uix-tabs-tab.selected::before, .watch-card .yt-uix-tabs-selected::before, .epic-nav-item.selected::before, .epic-nav-item:hover::before
  1535. {
  1536.   left: 0 !important;
  1537.   right: 0 !important;
  1538.   width: 100% !important;
  1539. }
  1540.  
  1541. .epic-nav-item, .watch-card .yt-uix-tabs-tab
  1542. {
  1543.   color: #aaa;
  1544. }
  1545.  
  1546. .epic-nav-item.selected, .epic-nav-item:hover, .watch-card .yt-uix-tabs-selected, .watch-card .yt-uix-tabs-tab:hover
  1547. {
  1548.   color: #fff;
  1549. }
  1550.  
  1551. .branded-page-module-title a.branded-page-module-title-link:hover, .yt-channel-title-icon-verified:hover::before, .yt-alert-panel a:hover, .yt-consent-banner .yt-consent-content, .ytp-ce-website-title:hover
  1552. {
  1553.   color: #fff;
  1554. }
  1555.  
  1556. .branded-page-module-title a:visited, .branded-page-module-title a, .comment-history-entry-renderer-summary, .comment-history-entry-renderer-summary a, .yt-alert-panel, .yt-alert-panel a, .ytp-ce-website-title
  1557. {
  1558.   color: #ddd;
  1559. }
  1560.  
  1561. .comment-history-entry-renderer-content, .comment-history-entry-renderer-timestamp, .shelf-description, .shelf-annotation, .ytp-ce-website-metadata
  1562. {
  1563.   color: #aaa;
  1564. }
  1565.  
  1566. .branded-page-module-title a:visited, .branded-page-module-title a, .yt-channel-title-icon-verified::before, .ytp-ce-website-title
  1567. {
  1568.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  1569. }
  1570.  
  1571. .yt-alert-panel
  1572. {
  1573.   background: #191a1f;
  1574. }
  1575.  
  1576. .compact-shelf .yt-uix-button-shelf-slider-pager, .yt-uix-button.addto-watch-later-button-success, .yt-consent-banner
  1577. {
  1578.   background: #090a0c;
  1579. }
  1580.  
  1581. .yt-alert-default.yt-alert-info, .yt-alert-actionable.yt-alert-info, .yt-alert-naked.yt-alert-info .yt-alert-icon, .yt-alert-small.yt-alert-info
  1582. {
  1583.   background: #cc181e !important;
  1584. }
  1585.  
  1586. .compact-shelf .yt-uix-button-shelf-slider-pager, .compact-shelf .yt-uix-button-shelf-slider-pager .yt-sprite::before
  1587. {
  1588.   transition: all .25s ease-in-out;
  1589. }
  1590.  
  1591. .browse-list-item-container .branded-page-module-title .video-thumb
  1592. {
  1593.   border-radius: 50%;
  1594. }
  1595.  
  1596. .comment-history-entry-renderer
  1597. {
  1598.   border-color: #090a0c;
  1599. }
  1600.  
  1601. #history-search .history-search-field
  1602. {
  1603.   border: 1px solid #090a0c !important;
  1604. }
  1605.  
  1606. #browse-items-primary .item-section> li> .yt-lockup-tile, .branded-page-v2-primary-col .branded-page-box, .section-list li .item-section .branded-page-box, .feed-header, .branded-page-v2-subnav-container, .yt-consent-banner, .yt-lockup-notifications-container
  1607. {
  1608.   border: none;
  1609. }
  1610.  
  1611. .exp-responsive .shelf-item .branded-page-module-title
  1612. {
  1613.   padding-bottom: 10px;
  1614. }
  1615.  
  1616. .yt-uix-button-icon-view-module, .yt-uix-button-icon-view-list
  1617. {
  1618.   width: 24px !important;
  1619.   height: 24px !important;
  1620.   line-height: 24px !important;
  1621.   text-align: center !important;
  1622. }
  1623.  
  1624. .subscription-manager-title, #subscription-manager-container .subscription-title:hover, .subscription-title-link:hover .all-subscriptions, .subscriptions-filter .filter-button:hover::before, .guide-builder-search .search-button:hover::before, .category-header .category-title, .category-title-wrap:hover .category-title-link .category-title, .qualified-channel-title-text a:hover, .yt-gb-shelf-paddle:hover::before
  1625. {
  1626.   color: #fff;
  1627. }
  1628.  
  1629. .subscription-title-link .all-subscriptions, .qualified-channel-title-text a, .yt-gb-preview-videos-title
  1630. {
  1631.   color: #ddd;
  1632. }
  1633.  
  1634. #subscription-manager-container .subscription-title, .subscriptions-filter .filter-field-container, .subscription-header, .subscription-header .subscription-count-title, .subscription-header .all-subscriptions, .yt-gb-shelf-hero-content .description, .category-header .channel-count, .category-title-wrap:hover .category-count-link .channel-count
  1635. {
  1636.   color: #aaa;
  1637. }
  1638.  
  1639. .subscriptions-filter .filter-field-container, .subscriptions-filter .yt-uix-form-input-fluid .yt-uix-form-input-text:hover, .subscriptions-filter .yt-uix-form-input-fluid .yt-uix-form-input-text:focus, .yt-gb-shelf-paddle
  1640. {
  1641.   background: #090a0c !important;
  1642. }
  1643.  
  1644. .subscription-header .breadcrumb-chevron
  1645. {
  1646.   background: transparent;
  1647. }
  1648.  
  1649. .subscription-table-header, .subscriptions-filter .filter-field-container, .yt-gb-shelf-main-content, .yt-gb-shelf-paddle
  1650. {
  1651.   border: none;
  1652. }
  1653.  
  1654. .yt-gb-shelf
  1655. {
  1656.   border-bottom: 2px solid #090a0c;
  1657. }
  1658.  
  1659. .subscription-thumb-wrap img
  1660. {
  1661.   border-radius: 50%;
  1662. }
  1663.  
  1664. .subscription-title-link .all-subscriptions
  1665. {
  1666.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  1667. }
  1668.  
  1669. .yt-gb-shelf-main-content, .yt-gb-shelf-paddle
  1670. {
  1671.   box-shadow: none !important;
  1672. }
  1673.  
  1674. .yt-gb-shelf
  1675. {
  1676.   padding-bottom: 12px;
  1677. }
  1678.  
  1679. .yt-gb-shelf-item-thumbtab
  1680. {
  1681.   opacity: 0.6;
  1682. }
  1683.  
  1684. .yt-gb-shelf-paddle
  1685. {
  1686.   opacity: 1 !important;
  1687.   width: 16px;
  1688.   transition: all .25s ease-in-out;
  1689. }
  1690.  
  1691. .yt-gb-shelf:hover .yt-gb-shelf-paddle
  1692. {
  1693.   width: 42px;
  1694. }
  1695.  
  1696. .channels-search input
  1697. {
  1698.   height: 20px;
  1699. }
  1700.  
  1701. .subscriptions-filter .filter-field-container
  1702. {
  1703.   height: 31px;
  1704. }
  1705.  
  1706. .subscriptions-filter .filter-button .yt-uix-button-content, .guide-builder-search .search-button .yt-uix-button-content
  1707. {
  1708.   display: none;
  1709. }
  1710.  
  1711. .subscriptions-filter .filter-button::before, .guide-builder-search .search-button::before, .yt-gb-shelf-paddle::before
  1712. {
  1713.   font: normal normal normal 15px FontAwesome;
  1714.   color: #aaa;
  1715.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  1716. }
  1717.  
  1718. .yt-gb-shelf-paddle.yt-gb-shelf-right-paddle::before
  1719. {
  1720.   content: "\f105";
  1721. }
  1722.  
  1723. .yt-gb-shelf-paddle.yt-gb-shelf-left-paddle::before
  1724. {
  1725.   content: "\f104";
  1726. }
  1727.  
  1728. .subscriptions-filter .filter-button::before, .guide-builder-search .search-button::before
  1729. {
  1730.   content: "\f002";
  1731.   opacity: 1 !important;
  1732. }
  1733.  
  1734. .subscriptions-filter .filter-button, .guide-builder-search .search-button
  1735. {
  1736.   width: 42px !important;
  1737.   height: 31px !important;
  1738.   line-height: 31px !important;
  1739.   text-align: center !important;
  1740. }
  1741.  
  1742. .yt-uix-button-icon-opml-export
  1743. {
  1744.   width: 20px !important;
  1745.   height: 20px !important;
  1746.   line-height: 20px !important;
  1747.   text-align: center !important;
  1748. }
  1749.  
  1750. #upload-button-text, .upload-footer-header, .upload-sidebar-header, .upload-help-link-list .help-item:hover, .upload-item-sidebar-text h3, .yt-alert-naked.yt-alert-info .icon:before, .yt-alert-small.yt-alert-info .icon:before, .progress-bar-text, .progress-bar-text-done, .progress-bar-text-upload-queued, .upload-header-status-text, .yt-alert-naked .yt-alert-content a:hover
  1751. {
  1752.   color: #fff;
  1753. }
  1754.  
  1755. #loading-message, .upload-informational-footer, #upload-hub-privacy-settings, #upload-drag-drop-description, .upload-other-options-list .upload-option-text, .upload-item-sidebar-text, .yt-alert-naked .yt-alert-content, .upload-time-remaining, .upload-failure, .item-title
  1756. {
  1757.   color: #ddd;
  1758. }
  1759.  
  1760. .upload-help-link-list .help-item, .save-error-message, .yt-alert-naked .yt-alert-content a
  1761. {
  1762.   color: #aaa;
  1763. }
  1764.  
  1765. .expand-button-text:hover
  1766. {
  1767.   background: #121317;
  1768. }
  1769.  
  1770. .upload-thumb, .progress-bar-background, .expand-button-text
  1771. {
  1772.   background: #090a0c;
  1773. }
  1774.  
  1775. .yt-alert-default.yt-alert-info, .yt-alert-actionable.yt-alert-info, .yt-alert-naked.yt-alert-info .yt-alert-icon, .yt-alert-small.yt-alert-info
  1776. {
  1777.   background: transparent;
  1778. }
  1779.  
  1780. .progress-bar-uploading .progress-bar-progress, .progress-bar-processing .progress-bar-progress
  1781. {
  1782.   background-color: #cc181e;
  1783.   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  1784.   background-size: 40px 40px;
  1785.   animation: progress 2s linear infinite;
  1786.   transition: width .5s ease;
  1787. }
  1788.  
  1789. .progress-bar-processing .progress-bar-progress
  1790. {
  1791.   background-color: #800f13;
  1792. }
  1793.  
  1794. .expand-button-text
  1795. {
  1796.   border-radius: 0;
  1797. }
  1798.  
  1799. .upload-item, .upload-thumb, .progress-bar-background, .progress-bar-uploading .progress-bar-progress, .upload-header, .yt-horizontal-rule
  1800. {
  1801.   border: none;
  1802. }
  1803.  
  1804. .upload-item, .upload-thumb
  1805. {
  1806.   box-shadow: none;
  1807. }
  1808.  
  1809. .upload-help-link-item
  1810. {
  1811.   border-color: #fff;
  1812. }
  1813.  
  1814. .yt-uix-button-icon-upload-cancel, .yt-uix-button-icon-upload-add
  1815. {
  1816.   width: 12px !important;
  1817.   height: 28px !important;
  1818.   line-height: 28px !important;
  1819.   text-align: center !important;
  1820.   font-size: 13px !important;
  1821. }
  1822.  
  1823. .yt-alert-naked.yt-alert-info .icon, .yt-alert-small.yt-alert-info .icon
  1824. {
  1825.   width: 20px !important;
  1826.   height: 20px !important;
  1827.   line-height: 20px !important;
  1828.   text-align: center !important;
  1829.   font-size: 14px !important;
  1830. }
  1831.  
  1832. .yt-lockup:hover a
  1833. {
  1834.   color: #fff;
  1835. }
  1836.  
  1837. .yt-lockup-title a, .yt-lockup:hover .yt-lockup-meta a, .yt-lockup:hover .yt-lockup-description a, .yt-lockup:hover .yt-lockup-byline a
  1838. {
  1839.   color: #ddd;
  1840. }
  1841.  
  1842. .yt-lockup, .yt-lockup .yt-lockup-meta a, .yt-lockup .yt-lockup-description a, .yt-lockup .yt-lockup-byline a
  1843. {
  1844.   color: #aaa;
  1845. }
  1846.  
  1847. .yt-lockup-content .yt-ui-ellipsis
  1848. {
  1849.   background: transparent;
  1850. }
  1851.  
  1852. .yt-lockup-tile .yt-lockup-meta, .yt-lockup-tile .yt-lockup-description
  1853. {
  1854.   max-width: unset;
  1855. }
  1856.  
  1857. .yt-pl-thumb-overlay .play-icon
  1858. {
  1859.   height: 17px !important;
  1860.   line-height: 17px !important;
  1861.   text-align: center !important;
  1862.   color: #fff !important;
  1863.   font-size: 10px !important;
  1864. }
  1865.  
  1866. .yt-channel-title-icon-verified
  1867. {
  1868.   width: 14px !important;
  1869.   height: 14px !important;
  1870.   line-height: 14px !important;
  1871.   text-align: center !important;
  1872.   font-size: 9.5px !important;
  1873. }
  1874.  
  1875. .addto-watch-later-button, .addto-watch-later-button-sign-in, .addto-watch-later-button-success, .addto-watch-later-button-loading
  1876. {
  1877.   width: 22px !important;
  1878.   height: 22px !important;
  1879.   line-height: 22px !important;
  1880.   text-align: center !important;
  1881.   transition: all .25s ease-in-out;
  1882. }
  1883.  
  1884. .addto-watch-later-button::before, .addto-watch-later-button-sign-in::before, .addto-watch-later-button-success::before, .addto-watch-later-button-loading::before
  1885. {
  1886.   width: auto !important;
  1887.   height: auto !important;
  1888. }
  1889.  
  1890. .branded-page-v2-secondary-column-wide .branded-page-v2-secondary-col
  1891. {
  1892.   width: 206px;
  1893.   min-width: 206px;
  1894. }
  1895.  
  1896. .filter:hover, .filter-col-title, .filter-sort.filter-selected, .search-header .filter:hover, .search-header .filter:hover .yt-close
  1897. {
  1898.   color: #fff;
  1899. }
  1900.  
  1901. .filter-sort.filter-selected
  1902. {
  1903.   color: #fff !important;
  1904. }
  1905.  
  1906. .branded-page-module-title
  1907. {
  1908.   color: #ddd;
  1909. }
  1910.  
  1911. .search-header .num-results, .search-header .num-results strong, .search-header .yt-uix-button-content, .search-header .filter, .search-header .filter .yt-close, #results .search-message, #results .safety-mode-message, #results .video-alt-query
  1912. {
  1913.   color: #aaa;
  1914. }
  1915.  
  1916. .yt-lockup-playlist-item-title
  1917. {
  1918.   color: #aaa !important;
  1919. }
  1920.  
  1921. #results .section-list li .item-section .branded-page-box
  1922. {
  1923.   background: #121317;
  1924. }
  1925.  
  1926. #results .section-list li .item-section .branded-page-box .yt-badge-item
  1927. {
  1928.   background: #090a0c;
  1929. }
  1930.  
  1931. .search-header .filter, .search-header .filter .yt-close
  1932. {
  1933.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  1934. }
  1935.  
  1936. .search-header, .yt-lockup-playlist-item, .yt-badge
  1937. {
  1938.   border: none;
  1939. }
  1940.  
  1941. #results .section-list li .item-section .branded-page-box
  1942. {
  1943.   border: 4px solid #090a0c;
  1944.   border-left: none;
  1945.   border-right: none;
  1946. }
  1947.  
  1948. .yt-pl-thumb-link .yt-pl-thumb-overlay
  1949. {
  1950.   display: inherit !important;
  1951.   visibility: hidden;
  1952.   opacity: 0;
  1953.   transition: all .25s ease-in-out;
  1954. }
  1955.  
  1956. .yt-pl-thumb-link:hover .yt-pl-thumb-overlay, .yt-pl-thumb-link:focus .yt-pl-thumb-overlay
  1957. {
  1958.   visibility: visible;
  1959.   opacity: 1;
  1960. }
  1961.  
  1962. .yt-badge-item
  1963. {
  1964.   background: #121317;
  1965.   padding: 4px;
  1966. }
  1967.  
  1968. .yt-badge
  1969. {
  1970.   color: #aaa;
  1971. }
  1972.  
  1973. .yt-badge-live
  1974. {
  1975.   color: #cc181e;
  1976. }
  1977.  
  1978. .watch-card a:hover, .watch-card:hover a:hover
  1979. {
  1980.   color: #fff;
  1981. }
  1982.  
  1983. .watch-card a, .watch-card:hover a
  1984. {
  1985.   color: #ddd;
  1986. }
  1987.  
  1988. .watch-card, .watch-card-list .watch-card-data-col
  1989. {
  1990.   color: #aaa;
  1991. }
  1992.  
  1993. .yt-badge.standalone-ypc-badge-renderer-icon-available
  1994. {
  1995.   background: #cc181e;
  1996. }
  1997.  
  1998. .watch-card-playall-button:hover
  1999. {
  2000.   background: #121317;
  2001. }
  2002.  
  2003. .watch-card-playall-button
  2004. {
  2005.   background: #090a0c;
  2006. }
  2007.  
  2008. .watch-card-playall-content::before
  2009. {
  2010.   border-left-color: #cc181e;
  2011. }
  2012.  
  2013. .watch-card-list td, .watch-card-list tr:first-child td, .watch-card-playall-halo
  2014. {
  2015.   border: none;
  2016. }
  2017.  
  2018. .watch-card-playall-button
  2019. {
  2020.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  2021. }
  2022.  
  2023. .watch-card-collage:hover .watch-card-playall-halo
  2024. {
  2025.   box-shadow: none;
  2026. }
  2027.  
  2028. .watch-card
  2029. {
  2030.   margin-left: 20px !important;
  2031. }
  2032.  
  2033. .watch-title, #watch-header .yt-user-info a:hover
  2034. {
  2035.   color: #fff;
  2036. }
  2037.  
  2038. #watch-header .yt-user-info a, .watch-view-count, .like-button-renderer-like-button:hover, .like-button-renderer-dislike-button:hover
  2039. {
  2040.   color: #ddd;
  2041. }
  2042.  
  2043. .like-button-renderer-like-button, .like-button-renderer-dislike-button
  2044. {
  2045.   color: #aaa;
  2046. }
  2047.  
  2048. .like-button-renderer-like-button:active .yt-uix-button-content, .like-button-renderer-like-button.yt-uix-button-toggled .yt-uix-button-content, .like-button-renderer-like-button:active::before, .like-button-renderer-like-button.yt-uix-button-toggled::before, .like-button-renderer-like-button:active, .like-button-renderer-like-button.yt-uix-button-toggled
  2049. {
  2050.   color: #11921a !important;
  2051. }
  2052.  
  2053. .like-button-renderer-dislike-button:active .yt-uix-button-content, .like-button-renderer-dislike-button.yt-uix-button-toggled .yt-uix-button-content, .like-button-renderer-dislike-button:active::before, .like-button-renderer-dislike-button.yt-uix-button-toggled::before, .like-button-renderer-dislike-button:active, .like-button-renderer-dislike-button.yt-uix-button-toggled
  2054. {
  2055.   color: #cc181e !important;
  2056. }
  2057.  
  2058. .video-extras-sparkbar-likes
  2059. {
  2060.   background: #11921a;
  2061. }
  2062.  
  2063. .video-extras-sparkbar-dislikes
  2064. {
  2065.   background: #cc181e;
  2066. }
  2067.  
  2068. .comment-simplebox
  2069. {
  2070.   background: transparent;
  2071. }
  2072.  
  2073. .yt-thumb-48
  2074. {
  2075.   border-radius: 50%;
  2076. }
  2077.  
  2078. .caption-line
  2079. {
  2080.   border-radius: 0;
  2081. }
  2082.  
  2083. #watch8-action-buttons, .caption-line
  2084. {
  2085.   border: none;
  2086. }
  2087.  
  2088. .like-button-renderer-like-button span, .like-button-renderer-dislike-button span
  2089. {
  2090.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  2091. }
  2092.  
  2093. .video-extras-sparkbars, .video-extras-sparkbar-likes, .video-extras-sparkbar-dislikes
  2094. {
  2095.   height: 4px;
  2096. }
  2097.  
  2098. #watch-transcript-container .yt-uix-menu
  2099. {
  2100.   margin-bottom: 8px;
  2101. }
  2102.  
  2103. .caption-line
  2104. {
  2105.   font-weight: normal;
  2106. }
  2107.  
  2108. #watch8-action-buttons .addto-button::before, .action-panel-trigger-share::before, #action-panel-overflow-button::before, .like-button-renderer-like-button::before, .like-button-renderer-dislike-button::before
  2109. {
  2110.   height: 24px !important;
  2111.   width: 24px !important;
  2112.   line-height: 24px !important;
  2113.   text-align: center !important;
  2114.   font-size: 18px !important;
  2115. }
  2116.  
  2117. .yt-uix-subscription-preferences-button::before
  2118. {
  2119.   height: 18px !important;
  2120.   width: 18px !important;
  2121.   line-height: 18px !important;
  2122.   text-align: center !important;
  2123.   font-size: 13px !important;
  2124.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96), transform 250ms ease-in-out;
  2125. }
  2126.  
  2127. .yt-uix-subscription-preferences-button:hover::before
  2128. {
  2129.   transform: rotate(45deg);
  2130. }
  2131.  
  2132. a.ytp-ce-link:hover, a.ytp-ce-link:visited, .ytp-sb-classic .ytp-sb-count, .ytp-sb-classic:hover .ytp-sb-unsuscribe .ytp-sb-text
  2133. {
  2134.   color: #fff;
  2135. }
  2136.  
  2137. a.ytp-ce-link, .ytp-sb-classic .ytp-sb-unsubscribe .ytp-sb-text
  2138. {
  2139.   color: #ddd;
  2140.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  2141. }
  2142.  
  2143. .ytp-ce-channel-metadata
  2144. {
  2145.   color: #aaa;
  2146. }
  2147.  
  2148. .ytp-swatch-color
  2149. {
  2150.   color: #cc181e;
  2151. }
  2152.  
  2153. .ytp-swatch-background-color, .ytp-swatch-background-color-secondary, .ytp-settings-button.ytp-hd-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-menuitem[aria-checked="true"] .ytp-menuitem-toggle-checkbox, .ytp-volume-slider-handle, .ytp-volume-slider-handle::before, .ytp-volume-slider-handle::after, .ytp-chrome-controls .ytp-button[aria-pressed]::after, .ytp-sb-classic .ytp-sb-unsubscribe .ytp-sb-text, .ytp-sb-classic .ytp-sb-subscribe:hover .ytp-sb-text
  2154. {
  2155.   background-color: #cc181e;
  2156. }
  2157.  
  2158. .ytp-sb-classic .ytp-sb-subscribe .ytp-sb-text, .ytp-sb-classic .ytp-sb-unsubscribe:hover .ytp-sb-text
  2159. {
  2160.   background: #800f13;
  2161. }
  2162.  
  2163. .ytp-ce-expanding-overlay-background
  2164. {
  2165.   background: #191a1f;
  2166. }
  2167.  
  2168. .ytp-sb-classic .ytp-sb-count, .ytp-sb-classic .ytp-sb-subscribe .ytp-sb-count
  2169. {
  2170.   background: #090a0c;
  2171. }
  2172.  
  2173. .ytp-ce-video-title, .ytp-ce-playlist-title
  2174. {
  2175.   background: transparent !important;
  2176. }
  2177.  
  2178. .ytp-sb-classic .ytp-sb-unsubscribe .ytp-sb-text, .ytp-sb-classic .ytp-sb-subscribe .ytp-sb-text
  2179. {
  2180.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  2181. }
  2182.  
  2183. .ytp-ce-channel-this .ytp-ce-channel-metadata, .ytp-sb-classic .ytp-sb-unsubscribe, .ytp-sb-classic .ytp-sb-count, .ytp-sb-classic .ytp-sb-subscribe, .ytp-ce-element, .ytp-ce-element.ytp-ce-element-hover
  2184. {
  2185.   border: none;
  2186. }
  2187.  
  2188. .ytp-volume-slider-handle::after
  2189. {
  2190.   opacity: .2;
  2191. }
  2192.  
  2193. #player-playlist .playlist-title, #player-playlist .yt-uix-button-player-controls.yt-uix-button-toggled .yt-uix-button-icon::before, #player-playlist .playlist-video h4
  2194. {
  2195.   color: #fff;
  2196. }
  2197.  
  2198. .watch-playlist, #player-playlist .video-uploader-byline
  2199. {
  2200.   color: #aaa;
  2201. }
  2202.  
  2203. #player-playlist:not(.watch-queue-nav) .playlist-videos-list li.currently-playing .index
  2204. {
  2205.   color: #cc181e;
  2206. }
  2207.  
  2208. #player-playlist .playlist-videos-list li .yt-uix-button-playlist-remove-item
  2209. {
  2210.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  2211. }
  2212.  
  2213. #player-playlist:not(.watch-queue-nav) .playlist-videos-list li:not(.currently-playing):hover, #player-playlist:not(.watch-queue-nav) .playlist-videos-list li:not(.currently-playing):hover .yt-ui-ellipsis, #player-playlist:not(.watch-queue-nav) .playlist-videos-list li.currently-playing, #player-playlist .playlist-header
  2214. {
  2215.   background: #121317;
  2216. }
  2217.  
  2218. .watch-playlist, #player-playlist .playlist-videos-list, #player-playlist .playlist-videos-list .yt-ui-ellipsis
  2219. {
  2220.   background: #191a1f;
  2221. }
  2222.  
  2223. #player-playlist .yt-uix-button-player-controls, #player-playlist:not(.watch-queue-nav) .playlist-videos-list li .yt-ui-ellipsis
  2224. {
  2225.   background: transparent !important;
  2226. }
  2227.  
  2228. #player-playlist:not(.watch-queue-nav) .playlist-videos-list li
  2229. {
  2230.   transition: background .2s cubic-bezier(.56, .01, .73, .96);
  2231. }
  2232.  
  2233. #player-playlist .playlist-header
  2234. {
  2235.   padding: 3px 10px;
  2236. }
  2237.  
  2238. #player-playlist .control-bar
  2239. {
  2240.   border: none;
  2241.   padding-top: 2px;
  2242. }
  2243.  
  2244. #player-playlist .playlist-videos-list li .yt-uix-button-playlist-remove-item
  2245. {
  2246.   display: inline-block;
  2247.   visibility: hidden;
  2248.   opacity: 0 !important;
  2249.   transition: all .25s ease-in-out;
  2250. }
  2251.  
  2252. #player-playlist .playlist-videos-list li:hover .yt-uix-button-playlist-remove-item
  2253. {
  2254.   visibility: visible;
  2255.   opacity: 1 !important;
  2256. }
  2257.  
  2258. .yt-uix-button-icon-playlist-remove-item
  2259. {
  2260.   line-height: 12px !important;
  2261. }
  2262.  
  2263. #player-playlist .yt-uix-button-icon-watch-appbar-autoplay, #player-playlist .yt-uix-button-icon-watch-appbar-shuffle-video-list, #player-playlist .yt-uix-button-icon-playlist-edit
  2264. {
  2265.   line-height: 24px;
  2266.   text-align: center;
  2267.   font-size: 20px;
  2268. }
  2269.  
  2270. #player-playlist .yt-uix-button-icon-playlist-edit
  2271. {
  2272.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96), transform 250ms ease-in-out;
  2273. }
  2274.  
  2275. #player-playlist .yt-uix-button-icon-playlist-edit:hover
  2276. {
  2277.   transform: rotate(45deg);
  2278. }
  2279.  
  2280. .yt-live-chat-header-renderer-0, .yt-live-chat-participant-list-renderer-0, .ytd-button-renderer-3.style-dark[is-paper-button]:hover, .paper-icon-button-0 #ink.paper-icon-button, .paper-icon-button, .ytd-menu-service-item-renderer-0:hover yt-formatted-string.ytd-menu-service-item-renderer, .ytd-menu-navigation-item-renderer-0:hover yt-formatted-string.ytd-menu-navigation-item-renderer, .yt-live-chat-message-input-renderer-0 #count.yt-live-chat-message-input-renderer, .yt-live-chat-message-input-renderer-0 #author-name.yt-live-chat-message-input-renderer, .yt-live-chat-text-message-renderer-0 #content.yt-live-chat-text-message-renderer, .yt-endpoint-5:hover, .yt-endpoint-2:hover, .yt-emoji-picker-category-renderer-0 yt-formatted-string.yt-emoji-picker-category-renderer, .paper-input-container-0 .input-content.paper-input-container input:focus, .ytd-button-renderer-4.style-dark[is-paper-button]:hover, .yt-endpoint-3:hover
  2281. {
  2282.   color: #fff;
  2283. }
  2284.  
  2285. .yt-live-chat-renderer-0, .yt-live-chat-text-message-renderer-0 #message.yt-live-chat-text-message-renderer, .paper-input-container-0 .input-content.paper-input-container label, .yt-live-chat-message-renderer-0 #subtext.yt-live-chat-message-renderer, .yt-endpoint-3
  2286. {
  2287.   color: #ddd;
  2288. }
  2289.  
  2290. .ytd-button-renderer-3.style-dark[is-paper-button], .ytd-menu-service-item-renderer-0 yt-formatted-string.ytd-menu-service-item-renderer, .ytd-menu-navigation-item-renderer-0 yt-formatted-string.ytd-menu-navigation-item-renderer, .yt-live-chat-text-input-field-renderer-0 #label.yt-live-chat-text-input-field-renderer, .yt-live-chat-text-message-renderer-0 #timestamp.yt-live-chat-text-message-renderer, .yt-endpoint-5, .yt-endpoint-2, .paper-input-container-0 .input-content.paper-input-container input, .yt-live-chat-text-message-renderer-0 #deleted-state.yt-live-chat-text-message-renderer, .yt-live-chat-text-message-renderer-0 #show-original.yt-live-chat-text-message-renderer, .yt-live-chat-text-message-renderer-0[is-deleted] #message.yt-live-chat-text-message-renderer, .ytd-button-renderer-4.style-dark[is-paper-button]
  2291. {
  2292.   color: #aaa;
  2293. }
  2294.  
  2295. .ytd-menu-navigation-item-renderer-0 a.ytd-menu-navigation-item-renderer, .yt-live-chat-text-message-renderer-0 #menu.yt-live-chat-text-message-renderer
  2296. {
  2297.   background: transparent !important;
  2298. }
  2299.  
  2300. .yt-live-chat-text-input-field-renderer-0 #focused.yt-live-chat-text-input-field-renderer, .yt-live-chat-item-list-renderer-1 paper-icon-button.yt-live-chat-item-list-renderer
  2301. {
  2302.   background: #cc181e;
  2303. }
  2304.  
  2305. .yt-live-chat-renderer-0
  2306. {
  2307.   background: #191a1f;
  2308. }
  2309.  
  2310. .yt-live-chat-header-renderer-0, .yt-live-chat-message-input-renderer-0, .yt-live-chat-participant-list-renderer-0 #header.yt-live-chat-participant-list-renderer, .ytd-button-renderer-3.style-dark[is-paper-button]:hover, .ytd-menu-service-item-renderer-0:hover, .ytd-menu-service-item-renderer-0:focus, .ytd-menu-navigation-item-renderer-0:hover, .ytd-menu-navigation-item-renderer-0:focus, .yt-emoji-picker-category-renderer-0 yt-formatted-string.yt-emoji-picker-category-renderer, .yt-live-chat-message-renderer-0
  2311. {
  2312.   background: #121317;
  2313. }
  2314.  
  2315. #watch-sidebar-live-chat, #watch-sidebar-live-chat .yt-uix-expander-collapsed, .ytd-button-renderer-3.style-dark[is-paper-button], .paper-menu-0, .yt-emoji-picker-renderer-0 #search-panel.yt-emoji-picker-renderer, .ytd-button-renderer-4.style-dark[is-paper-button]
  2316. {
  2317.   background: #090a0c;
  2318. }
  2319.  
  2320. .ytd-menu-service-item-renderer-0, .ytd-menu-navigation-item-renderer-0
  2321. {
  2322.   transition: background .2s cubic-bezier(.56, .01, .73, .96);
  2323. }
  2324.  
  2325. .ytd-menu-service-item-renderer-0 yt-formatted-string.ytd-menu-service-item-renderer, .ytd-menu-navigation-item-renderer-0 yt-formatted-string.ytd-menu-navigation-item-renderer
  2326. {
  2327.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  2328. }
  2329.  
  2330. .ytd-button-renderer-3.style-dark[is-paper-button]
  2331. {
  2332.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  2333. }
  2334.  
  2335. #watch7-creator-bar
  2336. {
  2337.   background: #191a1f;
  2338. }
  2339.  
  2340. .creator-bar-item .yt-uix-button:hover
  2341. {
  2342.   background: #121317 !important;
  2343. }
  2344.  
  2345. .yt-uix-button-panel:hover .creator-bar-item .yt-uix-button-text-dark, .yt-uix-button-panel .creator-bar-item .yt-uix-button-text-dark:hover, .creator-bar-item .yt-uix-button
  2346. {
  2347.   background: #090a0c;
  2348. }
  2349.  
  2350. #watch7-creator-bar, .creator-bar-item .yt-uix-button-text-dark, .yt-uix-button-panel:hover .creator-bar-item .yt-uix-button-text-dark, .yt-uix-button-panel .creator-bar-item .yt-uix-button-text-dark:hover
  2351. {
  2352.   border: none;
  2353.   box-shadow: none;
  2354. }
  2355.  
  2356. .creator-bar-item .yt-uix-button
  2357. {
  2358.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  2359. }
  2360.  
  2361. .creator-bar-item .yt-uix-button-icon
  2362. {
  2363.   height: 28px !important;
  2364.   width: 18px !important;
  2365.   line-height: 28px !important;
  2366.   text-align: center !important;
  2367.   font-size: 16px !important;
  2368. }
  2369.  
  2370. .stats-chart-gviz svg rect[fill="#ffffff"]
  2371. {
  2372.   fill: #090a0c;
  2373. }
  2374.  
  2375. .stats-chart-gviz svg rect[fill="#f0f0f0"]
  2376. {
  2377.   fill: #121317;
  2378. }
  2379.  
  2380. .stats-chart-gviz svg rect[fill="#e2e2e2"]
  2381. {
  2382.   fill: #121317;
  2383. }
  2384.  
  2385. .stats-chart-gviz svg text
  2386. {
  2387.   fill: #fff;
  2388. }
  2389.  
  2390. #watch-actions-stats .stats-bragbar.yt-uix-button-toggled .metric-label, #watch-actions-stats .stats-bragbar:hover .metric-label
  2391. {
  2392.   color: #fff;
  2393. }
  2394.  
  2395. #watch-actions-stats .metric-label, .stats-sub-header, .watch-actions-stats-rats .menu-metric-value, #watch-actions-stats p
  2396. {
  2397.   color: #ddd;
  2398. }
  2399.  
  2400. #watch-actions-stats .stats-bragbar .bragbar-metric, #watch-actions-stats .stats-bragbar .bragbar-metric-large
  2401. {
  2402.   color: #aaa;
  2403. }
  2404.  
  2405. #watch-actions-stats .stats-bragbar.yt-uix-button-toggled, #watch-actions-stats .stats-bragbar:hover, .stats-chart-mode .yt-uix-button
  2406. {
  2407.   background: #121317;
  2408. }
  2409.  
  2410. #watch-actions-stats .stats-bragbar, .stats-chart-mode .yt-uix-button:hover, .stats-chart-mode .yt-uix-button-toggled
  2411. {
  2412.   background: #090a0c;
  2413. }
  2414.  
  2415. #watch-actions-stats .stats-bragbar
  2416. {
  2417.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  2418. }
  2419.  
  2420. #watch-actions-stats .stats-bragbar-container, #watch-actions-stats .stats-bragbar
  2421. {
  2422.   border: none;
  2423. }
  2424.  
  2425. .caption-line-text:hover
  2426. {
  2427.   color: #fff;
  2428. }
  2429.  
  2430. .caption-line-text
  2431. {
  2432.   color: #ddd;
  2433. }
  2434.  
  2435. .caption-line-time
  2436. {
  2437.   color: #aaa;
  2438. }
  2439.  
  2440. .caption-line-highlight, .caption-line:hover
  2441. {
  2442.   background: #090a0c;
  2443. }
  2444.  
  2445. .share-email label
  2446. {
  2447.   color: #fff;
  2448. }
  2449.  
  2450. .share-panel
  2451. {
  2452.   color: #ddd;
  2453. }
  2454.  
  2455. .share-email-preview-container
  2456. {
  2457.   background: #090a0c;
  2458. }
  2459.  
  2460. #watch-uploader-info, #action-panel-details a:hover
  2461. {
  2462.   color: #fff;
  2463. }
  2464.  
  2465. .watch-extras-section .title, #action-panel-details:hover a:not(:hover)
  2466. {
  2467.   color: #ddd;
  2468. }
  2469.  
  2470. #watch-description, #action-panel-details a
  2471. {
  2472.   color: #aaa;
  2473. }
  2474.  
  2475. .comment-section-header-renderer, .comment-simplebox-text:focus, .comment-author-text:hover, .comment-renderer-like-count, .comment-replies-renderer-paginator:hover, .comment-replies-renderer-view:hover, .comment-replies-renderer-hide:hover, .yt-comment-author-verified-icon::before
  2476. {
  2477.   color: #fff;
  2478. }
  2479.  
  2480. .comment-author-text, .comment-renderer-text-content, .comment-replies-renderer-paginator, .comment-replies-renderer-view, .comment-replies-renderer-hide, .action-panel-loading
  2481. {
  2482.   color: #ddd;
  2483. }
  2484.  
  2485. .comment-simplebox-text, .comment-simplebox-prompt, .comment-renderer-header .comment-renderer-time a, .comment-renderer-pinned-comment-badge
  2486. {
  2487.   color: #aaa;
  2488. }
  2489.  
  2490. #comment-section-renderer .sprite-dislike[aria-checked="true"]::before, .comment-renderer-header .comment-renderer-linked-comment
  2491. {
  2492.   color: #cc181e;
  2493. }
  2494.  
  2495. #comment-section-renderer .sprite-like[aria-checked="true"]::before
  2496. {
  2497.   color: #11921a;
  2498. }
  2499.  
  2500. .watch-editable:hover, .comment-renderer-header .comment-renderer-linked-comment
  2501. {
  2502.   background: #121317;
  2503. }
  2504.  
  2505. .comment-simplebox-renderer-collapsed-content, .comment-simplebox-frame
  2506. {
  2507.   background: #090a0c;
  2508. }
  2509.  
  2510. .comment-renderer-author-comment-badge.creator
  2511. {
  2512.   background: #cc181e;
  2513. }
  2514.  
  2515. .comment-simplebox-text, .comment-simplebox-prompt, .comment-replies-renderer-paginator
  2516. {
  2517.   background: transparent !important;
  2518. }
  2519.  
  2520. .comment-simplebox-renderer, .comment-simplebox-renderer-collapsed-content, .comment-simplebox-frame, .comment-renderer-header .comment-renderer-linked-comment
  2521. {
  2522.   border: none;
  2523. }
  2524.  
  2525. .comment-simplebox-renderer-collapsed-content, .comment-simplebox-frame
  2526. {
  2527.   border-bottom: 2px solid #fff !important;
  2528. }
  2529.  
  2530. #comment-section-renderer .yt-thumb-clip img
  2531. {
  2532.   border-radius: 50%;
  2533. }
  2534.  
  2535. .comment-simplebox-text, .comment-replies-renderer-view, .comment-replies-renderer-hide
  2536. {
  2537.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  2538. }
  2539.  
  2540. .watch-editable
  2541. {
  2542.   transition: background .2s cubic-bezier(.56, .01, .73, .96);
  2543. }
  2544.  
  2545. .comment-simplebox-frame
  2546. {
  2547.   transition: all .25s ease-in-out;
  2548. }
  2549.  
  2550. .comment-simplebox-arrow, #eow-title button
  2551. {
  2552.   display: none;
  2553. }
  2554.  
  2555. .comment-renderer-header .comment-renderer-linked-comment
  2556. {
  2557.   padding: 6px 8px 4px 8px;
  2558. }
  2559.  
  2560. .comment-simplebox-renderer
  2561. {
  2562.   padding: 10px;
  2563. }
  2564.  
  2565. .yt-comment-author-verified-icon
  2566. {
  2567.   font-size: 12px !important;
  2568. }
  2569.  
  2570. .watch-pencil-icon::before
  2571. {
  2572.   height: 28px !important;
  2573.   width: 18px !important;
  2574.   line-height: 28px !important;
  2575.   text-align: center !important;
  2576.   font-size: 16px !important;
  2577. }
  2578.  
  2579. .comment-simplebox-frame
  2580. {
  2581.   position: relative;
  2582.   box-sizing: border-box;
  2583. }
  2584.  
  2585. .comment-simplebox-frame::before
  2586. {
  2587.   content: '';
  2588.   position: absolute;
  2589.   bottom: -2px;
  2590.   left: 50%;
  2591.   right: 50%;
  2592.   height: 2px;
  2593.   background: #cc181e;
  2594.   transition: all .15s cubic-bezier(.79, .14, .15, .86);
  2595. }
  2596.  
  2597. #comment-simplebox.focus .comment-simplebox-frame::before
  2598. {
  2599.   border-bottom-color: #cc181e;
  2600.   left: 0;
  2601.   right: 0;
  2602. }
  2603.  
  2604. #watch7-sidebar .watch-sidebar-head, .video-list .video-list-item .title:hover
  2605. {
  2606.   color: #fff !important;
  2607. }
  2608.  
  2609. .video-list .video-list-item .title, .video-list-item:hover .stat.attribution
  2610. {
  2611.   color: #ddd !important;
  2612. }
  2613.  
  2614. .autoplay-bar .checkbox-on-off, .video-list .video-list-item .stat
  2615. {
  2616.   color: #aaa;
  2617. }
  2618.  
  2619. .video-list .video-list-item .title, .video-list .video-list-item .stat
  2620. {
  2621.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  2622. }
  2623.  
  2624. #watch7-sidebar .watch-sidebar-separation-line
  2625. {
  2626.   border: 2px solid #cc181e;
  2627. }
  2628.  
  2629. .c4-visible-on-hover:not(.yt-uix-button-destructive)
  2630. {
  2631.   visibility: hidden;
  2632.   opacity: 0;
  2633.   filter: none;
  2634.   transition: all .25s ease-in-out;
  2635. }
  2636.  
  2637. .c4-visible-on-hover-container:hover .c4-visible-on-hover, .c4-visible-on-hover:not(.yt-uix-button-destructive):focus
  2638. {
  2639.   visibility: visible;
  2640.   opacity: 1;
  2641. }
  2642.  
  2643. .secondary-header-contents .nav-text:hover, .channel-header .branded-page-header-title .branded-page-header-title-link, .view-as-menu-text
  2644. {
  2645.   color: #fff;
  2646. }
  2647.  
  2648. .secondary-header-contents .nav-text
  2649. {
  2650.   color: #ddd;
  2651. }
  2652.  
  2653. .channel-header .secondary-header-contents
  2654. {
  2655.   background: #191a1f;
  2656. }
  2657.  
  2658. #c4-branding-dropdown
  2659. {
  2660.   background: #090a0c;
  2661. }
  2662.  
  2663. #view-as-notification
  2664. {
  2665.   background: #cc181e;
  2666. }
  2667.  
  2668. .channel-header-profile-image-edit-button:hover
  2669. {
  2670.   background: rgba(16, 17, 20, 0.8) !important;
  2671. }
  2672.  
  2673. .casual-settings-button, .casual-settings-button:hover, .primary-header-contents .view-as-menu .view-as-menu-trigger
  2674. {
  2675.   background: transparent;
  2676. }
  2677.  
  2678. .channel-header-profile-image-container, .channel-header-profile-image-container img, .channel-header-profile-image-edit-button
  2679. {
  2680.   border-radius: 50%;
  2681. }
  2682.  
  2683. .channel-header .secondary-header-contents, #c4-header-bg-container
  2684. {
  2685.   border: none;
  2686. }
  2687.  
  2688. .secondary-header-contents .nav-text
  2689. {
  2690.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  2691. }
  2692.  
  2693. .channel-header-profile-image-container
  2694. {
  2695.   background: #191a1f;
  2696.   padding: 10px;
  2697.   top: calc(100% - 60px);
  2698.   left: 4.5%;
  2699.   z-index: 20000;
  2700. }
  2701.  
  2702. .channel-header-profile-image-edit-button
  2703. {
  2704.   width: 100px;
  2705.   height: 100px;
  2706.   top: calc(50% - 50px);
  2707.   right: calc(50% - 50px);
  2708.   background: transparent !important;
  2709.   z-index: 200000001;
  2710.   line-height: 150px;
  2711.   transition: all .25s ease-in-out;
  2712. }
  2713.  
  2714. .primary-header-upper-section-block:first-child
  2715. {
  2716.   padding-left: 4.5%;
  2717.   transform: translateX(120px);
  2718.   width: 50%;
  2719. }
  2720.  
  2721. #channel-subheader ul
  2722. {
  2723.   float: none;
  2724.   display: table;
  2725.   margin: 0 auto;
  2726. }
  2727.  
  2728. .yt-channel-title-autogenerated
  2729. {
  2730.   font-size: 11px !important;
  2731.   color: #cc181e !important;
  2732. }
  2733.  
  2734. #channel-navigation-menu .yt-uix-button-epic-nav-item, #channel-navigation-menu .epic-nav-item-heading
  2735. {
  2736.   height: 40px !important;
  2737.   line-height: 40px !important;
  2738.   padding: 0 12px;
  2739.   text-transform: uppercase;
  2740. }
  2741.  
  2742. #channel-search, #channel-search .show-search, #channel-search .search-form
  2743. {
  2744.   height: 40px !important;
  2745.   line-height: 40px !important;
  2746.   padding-bottom: 0;
  2747. }
  2748.  
  2749. #channels-search-field
  2750. {
  2751.   height: 26px !important;
  2752.   line-height: 26px !important;
  2753.   font-size: 14px !important;
  2754. }
  2755.  
  2756. .channel-header-profile-image-container .c4-editor-edit
  2757. {
  2758.   line-height: 100px !important;
  2759.   text-align: center !important;
  2760. }
  2761.  
  2762. .channel-header-profile-image-container .c4-editor-edit::before
  2763. {
  2764.   width: 50px !important;
  2765.   height: 50px !important;
  2766.   line-height: 50px !important;
  2767.   font-size: 30px !important;
  2768.   color: #fff !important;
  2769. }
  2770.  
  2771. #c4-branding-dropdown::before
  2772. {
  2773.   height: 32px !important;
  2774.   line-height: 32px !important;
  2775.   text-align: center !important;
  2776.   font-size: 16px !important;
  2777. }
  2778.  
  2779. .yt-uix-button-icon-settings-material
  2780. {
  2781.   width: 24px !important;
  2782.   height: 24px !important;
  2783.   line-height: 24px !important;
  2784.   text-align: center !important;
  2785.   font-size: 23px !important;
  2786.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96), transform 250ms ease-in-out !important;
  2787. }
  2788.  
  2789. .yt-uix-button:hover .yt-uix-button-icon-settings-material
  2790. {
  2791.   transform: rotate(45deg);
  2792. }
  2793.  
  2794. #channel-header-analytics-link .header-action-icon, .header-action-icon.analytics-icon, #channel-header-vm-link .header-action-icon, .header-action-icon.vm-icon
  2795. {
  2796.   width: 22px !important;
  2797.   height: 38px !important;
  2798.   line-height: 38px !important;
  2799.   text-align: center !important;
  2800.   font-size: 14px !important;
  2801. }
  2802.     /*[[layout]]*/
  2803. .lohp-video-metadata .yt-user-name:hover, .video-player-view-component .video-detail a:hover, .about-metadata-label, .empty-upsell-messages h2, .expanded-shelf .expanded-shelf-view-all-link:hover, .standalone-collection-badge-renderer-icon, .standalone-collection-badge-renderer-text a:hover, .multirow-shelf .compact-shelf-view-all-card-link:hover h4, .multirow-shelf .compact-shelf-view-all-card-link:hover a
  2804. {
  2805.   color: #fff;
  2806. }
  2807.  
  2808. .video-player-view-component .video-detail a, .feed-item-container:hover .feed-item-header a, .feed-item-container a.yt-user-name:hover, .feed-item-container:hover a.yt-user-name, .about-stats .about-stat, .business-email-container .smallgray, .standalone-collection-badge-renderer-text, .standalone-collection-badge-renderer-text a, .multirow-shelf .compact-shelf-view-all-card h4, .multirow-shelf .compact-shelf-view-all-card-link a
  2809. {
  2810.   color: #ddd;
  2811. }
  2812.  
  2813. .lohp-video-metadata .yt-user-name, .lohp-video-metadata .view-count, .lohp-video-metadata, .video-player-view-component .view-count .count, .video-player-view-component, .about-metadata-container, .casual-channel .channel-settings-editor .layout-setting p, .additional-settings-link, .empty-upsell-messages p, .c4-featured-content-editor .c4-featured-content-notes.byline, .standalone-ypc-badge-renderer-label, .expanded-shelf .expanded-shelf-view-all-link
  2814. {
  2815.   color: #aaa;
  2816. }
  2817.  
  2818. .yt-badge.standalone-ypc-badge-renderer-icon
  2819. {
  2820.   background: #cc181e;
  2821. }
  2822.  
  2823. .channels-content-item .yt-badge-item, .feed-item-container .yt-badge-item, .feedback-banner
  2824. {
  2825.   background: #191a1f;
  2826. }
  2827.  
  2828. .channels-content-item .yt-badge-item .yt-badge, .standalone-collection-badge-renderer-icon, .standalone-collection-badge-renderer-text a
  2829. {
  2830.   background: #090a0c;
  2831. }
  2832.  
  2833. .about-metadata-container .c4-module-is-editable
  2834. {
  2835.   background: transparent !important;
  2836. }
  2837.  
  2838. .multirow-shelf .compact-shelf-view-all-card h4, .multirow-shelf .compact-shelf-view-all-card-link a
  2839. {
  2840.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  2841. }
  2842.  
  2843. .about-metadata-label-border-top, .about-metadata .yt-uix-button-c4-view-action, #about-business-email-form, .about-metadata-editor-form, .c4-featured-content-editor .c4-featured-content-column
  2844. {
  2845.   border: none;
  2846. }
  2847.  
  2848. .standalone-collection-badge-renderer-icon, .standalone-collection-badge-renderer-text a
  2849. {
  2850.   border-radius: 0;
  2851. }
  2852.  
  2853. .empty-upsell-video-content
  2854. {
  2855.   border-color: #090a0c;
  2856. }
  2857.  
  2858. .branded-page-module-title
  2859. {
  2860.   padding-bottom: 0;
  2861. }
  2862.  
  2863. .channels-content-item .yt-badge-item .yt-badge, .standalone-collection-badge-renderer-text a
  2864. {
  2865.   padding: 2px 6px;
  2866. }
  2867.  
  2868. .shelf-item .branded-page-module-title .shelves-play
  2869. {
  2870.   height: 20px;
  2871. }
  2872.  
  2873. .play-all-icon-btn::before
  2874. {
  2875.   line-height: 15px;
  2876.   font-size: 12px;
  2877. }
  2878.  
  2879. .shelf-item .branded-page-module-title a.branded-page-module-title-link
  2880. {
  2881.   line-height: 22px;
  2882. }
  2883.  
  2884. .empty-upsell-video-content .player-bar-lower
  2885. {
  2886.   width: 100%;
  2887.   height: 41px;
  2888.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAApCAYAAAASw4iWAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QQWEBMLeyX3bgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAHUlEQVQoz2NgoAFgbG1t/Y8swISugolhFIwCSgAAIv8ClPdhoe8AAAAASUVORK5CYII=');
  2889. }
  2890.  
  2891. .empty-upsell-video-content .player-bar-lower::before
  2892. {
  2893.   content: "";
  2894.   width: 200px;
  2895.   height: 41px;
  2896.   position: absolute;
  2897.   bottom: 0;
  2898.   left: 0;
  2899.   background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAApCAYAAABwQGa5AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QQWEBcUkkE/nwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAC4klEQVR42u2bMUsjQRTH/xOiSCJCQJYDwwm3heiRwo8Q0thYpLZerrpPtLWNjaTLVaJgIQS2S7UGVkPAgUVnsFixeFetrKKeEi+ZLP8fpAgh5O2b95t5uzPBD/8nCCGvU2EKCKEghFAQQigIITNEDb59F6aBLAJ/fv/iCkIIWyxCFgXugxDCFYQQCkIIBSGEghBCQQihIIRQEEIoCCEUhCwocRzL4eEhz9V9NfPaSU+ShAM6JVEUPeXPWivWWplMJhKGIfO66ILkA1ocZPI5Oay1Upxw8pze3d3J8fEx81oGQay1kqapkwOaJIl85lpmLcdrv6m1FmutGGO4QpflHmRpaQmdTgdxHDs1oI1GA67NxlEUie/7b37ueZ7KsgxKKbTbbVZ4mW7SPc+DMUYuLi6cKchKpYJOp4PhcCguy1GMr9frAQBWV1fBVqtEggCAUgrb29tI09SpFqHZbM48pmIbaq19d+VoNpvQWgsABEGgxuMxAKDVarHKyyRIse3a3993qu3KY3L1wcLKygpyga+urgAAtVqNVV5GQYptV5qmTrVdvu9Da+3k49SdnR0AwPX1NQCgXq+zysssCABUq1UsLy87FxdnZwoyV0QEt7e3ODo6wu7urnIlpsvLS/R6PRwcHCjXcnZzcwMAWF9fBwA8PDywyqeZnF0NLMsynJ+fo9vtOlOEj4+PODs7cyqmIvf399jb21MAsLW1ld/os8rLJIiIYDQaYTAYIAgCZwpRa42Tk5OZxrS2tvbst+I4Fs/z3o0PAMIwlI2Njfw7rPJpcGEnPX9prZ16tJvvSJ+enspHrmUWMcVx/CxnLz8Pw1DyYyeTyYR7IGUQJE3TfxbhnFaNDz2pmvVRk6Ikb8lhjOF5rEUXxBgjURTx9OkUkhTfG2Oe5Oj3+8zpIguiteYM9wWSvFzFXGtTKQhxgiRJOOH8B6pMQTnY3NxUzMLXw7/cEkJBCKEghFAQQigIIY7wF+pECywG6GnVAAAAAElFTkSuQmCC');
  2900. }
  2901.  
  2902. .empty-upsell-video-content .player-bar-lower img
  2903. {
  2904.   display: none;
  2905. }
  2906.  
  2907. .c4-editor-move-up::before, .c4-editor-move-down::before
  2908. {
  2909.   width: 12px !important;
  2910.   height: 32px !important;
  2911.   line-height: 32px !important;
  2912.   text-align: center !important;
  2913. }
  2914.  
  2915. .yt-uix-button-icon-channel-back
  2916. {
  2917.   width: 16px !important;
  2918.   height: 14px !important;
  2919.   line-height: 14px !important;
  2920.   text-align: center !important;
  2921. }
  2922.  
  2923. .c4-checklist-module .checklist-item.done .checklist-item-title-text:hover, .c4-checklist-module .checklist-item-title-text:hover, .c4-checklist-module .checklist-item:hover .checklist-item-title-text .todo-title-text, .c4-checklist-module .view-all-link a:hover, .view-all-link, .branded-page-related-channels h3 a:hover, .branded-page-related-channels-item .yt-uix-button-link:hover, .yt-combobox-menu-item-main:hover .item-count, .yt-combobox-menu-item-main:hover .item-name, .yt-channel-msg-dialog .compose-message:focus
  2924. {
  2925.   color: #fff;
  2926. }
  2927.  
  2928. .c4-checklist-module .view-all-link a
  2929. {
  2930.   color: #ddd;
  2931. }
  2932.  
  2933. .c4-checklist-module .todo-title-text, .branded-page-related-channels h3 a, .branded-page-related-channels h3, .c4-module-editor-form .yt-uix-form-input-text, .c4-module-editor-form .yt-uix-form-input-select, .c4-module-editor-form .yt-uix-form-input-textarea, .empty-shelf-text, .yt-combobox-menu-item-main .item-count, .yt-combobox-menu-item-main .item-name, .yt-channel-msg-dialog .compose-message
  2934. {
  2935.   color: #aaa;
  2936. }
  2937.  
  2938. #other-channels-sidebar:hover, .related-channels-editor:hover
  2939. {
  2940.   background: #191a1f;
  2941. }
  2942.  
  2943. .yt-uix-button-c4-view-action:hover, .yt-combobox-menu-item-main:hover
  2944. {
  2945.   background: #121317;
  2946. }
  2947.  
  2948. .yt-uix-button-c4-view-action, .yt-channel-msg-dialog .compose-message
  2949. {
  2950.   background: #090a0c;
  2951. }
  2952.  
  2953. .c4-module-editor-form, .c4-shelf-preview, .yt-channel-msg-dialog .yt-dialog-footer
  2954. {
  2955.   background: transparent;
  2956. }
  2957.  
  2958. .c4-checklist-module, .branded-page-v2-primary-col .yt-uix-inlineedit-view-container .branded-page-box, .branded-page-v2-primary-col .branded-page-box.video-player-view-component:last-child, .branded-page-v2-primary-col .branded-page-box.c4-featured-content:last-child, .branded-page-v2-primary-col .branded-page-box.c4-featured-content-editor:last-child, .branded-page-v2-primary-col .branded-page-box.welcome:last-child, .c4-shelf-preview, .yt-combobox-menu .yt-combobox-menu-content-list, .yt-channel-msg-dialog .user-box, .yt-channel-msg-dialog .compose-message, .yt-channel-msg-dialog .compose-message:focus
  2959. {
  2960.   border: none;
  2961. }
  2962.  
  2963. .yt-thumb-34, .yt-channel-msg-dialog .user-avatar
  2964. {
  2965.   border-radius: 50%;
  2966. }
  2967.  
  2968. .c4-checklist-module .todo-title-text, .yt-combobox-menu-item-main .item-count, .yt-combobox-menu-item-main .item-name, .yt-channel-msg-dialog .compose-message
  2969. {
  2970.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  2971. }
  2972.  
  2973. .yt-combobox-menu-item-main
  2974. {
  2975.   transition: background .2s cubic-bezier(.56, .01, .73, .96);
  2976. }
  2977.  
  2978. .c4-checklist-module
  2979. {
  2980.   max-width: 180px;
  2981. }
  2982.  
  2983. #other-channels-sidebar-container
  2984. {
  2985.   max-width: 230px;
  2986. }
  2987.  
  2988. .c4-checklist-module, #other-channels-sidebar, #related-channels-sidebar
  2989. {
  2990.   min-height: 120px;
  2991. }
  2992.  
  2993. .branded-page-related-channels-list
  2994. {
  2995.   display: flex;
  2996.   flex-flow: row wrap;
  2997.   justify-content: flex-start;
  2998. }
  2999.  
  3000. .branded-page-related-channels-item
  3001. {
  3002.   max-width: 150px;
  3003.   flex: 1 0 auto;
  3004.   margin: 10px 8px;
  3005. }
  3006.  
  3007. .pl-video-list-editable .pl-video:hover .pl-video-handle, .yt-uix-dragdrop-cursor-follower .pl-video-handle, .create-playlist-widget-form .create-playlist-bottom-section
  3008. {
  3009.   background: #090a0c;
  3010. }
  3011.  
  3012. .pl-video-edit-options .yt-uix-menu-trigger
  3013. {
  3014.   background: #090a0c !important;
  3015. }
  3016.  
  3017. .pl-header-inlineedit .c4-module-is-editable:hover, .yt-uix-dragdrop-cursor-follower, .create-playlist-widget-form .create-playlist-buttons .yt-uix-button:not(.yt-uix-button-primary), .create-playlist-section .yt-uix-form-input-fluid .yt-uix-form-input-text
  3018. {
  3019.   background: #121317;
  3020. }
  3021.  
  3022. .pl-video-edit-options .yt-uix-menu-trigger:hover, .pl-video-edit-options .yt-uix-menu-trigger.yt-uix-button-toggled, .create-playlist-widget-form .privacy-button
  3023. {
  3024.   background: #121317 !important;
  3025. }
  3026.  
  3027. .create-playlist-widget-form .create-playlist-buttons .yt-uix-button:not(.yt-uix-button-primary):hover, .create-playlist-widget-form .privacy-button:hover, .create-playlist-widget-form .privacy-button.yt-uix-button-toggled, .yt-uix-form-input-fluid .yt-uix-form-input-text:focus, .yt-uix-form-input-fluid .yt-uix-form-input-text:hover
  3028. {
  3029.   background: #191a1f !important;
  3030. }
  3031.  
  3032. #collaboration-settings .collaboration-settings-invite-link.disabled::before, #playlist-settings-editor .yt-dialog-footer, .set-manual-sort-order .yt-dialog-footer
  3033. {
  3034.   background: transparent;
  3035. }
  3036.  
  3037. .pl-video:hover .pl-video-title-link, .pl-video:hover .pl-video-owner a, #pl-header .pl-header-details a:hover, .playlist-add-to-menu h3, #pl-header .pl-header-title, .pl-video-owner a, .pl-video-added-by:hover, .pl-video-added-by a:hover
  3038. {
  3039.   color: #fff;
  3040. }
  3041.  
  3042. .pl-video-owner a, .pl-video-added-by, .pl-video-added-by a
  3043. {
  3044.   color: #ddd;
  3045. }
  3046.  
  3047. .pl-video-title-link, #pl-header .pl-header-details a, #pl-header .pl-header-details, .pl-message-panel .yt-alert-default .yt-alert-content, #collaboration-settings .none-defined-text, .pl-header-sharepanel-content .share-panel-url
  3048. {
  3049.   color: #aaa;
  3050. }
  3051.  
  3052. .pl-video, .pl-video-list-editable .pl-video:hover .pl-video-handle, .yt-uix-dragdrop-cursor-follower .pl-video-handle, .yt-horizontal-rule, .yt-uix-dragdrop-cursor-follower, #pl-header .privacy-icon-present .pl-header-details::before
  3053. {
  3054.   border-color: #090a0c;
  3055. }
  3056.  
  3057. .pl-header-inlineedit .yt-uix-button-c4-view-action, #playlist-settings-editor .yt-uix-tabs, #playlist-settings-editor .yt-dialog-footer, .yt-uix-languagepicker-search-container, .pl-message-panel .yt-alert-default
  3058. {
  3059.   border: none;
  3060. }
  3061.  
  3062. .pl-video-owner a, .pl-video-added-by img, .pl-video-added-by a img
  3063. {
  3064.   border-radius: 50%;
  3065. }
  3066.  
  3067. .pl-header-thumb .pl-header-play-all-overlay
  3068. {
  3069.   display: block !important;
  3070.   visibility: hidden;
  3071.   opacity: 0;
  3072.   transition: all .15s cubic-bezier(.79, .14, .15, .86);
  3073. }
  3074.  
  3075. .pl-header-thumb:hover .pl-header-play-all-overlay
  3076. {
  3077.   visibility: visible;
  3078.   opacity: 1;
  3079. }
  3080.  
  3081. #pl-header .pl-header-title
  3082. {
  3083.   padding-left: 10px;
  3084. }
  3085.  
  3086. .pl-video-edit-remove:before, .pl-video-edit-remove-liked-video:before
  3087. {
  3088.   width: auto;
  3089.   height: auto;
  3090.   font-size: 16px;
  3091. }
  3092.  
  3093. .pl-header-title-icon
  3094. {
  3095.   position: relative;
  3096. }
  3097.  
  3098. .pl-header-privacy-only-me:before, .pl-header-privacy-limited-sharing:before, .pl-header-privacy-everyone:before
  3099. {
  3100.   position: absolute;
  3101.   top: 5px;
  3102.   left: 7px;
  3103. }
  3104.  
  3105. #pl-header .playlist-share::before, .pl-header-content .yt-uix-button-has-icon.no-icon-markup::before
  3106. {
  3107.   font-size: 12px;
  3108. }
  3109.  
  3110. .pl-message-panel .yt-alert-playlist-order .icon
  3111. {
  3112.   width: 16px !important;
  3113.   height: 16px !important;
  3114.   line-height: 16px !important;
  3115.   text-align: center!important;
  3116. }
  3117.  
  3118. #pl-header .playlist-share::before
  3119. {
  3120.   height: 28px !important;
  3121.   line-height: 28px !important;
  3122. }
  3123.  
  3124. #creator-sidebar .creator-sidebar-branding h1
  3125. {
  3126.   color: #fff;
  3127. }
  3128.  
  3129. #creator-sidebar .creator-sidebar-section a:hover
  3130. {
  3131.   color: #ddd;
  3132. }
  3133.  
  3134. #creator-sidebar> .creator-sidebar-section.selected> h3 a
  3135. {
  3136.   color: #cc181e;
  3137. }
  3138.  
  3139. #creator-sidebar .creator-sidebar-section a
  3140. {
  3141.   color: #aaa;
  3142. }
  3143.  
  3144. #creator-sidebar> #creator-sidebar-section-id-dashboard.selected> h3 a, #creator-sidebar> #creator-sidebar-section-id-your-contributions.selected> h3 a, #creator-sidebar .creator-sidebar-section a:hover
  3145. {
  3146.   background: #090a0c;
  3147. }
  3148.  
  3149. #creator-sidebar .creator-sidebar-item.selected, #creator-sidebar .creator-sidebar-submenu .creator-sidebar-item.selected a:hover, #creator-sidebar .creator-sidebar-submenu a.creator-sidebar-section-link.selected, #creator-sidebar .creator-sidebar-single-section.selected a, #creator-sidebar .creator-sidebar-single-section.selected a:hover
  3150. {
  3151.   background: #cc181e;
  3152. }
  3153.  
  3154. #creator-sidebar-separator
  3155. {
  3156.   border: none;
  3157. }
  3158.  
  3159. #creator-sidebar .creator-sidebar-section a
  3160. {
  3161.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  3162. }
  3163.  
  3164. #creator-sidebar .creator-sidebar-submenu li a
  3165. {
  3166.   padding: 5px 0;
  3167. }
  3168.  
  3169. #creator-sidebar .creator-sidebar-section:not(.selected) h3 a> .studio-icon
  3170. {
  3171.   filter: contrast(0%) brightness(140%);
  3172.   transition: all .25s ease-in-out;
  3173. }
  3174.  
  3175. #creator-sidebar .creator-sidebar-section:not(.selected) h3 a:hover> .studio-icon
  3176. {
  3177.   filter: contrast(0%) brightness(200%);
  3178. }
  3179.  
  3180. #creator-sidebar .creator-sidebar-bullet
  3181. {
  3182.   height: 10px !important;
  3183.   line-height: 10px !important;
  3184. }
  3185.  
  3186. #dashboard-header h2 a:hover, #dashboard-header h3 a:hover, #dashboard-header .dashboard-stat-value, .add-widget-menu-content h3, .add-widget-menu-item:not(.added):hover
  3187. {
  3188.   color: #fff;
  3189. }
  3190.  
  3191. #dashboard-header h2 a, #dashboard-header .dashboard-stat-name, #dashboard-header .add-widget-button-label, .add-widget-menu-item, .add-widget-menu-content.widget-limit .add-widget-menu-item:hover
  3192. {
  3193.   color: #ddd;
  3194. }
  3195.  
  3196. .add-widget-menu-item:hover .add-widget-menu-item-contents
  3197. {
  3198.   background: #121317;
  3199. }
  3200.  
  3201. #dashboard-header .add-widget-button
  3202. {
  3203.   background: transparent !important;
  3204. }
  3205.  
  3206. #dashboard-header-stats li, .add-widget-menu-content li
  3207. {
  3208.   border: none;
  3209. }
  3210.  
  3211. .add-widget-menu-item-contents
  3212. {
  3213.   border-radius: 0 !important;
  3214. }
  3215.  
  3216. #dashboard-header .yt-thumb-46
  3217. {
  3218.   border-radius: 50%;
  3219. }
  3220.  
  3221. .add-widget-menu-content li
  3222. {
  3223.   padding: 0 !important;
  3224.   margin: 0 !important;
  3225.   height: unset !important;
  3226. }
  3227.  
  3228. .add-widget-menu-item-contents
  3229. {
  3230.   padding: 6px 10px;
  3231. }
  3232.  
  3233. .too-many-widgets-alert .yt-alert-content
  3234. {
  3235.   height: 20px;
  3236.   line-height: 20px;
  3237.   padding: 0;
  3238. }
  3239.  
  3240. #dashboard-header h2, #dashboard-header h3, #dashboard-header .dashboard-stat-value, #dashboard-header .dashboard-stat-name, #dashboard-header .add-widget-button-label
  3241. {
  3242.   text-shadow: none;
  3243. }
  3244.  
  3245. #dashboard-header h2
  3246. {
  3247.   line-height: unset;
  3248. }
  3249.  
  3250. .add-widget-button
  3251. {
  3252.   text-indent: 0;
  3253. }
  3254.  
  3255. .add-widget-button .yt-uix-button-content
  3256. {
  3257.   display: none;
  3258. }
  3259.  
  3260. .dashboard-widget-header:hover h2 a:hover, .dashboard-widget-comments .comment-header a:hover, .dashboard-widget-comments .comment-comment a:hover, .dashboard-widget-comments .comment-footer a:hover, .dashboard-widget-comments .selectable-item:hover .vm-link a:hover, .dashboard-widget-footer .dashboard-widget-view-all-link:hover, .analytics-sparkline-card .infos .total, .dashboard-widget-videos .video-list-item .video-title a:hover
  3261. {
  3262.   color: #fff;
  3263. }
  3264.  
  3265. .dashboard-widget-header h2, .dashboard-widget-header h2 a, .dashboard-widget-header:hover h2 a, .dashboard-widget.notification, .dashboard-widget .dashboard-widget-content, .dashboard-widget .dashboard-widget-config, .dashboard-widget-comments .comment-header a, .dashboard-widget-comments .comment-comment a, .dashboard-widget-comments .comment-footer a, .dashboard-widget-comments .selectable-item:hover .vm-link a, .dashboard-widget-footer .dashboard-widget-view-all-link, .analytics-sparkline-card .infos .title, .dashboard-widget-videos .video-list-item .video-title a
  3266. {
  3267.   color: #ddd;
  3268. }
  3269.  
  3270. .dashboard-widget-display-subtitle, .dashboard-widget-comments .comment-time, .dashboard-widget-comments .comment-comment, .dashboard-widget-comments .comment-footer, .dashboard-widget-todos .todo-description-text
  3271. {
  3272.   color: #aaa;
  3273. }
  3274.  
  3275. .dashboard-widget.notification, .dashboard-widget .dashboard-widget-content, .dashboard-widget .dashboard-widget-config
  3276. {
  3277.   background: #191a1f;
  3278. }
  3279.  
  3280. .dashboard-widget-header:hover, .dashboard-widget .dashboard-widget-config .dashboard-widget-header, .dashboard-widget.yt-uix-dragdrop-dragged-item .dashboard-widget-header, .dashboard-widget.yt-uix-dragdrop-cursor-follower .dashboard-widget-header, .dashboard-widget-footer .dashboard-widget-view-all-link:hover, .analytics-sparkline-card:hover, .video-list-item .yt-uix-button-group a:hover, .dashboard-widget-todos .todo-item:hover
  3281. {
  3282.   background: #121317;
  3283. }
  3284.  
  3285. .dashboard-widget-footer .dashboard-widget-view-all-link
  3286. {
  3287.   background: #090a0c;
  3288. }
  3289.  
  3290. .video-list-item .video-title a:hover
  3291. {
  3292.   background: transparent;
  3293. }
  3294.  
  3295. .dashboard-widget-header, .dashboard-widget-footer .dashboard-widget-view-all-link, .analytics-sparkline-card, .dashboard-widget-todos .todo-item
  3296. {
  3297.   transition: color .25s cubic-bezier(.25, .08, .44, 1), background 200ms cubic-bezier(.56, .01, .73, .96);
  3298. }
  3299.  
  3300. .dashboard-widget-header, .dashboard-widget-overlay-icon, .dashboard-widget-display-title, .dashboard-widget .dashboard-widget-config .dashboard-widget-header, .dashboard-widget.yt-uix-dragdrop-dragged-item .dashboard-widget-header, .dashboard-widget.yt-uix-dragdrop-cursor-follower .dashboard-widget-header, .dashboard-widget.yt-uix-dragdrop-dragged-item .dashboard-widget-display-title, .dashboard-widget.yt-uix-dragdrop-cursor-follower .dashboard-widget-display-title, .dashboard-widget.yt-uix-dragdrop-dragged-item .dashboard-widget-header .dashboard-widget-header-controls, .dashboard-widget.yt-uix-dragdrop-cursor-follower .dashboard-widget-header .dashboard-widget-header-controls, .dashboard-widget-todos .todo-item, .dashboard-widget-todos .todo-description
  3301. {
  3302.   border: none !important;
  3303. }
  3304.  
  3305. .yt-uix-button-dashboard-widget-config, .yt-uix-button-dashboard-widget-remove
  3306. {
  3307.   opacity: 1 !important;
  3308.   filter: none !important;
  3309. }
  3310.  
  3311. .dashboard-widget-header h2
  3312. {
  3313.   padding-top: 10px;
  3314. }
  3315.  
  3316. .yt-uix-button-icon-dashboard-widget-config
  3317. {
  3318.   width: 20px !important;
  3319.   height: 20px !important;
  3320.   line-height: 20px !important;
  3321.   text-align: center !important;
  3322. }
  3323.  
  3324. .dashboard-widget-todos .todo-item .yt-creator-tip-icon-fyi, .dashboard-widget-todos .todo-item .yt-creator-tip-icon-channel
  3325. {
  3326.   font-size: 20px !important;
  3327.   color: #fff !important;
  3328. }
  3329.  
  3330. .dashboard-widget-padded-content .vm-video-metric-icon
  3331. {
  3332.   width: 12px !important;
  3333.   height: 12px !important;
  3334.   line-height: 12px !important;
  3335.   text-align: center !important;
  3336.   font-size: 10px !important;
  3337. }
  3338.  
  3339. .dashboard-widget-todos .todo-item .todo-arrow, .dashboard-widget-todos .todo-item .todo-dismiss
  3340. {
  3341.   width: 16px !important;
  3342.   height: 16px !important;
  3343.   line-height: 16px !important;
  3344.   text-align: center !important;
  3345.   font-size: 12px !important;
  3346. }
  3347.  
  3348. .dashboard-widget-todos .todo-item .todo-arrow
  3349. {
  3350.   font-size: 14px !important;
  3351.   top: 2px !important;
  3352. }
  3353.  
  3354. .video-settings-add-tag, .metadata-container h3, .single-field, #player-and-info-pane #video-info h2, .creator-editor-title a:hover
  3355. {
  3356.   color: #fff;
  3357. }
  3358.  
  3359. .metadata-share-text, .metadata-thumbnail-chooser h3, .yt-chip, .metadata-tab[data-tab-id="advanced-settings"], .metadata-user-warning, .sharing-networks-label, #player-and-info-pane #video-info dt, .creator-editor-title a, .creator-editor-nav-tabs li> span, .creator-editor-nav-tabs li a
  3360. {
  3361.   color: #ddd;
  3362. }
  3363.  
  3364. .custom-thumb-text, .metadata-syndication-disabled .metadata-syndication-option-desc, .metadata-syndication-disabled .metadata-syndication-label, #player-and-info-pane #video-info dd
  3365. {
  3366.   color: #aaa;
  3367. }
  3368.  
  3369. .basic-info-tab .sharing-network-setting .yt-uix-form-input-checkbox-element
  3370. {
  3371.   background: #e74c3c;
  3372. }
  3373.  
  3374. .yt-chip, #creator-editor-container
  3375. {
  3376.   background: #191a1f;
  3377. }
  3378.  
  3379. .metadata-button-hover.yt-uix-button, .translation-editor-metadata-input-group .yt-uix-form-input-fluid .yt-uix-form-input-text:hover
  3380. {
  3381.   background: #121317 !important;
  3382. }
  3383.  
  3384. .video-settings-tag-chips-container.yt-uix-form-input-textarea:hover, .sharing-balloon, .sharing-balloon .yt-uix-form-input-textarea:focus
  3385. {
  3386.   background: #090a0c;
  3387. }
  3388.  
  3389. .metadata-container, .metadata-editor-container .video-settings-form, .video-settings-add-tag, .basic-info-tab .sharing-custom-message-input[disabled]
  3390. {
  3391.   background: transparent;
  3392. }
  3393.  
  3394. .metadata-editor-container .subnav, .basic-info-tab .custom-thumb-area, .yt-chip, .translation-editor-original-input, .translation-editor-original-input:hover, .translation-editor-original-input:focus, .translation-editor-header .translation-editor-column-half, .translation-editor-header .translation-editor-column-divider, .sharing-balloon, .creator-editor-header, .creator-editor-nav
  3395. {
  3396.   border: none !important;
  3397. }
  3398.  
  3399. .yt-thumb-46
  3400. {
  3401.   border-radius: 50%;
  3402. }
  3403.  
  3404. .yt-chip
  3405. {
  3406.   border-radius: 0;
  3407. }
  3408.  
  3409. .yt-chip
  3410. {
  3411.   box-shadow: none;
  3412. }
  3413.  
  3414. .sharing-balloon::before, .sharing-balloon::after
  3415. {
  3416.   display: none;
  3417. }
  3418.  
  3419. .orbis-logo
  3420. {
  3421.   font-size: 38px !important;
  3422. }
  3423.  
  3424. #creator-subheader h2, .vm-list-view .vm-video-title a.vm-video-title-content:hover, .vm-list-view .vm-video-metrics .vm-video-metric-value:hover, .vm-list-view .vm-video-metrics a:hover .vm-video-metric-value, #vm-bulk-actions-selection, #vm-bulk-actions-selection-link:hover .yt-uix-button-content, #creator-subheader #creator-subheader-item-count, .yt-ui-menu-content .yt-ui-menu-item.menu-subheading, .yt-ui-menu-content .yt-ui-menu-item.menu-subheading-notice, #vm-bulk-actions-editing-header
  3425. {
  3426.   color: #fff;
  3427. }
  3428.  
  3429. .vm-list-view .vm-video-side-view-count a, .vm-list-view .vm-video-title .vm-video-title-content, .vm-list-view .vm-video-metrics .vm-video-metric-value, #vm-bulk-actions-selection-link .yt-uix-button-content
  3430. {
  3431.   color: #ddd;
  3432. }
  3433.  
  3434. .vm-list-view .vm-video-info, #non-appbar-vm-video-actions-bar .vm-video-actions-inner #vm-view-filter-label, .vm-copyright-filter-wrapper, .advanced-text-input
  3435. {
  3436.   color: #aaa;
  3437. }
  3438.  
  3439. #vm-bulk-actions-selection
  3440. {
  3441.   background: #de8c3b;
  3442. }
  3443.  
  3444. .advanced-search-buttons #clear-all-button:hover
  3445. {
  3446.   background: #191a1f;
  3447. }
  3448.  
  3449. .vm-list-view .vm-video-list .vm-video-item.selected, #vm-bulk-actions-editing-header, #advanced-search-id-label .yt-uix-form-input-text, #advanced-search-title-label .yt-uix-form-input-text, #advanced-search-tag-label .yt-uix-form-input-text, #advanced-search-has-words-label .yt-uix-form-input-text, .advanced-search-date .yt-uix-form-input-text, .advanced-search-buttons #clear-all-button
  3450. {
  3451.   background: #121317;
  3452. }
  3453.  
  3454. #creator-subheader #creator-subheader-item-count, .advanced-search-footer, .vm-video-title-badges .yt-badge
  3455. {
  3456.   background: #090a0c;
  3457. }
  3458.  
  3459. .vm-list-view .vm-video-list .vm-video-item, .vm-list-view .vm-video-item-content-horizontal-divider, #non-appbar-vm-video-actions-bar, #non-appbar-vm-video-actions-bar .vm-video-actions-bar, .vm-list-view .vm-video-metrics a:hover, #vm-pagination, .yt-ui-menu-content .yt-ui-menu-item.menu-subheading, .yt-ui-menu-content .yt-ui-menu-item.menu-subheading-notice, #vm-view-btn
  3460. {
  3461.   background: transparent;
  3462. }
  3463.  
  3464. .vm-list-view .vm-video-list .vm-video-item
  3465. {
  3466.   border-bottom: 2px solid #090a0c;
  3467. }
  3468.  
  3469. #non-appbar-vm-video-actions-bar .vm-video-actions-inner, #vm-bulk-actions-progress-bar, #vm-bulk-actions-selection, .yt-ui-menu-content .yt-ui-menu-item.menu-subheading, .yt-ui-menu-content .yt-ui-menu-item.menu-subheading-notice, .menu-item-top-divider, #vm-bulk-actions-editing-header, #vm-bulk-actions-editing-buttons
  3470. {
  3471.   border: none;
  3472. }
  3473.  
  3474. #vm-bulk-actions-selection-link
  3475. {
  3476.   text-decoration: none;
  3477. }
  3478.  
  3479. #vm-myvideos-search-box, #vm-playlists-search-box
  3480. {
  3481.   height: 18px;
  3482. }
  3483.  
  3484. .vm-video-title-badges .yt-badge
  3485. {
  3486.   padding: 3px 6px;
  3487. }
  3488.  
  3489. #vm-bulk-actions-editing-button-add::before
  3490. {
  3491.   width: 20px !important;
  3492.   height: 28px !important;
  3493.   line-height: 28px !important;
  3494.   text-align: center !important;
  3495. }
  3496.  
  3497. .C2KYWWB-P-s .C2KYWWB-P-B, .C2KYWWB-N-e h3, .C2KYWWB-N-g h2 a:hover, .C2KYWWB-d-a .C2KYWWB-d-b, .C2KYWWB-P-l .C2KYWWB-f-c:hover .C2KYWWB-f-f, .C2KYWWB-P-l .C2KYWWB-f-h .C2KYWWB-f-f, a.C2KYWWB-P-o:hover, .C2KYWWB-P-e, .C2KYWWB-P-d var, .C2KYWWB-b-c a:hover, .C2KYWWB-ab-q .C2KYWWB-ab-F, .C2KYWWB-lb-d, .C2KYWWB-q-b:hover
  3498. {
  3499.   color: #fff;
  3500. }
  3501.  
  3502. .C2KYWWB-P-w, .C2KYWWB-P-b, .C2KYWWB-N-g h2 a, a.C2KYWWB-P-o, .C2KYWWB-P-g, .C2KYWWB-b-c, .C2KYWWB-b-c a, .C2KYWWB-ab-F, .C2KYWWB-R-q, .C2KYWWB-lb-e, .C2KYWWB-q-b
  3503. {
  3504.   color: #ddd;
  3505. }
  3506.  
  3507. .C2KYWWB-P-I, .C2KYWWB-N-l, .C2KYWWB-lb-a, .C2KYWWB-lb-c, .C2KYWWB-q-d
  3508. {
  3509.   color: #aaa;
  3510. }
  3511.  
  3512. .C2KYWWB-P-F, .C2KYWWB-N-b
  3513. {
  3514.   color: #cc181e;
  3515. }
  3516.  
  3517. .C2KYWWB-P-H
  3518. {
  3519.   color: #11921a;
  3520. }
  3521.  
  3522. .C2KYWWB-P-p:hover, .C2KYWWB-P-c:hover, .C2KYWWB-ib-r, .C2KYWWB-R-l td:nth-child(3):hover, .C2KYWWB-R-l td:nth-child(4):hover
  3523. {
  3524.   background: #121317;
  3525. }
  3526.  
  3527. .C2KYWWB-N-b, .C2KYWWB-ib-z.C2KYWWB-ib-x .C2KYWWB-ib-h, .C2KYWWB-E-g
  3528. {
  3529.   background: #090a0c;
  3530. }
  3531.  
  3532. .C2KYWWB-b-d, .C2KYWWB-P-D, .C2KYWWB-f-a, .C2KYWWB-ib-p, .C2KYWWB-ib-m, .C2KYWWB-P-h
  3533. {
  3534.   background: transparent;
  3535. }
  3536.  
  3537. .C2KYWWB-ib-A
  3538. {
  3539.   transition: color .25s cubic-bezier(.25, .08, .44, 1);
  3540. }
  3541.  
  3542. .C2KYWWB-ib-y tr, .C2KYWWB-R-l td
  3543. {
  3544.   transition: background .25s cubic-bezier(.25, .08, .44, 1);
  3545. }
  3546.  
  3547. .C2KYWWB-P-p, .C2KYWWB-P-c
  3548. {
  3549.   transition: all .25s cubic-bezier(.25, .08, .44, 1);
  3550. }
  3551.  
  3552. .C2KYWWB-P-x, .C2KYWWB-P-c, .C2KYWWB-P-m, .C2KYWWB-P-z, .C2KYWWB-ib-y, .C2KYWWB-ib-y tr, .C2KYWWB-R-l tr, .C2KYWWB-R-d, .C2KYWWB-E-g
  3553. {
  3554.   border: none !important;
  3555. }
  3556.  
  3557. .C2KYWWB-E-l .C2KYWWB-E-e, .C2KYWWB-E-l .C2KYWWB-E-h
  3558. {
  3559.   border-right-color: #090a0c;
  3560.   left: 2px;
  3561. }
  3562.  
  3563. .C2KYWWB-N-b, .C2KYWWB-E-g
  3564. {
  3565.   border-radius: 0;
  3566. }
  3567.  
  3568. .C2KYWWB-ib-n.C2KYWWB-ib-t, .C2KYWWB-ib-p.C2KYWWB-ib-t
  3569. {
  3570.   box-shadow: none;
  3571. }
  3572.  
  3573. .C2KYWWB-ib-w, .C2KYWWB-ib-C.C2KYWWB-ib-B, .C2KYWWB-ib-C.C2KYWWB-ib-v .C2KYWWB-ib-A, .C2KYWWB-ib-y .C2KYWWB-ib-s
  3574. {
  3575.   opacity: 1 !important;
  3576.   filter: none !important;
  3577. }
  3578.  
  3579. .C2KYWWB-N-j
  3580. {
  3581.   display: none;
  3582. }
  3583.  
  3584. .C2KYWWB-V-b .C2KYWWB-V-c, .C2KYWWB-V-k .C2KYWWB-V-c
  3585. {
  3586.   background: #090a0c;
  3587. }
  3588.  
  3589. .C2KYWWB-V-b.C2KYWWB-V-i .C2KYWWB-V-a
  3590. {
  3591.   border-bottom-color: #090a0c;
  3592. }
  3593.  
  3594. .chart svg text, .C2KYWWB-P-L svg text
  3595. {
  3596.   fill: #fff;
  3597. }
  3598.  
  3599. .chart svg path
  3600. {
  3601.   stroke: #cc181e;
  3602. }
  3603.  
  3604. .C2KYWWB-P-L svg *[fill="#ffffff"], .C2KYWWB-P-L svg *[fill="#dddddd"]
  3605. {
  3606.   fill: #090a0c;
  3607. }
  3608.  
  3609. .C2KYWWB-P-L svg *[stroke="#ffffff"], .C2KYWWB-P-L svg *[stroke="#dddddd"]
  3610. {
  3611.   stroke: #090a0c;
  3612. }
  3613.  
  3614. .C2KYWWB-P-L svg *[fill="#cccccc"]
  3615. {
  3616.   fill: #121317;
  3617. }
  3618.  
  3619. .C2KYWWB-P-L svg *[stroke="#cccccc"]
  3620. {
  3621.   stroke: #121317;
  3622. }
  3623.  
  3624. .C2KYWWB-P-L svg *[fill="#5f8fc9"]
  3625. {
  3626.   fill: #cc181e;
  3627. }
  3628.  
  3629. .C2KYWWB-P-L svg *[stroke="#5f8fc9"]
  3630. {
  3631.   stroke: #cc181e;
  3632. }
  3633. }
  3634.  
  3635. @-moz-document regexp("https?://apis.google.com/u/0/(b/([0-9]+)/)?_/hovercard/.*") {
  3636. a
  3637.   {
  3638.     color: #aaa !important;
  3639.     transition: color .25s cubic-bezier(.25, .08, .44, 1) !important;
  3640.     text-decoration: none !important;
  3641.   }
  3642.  
  3643.   a:hover
  3644.   {
  3645.     color: #fff !important;
  3646.   }
  3647.  
  3648.   .nbc
  3649.   {
  3650.     background: #121317;
  3651.     color: #fff;
  3652.     border: none;
  3653.     border-radius: 0;
  3654.   }
  3655.  
  3656.   .eI, .fI, .dI
  3657.   {
  3658.     background: transparent !important;
  3659.     opacity: 1 !important;
  3660.   }
  3661.  
  3662.   .eI:before, .fI:before, .dI:before
  3663.   {
  3664.     font: normal normal normal 15px FontAwesome;
  3665.     color: #aaa;
  3666.     transition: color .25s cubic-bezier(.25, .08, .44, 1);
  3667.   }
  3668.  
  3669.   .eI:hover:before, .fI:hover:before, .dI:hover:before
  3670.   {
  3671.     color: #fff;
  3672.   }
  3673.  
  3674.   .dI:before
  3675.   {
  3676.     content: "\f2b3";
  3677.     font-size: 20px;
  3678.   }
  3679.  
  3680.   .eI:before, .fI:before
  3681.   {
  3682.     content: "\f058";
  3683.     position: absolute;
  3684.     font-size: 10px;
  3685.   }
  3686.  
  3687.   .tpd
  3688.   {
  3689.     background: #090a0c;
  3690.     color: #cc181e;
  3691.     padding: 4px;
  3692.     border: none;
  3693.   }
  3694. }
Add Comment
Please, Sign In to add comment