☰

youtube redux plus

makes youtube redux accurate to old youtube

このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください。 
  1.  /* ==UserStyle==
  2. @name           youtube redux plus
  3. @namespace      yomama
  4. @version        0.3.1
  5. @description    makes youtube redux accurate to old youtube
  6. @author         legosavant
  7. @preprocessor default
  8. @license        gplv3
  9. ==/UserStyle== */
  10.  
  11. @-moz-document domain("www.youtube.com") {
  12. /*options: disable custom comments and video scalers*/
  13. /*cancer*/
  14. ytd-app, html {
  15.     scrollbar-color:initial;
  16.     --yt-spec-call-to-action:#128ee9;
  17.     background:#f1f1f1
  18. }
  19. :root {
  20.     --globalthumb:196px;
  21.     --globalthumbh:110px
  22. }
  23. ytd-app::-webkit-scrollbar, html::-webkit-scrollbar {
  24.     border-radius:0;
  25.     background:initial;
  26. }
  27. yt-interaction, paper-ripple, paper-ripple.tp-yt-paper-button, .masthead-skeleton-icon {
  28.     display:none!important
  29. }
  30. body.lock-scrollbar {
  31.     position:static
  32. }
  33. #engagement-panel-scrim.ytd-watch-flexy, tp-yt-iron-overlay-backdrop {
  34.     background-color:rgba(255,255,255,.5)
  35. }
  36. yt-formatted-string#text.ytd-channel-name {
  37.     font-size:11px!important;
  38.     line-height:normal
  39. }
  40. .html5-video-player {
  41.     background:#000
  42. }
  43. /*masthead*/
  44.     /*general*/
  45. #masthead-container.ytd-app {
  46.     height:50px
  47. }
  48. #masthead-container.ytd-app #masthead:not([dark]) {
  49.     height:49px
  50. }
  51. #container.ytd-masthead {
  52.     height:49px;
  53.     padding-left:23px
  54. }
  55. #guide-spacer.ytd-app {
  56.     margin-top:50px
  57. }
  58. #page-manager.ytd-app {
  59.     margin-top:50px
  60. }
  61.     /*buttons*/
  62. yt-img-shadow.ytd-topbar-menu-button-renderer, yt-img-shadow.ytd-topbar-menu-button-renderer img {
  63.     width:27px;
  64.     height:27px;
  65.     border-radius:50%
  66. }
  67. button.ytd-topbar-menu-button-renderer {
  68.     padding:0
  69. }
  70. #end.ytd-masthead {
  71.     height:100%;
  72.     padding-right:7px
  73. }
  74. ytd-notification-topbar-button-renderer yt-icon {
  75.     top: -2px;
  76.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflq9QGbD.webp) -98px -20px;
  77.     fill:none;
  78.     height:30px;
  79.     opacity:.55
  80. }
  81. ytd-notification-topbar-button-renderer yt-icon:hover {
  82.     opacity:.85
  83. }
  84. ytd-notification-topbar-button-renderer .yt-spec-icon-badge-shape__icon{
  85.     height:30px
  86. }
  87. #buttons.ytd-masthead > .ytd-masthead:not(:last-child) {
  88.     margin-right:1px
  89. }
  90. ytd-topbar-menu-button-renderer:first-of-type yt-icon-button yt-icon {
  91.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflq9QGbD.webp) -11px -406px;
  92.     content:none!important;
  93.     fill:none!important;
  94.     width:24px;
  95.     height:24px;
  96.     filter:none;
  97.     opacity:.5;
  98. }
  99. ytd-topbar-menu-button-renderer:first-of-type yt-icon-button:hover yt-icon {
  100.     opacity:.6
  101. }
  102. ytd-topbar-menu-button-renderer:first-of-type yt-icon-button:active yt-icon {
  103.     opacity:1
  104. }
  105. ytd-topbar-menu-button-renderer:first-of-type {
  106.     padding-right:21px
  107. }
  108. .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge {
  109.     border-radius:2px;
  110.     padding:0 1px;
  111.     z-index: 100;
  112.     min-width: 15px;
  113.     border-bottom: 1px solid #fff;
  114.     border-left: 1px solid #fff;
  115.     background: #cb4437;
  116.     color: #fff;
  117.     font-weight:500;
  118.     transform-style: preserve-3d;
  119.     font-size:11px
  120. }
  121. .yt-spec-icon-badge-shape--type-notification .yt-spec-icon-badge-shape__badge:before {
  122.     content:"";
  123.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -35px -244px;
  124.     width: 30px;
  125.     height: 30px;
  126.     display:inline-block;
  127.     position:absolute;
  128.     left:-13px;
  129.     opacity:.55;
  130.     transform: translateZ(-10px)
  131. }
  132. .yt-spec-icon-badge-shape:hover .yt-spec-icon-badge-shape__badge:before {
  133.     opacity:.85
  134. }
  135. .yt-spec-icon-badge-shape > div:nth-last-child(2) {
  136.     opacity:0
  137. }
  138. .badge-style-type-verified-artist.badge.ytd-badge-supported-renderer {
  139.     display:none
  140. }
  141.     /*guide*/
  142. #guide-icon {
  143.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflcdq1Wx.png) -285px -276px;
  144.     height:16px;
  145.     width:16px;
  146.     fill:none
  147. }
  148. #masthead:hover #guide-icon {
  149.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflcdq1Wx.png) -29px -394px;
  150. }
  151. #guide-icon.ytd-app {
  152.     fill:none
  153. }
  154. #guide-button button {
  155.     padding:0 10px;
  156.     box-sizing:content-box;
  157.     height:28px;
  158.     width:16px;
  159.     border:1px solid transparent
  160. }
  161. yt-icon-button.ytd-masthead, #guide-button.ytd-app {
  162.     padding:0;
  163.     width:auto;
  164.     height:auto
  165. }
  166. #header.ytd-app {
  167.     padding-left:23px
  168. }
  169. .tp-yt-app-drawer {
  170.     transition:none!important;
  171. }
  172. [style="transition-duration: 200ms; touch-action: pan-y;"]  #contentContainer.tp-yt-app-drawer[opened] #guide-inner-content{
  173.     box-shadow:5px 10px 15px 5px rgba(0,0,0,.1);
  174.     clip-path:inset(0 -20px 0 0);
  175.     border-top:1px solid #e8e8e8 
  176. }
  177. #contentContainer.tp-yt-app-drawer[opened] #guide-inner-content {
  178.     border-right:1px solid #e8e8e8
  179. }
  180. tp-yt-app-drawer#guide[position="left"] {
  181.     border:0
  182. }
  183. #header.ytd-app {
  184.     height:49px
  185. }
  186.     /*logo*/
  187. ytd-masthead #logo-icon-container, #contentContainer #logo-icon-container, ytd-topbar-logo-renderer > #logo, #start > #masthead-logo, #masthead > #masthead-logo {
  188.     padding:10px 4px!important
  189. }
  190. #logo.ytd-masthead {
  191.     width:118px
  192. }
  193.     /*searchbox*/
  194. #container.ytd-searchbox {
  195.     margin-left:0;
  196.     height:23px;
  197.     border-right:1px solid var(--ytd-searchbox-legacy-border-color);
  198.     transition: border-color .2s ease;
  199. }
  200. #container.ytd-searchbox:hover {
  201.     border: 1px solid #b9b9b9;
  202.     border-top-color: #a0a0a0;
  203.     box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
  204. }
  205. ytd-searchbox.ytd-masthead {
  206.     padding-left:10px;
  207.     max-width:650px
  208. }
  209. #search-input.ytd-searchbox-spt input {
  210.     font-size:16px;
  211.     line-height:normal;
  212. }
  213. ytd-searchbox[has-focus] #search-icon.ytd-searchbox {
  214.     display:none
  215. }
  216. ytd-searchbox[has-focus] #container.ytd-searchbox {
  217.     padding-left:6px
  218. }
  219. #search-input.ytd-searchbox-spt input::placeholder {
  220.     color:#767676
  221. }
  222. #search-form.ytd-searchbox, #search-icon-legacy.ytd-searchbox {
  223.     max-height:29px;
  224.     width:66px;
  225.     border-left:0
  226. }
  227. #search-icon-legacy.ytd-searchbox {
  228.     padding-left:8px!important;
  229.     padding-right:8px
  230. }
  231. ytd-searchbox#search #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox {
  232.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflcdq1Wx.png) -131px -174px;
  233.     fill:none;
  234.     width:16px!important;
  235.     height:16px!important;
  236.     opacity:.6
  237. }
  238. #search-icon-legacy.ytd-searchbox:focus {
  239.     background:var(--ytd-searchbox-legacy-button-color)
  240. }
  241. #search-icon-legacy.ytd-searchbox:hover {
  242.     border-color: #c6c6c6;
  243.     border-left-color: rgb(198, 198, 198);
  244.     background: #f0f0f0;
  245.     box-shadow: 0 0px 0 rgba(0,0,0,0.10);
  246. }
  247. #search-icon-legacy.ytd-searchbox:active {
  248.     border-color: #c6c6c6;
  249.     border-left-color: rgb(198, 198, 198);
  250.     background: #e9e9e9;
  251.     box-shadow: inset 0 1px 0 #ddd;
  252. }
  253.     /*guesses*/
  254. .sbdd_a {
  255.     margin-top:-2px
  256. }
  257. .sbdd_b {
  258.     border-top:1px solid #ccc
  259. }
  260. .sbpqs_a::before, .sbqs_c::before {
  261.     content:none
  262. }
  263. .sbpqs_a {
  264.     color:#000
  265. }
  266. .gsfs {
  267.     font-size:16px;
  268.     line-height:20px;
  269.     padding:0 6px
  270. }
  271. .sbsb_a {
  272.     padding:0
  273. }
  274. .sbfl_a {
  275.     display:none
  276. }
  277.     /*voice*/
  278. #voice-search-button {
  279.     display:none
  280. }
  281.     /*user menu*/
  282.  
  283. /*new right menu*/
  284. #manage-account.ytd-active-account-header-renderer {
  285.     background-color: #999;
  286.     border-bottom: none;
  287.     color: #fff;
  288.     padding: 6px 15px 7px 15px;
  289.     text-transform: uppercase;
  290.     order:-1;
  291.     margin:0;
  292.     justify-content:initial;
  293.     cursor:pointer;
  294.  
  295. }
  296. #channel-container.ytd-active-account-header-renderer {
  297.     width:100%;
  298.     justify-content:initial
  299. }
  300. ytd-active-account-header-renderer {
  301.     padding:0
  302. }
  303. #manage-account.ytd-active-account-header-renderer a{
  304.     all:unset;
  305.     font:bold 11px roboto
  306. }
  307. #manage-account.ytd-active-account-header-renderer a:hover {
  308.     text-decoration:underline
  309. }
  310. #avatar.ytd-active-account-header-renderer {
  311.     margin:0;
  312.     position:absolute;
  313.     width:64px;
  314.     height:64px;
  315.     margin-left:15px;
  316.     margin-top:38px
  317. }
  318. #avatar.ytd-active-account-header-renderer img {
  319.     margin:0;
  320.     width:64px;
  321.     height:64px
  322. }
  323. #account-name.ytd-active-account-header-renderer, #email.ytd-active-account-header-renderer {
  324.     font:500 13px roboto;
  325.     margin-left:90px
  326. }
  327. #account-name.ytd-active-account-header-renderer {
  328.     margin-top:12px;
  329. }
  330. ytd-active-account-header-renderer {
  331.     border:0;
  332.     min-height:75px
  333. }
  334. tp-yt-paper-item.ytd-compact-link-renderer:before {
  335.     content:none!important
  336. }
  337. ytd-active-account-header-renderer:not([enable-handles-account-menu-switcher]) #account-name.ytd-active-account-header-renderer {
  338.     font-size:13px!important
  339. }
  340. /**************/
  341. /*
  342. ITM     OLD    NEW
  343. channel 1 1     1 1
  344. studio  1 3     1 2
  345. switch  1 4     1 3
  346. sign    1 5     1 4
  347. purchase1 2     2 1
  348. data    2 8     2 2
  349. light
  350. lang
  351. restrict3 X     3 3
  352. location
  353. shortcut2 6     3 5
  354. setting 2 4     4 1
  355. help    2 5     5 X
  356. feedback2 7     5 X
  357. */
  358. /**************/
  359.     /*general*/
  360. [menu-style="multi-page-menu-style-type-system"] .content-icon, [menu-style="multi-page-menu-style-type-system"] #content-icon {
  361.     display:none
  362. }
  363. [menu-style="multi-page-menu-style-type-system"] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
  364.     padding:0 15px
  365. }
  366.     /*channel*/
  367. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(1) {
  368.     background:transparent!important;
  369.     max-width:80px;
  370. }
  371. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(1) #label{
  372.     color:white;
  373.     background-color: rgba(0,0,0,0.4);
  374.     font:500 9px roboto;
  375.     line-height:9px;
  376.     padding:5px 0;
  377.     width:64px;
  378.     margin-bottom:12px;
  379.     text-align:center;
  380. }
  381.     /*switch acc*/
  382. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(3) {
  383.     border-top: 1px solid rgba(0,0,0,0.1);
  384. }
  385.     /*studio*/
  386. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(2) {
  387.     position:absolute;
  388.     top:78px;
  389.     left:90px
  390. }
  391. #container yt-multi-page-menu-section-renderer:nth-child(4) ytd-compact-link-renderer:nth-child(1) {
  392.     position:absolute;
  393.     top:78px;
  394.     left:194px
  395. }
  396. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item, [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(4) ytd-compact-link-renderer:nth-child(1) tp-yt-paper-item {
  397.     border:1px solid #d3d3d3;
  398.     background: #f8f8f8;
  399.     color: #333;
  400.     border-radius: 2px;
  401.     box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
  402.     padding:0 10px;
  403.     height:22px!important;
  404. }
  405. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item:hover, [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(4) ytd-compact-link-renderer:nth-child(1) tp-yt-paper-item:hover {
  406.     border-color: #c6c6c6;
  407.     background: #f0f0f0;
  408.     box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
  409. }
  410. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(4) ytd-compact-link-renderer:nth-child(1) tp-yt-paper-item {
  411.     padding:0 4px
  412. }
  413. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item #label {
  414.     font:400 11px Roboto;
  415. }
  416. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(4) ytd-compact-link-renderer:nth-child(1) tp-yt-paper-item #label {
  417.     font:400 0 roboto
  418. }
  419. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(4) ytd-compact-link-renderer:nth-child(1) tp-yt-paper-item #label{
  420.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflNlthLq.webp) -626px 0;
  421.     background-size: auto;
  422.     width: 20px;
  423.     height: 20px;
  424.     opacity:.5
  425. }
  426. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item #label:hover {
  427.     opacity:1
  428. }
  429. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item #primary-text-container, [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(4) ytd-compact-link-renderer:nth-child(1) tp-yt-paper-item #primary-text-container, [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(5) tp-yt-paper-item #primary-text-container{
  430.     display:inline-block
  431. }
  432. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(2), [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(3) ytd-compact-link-renderer:nth-child(5), [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(3) ytd-compact-link-renderer:nth-child(3), [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(5) {
  433.     display:none
  434. }
  435.     /*sign out*/
  436. #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:not(:last-child) {
  437.     border:0;
  438.     padding-bottom:0;
  439. }
  440. #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:nth-child(2) {
  441.     padding-top:0;
  442.     padding-bottom:0px;
  443. }
  444. #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer:nth-child(3) {
  445.     padding-top:0
  446. }
  447. [menu-style="multi-page-menu-style-type-system"] #container #sections {
  448.     padding-bottom:48px;
  449.     background:#f5f5f5
  450. }
  451. [menu-style="multi-page-menu-style-type-system"] #container #sections yt-multi-page-menu-section-renderer {
  452.     background:#fff
  453. }
  454. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(4) {
  455.     position:absolute;
  456.     bottom:10px;
  457.     right:15px
  458. }
  459. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(1) {
  460.     position:absolute;
  461.     bottom:10px;
  462.     left:15px
  463. }
  464.  
  465. [menu-style="multi-page-menu-style-type-system"] yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item.ytd-compact-link-renderer, [menu-style="multi-page-menu-style-type-system"] yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(1) tp-yt-paper-item.ytd-compact-link-renderer {
  466.     background: #f8f8f8;
  467.     height: 28px!important;
  468.     border: solid 1px #d3d3d3;
  469.     padding: 0 10px;
  470.     outline: 0;
  471.     font-weight: 500;
  472.     font-size: 11px;
  473.     text-decoration: none;
  474.     white-space: nowrap;
  475.     word-wrap: normal;
  476.     line-height: normal;
  477.     vertical-align: middle;
  478.     cursor: pointer;
  479.     *overflow: visible;
  480.     border-radius: 2px;
  481.     box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
  482. }
  483. [menu-style="multi-page-menu-style-type-system"] yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item.ytd-compact-link-renderer #subtitle.ytd-compact-link-renderer, [menu-style="multi-page-menu-style-type-system"] yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(1) tp-yt-paper-item.ytd-compact-link-renderer #subtitle.ytd-compact-link-renderer {
  484.     display:none
  485. }
  486. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item.ytd-compact-link-renderer #label, [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(1) tp-yt-paper-item.ytd-compact-link-renderer #label {
  487.     color: #333;
  488.     font:500 11px Roboto
  489. }
  490. [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(4) tp-yt-paper-item.ytd-compact-link-renderer:hover, [menu-style="multi-page-menu-style-type-system"] #container yt-multi-page-menu-section-renderer:nth-child(2) ytd-compact-link-renderer:nth-child(1) tp-yt-paper-item.ytd-compact-link-renderer:hover {
  491.     border-color: #c6c6c6;
  492.     background: #f0f0f0;
  493.     box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
  494. }
  495.     /*submenus suck*/
  496. [menu-style="multi-page-menu-style-type-system"] #submenu ytd-compact-link-renderer.yt-multi-page-menu-section-renderer {
  497.     position:static!important;
  498.     background: #f5f5f5!important;
  499.     border-top: 1px solid rgba(0,0,0,0.1);
  500.     min-height:28px
  501. }
  502. [menu-style="multi-page-menu-style-type-system"] #submenu yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(1) {
  503.     border:0!important
  504. }
  505. [menu-style="multi-page-menu-style-type-system"] #submenu tp-yt-paper-item {
  506.     border:0!important;
  507.     padding:0 15px;
  508.     box-shadow:none!important;
  509.     border-radius:0;
  510.     margin:0;
  511.     height:28px!important
  512. }
  513. [menu-style="multi-page-menu-style-type-system"] #submenu yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(2) tp-yt-paper-item {
  514.     height:28px!important
  515. }
  516. [menu-style="multi-page-menu-style-type-system"] #submenu #label {
  517.     font:500 13px roboto!important;
  518.     margin:0!important;
  519.     line-height:28px
  520. }
  521. [menu-style="multi-page-menu-style-type-system"] #submenu yt-multi-page-menu-section-renderer:nth-child(1) ytd-compact-link-renderer:nth-child(1) #label {
  522.     all:unset;
  523.     font:400 13px roboto!important;
  524.     padding-top:10px;
  525.     padding-bottom:10px
  526. }
  527. [menu-style="multi-page-menu-style-type-system"] #submenu #sections {
  528.     padding-bottom:0;
  529.     border:0
  530. }
  531. [menu-style="multi-page-menu-style-type-system"] #submenu #sections.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer {
  532.     padding:0
  533. }
  534. [menu-style="multi-page-menu-style-type-system"] #submenu ytd-simple-menu-header-renderer {
  535.     border:0;
  536.     min-height:0;
  537.     background-color: #999;
  538.     border-bottom: none;
  539.     color: #fff;
  540.     order:-1;
  541.     margin:0;
  542.     justify-content:initial;
  543. }
  544. [menu-style="multi-page-menu-style-type-system"] #submenu ytd-simple-menu-header-renderer yt-formatted-string {
  545.     text-transform: uppercase;
  546.     font:bold 11px roboto;
  547.     line-height:24px
  548. }
  549. [menu-style="multi-page-menu-style-type-system"] #submenu ytd-simple-menu-header-renderer ytd-button-renderer #button.ytd-button-renderer {
  550.     padding:0;
  551.     height:20px;
  552.     width:20px;
  553.     color:#fff
  554. }
  555. h2.ytd-simple-menu-header-renderer {
  556.     height:26px
  557. }
  558. ytd-toggle-theme-compact-link-renderer {
  559.     height:24px;
  560.     min-height:0;
  561.     padding:0 15px
  562. }
  563. .ytd-account-item-section-renderer .content-icon {
  564.     display:inline-block
  565. }
  566. .ytd-account-item-section-renderer ytd-account-item-renderer[enable-ring-for-active-account] yt-img-shadow.ytd-account-item-renderer {
  567.     border-radius:0;
  568.     border:0;
  569.     width:36px;
  570.     height:36px
  571. }
  572.  .ytd-account-item-section-renderer img {
  573.     height:36px;
  574.     width:36px;
  575. }
  576. .ytd-account-item-section-renderer #contentIcon {
  577.     height:36px;
  578.     width:36px;
  579.     padding-right:10px
  580. }
  581. tp-yt-paper-icon-item.ytd-account-item-renderer {
  582.     height:50px;
  583.     min-height:50px;
  584.     border-bottom:1px solid rgba(0,0,0,0.1);
  585. }
  586. tp-yt-paper-icon-item.ytd-account-item-renderer:before {
  587.     content:none!important
  588. }
  589. [menu-style="multi-page-menu-style-type-system"] #submenu #footer tp-yt-paper-item {
  590.     background:#f8f8f8
  591. }
  592. [menu-style="multi-page-menu-style-type-system"] #submenu #footer ytd-compact-link-renderer.yt-multi-page-menu-section-renderer {
  593.     max-width:none!important
  594. }
  595. ytd-google-account-header-renderer.ytd-account-section-list-renderer{
  596.     background:#fff;
  597.     border-bottom:1px solid rgba(0,0,0,0.1);
  598. }
  599. #container.ytd-google-account-header-renderer{
  600.     border-bottom:none
  601. }
  602. #footer.ytd-multi-page-menu-renderer > .ytd-multi-page-menu-renderer {
  603.     padding-top:0
  604. }
  605. [menu-style="multi-page-menu-style-type-system"]#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer, [menu-style="multi-page-menu-style-type-system"] tp-yt-paper-item {
  606.     min-height:auto!important;
  607.     height:auto!important;
  608. }
  609. [menu-style="multi-page-menu-style-type-system"] #header.ytd-multi-page-menu-renderer:after {
  610.     content:"";
  611.     display:inline-block;
  612.     border:12px solid transparent;
  613.     border-top-width:0;
  614.     border-bottom-color:#999;
  615.     position:absolute;
  616.     top:-8px;
  617.     right:10px
  618. }
  619.         /*theater fix*/
  620. html:not([dark]) ytd-masthead[dark] {
  621.     --ytd-searchbox-border-color: hsla(0, 0%, 53.3%, 0.2);
  622.     --ytd-searchbox-legacy-border-color: #ccc;
  623.     --ytd-searchbox-legacy-border-shadow-color: #eee;
  624.     --ytd-searchbox-legacy-button-color: #f8f8f8;
  625.     --ytd-searchbox-legacy-button-border-color: #d3d3d3;
  626.     --ytd-searchbox-legacy-button-focus-color: #e9e9e9;
  627.     --ytd-searchbox-legacy-button-hover-color: #f0f0f0;
  628.     --ytd-searchbox-legacy-button-hover-border-color: #c6c6c6;
  629.     --ytd-searchbox-legacy-button-icon-color: #333;
  630.     --ytd-searchbox-background: hsl(0, 0%, 100%);
  631.     --ytd-searchbox-text-color: hsl(0, 0%, 6.7%);
  632.     background:#fff;
  633. }
  634. html:not([dark]) ytd-masthead[dark] .yt-spec-icon-badge-shape__badge {
  635.     border-color:#fff
  636. }
  637. html:not([dark]) ytd-masthead[dark] ytd-topbar-menu-button-renderer:first-of-type yt-icon-button yt-icon {
  638.     content:none!important;
  639.     width:24px;
  640.     height:24px
  641. }
  642. /*guide*/
  643.     /*general*/
  644. ytd-app[guide-persistent-and-visible] ytd-page-manager.ytd-app {
  645.     margin-left:230px
  646. }
  647. ytd-guide-renderer.ytd-app, tp-yt-app-drawer[persistent] {
  648.     width:230px
  649. }
  650.     /*guide items*/
  651. ytd-guide-entry-renderer.style-scope .title.ytd-guide-entry-renderer, .title.ytd-guide-entry-renderer {
  652.     font-size:13px;
  653.     color:#222
  654. }
  655. ytd-guide-entry-renderer[active] .title.ytd-guide-entry-renderer {
  656.     text-shadow: -1px -1px 0 rgba(0,0,0,0.25);
  657.     color:#fff
  658. }
  659. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover .ytd-guide-entry-renderer {
  660.     color:#fff
  661. }
  662. #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:hover, #endpoint.yt-simple-endpoint.ytd-guide-entry-renderer:active {
  663.     background:none
  664. }
  665. ytd-guide-entry-renderer:hover, #redux-mychannel:hover {
  666.     background-color:#444;
  667. }
  668. #redux-mychannel {
  669.     transition:none!important
  670. }
  671. tp-yt-paper-item:focus::before, .tp-yt-paper-item.tp-yt-paper-item:focus::before {
  672.     content:none
  673. }
  674. ytd-guide-collapsible-section-entry-renderer.ytd-guide-section-renderer:not(:first-child) {
  675.     padding-top:8px;
  676.     margin-top:8px
  677. }
  678. #sections.ytd-guide-renderer > .ytd-guide-renderer:first-child {
  679.     padding-bottom:8px
  680. }
  681.     /*guide icons*/
  682. ytd-app .guide-icon.ytd-guide-entry-renderer {
  683.     fill:none!important;
  684.     margin-right:9.5px!important;
  685.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflq9QGbD.webp) -223px -426px;
  686. }
  687. ytd-app a:hover .guide-icon.ytd-guide-entry-renderer, ytd-app [active] .guide-icon.ytd-guide-entry-renderer {
  688.     background-position:-132px -17px
  689. }
  690. tp-yt-paper-item.ytd-guide-entry-renderer {
  691.     padding:0 9px!important
  692. }
  693.         /*show more*/
  694. ytd-app #expander-item .guide-icon.ytd-guide-entry-renderer {
  695.     visibility:hidden
  696. }
  697.         /*home*/
  698. .ytd-guide-entry-renderer[href="/"] .guide-icon{
  699.     background-position:-67px -241px
  700. }
  701. .ytd-guide-entry-renderer[href="/"]:hover .guide-icon,[active] .ytd-guide-entry-renderer[href="/"] .guide-icon {
  702.     background-position:-283px -229px
  703. }
  704.         /*channel*/
  705. .ytd-guide-entry-renderer[href^="/c"] .guide-icon{
  706.     background-position:-98px -68px
  707. }
  708. .ytd-guide-entry-renderer[href^="/c"]:hover .guide-icon,[active] .ytd-guide-entry-renderer[href^="/c"] .guide-icon {
  709.     background-position:-165px -68px
  710. }
  711.         /*explore*/
  712. .ytd-guide-entry-renderer[href^="/feed/explore"] .guide-icon{
  713.     background-position:-122px -137px
  714. }
  715. .ytd-guide-entry-renderer[href^="/feed/explore"]:hover .guide-icon,[active] .ytd-guide-entry-renderer[href^="/feed/explore"] .guide-icon {
  716.     background-position:-330px -187px
  717. }
  718.         /*subscriptions*/
  719. .ytd-guide-entry-renderer[href^="/feed/subscriptions"] .guide-icon{
  720.     background-position:-358px -458px
  721. }
  722. .ytd-guide-entry-renderer[href^="/feed/subscriptions"]:hover .guide-icon,[active] .ytd-guide-entry-renderer[href^="/feed/subscriptions"] .guide-icon {
  723.     background-position:-283px -482px
  724. }
  725.         /*library*/
  726. #header.ytd-guide-collapsible-section-entry-renderer ytd-guide-entry-renderer {
  727.     background:none!Important;
  728. }
  729. .ytd-guide-entry-renderer[href="/feed/library"] .title.ytd-guide-entry-renderer, #guide-section-title.ytd-guide-section-renderer {
  730.     color:#cc181e!important;
  731.     text-transform:uppercase;
  732.     margin: 0 5px;
  733.     padding: 1px 0 8px!important;
  734.     line-height: 13px;
  735.     font-size: 11px!important;
  736.     font-weight: 500;
  737. }
  738. .ytd-guide-entry-renderer[href="/feed/library"] .title.ytd-guide-entry-renderer:hover, #guide-section-title.ytd-guide-section-renderer:hover {
  739.     text-decoration:underline
  740. }
  741. [href="/feed/library"] .guide-icon.ytd-guide-entry-renderer {
  742.     display:none
  743. }
  744. [href="/feed/library"] tp-yt-paper-item.ytd-guide-entry-renderer,#endpoint.yt-simple-endpoint.ytd-guide-entry-renderer[href="/feed/library"] {
  745.     min-width:0;
  746.     min-height:0!important;
  747.     height:auto!important;
  748.     padding:0!important
  749. }
  750.         /*history*/
  751. .ytd-guide-entry-renderer[href^="/feed/history"] .guide-icon{
  752.     background-position:-237px -229px
  753. }
  754. .ytd-guide-entry-renderer[href^="/feed/history"]:hover .guide-icon,[active] .ytd-guide-entry-renderer[href^="/feed/history"] .guide-icon {
  755.     background-position:-60px -395px
  756. }
  757.         /*your videos*/
  758. .ytd-guide-entry-renderer[href^="https://studio.youtube.com/channel/"] .guide-icon{
  759.     background: no-repeat url(http://s.ytimg.com/yts/imgbin/www-guide-topguide-vflgwVzsz.png) 0 -349px;
  760. }
  761. .ytd-guide-entry-renderer[href^="https://studio.youtube.com/channel/"]:hover .guide-icon,[active] .ytd-guide-entry-renderer[href^="https://studio.youtube.com/channel/"] .guide-icon {
  762.     background-position: 0 -24px;
  763. }
  764.         /*watch later*/
  765. .ytd-guide-entry-renderer[href="/playlist?list=WL"] .guide-icon{
  766.     background-position:-122px -96px
  767. }
  768. .ytd-guide-entry-renderer[href="/playlist?list=WL"]:hover .guide-icon,[active] .ytd-guide-entry-renderer[href="/playlist?list=WL"] .guide-icon {
  769.     background-position:-195px -478px
  770. }
  771.         /*purchases*/
  772. .ytd-guide-entry-renderer[href="/purchases"] .guide-icon{
  773.     background-position:-98px -324px
  774. }
  775. .ytd-guide-entry-renderer[href="/purchases"]:hover .guide-icon,[active] .ytd-guide-entry-renderer[href="/purchases"] .guide-icon {
  776.     background-position:-28px -42px
  777. }
  778.         /*liked videos*/
  779. .ytd-guide-entry-renderer[href="/playlist?list=LL"] .guide-icon{
  780.     background-position:-360px 0
  781. }
  782. .ytd-guide-entry-renderer[href="/playlist?list=LL"]:hover .guide-icon,[active] .ytd-guide-entry-renderer[href="/playlist?list=LL"] .guide-icon {
  783.     background-position:0 -174px;
  784.     filter:contrast(1)!important
  785. }
  786. #endpoint[href="/playlist?list=LL"] yt-icon:first-of-type {
  787.     content:none!important;
  788.     min-width:20px;
  789.     min-height:20px
  790. }
  791.         /*guide builder*/
  792. .ytd-guide-entry-renderer[href="/feed/guide_builder"] .guide-icon{
  793.     background-position:-206px -288px;
  794. }
  795. .ytd-guide-entry-renderer[href="/feed/guide_builder"]:hover .guide-icon,[active] .ytd-guide-entry-renderer[href="/feed/guide_builder"] .guide-icon {
  796.     background-position:-158px -263px;
  797. }
  798.     /*guide subscriptions*/
  799. .guide-entry-badge path{
  800.     display:none
  801. }
  802. #newness-dot.ytd-guide-entry-renderer {
  803.     background:none;
  804.     height:100%
  805. }
  806. #newness-dot.ytd-guide-entry-renderer:before {
  807.     content:"+1";
  808.     font:400 11px 'roboto', 'arial';
  809.     color:#767676;
  810.     line-height:22px
  811. }
  812. .ytd-guide-entry-renderer:hover #newness-dot.ytd-guide-entry-renderer:before {
  813.     color:#fff
  814. }
  815. yt-img-shadow.ytd-guide-entry-renderer, yt-img-shadow.ytd-guide-entry-renderer img {
  816.     max-width:20px;
  817.     max-height:20px
  818. }
  819. #guide yt-img-shadow.ytd-guide-entry-renderer {
  820.     margin-right:9px!important
  821. }
  822.     /*guide bottom*/
  823.         /*setting*/
  824. .ytd-guide-entry-renderer[href="/account"] .guide-icon{
  825.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflq9QGbD.webp) 0 -89px;
  826.     opacity:.5
  827. }
  828. .ytd-guide-entry-renderer[href="/account"]:hover .guide-icon {
  829.     background-position:0 -89px;
  830.     filter:invert(1);
  831.     opacity:1
  832. }
  833.         /*report history*/
  834. .ytd-guide-entry-renderer[href="/reporthistory"] .guide-icon{
  835.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -241px -132px;
  836.     opacity:.5
  837. }
  838. .ytd-guide-entry-renderer[href="/reporthistory"]:hover .guide-icon {
  839.     background-position: -241px -132px;
  840.     filter:invert(1);
  841.     opacity:1
  842. }
  843.         /*help*/
  844. ytd-guide-section-renderer:nth-child(5) .ytd-guide-section-renderer:nth-child(3) .guide-icon{
  845.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflcdq1Wx.png) -95px -381px;
  846.     opacity:.5
  847. }
  848. ytd-guide-section-renderer:nth-child(5) .ytd-guide-section-renderer:nth-child(3):hover .guide-icon {
  849.     filter:invert(1);
  850.     opacity:1
  851. }
  852.     /*guide footer*/
  853. ytd-guide-section-renderer:nth-child(3), ytd-guide-section-renderer:nth-child(4), #footer {
  854.     display:none
  855. }
  856.     /*popup guide*/
  857. #scrim.tp-yt-app-drawer {
  858.     background:transparent
  859. }
  860. #contentContainer.tp-yt-app-drawer {
  861.     width:230px
  862. }
  863.     /*live*/
  864. .guide-entry-badge.ytd-guide-entry-renderer {
  865.     width:12px;
  866.     height:12px
  867. }
  868. /*tooltips*/
  869. html tp-yt-paper-tooltip .tp-yt-paper-tooltip[style-target="tooltip"] {
  870.         position: relative;
  871.     padding: 6px;
  872.     color: #fff;
  873.     background: #000;
  874.     font-size: 11px;
  875.     font-weight: 500;
  876.     white-space: nowrap;
  877.     border-radius: 2px;
  878.     box-shadow: 0 1px 1px rgb(0 0 0 / 25%);
  879.     line-height:normal;
  880.     margin-top:0;
  881.     margin-bottom:0;
  882. }
  883. #masthead tp-yt-paper-tooltip {
  884.     top:45px!important
  885. }
  886. ytd-searchbox tp-yt-paper-tooltip, tp-yt-paper-tooltip.ytd-channel-name {
  887.     display:none!important
  888. }
  889. #masthead .tp-yt-paper-tooltip:before { /*UP ARROW*/
  890.     content:"";
  891.     position: absolute;
  892.     z-index: 2147483647;
  893.     width: 0;
  894.     height: 0;
  895.     vertical-align: top;
  896.     border: 1px solid transparent;
  897.     border-bottom-color: #000;
  898.     opacity: 1;
  899.     top: -5px;
  900.     border-width: 0 5px 5px;
  901.     text-align:center;
  902.     margin-left: auto;
  903.     margin-right: auto;
  904.     left: 0;
  905.     right: 0;
  906. }
  907. .ytd-badge-supported-renderer .tp-yt-paper-tooltip:before, #info .tp-yt-paper-tooltip:before{ /*DOWN ARROW*/
  908.     content:"";
  909.     position: absolute;
  910.     z-index: 2147483647;
  911.     width: 0;
  912.     height: 0;
  913.     vertical-align: top;
  914.     border: 1px solid transparent;
  915.     border-top-color: #000;
  916.     opacity: 1;
  917.     bottom: -5px;
  918.     border-width: 5px 5px 0;
  919.     text-align:center;
  920.     margin-left: auto;
  921.     margin-right: auto;
  922.     left: 0;
  923.     right: 0;
  924. }
  925. tp-yt-paper-tooltip.ytd-badge-supported-renderer {
  926.     bottom:auto;
  927.     top:13px!important;
  928.     margin-left:2px
  929. }
  930. #info tp-yt-paper-tooltip {
  931.     margin-top:-64px
  932. }
  933. #hover-overlays tp-yt-paper-tooltip {
  934.     display:none
  935. }
  936. /*spinner*/
  937. #spinnerContainer.active.tp-yt-paper-spinner {
  938.     background: url(//s.ytimg.com/yts/img/icn_loading_animated-vflff1Mjj.gif) no-repeat center;
  939.     fill:none;
  940.     animation:none;
  941.     display:inline-block;
  942.     margin-left:-20px
  943. }
  944. #spinnerContainer.active .tp-yt-paper-spinner {
  945.     display:none
  946. }
  947. #spinnerContainer.active.tp-yt-paper-spinner:after {
  948.     content:"Loading...";
  949.     font:400 13px arial;
  950.     display:inline-block;
  951.     position:relative;
  952.     left:28px;
  953.     top:6px   
  954. }
  955. /*thumbnail features*/
  956.     /*time*/
  957. ytd-thumbnail-overlay-time-status-renderer {
  958.     margin: 0;
  959.     padding: 0 4px;
  960.     font-weight: 500;
  961.     font-size: 11px;
  962.     background-color: #000;
  963.     color: #fff ;
  964.     height: 14px;
  965.     line-height: 14px;
  966.     opacity: .75;
  967.     bottom:2px;
  968.     right:2px;
  969.     border-radius:0
  970. }
  971. #text.ytd-thumbnail-overlay-time-status-renderer {
  972.     line-height:14px;
  973.     max-height:none
  974. }
  975.     /*watch later*/
  976. ytd-thumbnail-overlay-toggle-button-renderer {
  977.     background:#f8f8f8;
  978.     background-size: auto;
  979.     width: 20px;
  980.     height: 20px;
  981.     border:1px solid #d3d3d3;
  982.     color: #333;
  983.     border-radius:2px;
  984.     margin:2px;
  985.     top:auto;
  986.     bottom:0
  987. }
  988. ytd-thumbnail-overlay-toggle-button-renderer yt-icon {
  989.     background:no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflcdq1Wx.png) -227px -209px;
  990.     height:13px;
  991.     width:13px;
  992.     opacity:.5;
  993.     fill:none
  994. }
  995. /*3 dots*/
  996. ytd-menu-renderer ytd-menu-renderer .ytd-menu-renderer[style-target="button"], .ytd-menu-renderer[style-target="button"] {
  997.     width:24px;
  998.     height:24px
  999. }
  1000. .ytd-menu-renderer[style-target="button"] yt-icon {
  1001.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflq9QGbD.webp) -219px -510px;
  1002.     background-size: auto;
  1003.     width: 13px;
  1004.     height: 13px;
  1005.     fill:none;
  1006.     opacity:.7
  1007. }
  1008. ytd-menu-renderer.ytd-rich-grid-media {
  1009.     right:0
  1010. }
  1011. /*badge*/
  1012. .badge-style-type-simple.ytd-badge-supported-renderer {
  1013.     border:1px solid #ddd;
  1014.     background:#fff;
  1015.     padding:0px 4px;
  1016.     font-size:11px;
  1017.     text-transform:uppercase;
  1018.     color:#444;
  1019.     line-height:13px
  1020. }
  1021. .title-badge.ytd-rich-grid-media, .video-badge.ytd-rich-grid-media {
  1022.     margin:0
  1023. }
  1024. .badge-style-type-live-now-alternate.ytd-badge-supported-renderer yt-icon.ytd-badge-supported-renderer {
  1025.     display:none
  1026. }
  1027. .badge-style-type-live-now-alternate.ytd-badge-supported-renderer {
  1028.     padding: 0;
  1029.     color: #b91f1f;
  1030.     font-size: 10px;
  1031.     background-color: #fff;
  1032.     border-radius:0;
  1033.     height:15px;
  1034. }
  1035. .badge-style-type-live-now-alternate.ytd-badge-supported-renderer span.ytd-badge-supported-renderer{
  1036.     line-height: 1.5em;
  1037.     height: 13px;
  1038.     padding:0 4px;
  1039.     border: 1px solid #b91f1f;
  1040. }
  1041. /*checkbox*/
  1042. #checkbox.tp-yt-paper-checkbox {
  1043.     border:1px solid #c6c6c6;
  1044.     border-radius:0;
  1045.     box-shadow:inset 0 0 1px rgb(0 0 0 / 5%)
  1046. }
  1047. #checkbox.checked.tp-yt-paper-checkbox {
  1048.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) 0 -1058px;
  1049.     border:1px solid #36649c;
  1050. }
  1051. #checkbox.checked.tp-yt-paper-checkbox #checkmark {
  1052.     display:none
  1053. }
  1054. #checkboxContainer.tp-yt-paper-checkbox {
  1055.     height:16px;
  1056.     width:16px;
  1057.     min-width:0;
  1058.     margin:0
  1059. }
  1060. #label.checkbox-height.ytd-playlist-add-to-option-renderer {
  1061.     font:400 13px 'roboto'
  1062. }
  1063. tp-yt-paper-checkbox tp-yt-paper-checkbox .tp-yt-paper-checkbox[style-target="label"], .tp-yt-paper-checkbox[style-target="label"] {
  1064.     height:auto;
  1065.     padding-left:5px;
  1066. }
  1067. /*button*/
  1068. ytd-button-renderer {
  1069.     letter-spacing:0
  1070. }
  1071. ytd-button-renderer #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer {
  1072.     font-size:11px;
  1073.     margin:0
  1074. }
  1075. ytd-button-renderer #button.ytd-button-renderer,
  1076. .style-blue-text.size-default, .style-primary.size-default {
  1077.     text-transform:none;
  1078.     padding:0;
  1079.     min-width:0
  1080. }
  1081. #cancel-button, #submit-button,
  1082. #label.yt-dropdown-menu,
  1083. tp-yt-paper-button#button.style-blue-text.size-default, /*tp-yt-paper-button#button.style-primary.size-default,*/
  1084. #buy-button.yt-super-vod-buy-flow-content-renderer,
  1085. .ytd-playlist-sidebar-primary-info-renderer button.yt-icon-button{
  1086.     border:1px solid #d3d3d3;
  1087.     background: #f8f8f8;
  1088.     color: #333;
  1089.     border-radius: 2px;
  1090.     box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  1091. }
  1092. #cancel-button:hover, #submit-button:hover,
  1093. #label.yt-dropdown-menu:hover,
  1094. tp-yt-paper-button#button.style-blue-text.size-default:hover, /*tp-yt-paper-button#button.style-primary.size-default:hover,*/
  1095. #buy-button.yt-super-vod-buy-flow-content-renderer:hover,
  1096. .ytd-playlist-sidebar-primary-info-renderer button.yt-icon-button:hover {
  1097.     border-color: #c6c6c6;
  1098.     background: #f0f0f0;
  1099.     box-shadow: 0 1px 0 rgba(0,0,0,0.10);
  1100. }
  1101. #cancel-button:active, #submit-button:active,
  1102. #label.yt-dropdown-menu:active,
  1103. tp-yt-paper-button#button.style-blue-text.size-default:active, /*tp-yt-paper-button#button.style-primary.size-default:active,*/
  1104. #buy-button.yt-super-vod-buy-flow-content-renderer:active,
  1105. .ytd-playlist-sidebar-primary-info-renderer button.yt-icon-button:active {
  1106.     border-color: #c6c6c6;
  1107.     background: #e9e9e9;
  1108.     box-shadow: inset 0 1px 0 #ddd;
  1109. }
  1110. /*TODO*/
  1111. #cancel-button a, #submit-button a,
  1112. #label.yt-dropdown-menu #icon-label.yt-dropdown-menu, .style-blue-text.size-default yt-formatted-string, /*tp-yt-paper-button#button.style-primary.size-default yt-formatted-string,*/ #buy-button.yt-super-vod-buy-flow-content-renderer yt-formatted-string {
  1113.     padding:0 10px;
  1114.     height:26px;
  1115.     font-size:11px;
  1116.     border-radius:2px;
  1117.     letter-spacing:0;
  1118.     text-transform:none;
  1119.     line-height:28px
  1120. }
  1121. #submit-button, /*tp-yt-paper-button#button.style-primary.size-default,*/
  1122. #confirm-button #button.style-blue-text.size-default {
  1123.     border-color: #167ac6;
  1124.     background: #167ac6;
  1125.     color:#fff;
  1126. }
  1127. #submit-button:hover, /*tp-yt-paper-button#button.style-primary.size-default:hover,*/
  1128. #confirm-button #button.style-blue-text.size-default:hover {
  1129.     background: #126db3;
  1130.     border-color: #167ac6;
  1131. }
  1132. #submit-button:active, /*tp-yt-paper-button#button.style-primary.size-default:active,*/
  1133. #confirm-button #button.style-blue-text.size-default:active {
  1134.     background: #095b99;
  1135.     box-shadow: inset 0 1px 0 rgba(0,0,0,0.5);
  1136.     border-color: #167ac6;
  1137. }
  1138. #submit-button[disabled], #cancel-button[disabled],#submit-button[disabled]:hover, #cancel-button[disabled]:hover/*,
  1139. tp-yt-paper-button#button.style-primary.size-default[disabled]*/ {
  1140.     opacity:.5
  1141. }
  1142. #label.yt-dropdown-menu #icon-label.yt-dropdown-menu:after { /*comments and channel dropdown*/
  1143.     content:"";
  1144.     border: 1px solid transparent;
  1145.     border-top-color: #333;
  1146.     border-width: 4px 4px 0;
  1147.     width: 0;
  1148.     height: 0;
  1149.     margin-left:8px;
  1150.     position:relative;
  1151.     display:inline-block;
  1152.     top:-3px
  1153. }
  1154. #label.yt-dropdown-menu[aria-expanded="true"] {
  1155.     border-color: #c6c6c6;
  1156.     background: #e9e9e9;
  1157.     box-shadow: inset 0 1px 0 #ddd;
  1158. }
  1159. #label.keyboard-focus.yt-dropdown-menu #icon-label.yt-dropdown-menu {
  1160.     font-weight:500
  1161. }
  1162. #cancel-button a tp-yt-paper-button.yt-button-renderer {
  1163.     padding:0
  1164. }
  1165.     /*dialog*/
  1166. .buttons.yt-confirm-dialog-renderer, #actions.ytd-add-to-playlist-create-renderer {
  1167.     background:#f1f1f1
  1168. }
  1169. #actions.ytd-add-to-playlist-create-renderer {
  1170.     padding:15px 20px;
  1171.     margin-top:15px
  1172. }
  1173. tp-yt-paper-dialog {
  1174.     box-shadow:none
  1175. }
  1176. tp-yt-paper-dialog yt-confirm-dialog-renderer, ytd-pdg-buy-flow-renderer {
  1177.     box-shadow: 0 0 15px rgb(0 0 0 / 18%);
  1178.     border:1px solid #e2e2e2
  1179. }
  1180.     /*input time*/
  1181. input.yt-clip-creation-scrubber-renderer {
  1182.     border-radius:0;
  1183.     box-shadow: inset 0 0 1px rgb(0 0 0 / 5%);
  1184.     border: 1px solid #d3d3d3;
  1185.     color: #333;
  1186.     padding:5px 10px 6px 10px;
  1187.     font-size:13px;
  1188.     line-height:normal;
  1189.     min-width:0;
  1190.     letter-spacing:0;
  1191.     font-family:"roboto";
  1192.     font-weight:400
  1193. }
  1194. /*actual menu popup*/
  1195. ytd-menu-popup-renderer {
  1196.     box-shadow:none;
  1197.     border-radius:0;
  1198. }
  1199. tp-yt-paper-listbox {
  1200.     padding: 8px 0;
  1201.     border: 1px solid #ccc;
  1202.     overflow: auto;
  1203.     background: #fff;
  1204.     border-radius: 2px;
  1205. }
  1206. yt-formatted-string.ytd-menu-service-item-renderer, yt-live-chat-app tp-yt-paper-item.ytd-menu-navigation-item-renderer, tp-yt-paper-item.ytd-toggle-menu-service-item-renderer span {
  1207.     display: block;
  1208.     margin: 0;
  1209.     padding: 0 25px;
  1210.     color: #333;
  1211.     font-size: 13px;
  1212.     text-decoration: none;
  1213.     white-space: nowrap;
  1214.     word-wrap: normal;
  1215.     line-height: 25px;
  1216. }
  1217. yt-live-chat-app tp-yt-paper-item.ytd-menu-navigation-item-renderer  {
  1218.     min-height:0
  1219. }
  1220. yt-icon.ytd-menu-service-item-renderer, yt-live-chat-app tp-yt-paper-item.ytd-menu-navigation-item-renderer yt-icon {
  1221.     display:none
  1222. }
  1223. tp-yt-paper-item.ytd-menu-service-item-renderer, yt-live-chat-app ytd-menu-navigation-item-renderer a, tp-yt-paper-item.ytd-toggle-menu-service-item-renderer {
  1224.     padding:0;
  1225.     height:auto;
  1226.     min-height:0;
  1227.     --paper-item-min-height:0
  1228. }
  1229. tp-yt-paper-item.ytd-menu-service-item-renderer:hover, yt-live-chat-app ytd-menu-navigation-item-renderer a:hover, tp-yt-paper-item.ytd-toggle-menu-service-item-renderer:hover {
  1230.     background:#444
  1231. }
  1232. tp-yt-paper-item:hover yt-formatted-string.ytd-menu-service-item-renderer, yt-live-chat-app ytd-menu-navigation-item-renderer a:hover yt-formatted-string, tp-yt-paper-item.ytd-toggle-menu-service-item-renderer:hover span {
  1233.     color:#fff
  1234. }
  1235. ytd-menu-service-item-renderer[has-separator]:not(:last-child)::after {
  1236.     content:none
  1237. }
  1238.  
  1239. .dropdown-content.tp-yt-paper-menu-button { /*type B dropdown*/
  1240.     box-shadow:0 2px 4px rgba(0,0,0,.2);
  1241. }
  1242. tp-yt-paper-menu-button[vertical-align="top"] .dropdown-content.tp-yt-paper-menu-button {
  1243.     top:1px
  1244. }
  1245. tp-yt-paper-listbox.yt-dropdown-menu {
  1246.     border-color:#d3d3d3
  1247. }
  1248. tp-yt-paper-item.yt-dropdown-menu {
  1249.     height:25px!important;
  1250.     padding: 0 15px;
  1251. }
  1252. tp-yt-paper-item.yt-dropdown-menu .item {
  1253.     font-size:13px
  1254. }
  1255. tp-yt-paper-listbox.yt-dropdown-menu .iron-selected.yt-dropdown-menu {
  1256.     background:none
  1257. }
  1258. tp-yt-paper-listbox.yt-dropdown-menu a:hover .yt-dropdown-menu {
  1259.     background:#eee;
  1260. }
  1261.             /*watch (report)*/
  1262. #contentWrapper.tp-yt-iron-dropdown > ytd-menu-popup-renderer {
  1263.     overflow:visible
  1264. }
  1265. tp-yt-iron-dropdown ytd-menu-service-item-renderer:first-child:last-child yt-icon {
  1266.     display:inline-block;
  1267.     margin:0 0 0 15px;
  1268.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -243px -134px;
  1269.     fill:none;
  1270.     width:16px;
  1271.     height:16px;
  1272.     opacity:.5
  1273. }
  1274. tp-yt-iron-dropdown ytd-menu-service-item-renderer:first-child:last-child yt-formatted-string.ytd-menu-service-item-renderer {
  1275.     padding-left:13px;
  1276.     padding-right:15px;
  1277.     color:#333
  1278. }
  1279. tp-yt-iron-dropdown ytd-menu-service-item-renderer:first-child:last-child tp-yt-paper-item.ytd-menu-service-item-renderer:hover {
  1280.     background:#eee
  1281. }
  1282.             /*watch (more)*/
  1283. tp-yt-iron-dropdown ytd-menu-popup-renderer[style*="max-height: 7"] ytd-menu-service-item-renderer yt-icon {
  1284.     display:inline-block;
  1285.     margin:0 0 0 15px;
  1286.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -243px -134px;
  1287.     fill:none;
  1288.     width:16px;
  1289.     height:16px;
  1290.     opacity:.5
  1291. }
  1292. tp-yt-iron-dropdown ytd-menu-popup-renderer[style*="max-height: 7"] ytd-menu-service-item-renderer:nth-child(2) yt-icon {
  1293.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -82px -876px;
  1294. }
  1295. tp-yt-iron-dropdown ytd-menu-popup-renderer[style*="max-height: 7"] ytd-menu-service-item-renderer yt-formatted-string.ytd-menu-service-item-renderer {
  1296.     padding-left:13px;
  1297.     padding-right:15px;
  1298.     color:#333
  1299. }
  1300. tp-yt-iron-dropdown ytd-menu-popup-renderer[style*="max-height: 7"] ytd-menu-service-item-renderer tp-yt-paper-item.ytd-menu-service-item-renderer:hover {
  1301.     background:#eee
  1302. }
  1303. /*toast popups*/
  1304. yt-notification-action-renderer[ui-refresh] tp-yt-paper-toast.yt-notification-action-renderer {
  1305.     border-radius:0;
  1306.     background:#167ac6
  1307. }
  1308. /**********************PAGE SPECIFICS***********************/
  1309. /*home*/
  1310.     /*some chips*/
  1311. ytd-feed-filter-chip-bar-renderer {
  1312.     max-width:1052px;
  1313.     margin:0 auto
  1314. }
  1315. #chips-wrapper.ytd-feed-filter-chip-bar-renderer {
  1316.     border:0;
  1317.     border-bottom:1px solid #e8e8e8;
  1318.     height:40px;
  1319.     top:50px;
  1320.     max-width:1052px
  1321. }
  1322. yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer {
  1323.     min-height:40px!important;
  1324.     border-radius:0;
  1325.     border:0;
  1326.     border-bottom:3px solid transparent;
  1327.     background:none!important;
  1328.     margin:0 0 0 30px!important;
  1329.     padding:0;
  1330.     color:#555;
  1331.     font-size:13px
  1332. }
  1333. yt-chip-cloud-chip-renderer[chip-style="STYLE_HOME_FILTER"][selected] {
  1334.     border-color:#cc181e;
  1335.     background:none;
  1336.     color:#333
  1337. }
  1338. yt-chip-cloud-chip-renderer.ytd-feed-filter-chip-bar-renderer:hover {
  1339.     border-color:#cc181e
  1340. }
  1341. #left-arrow-button.ytd-feed-filter-chip-bar-renderer, #right-arrow-button.ytd-feed-filter-chip-bar-renderer {
  1342.     background:none
  1343. }
  1344. #left-arrow.ytd-feed-filter-chip-bar-renderer::after, #right-arrow.ytd-feed-filter-chip-bar-renderer::before {
  1345.     content:none
  1346. }
  1347.     /*general*/
  1348. #grid-title.ytd-rich-grid-renderer {
  1349.     display:inline-block!important;
  1350.     margin-top:0!important
  1351. }
  1352. .redux-home-container ytd-rich-item-renderer {
  1353.     transition:none;
  1354.     width:var(--globalthumb);
  1355.     margin-left:5px;
  1356.     margin-right:5px
  1357. }
  1358. .redux-home-container ytd-rich-item-renderer #video-title-link:hover yt-formatted-string {
  1359.     text-decoration:underline
  1360. }
  1361. html ytd-app ytd-video-meta-block.style-scope #metadata-line.ytd-video-meta-block, #metadata-line.ytd-video-meta-block span {
  1362.     line-height:14.3px!important;
  1363. }
  1364. #metadata-line.ytd-video-meta-block, yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string, yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:visited {
  1365.     color:#767676
  1366. }
  1367. #dismissible:hover yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string {
  1368.     color:#167ac6
  1369. }
  1370. yt-formatted-string[has-link-only_]:not([force-default-style]):hover a.yt-simple-endpoint.yt-formatted-string {
  1371.     text-decoration:underline
  1372. }
  1373. ytd-video-meta-block ytd-channel-name #text.ytd-channel-name:before {
  1374.     content:"by ";
  1375.     color:#767676
  1376. }
  1377. #meta.ytd-rich-grid-media {
  1378.     padding-right:14px;
  1379.     overflow-y:hidden
  1380. }
  1381. [page-subtype="home"] ytd-rich-grid-renderer .redux-home-container:before {
  1382.     content:"Recommended";
  1383.     display:block;
  1384.     text-align:left;
  1385.     width:calc(100% - 30px);
  1386.     background:#fff;
  1387.     font:500 16px 'Roboto';
  1388.     padding:12px 5px;
  1389.     padding-top:6px
  1390. }
  1391. [page-subtype="home"] #contents.ytd-rich-grid-renderer {
  1392.     margin-top:0!important
  1393. }
  1394. #page-manager ytd-browse[page-subtype="home"] ytd-two-column-browse-results-renderer, #page-manager ytd-browse[page-subtype="subscriptions"] ytd-two-column-browse-results-renderer {
  1395.     max-width:none!Important
  1396. }
  1397. .ytd-rich-grid-renderer #video-title.ytd-rich-grid-media {
  1398.     font-size:13px!important;
  1399.     line-height:16.9px!important
  1400. }
  1401. @media (max-width:2100px) {
  1402.     [page-subtype="home"] #contents.ytd-rich-grid-renderer {
  1403.         padding:0 10px;
  1404.         max-width:1650px;
  1405.     }
  1406. }
  1407. @media (max-width:1960px) {
  1408.     [page-subtype="home"] #contents.ytd-rich-grid-renderer {
  1409.         padding:0 10px;
  1410.         max-width:1444px;
  1411.     }
  1412. }
  1413. @media (max-width:1750px) {
  1414.     [page-subtype="home"] #contents.ytd-rich-grid-renderer {
  1415.         padding:0 10px;
  1416.         max-width:1238px
  1417.     }
  1418. }
  1419. @media (max-width:1520px) {
  1420.     [page-subtype="home"] #contents.ytd-rich-grid-renderer {
  1421.         padding:0 10px;
  1422.         max-width:1032px
  1423.     }
  1424. }
  1425. @media (max-width:1074px) {
  1426.     [page-subtype="home"] #contents.ytd-rich-grid-renderer {
  1427.         padding:0 10px;
  1428.         max-width:826px
  1429.     }
  1430. }
  1431. /*watch*/
  1432.     /*primary*/
  1433.         /*general*/
  1434. #primary .title.ytd-video-primary-info-renderer {
  1435.     line-height:24px
  1436. }
  1437. html ytd-watch-flexy:not([theater]):not([fullscreen]) #primary.ytd-watch-flexy, html ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy {
  1438.     padding-top:10px!important
  1439. }
  1440.         /*player*/
  1441. .ytp-chrome-controls .ytp-button.ytp-mute-button {
  1442.     padding:3px
  1443. }
  1444. .ytp-chrome-controls, .ytp-embed:not(.ytp-big-mode) .ytp-chrome-controls, .ytp-chrome-bottom {
  1445.     height:36px!important;
  1446.     line-height:36px!Important
  1447. }
  1448. .ytp-progress-bar-container {
  1449.     bottom:35px!important
  1450. }
  1451.         /*watch headng*/
  1452. .super-title a.yt-simple-endpoint.yt-formatted-string {
  1453.     background-color: #f1f1f1;
  1454.     border-radius: 2px;
  1455.     color: #000;
  1456.     padding: 0 4px;
  1457.     margin-right: 6px;
  1458.     text-transform: none;
  1459.     font-size:11px
  1460. }
  1461. ytd-app .title.style-scope.ytd-video-primary-info-renderer yt-formatted-string.ytd-video-primary-info-renderer {
  1462.     font-family:"Roboto","arial"!important
  1463. }
  1464. ytd-video-primary-info-renderer {
  1465.     padding-left: 15px;
  1466.     padding-right: 15px;
  1467.     border-bottom: 0;
  1468.     padding-top:15px!important;
  1469.     padding-bottom:9px!important
  1470. }
  1471. #sponsor-button.ytd-video-owner-renderer, #analytics-button.ytd-video-owner-renderer {
  1472.     margin-right:0
  1473. }
  1474. #upload-info ytd-channel-name .yt-simple-endpoint.yt-formatted-string {
  1475.     color:#333;
  1476.     font:500 13px 'roboto', 'arial';
  1477. }
  1478. #upload-info #text-container.ytd-channel-name {
  1479.     line-height:1;
  1480. }
  1481. #upload-info.ytd-video-owner-renderer {
  1482.     justify-content:initial
  1483. }
  1484. #upload-info #channel-name.ytd-video-owner-renderer {
  1485.     padding-bottom:2px
  1486. }
  1487. #avatar.ytd-video-owner-renderer {
  1488.     margin-right:10px
  1489. }
  1490. #info #top-row.ytd-video-secondary-info-renderer {
  1491.     padding-top:8px;
  1492.     margin-bottom:6px
  1493. }
  1494. .more-button.ytd-video-secondary-info-renderer, .less-button.ytd-video-secondary-info-renderer {
  1495.     margin-top:4px
  1496. }
  1497. #meta.ytd-watch-flexy paper-button#more, #meta.ytd-watch-flexy tp-yt-paper-button#more, #meta.ytd-watch-flexy paper-button#less, #meta.ytd-watch-flexy tp-yt-paper-button#less, tp-yt-paper-button#expand, tp-yt-paper-button#collapse {
  1498.     margin-top:14px!Important
  1499. }
  1500. ytd-video-secondary-info-renderer {
  1501.     padding-bottom:5px!important
  1502. }
  1503. #meta-contents > ytd-video-secondary-info-renderer > #container > ytd-expander > #content {
  1504.     padding-top:17px!Important;
  1505. }
  1506. #meta ytd-expander[collapsed] > #content.ytd-expander {
  1507.     max-height:61px!important
  1508. }
  1509. #container > ytd-expander.ytd-video-secondary-info-renderer > #content > #description {
  1510.     margin-top:4px!Important
  1511. }
  1512. ytd-app ytd-expander.ytd-video-secondary-info-renderer {
  1513.     line-height:14px!important
  1514. }
  1515. #description a.yt-simple-endpoint.yt-formatted-string {
  1516.     color:var(--yt-spec-text-primary)
  1517. }
  1518. ytd-video-secondary-info-renderer:hover #description a.yt-simple-endpoint.yt-formatted-string {
  1519.     color:#167ac6
  1520. }
  1521. ytd-video-secondary-info-renderer:hover #description a.yt-simple-endpoint.yt-formatted-string:hover {
  1522.     text-decoration:underline
  1523. }
  1524.         /*sub*/
  1525. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer {
  1526.     padding:0 6px 0 5px;
  1527.     border:1px solid transparent;
  1528.     background:#e62117;
  1529.     box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  1530. }
  1531. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer:hover {
  1532.     background:#cc181e
  1533. }
  1534. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer:active {
  1535.     background:#b31217
  1536. }
  1537. #subscribe-button > ytd-subscribe-button-renderer > tp-yt-paper-button > yt-formatted-string, #subscribe-button > ytd-button-renderer > a > tp-yt-paper-button > yt-formatted-string {
  1538.     padding-top:0!important;
  1539.     line-height:20px
  1540. }
  1541. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer yt-formatted-string:before {
  1542.     content:"";
  1543.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -48px -775px;
  1544.     width: 16px;
  1545.     height: 12px;
  1546.     display:inline-block;
  1547.     margin-right:6px;
  1548.     margin-bottom:-2px
  1549. }
  1550. #subscribe-button > ytd-subscribe-button-renderer:not(.style-primary) > tp-yt-paper-button:not([subscribed]):not([page-subtype="subscriptions"] #subscribe-button tp-yt-paper-button)::before, #subscribe-button > ytd-button-renderer:not(.style-primary) > a > tp-yt-paper-button:not([subscribed]):not([page-subtype="subscriptions"] #subscribe-button tp-yt-paper-button)::before {
  1551.     content:none
  1552. }
  1553. #subscribe-button ~ #redux-trim-span {
  1554.     font-size:11px;
  1555.     line-height:19px;
  1556.     padding-bottom:0;
  1557.     border-top: 1px solid #ccc;
  1558.     border-right: 1px solid #ccc;
  1559.     border-bottom: 1px solid #ccc;
  1560.     background-color: #fafafa;
  1561. }
  1562. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed], ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button#button.ytd-button-renderer {
  1563.     border: 1px solid #ccc;
  1564.     background-color: #f8f8f8;
  1565.     color: #666;
  1566.     box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  1567. }
  1568. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:hover, ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button#button.ytd-button-renderer:hover {
  1569.     border: 1px solid #ccc;
  1570.     background-color: #f8f8f8;
  1571.     color: #666;
  1572. }
  1573. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed]:active, ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button#button.ytd-button-renderer:active {
  1574.     background-color:#ededed
  1575. }
  1576. #subscribe-button > ytd-subscribe-button-renderer:not(.style-primary) > tp-yt-paper-button[subscribed]::before, #subscribe-button > ytd-button-renderer:not(.style-primary) > a > tp-yt-paper-button[subscribed]::before {
  1577.     content:none
  1578. }
  1579. #subscribe-button tp-yt-paper-button.ytd-subscribe-button-renderer[subscribed] yt-formatted-string:before {
  1580.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflq9QGbD.webp) -127px -458px;
  1581. }
  1582. ytd-subscription-notification-toggle-button-renderer yt-icon {
  1583.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflq9QGbD.webp) -229px 0;
  1584.     fill:none;
  1585.     max-width:18px;
  1586.     max-height:18px
  1587. }
  1588. #notification-preference-button > ytd-subscription-notification-toggle-button-renderer > a > yt-icon-button {
  1589.     max-width:18px!important;
  1590.     max-height:18px!important;
  1591.     margin:0!important;
  1592. }
  1593. #notification-preference-button {
  1594.     padding:0 4px;
  1595.     margin-left:-2px;
  1596.     padding-top:2px;
  1597. }
  1598. #notification-preference-button {
  1599.     border:1px solid #d3d3d3;
  1600.     background: #f8f8f8;
  1601.     color: #333;
  1602.     box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  1603. }
  1604. #notification-preference-button:hover {
  1605.     border-color: #c6c6c6;
  1606.     background: #f0f0f0;
  1607.     box-shadow: 0 1px 0 rgba(0,0,0,0.10);
  1608. }
  1609. #notification-preference-button:active {
  1610.     border-color: #c6c6c6;
  1611.     background: #e9e9e9;
  1612.     box-shadow: inset 0 1px 0 #ddd;
  1613. }
  1614. #reduxSubDiv #notification-preference-button yt-icon-button {
  1615.     margin:0!important
  1616. }
  1617. #reduxSubDiv #notification-preference-button {
  1618.     padding-right:4px;
  1619.     padding-left:4px
  1620. }
  1621. #notification-preference-button yt-icon-button {
  1622.     opacity:.5
  1623. }
  1624. #notification-preference-button:hover yt-icon-button {
  1625.     opacity:.6
  1626. }
  1627. #notification-preference-button:active yt-icon-button {
  1628.     opacity:1
  1629. }
  1630. ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button#button.ytd-button-renderer {
  1631.     padding:0 10px
  1632. }
  1633. #info #sponsor-button {
  1634.     display:none
  1635. }
  1636.             /*compact sub*/
  1637. ytd-subscribe-button-renderer[button-style="COMPACT_GRAY"] tp-yt-paper-button.ytd-subscribe-button-renderer {
  1638.     font-weight: 500;
  1639.     font-size: 11px;
  1640.     box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  1641.     border: 1px solid #ccc;
  1642.     background-color: #f8f8f8;
  1643.     color: #666;
  1644.     text-transform:none;
  1645.     padding:0 8px;
  1646.     height:20px
  1647. }
  1648.             /*action button*/
  1649. #info .redux-moved-info:first-of-type yt-icon-button#button,#info ytd-button-renderer #button.ytd-button-renderer {
  1650.     padding:0!important;
  1651.     content:none;
  1652.     width:20px;
  1653.     height:20px;
  1654. }
  1655. #info .redux-moved-info:first-of-type {
  1656.     padding-left:0;
  1657.     color:#000
  1658. }
  1659. .redux-moved-info:first-of-type yt-icon {
  1660.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -151px -725px;
  1661.     background-size: auto;
  1662.     width: 20px;
  1663.     height: 20px;
  1664.     content:none!important;
  1665.     fill:none;
  1666. }
  1667. #info .redux-moved-info [aria-label="Report"] yt-icon {
  1668.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -243px -134px;
  1669. }
  1670. ytd-video-primary-info-renderer a.yt-simple-endpoint.ytd-button-renderer {
  1671.     height:28px;
  1672.     align-items:center
  1673. }
  1674. ytd-video-primary-info-renderer > .ytd-menu-renderer {
  1675.     padding-top:5px;
  1676.     padding-left:10px;
  1677.     padding-right:6px;
  1678. }
  1679. ytd-video-primary-info-renderer > .ytd-menu-renderer a > :not(tp-yt-paper-tooltip), ytd-toggle-button-renderer.ytd-menu-renderer.style-text a > :not(tp-yt-paper-tooltip), .redux-moved-info:last-of-type + yt-icon-button {
  1680.     opacity:.5
  1681. }
  1682. ytd-video-primary-info-renderer > .ytd-menu-renderer:hover a > :not(tp-yt-paper-tooltip), ytd-toggle-button-renderer.ytd-menu-renderer.style-text:hover a > :not(tp-yt-paper-tooltip), .redux-moved-info:last-of-type + yt-icon-button:hover {
  1683.     opacity:.6
  1684. }
  1685. ytd-video-primary-info-renderer > .ytd-menu-renderer:active a > :not(tp-yt-paper-tooltip), ytd-toggle-button-renderer.ytd-menu-renderer.style-text:active a > :not(tp-yt-paper-tooltip), .redux-moved-info:last-of-type + yt-icon-button:active {
  1686.     opacity:1
  1687. }
  1688. .redux-moved-info:last-of-type + yt-icon-button {
  1689.     transform:none!Important;
  1690.     height:auto;
  1691.     width:auto
  1692. }
  1693. .redux-moved-info:last-of-type + yt-icon-button button.yt-icon-button {
  1694.     height:28px;
  1695.     width:auto
  1696. }
  1697. .redux-moved-info:nth-last-of-type(1) yt-icon {
  1698.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -267px -824px;
  1699.     fill:none
  1700. }
  1701. .redux-moved-info ~ .ytd-menu-renderer[style-target="button"] yt-icon {
  1702.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -154px -860px;
  1703.     width:20px;
  1704.     height:20px;
  1705.     opacity:1;
  1706. }
  1707. .redux-moved-info:nth-last-of-type(2):nth-of-type(3) yt-icon, .redux-moved-info:nth-last-of-type(3):nth-of-type(2) yt-icon {
  1708.     fill:#000
  1709. }
  1710. .redux-moved-info ~ .ytd-menu-renderer[style-target="button"] yt-icon:after {
  1711.     content:"More";
  1712.     font:500 11px 'roboto';
  1713.     color:#000;
  1714.     position:relative;
  1715.     margin-left:58px;
  1716.     margin-top:1px
  1717. }
  1718.         /*like*/
  1719. ytd-video-primary-info-renderer .ytd-menu-renderer yt-icon-button {
  1720.     margin-right:6px
  1721. }
  1722. html:not([dark]) ytd-app ytd-toggle-button-renderer.ytd-menu-renderer[is-icon-button] #text.ytd-toggle-button-renderer, html:not([dark]) ytd-app ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer {
  1723.     color:#000!important;
  1724.     font:500 11px 'roboto';
  1725.     letter-spacing:0
  1726. }
  1727. #info ytd-button-renderer.style-default[is-icon-button] #text.ytd-button-renderer {
  1728.     margin-top:1px;
  1729. }
  1730. #info ytd-video-primary-info-renderer ytd-button-renderer.ytd-menu-renderer {
  1731.     text-transform:none;
  1732.     font-size:11px
  1733. }
  1734. html:not([dark]) ytd-app ytd-toggle-button-renderer.ytd-menu-renderer.style-default-active[is-icon-button]:first-child #text.ytd-toggle-button-renderer, html:not([dark]) ytd-app ytd-toggle-button-renderer.ytd-menu-renderer[is-icon-button]:active:first-child #text.ytd-toggle-button-renderer {
  1735.     color:#167ac6!important
  1736. }
  1737. ytd-video-primary-info-renderer #top-level-buttons-computed > ytd-toggle-button-renderer:last-of-type > a > yt-icon-button > #button[aria-pressed="true"] > yt-icon {
  1738.     filter:brightness(0)!important;
  1739. }
  1740. ytd-video-primary-info-renderer #top-level-buttons-computed > ytd-toggle-button-renderer:first-of-type:active > a > yt-icon-button > #button > yt-icon {
  1741.     content: url('moz-extension://483ce42f-7d8f-4c86-a625-585e54d49b01/images/like-pressed.png') !important;
  1742. }
  1743. #top-level-buttons-computed yt-icon-button.ytd-toggle-button-renderer {
  1744.     padding:0;
  1745.     height:28px;
  1746.     width:33px;
  1747.     padding-left:13px
  1748. }
  1749. ytd-menu-renderer:not([condensed]) .ytd-menu-renderer[button-renderer] + .ytd-menu-renderer[button-renderer] {
  1750.     margin:0
  1751. }
  1752. ytd-toggle-button-renderer.force-icon-button a.ytd-toggle-button-renderer {
  1753.     padding-right:0
  1754. }
  1755. #menu.ytd-video-primary-info-renderer {
  1756.     padding-bottom:12px;
  1757.     padding-top:4px
  1758. }
  1759. ytd-video-view-count-renderer[small] {
  1760.     padding-bottom:1px
  1761. }
  1762. html:not([dark]) #container.ytd-sentiment-bar-renderer {
  1763.     min-width:160px;
  1764.     float:right
  1765. }
  1766. ytd-video-primary-info-renderer #top-level-buttons-computed > ytd-toggle-button-renderer.ytd-menu-renderer > a > yt-icon-button > #button > yt-icon {
  1767.     filter:initial!important
  1768. }
  1769. #info.ytd-video-primary-info-renderer > #menu-container {
  1770.     top:-2px
  1771. }
  1772.     /*the game info*/
  1773. [component-style="RICH_METADATA_RENDERER_STYLE_TOPIC"] {
  1774.     display:none
  1775. }
  1776. ytd-rich-metadata-row-renderer:not([fixie]) #contents.ytd-rich-metadata-row-renderer .ytd-rich-metadata-row-renderer {
  1777.     min-width:160px!important;
  1778.     min-height:0!important;
  1779.     margin:0;
  1780.     width:168px
  1781. }
  1782. ytd-rich-metadata-renderer[component-style="RICH_METADATA_RENDERER_STYLE_BOX_ART"] #thumbnail.ytd-rich-metadata-renderer {
  1783.     margin-right:8px;
  1784.     height:auto;
  1785.     max-width:56px
  1786. }
  1787. #text-container.ytd-rich-metadata-renderer {
  1788.     justify-content:start
  1789. }
  1790. #call-to-action.ytd-rich-metadata-renderer {
  1791.     color:#999;
  1792.     text-transform:none;
  1793. }
  1794. ytd-expander:hover #call-to-action.ytd-rich-metadata-renderer {
  1795.     color:#2793e6
  1796. }
  1797. #call-to-action.ytd-rich-metadata-renderer:hover {
  1798.     text-decoration:underline
  1799. }
  1800. ytd-metadata-row-container-renderer.sticky {
  1801.     position:absolute;
  1802.     right:10px;
  1803.     top:5px;
  1804.     width:160px
  1805. }
  1806. ytd-app ytd-expander.ytd-video-secondary-info-renderer {
  1807.     position:relative;
  1808.     margin:0
  1809. }
  1810. a.ytd-rich-metadata-renderer {
  1811.     width:100%
  1812. }
  1813. #meta-contents > ytd-video-secondary-info-renderer > #container > ytd-expander > #content {
  1814.     max-width:calc(100% - 180px)
  1815. }
  1816.         /*merch*/
  1817. ytd-merch-shelf-renderer {
  1818.     display:none
  1819. }
  1820.     /*comments*/
  1821.         /*post and header*/
  1822. ytd-comments#comments {
  1823.     padding-right:15px
  1824. }
  1825. yt-dropdown-menu[icon-label] #label-icon.yt-dropdown-menu {
  1826.     display:none
  1827. }
  1828. #title.ytd-comments-header-renderer {
  1829.     margin-bottom:20px;
  1830.     color: #555;
  1831. }
  1832. .count-text.ytd-comments-header-renderer {
  1833.     text-transform: uppercase;
  1834.     font-size: 13px;
  1835.     display:flex;
  1836.     flex-direction:row-reverse;
  1837.     line-height:1
  1838. }
  1839. .count-text.ytd-comments-header-renderer .yt-formatted-string {
  1840.     color:#555
  1841. }
  1842. .count-text.ytd-comments-header-renderer .yt-formatted-string:last-child {
  1843.     font-weight:500
  1844. }
  1845. .count-text.ytd-comments-header-renderer .yt-formatted-string:first-child:before {
  1846.     content:" • ";
  1847.     margin-left:6px;
  1848.     cursor:text
  1849. }
  1850. ytd-comments-header-renderer {
  1851.     padding: 0 0 20px;
  1852.     margin-bottom: 68px;
  1853.     border-bottom: 1px solid #e2e2e2;
  1854.     margin-top:15px;
  1855. }
  1856. #author-thumbnail.ytd-comment-simplebox-renderer, #author-thumbnail.ytd-comment-simplebox-renderer img, #author-thumbnail.ytd-commentbox, #author-thumbnail.ytd-commentbox img, ytd-comment-renderer:not([engagement-panel]) #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
  1857.     width:48px;
  1858.     height:48px;
  1859.     margin-right:10px
  1860. }
  1861. #title.ytd-comments-header-renderer #sort-menu {
  1862.     position:absolute;
  1863.     bottom:-48px
  1864. }
  1865. .ytd-comments > .ytd-item-section-renderer {
  1866.     position:relative
  1867. }
  1868. .add-on-content.tp-yt-paper-input-container, .underline.tp-yt-paper-input-container, #emoji-button {
  1869.     display:none
  1870. }
  1871. ytd-comment-simplebox-renderer {
  1872.     margin-right:0
  1873. }
  1874. #placeholder-area.ytd-comment-simplebox-renderer, .input-wrapper.tp-yt-paper-input-container {
  1875.     border: 1px solid #d5d5d5;
  1876.     color: #b8b8b8;
  1877.     cursor: pointer;
  1878.     margin-left: 11px;
  1879.     min-height: 28px;
  1880.     border-radius: 2px;
  1881.     padding: 10px;
  1882.     position:relative;
  1883.     align-items:initial;
  1884. }
  1885. .input-wrapper.tp-yt-paper-input-container {
  1886.     cursor:text;
  1887.     padding:0
  1888. }
  1889. .input-wrapper.tp-yt-paper-input-container:focus-within {
  1890.     border-color:#1c62b9;
  1891.     box-shadow:inset 0 0 1px rgba(0,0,0,.05)
  1892. }
  1893. .input-wrapper.tp-yt-paper-input-container #labelAndInputContainer #contenteditable-root{
  1894.     padding:10px;
  1895.     min-height:28px
  1896. }
  1897. ytd-commentbox:not([is-backstage-post]) yt-formatted-string#contenteditable-textarea.ytd-commentbox {
  1898.     margin-bottom:0
  1899. }
  1900. #placeholder-area.ytd-comment-simplebox-renderer:before, .input-wrapper.tp-yt-paper-input-container:before {
  1901.     content:"";
  1902.     border:6px solid #d5d5d5;
  1903.     position:absolute;
  1904.     left:-12px;
  1905.     top:-1px;
  1906.     border-bottom-color: transparent;
  1907.     border-left-color: transparent;
  1908. }
  1909. .input-wrapper.tp-yt-paper-input-container:focus-within:before {
  1910.     border-color:#1c62b9;
  1911.     border-bottom-color: transparent;
  1912.     border-left-color: transparent;
  1913. }
  1914. #placeholder-area.ytd-comment-simplebox-renderer:after, .input-wrapper.tp-yt-paper-input-container:after {
  1915.     content:"";
  1916.     border:7px solid #fff;
  1917.     position:absolute;
  1918.     left:-10px;
  1919.     top:0px;
  1920.     border-bottom-color: transparent;
  1921.     border-left-color: transparent;
  1922. }
  1923. #placeholder-area.ytd-comment-simplebox-renderer yt-formatted-string {
  1924.     font:400 13px 'roboto';
  1925.     color:#b8b8b8
  1926. }
  1927. ytd-commentbox:not([is-backstage-post]) yt-formatted-string#contenteditable-textarea.ytd-commentbox {
  1928.     font:400 13px 'roboto';
  1929.     color:#000
  1930. }
  1931.     /*comments in question*/
  1932.         /*pin*/
  1933. #pinned-comment-badge.ytd-comment-renderer {
  1934.     margin-bottom: 4px;
  1935.     line-height:16.9px;
  1936.     height:16.9px;
  1937.     margin-top:1px
  1938. }
  1939. #label.ytd-pinned-comment-badge-renderer {
  1940.     color: #767676;
  1941.     font-size: 11px;
  1942.     line-height:16px
  1943. }
  1944. yt-icon.ytd-pinned-comment-badge-renderer {
  1945.     margin-right:2px;
  1946.     margin-bottom:0
  1947. }
  1948.         /*author badge*/
  1949. html:not([dark]) ytd-app ytd-author-comment-badge-renderer[creator] {
  1950.     background-color: #008bec!important;
  1951.     border-radius: 9px;
  1952.     padding: 1px 6px;
  1953.     vertical-align: middle;
  1954.     margin:0;
  1955.     height:17px
  1956. }
  1957. ytd-comments #text.ytd-channel-name {
  1958.     font-size:12px!Important;
  1959.     line-height:14px;
  1960.     padding-top:1px;
  1961.     padding-left:1px
  1962. }
  1963. ytd-comments [creator] #text.ytd-channel-name {
  1964.     color:#fff!important
  1965. }
  1966. ytd-comments #text.ytd-channel-name:hover {
  1967.     text-decoration:underline
  1968. }
  1969. ytd-author-comment-badge-renderer[creator] #icon.ytd-author-comment-badge-renderer {
  1970.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-comments-vflfcmdXe.png) -172px -92px;
  1971.     fill:none;
  1972.     height:10px;
  1973.     margin-left:8px
  1974. }
  1975.         /*time*/
  1976. .published-time-text a.yt-simple-endpoint.yt-formatted-string {
  1977.     font:400 11px 'roboto', 'arial';
  1978.     line-height:13px;
  1979.     color:#767676!important
  1980. }
  1981. .published-time-text.ytd-comment-renderer {
  1982.     line-height:13px;
  1983.     height:13px;
  1984.     margin-left:6px
  1985. }
  1986. #author-comment-badge ~ .published-time-text {
  1987.     height:16px;
  1988.     line-height:16px
  1989. }
  1990.         /*normal name*/
  1991. html:not([dark]) #author-text.yt-simple-endpoint.ytd-comment-renderer:hover {
  1992.     text-decoration:underline
  1993. }
  1994. #author-text.yt-simple-endpoint.ytd-comment-renderer {
  1995.     margin-bottom:1px
  1996. }
  1997. #header.ytd-comment-renderer {
  1998.     margin:0
  1999. }
  2000.         /*text content*/
  2001. #content-text.ytd-comment-renderer {
  2002.     font:400 13px 'roboto','arial';
  2003.     line-height:16.9px
  2004. }
  2005. #content-text.ytd-comment-renderer a:hover {
  2006.     text-decoration:underline
  2007. }
  2008.         /*action buttons*/
  2009. #reply-button-end {
  2010.     order:-2
  2011. }
  2012. #reply-button-end ytd-button-renderer #button yt-formatted-string.ytd-button-renderer {
  2013.     font-weight:400;
  2014.     color:#555;
  2015.     font-size:13px;
  2016.     padding-top:1px;
  2017.     opacity:.75;
  2018.     margin-top:0;
  2019.     margin-left:0
  2020. }
  2021. #reply-button-end ytd-button-renderer yt-formatted-string.ytd-button-renderer:after {
  2022.     content: "\002022";
  2023.     margin: 0 5px;
  2024. }
  2025. #main.ytd-comment-renderer:hover #reply-button-end .ytd-button-renderer {
  2026.     opacity:1
  2027. }
  2028. #vote-count-middle.ytd-comment-action-buttons-renderer {
  2029.     order:-1;
  2030. }
  2031. .ytd-comment-action-buttons-renderer yt-icon-button.ytd-toggle-button-renderer {
  2032.     padding:0
  2033. }
  2034. .ytd-comment-action-buttons-renderer yt-icon-button.ytd-toggle-button-renderer, ytd-app #like-button #button[aria-pressed="true"] yt-icon, ytd-app #dislike-button #button[aria-pressed="true"] yt-icon {
  2035.     height:auto;
  2036.     width:auto;
  2037.     content:none!important
  2038. }
  2039. ytd-comment-action-buttons-renderer #like-button yt-icon, ytd-comment-action-buttons-renderer #dislike-button yt-icon {
  2040.     content:none!important;
  2041.     fill:none;
  2042.     margin-top:3px
  2043. }
  2044. ytd-comment-action-buttons-renderer #like-button yt-icon {
  2045.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-comments-vflfcmdXe.png) -206px 0;
  2046.     background-size: auto;
  2047. }
  2048. ytd-comment-action-buttons-renderer #dislike-button yt-icon {
  2049.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-comments-vflfcmdXe.png) -12px 0;
  2050.     background-size: auto;
  2051. }
  2052. #vote-count-left.ytd-comment-action-buttons-renderer[hidden] + #like-button.ytd-comment-action-buttons-renderer {
  2053.     margin-left:0;
  2054.     margin-right:3px
  2055. }
  2056. #like-button.ytd-comment-action-buttons-renderer, #dislike-button.ytd-comment-action-buttons-renderer {
  2057.     padding-left:2px;
  2058.     padding-right:1px
  2059. }
  2060. ytd-comment-action-buttons-renderer #like-button #button[aria-pressed="true"] yt-icon {
  2061.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-comments-vflfcmdXe.png) -12px -74px;
  2062. }
  2063. ytd-comment-thread-renderer {
  2064.     margin-bottom:26px
  2065. }
  2066.         /*view more replies*/
  2067. #more-replies yt-formatted-string,
  2068. #less-replies yt-formatted-string {
  2069.     text-transform: lowercase;
  2070. }
  2071. #more-replies #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer, #less-replies #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer, ytd-continuation-item-renderer #button.ytd-button-renderer yt-formatted-string.ytd-button-renderer {
  2072.     margin-top:0;
  2073.     font-size:12px
  2074. }
  2075. #more-replies yt-formatted-string::before {
  2076.     content: "View ";
  2077.     text-transform: none;
  2078. }
  2079.  
  2080. #less-replies yt-formatted-string::before {
  2081.     content: "Hide ";
  2082.     text-transform: none;
  2083. }
  2084. .ytd-comment-replies-renderer #more-replies-icon, .ytd-comment-replies-renderer #less-replies-icon, ytd-comment-replies-renderer:not([modern]) #expander.ytd-comment-replies-renderer .dot.ytd-comment-replies-renderer {
  2085.     display:none
  2086. }
  2087. ytd-comment-replies-renderer #creator-thumbnail.ytd-comment-replies-renderer yt-img-shadow.ytd-comment-replies-renderer {
  2088.     width:16px;
  2089.     height:16px;
  2090.     border-radius:0;
  2091.     margin-right:4px
  2092. }
  2093. ytd-comment-replies-renderer #creator-thumbnail.ytd-comment-replies-renderer {
  2094.     height:16px;
  2095. }
  2096. #expander.ytd-comment-replies-renderer .expander-header.ytd-comment-replies-renderer[teaser] { /*THEY BROKE THESE*/
  2097.     margin-left:1px
  2098. }
  2099. #button.ytd-button-renderer  yt-formatted-string.ytd-button-renderer {
  2100.     font-size:12px;
  2101.     margin-left:2px;
  2102.     margin-top:5px
  2103. }
  2104. #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer {
  2105.     margin-top:0;
  2106.     margin-left:2px
  2107. }
  2108. ytd-comment-replies-renderer [aria-expanded] tp-yt-paper-button.ytd-button-renderer:hover, #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer:hover {
  2109.     text-decoration:underline;
  2110. }
  2111. ytd-comment-replies-renderer [aria-expanded] tp-yt-paper-button.ytd-button-renderer:after {
  2112.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-comments-vflfcmdXe.png) -152px -20px;
  2113.     background-size: auto;
  2114.     width: 16px;
  2115.     height: 16px;
  2116.     content: "";
  2117.     display: inline-block;
  2118.     opacity: .7;
  2119.     vertical-align: text-bottom;
  2120.     margin-left:3px
  2121. }
  2122. ytd-comment-replies-renderer #less-replies tp-yt-paper-button.ytd-button-renderer:after {
  2123.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-comments-vflfcmdXe.png) -152px -73px;
  2124.     opacity:1
  2125. }
  2126. ytd-comment-replies-renderer tp-yt-paper-button.ytd-button-renderer:hover:after {
  2127.     opacity:1
  2128. }
  2129. ytd-button-renderer[is-paper-button] yt-icon.ytd-button-renderer {
  2130.     display:none
  2131. }
  2132.         /*replies*/
  2133. ytd-comment-renderer:not([comment-style="backstage-comment"])[is-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer, ytd-comment-renderer[is-creator-reply] #author-thumbnail.ytd-comment-renderer yt-img-shadow.ytd-comment-renderer {
  2134.     width:32px;
  2135.     height:32px
  2136. }
  2137. #contents.ytd-comment-replies-renderer #header.ytd-comment-renderer {
  2138.     margin-bottom:1px;
  2139.     margin-top:-1px
  2140. }
  2141. .ytd-comment-replies-renderer ytd-comment-renderer {
  2142.     border-radius:0;
  2143.     margin-bottom:12px
  2144. }
  2145. #expander-contents.ytd-comment-replies-renderer {
  2146.     margin-top:10px
  2147. }
  2148.         /*read more*/
  2149. .more-button.ytd-comment-renderer, .less-button.ytd-comment-renderer {
  2150.     color:#128ee9;
  2151.     font-size:12px
  2152. }
  2153.         /*load more*/
  2154. fart {
  2155.     background: url(//s.ytimg.com/yts/img/icn_loading_animated-vflff1Mjj.gif) no-repeat center;
  2156. }
  2157.         /*heart*/
  2158. #creator-heart-button.ytd-creator-heart-renderer {
  2159.     height:20px;
  2160.     width:20px
  2161. }
  2162. #hearted-thumbnail.ytd-creator-heart-renderer {
  2163.     margin:0;
  2164.     border-radius:0
  2165. }
  2166. #hearted-thumbnail.ytd-creator-heart-renderer ~ #hearted {
  2167.     right:-4px;
  2168.     bottom:-1px
  2169. }
  2170. #hearted-thumbnail.ytd-creator-heart-renderer ~ #hearted-border {
  2171.     display:none
  2172. }
  2173.         /*continuation*/
  2174. #show-more-comments > input{
  2175.     margin: 15px 25px!important;
  2176.     border: 1px solid #d3d3d3!important;
  2177.     padding: 10px 0!important;
  2178.     background-color: #f8f8f8!important;
  2179.     color: #333!important;
  2180.     font-size: 12px!important;
  2181.     width: 95%!important;
  2182.     text-transform:none!important
  2183. }
  2184. #show-more-comments > input:hover {
  2185.     background-image: linear-gradient(to top,#f0f0f0 0,#f8f8f8 100%)!important;
  2186.     border-color: #c6c6c6!important;
  2187. }
  2188.     /*clip menu*/
  2189. #title.yt-clip-creation-renderer {
  2190.     display:none
  2191. }
  2192. #text-inputs.yt-clip-creation-scrubber-renderer {
  2193.     min-width:0;
  2194.     width:230px;
  2195.     align-items:initial;
  2196.     margin:0
  2197. }
  2198. yt-clip-creation-scrubber-renderer {
  2199.     align-items:initial
  2200. }
  2201. tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer #labelAndInputContainer.tp-yt-paper-input-container > label {
  2202.     font-size:13px;
  2203.     padding:5px 10px
  2204. }
  2205. textarea.tp-yt-iron-autogrow-textarea {
  2206.     padding:5px 10px;
  2207.     min-height:30px
  2208. }
  2209. textarea.tp-yt-iron-autogrow-textarea:-moz-ui-invalid {
  2210.     box-shadow:none
  2211. }
  2212. .fit.tp-yt-iron-autogrow-textarea {
  2213.     position:relative;
  2214.  
  2215. }
  2216. .mirror-text.tp-yt-iron-autogrow-textarea {
  2217.     display:none
  2218. }
  2219. tp-yt-paper-textarea.ytd-clip-creation-text-input-renderer .input-content.tp-yt-paper-input-container > .paper-input-input {
  2220.     margin:0
  2221. }
  2222.     /*add to*/
  2223. ytd-add-to-playlist-renderer {
  2224.     border: 1px solid #c5c5c5;
  2225.     box-shadow: 0 0 15px rgba(0,0,0,.18);
  2226.     display:block
  2227. }
  2228. #create-playlist-form #placeholder-area.ytd-comment-simplebox-renderer, #create-playlist-form .input-wrapper.tp-yt-paper-input-container {
  2229.     min-height:0;
  2230.     margin:0;
  2231.     padding:5px 10px 6px 10px;
  2232.     color:#333;
  2233.     font-size:13px;
  2234.     line-height:1
  2235. }
  2236. #create-playlist-form iron-input.tp-yt-paper-input  {
  2237.     line-height:1
  2238. }
  2239. #create-playlist-form iron-input.tp-yt-paper-input > input.tp-yt-paper-input {
  2240.     height:15px
  2241. }
  2242. #create-playlist-form #placeholder-area.ytd-comment-simplebox-renderer, #create-playlist-form .input-wrapper.tp-yt-paper-input-container:before, #create-playlist-form #placeholder-area.ytd-comment-simplebox-renderer, #create-playlist-form .input-wrapper.tp-yt-paper-input-container:after {
  2243.     content:none
  2244. }
  2245. #create-playlist-form #labelAndInputContainer#labelAndInputContainer.label-is-floating.tp-yt-paper-input-container > label {
  2246.     color:#333;
  2247.     text-transform:uppercase;
  2248.     font-size:11px;
  2249.     transform:none;
  2250.     bottom:auto;
  2251.     top:-22px;
  2252.     font-weight:500
  2253. }
  2254. #title.ytd-add-to-playlist-renderer {
  2255.     font-size:11px;
  2256.     text-transform:uppercase;
  2257.     color:#333;
  2258.     font-weight:500
  2259. }
  2260. tp-yt-iron-icon.tp-yt-paper-dropdown-menu-light {
  2261.     display:none
  2262. }
  2263. #create-playlist-form .label.label-is-floating.tp-yt-paper-dropdown-menu-light {
  2264.     display:none
  2265. }
  2266. ytd-dropdown-renderer tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"] {
  2267.     width:auto;
  2268.     font:500 11px 'roboto';
  2269.     border:1px solid transparent;
  2270.     height:28px;
  2271.     padding:0 10px;
  2272.     line-height:28px;
  2273.     color:#333
  2274. }
  2275. ytd-dropdown-renderer tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"]:hover {
  2276.     border-color: #c6c6c6;
  2277.     background: #f0f0f0;
  2278.     box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
  2279. }
  2280. ytd-dropdown-renderer tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"]:active, ytd-dropdown-renderer tp-yt-paper-dropdown-menu-light [focused] .tp-yt-paper-dropdown-menu-light[style-target="input"] {
  2281.     border-color: #c6c6c6;
  2282.     background: #e9e9e9;
  2283.     box-shadow: inset 0 1px 0 #ddd;
  2284. }
  2285. ytd-dropdown-renderer tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"]:after {
  2286.     content:"";
  2287.     margin-top: -3px;
  2288.     margin-left: 5px;
  2289.     border: 1px solid transparent;
  2290.     border-top-color: #333;
  2291.     border-width: 4px 4px 0;
  2292.     width: 0;
  2293.     height: 0;
  2294.     display:inline-block;
  2295.     vertical-align: middle;
  2296. }
  2297. .label.tp-yt-paper-dropdown-menu-light::after {
  2298.     content:none
  2299. }
  2300. #create-playlist-form .tp-yt-paper-dropdown-menu-light[slot="dropdown-trigger"] {
  2301.     width:auto;
  2302.     padding:0
  2303. }
  2304. yt-text-input-form-field-renderer.ytd-add-to-playlist-create-renderer {
  2305.     padding:0 20px
  2306. }
  2307. ytd-dropdown-renderer.ytd-add-to-playlist-create-renderer {
  2308.     padding:0 20px;
  2309.     width:max-content;
  2310.     position:absolute;
  2311.     bottom:15px;
  2312.     margin:0
  2313. }
  2314. #title.ytd-add-to-playlist-renderer {
  2315.     padding:0 20px;
  2316.     padding-top:6px
  2317. }
  2318. #header.ytd-add-to-playlist-renderer {
  2319.     border:0
  2320. }
  2321. ytd-add-to-playlist-renderer[dialog] #close-button.ytd-add-to-playlist-renderer {
  2322.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) 0 -511px;
  2323.     width: 11px;
  2324.     height: 11px;
  2325.     fill:none;
  2326.     opacity:.5;
  2327.     margin-top:3px;
  2328. }
  2329. ytd-add-to-playlist-renderer[dialog] #close-button.ytd-add-to-playlist-renderer button {
  2330.     vertical-align:initial
  2331. }
  2332. ytd-add-to-playlist-renderer[dialog] #close-button.ytd-add-to-playlist-renderer yt-icon {
  2333.     fill:none
  2334. }
  2335. #playlists.ytd-add-to-playlist-renderer, ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
  2336.     padding:0 20px;
  2337.     border:0
  2338. }
  2339. tp-yt-paper-menu-button.tp-yt-paper-dropdown-menu-light {
  2340.     position:relative
  2341. }
  2342. #privacy-input tp-yt-iron-dropdown {
  2343.     top:36px!important;
  2344.     position:absolute!important;
  2345.     left:auto!important;
  2346.     right:auto!important;
  2347.     bottom:auto!important
  2348. }
  2349. ytd-add-to-playlist-renderer[dialog] {
  2350.     overflow:visible
  2351. }
  2352.  
  2353. #checkbox-label.ytd-playlist-add-to-option-renderer {
  2354.     height:15px
  2355. }
  2356. yt-icon.ytd-playlist-add-to-option-renderer {
  2357.     padding:0;
  2358.     margin:0
  2359. }
  2360. ytd-add-to-playlist-renderer[increased-tap-target] #playlists.ytd-add-to-playlist-renderer > .ytd-add-to-playlist-renderer:not(:last-child) {
  2361.     margin-bottom:10px
  2362. }
  2363. #label.ytd-compact-link-renderer {
  2364.     font-size:13px
  2365. }
  2366. #content-icon.ytd-compact-link-renderer {
  2367.     margin-right:5px
  2368. }
  2369.         /*privacy dropdown?*/
  2370. #label.ytd-privacy-dropdown-item-renderer {
  2371.     font:400 13px 'roboto';
  2372.     color:#333
  2373. }
  2374. #description.ytd-privacy-dropdown-item-renderer {
  2375.     display:none
  2376. }
  2377. ytd-privacy-dropdown-item-renderer #dropdown-icon.ytd-privacy-dropdown-item-renderer {
  2378.     width: 16px;
  2379.     height: 16px;
  2380.     fill:none;
  2381.     opacity:.5;
  2382.     margin-left:0;
  2383.     margin-right:3px
  2384. }
  2385. ytd-privacy-dropdown-item-renderer:nth-child(1) #dropdown-icon.ytd-privacy-dropdown-item-renderer {
  2386.     background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfliTgLqv.webp) 0 -918px;
  2387. }
  2388. ytd-privacy-dropdown-item-renderer:nth-child(2) #dropdown-icon.ytd-privacy-dropdown-item-renderer {
  2389.     background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfliTgLqv.webp) -76px -474px;
  2390. }
  2391. ytd-privacy-dropdown-item-renderer:nth-child(3) #dropdown-icon.ytd-privacy-dropdown-item-renderer {
  2392.     background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfliTgLqv.webp) -211px -122px;
  2393. }
  2394. ytd-privacy-dropdown-item-renderer tp-yt-paper-item {
  2395.     min-height:25px!important;
  2396.     padding:0 15px;
  2397.     min-width:60px
  2398. }
  2399. ytd-privacy-dropdown-item-renderer:hover {
  2400.     background:#eee
  2401. }
  2402. ytd-privacy-dropdown-item-renderer:hover #dropdown-icon.ytd-privacy-dropdown-item-renderer {
  2403.     opacity:.6
  2404. }
  2405. ytd-privacy-dropdown-item-renderer[aria-selected="true"] #dropdown-icon.ytd-privacy-dropdown-item-renderer {
  2406.     opacity:1
  2407. }
  2408.     /*share*/
  2409. yt-third-party-network-section-renderer iron-input.tp-yt-paper-input > input.tp-yt-paper-input {
  2410.     line-height:28px;
  2411.     margin-left:6px
  2412. }
  2413. ytd-unified-share-panel-renderer {
  2414.     border: 1px solid #c5c5c5;
  2415.     box-shadow: 0 0 15px rgba(0,0,0,.18);
  2416.     margin:0!important;
  2417.     padding:18px 20px;
  2418. }
  2419. #close-button.ytd-unified-share-panel-renderer {
  2420.     top:3px;
  2421.     right:3px;
  2422.     width:30px;
  2423.     height:28px;
  2424.     padding:0 10px;
  2425. }
  2426. #close-button.ytd-unified-share-panel-renderer yt-icon {
  2427.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) 0 -511px;
  2428.     height:10px;
  2429.     fill:none;
  2430.     opacity:.5
  2431. }
  2432. ytd-unified-share-panel-renderer yt-share-panel-header-renderer.ytd-unified-share-panel-renderer {
  2433.     display:none
  2434. }
  2435. #contents.yt-third-party-share-target-section-renderer yt-share-target-renderer.yt-third-party-share-target-section-renderer {
  2436.     margin-right:3px
  2437. }
  2438. yt-share-target-renderer yt-icon.yt-share-target-renderer, #target.yt-share-target-renderer {
  2439.     width:32px;
  2440.     height:32px;
  2441.     border-radius:0;
  2442.     margin:0;
  2443.     padding:0
  2444. }
  2445. #title.yt-share-target-renderer {
  2446.     min-width:0;
  2447.     width:auto
  2448. }
  2449. #share-url.yt-copy-link-renderer {
  2450.     width: 370px;
  2451.     margin-right: 15px;
  2452.     color: #666;
  2453.     font-size: 23px;
  2454.     padding: 2px;
  2455.     margin-left:0
  2456. }
  2457. #bar.yt-copy-link-renderer {
  2458.     background:none;
  2459.     border-radius:0;
  2460.     border: 1px solid #d3d3d3;
  2461. }
  2462. #copy-button #button.yt-button-renderer {
  2463.     padding:0 10px
  2464. }
  2465.     /*secondary*/
  2466. #secondary-inner.ytd-watch-flexy #related {
  2467.     width:401px
  2468. }
  2469. #video-title.ytd-compact-video-renderer {
  2470.     line-height:16.8px;
  2471. }
  2472. ytd-watch-next-secondary-results-renderer #contents .ytd-item-section-renderer h3 {
  2473.     color:#333
  2474. }
  2475. ytd-watch-next-secondary-results-renderer #contents .ytd-item-section-renderer:hover h3 {
  2476.     color:#167ac6
  2477. }
  2478. #channel-name.ytd-video-meta-block {
  2479.     color:#767676
  2480. }
  2481. .metadata.ytd-compact-video-renderer {
  2482.     padding-right:20px
  2483. }
  2484.         /*live chat*/
  2485. #avatar.yt-live-chat-message-input-renderer, yt-live-chat-author-chip, #picker-buttons.yt-live-chat-message-input-renderer {
  2486.     display:none
  2487. }
  2488. yt-live-chat-message-input-renderer {
  2489.     padding:10px 15px
  2490. }
  2491. #message-buttons.yt-live-chat-message-input-renderer {
  2492.     top:0;
  2493.     position:absolute;
  2494.     right:0;
  2495.     opacity:.3
  2496. }
  2497. #message-buttons.yt-live-chat-message-input-renderer:hover {
  2498.     opacity:.8
  2499. }
  2500.         /*playlist*/
  2501.             /*head*/
  2502. #secondary-inner #playlist.ytd-watch-flexy {
  2503.     margin-top:1px
  2504. }
  2505. #container.ytd-playlist-panel-renderer {
  2506.     border:0
  2507. }
  2508. ytd-playlist-panel-renderer[collapsible]:not([modern-panels]) .title.ytd-playlist-panel-renderer {
  2509.     font-size:15px;
  2510.     font-weight:400
  2511. }
  2512. ytd-playlist-panel-renderer[collapsible] .header.ytd-playlist-panel-renderer {
  2513.     padding:14px 10px 0 10px
  2514. }
  2515. ytd-playlist-panel-renderer[collapsible] #publisher-container.ytd-playlist-panel-renderer {
  2516.     margin-top:3px
  2517. }
  2518. ytd-playlist-panel-renderer[collapsible] .index-message-wrapper.ytd-playlist-panel-renderer, ytd-playlist-panel-renderer[collapsible] .publisher.ytd-playlist-panel-renderer {
  2519.     font-size:11px;
  2520.     color:#b8b8b8;
  2521.     line-height:normal
  2522. }
  2523. .publisher.ytd-playlist-panel-renderer:not(:empty) + .index-message-wrapper.ytd-playlist-panel-renderer::before {
  2524.     content: '\002022';
  2525.     color:#b8b8b8;
  2526.     padding:0 2px
  2527. }
  2528. ytd-playlist-panel-renderer[collapsible] .publisher.ytd-playlist-panel-renderer:before {
  2529.     content:"by "
  2530. }
  2531. #playlist.ytd-watch-flexy .index-message-wrapper.ytd-playlist-panel-renderer {
  2532.     color:#b8b8b8!important;
  2533. }
  2534. #playlist.ytd-watch-flexy .index-message-wrapper.ytd-playlist-panel-renderer span:nth-child(2) {
  2535.     margin:0 -2px
  2536. }
  2537. #playlist.ytd-watch-flexy .index-message-wrapper.ytd-playlist-panel-renderer:after {
  2538.     content:" videos"
  2539. }
  2540. #header-top-row.ytd-playlist-panel-renderer {
  2541.     padding:0 5px;
  2542.     padding-bottom:6px
  2543. }
  2544. #playlist-actions.ytd-playlist-panel-renderer {
  2545.     border-top: 1px solid #3a3a3a;
  2546.     height: 24px;
  2547.     padding: 9px 6px 6px;
  2548. }
  2549. #playlist-actions.ytd-playlist-panel-renderer yt-icon-button.ytd-button-renderer {
  2550.     height:24px;
  2551.     width:24px
  2552. }
  2553. ytd-playlist-panel-renderer[has-playlist-buttons] #playlist-action-menu.ytd-playlist-panel-renderer {
  2554.     margin:0
  2555. }
  2556. #playlist-actions #top-level-buttons-computed yt-icon-button.ytd-toggle-button-renderer {
  2557.     height:24px;
  2558.     padding-left:15px
  2559. }
  2560. ytd-playlist-loop-button-renderer yt-icon {
  2561.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -143px -66px;
  2562.     fill:none;
  2563.     opacity:.5
  2564. }
  2565. #playlist-action-menu ytd-toggle-button-renderer[is-icon-button] yt-icon {
  2566.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -101px -918px;
  2567.     opacity:.5;
  2568.     fill:none;
  2569.     min-height:24px
  2570. }
  2571. #overflow-menu .ytd-playlist-panel-renderer .ytd-menu-renderer[style-target="button"] yt-icon {
  2572.     opacity:.5;
  2573.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -205px -314px;
  2574.     width:24px;
  2575.     height:24px
  2576. }
  2577. ytd-playlist-loop-button-renderer yt-icon:hover, #playlist-action-menu ytd-toggle-button-renderer.style-grey-text[is-icon-button] yt-icon:hover, #overflow-menu .ytd-playlist-panel-renderer .ytd-menu-renderer[style-target="button"] yt-icon:hover {
  2578.     opacity:.6
  2579. }
  2580. ytd-playlist-loop-button-renderer yt-icon:active, #playlist-action-menu ytd-toggle-button-renderer.style-grey-text[is-icon-button] yt-icon:active, #overflow-menu .ytd-playlist-panel-renderer .ytd-menu-renderer[style-target="button"] yt-icon:active, ytd-playlist-loop-button-renderer [aria-label="Turn off loop"] yt-icon, ytd-playlist-loop-button-renderer [aria-label="Loop video"] yt-icon, #playlist-action-menu ytd-toggle-button-renderer[is-icon-button] .style-default-active yt-icon {
  2581.     opacity:1
  2582. }
  2583. #overflow-menu.ytd-playlist-panel-renderer ytd-menu-renderer.ytd-playlist-panel-renderer {
  2584.     margin:0;
  2585. }
  2586. ytd-playlist-panel-renderer[chevron-tap-target-size] #expand-button.ytd-playlist-panel-renderer {
  2587.     width:24px;
  2588. }
  2589. #playlist-action-menu #top-level-buttons-computed > ytd-toggle-button-renderer:first-of-type > a > yt-icon-button > #button > yt-icon:hover{
  2590.     filter:none
  2591. }
  2592.             /*body*/
  2593. #thumbnail-container.ytd-playlist-panel-video-renderer > ytd-thumbnail.ytd-playlist-panel-video-renderer {
  2594.     height:40.28px
  2595. }
  2596. #thumbnail-container.ytd-playlist-panel-video-renderer {
  2597.     width:72px;
  2598.     height:40.28px
  2599. }
  2600. #video-title.ytd-playlist-panel-video-renderer {
  2601.     max-height: 2.6em;
  2602.     color: #cacaca;
  2603.     font-size: 13px;
  2604.     font-weight: normal;
  2605.     line-height:16.9px;
  2606.     margin-bottom:2px;
  2607.     margin-top:-2px
  2608. }
  2609. #byline.ytd-playlist-panel-video-renderer {
  2610.     font-size:11px;
  2611.     line-height:13px
  2612. }
  2613. #index-container.ytd-playlist-panel-video-renderer, #index.ytd-playlist-panel-video-renderer, #reorder.ytd-playlist-panel-video-renderer {
  2614.     font-size: 10px;
  2615.     line-height: 41px;
  2616.     margin: 0 4px 0 0px;
  2617.     text-align: center;
  2618.     width: 24px;
  2619.     color:#b8b8b8
  2620. }
  2621. [selected] #index.ytd-playlist-panel-video-renderer {
  2622.     color:#c03636;
  2623.     line-height:40px
  2624. }
  2625. ytd-playlist-panel-video-renderer, ytd-playlist-panel-video-renderer.ytd-playlist-panel-renderer:first-of-type {
  2626.     padding:0
  2627. }
  2628. a.yt-simple-endpoint.ytd-playlist-panel-video-renderer {
  2629.     padding:10px 0
  2630. }
  2631. #meta.ytd-playlist-panel-video-renderer {
  2632.     padding-right:0;
  2633.     max-height:41px;
  2634.     padding-left:8px
  2635. }
  2636. ytd-playlist-panel-video-renderer[selected].ytd-playlist-panel-renderer:hover:not(.dragging) {
  2637.     background-color: #3a3a3a !important;
  2638. }
  2639. /*search*/
  2640. ytd-search #contents ytd-channel-renderer #avatar-section.ytd-channel-renderer {
  2641.     margin-right:10px!important
  2642. }
  2643.     /*sort*/
  2644. ytd-search {
  2645.     padding:10px
  2646. }
  2647. ytd-search #primary.ytd-two-column-search-results-renderer {
  2648.     max-width:1056px
  2649. }
  2650. ytd-search #sub-menu.ytd-section-list-renderer, ytd-ticket-shelf-renderer {
  2651.     background:#fff;
  2652.     box-shadow: 0 1px 2px rgba(0,0,0,.1);
  2653.     padding:5px 15px;
  2654.     border-bottom:1px solid #f1f1f1;
  2655.     padding-top:8px;
  2656.     padding-bottom:7px
  2657. }
  2658. #filter-menu.ytd-search-sub-menu-renderer {
  2659.     border:0
  2660. }
  2661. .ytd-search-sub-menu-renderer a > .ytd-toggle-button-renderer {
  2662.     padding:0;
  2663. }
  2664. .ytd-search-sub-menu-renderer yt-icon {
  2665.     display:none
  2666. }
  2667. ytd-toggle-button-renderer[is-paper-button][align-by-text]:not(:empty) {
  2668.     margin-left:0
  2669. }
  2670. .ytd-search-sub-menu-renderer #button.ytd-toggle-button-renderer {
  2671.     min-width:0;
  2672.     padding:0 10px;
  2673.     height:20px;
  2674.     border-radius: 2px;
  2675.     box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  2676.     border:1px solid #d3d3d3;
  2677.     background: #f8f8f8;
  2678.     color: #333;
  2679. }
  2680. .ytd-search-sub-menu-renderer #button.ytd-toggle-button-renderer:hover {
  2681.     border-color: #c6c6c6;
  2682.     background: #f0f0f0;
  2683.     box-shadow: 0 1px 0 rgba(0,0,0,0.10);
  2684. }
  2685. .ytd-search-sub-menu-renderer #button.ytd-toggle-button-renderer:active {
  2686.     border-color: #c6c6c6;
  2687.     background: #e9e9e9;
  2688.     box-shadow: inset 0 1px 0 #ddd;
  2689. }
  2690. .ytd-search-sub-menu-renderer #button.ytd-toggle-button-renderer:after {
  2691.     content:"";
  2692.     margin-top: -2px;
  2693.     margin-left: 5px;
  2694.     border: 1px solid transparent;
  2695.     border-top-color: #333;
  2696.     border-width: 4px 4px 0;
  2697.     width: 0;
  2698.     vertical-align:middle;
  2699.     display:inline-block
  2700. }
  2701. #button.ytd-toggle-button-renderer yt-icon.ytd-toggle-button-renderer + yt-formatted-string.ytd-toggle-button-renderer {
  2702.     margin-left:0;
  2703.     text-transform:initial;
  2704.     font:400 11px 'roboto', 'arial';
  2705.     color:#555;
  2706.     height:14px
  2707. }
  2708. #contents.ytd-section-list-renderer {
  2709.     padding-left:15px!important;
  2710.     padding-right:15px
  2711. }
  2712. #items.ytd-vertical-list-renderer > .ytd-vertical-list-renderer {
  2713.     padding-top:15px
  2714. }
  2715. ytd-search #contents.ytd-shelf-renderer {
  2716.     margin-top:5px!important
  2717. }
  2718.     /*channel pfp*/
  2719. yt-img-shadow.ytd-channel-renderer, yt-img-shadow.ytd-channel-renderer img {
  2720.     width:110px;
  2721.     height:110px
  2722. }
  2723. #avatar.ytd-channel-renderer {
  2724.     width:auto
  2725. }
  2726. #avatar-section.ytd-channel-renderer {
  2727.     min-width:0;
  2728.     width:var(--globalthumb);
  2729.     flex:initial;
  2730.     margin-right:10px
  2731. }
  2732. #channel-title.ytd-channel-renderer {
  2733.     font:500 14px 'roboto';
  2734.     color:#167ac6;
  2735.     line-height:18.2px;
  2736.     margin-bottom:2px
  2737. }
  2738. #channel-title.ytd-channel-renderer yt-formatted-string#text.ytd-channel-name {
  2739.     font-size:14px!important
  2740. }
  2741. #info.ytd-channel-renderer {
  2742.     padding:0;
  2743.     display:block
  2744. }
  2745. #purchase-button.ytd-channel-renderer, #subscribe-button.ytd-channel-renderer {
  2746.     padding-bottom:0;
  2747.     padding-top:2px
  2748. }
  2749. #metadata.ytd-channel-renderer, #description.ytd-channel-renderer{
  2750.     margin-bottom:2px;
  2751.     color:#767676;
  2752.     font:400 12px 'roboto','arial';
  2753.     line-height:15.6px
  2754. }
  2755. .channel-link.ytd-channel-renderer {
  2756.     flex:initial;
  2757.     display:block
  2758. }
  2759. #info-section.ytd-channel-renderer {
  2760.     flex-direction:column
  2761. }
  2762.     /*stupid stuff*/
  2763. ytd-exploratory-results-renderer.ytd-item-section-renderer, ytd-horizontal-card-list-renderer.ytd-item-section-renderer:not(:first-child), ytd-reel-shelf-renderer.ytd-item-section-renderer, ytd-shelf-renderer.ytd-item-section-renderer {
  2764.     margin-top:8px;
  2765.     border:0
  2766. }
  2767. ytd-search .grid-subheader.ytd-shelf-renderer {
  2768.     display:none
  2769. }
  2770. yt-search-query-correction {
  2771.     margin-top:12px
  2772. }
  2773. ytd-button-renderer.ytd-item-section-renderer, ytd-compact-radio-renderer.ytd-item-section-renderer, ytd-compact-video-renderer.ytd-item-section-renderer, ytd-compact-movie-renderer.ytd-item-section-renderer, ytd-compact-playlist-renderer.ytd-item-section-renderer, ytd-emergency-onebox-renderer.ytd-item-section-renderer, ytd-feed-nudge-renderer.ytd-item-section-renderer, ytd-movie-renderer.ytd-item-section-renderer, ytd-playlist-renderer.ytd-item-section-renderer, ytd-show-renderer.ytd-item-section-renderer, ytd-radio-renderer.ytd-item-section-renderer, yt-search-no-results-renderer.ytd-item-section-renderer, ytd-video-renderer.ytd-item-section-renderer, ytd-channel-renderer.ytd-item-section-renderer, ytd-promoted-sparkles-text-search-renderer.ytd-item-section-renderer, ytd-web-answer-renderer.ytd-item-section-renderer, ytd-clarification-renderer.ytd-item-section-renderer, ytd-fact-check-renderer.ytd-item-section-renderer, ytd-info-panel-container-renderer.ytd-item-section-renderer, ytd-continuation-item-renderer.ytd-item-section-renderer {
  2774.     margin-top:10px
  2775. }
  2776.     /*video*/
  2777. ytd-exploratory-results-renderer.ytd-item-section-renderer, ytd-horizontal-card-list-renderer.ytd-item-section-renderer:not(:first-child), ytd-reel-shelf-renderer.ytd-item-section-renderer, ytd-shelf-renderer.ytd-item-section-renderer {
  2778.     margin:0
  2779. }
  2780. .ytd-item-section-renderer[is-search] > :not(div).style-scope, ytd-video-renderer[is-search] ytd-thumbnail.ytd-video-renderer, ytd-app ytd-thumbnail.ytd-radio-renderer {
  2781.     min-width:100px;
  2782.     width:var(--globalthumb);
  2783.     max-width:var(--globalthumb)!important;
  2784.     margin-right:10px
  2785. }
  2786. ytd-search [lockup="true"] #video-title[title] {
  2787.     font-size:14px;
  2788.     line-height:18.2px;
  2789.     font-weight:500;
  2790. }
  2791. ytd-search #title-wrapper.ytd-video-renderer {
  2792.     margin-bottom:2px;
  2793.     max-height:18.2px
  2794. }
  2795. ytd-search [lockup="true"] #video-title[title]:hover, #title-wrapper.ytd-video-renderer yt-formatted-string:hover {
  2796.     text-decoration:underline
  2797. }
  2798. #channel-thumbnail.ytd-video-renderer {
  2799.     display:none
  2800. }
  2801. ytd-video-renderer[is-search] #channel-info.ytd-video-renderer {
  2802.     padding:0
  2803. }
  2804. .metadata-snippet-text.ytd-video-renderer {
  2805.     color:#767676
  2806. }
  2807. ytd-search #channel-name #text.ytd-channel-name a,ytd-search #channel-name #text.ytd-channel-name, #channel-name.ytd-video-renderer, #video-title.ytd-child-video-renderer, #length.ytd-child-video-renderer {
  2808.     color:#767676;
  2809.     line-height:15.6px!important;
  2810.     font-size:12px!important;
  2811.     font-weight:400!important
  2812. }
  2813. ytd-search #channel-name #text.ytd-channel-name a:before {
  2814.     content:"by ";
  2815.     display:inline-block;
  2816.     color:#767676;
  2817.     margin-right:3px
  2818. }
  2819. ytd-search #metadata-line.ytd-video-meta-block span.ytd-video-meta-block {
  2820.     font-size:12px!important
  2821. }
  2822. #list.ytd-playlist-renderer li.ytd-playlist-renderer {
  2823.     height:auto;
  2824.     padding:1px 0;
  2825.     border-bottom:1px solid #e2e2e2
  2826. }
  2827. #video-title.ytd-child-video-renderer {
  2828.     display:block;
  2829.     float:left
  2830. }
  2831. #length.ytd-child-video-renderer {
  2832.     float:right
  2833. }
  2834. #title.ytd-child-video-renderer {
  2835.     display:block;
  2836.     width:100%
  2837. }
  2838. [lockup="true"]:hover #channel-name #text.ytd-channel-name a, [lockup="true"]:hover #video-title.ytd-child-video-renderer {
  2839.     color:#167ac6 
  2840. }
  2841. [lockup="true"]:hover a.yt-simple-endpoint, .title-and-badge.ytd-video-renderer {
  2842.     width:100%;
  2843.     margin:0
  2844. }
  2845. #list.ytd-playlist-renderer {
  2846.     margin:4px 0
  2847. }
  2848. #length.ytd-child-video-renderer::before {
  2849.     content:none
  2850. }
  2851. yt-formatted-string[ellipsis-truncate] a.yt-formatted-string {
  2852.     margin-right:0
  2853. }
  2854. #view-more.ytd-playlist-renderer {
  2855.     text-transform:none;
  2856.     font-weight:400
  2857. }
  2858. yt-icon.ytd-thumbnail-overlay-hover-text-renderer {
  2859.     display:none
  2860. }
  2861.         /*playlist thingy*/
  2862. ytd-thumbnail-overlay-side-panel-renderer {
  2863.     width: 43.75%!important;
  2864.     background: rgba(0,0,0,.8);
  2865. }
  2866. yt-formatted-string.ytd-thumbnail-overlay-side-panel-renderer {
  2867.     color:#cfcfcf;
  2868.     font-size:18px
  2869. }
  2870. yt-icon.ytd-thumbnail-overlay-side-panel-renderer {
  2871.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -225px -563px;
  2872.     width:32px;
  2873.     height:32px;
  2874.     fill:none
  2875. }
  2876.         /*moments?*/
  2877. #expandable-metadata.ytd-video-renderer:not(:empty), ytd-reel-shelf-renderer {
  2878.     margin:0;
  2879.     display:none
  2880. }
  2881. #more.ytd-vertical-list-renderer, #all.ytd-vertical-list-renderer {
  2882.     padding:0
  2883. }
  2884. ytd-vertical-list-renderer {
  2885.     padding-bottom:10px
  2886. }
  2887. /*channels page*/
  2888.     /*pageframe*/
  2889. #contentContainer.tp-yt-app-header-layout {
  2890.     display:none
  2891. }
  2892. [page-subtype="channels"] #contents.ytd-section-list-renderer {
  2893.     margin-right:0!important;
  2894.     padding:0!important
  2895. }
  2896. [page-subtype="channels"] #contents.ytd-section-list-renderer > ytd-item-section-renderer > #contents {
  2897.     padding:15px
  2898. }
  2899. [page-subtype="channels"] [style*="0px, -233px, 0px"] ~ #contentContainer.tp-yt-app-header-layout, [page-subtype="channels"] [style*="0px, -227px, 0px"] ~ #contentContainer.tp-yt-app-header-layout {
  2900.     display:block
  2901. }
  2902. [page-subtype="channels"] #header.ytd-browse, ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) {
  2903.     width:1056px!important
  2904. }
  2905. @media (max-width:1176px) {
  2906.     [page-subtype="channels"] #header.ytd-browse, ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) {
  2907.         width:850px!important
  2908.     }
  2909. }
  2910. @media (min-width:1565px) {
  2911.     [page-subtype="channels"] #header.ytd-browse, ytd-two-column-browse-results-renderer.grid:not(.grid-disabled) {
  2912.         width:1262px!important
  2913.     }
  2914. }
  2915. #wrapper.tp-yt-app-header-layout > [slot="header"] {
  2916.     position:static;
  2917.     margin:0;
  2918.     transform:none!important;
  2919. }
  2920. #backgroundFrontLayer.tp-yt-app-header {
  2921.     transform:none!important
  2922. }
  2923. #wrapper.tp-yt-app-header-layout > [slot="header"][style*="0px, -233px, 0px"], #wrapper.tp-yt-app-header-layout > [slot="header"][style*="0px, -227px, 0px"] {
  2924.     transform: translate3d(0px, -200px, 0px)!important;
  2925.     position:fixed;
  2926.     left:230px!important;
  2927.     width:100%;
  2928.     border-bottom:1px solid #e8e8e8;
  2929. }
  2930. [style*="0px, -233px, 0px"] #tabsContent, [style*="0px, -227px, 0px"] #tabsContent {
  2931.     text-align:center;
  2932.     position:relative
  2933. }
  2934. html [style*="0px, -233px, 0px"] tp-yt-paper-tab.ytd-c4-tabbed-header-renderer, html [style*="0px, -227px, 0px"] tp-yt-paper-tab.ytd-c4-tabbed-header-renderer {
  2935.     margin-right:30px
  2936. }
  2937. ytd-c4-tabbed-header-renderer.grid-5-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer.grid-4-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer.grid-6-columns tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer {
  2938.     margin:0
  2939. }
  2940. #header.ytd-browse > ytd-c4-tabbed-header-renderer.ytd-browse {
  2941.     box-shadow:0 1px 2px rgba(0,0,0,.1)
  2942. }
  2943.     /*header banner*/
  2944. #avatar.ytd-c4-tabbed-header-renderer, #avatar.ytd-c4-tabbed-header-renderer img {
  2945.     width:100px;
  2946.     height:100px;
  2947.     margin:0
  2948. }
  2949. #avatar.ytd-c4-tabbed-header-renderer {
  2950.     position:absolute;
  2951.     top:-176px;
  2952.     left:15px
  2953. }
  2954. ytd-c4-tabbed-header-renderer[has-channel-art][guide-persistent-and-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer[has-channel-art] .banner-visible-area.ytd-c4-tabbed-header-renderer {
  2955.     height:176px;
  2956.     width:100%;
  2957. }
  2958. #backgroundFrontLayer.tp-yt-app-header {
  2959.     background-size:cover!important;
  2960.     height:175px;
  2961.     background-position:center
  2962. }
  2963. #links-holder.ytd-c4-tabbed-header-renderer {
  2964.     top:-39px
  2965. }
  2966. @media (min-width:1565px) {
  2967.     ytd-c4-tabbed-header-renderer[has-channel-art][guide-persistent-and-visible] .banner-visible-area.ytd-c4-tabbed-header-renderer, ytd-c4-tabbed-header-renderer[has-channel-art] .banner-visible-area.ytd-c4-tabbed-header-renderer {
  2968.         height:210px
  2969.     }
  2970.         #backgroundFrontLayer.tp-yt-app-header {
  2971.         background-size:cover!important;
  2972.         height:208px;
  2973.         background-position:center
  2974.     }
  2975.     #avatar.ytd-c4-tabbed-header-renderer {
  2976.         top:-210px
  2977.     }
  2978. }
  2979. #primary-links.ytd-c4-tabbed-header-renderer, #secondary-links.ytd-c4-tabbed-header-renderer {
  2980.     background-color:rgba(102,102,102,0.5)
  2981. }
  2982.     /*header*/
  2983. [page-subtype="channels"] #channel-header-container, #tabs-container.ytd-c4-tabbed-header-renderer #tabs-inner-container{
  2984.     padding:0 15px
  2985. }
  2986. #channel-header.ytd-c4-tabbed-header-renderer {
  2987.     padding-top:23px
  2988. }
  2989. #channel-name.ytd-c4-tabbed-header-renderer #text.ytd-channel-name {
  2990.     font-size:20px!important;
  2991.     font-weight:500;
  2992. }
  2993. #channel-name.ytd-c4-tabbed-header-renderer #text.ytd-channel-name:hover {
  2994.     text-decoration:underline;
  2995.     cursor:pointer
  2996. }
  2997. #channel-name.ytd-c4-tabbed-header-renderer {
  2998.     all:initial;
  2999.     font:500 20px 'roboto'
  3000. }
  3001. .ytd-c4-tabbed-header-renderer .badge-style-type-verified.ytd-badge-supported-renderer {
  3002.     position:relative;
  3003.     top:-3px;
  3004.     padding-left:0px
  3005. }
  3006. #channel-name.ytd-c4-tabbed-header-renderer ytd-badge-supported-renderer.ytd-channel-name {
  3007.     position:relative;
  3008. }
  3009. #subscriber-count.ytd-c4-tabbed-header-renderer {
  3010.     width:40px;
  3011.     overflow:hidden;
  3012.     height:22px;
  3013.     border:1px solid #ccc;
  3014.     border-radius:0 2px 2px 0;
  3015.     color: #737373;
  3016.     font-size: 11px;
  3017.     text-align: center;
  3018.     line-height:22px;
  3019.     position:absolute;
  3020.     right:15px;
  3021.     margin-top:3px;
  3022.     box-shadow: 0 1px 0 rgba(0,0,0,0.05);
  3023.     top:20px
  3024. }
  3025. #buttons.ytd-c4-tabbed-header-renderer {
  3026.     margin-top:-1px;
  3027.     margin-right:41px
  3028. }
  3029. #selectionBar.paper-tabs, #selectionBar.tp-yt-paper-tabs {
  3030.     display:none
  3031. }
  3032. ytd-c4-tabbed-header-renderer:not([modern-tabs]) tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer {
  3033.     text-transform:none;
  3034.     font-weight:400;
  3035. }
  3036. html tp-yt-paper-tab.ytd-c4-tabbed-header-renderer {
  3037.     border-bottom:3px solid transparent;
  3038.     vertical-align:top;
  3039.     box-sizing:border-box;
  3040.     padding:0 3px!important;
  3041.     margin-right:20px
  3042. }
  3043. tp-yt-paper-tab:not(.iron-selected) .tp-yt-paper-tab[style-target="tab-content"] {
  3044.     letter-spacing:0
  3045. }
  3046. tp-yt-paper-tab.ytd-c4-tabbed-header-renderer.iron-selected {
  3047.     border-color:#cc181e;
  3048.     color:#333;
  3049.     font-weight:500
  3050. }
  3051. tp-yt-paper-tab:focus:not([noBoldOnFocus]) .tp-yt-paper-tab[style-target="tab-content"] {
  3052.     font-weight:inherit
  3053. }
  3054. tp-yt-paper-tab.ytd-c4-tabbed-header-renderer:hover {
  3055.     border-color:#cc181e
  3056. }
  3057. tp-yt-paper-tabs.ytd-c4-tabbed-header-renderer, #tabs-container.ytd-c4-tabbed-header-renderer, tp-yt-app-toolbar.ytd-c4-tabbed-header-renderer {
  3058.     height:32px;
  3059.     padding:0
  3060. }
  3061. tp-yt-app-toolbar.ytd-c4-tabbed-header-renderer {
  3062.     padding-top:23px;
  3063.     background:#fff;
  3064. }
  3065. ytd-expandable-tab-renderer.ytd-c4-tabbed-header-renderer {
  3066.     padding:0;
  3067.     width:200px
  3068. }
  3069. yt-icon-button.ytd-expandable-tab-renderer {
  3070.     width:auto;
  3071.     height:25px
  3072. }
  3073. [show-input=""] yt-icon-button.ytd-expandable-tab-renderer {
  3074.     display:none
  3075. }
  3076. yt-icon-button.ytd-expandable-tab-renderer yt-icon {
  3077.     opacity: .33;
  3078.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -28px -66px;
  3079.     background-size: auto;
  3080.     width: 15px;
  3081.     height: 15px;
  3082.     fill:none;
  3083.     margin-left:0px;
  3084.     margin-top:-3px
  3085. }
  3086. ytd-expandable-tab-renderer.ytd-c4-tabbed-header-renderer yt-icon-button:hover yt-icon {
  3087.     opacity:1
  3088. }
  3089. .ytd-expandable-tab-renderer .input-wrapper.tp-yt-paper-input-container {
  3090.     padding:5px 10px;
  3091.     box-shadow:inset 0 0 1px rgba(0,0,0,.05);
  3092. }
  3093. tp-yt-paper-input.ytd-expandable-tab-renderer .input-content.tp-yt-paper-input-container > input, tp-yt-paper-input.ytd-expandable-tab-renderer .input-content.tp-yt-paper-input-container > iron-input, tp-yt-paper-input.ytd-expandable-tab-renderer .input-content.tp-yt-paper-input-container > textarea, tp-yt-paper-input.ytd-expandable-tab-renderer .input-content.tp-yt-paper-input-container > iron-autogrow-textarea, tp-yt-paper-input.ytd-expandable-tab-renderer .input-content.tp-yt-paper-input-container > .paper-input-input, tp-yt-paper-input.ytd-expandable-tab-renderer #labelAndInputContainer.tp-yt-paper-input-container > label, tp-yt-paper-input.ytd-expandable-tab-renderer #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label {
  3094.     padding:0;
  3095.     line-height:16px;
  3096.     font-size:13px;
  3097.     border-radius:0!important
  3098. }
  3099. .ytd-c4-tabbed-header-renderer .ytd-expandable-tab-renderer .input-wrapper.tp-yt-paper-input-container {
  3100.     min-height:0
  3101. }
  3102. .ytd-expandable-tab-renderer tp-yt-paper-input-container {
  3103.     padding:0
  3104. }
  3105. tp-yt-paper-input.ytd-expandable-tab-renderer {
  3106.     height:auto;
  3107.     margin:0;
  3108.     display:block!important;
  3109.     width:0;
  3110.     opacity:0;
  3111.     transition: width .3s ease;
  3112. }
  3113. [show-input=""]  tp-yt-paper-input.ytd-expandable-tab-renderer {
  3114.     opacity:1;
  3115.     width:198px;
  3116.     transition: width .3s ease;
  3117. }
  3118. ytd-expandable-tab-renderer {
  3119.     max-height:30px;
  3120.     margin-left:3px
  3121. }
  3122.     /*channel home*/
  3123. .ytd-channel-video-player-renderer yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string, #title.ytd-shelf-renderer:hover, ytd-channel-video-player-renderer #description a.yt-simple-endpoint.yt-formatted-string {
  3124.     color:#167ac6;
  3125.     text-transform:none
  3126. }
  3127. ytd-menu-renderer.ytd-grid-video-renderer {
  3128.     top:0
  3129. }
  3130. #title.ytd-channel-video-player-renderer {
  3131.     margin:0
  3132. }
  3133. ytd-channel-video-player-renderer {
  3134.     padding:0
  3135. }
  3136. .ytd-channel-video-player-renderer ytd-expander[should-use-number-of-lines][collapsed] > #content.ytd-expander {
  3137.     font:400 13px 'roboto';
  3138.     line-height:1.3;
  3139.     color:#555
  3140. }
  3141. ytd-channel-video-player-renderer ytd-video-meta-block:not([rich-meta]) #metadata-line.ytd-video-meta-block span {
  3142.     font-size:13px!important;
  3143.     color:#555
  3144. }
  3145. ytd-two-column-browse-results-renderer:not([page-subtype="subscriptions"]) ytd-grid-video-renderer {
  3146.     min-width:var(--globalthumb);
  3147. }
  3148. ytd-two-column-browse-results-renderer:not([page-subtype="subscriptions"]) ytd-thumbnail.ytd-grid-video-renderer {
  3149.     min-width:var(--globalthumb);
  3150.     height:var(--globalthumbh)
  3151. }
  3152. #right-arrow.yt-horizontal-list-renderer, #left-arrow.yt-horizontal-list-renderer {
  3153.     height:var(--globalthumbh)
  3154. }
  3155. #items.yt-horizontal-list-renderer > .yt-horizontal-list-renderer {
  3156.     padding-right:10px
  3157. }
  3158. .arrow.yt-horizontal-list-renderer, .arrow.yt-horizontal-list-renderer yt-icon-button {
  3159.     width:15px;
  3160.     border-radius:0;
  3161.     height:60px;
  3162.     box-shadow:none
  3163. }
  3164. yt-horizontal-list-renderer:hover .arrow.yt-horizontal-list-renderer yt-icon-button {
  3165.     box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  3166.     border:1px solid #e3e3e3;
  3167.     width:40px;
  3168.     height:60px;
  3169.     background:#fff!important
  3170. }
  3171. yt-horizontal-list-renderer .arrow.yt-horizontal-list-renderer yt-icon-button:focus {
  3172.     box-shadow:none
  3173. }
  3174. #right-arrow.yt-horizontal-list-renderer {
  3175.     right:-7px
  3176. }
  3177. yt-horizontal-list-renderer:hover #right-arrow.yt-horizontal-list-renderer {
  3178.     right:-16px;
  3179. }
  3180. #left-arrow.yt-horizontal-list-renderer {
  3181.     left:-8px
  3182. }
  3183. yt-horizontal-list-renderer:hover #left-arrow.yt-horizontal-list-renderer {
  3184.     left:-16px
  3185. }
  3186. .arrow.yt-horizontal-list-renderer yt-icon {
  3187.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -112px -42px;
  3188.     width: 7px;
  3189.     height: 10px;
  3190.     opacity:.5
  3191. }
  3192. #left-arrow.yt-horizontal-list-renderer yt-icon {
  3193.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vfllYIUv0.png) -20px -918px;
  3194. }
  3195. yt-horizontal-list-renderer:hover .yt-horizontal-list-renderer .arrow yt-icon {
  3196.     opacity:1
  3197. }
  3198. #items.yt-horizontal-list-renderer {
  3199.     transition:transform .3s ease-in-out;
  3200.     margin-bottom:0
  3201. }
  3202. #contents .grid-subheader.ytd-shelf-renderer {
  3203.     margin-top:0!important
  3204. }
  3205. #contents #contents.ytd-shelf-renderer {
  3206.     margin-top:10px!important
  3207. }
  3208. ytd-grid-video-renderer:not([rich-meta]) #metadata-line.ytd-grid-video-renderer {
  3209.     color:#767676
  3210. }
  3211. #contents ytd-channel-renderer #avatar-section.ytd-channel-renderer {
  3212.     flex:initial!important;
  3213. }
  3214. #play-button #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer {
  3215.     margin:0;
  3216.     height:16px;
  3217.     border:1px solid #d3d3d3;
  3218.     background: #f8f8f8;
  3219.     line-height:16px;
  3220.     padding:0 10px;
  3221.     color:#333
  3222. }
  3223. #play-button #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer:hover {
  3224.     border-color: #c6c6c6;
  3225.     background: #f0f0f0;
  3226.     box-shadow: 0 1px 0 rgba(0,0,0,0.10);
  3227.     text-decoration:none!Important
  3228. }
  3229. #play-button  yt-formatted-string.ytd-button-renderer:before { /*todo*/
  3230.     content:"";
  3231.     background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfl-Nn88d.png) -751px -156px;
  3232.     width: 16px;
  3233.     height: 16px;
  3234.     display:inline-block;
  3235.     opacity:.6;
  3236.     vertical-align:middle;
  3237.     margin-right:4px
  3238. }
  3239. .ytd-item-section-renderer #play-button {
  3240.     opacity:0
  3241. }
  3242. .ytd-item-section-renderer:hover #play-button {
  3243.     opacity:1
  3244. }
  3245. #subtitle.ytd-shelf-renderer {
  3246.     font-size:13px;
  3247.     margin-top:2px
  3248. }
  3249.   #items.ytd-grid-renderer > ytd-grid-channel-renderer.ytd-grid-renderer {
  3250.     width:auto;
  3251.     padding:0
  3252. }
  3253. #items.yt-horizontal-list-renderer > ytd-grid-channel-renderer.yt-horizontal-list-renderer #title.ytd-grid-channel-renderer {
  3254.     font-size:13px;
  3255.     text-align:left;
  3256.     margin:0;
  3257.     width:inherit;
  3258.     overflow:visible;
  3259.     height:auto;
  3260.     max-height:none
  3261. }
  3262. #channel-info.ytd-grid-channel-renderer,  #channel.ytd-grid-channel-renderer {
  3263.     align-items:start;
  3264.     width:var(--globalthumbh);
  3265.     margin-right:10px
  3266. }
  3267. #subscribe.ytd-grid-channel-renderer {
  3268.     margin:0
  3269. }
  3270. #thumbnail-attribution.ytd-grid-channel-renderer {
  3271.     font-size:11px;
  3272.     line-height:14px
  3273. }
  3274. .avatar.ytd-recognition-shelf-renderer {
  3275.     border-radius:0
  3276. }
  3277. #container.ytd-recognition-shelf-renderer {
  3278.     margin:0
  3279. }
  3280. #text-container.ytd-recognition-shelf-renderer, #avatars-container.ytd-recognition-shelf-renderer {
  3281.     padding:0
  3282. }
  3283.         /*videos tab*/
  3284. [page-subtype="channels"] :not(.has-items) #primary-items #label.yt-dropdown-menu {
  3285.     background:none;
  3286.     border:none;
  3287.     box-shadow:none;
  3288.     font-size:1.6rem;
  3289.     padding:0
  3290. }
  3291. ytd-channel-sub-menu-renderer {
  3292.     margin:0;
  3293.     background:#fff;
  3294.     border-bottom:1px solid #e2e2e2;
  3295.     max-height:48px;
  3296.     padding:0 15px
  3297. }
  3298. #primary-items .ytd-channel-sub-menu-renderer #label.yt-dropdown-menu {
  3299.     font:500 11px 'roboto';
  3300.     padding:0 10px;
  3301.     font-weight:500!important;
  3302.     color:#333;
  3303.     height:28px
  3304. }
  3305. #primary-items .ytd-channel-sub-menu-renderer #label-icon.yt-dropdown-menu {
  3306.     margin-top: -3px;
  3307.     margin-left: 5px;
  3308.     border: 1px solid transparent;
  3309.     border-top-color: #333;
  3310.     border-width: 4px 4px 0;
  3311.     width: 0;
  3312.     height: 0;
  3313. }
  3314. .ytd-channel-sub-menu-renderer .dropdown-content.tp-yt-paper-menu-button {
  3315.     box-shadow:none
  3316. }
  3317. .ytd-channel-sub-menu-renderer tp-yt-paper-listbox.yt-dropdown-menu a:hover .yt-dropdown-menu {
  3318.     background:#444;
  3319.     color:#fff
  3320. }
  3321. [page-subtype="channels"] #items.ytd-grid-renderer > .ytd-grid-renderer {
  3322.     margin-right:10px;
  3323.     margin-bottom:20px
  3324. }
  3325. [page-subtype="channels"] #items.ytd-grid-renderer {
  3326.     width:calc(
  3327.     100% + 10px)
  3328. }
  3329.         /*playlist tab*/
  3330. [page-subtype="channels"] #items.ytd-grid-renderer > ytd-grid-playlist-renderer.ytd-grid-renderer, [page-subtype="channels"] #items.ytd-grid-renderer > ytd-grid-show-renderer.ytd-grid-renderer {
  3331.     width:var(--globalthumb)
  3332. }
  3333. [page-subtype="channels"] ytd-playlist-thumbnail.ytd-grid-playlist-renderer, [page-subtype="channels"] ytd-playlist-thumbnail.ytd-grid-show-renderer {
  3334.     width:var(--globalthumb);
  3335.     height:var(--globalthumbh)
  3336. }
  3337. h3.ytd-grid-playlist-renderer, h3.ytd-grid-show-renderer {
  3338.     margin-bottom:0;
  3339.     margin-top:4px;
  3340.     color:#167ac6
  3341. }
  3342. #video-title.ytd-grid-show-renderer {
  3343.     margin:0
  3344. }
  3345. h3.ytd-grid-playlist-renderer a#video-title, h3.ytd-grid-show-renderer #video-title {
  3346.     font-size:13px;
  3347.     line-height:16.9px
  3348. }
  3349. ytd-grid-playlist-renderer a.yt-simple-endpoint.yt-formatted-string, ytd-grid-show-renderer .yt-simple-endpoint.yt-formatted-string {
  3350.     font-size:11px;
  3351.     text-transform:none;
  3352.     font-weight:400
  3353. }
  3354. #view-more.ytd-grid-playlist-renderer {
  3355.     margin:0
  3356. }
  3357. ytd-grid-playlist-renderer:hover #view-more.ytd-grid-playlist-renderer a.yt-simple-endpoint.yt-formatted-string {
  3358.     color:#167ac6
  3359. }
  3360. h3.ytd-grid-video-renderer:hover a, [page-subtype="channels"] h3.ytd-grid-playlist-renderer:hover a, [page-subtype="channels"] h3.ytd-grid-show-renderer:hover span {
  3361.     text-decoration:underline
  3362. }
  3363.         /*community*/
  3364. [page-subtype="channels"] #reply-button-end.ytd-comment-action-buttons-renderer yt-icon-button.ytd-button-renderer, ytd-comments-header-renderer[is-backstage] { /*lol 2nd one breaks post*/
  3365.     display:none
  3366. }
  3367. [page-subtype="channels"] #reply-button-end.ytd-comment-action-buttons-renderer yt-formatted-string:before {
  3368.     content:"Reply ";
  3369.     text-transform:none;
  3370.     color:#555
  3371. }
  3372. #author-thumbnail.ytd-backstage-post-renderer yt-img-shadow.ytd-backstage-post-renderer {
  3373.     border-radius:0;
  3374.     width:48px;
  3375.     height:48px;
  3376.     margin-right:10px
  3377. }
  3378. #author-text.yt-simple-endpoint.ytd-backstage-post-renderer {
  3379.     color:#128ee9;
  3380.     margin-bottom:0
  3381. }
  3382. #content-text.ytd-backstage-post-renderer {
  3383.     font-size:13px;
  3384.     line-height:16.9px
  3385. }
  3386.         /*about*/
  3387. .subheadline.ytd-channel-about-metadata-renderer {
  3388.     color:#555;
  3389.     font-size:13px;
  3390.     line-height:18px;
  3391.     margin:0;
  3392.     font-weight:500;
  3393.     padding-top:15px;
  3394.     padding-bottom:5px
  3395. }
  3396. #description-container.ytd-channel-about-metadata-renderer, #bio-container.ytd-channel-about-metadata-renderer, #photos-container.ytd-channel-about-metadata-renderer, #details-container.ytd-channel-about-metadata-renderer, #links-container.ytd-channel-about-metadata-renderer {
  3397.     padding-bottom:15px
  3398. }
  3399. ytd-channel-about-metadata-renderer {
  3400.     padding:0
  3401. }
  3402. #details-container.ytd-channel-about-metadata-renderer td.ytd-channel-about-metadata-renderer {
  3403.     padding:0;
  3404. }
  3405. #details-container.ytd-channel-about-metadata-renderer tr.ytd-channel-about-metadata-renderer {
  3406.     height:18px
  3407. }
  3408. #link-list-container.ytd-channel-about-metadata-renderer a.yt-simple-endpoint.ytd-channel-about-metadata-renderer {
  3409.     margin-bottom:2px;
  3410.     color:#167ac6
  3411. }
  3412. /*playlist*/
  3413. [page-subtype="playlist"] ytd-thumbnail-overlay-side-panel-renderer[bottom-panel] {
  3414.     min-width:224px;
  3415.     min-height:126px;
  3416.     opacity:0
  3417. }
  3418. [page-subtype="playlist"] ytd-thumbnail-overlay-side-panel-renderer[bottom-panel]:hover {
  3419.     opacity:1
  3420. }
  3421. [top-right-overlay] ~ [top-right-overlay] {
  3422.     display:none
  3423. }
  3424. [page-subtype="playlist"] {
  3425.     display:inline-block;
  3426.     width:100%
  3427. }
  3428. ytd-playlist-sidebar-renderer.ytd-browse {
  3429.     padding:0;
  3430.     position:static;
  3431.     display:inline-block;
  3432.     height:auto;
  3433.     width:100%;
  3434.     background:none;
  3435.     overflow:visible
  3436. }
  3437. ytd-playlist-sidebar-renderer.ytd-browse #items {
  3438.     width:1056px;
  3439.     margin:0 auto;
  3440.     background:#fff;
  3441.     box-shadow:0 1px 2px rgba(0,0,0,.1);
  3442.     padding:15px;
  3443.     box-sizing:border-box;
  3444.     padding-left:254px;
  3445.     margin-top:20px;
  3446.     position:relative
  3447. }
  3448. [page-subtype="playlist"] #privacy-form ytd-dropdown-renderer tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"] {
  3449.     background:#f8f8f8;
  3450.     border:1px solid #ccc;
  3451.     font-size:11px;
  3452.     color:#333;
  3453.     font-weight:500;
  3454.     line-height:28px
  3455. }
  3456. tp-yt-paper-dropdown-menu-light[no-label-float] .label.tp-yt-paper-dropdown-menu-light, tp-yt-paper-dropdown-menu-light[no-label-float] .tp-yt-paper-dropdown-menu-light[style-target="label"] {
  3457.     display:none
  3458. }
  3459. [page-subtype="playlist"] #privacy-form ytd-dropdown-renderer tp-yt-paper-dropdown-menu-light .tp-yt-paper-dropdown-menu-light[style-target="input"]:after {
  3460.     position:absolute;
  3461.     margin-top:10px
  3462. }
  3463.             /*a few edit buttons*/
  3464. ytd-inline-form-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT_PLACEHOLDER"] #edit-button.ytd-inline-form-renderer {
  3465.     margin:0
  3466. }
  3467. [page-subtype="playlist"] .input-wrapper.tp-yt-paper-input-container::before, [page-subtype="playlist"] .input-wrapper.tp-yt-paper-input-container::after, .ytd-c4-tabbed-header-renderer .input-wrapper.tp-yt-paper-input-container::before, .ytd-c4-tabbed-header-renderer .input-wrapper.tp-yt-paper-input-container::after, yt-third-party-network-section-renderer .input-wrapper.tp-yt-paper-input-container::before, yt-third-party-network-section-renderer .input-wrapper.tp-yt-paper-input-container::after {
  3468.     content:none
  3469. }
  3470. [page-subtype="playlist"] .input-wrapper.tp-yt-paper-input-container, .ytd-c4-tabbed-header-renderer .input-wrapper.tp-yt-paper-input-container, yt-third-party-network-section-renderer .input-wrapper.tp-yt-paper-input-container {
  3471.     margin:0;
  3472. }
  3473. [page-subtype="playlist"] #labelAndInputContainer.tp-yt-paper-input-container > label {
  3474.     padding:5px 10px;
  3475.     font-size:13px
  3476. }
  3477. [page-subtype="playlist"] tp-yt-paper-input-container, .ytd-c4-tabbed-header-renderer tp-yt-paper-input-container {
  3478.     padding:0
  3479. }
  3480. #save-button.ytd-inline-form-renderer {
  3481.     margin:0
  3482. }
  3483. ytd-browse[page-subtype="playlist"][has-sidebar_] ytd-two-column-browse-results-renderer.ytd-browse, ytd-browse[page-subtype="show"][has-sidebar_] ytd-two-column-browse-results-renderer.ytd-browse {
  3484.     padding:0;
  3485.     display:block;
  3486.     position:static;
  3487.     width:1056px;
  3488.     margin:0 auto;
  3489.     margin-top:-2px
  3490. }
  3491. ytd-playlist-thumbnail.ytd-playlist-sidebar-primary-info-renderer {
  3492.     height:126px;
  3493.     width:224px;
  3494.     margin-bottom:0;
  3495.     position:absolute;
  3496.     margin-left:-239px
  3497. }
  3498. #title.ytd-playlist-sidebar-primary-info-renderer, #title.ytd-playlist-sidebar-primary-info-renderer ~ ytd-inline-form-renderer {
  3499.     color: #333;
  3500.     font-size: 20px;
  3501.     font-weight: 500;
  3502.     padding: 1px;
  3503.     line-height:33px;
  3504.     margin-bottom:4px;
  3505.     height:33px
  3506. }
  3507. #title.ytd-playlist-sidebar-primary-info-renderer a.yt-simple-endpoint.yt-formatted-string {
  3508.     color:#333
  3509. }
  3510. #stats.ytd-playlist-sidebar-primary-info-renderer, #description.ytd-playlist-sidebar-primary-info-renderer, [page-subtype="playlist"] ytd-inline-form-renderer[component-style="INLINE_FORM_STYLE_BODY_TEXT_PLACEHOLDER"] #text-displayed.ytd-inline-form-renderer {
  3511.     color: #767676;
  3512.     line-height: 12px;
  3513.     font-size:12px;
  3514.     margin:0
  3515. }
  3516. #stats.ytd-playlist-sidebar-primary-info-renderer {
  3517.     padding-left:83px;
  3518.     line-height:15.6px
  3519. }
  3520.         /*stupid buttons*/
  3521. .ytd-playlist-sidebar-primary-info-renderer button.yt-icon-button yt-icon{
  3522.     display:none
  3523. }
  3524. .ytd-playlist-sidebar-primary-info-renderer button.yt-icon-button:after {
  3525.     content:"Share";
  3526.     font-weight:500;
  3527.     font-family:"roboto";
  3528.     font-size:11px;
  3529.     padding:0 10px 0 6px;
  3530.     line-height:26px
  3531. }
  3532. .ytd-playlist-sidebar-primary-info-renderer ytd-toggle-button-renderer button.yt-icon-button:after {
  3533.     content:"Save";
  3534.     text-transform:none
  3535. }
  3536. .ytd-playlist-sidebar-primary-info-renderer a[href] button.yt-icon-button:after {
  3537.     content:"Shuffle";
  3538. }
  3539. .ytd-playlist-sidebar-primary-info-renderer button.yt-icon-button:before {
  3540.     content:"";
  3541.     display:inline-block;
  3542.     vertical-align:baseline;
  3543.     background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflH9NjiG.png) -238px -161px;
  3544.     width: 10px;
  3545.     height: 10px;
  3546.     margin-left:10px;
  3547.     opacity:.5;
  3548.     margin-bottom:-1px
  3549. }
  3550. .ytd-playlist-sidebar-primary-info-renderer button.yt-icon-button:hover:before {
  3551.     opacity:.6
  3552. }
  3553. .ytd-playlist-sidebar-primary-info-renderer button.yt-icon-button:active:before {
  3554.     opacity:1
  3555. }
  3556. .ytd-playlist-sidebar-primary-info-renderer ytd-toggle-button-renderer button.yt-icon-button:before {
  3557.     background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfl6oUAlA.webp) -98px -39px;
  3558.     width:13px;
  3559.     height:13px;
  3560.     margin-bottom:-3px
  3561. }
  3562. .ytd-playlist-sidebar-primary-info-renderer a[href] button.yt-icon-button:before {
  3563.     background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflKclzgY.webp) -750px -19px;
  3564.     width:13px;
  3565.     height:13px;
  3566.     margin-bottom:-3px
  3567. }
  3568. #edit-button button.yt-icon-button:before {
  3569.     background: no-repeat url(//s.ytimg.com/yts/imgbin/www-watchedit-vflxUZcSA.png) 0 -140px;
  3570.     background-size: auto;
  3571.     width: 13px;
  3572.     height: 12px;
  3573.     padding-right:10px
  3574. }
  3575. #edit-button button.yt-icon-button:after {
  3576.     content:none
  3577. }
  3578. #menu.ytd-playlist-sidebar-primary-info-renderer {
  3579.     margin:0;
  3580.     margin-top:6px;
  3581.     margin-bottom:10px
  3582. }
  3583. .ytd-playlist-sidebar-primary-info-renderer yt-icon-button.ytd-button-renderer {
  3584.     height:28px;
  3585.     width:auto
  3586. }
  3587. .ytd-playlist-sidebar-primary-info-renderer #top-level-buttons-computed yt-icon-button.ytd-toggle-button-renderer {
  3588.     padding:0;
  3589.     width:auto;
  3590.     opacity:1
  3591. }
  3592. .ytd-playlist-sidebar-primary-info-renderer #top-level-buttons-computed.ytd-menu-renderer:not(:empty) + #flexible-item-buttons.ytd-menu-renderer + #button.ytd-menu-renderer {
  3593.     margin-left:0;
  3594.     width:auto;
  3595.     height:auto
  3596. }
  3597. .ytd-playlist-sidebar-primary-info-renderer .top-level-buttons .ytd-menu-renderer {
  3598.     margin-right:10px!important
  3599. }
  3600.         /*name*/
  3601. .ytd-playlist-sidebar-secondary-info-renderer .ytd-video-owner-renderer, .ytd-playlist-sidebar-secondary-info-renderer ytd-subscribe-button-renderer {
  3602.     display:none
  3603. }
  3604. #owner-container.ytd-playlist-sidebar-secondary-info-renderer {
  3605.     margin:0;
  3606. }
  3607. ytd-playlist-sidebar-secondary-info-renderer {
  3608.     padding:0;
  3609.     position:absolute;
  3610.     top:54px
  3611. }
  3612. #owner-container.ytd-playlist-sidebar-secondary-info-renderer ytd-channel-name .yt-simple-endpoint.yt-formatted-string {
  3613.     color: #767676;
  3614.     line-height: 15.6px;
  3615.     font-size:12px;
  3616.     margin:0;
  3617.     font-weight:400;
  3618.     max-width:80px;
  3619.     overflow:hidden;
  3620.     text-overflow:ellipsis;
  3621.     white-space:nowrap
  3622. }
  3623. #owner-container.ytd-playlist-sidebar-secondary-info-renderer ytd-channel-name .yt-simple-endpoint.yt-formatted-string:after {
  3624.     content:"•";
  3625. }
  3626. #owner-container.ytd-playlist-sidebar-secondary-info-renderer ytd-channel-name .yt-simple-endpoint.yt-formatted-string:after {
  3627.     margin:0 4px;
  3628.     display:inline-block;
  3629. }
  3630. #owner-container.ytd-playlist-sidebar-secondary-info-renderer ytd-channel-name .yt-simple-endpoint.yt-formatted-string:hover {
  3631.     color:#167ac6;
  3632. }
  3633. #items.ytd-playlist-sidebar-renderer > .ytd-playlist-sidebar-renderer:not(:last-child) {
  3634.     border:0
  3635. }
  3636.     /*list*/
  3637. [page-subtype="playlist"] #contents.ytd-section-list-renderer {
  3638.     padding:0!important
  3639. }
  3640. ytd-playlist-video-list-renderer {
  3641.     margin:0
  3642. }
  3643. #spinner-container.ytd-playlist-video-list-renderer {
  3644.     display:none
  3645. }
  3646. ytd-thumbnail.ytd-playlist-video-renderer {
  3647.     width:72px;
  3648.     height:40.28px;
  3649.     margin-top:15px;
  3650.     margin-bottom:15px;
  3651.     margin-right:15px
  3652. }
  3653. #video-title.ytd-playlist-video-renderer {
  3654.     color: #333;
  3655.     display: inline-block;
  3656.     font-size: 13px;
  3657.     font-weight: 500;
  3658.     line-height: 1.3em;
  3659.     margin:0
  3660. }
  3661. ytd-playlist-video-renderer #content.ytd-playlist-video-renderer {
  3662.     padding:0!important
  3663. }
  3664. ytd-playlist-video-renderer:hover #video-title.ytd-playlist-video-renderer {
  3665.     color:#167ac6
  3666. }
  3667. ytd-playlist-video-renderer:hover #video-title.ytd-playlist-video-renderer:hover, .more-button.ytd-playlist-sidebar-primary-info-renderer:hover {
  3668.     text-decoration:underline
  3669. }
  3670. ytd-playlist-video-renderer #text.ytd-channel-name {
  3671.     color: #767676;
  3672.     font-size:11px!important;
  3673.     line-height:1
  3674. }
  3675. #meta.ytd-playlist-video-renderer {
  3676.     margin:15px 0
  3677. }
  3678. #content.ytd-playlist-video-renderer {
  3679.     border:0!important
  3680. }
  3681. ytd-playlist-video-renderer:hover:not(.dragging) {
  3682.     background:none;
  3683. }
  3684. ytd-playlist-video-renderer:not(.dragging) {
  3685.     border-bottom:1px solid #e2e2e2
  3686. }
  3687. #index.ytd-playlist-video-renderer {
  3688.     color: #767676;
  3689.     display: inline-block;
  3690.     font-size: 11px;
  3691.     width:34px
  3692. }
  3693. .more-button.ytd-playlist-sidebar-primary-info-renderer {
  3694.     color:#167ac6;
  3695.     text-transform:none;
  3696.     margin:5px 0 0 0;
  3697.     font-weight:400
  3698. }
  3699. /*history*/
  3700.     /*nav*/
  3701. ytd-two-column-browse-results-renderer[page-subtype="history"][has-secondary-column-data] #primary.ytd-two-column-browse-results-renderer {
  3702.     padding:0;
  3703. }
  3704. ytd-two-column-browse-results-renderer[page-subtype="history"] #secondary.ytd-two-column-browse-results-renderer {
  3705.     position:relative;
  3706.     right:auto
  3707. }
  3708. ytd-two-column-browse-results-renderer.ytd-browse[page-subtype="history"] {
  3709.     flex-flow:column-reverse
  3710. }
  3711. [page-subtype="history"] ytd-compact-link-renderer:not([has-secondary]) tp-yt-paper-item.ytd-compact-link-renderer {
  3712.     padding:0;
  3713.     height:28px!important;
  3714.     min-height:0!important
  3715. }
  3716. ytd-compact-link-renderer[compact-link-style="compact-link-style-type-history-my-activity-link"], ytd-compact-link-renderer[compact-link-style="compact-link-style-type-history-my-activity-link"]:first-of-type, #contents.ytd-browse-feed-actions-renderer > ytd-button-renderer.ytd-browse-feed-actions-renderer, #contents.ytd-browse-feed-actions-renderer > yt-button-renderer.ytd-browse-feed-actions-renderer, #contents.ytd-browse-feed-actions-renderer > ytd-toggle-button-renderer.ytd-browse-feed-actions-renderer {
  3717.     margin:0
  3718. }
  3719. #contents.ytd-browse-feed-actions-renderer {
  3720.     flex-direction:row;
  3721.     margin-top:32px;
  3722.     border-top:1px solid #e2e2e2;
  3723.     padding:10px 11px 0 11px
  3724. }
  3725. ytd-sub-feed-selector-renderer {
  3726.     margin:0;
  3727.     position:absolute;
  3728.     top:10px;
  3729.     margin-left:9px
  3730. }
  3731. ytd-sub-feed-selector-renderer #title.ytd-sub-feed-selector-renderer {
  3732.     display:none
  3733. }
  3734. ytd-sub-feed-selector-renderer #options {
  3735.     display:flex
  3736. }
  3737. ytd-sub-feed-option-renderer.ytd-sub-feed-selector-renderer {
  3738.     padding:0;
  3739.     border:0
  3740. }
  3741. ytd-sub-feed-option-renderer #radioContainer {
  3742.     display:none
  3743. }
  3744. ytd-sub-feed-option-renderer tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target="label"] yt-formatted-string.ytd-sub-feed-option-renderer {
  3745.     color: #666;
  3746.     font-size: 13px;
  3747.     font-weight: normal;
  3748.     height: 29px;
  3749.     line-height: 29px;
  3750. }
  3751. ytd-sub-feed-option-renderer tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target="label"] {
  3752.     padding:0 3px;
  3753.     border-bottom:3px solid transparent;
  3754.     margin-right:20px
  3755. }
  3756. ytd-sub-feed-option-renderer tp-yt-paper-radio-button[aria-checked="true"] .tp-yt-paper-radio-button[style-target="label"] yt-formatted-string.ytd-sub-feed-option-renderer {
  3757.     color:#333;
  3758.     font-weight:500
  3759. }
  3760. ytd-sub-feed-option-renderer tp-yt-paper-radio-button[aria-checked="true"] .tp-yt-paper-radio-button[style-target="label"], ytd-sub-feed-option-renderer tp-yt-paper-radio-button .tp-yt-paper-radio-button[style-target="label"]:hover {
  3761.     border-color:#cc181e
  3762. }
  3763. [page-subtype="history"] .input-wrapper.tp-yt-paper-input-container {
  3764.     margin:0;
  3765.     background:#fff;
  3766.     flex-direction:row-reverse
  3767. }
  3768. [page-subtype="history"] .input-wrapper.tp-yt-paper-input-container:focus-within {
  3769.     border-color:#d5d5d5
  3770. }
  3771. [page-subtype="history"] .input-wrapper.tp-yt-paper-input-container ytd-button-renderer #button.ytd-button-renderer {
  3772.     background:#f8f8f8;
  3773.     width:35px;
  3774.     height:28px
  3775. }
  3776. [page-subtype="history"] .input-wrapper.tp-yt-paper-input-container ytd-button-renderer #button.ytd-button-renderer yt-icon {
  3777.     background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vfliTgLqv.webp) -28px -66px;
  3778.     fill:none;
  3779.     width:15px;
  3780.     height:15px;
  3781.     opacity:.6
  3782. }
  3783. [page-subtype="history"] .input-wrapper.tp-yt-paper-input-container ytd-button-renderer #button.ytd-button-renderer:hover {
  3784.     border-color: #c6c6c6;
  3785.     background: #f0f0f0;
  3786.     box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
  3787. }
  3788. [page-subtype="history"] .input-wrapper.tp-yt-paper-input-container ytd-button-renderer #button.ytd-button-renderer:active {
  3789.     border-color: #c6c6c6;
  3790.     background: #e9e9e9;
  3791.     box-shadow: inset 0 1px 0 #ddd;
  3792. }
  3793. [page-subtype="history"] .input-wrapper.tp-yt-paper-input-container:before, [page-subtype="history"] .input-wrapper.tp-yt-paper-input-container:after {
  3794.     content:none
  3795. }
  3796. [page-subtype="history"] .input-wrapper.tp-yt-paper-input-container #search-button {
  3797.     height:28px;
  3798.     width:35px;
  3799.     margin:0
  3800. }
  3801. [page-subtype="history"] tp-yt-paper-input.ytd-search-box-renderer #labelAndInputContainer.tp-yt-paper-input-container > label, [page-subtype="history"] tp-yt-paper-input.ytd-search-box-renderer #labelAndInputContainer.tp-yt-paper-input-container > iron-input {
  3802.     min-height:28px;
  3803.     line-height:28px;
  3804.     padding-left:6px;
  3805.     width:auto;
  3806.     color:#767676;
  3807.     font-size:13px;
  3808. }
  3809. [page-subtype="history"] tp-yt-paper-input.ytd-search-box-renderer[focused] #labelAndInputContainer.tp-yt-paper-input-container > label, [page-subtype="history"] tp-yt-paper-input.ytd-search-box-renderer[focused] #labelAndInputContainer.tp-yt-paper-input-container > .paper-input-label {
  3810.     opacity:1;
  3811. }
  3812. [page-subtype="history"] tp-yt-paper-input-container {
  3813.     padding:0
  3814. }
  3815. [page-subtype="history"] ytd-search-box-renderer {
  3816.     margin:0;
  3817.     position:absolute;
  3818.     right:20px;
  3819.     top:6px
  3820. }
  3821. [page-subtype="history"] #clear-button.ytd-search-box-renderer {
  3822.     margin:0
  3823. }
  3824. [page-subtype="history"] #clear-button.ytd-search-box-renderer yt-icon-button.ytd-button-renderer {
  3825.     width:28px;
  3826.     height:28px
  3827. }
  3828. ytd-search-pyv-renderer { /*TH is this?*/
  3829.     display:none
  3830. }
  3831. .ytd-browse-feed-actions-renderer #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer, ytd-compact-link-renderer[compact-link-style="compact-link-style-type-history-my-activity-link"] #content-icon.ytd-compact-link-renderer[hidden] + #primary-text-container.ytd-compact-link-renderer > #label.ytd-compact-link-renderer {
  3832.     font:500 11px 'roboto';
  3833.     font-size:11px;
  3834.     color:#333;
  3835.     border-radius: 2px;
  3836.     box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
  3837.     border:1px solid #d3d3d3;
  3838.     background: #f8f8f8;
  3839.     height:26px;
  3840.     line-height:26px;
  3841.     padding:0 10px;
  3842.     margin-top:0;
  3843.     margin-left:4px
  3844. }
  3845. .ytd-browse-feed-actions-renderer #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer:hover, ytd-compact-link-renderer[compact-link-style="compact-link-style-type-history-my-activity-link"] #content-icon.ytd-compact-link-renderer[hidden] + #primary-text-container.ytd-compact-link-renderer > #label.ytd-compact-link-renderer:hover {
  3846.     border-color: #c6c6c6;
  3847.     background: #f0f0f0;
  3848.     box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
  3849.     text-decoration:none
  3850. }
  3851. .ytd-browse-feed-actions-renderer #button.ytd-button-renderer yt-icon.ytd-button-renderer + yt-formatted-string.ytd-button-renderer:active, ytd-compact-link-renderer[compact-link-style="compact-link-style-type-history-my-activity-link"] #content-icon.ytd-compact-link-renderer[hidden] + #primary-text-container.ytd-compact-link-renderer > #label.ytd-compact-link-renderer:active {
  3852.     border-color: #c6c6c6;
  3853.     background: #e9e9e9;
  3854.     box-shadow: inset 0 1px 0 #ddd;
  3855. }
  3856. #contents.ytd-browse-feed-actions-renderer > ytd-button-renderer.ytd-browse-feed-actions-renderer {
  3857.     display:block;
  3858.     border-radius:0
  3859. }
  3860. .ytd-browse-feed-actions-renderer #subtitle.ytd-compact-link-renderer, [page-subtype="history"] ytd-text-header-renderer[header-style="text-header-renderer-style-bold"] {
  3861.     display:none
  3862. }
  3863. ytd-two-column-browse-results-renderer[page-subtype="history"] ytd-browse-feed-actions-renderer.ytd-two-column-browse-results-renderer {
  3864.     background:#fff;
  3865.     margin:0;
  3866.     padding:10px 0;
  3867.     width:auto;
  3868.     border-bottom: 1px solid #e2e2e2;
  3869.     box-shadow: 0 1px 2px rgba(0,0,0,.1)
  3870. }
  3871.     /*content*/
  3872. ytd-video-renderer:not([is-search]) ytd-thumbnail.ytd-video-renderer {
  3873.     width:var(--globalthumb);
  3874.     height:var(--globalthumbh);
  3875.     margin-right:10px
  3876. }
  3877. [page-subtype="history"] #video-title.ytd-video-renderer, [page-subtype="history"] #title-wrapper {
  3878.     font-size:14px;
  3879.     line-height:15.6px;
  3880.     height:18.2px;
  3881.     margin-bottom:0px;
  3882.     font-weight:500
  3883. }
  3884. [page-subtype="history"] #channel-name #text.ytd-channel-name, [page-subtype="history"] #metadata-line.ytd-video-meta-block span.ytd-video-meta-block {
  3885.     font-size:12px!important
  3886. }
  3887. #description-text.ytd-video-renderer {
  3888.     color:#767676;
  3889.     padding-top:1px
  3890. }
  3891. ytd-video-renderer.ytd-item-section-renderer:last-child {
  3892.     margin-bottom:0
  3893. }
  3894. ytd-video-renderer:not([is-search]),.text-wrapper.ytd-video-renderer {
  3895.     max-width:none
  3896. }
  3897. [is-history] #top-level-buttons-computed yt-icon-button {
  3898.     max-width:24px;
  3899.     max-height:24px
  3900. }
  3901. /*library*/
  3902. ytd-section-list-renderer:not([hide-bottom-separator]):not([page-subtype="history"]):not([page-subtype="memberships-and-purchases"]):not([page-subtype="ypc-offers"]) #contents.ytd-section-list-renderer > .ytd-section-list-renderer:not(:last-child):not(ytd-page-introduction-renderer):not([item-dismissed]).ytd-section-list-renderer:not([has-destination-shelf-renderer]).ytd-section-list-renderer:not(ytd-minor-moment-header-renderer) {
  3903.     margin-top:10px
  3904. }
  3905. ytd-section-list-renderer:not([hide-bottom-separator]):not([page-subtype="history"]):not([page-subtype="memberships-and-purchases"]):not([page-subtype="ypc-offers"]) #icon.ytd-shelf-renderer {
  3906.     display:none
  3907. }
  3908. }