Youtube WideScreen (New Design Polymer) v.26 by decembre

Imported and mirrored from https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/188453.user.css

Youtube WideScreen (New Design Polymer) v.26 screenshot
Install Get Stylus Write a review

Details

Authordecembre

LicenseNo License

Created

Updated

Categoryyoutube, widescreen

Statistics

Learn how we calculate statistics in the FAQ.

Total views2446

Total installs2303

Weekly installs41

Description

For a Wide Screen and the YouTube new Design (but should be usable when resizing...):

Player stay fixed at the LEFT side.

  • Videos related and in queue on the RIGHT side

  • Infos, Comment on the RIGHT side ( visible on hover their tabs)
    So, you can watch the video AND read infos / Comments, choose next video without problem.

  • Progress Bar is always visible

Its Userscript version [GeasyFork]:
Youtube WideScreen (New Design Polymer)

Notes

for a Wide Screen and the YouTube New Design:

Player stay fixed at the Left side.

  • Title on top video
  • Videos Related and in Queue / Playlist on the Right side
  • Infos, Comment, Live Chat" Tabs on the Right side (visible on hover their respective tabs)
    so, you can watch the video and read infos / comments (by hovering their tabs) without problem.
  • Progress Bar is always visible
  • Support for no Dark mode.
  • Counter for comments really loaded And Number of videos in Queue /Playlist
  • Support for more Youtube pages (channels, playlist, etc..., Youtube Music )

Note :
►► Addons / userscripts support (They are recommended too):

"Youtube WideScreen (New Design Polymer)" support these Addons / userscripts:

► Youtube Player:

► Progress Bar:
I use this one:

► Youtube Auto:

► Youtube Translate / Subtitle :

► Youtube Activity:

► Youtube Download:

  • youtube links by nhyone (2021);:
    Download Youtube videos. Video formats are listed at the top of the watch page.
    Video links are tagged so that they can be downloaded.

► Youtube Music:

► Youtube: Age Verification Bypass:

► "Youtube WideScreen (New Design Polymer)" Seems working too with:

►► Change in > v.26:

  • TEST Corrections for User Connected (Video player page)
  • Corrections for GM "TabView" - Theater player when click on Videos related twice
  • Quick Fix for Youtube code Change (2022.07)
  • Support the 2/3 "principals" version which are served actually by Youtube (and maybe a 3nd...)
  • Support for "TabView Youtube"
    Normalize style for Chrome / Quantum and Waterfox etc ....
  • Now 3 Related Videos by row and a different presentations (before only 2 by rows)
    About particular GM adaptations:
  • Follow closely all updates of gm "Youtube Play Next Queue" and now "TabView Youtube"

gifs screenshots

gif screenshot (general):

https://i.imgur.com/8RoRaBS.gif

►► Notes:

►► You can find this userstyle, in 4 places:

1 - Youtube WideScreen (New Design Polymer) [Userstyles.org]

2 - On Uso Archive (better because more fast and less buggy):
youtube widescreen (new design polymer) [USo]

3 - On userstyles.world a new place which work very well (in beta):
Youtube WideScreen (New Design Polymer) [USw]

4 - And on GreasyFork, as userscript:
Youtube WideScreen (New Design Polymer)

History

Daily snapshots of style statistics.

2021-07-072021-07-312021-08-232021-09-152021-10-082021-10-312021-11-232021-12-162022-01-082022-01-312022-02-232022-03-18Date0.003.306.509.8013.0016.3019.5022.8026.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-08-022021-08-272021-09-222021-10-172021-11-112021-12-072022-01-012022-01-272022-02-212022-03-18Date0.00170.00330.00490.00650.00820.00980.001140.001300.00Total countTotal installsTotal views

Source code

Source code has over 100k characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           Youtube WideScreen (New Design Polymer) v.26
@namespace      USO Archive
@author         decembre
@description    `For a Wide Screen and the YouTube new Design (but should be usable when resizing...):Player stay fixed at the LEFT side.- Videos related and in queue on the RIGHT side- Infos, Comment on the RIGHT side ( visible on hover their tabs)So, you can watch the video AND read infos / Comments, choose next video without problem.- Progress Bar is always visibleIts Userscript version [GeasyFork]:<b><a href="https://greasyfork.org/fr/scripts/409893-youtube-widescreen-new-design-polymer">Youtube WideScreen (New Design Polymer)</a></b>`
@version        20220815.19.8
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("youtube.com") {

/* ==== 0- YouTube WideScreen (New Design Polymer) v.26 (new26) - TEST TAbView (STABLE v. 1.8.51) ADAPT - FIX CY Fung FIX ==== */

/* NO DARK 
html:not([dark]):not([dark="true"]):not(.style-scope) 
BLACK    background-color: rgba(17, 17, 17, 0.4) !important;
RED    background-color: rgba(255, 0, 0, 0.19) !important;
==== */

/* NOT EMDED : 
.html5-video-player:not(.ytp-embed)
==== */

/*  NOT EMBED/ CAHNNEL PLAYER:
:not(.ytp-embed)not(#c4-player)
#player:not(.ytd-channel-video-player-renderer):hover .ytp-chrome-bottom 
==== */

/* SKELETON ;
div[class*="skeleton"]
=== */

/* MAXIMIZE VIDEO: 
#bodyToothbrush
==== */

/* THEATER:
ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy, 
ytd-watch-flexy[fullscreen] #player-theater-container.ytd-watch-flexy
==== */
/*  FULLSCREEN
ytd-watch-flexy[fullscreen]
==== */
/* MINI PLAYER :
#movie_player.html5-video-player.ytp-player-minimized.ytp-small-mode  
==== */
/* CHANNEL PLAYER :
ytd-channel-video-player-renderer #c4-player.html5-video-player .html5-video-container
=== */

/* CHAT :
.ytd-page-manager[should-stamp-chat]
=== */

/* GUIDE PERSISTENT / ALWAYS OPEN:
[guide-persistent-and-visible]
ytd-app:not([guide-persistent-and-visible])
=== */

/* GM "Youtube subtitles under video frame" - ytd-watch-flexy.yfms-userjs.ytd-page-manager:not([fullscreen])
NORMAL PLAYER :
ytd-watch-flexy.yfms-userjs.ytd-page-manager
=== */



/* GM "TABVIEW" :
html[plugin-tabview-youtube]  .ytd-page-manager[tabview-youtube-comments][tabview-selection]
=== */

/* GM "POPOUT" :
#movie_player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode  .ytp-player-content.ytp-iv-player-content .html5-stop-propagation.iv-drawer-manager + .annotation.annotation-type-custom.iv-branding

/* GM "YouTube Player Controls" by Costas - WIDE  PLAYER
[ytpc_cinema][ytpc_top]

=== */

/* GM "Youtube UI Fix (2020)":
body.yt-ui-fix 
=== */

/* GM "Youtube subtitles under video frame"
ytd-watch-flexy.yfms-userjs.ytd-page-manager
=== */

/* 3 VERSIONS OF VIDEO PAGE:
https://greasyfork.org/fr/scripts/368389-youtube-time-remaining/discussions/133619#comment-298237
=== */
/* First Version - OWNER UNDER THE PLAYER :
ytd-watch-metadata > #above-the-fold
=== */

/* 2nd Version - OWNER in TABS
ytd-watch-metadata + .watch-active-metadata
OR
.watch-active-metadata 
=== */


/*test OK FIX LAZY LOADING for QUEUE) TEST FRESH:
https://greasyfork.org/fr/scripts/28678-youtube-play-next-queue/discussions/82921
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) {
DEL     position: fixed !important;
=== */

/* (new4) GM in USE (WORK WITH...):
== NO DARK :
html:not([dark]) ...

== DARK  :
html[dark] ...


==== NEW TEST ==== 

OK - NEW in TEST - ADDON:
SPONSORBLOCK :
"SponsorBlock - Skip Sponsorships on YouTube" 

https://addons.mozilla.org/en-US/firefox/addon/sponsorblock/
https://sponsor.ajay.
YouTube Clickbait-Busterapp/


NEW in TEST:

GM "Move Preferred YouTube Subtitle Auto-translate Language Options To Top" by jcunews - 2022:
https://greasyfork.org/fr/scripts/404054-move-preferred-youtube-subtitle-auto-translate-language-options-to-top
SETTINGS explanation:
If English subtitle is preferred when YouTube is in English, and French subtitle is preferred when YouTube is in French, then then settings should be like below.
let menuTitle    = ["Auto-translate", "Traduire automatiquement"];
let keepLanguage = ["English", "Français"];

GM "Youtube subtitles under video frame" by T1m_ - 2022 - PB THEATER:
https://greasyfork.org/fr/scripts/433440-youtube-subtitles-under-video-frame

GM "YouTube Player Controls" by Costas - 2022:
https://greasyfork.org/fr/scripts/16323-youtube-player-controls

GM "Add YouTube Video Progress" by jcunews - 2022:
Not working with Gresemonkey
https://greasyfork.org/fr/scripts/38090-add-youtube-video-progress

GM "YouTube Clickbait-Buster" by hjk789 - 2022:
https://greasyfork.org/en/scripts/439305-youtube-clickbait-buster

OK - GM "Nova YouTube" by raingart - (Not work Waterfox) (2022)
https://greasyfork.org/en/scripts/433360-nova-youtube
(Request Not work Waterfox):
https://greasyfork.org/en/scripts/433360-nova-youtube/discussions/128126

OK - GM "u-Youtube" by ok! (2022):
AUTO DARK mode + Choose Resolution
https://greasyfork.org/en/scripts/442317-u-youtube



==== OK ====

OK - GM "Maximize Video" by 冻猫 (2020):
https://greasyfork.org/fr/scripts/4870-maximize-video

OK - GM "Youtube HD" by adisib:
https://greasyfork.org/en/scripts/23661-youtube-hd

GM "Automatic Material Dark-Mode for YouTube" by SteveJobzniak (2018):
https://greasyfork.org/fr/scripts/32954-automatic-material-dark-mode-for-youtube

GM "Youtube - dismiss sign-in" / "Youtube - cacher "connectez-vous"" by Achernar (2022):
https://greasyfork.org/fr/scripts/412178-youtube-dismiss-sign-in

OK - GM "YouTube Popout Button [mashup]" by joeytwiddle (2022)
https://greasyfork.org/fr/scripts/401907-youtube-popout-button-mashup


GM "YouTube Permanent ProgressBar"  by cccaaannn - Can Kurt (v.03 - 2022) voir Youtube Music -  (2022) (BETTER?) :
https://greasyfork.org/en/scripts/426283-youtube-permanent-progressbar
OR
GM "YouTube Progressbar Updater" by Workgroups (2015)):
https://greasyfork.org/fr/scripts/11486-youtube-progressbar-updater


GM "Youtube Play Next Queue" by Cptmathix (2021) :
Works better than the official queue IMO (which doesn't persist between tabs and elongates video URLs, for example)
https://greasyfork.org/fr/scripts/28678-youtube-play-next-queue

OK - GM "Youtube - Search While Watching Video" by Cptmathix (2021):
https://greasyfork.org/fr/scripts/29451-youtube-search-while-watching-video

OK - GM "YouTube Links" by nhyone (2021);
https://greasyfork.org/en/scripts/5566-youtube-links

OK - GM "YouTube Time Remaining" by stinkrock (2021):
https://greasyfork.org/fr/scripts/368389-youtube-time-remaining
YouTube Time Remaining OLD version Working 2022.05 - v.1.8.0 by stinkrock :
https://greasyfork.org/fr/scripts/368389-youtube-time-remaining/discussions/133619#comment-297235

OK - GM "Close YT Confirmations" by Felipe Marinho (2019):
Nedd Tweak YT MUSIC + INCLUDE
https://greasyfork.org/fr/scripts/386987-close-yt-confirmations
Alternative ,:
GM "Remove Youtube Activity Check" by TIFUByRedditting (2017):
https://greasyfork.org/fr/scripts/35157-remove-youtube-activity-check

OK - GM "Youtube Middle Click Search" by kufii (2022):
https://greasyfork.org/fr/scripts/6031-youtube-middle-click-search

OK - GM "Video Speed Buttons" by Braden Best (2020):
https://greasyfork.org/fr/scripts/30506-video-speed-buttons


==== Embedded Youtube ====

OK - GM "Allow full screen on embedded Youtube" by marwis (2021):
https://greasyfork.org/fr/scripts/398281-allow-full-screen-on-embedded-youtube

=================================================
GM "YT: not interested in one click": (seems have no effects... 2021.07)
Hover a thumbnail to see icons at the right: "Not interested" and "Don't recommend channel"
https://greasyfork.org/en/scripts/396936-yt-not-interested-in-one-click




==== GREAT but SEEMS NOT WORK WITH or need adaptation ====

OK - GM "Tabview Youtube": (now compaible with this userstyle) 
https://greasyfork.org/fr/scripts/428651-tabview-youtube
Request about asupport "GM - Youtube Play Next Queue":
https://greasyfork.org/fr/scripts/428651-tabview-youtube/discussions/91612

==== SEEMS NOT WORK WITH or need adaptation ====

GM "Youtube Scrollable Suggestions" by TheAlienDrew (2022):
https://greasyfork.org/en/scripts/397344-youtube-scrollable-suggestions

==== SEEMS WORK WITH ====

GM "Youtube UI Fix" by Roy192 (2020)":
https://greasyfork.org/fr/scripts/11485-youtube-ui-fix

GM "Youtube Ad Cleaner(Include Non-Skippable Ads- works)" by dumb dumb (2021):
in test (add a Download Button)"
https://greasyfork.org/en/scripts/386925-youtube-ad-cleaner-include-non-skippable-ads-works

GM "Youtube - Fix channel links in sidebar recommendations" by 1N07 (2021):
https://greasyfork.org/en/scripts/376510-youtube-fix-channel-links-in-sidebar-recommendations

GM "Space-efficient Youtube" by 1N07 (2022):
https://greasyfork.org/fr/scripts/34388-space-efficient-youtube

GM "Youtube polymer engine fixes"
https://greasyfork.org/en/scripts/405614-youtube-polymer-engine-fixes

==== Note about: BYPASS VIDEOS Restricted ====

TEST LINK :
https://www.youtube.com/watch?v=DAsZjMizTJ0
https://www.youtube.com/watch?v=7t0SqerlBA0
EMBED :
https://forums.warframe.com/topic/1286241-thanks-for-watching-prime-time-292/#comment-12332841


OK - GM "Simple YouTube Age Restriction Bypass" by zerodytrash (2022):
Work perfecly!
Review:
https://greasyfork.org/en/scripts/423851-simple-youtube-age-restriction-bypass/discussions/128220
OLD Request:
https://greasyfork.org/en/scripts/423851-simple-youtube-age-restriction-bypass/discussions/93645
GhitHub:
https://github.com/zerodytrash/Simple-YouTube-Age-Restriction-Bypass
USERSCRIPT vs EXTENSION:
https://github.com/zerodytrash/Simple-YouTube-Age-Restriction-Bypass/issues/136
GM:
https://greasyfork.org/en/scripts/423851-simple-youtube-age-restriction-bypass
ADDON:


OLD SCRIPT [DEPRECATED] :
GM "YouTube: Age Verification Bypass [by u00F8)> v.1.6" (NOT WOTRK / DELETED):
https://greasyfork.org/en/scripts/375525-youtube-age-verification-bypass
MAYBE WRONG:
Youtube Age Verification Bypass Script – Best AI Content Generator Review 2022
https://www.learnsteps4profit.com/youtube-age-verification-bypass-script-best-ai-content-generator-review-2022/


ALTERNATIVE /FORKS ?:
GM "Bypass YouTube Age Verification 1.01.js" byXP1 (2001)
https://gist.github.com/XP1/1147490
GM "YouTube Age Bypass" by lawl (not work 2018)
https://greasyfork.org/fr/scripts/371261-youtube-age-bypass

Others Solutions:
BKLET - Bookmarklet :
BLET "Bypass YT login!" (watch a protected YouTube):
https://www.nsfwyoutube.com/
OR USE this ADDON:
XPI "Ageless for YouTube" :
https://addons.mozilla.org/en-US/firefox/addon/ageless/

==== Note about Waterfox Classic ====
Not Need now:
For use with Waterfox Classic and  User Agent Switcher, choose:
Force for the domain (the first one)
Robot: Google Bot

NEED always for Youtube 360° and Nivida:
TOPIC:
https://github.com/MrAlex94/Waterfox/issues/1473#issuecomment-787830672

Install enhanced h264ify:
https://addons.mozilla.org/en-US/firefox/addon/enhanced-h264ify/
about:config:
Set media.windows-media-foundation.allow-d3d11-dxva:false
reset media.hardware-video-decoding.failed to false

=== OTHER ===

GM "Don't "fuck" with my scroll":
Maybe solve related video loading but PB for comments:
https://greasyfork.org/en/scripts/381674-don-t-with-my-scroll


==== */




/* (new5) SUPP ADDS */

ytd-app[disable-upgrade="true"] ,
.ytp-drawer-open-button ,
.ytp-drawer-content ,
iron-overlay-backdrop.opened ,
ytd-consent-bump-lightbox#consent-bump ,
.annotation-type-custom > div ,
.ytp-cards-teaser ,
#offer-module {
    display: none !important;
}

/* (new21) ==== SKELETON - ALL ==== */

div[class*="skeleton"] {
/* border: 1px solid yellow !important; */
}

/* (new21) PLAYER SKELETON - DEFAULT / THEATER  -  */
#player.skeleton ,
#player.skeleton.theater {
    height: calc(0.5625 * 100vw);
    max-height: calc(100vh - 185px);
    min-height: 480px;
    min-width: 59.9% !important;
    max-width: 59.9% !important;
    left: -20% !important;
border: 1px solid red !important;
}

/* (new21) SKELETON - UNDER PLAYER - METAS */
#watch-page-skeleton.watch-skeleton #info-container {
    position: fixed !important;
    display: inline-block !important;
    height: 100% !important;
    max-height: 18vh !important;
    min-height: 18vh !important;
    width: 100% !important;
    min-width: 1156px !important;
    max-width: 1156px !important;
    margin: 0 !important;
    bottom: 0vh !important;
    left: 8px !important;
    visibility: visible !important;
}
/* (new21) SKELETON - RELATED VID  - RIGHT PLAYER */
#watch-page-skeleton.watch-skeleton #related {
    position: fixed !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 94vh !important;
    max-height: 94vh !important;
    width: 100% !important;
    min-width: 37vw !important;
    max-width: 37vw !important;
    margin: 0 !important;
    top: 5vh !important;
    left: 62vw!important;
    visibility: visible !important;
}
/* #related-skeleton.watch-skeleton.ytd-watch-flexy  #related > div.hidden */
#watch-page-skeleton.watch-skeleton #related > div{
    display: inline-block !important;
    width: 35vw !important;
}
/* (new21) SKELETON - INFOS ON LOAD */
#watch-page-skeleton {
    min-width: 1154px !important;
    max-width: 1154px !important;
    height: 100px !important;
    left: -375px !important;
    bottom: 0px !important;
}
/* (new21) SKELETON - PLAYER ON LOAD */
#player.skeleton.flexy:not([hidden=""]) {
    min-width: 1154px !important;
    height: 726px !important;
    left: -374px !important;
    top: -20px !important;
}
#player.skeleton.flexy:not([hidden=""]) #player-wrap {
    width: 1144px !important;
    height: 712px !important;
    margin-left: -22px !important;
    margin-top: -20px !important;
}
#player.skeleton.flexy:not([hidden=""]) #player-wrap #player-api{
    width: 1142px !important;
    height: 712px !important;
    top: 0px !important;
}

/* (new22) HOME - YOUTUBE */

/* (new22) HOME - YOUTUBE - VIDEO PREVIEW on HOVER */
#preview ytd-video-preview[active]{
background: rgba(28, 28, 28, 0.9) ;
border: 1px solid red !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #preview ytd-video-preview[active]{
background: rgba(28, 28, 28, 0.3) ;
border: 1px solid red !important;
} 

/* (new22) HOME - YOUTUBE - in 2 Coumn - TOP HEADER - TAGS */
#chips-wrapper.ytd-feed-filter-chip-bar-renderer {
    z-index: 20000 !important;
}
#chips-wrapper.ytd-feed-filter-chip-bar-renderer  #scroll-container {
    position: relative;
    width: 100vw !important;
    overflow: hidden;
    white-space: nowrap;
    z-index: 100 !important;
}

/* (new22) HOME - YOUTUBE - in 2 Coumn - LEFT GUIDE */
#content #guide #guide-spacer {
    margin-top: 4vh !important;
}


/* (new22) TEST - GM "Youtube subtitles under video frame" - ytd-watch-flexy.yfms-userjs.ytd-page-manager:not([fullscreen])
=== */

/* NORMAL PLAYER - Subtitles under video frame */
ytd-watch-flexy.yfms-userjs.ytd-page-manager:not([fullscreen]):not(.parentToothbrush) .ytp-caption-window-container .caption-window.ytp-caption-window-bottom {
    position: absolute !important;
    display: inline-block !important;
    width: 99.5% !important;
height: 9vh !important;
    top: calc(100% + 3vh) !important;
    margin-bottom: 0;
    margin-top: 0;
    z-index: 500000 !important;
opacity: 1 !important;
visibility: visible !important;
/* border: 1px solid aqua !important; */
}
/* THEATER - Subtitles under video frame */
/* ytd-watch-flexy.yfms-userjs.ytd-page-manager.hide-skeleton[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments]:not([fullscreen])[theater][theater-requested_]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty) , */
ytd-watch-flexy.yfms-userjs:not([fullscreen])[theater][theater-requested_]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty)
{
    position: fixed !important;
    display: inline-block !important;
height: 100% !important;
    min-height: 76.4vh !important;
    max-height: 76.4vh !important;
    min-width: 99.9%;
    max-width: 99.9%;
    top: 9.3vh;
    left: 0;
    margin: 0;
    padding-bottom: 0;
    overflow: visible;
    z-index: 2147483647;
/* background: red !important; */
/* border: 1px solid violet !important; */
}
/* html.tabview-normal-player[plugin-tabview-youtube]:not(#htmlToothbrush):not(.floater):not(.iri-always-visible) ytd-watch-flexy.yfms-userjs.ytd-page-manager[theater][theater-requested_] #player-theater-container .html5-video-player:not(.ytp-embed):not(#c4-player):not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-main-video.video-stream {
    max-height: 89.9vh !important;
    min-height: 89.9vh !important;
} */
/* html:not(#htmlToothbrush):not(.floater):not(.iri-always-visible) ytd-watch-flexy.yfms-userjs.ytd-page-manager[theater][theater-requested_] #player-theater-container .html5-video-player:not(.ytp-embed):not(#c4-player):not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-main-video.video-stream , */

html.tabview-normal-player[plugin-tabview-youtube]:not(#htmlToothbrush):not(.floater):not(.iri-always-visible)  ytd-page-manager#page-manager ytd-watch-flexy.yfms-userjs #player-theater-container.ytd-watch-flexy:not(:empty) .video-stream.html5-main-video ,
ytd-watch-flexy.yfms-userjs:not([fullscreen])[theater][theater-requested_]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty) .video-stream.html5-main-video {
    min-height: 76.4vh !important;
    max-height: 76.4vh !important;
/* border: 1px solid yellow !important; */
}
/* MAXIMIZE - Subtitles under video frame */
ytd-watch-flexy.yfms-userjs.ytd-page-manager.parentToothbrush:not([fullscreen]) .ytp-caption-window-container .caption-window.ytp-caption-window-bottom {
    position: absolute !important;
    display: inline-block !important;
    width: 99.5% !important;
    margin-bottom: 0;
    margin-top: 0;
    top: calc(100% - 10vh) !important;
    z-index: 9999;
/* border: 1px solid green !important; */
}
ytd-watch-flexy.yfms-userjs.ytd-page-manager.parentToothbrush:not([fullscreen]) .ytp-caption-window-container .caption-window.ytp-caption-window-bottom  span.captions-text span {
    font-size: 28px !important;
}

/* Subtitles under video frame - CURSER - UNSET */
ytd-watch-flexy.yfms-userjs.ytd-page-manager .caption-window {
    cursor: unset !important;
}

/* (new22) TEST GM "YouTube Player Controls" - html[plugin-tabview-youtube] - [ytpc_cinema][ytpc_top] */
/* NO THEATER */
/* [ytpc_cinema][ytpc_top] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata , */
ytd-watch-flexy.ytd-page-manager.hide-skeleton[flexy][flexy-enable-small-window-sizing][flexy-enable-large-window-sizing][is-four-three-to-sixteen-nine-video_][tabview-selection][is-two-columns_][flexy-large-window_][tabview-selection][tabview-youtube-comments]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy:not(:empty) ~ #columns.ytd-watch-flexy #primary .watch-active-metadata.ytd-watch-flexy {
    position: fixed !important;
    display: flex;
display: inline-block !important;
/* display: none !important; */
    flex-direction: column;
    flex-grow: 1;
    width: 59.5% !important;
top: 6.4vh !important;
    z-index: 50000000 !important;
border: 1px solid aqua !important;
}
/* (new22) GM "YouTube Player Controls" - THEATER */
[ytpc_cinema] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata,
#page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner td-watch-metadata.watch-active-metadata[description-collapsed][smaller-yt-sans-light-title] {
    bottom: 0;
    height: 2.4vh !important;
    margin: 0vh 0 0;
    overflow-y: hidden !important;
border: 1px solid red !important;
}
[ytpc_cinema] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold #description-and-actions ,
#page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold #description-and-actions ,

[ytpc_cinema] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold #owner-and-teaser ,
#page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold #owner-and-teaser {
    display: none !important;
}
/* (new23) THEATER */
#page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold  .time-remaining-renderer {
    position: fixed !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    width: 100vw !important;
    max-width: 10vw !important;
    min-width: 10vw !important;
/*     bottom: 16.2vh !important; */
top: 6.6vh !important;
    left: 45vw !important;
    text-align: center;
    visibility: visible;
border: 1px dashed #e91e63;
}
#page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata #above-the-fold  #super-title {
    display: none !important;
}

/* (new22) GM "YouTube Player Controls" - SETTINGS CONTAINER - WIDE PLAYER - [ytpc_cinema][ytpc_top] #page-manager ytd-watch-flexy.ytd-page-manager.hide-skeleton[theater-requested_][theater] #player-theater-container ~ #columns #primary #primary-inner .watch-active-metadata 
#columns.ytd-watch-flexy #primary:not(:hover)
===  */
#content.ytd-app[ytpc_cinema]:not([ytpc_top]) ytd-page-manager#page-manager.ytd-app ytd-watch-flexy.ytd-page-manager #columns #primary  ,
#content.ytd-app[ytpc_top][ytpc_cinema] ytd-page-manager#page-manager.ytd-app ytd-watch-flexy.ytd-page-manager #columns #primary  {
    display: inline-block !important;
    z-index: 2147483647 !important;
}
/* (new22) GM "YouTube Player Controls" - OK TOP SEARCH */
#content.ytd-app[ytpc_cinema][ytpc_top]  #masthead-container.ytd-app{
    z-index: 2147483647 !important;
}
/* (new22) GM "YouTube Player Controls" - TOP SEARCH */
#content.ytd-app[ytpc_cinema]:not([ytpc_top])  #masthead-container.ytd-app{
    z-index: 100 !important;
}

/* (new23) GM "YouTube Player Controls" - BUTTON SETTINGS  (OWNER INFOS UNDER PLAYER )*/
span#ytpc_title_container  {
    position: fixed !important;
    display: inline-block !important;
/*     left: -0.3vw !important; */
    right: 20vw !important;
top: 1vh !important;
    z-index: 500000000 !important;
}
span#ytpc_title_container::after {
    position: fixed;
    display: inline-block;
    content: "Y-Ct";
    top: 1px;
    padding: 2px;
    border-radius: 100%;
    font-size: 7px;
z-index: 500000000;
opacity: 0.3 !important;
color: white  !important;
background: red !important;
}
span#ytpc_title_container:hover::after {
    position: fixed;
    display: inline-block;
    content: "YouTube Player Controls";
    top: 1px;
    padding: 2px;
    border-radius: 5px !important;
    font-size: 7px;
z-index: 500000000;
opacity: 1 !important;
color: gold  !important;
background: green !important;
}
#ytpc_options_popup {
    position: fixed !important;
    width: 235px;
    right: 33vh;
    top: 10px;
z-index: 5000000 !important;
}
/* (new22) TEST GM "YouTube Player Controls" - GUIDE PANEL - PLAYER PAGE */
#content[ytpc_cinema] tp-yt-app-drawer.ytd-app.ytd-app#guide[opened][swipe-open]:not([persistent]) ~ ytd-page-manager#page-manager.ytd-app ytd-watch-flexy.ytd-page-manager #columns #primary {
    z-index: 0 !important;
}

/* TEST - GM "Add YouTube Video Progress" */
#vidprogress {
    position: fixed !important;
    line-height: normal;
    min-width: 29ex !important;
    max-width: 49ex !important;
    left: 22vw !important;
    bottom: 12vh !important;
    margin: 0 !important;
    padding: 2px;
    border-radius: 4px;
    font-size: 9pt;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}
/* 2nd PROGRESSBAR adde by the script - Move to cover the Original */
.ytp-chrome-bottom + #vidprogress2 {
    position: absolute;
    bottom: 4px !important;
    width: 100%;
    z-index: 2000000000;
}


/* (new21) TEST - GM "u-Youtube" */
#masthead-container.ytd-app {
z-index: 500000000 !important;
}
#end.ytd-masthead {
    padding-right: 15px !important;
}
.dropdown-hover {
    position: fixed !important;
    display: inline-block !important;
    right: -15px !important;
}
.dropdown-hover:after {
    content: "u-Y" !important;
    display: inline-block;
    position: fixed;
    right: 2px;
    top: 1px !important;
    padding: 2px !important;
    border-radius: 100% !important;
    font-size: 7px !important;
    z-index: 500000000;
background: red !important;
}
.dropdown-hover:hover:after {
    content: "u-Youtube" !important;
    display: inline-block;
    position: fixed;
    right: 2px;
    top: 1px !important;
    padding: 3px !important;
    border-radius: 5px !important;
    font-size: 10px !important;
    z-index: 500000000 !important;
background: green !important;
}
.dropdown-box .item {
    position: fixed !important;
    display: inline-block !important;
    right: 114px;
    top: -20px !important; 
    color: #aaa !important;
background: #202020 !important;
}
/* NO DARK */
html:not([dark="true"]) .dropdown-box .item {
    color: #111 !important;
background: white !important;
}


/* (new21) ADDON GM "SPONSORBLOCK" ICONS */
.playerButtonImage {
    bottom: 0;
    display: block;
    max-height: 40% !important;
    margin: auto;
    top: 0;
}
/* (new21) ADDON GM "SPONSORBLOCK" POPUP */
#sponsorBlockPopupContainer {
    position: fixed !important;
    margin: 0 !important;
    top: 3.9vh !important;
    right: 0 !important;
    z-index: 50000000 !important;
border: 1px solid red !important;
}

/* TEST INDICATOR for INFOS UNDER PLAYER  - TAB INFOS - TABVIEW  - ytd-watch-flexy[is-two-columns_]  */
.ytd-page-manager.hide-skeleton[is-two-columns_]  #columns.ytd-watch-flexy #secondary.ytd-watch-flexy #secondary-inner.ytd-watch-flexy  #right-tabs #tab-info {
    padding: 5px 5px 0 5px ;
border: 1px solid red !important;
}

ytd-watch-flexy[is-two-columns_] #tab-info ytd-expander {
    margin: 0;
    padding: 0;
}
ytd-watch-flexy[is-two-columns_] #right-tabs #tab-info.tab-content-cld:not(.tab-content-hidden) #description.ytd-video-secondary-info-renderer {
    display: block;
    max-width: 100%;
    margin-top: -4.8vh !important;
}

/* (new21) GM "POPOUT VIDEO body.site-as-giant-card */

/* (new21) GM POPOUT - SUPP ICON BRANDING */
#movie_player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode  .ytp-player-content.ytp-iv-player-content .html5-stop-propagation.iv-drawer-manager + .annotation.annotation-type-custom.iv-branding{
    display: none !important;
}
/* (new21) GM POPOUT PLAYER */
#movie_player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .html5-video-container  .video-stream.html5-main-video {
    width: 100% !important;
    height: 99.4vh !important;
    left: 0 !important;
    top: 0 !important;
    object-fit: contain !important;

}
/* (new21) GM POPOUT - PROGRESSBAR */
#player #movie_player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode  .ytp-chrome-bottom .ytp-progress-bar-container:not([aria-disabled="true"]) {
    margin-top: 0;
    opacity: 1;
    top: 0.5vh !important;
}

/* (new21)POPOUT - .ytp-iv-drawer-enabled PAUSED */
#player #movie_player.html5-video-player.paused-mode.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode  .ytp-chrome-bottom .ytp-progress-bar-container:not([aria-disabled="true"])  {
    margin-top: 0;
    opacity: 1;
    top: 3.7vh !important;
}
/* (new21)POPOUT - PREVIEW - .ytp-iv-drawer-enabled / .paused-mode */
#player #movie_player.html5-video-player.html5-video-player.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode   .ytp-tooltip.ytp-bottom.ytp-preview {
    top: 76vh !important;
}

/* (new21) OK - GM "Maximize Video" */
#htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush {
    position: fixed !important;
    display: inline-block !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    z-index: 500000000 !important;
}
#htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush #ujs-hdr-links-div  ,
#htmlToothbrush #bodyToothbrush #page-manager.ytd-app.parentToothbrush #columns {
    display: none !important;
}

#htmlToothbrush ytd-watch-flexy[theater] #player-theater-container.ytd-watch-flexy {
    position: fixed !important;
    display: inline-block !important;
    max-height: 99vh !important;
    min-height: 99vh !important;
    margin-top: 0 !important;
    overflow: visible;
    transform: none;
    transform-style: flat;
    transition: none 0s ease 0s ;
    z-index: auto;
}
#htmlToothbrush #bodyToothbrush .playerToothbrush {
    position: fixed;
    max-height: 99vh !important;
    min-height: 99vh !important;
    width: 100vw;
    margin-top: 0 !important;
    top: 0 !important;
    transform: none;
    z-index: 2147483646 !important;
}
#htmlToothbrush #bodyToothbrush .parentToothbrush .html5-video-player.ytp-large-width-mode video ,
#htmlToothbrush #bodyToothbrush .parentToothbrush video {
    min-width: 100vw !important;
    left: 0 !important;
    object-fit: contain;
}
#leftFullStackButton:not([style=""]) ,
#rightFullStackButton:not([style=""]) {
    position: fixed;
    height: 95vh !important;
    width: 30px !important;
    top: 0;
    z-index: 2147483647;
    cursor: w-resize !important;
    transition: all ease 0.7s !important;
background: transparent !important;
}
#leftFullStackButton:not([style=""]):hover ,
#rightFullStackButton:not([style=""]):hover {
    transition: all ease 0.7s !important;
background: #333 !important;
}
.parentToothbrush ytd-watch-flexy[flexy][theater-requested_=""]:not([fullscreen]) #player-theater-container #player-container #movie_player.ytp-large-width-mode .ytp-chrome-bottom{
    position: absolute !important;
    display: inline-block;
    top: 100vh !important;
    width: 100%;
    opacity: 1;
    visibility: visible;
}
/* GM "Maximize Video" HOVER */
.parentToothbrush ytd-watch-flexy[flexy][theater-requested_=""]:not([fullscreen]) #player-theater-container #player-container #movie_player.ytp-large-width-mode:hover .ytp-chrome-bottom .ytp-chrome-controls{
    position:   absolute !important;
    display: inline-block;
    top: -6vh !important;
    min-width: 100% !important;
    opacity: 1;
    visibility: visible;
}
.parentToothbrush ytd-watch-flexy[flexy][theater-requested_=""]:not([fullscreen]) #player-theater-container #player-container #movie_player.ytp-large-width-mode .ytp-chrome-bottom  .ytp-progress-bar-container ,
.parentToothbrush #movie_player.html5-video-player.ytp-exp-bottom-control-flexbox.ytp-hide-info-bar.ytp-autohide .ytp-progress-bar-container, 
.parentToothbrush .ytp-hide-info-bar .ytp-progress-bar-container {
    position:   fixed !important;
    display: inline-block !important;
    width: 100%;
    top: 99.1vh !important;
    opacity: 1;
    visibility: visible;
    z-index: 5000000 !important;
}
.parentToothbrush .annotation.annotation-type-custom.iv-branding {
    display: none !important;
}
.parentToothbrush .ytp-tooltip.ytp-preview:not(.ytp-text-detail):not([style*="display: none;"]) {
    position: fixed !important;
    display: inline-block !important;
    top: 72vh !important;
    margin-top: 0vh !important;
    z-index: 500000000 !important;
border: 1px solid green !important;
}

/* (new21) GM "Maximize Video" : #bodyToothbrush  - EMBED - BOTTOM CONTROL */
#bodyToothbrush #player:hover .html5-video-player.ytp-embed.ytp-large-width-mode.paused-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom, 
#bodyToothbrush .html5-video-player.ytp-embed.ytp-large-width-mode.paused-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom {
    height: 3px;
    top: 95% !important;
}
/* (new21) GM "Maximize Video" : #bodyToothbrush  - EMBED - CONTROL */
#bodyToothbrush .ytp-exp-bottom-control-flexbox .ytp-chrome-controls ,
#bodyToothbrush .html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom .ytp-chrome-controls  ,
#bodyToothbrush .html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chrome-controls  {
    min-width: 100% !important;
    max-width: 100% !important;
    left: 0px !important;
    right: 0 !important;
    vertical-align: top;
}

/* (new21) POPUP YOUTUBE FIXED - ON PLAYER */
.ytp-popup.ytp-contextmenu:not([style$="display: none;"]) {
    position: fixed !important;
    display: inline-block !important;
    top: 32% !important;
    left: 55% !important;
    z-index: 5000000000 !important;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
background: rgba(28, 28, 28, 0.9) ;
border: 1px solid red !important;
}



/* (new21) GUIDE PANEL - PLAYER PAGE */
tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) {
    z-index: 500000000 !important;
}
tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) #contentContainer.tp-yt-app-drawer  {
    position: absolute !important;
    top: -36px;
}
tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) #contentContainer.tp-yt-app-drawer #header.ytd-app {
    margin-top: -35px;
}
/* (new21) GUIDE PANEL - PLAYER PAGE - TABVIEW */
html[plugin-tabview-youtube] tp-yt-app-drawer.ytd-app.ytd-app[opened]:not([persistent]) ,
html[plugin-tabview-youtube] tp-yt-app-drawer {
    position: fixed !important;
    display: inline-block !important;
    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 100vh !important;
    right: 0;
    top: 0 !important;
    bottom: 0 !important;
    left: 0;
    transition-property: visibility;
    z-index: 5000000000 !important;
}
html[plugin-tabview-youtube] tp-yt-app-drawer.ytd-app.ytd-app[opened] {
    visibility: visible !important;
}



/* (new21) POPUP - ALL - SETTINGS  / BOTOM PLAYER / etc */
.ytd-app > .ytd-popup-container {
    z-index: 50000000 !important;
}

/* (new21) TEST - POPUP CHANNEL MESSAGE */
yt-tooltip-renderer[position-type="OPEN_POPUP_POSITION_BOTTOM"] {
    display: none !important;
}
/* (new21) VIDEO BRANDING */
.annotation.annotation-type-custom.iv-branding {
    position: fixed !important;
    height: 40px !important;
    right: 41vw !important;
    top: 80vh !important;
}
/* (new21) VIDEO BRANDING - EMBED - SUPP */
#movie_player.html5-video-player.html5-video-player .annotation.annotation-type-custom.iv-branding {
    display: none !important;
}


/* (new21) NOT THEATER - BRANDING - PAUSED  */
ytd-watch-flexy:not([theater]):not([fullscreen]) .ytd-watch-flexy:not(#player-theater-container) #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .annotation.annotation-type-custom.iv-branding {
    top: 80vh !important;
}
/* THEATER - BRANDING - PLAYING  */
ytd-watch-flexy[theater]:not([fullscreen]) #player-theater-container.ytd-watch-flexy #player-container .html5-video-player.ytp-large-width-mode:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .annotation.annotation-type-custom.iv-branding {
    top: 87vh !important;
}

/* TEST - ADD INDICATOR FO BUTTON ADDED BY GM "Youtube Ad Cleaner */
.myButton:before {
    content: "Provided \A by Youtube \A Add Cleaner" !important;
    position: absolute !important;
    display: inline-block !important;
    vertical-align: middle;
    right: 150px !important;
    height: auto ;
    line-height: 8px ;
    width: auto !important;
    top: 16px;
    padding: 2px 5px;
    color: white;
    font-size: 10px;
    text-align: center;
    white-space: pre !important;
    border-radius: 2px;
    opacity: 0 !important;
border: 1px solid transparent;
background-color: green;
} 
.myButton:hover:before {
    content: "Provided \A by Youtube \A Add Cleaner" !important;
    right: 231px !important;
    opacity: 1 !important;
    transition: all ease 0.7s !important;
background-color: red;
}
.myButton {
    cursor: pointer !important;
} 
/* test QUANTUM VIDEO UNSTARTED */
.html5-video-player.unstarted-mode {
}
.html5-video-player.unstarted-mode .ytp-cued-thumbnail-overlay{
    z-index: 5000000 !important ;
}
.unstarted-mode:not(.playing-mode) .ytp-cued-thumbnail-overlay:not([aria-hidden="true"]){
    z-index: 5000000 !important ;
}

/* (new22) Update PLAY NEXT QUEUE v.3*/
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy {
    position: fixed !important;
    display: inline-block !important;
    width: 40%!important;
    height: auto !important;
    top: 9.3vh !important;
    right: 0 !important; 
    padding: 0 0 0 0 !important;
    resize: unset !important;
    overflow: hidden !important;
    z-index: 5 !important;
    visibility: visible !important;
    transition: height ease 0.7s !important;
border-left: 0.2rem solid #222 !important;
border-right: none !important;
border-bottom: 4px solid #222 !important;
background: rgba(17, 17, 17, 0.41) !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope)  #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:empty ,
html:not([dark]):not([dark="true"]):not(.style-scope)   #secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy{
    border-left: 0.2rem  solid #E7E7E7  !important;
    border-bottom: 4px solid #E7E7E7  !important;
    background: transparent !important;
}
/* (new22) */
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) {
    display: inline-block !important;
    width: 100% !important;
    height: 13.1vh !important;
    min-height: 13.1vh !important;
    margin-top: 0vh  !important;
    right: 0 !important;
    padding: 0.2rem 0 0 0rem !important;
    overflow: hidden !important;
    z-index: 5 !important;
    visibility: visible !important;
    transition: height ease 0.7s !important;
background: #111 !important;
border-left: 0.2rem solid green !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope)   #secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty)  {
    background-color: rgba(17, 17, 17, 0.4) !important;
}
/* EMPTY QUEUE */
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty {
    position: fixed !important;
    display: inline-block !important;
    width: 39% !important;
    height: 125px !important;
    min-height: 125px !important;
    top: 9.5vh !important;
    right: 6px !important;
    padding: 7px 5px 0 5px !important;
    overflow: hidden !important;
    z-index: -1 !important;
    visibility: visible !important;
    transition: height ease 0.7s !important;
    pointer-events: none !important;
border-left: 4px solid #333 !important;
background: #111 !important;
}
/* (new21) PLAY NEXT EMPTY - NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty {
    border-left: 4px solid #E7E7E7  !important;
    border-bottom: 4px solid #E7E7E7  ;
color: gray !important;
    background: white !important;
}

/* (new21) PLAY NEXT EMPTY - INDICATOR */
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty:after {
    content: "No Videos In Queue ... " ;
    display: inline-block !important;
    width: 100% !important;
    height: 115px !important;
    line-height: 115px !important;
    padding: 5px !important;
    font-size: 20px ;
    text-align: center ;
    z-index: -1 !important;
border-bottom: none !important;
background: transparent !important;
}
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:empty:hover:after ,
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover #contents:empty:after {
color: gold !important;
background: #222 !important;
}

/* (new24) PLAY NEXT - TAB */
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:before{
    content: "Yt Next Queue " ;
    position: fixed !important;
    display: inline-block !important;
    width: 6.5rem !important;
    height: 2rem!important;
    line-height: 2rem;
    margin: 0 0 0 0 !important;
    top: 6.4vh !important;
    right: 3vw !important;
    padding: 0.2rem 0.5rem !important;
    text-align: left;
    visibility: visible;
    z-index: 5000000 !important;
    transition: all ease 0.7s !important;
    border-radius: 3px 3px 0 0 !important;
border-top: 1px solid #333 ;
border-bottom: 2px solid #333 ;
border-right: 0.2rem solid #333 ;
border-left: 0.2rem solid #333 ;
color: gray !important;
background-color: #222 ;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope)  #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:before {
    border-top: 1px solid gray !important;
    border-bottom: 2px solid gray!important;
border-right: none !important;
border-left: 0.2rem  solid gray !important;
    color: gray !important;
    background-color: white !important;
}
/* (new22) HOVER */
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) #secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover:before , 
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover:before{
    transition: all ease 0.7s !important;
color: gold !important;
background: green !important;
}
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:focus-within #contents:not(:empty) ,
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:hover #contents:not(:empty)  {
    height: 708px !important;
    min-height: 708px !important;
    top: 9vh !important;
    padding: 7px 0px 0 0 !important;
    overflow-y: auto !important;
    transition: height ease 0.7s !important;
background: rgba(17, 17, 17, 0.9) !important;
border-left: 0.2rem solid green !important;
}
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy:focus-within #contents:not(:empty)  {
/* background: green !important; */
}
#related-skeleton + div  a ,
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy .queue-item.ytd-item-section-renderer{
    float: left;
    clear: none;
    width: 100%;
    max-width: 31.3%;
    min-width: 31.3%;
    height: auto;
    margin-right: 0.2rem ;
    margin-left: 0.2rem ;
    margin-bottom: 0.2rem;
border-radius: 3px !important;
padding: 3px !important;
background-color: black;
border: 1px solid gray !important;
}
#tab-videos ytd-compact-video-renderer .metadata .secondary-metadata {
    display: inline-block !important;
    width: 100% !important;
}
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy .queue-item.ytd-item-section-renderer  ytd-badge-supported-renderer.badges {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    top: -11px !important;
    text-align: center !important;
}
#secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy .queue-item.ytd-item-section-renderer  ytd-badge-supported-renderer.badges .queue-button {
    display: inline-block !important;
    width: 44% !important;
    line-height: 13px !important;
    text-align: center !important;
}
/* (new21) NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope)   #related-skeleton + div  a ,
html:not([dark]):not([dark="true"]):not(.style-scope)   #secondary #secondary-inner  #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy .queue-item.ytd-item-section-renderer {
    border: 1px solid #E7E7E7 !important;
    background-color: white !important;
}



/* (new21) TEST - PLAY NEXT - COUNTER - start at 01 */
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty)  {
    content: counter(myIndex, decimal);
    counter-increment: myIndex  00 !important;
}
#secondary #secondary-inner #related ytd-item-section-renderer.youtube-play-next-queue.ytd-watch-flexy #contents:not(:empty) .queue-item.ytd-item-section-renderer::before {
    counter-increment: myIndex ! important;
    content: counter(myIndex, decimal);
    position: fixed;
    display: inline-block !important;
    width: auto;
    line-height: 14px;
    height: 15px;
    min-width: 10px;
    right: 2.7vw !important;
    top: 6.6vh ;
    bottom: 0px !important;
    padding: 1px 3px ;
    text-align: center;
    border-radius:0 10px 10px 0 !important;
    font-size: 10px;
    z-index: 50000000 !important;
    opacity: 1 !important;
color: tomato;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset;
background: gold;
border: 1px solid red ;
}


/* (new23) RELATED VIDEO - PLAY NEXT  + TABVIEW - VISIBLE ON HOVER - VOIR THEATER HOVER*/
ytd-watch-flexy[is-two-columns_][tabview-selection=""][theater]:not([fullscreen]) #right-tabs #tab-comments.tab-content-cld.tab-content-hidden + #tab-videos.tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover ,
 
ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld.tab-content-hidden + #tab-videos.tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover ,
ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover {
    position: fixed !important;
    display: inline-block !important;
    width: 39.4% !important;
    height: 100% !important;
    min-height: 89vh !important;
    max-height: 89vh !important;
    right: 0px !important;
    top: 9vh;
    padding: 7px 5px 0 0;
    resize: unset;
    overflow: hidden;
    overflow-y: auto !important;
    transition: height 0.7s ease 0s;
    visibility: visible !important;
    z-index: 500000000 !important;
background: rgba(17, 17, 17, 1) !important;
border-bottom: 4px solid red !important;
border-left: 4px solid red !important;
border-right: 4px solid red !important;
}
/* NO DARK */ 
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld.tab-content-hidden + #tab-videos.tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover ,
html:not([dark]):not([dark="true"]):not(.style-scope) ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover {
background: white !important;
}

ytd-watch-flexy #right-tabs #tab-comments.tab-content-cld.tab-content-hidden + #tab-videos.tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover  #contents:not(:empty) , 
ytd-watch-flexy #right-tabs .tab-content-cld.tab-content-hidden #related[placeholder-for-youtube-play-next-queue] #youtube-play-next-queue-renderer:hover #contents:not(:empty) {
    display: inline-block !important;
    min-height: 88.5vh !important;
    max-height: 88.5vh !important;;
    overflow-y: auto;
    padding: 7px 0 0 5px;
    transition: height 0.7s ease 0s;
    visibility: visible !important;
    z-index: 50000000 !important;
}

/* (new23) PLAY NEXT - THEATER - TABVIEW */
/* ytd-watch-flexy[is-two-columns_][tabview-selection=""] #right-tabs .tab-content , */
ytd-watch-flexy[is-two-columns_][tabview-selection=""][theater]:not([fullscreen]) #right-tabs .tab-content {
    display: inline-block !important;
}
/* (new21) GM "YOUTUBE LINKS" */
ytd-watch-flexy[fullscreen] #ujs-hdr-links-div {
    display: none !important;
}
ytd-thumbnail .ujs-links-cls.ujs-quality {
    opacity: 0.2;
}
ytd-thumbnail:hover .ujs-links-cls.ujs-quality {
    opacity: 0.8;
}
#ujs-hdr-links-div {
    position: fixed !important;
    display: inline-block !important;
    max-width: 39.4vw !important;
    min-width: 39.4vw !important;
    top: 8.6vh;
    right: 0 !important;
    padding: 5px 0 !important;
    z-index: 500 !important;
    visibility: hidden ;
}
#ujs-hdr-links-div:hover {
    visibility: visible ;
     z-index: 5000000000 !important;
border: 1px solid yellow !important;
}
#ujs-hdr-links-div:after {
    content: "👁 " ;
    position: absolute ;
    height: 21px;
    line-height: 21px;
    top: -23px ;
    right: 20px ;
    font-size: 25px ;
    border-radius: 5px 5px 0 0 ;
    background-color: red;
    visibility: visible ;
}
#ujs-hdr-links-div:hover:after {
    content: "👁 YouTube Links" ;
    position: absolute ;
    height: 22px;
    line-height: 22px;
    top: -25px ;
    right: 10px ;
    padding: 0 3px !important;
    font-size: 17px ;
    border-radius: 5px 5px 0 0 ;
    visibility: visible ;
background-color: gold;
}
#ujs-hdr-links-div .ujs-group {
    border-radius: 3px;
    display: inline-block;
    margin: 1px 1px 1px 2px;
}
div.ujs-links-cls .ujs-video {
    display: inline-block;
    text-align: center;
    width: 2.5em !important;
}

/* (new21) GM "YOUTUBE LINKS" */
.ujs-group>a{
    pointer-events: auto !important;
}
.ujs-group>a:hover{
    border: 1px dashed lime !important;
}

/* (new13) TEST */
#content.ytd-app {
    height: 0px !important;
}

/* YOUTUBE MUSIC */
.content.ytmusic-player-page {
     padding-top: 0 !important;
}

/* TEST 360° / GAME :
https://www.youtube.com/watch?v=I-Y14gm8C6o
=== */
.webgl>canvas ,
.webgl {
    display: block;
    position: absolute;
    width: 100% !important;
    z-index: 11;
}
.ytp-webgl-spherical .ytp-progress-bar-container {
    bottom: -2px !important;
    display: inline-block;
    opacity: 1;
    position: absolute;
    visibility: visible;
    width: 100%;
}

/* (new7) TEST VIDEO RESTRICTED:
GM "YouTube: Age Verification Bypass 
=== */
/* ADD NOTE ON THE RESTICTED PLAYER about Solution */
.ytd-page-manager.hide-skeleton[player-unavailable=""]  #player #button.yt-player-error-message-renderer yt-button-renderer a.yt-simple-endpoint:before {
    content: "Video Restricted \A use addon:\A  Ageless for YouTube" ;
    position: fixed ;
    display: inline-block !important;
    width: 57% ;
    height: 15% ;
    top: 65px ;
    left: 1.9% ;
    font-size: 30px ;
    white-space: pre;
    text-align: center ;
    z-index: 50000 ;
    visibility: visible !important;
color: gold !important;
background: rgba(255, 0, 0, 0.1);
}

/* (new21) TEST AGAINST EMBED YOUTUBE in OTHERS SITES cf REDDIT 
.html5-video-player.ytp-embed .html5-main-video.video-stream
:not(ytd-channel-video-player-renderer)
=== */
/*  NOT EMBED/ CAHNNEL PLAYER :not(.ytp-embed)not(#c4-player) */
html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(#c4-player):not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-main-video.video-stream {
    height: 100% !important;
    max-height: 100% !important;
    min-height: 100% !important;
}

/* (new21) TEST YOUTUBE EMBED (for REDDIT) PLAYER/POSTER COVER  SIZE */

/* EMBED - PREVIEW VIDEO */
/* html:not(.floater):not(.iri-always-visible) .html5-video-player.ytp-embed:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-tooltip.ytp-preview:not(.ytp-text-detail):not([style*="display: none;"]) {
    margin-top: 70px !important;
} */
/* (new22)EMBED - PREVIEW VIDEO THUMBNAIL */
#player #movie_player.html5-video-player.ytp-embed.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode .ytp-tooltip.ytp-bottom.ytp-preview {
    margin-top: -15vh !important;
}
/* (new22)EMBED - PLAY BUTTON - when PLAYing - SUPP */
#player #movie_player.html5-video-player.ytp-embed.playing-mode.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode  .ytp-cued-thumbnail-overlay   {
    display: none !important;
}
/* (new22)EMBED - BRANDING ICON */
#player #movie_player.html5-video-player.ytp-embed.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode  .annotation.annotation-type-custom.iv-branding {
    display: none !important;
}

/* EMBED - END SCREEN NONE */
html:not(.floater):not(.iri-always-visible) .html5-video-player.ytp-embed:not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-endscreen.ytp-player-content.videowall-endscreen.ytp-endscreen-paginate.ytp-show-tiles  {
    display: none !important;
}

#movie_player.ytp-embed .html5-video-player .video-click-tracking {
    display: inline-block !important;
    height: calc(100% - 2px) !important;
    max-height: 128px !important;
    min-height: 128px !important;
    position: absolute;
    width: 99.7% !important;
border: 1px solid #111 !important;
}
#movie_player.ytp-embed .html5-video-player .ytp-cued-thumbnail-overlay-image {
    position: absolute;
    width: 100% !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain !important;
    height: 100%;
    object-fit: contain;
border: 3px solid red !important;
}
/* (new22)EMBED - PROGRESSBAR - HOVER */
#player #movie_player.html5-video-player.ytp-embed.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode:hover  .ytp-chrome-bottom .ytp-progress-bar-container:not([aria-disabled="true"])  {
    margin-top: 0;
    opacity: 1;
    top: -1vh !important;
}
/* (new22)EMBED - PROGRESSBAR - PAUSED */
#player #movie_player.html5-video-player.ytp-embed.paused-mode.ytp-fit-cover-video.ytp-embed.ytp-large-width-mode.ytp-large-width-mode  .ytp-chrome-bottom .ytp-progress-bar-container:not([aria-disabled="true"])  {
    margin-top: 0;
    opacity: 1;
    top: 9.9vh !important;
}



/* TEST EMBED YOUTUBE FULLSCREEN - TEST BYPASS AGE RESTRICTION BY ADDING:
/embed/
In place of:
/watch?v=
TEST LINK VID RESTRICTED NORMAL:
https://www.youtube.com/watch?v=YgT3e4CMMD4
TEST LINK VID RESTRICTED URL TWEAKED:
https://www.youtube.com/embed/YgT3e4CMMD4
LINK TIPS:
https://www.wikihow.com/Bypass-Age-Restrictions-on-YouTube-Videos
TEST LINK :
https://ryanseddon.com/css/pointer-events-60fps/
==== */
/* (new21)NOT EMDED - .html5-video-player:not(.ytp-embed) - NOT POPOUT:not(.ytp-iv-drawer-enabled) */
#player:hover .html5-video-player.ytp-embed.ytp-large-width-mode.paused-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):not(.ytp-iv-drawer-enabled) .ytp-chrome-bottom  ,
.html5-video-player.ytp-embed.ytp-large-width-mode.paused-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):not(.ytp-iv-drawer-enabled) .ytp-chrome-bottom {
    width: 100% !important;
    height: 3px;
    left: 0px !important;
    top: 88% !important;
    opacity: 1;
}
.ytp-exp-bigger-button .ytp-chrome-controls {
    height: 40px;
    line-height: 40px;
}
/* (new21) TEST EMBED YOUTUBE - NOT FULLSCREEN - PLAY/PAUSE */
.html5-video-player.ytp-embed.ytp-large-width-mode.playing-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom{
    width: 100%;
    height: 3px;
    left: 0;
    top: 99% !important;
    opacity: 1;
}

/* (new26) TEST EMBED YOUTUBE FULLSCREEN - PLAY HOVER */
/* Cf GM "Maximize Video" : #bodyToothbrush  */
.html5-video-player.ytp-embed.ytp-large-width-mode.playing-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom{
    top: 99% !important;
background-color: transparent!important;
}
.html5-video-player.ytp-embed.ytp-large-width-mode.playing-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom .ytp-chrome-controls {
    vertical-align: top;
    height: 35px;
    line-height: 28px;
    margin-top: -48px !important;
background: rgba(0, 0, 0, 0.44) !important;
}

/* (new21) TEST EMBED YOUTUBE FULLSCREEN - ENDED */
.html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom ,
.html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom {
    min-width: 100% !important;
    max-width: 100% !important;
    top: 98% !important;
    left: 0px !important;
    right: 0 !important;
    background-color: green !important;
}
.html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls):hover .ytp-chrome-bottom .ytp-chrome-controls  ,
.html5-video-player.ytp-embed.ytp-large-width-mode.ended-mode:not(.ytp-fullscreen):not(.ytp-hide-controls) .ytp-chrome-bottom .ytp-chrome-controls  {
    min-width: 100% !important;
    max-width: 100% !important;
    height: 35px;
    line-height: 28px;
    margin-top: -45px !important;
    left: -5px !important;
    right: 0 !important;
    vertical-align: top;
}
/* SOLVED touch MENU PARAMETERS TOP RIGHT - TEST - 3  DOTTS - SECONDARY - TRANSRCIPTION / REAPORT (#panels) */
#info.ytd-video-primary-info-renderer #menu-container.ytd-video-primary-info-renderer ytd-menu-renderer #top-level-buttons + .top-level-buttons + .dropdown-trigger {
    position: fixed !important;
    display: inline-block !important;
    left: 1870px !important;
    height: 20px !important;
    max-height: 20px !important;
    top: 7.3vh !important;
    width: 35px !important;

}

/* PANELS - CHAPTERS */
#secondary-inner #panels {
    position: fixed !important;
    display: inline-block !important;
    width: 100% !important;
    min-width: 510px !important;
    max-width: 510px !important;
    top: 90px !important;
    right: 0 !important;
    left: 1408px !important;
    z-index: 5000000 !important;
}
ytd-watch-flexy[flexy][js-panel-height_] #panels.ytd-watch-flexy ytd-engagement-panel-section-list-renderer.ytd-watch-flexy[visibility="ENGAGEMENT_PANEL_VISIBILITY_EXPANDED"] {
    max-height: 70vh !important;
    min-height: 70vh !important;
}
#content.ytd-engagement-panel-section-list-renderer {
    display: inline-block;
    flex: unset;
    flex-direction: column;
    height: auto;
    max-height: 72vh;
    min-height: 67vh;
    overflow-x: hidden;
    overflow-y: auto;
}

/* PLAYER - CHAPTER INDICATOR - OPEN LEFT PANEL */
.ytp-chapter-title.ytp-button,
.ytp-chapter-container .ytp-chapter-title-prefix {
     height: 25px !important;
     line-height: 26px !important;
}
.ytp-chapter-container .ytp-chapter-title.ytp-button .ytp-chapter-title-content {
     height: 0px !important;
     line-height: 0px !important;
     padding: 0 3px !important;
     border-radius: 5px !important;
background: red !important;
}

/* (new21) SECONDARY - TEST LIVE CHAT :
CABVIEW: Live chat and Stream from the Bergen Line in Norway
https://www.youtube.com/watch?v=ZHgXfhiDIIM
=== */
ytd-watch-flexy[flexy_] #secondary.ytd-watch-flexy ,
ytd-watch-flexy:not([theater]):not([fullscreen]) #secondary.ytd-watch-flexy {
    position: absolute;
    display: inline-block;
    height: 28px;
    height: 100% !important;
    min-height: 92.9vh !important;
    max-height: 92.9vh !important;
    min-width: 40%;
    right: 0% !important;
    padding: 0;
}
ytd-live-chat-frame {
    display: inline-block;
    height: 840px;
    left: 60%;
    max-width: 39.9%;
    min-width: 39.9%;
    overflow: hidden;
    padding: 0 10px;
    position: fixed;
    top: 85px;
    visibility: hidden;
    z-index: 50000;
background: #111 !important;
}
ytd-live-chat-frame:hover {
    max-height: 90vh !important;
    min-height: 90vh !important;
    visibility: visible;
border-left: 1px solid #e7e7e7 !important;
border-right: 1px solid #e7e7e7 !important;
border-top: 1px solid #4C4BB5 !important;
border-bottom: 4px solid #4C4BB5 !important;
background: #111 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope)   ytd-live-chat-frame:hover {
    max-height: 90vh !important;
    min-height: 90vh !important;
    visibility: visible;
border-left: 1px solid #e7e7e7 !important;
border-right: 1px solid #e7e7e7 !important;
border-top: 1px solid #4C4BB5 !important;
border-bottom: 4px solid #4C4BB5 !important;
background: white !important;
}
/* (new24) */
ytd-live-chat-frame::before {
    content: "Live Chat ▼";
    position: fixed;
    display: inline-block;
    width: 3vw;
    height: 22px;
    line-height: 21px;
    top: 6.4vh;
    right: 7.5vw !important;
    margin: 0 0 0 0 !important;
    padding: 1px 5px;
    border-radius: 3px 3px 0 0;
    text-align: center;
    color: gray;
    visibility: visible ;
    z-index: 5000000;
border-bottom: 1px solid #333 !important;
border-left: 5px solid #333 !important;
border-right: 5px solid #333 !important;
border-top: 1px solid #333 !important;
background-color: #222 !important;
}
ytd-live-chat-frame:hover::before {
border-bottom: 1px solid #4C4BB5 !important;
color: white !important;
background-color: #333 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope)   ytd-live-chat-frame::before {
    border-bottom: 1px solid #e7e7e7 !important;
    border-left: 5px solid #e7e7e7 !important;
    border-right: 5px solid #e7e7e7 !important;
    border-top: 1px solid #e7e7e7 !important;
    background-color: white !important;
}
html:not([dark]):not([dark="true"]):not(.style-scope)   ytd-live-chat-frame:hover::before {
    color: white  !important;
    border-bottom: 1px solid #999 !important; 
    border-left: 5px solid #999 !important;
    border-right: 5px solid #999 !important;
    border-top: 1px solid #999 !important;
    background-color: #999 !important;
    cursor: pointer !important;
} 
iframe.ytd-live-chat-frame {
    flex: 1 1 1e-9px;
    width: 100%;
    min-height: 90vh !important;
}

/* CHAT SHOW HIDD BUT */
ytd-live-chat-frame #show-hide-button{
    position: absolute;
    top: 7px;
    right: 0;
border: 1px solid red;
}
#show-hide-button.ytd-live-chat-frame > ytd-toggle-button-renderer.ytd-live-chat-frame {
    font-size: 9px;
}
/* CHAT BANNER - SUPP */
yt-live-chat-banner-manager.yt-live-chat-item-list-renderer {
    display: none;
}
/* CHAT MESGE */
ytd-live-chat-frame #message.ytd-message-renderer {
    display: inline-block;
    position: absolute;
    top: 12px;
    visibility: hidden !important;
}
ytd-live-chat-frame:hover #message.ytd-message-renderer {
    visibility: visible !important;
}
ytd-live-chat-frame #message.ytd-message-renderer:before {
content: "⛔" ;
    display: inline-block;
    position: fixed;
    width: 15px !important;
    height: 13px !important;
    line-height: 13px ;
    top: 60px;
    right: 20% ;
    border-radius: 50% ;
    font-size: 10px ;
    text-align: center ;
    opacity: 0.5 ;
    visibility: visible;
    z-index: 5000000 !important;
background: black !important;
}

/* (new7) COMMENT DISABLE 
https://www.youtube.com/watch?v=SA0RlGtOCmE
=== */
ytd-comments #message.ytd-message-renderer:before {
    content: "⛔" ;
    display: inline-block;
    position: fixed;
    width: 15px !important;
    height: 13px !important;
    line-height: 13px ;
    top: 60px;
    right: 26.9% ;
    border-radius: 50% ;
    font-size: 10px ;
    text-align: center ;
    opacity: 0.5 ;
    visibility: visible;
z-index: 5000000 !important;
background: black !important;
}

/* CHANNEL - PLAYER TOP HEADER */
.ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer .html5-video-player.ytp-small-mode .video-stream.html5-main-video ,
.ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer #c4-player.html5-video-player.ytp-small-mode .video-stream.html5-main-video {
    top: 0 !important;
}

/* CHANNEL - SUBSRIBE CARD */
.ytd-two-column-browse-results-renderer .ytd-channel-video-player-renderer .html5-endscreen.ytp-player-content.subscribecard-endscreen {
    cursor: default;
    overflow: hidden;
    z-index: 34;
    transform: scale(0.6);
border: 1px solid blue;
outline: 1px solid red !important;
}
/* (new6) CHANNEL - SUPP PLAYER SUBSCIBE OVERLAY  */
ytd-channel-video-player-renderer .ytd-channel-video-player-renderer .ended-mode .html5-video-container ,
ytd-channel-video-player-renderer .ytd-channel-video-player-renderer .ytp-exp-bigger-button.ytp-small-mode.ended-mode .html5-video-container .video-stream.html5-main-video {
    display: none;
}

/* YouTube - Hide End Cards (unless hovering):
https://greasyfork.org/fr/scripts/408725-youtube-hide-end-cards-unless-hovering
=== */
div[class*="video-player"]:not(:hover) div[class^="ytp-ce"],
div[class*="ytp-autohide"] div[class^="ytp-ce"] {
      display: none !important;
}
/* YouTube - Watch Later and Share Buttons Return
https://greasyfork.org/fr/scripts/408875-youtube-watch-later-and-share-buttons-return
=== */
.ytp-hide-info-bar:not(.ended-mode) .ytp-chrome-top:not(.ytp-chrome-top-show-buttons) .ytp-watch-later-button, 
.ytp-hide-info-bar:not(.ended-mode) .ytp-chrome-top:not(.ytp-chrome-top-show-buttons) .ytp-share-button  {
    display: inline-block !important;
}

/* GM "Youtube UI Fix (2020)" - INDICATOR :
go to https://www.youtube.com/ui_fix_options
=== */
body.yt-ui-fix #logo-icon-container.ytd-topbar-logo-renderer:before {
    content: "Youtube UI Fix" ;
    position: fixed ;
    display: inline-block ;
    top: 0px ;
    left: 100px ;
    padding: 0 5px ;
    font-size: 7px ;
    opacity: 0.5 ;
    z-index: 5000000 !important;
background: red ;
}
body.yt-ui-fix #logo-icon-container.ytd-topbar-logo-renderer:hover:before {
    content: "Youtube UI Fix Options: go to https://www.youtube.com/ui_fix_options (need to be loged)" ;
    position: fixed ;
    display: inline-block ;
    opacity: 1 ;
background: green ;
}
/* GM "Youtube UI Fix (2020)" - CENTER VIDEO VERTICALY:
https://greasyfork.org/fr/scripts/11485-youtube-ui-fix/discussions/64241
https://www.youtube.com/watch?v=yUif6C_uJgk
 */

/* FOR :not(.playerToothbrush) ??:
https://www.youtube.com/watch?v=PVUZ8Nvr1ic
==== */
/* #ytd-player.ytd-watch-flexy[context="WEB_PLAYER_CONTEXT_CONFIG_ID_KEVLAR_WATCH"] #container.ytd-player #movie_player.html5-video-player.ytp-fit-cover-video .html5-video-container video , */

#ytd-player.ytd-watch-flexy[context="WEB_PLAYER_CONTEXT_CONFIG_ID_KEVLAR_WATCH"] #container.ytd-player #movie_player.html5-video-player.ytp-fit-cover-video:not(.ytp-fullscreen):not(.playerToothbrush)  {
    display: inline-block !important;
    max-width: 100% !important;
}
#ytd-player.ytd-watch-flexy[context="WEB_PLAYER_CONTEXT_CONFIG_ID_KEVLAR_WATCH"] #container.ytd-player #movie_player.html5-video-player.ytp-fit-cover-video:not(.ytp-fullscreen) .html5-video-container  {
    display: inline-block !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
}
.html5-video-player:not(.ytp-fullscreen):not(.ytp-embed) .ytp-endscreen-content {
    height: 100% !important;
}

/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope)   :not(.floater):not(.iri-always-visible):not(.part_fullbrowser) #movie_player:not(.ytp-fullscreen):not(.ytp-hide-controls):not(.ytp-embed)  {
background-color: white !important;
}
/* (new21) object-fit: contain */
html:not(.floater):not(.iri-always-visible) .html5-video-player:not(.ytp-embed):not(.ytp-small-mode):not(.ytp-fullscreen):not(.ytp-hide-controls) .html5-main-video  {
    min-width: 100% !important;
    max-width: 100% !important;
    height: calc(100% - 35px) !important;
    top: 0 !important;
    left: 0 !important;
object-fit: contain !important;
}

/* FULL :
.ytp-fullscreen.ytp-big-mode
.html5-video-player.ytp-transparent.ytp-exp-bottom-control-flexbox.ytp-large-width-mode.initialized-listeners.addedupdateevents.paused-mode.ytp-fullscreen.ytp-big-mode.ytp-iv-drawer-enabled
NOT FULL:
ytd-app:not([scrolling_])
===*/
ytd-app[scrolling_] {
    right: 0 !important;
}
.ytp-big-mode .ytp-chrome-controls .ytp-fullerscreen-edu-button.ytp-button {
    width: 40% !important;
}
/* FULLSCREEN - FOR QUANTUM  */
.no-scroll #columns{
    display: none !important;
}
.no-scroll > ytd-app[style*="--ytd-app-fullerscreen-scrollbar-width:12px;"] #columns.ytd-watch-flexy {
    display: none;
}
/* FULLSCREEN - NO ACTION - PROGRESS BAR ALWAYS VISIBLE */
#movie_player.html5-video-player.ytp-fullscreen.ytp-big-mode.ytp-autohide .ytp-chrome-bottom{
    bottom: -5vh !important;
}

/* (new22) INFOS UNDER PLAYER */
ytd-watch-metadata.ytd-watch-flexy[hidden ]+ .watch-active-metadata.ytd-watch-flexy > #info  {
    position: fixed !important;
    width: 59.5% !important;
}
.watch-active-metadata #info #info-contents {
    height: 21.5vh !important;
}
ytd-video-primary-info-renderer {
    display: block;
    height: 20vh !important;
    padding: 5px 0 5px !important;
}
.watch-active-metadata #info #info-contents #container {
    height: 20.4vh !important;
    margin-top: 0vh !important;
/* border: 1px solid aqua !important; */
}

/* (new25) PLAYER INFOS - THEATER - TABVIEW */
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info.ytd-watch-flexy {
    position: fixed;
    width: 59.5%;
    height: 2.4vh !important;
    top: 6.4vh !important;
margin-top: 0 !important;
overflow: hidden !important;
/* border: 1px solid red !important; */
}


/* (new25) THEATER - GM VIDEO SPEED / TABVIEW */
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info.ytd-watch-flexy .vsb-container  {
    margin-top: 0vh !important;
}
/* html[plugin-tabview-youtube] ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container, html[plugin-tabview-youtube] ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) #player-theater-container.ytd-watch-flexy */
/* (new25) THEATER - GM Time Remaining / TABVIEW */
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info .time-remaining-renderer  {
    position: fixed;
    min-width: 15vw !important;
    max-width: 15vw !important;
    top: 6.6vh !important;
z-index: 5000 !important;
background: #111 !important;
/* border: 1px dashed aqua !important; */
}

html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta {
    position: fixed;
    min-height: 21px !important;
    max-height: 21px !important;
    max-width: 20vw !important;
    top: 6.6vh !important;
    left: 39.5vw !important;
    margin: 0;
overflow: hidden !important;
/* border: 1px dashed aqua !important; */
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta:hover {
    min-height: 65px !important;
    max-height: 65px !important;
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:not(:hover) {
    min-height: 21px !important;
    max-height: 21px !important;
    width: 100%;
    margin: 0;
    overflow: hidden;
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta:hover  #meta-contents{
/*     max-height: 21px !important; */
/*     min-height: 21px !important; */
    top: 0px !important;
}

html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:not(:hover) ytd-video-secondary-info-renderer {
    min-height: 21px !important;
    max-height: 21px !important;
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta:hover #meta-contents {
    min-height: 65px !important;
    max-height: 65px !important;
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta:hover #meta-contents ytd-video-secondary-info-renderer {
    min-height: 60px !important;
    max-height: 60px !important;
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:not(:hover) #container {
    min-height: 21px !important;
    max-height: 21px !important;
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:hover #container {
    min-height: 60px !important;
    max-height: 60px !important;
    line-height: 1.5rem !important;
    overflow-y: hidden !important;
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:not(:hover) #top-row {
    min-height: 21px !important;
    max-height: 21px !important;
    padding: 0 !important;
}
html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:hover #top-row {
    min-height: 50px !important;
    max-height: 50px !important;
margin: 0 !important;
    padding: 10px 0 0 0 !important;
overflow-y: visible !important;
}
#channel-name.ytd-video-owner-renderer {
    color: var(--yt-endpoint-color,var(--yt-spec-text-primary));
    font-family: "Roboto","Arial",sans-serif;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
}

html.tabview-normal-player[plugin-tabview-youtube] .ytd-page-manager[theater-requested_][theater]  #columns.ytd-watch-flexy .watch-active-metadata > #info ~ #meta #meta-contents:hover #top-row #owner-sub-count {
    margin-top: -26px !important;
}


/* (new21) GM "Video Speed Buttons" - For  GM "Youtube UI Fix (2020)" ??:
body.yt-ui-fix
=== 
*/
.vsb-container {
    margin-bottom: 0;
    margin-top: -17px;
    padding: 0;
    text-align: center !important;
border-bottom: none !important;
}
body:not(.yt-ui-fix) .vsb-container {
    margin-top: 6vh !important;
}

/* (new21) GM "Video Speed Buttons" - ADAPTATION for INFOS HIDDEN - #info-contents[hidden] */
.watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] {
    display: inline-block !important;
    height: 0 !important;
    overflow: hidden !important;
}
.watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] #info.ytd-video-primary-info-renderer {
    display: none !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* TEST - DESC UNDER PLAYER */
.watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container {
    position: fixed !important;
    display: inline-block !important;
    width: 100% !important;
    min-width: 29.7vw !important;
    max-width: 29.7vw !important;
    height: 100% !important;
    min-height: 25px !important;
    max-height: 25px !important;
    line-height: 25px !important;
    bottom: 16vh !important;
    margin: 0 0 0 15vw !important;
    padding: 0 !important;
    border-bottom: none !important;
    border-radius: 5px !important;
    text-align: center !important;
    visibility: visible !important;
    opacity: 1 !important;
background: #111 !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope) .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container {
background-color: rgba(17, 17, 17, 0.1) !important;
}
/* THEATER - UNDER THE FOLD - VIDEO SPEED */
ytd-watch-flexy[theater]:not([fullscreen]):not(.parentToothbrush) .watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container{
    position: fixed !important;
    display: inline-block !important;
    width: 100% !important;
    min-width: 29.7vw !important;
    max-width: 29.7vw !important;
    height: 100% !important;
    min-height: 25px !important;
    max-height: 25px !important;
    line-height: 25px !important;
    top: 6.3vh !important;
    margin: 0 0 0 0vw !important;
    padding: 0 !important;
    border-bottom: none !important;
    border-radius: 5px !important;
    text-align: center !important;
    visibility: visible !important;
    opacity: 1 !important;
/*background: red !important;*/
}

.watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container > span:not(:first-of-type) {
    display: inline-block !important;
    width: 100% !important;
    min-width: 15px !important;
    max-width: 40px !important;
    height: 100% !important;
    min-height: 15px !important;
    max-height: 15px !important;
    line-height: 15px !important;
    padding: 0 !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    opacity: 0.2 !important;
    font-size: 14px !important;
    pointer-events: auto !important;
color: gold !important;
}
/* NO DARK */
.watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container > span:not(:first-of-type) {
    text-shadow: 1px 1px 4px#000 !important;
    opacity: 1 !important;
}
/* NORMAL SPEED - GREEN BUTON */
.watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container > span[style*="color: rgb(255, 85, 0)"] {
    color: green !important;
    text-shadow: 1px 1px 4px white !important;
}
/* NO DARK */
.watch-active-metadata + .ytd-watch-flexy #info.ytd-watch-flexy #info-contents[hidden] ytd-video-primary-info-renderer.ytd-watch-flexy #container.ytd-video-primary-info-renderer .vsb-container > span[style*="color: rgb(255, 85, 0)"] {
    opacity: 1 !important;
    text-shadow: none !important;
}


/* TOP HEADER */
#masthead-container ,
#masthead ,
#masthead-container #interstitial +#container  {
    height: 3.8vh !important;
}
#buttons.ytd-masthead > .ytd-masthead {
    height: 3.4vh !important;
    margin-top: -0.5rem !important;
color: gray;
border: none;
}
#buttons.ytd-masthead > .ytd-masthead.style-suggestive {
    height: 3.4vh !important;
    margin: 0 !important;
}
#buttons.ytd-masthead > .ytd-masthead.style-suggestive  #button{
    border: none;
}

/* (new20) TOP HEADER - SEARCH */
#search-icon-legacy.ytd-searchbox ,
#content #masthead-container #container #center #search-form.ytd-searchbox {
    height: 3.4vh !important;
}

/* (new21) VIDEO TITLE */
ytd-watch-metadata:not([smaller-yt-sans-light-title]) h1.ytd-watch-metadata ,
ytd-app:not([scrolling_]) .title.ytd-video-primary-info-renderer ,
.title.ytd-video-primary-info-renderer {
    position: fixed !important;
    display: inline-block !important;
    height: 24px !important;
    line-height: 24px !important;
    max-width: 57.98vw !important;
    min-width: 57.98vw !important;
    left: 0 !important;
    top: 3.8vh !important;
    padding-left: 30px !important;
    z-index: 0 !important;
background: #111  !important;
}
/* NO DARK */
html:not([dark]):not([dark="true"]):not(.style-scope)   ytd-watch-metadata:not([smaller-yt-sans-light-title]) h1.ytd-watch-metadata ,
html:not([dark]):not([dark="true"]):not(.style-scope)   ytd-app:not([scrolling_]) .title.ytd-video-primary-info-renderer ,
html:not([dark]):not([dark="true"]):not(.style-scope)   .title.ytd-video-primary-info-renderer {
    background: white  !important;
}

/* (new21) For Sub TITILE :
https://www.youtube.com/watch?v=XjNyeL_zP_4
==== */
.super-title.ytd-video-primary-info-renderer{
    position: fixed;
    max-width: 57.98vw !important;
    min-width: 57.98vw !important;
    left: 0;
    top: 6.4vh !important;
    padding-left: 30px ;
    z-index: 5000 !important;
}

/* BOTTOM PLAYER - VIDEO INFOS */
ytd-app:not([scrolling_]) #info.ytd-video-primary-info-renderer {
    position: absolute;
    bottom: 3vh !important;
    left: 10vw !important;
}
/* for BOTTOM PLAYER - VIDEO INFOS - not THEATER - NOT TABVIEW */
html:not([plugin-tabview-youtube]) #player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer {
    position: absolute;
    bottom: 3vh !important;
}
/* for BOTTOM PLAYER - VIDEO INFOS - not THEATER - TABVIEW */
html[plugin-tabview-youtube] tp-yt-app-drawer {
    position: fixed;
    height: 100vh !important;
    max-height: 100vh !important;
    right: 0;
    top: 0 !important;
    bottom: 0 !important;
    left: 0;
    transition-property: visibility;
    visibility: hidden;
    z-index: 50000000 !important;
}
/* (new21) CONTAINER UNDER - TOP HEADER - NORMALIZE HEIGHT - with/without TABVIEW */
ytd-app:not([guide-persistent-and-visible]) #page-manager.ytd-app:not(.parentToothbrush)  ,
html[plugin-tabview-youtube] ytd-app:not([guide-persistent-and-visible]) #page-manager.ytd-app:not(.parentToothbrush) {
    height: 100vh !important;
    min-height: 96vh !important;
    max-height: 96vh !important;
    margin-top: 3.8vh !important;
    overflow-x: auto;
}

/* (new21) INFO BAR - SMALLER - with/without TABVIEW */
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer {
    position: fixed !important;
    height: 2rem !important;
    bottom: 2vh !important;
    left: 0.5vw !important;
/* border: 1px solid violet !important; */
}
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer  #menu-container ytd-menu-renderer.ytd-video-primary-info-renderer ,
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer  #menu-container ,
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer #menu-container.ytd-video-primary-info-renderer #menu.ytd-video-primary-info-renderer  ,
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer #menu-container.ytd-video-primary-info-renderer ,
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer #info-text {
    max-height: 2rem;
    line-height: 1rem !important;
    top: 0 !important;
    margin: 0 0.5vw 0 0 !important;
    font-size: 1rem !important;
}
.top-level-buttons.ytd-menu-renderer yt-icon-button ,
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer #menu.ytd-video-primary-info-renderer ytd-menu-renderer  #top-level-buttons-computed .ytd-menu-renderer.force-icon-button a.ytd-button-renderer ,
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer #menu.ytd-video-primary-info-renderer ytd-menu-renderer  #top-level-buttons-computed .ytd-menu-renderer.force-icon-button ,
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer #menu.ytd-video-primary-info-renderer ytd-menu-renderer .yt-simple-endpoint.ytd-toggle-button-renderer {
    min-height: 2rem !important;
    max-height: 2rem !important;
    line-height: 1.2rem !important;
    padding: 0 !important;
    font-size: 1rem !important;
}
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer #menu.ytd-video-primary-info-renderer ytd-menu-renderer  a.yt-simple-endpoint.ytd-button-renderer yt-icon-button#button button {
    min-height: 2rem !important;
    max-height:2rem !important;
    line-height: 1rem !important;
    top: 0 !important;
    font-size: 1rem !important;
}

#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer .dropdown-trigger #interaction .stroke.yt-interaction ,
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer  .dropdown-trigger #interaction .fill.yt-interaction ,
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer #button.dropdown-trigger ,
#player-theater-container:empty ~ #columns #primary-inner .ytd-watch-flexy.watch-active-metadata  #info.ytd-watch-flexy  #info.ytd-video-primary-info-renderer  .dropdown-trigger #interaction ,
.ytd-menu-renderer.force-icon-button > a.ytd-button-renderer.yt-simple-endpoint{
    min-height: 2rem !important;
    max-height: 2rem !important;
    line-height: 1rem !important;
    top: 0 !important;
    font-size: 1rem !important;
}
/* (new23) UNDER PLAYER - OWNER - not THEATER - TABVIEW  */
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  {
    position: fixed !important;
    width: 23vw !important;
    bottom: 1vh !important;
    left: 36.5vw !important;
    margin: 0 !important;
}
/* html[plugin-tabview-youtube]  #primary #info ~ #meta #meta-contents:hover ,  */
html[plugin-tabview-youtube]  #primary #info ~ #meta #meta-contents:not(:hover) {
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden;
}
html[plugin-tabview-youtube]  #primary #info ~ #meta #meta-contents:hover {
width: 100% !important;
    right: -19px;
}
html[plugin-tabview-youtube]  ytd-watch-flexy #primary #info ~ #meta #meta-contents:hover ytd-video-secondary-info-renderer {
    padding: 2px  !important;
}
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover)  #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default ,
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default {
    height: 11px !important;
    line-height: 11px !important;
    margin-top: -14px !important;
}
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover)  #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default a.yt-simple-endpoint.ytd-button-renderer ,
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default a.yt-simple-endpoint.ytd-button-renderer {
    height: 11px !important;
    line-height: 11px !important;
}
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover)  #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default a.yt-simple-endpoint.ytd-button-renderer tp-yt-paper-button#button.ytd-button-renderer.style-suggestive.size-default{
    min-height: 11px !important;
    max-height: 11px !important;
    line-height: 11px !important;
    padding: 0 !important;
}

html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover)  #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default a.yt-simple-endpoint > .ytd-button-renderer  tp-yt-paper-button  ,
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default .yt-simple-endpoint > .ytd-button-renderer  tp-yt-paper-button {
    height: 11px !important;
    padding: 10px 0;
}
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default .yt-simple-endpoint > .ytd-button-renderer yt-formatted-string {
    line-height: 10px !important;
    margin-top: -10px !important;
    font-size: 10px !important;
}
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover)  #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default a.yt-simple-endpoint > .ytd-button-renderer yt-formatted-string   {
    line-height: 10px !important;
    margin-top: 0px !important;
    font-size: 10px !important;
}
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover)  #sponsor-button ytd-button-renderer.ytd-video-owner-renderer.style-suggestive.size-default a.yt-simple-endpoint > .ytd-button-renderer paper-ripple.tp-yt-paper-button ,
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta  #meta-contents:not(:hover) .ytd-video-secondary-info-renderer.style-destructive.size-default .yt-simple-endpoint > .ytd-button-renderer paper-ripple.tp-yt-paper-button {
    height: 11px !important;
}
/* (new21) OWNER - ADDON SKIP ADD */
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta   #removed_ess {
    bottom: -16px;
    position: absolute;
    right: 0;
    text-align: center;
    font-size: 10px !important;
}
html[plugin-tabview-youtube]  ytd-watch-flexy[flexy] #primary #info ~ #meta   #removed_ess h2 {
    font-size: 12px !important;
}

/* (new21) SOURCE INFO */
#clarify-box:not(:empty) {
    position: fixed !important;
    top: 4.1vh !important;
    left: 34vw !important;
    visibility: hidden ;
    z-index: 500000 !important;
}
#clarify-box:not(:empty):hover {
    position: fixed !important;
    top: 4.1vh !important;
    left: 34vw !important;
    visibility: visible ;
}
#clarify-box:not(:empty):before {
    content: "©" ;
    position: absolute ;
    width: 20px ;
    height: 20px ;
    line-height: 18px ;
    right: 0 ;
    padding: 0 ;
    font-size: 20px ;
    text-align: center ;
    border-radius: 50% ;
    visibility: visible ;
color: red ;
background: #333 ;
}
#clarify-box:not(:empty):hover:before {
    background: green ;
}
/* DISMISS CONNECTION - PB TEST disble NEW DISMISS - TOUCHE OTHER POPUP: tree dots popup */
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] .style-scope.yt-upsell-dialog-renderer.no-transition ,
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] #upsell-dialog-text ,
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"]  #icon-container {
    display: none;
}
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"]  {
    left: 7%;
    max-height: 845px;
    max-width: 1840px;
    outline: medium none;
    position: fixed;
    top: -48px;
    transform: scale(0.5);
    z-index: 2202;
background: green !important;
}
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"]  yt-upsell-dialog-renderer[dialog][dialog][dialog]{
    margin: 0 !important;
    padding: 0 !important;
background: transparent;
}
#content + ytd-popup-container.ytd-app paper-dialog[prevent-autonav="true"] #content.yt-upsell-dialog-renderer {
    flex-direction: row !important;
    height: 20px;
    padding: 4px 4px 0;
    margin-bottom: -47px;
}

/* FIXED POSITION - ALL */
html{
    overflow: auto !important;
}
ytd-app[is-watch-page=""] ,
ytd-app[is-watch-page=""] app-drawer  {
    height: 1049px !important;
    overflow: hidden !important;
}

/* (new21) PLAYLIST */

/* (new21) TEST - PLAYLIST (Watch LATER Original) + TABVIEW  */

#columns ytd-playlist-panel-renderer#playlist:not(:hover):not(hidden):not([data-dom-changed-by-tabview-youtube]) {
    position: fixed;
    display: inline-block;
    height: 90vh;
    left: 60%;
    max-width: 38.8%;
    min-width: 38.8%;
    top: 85px;
    padding: 0 10px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 500000;
    visibility: hidden !important;
background: black !important;
}
#columns ytd-playlist-panel-renderer#playlist:hover:not([hidden]):not([data-dom-changed-by-tabview-youtube]) {
    position: fixed;
    display: inline-block;
    height: 90vh;
    min-width: 38.8%;
    max-width: 38.8%;
    padding: 0 10px;
    left: 60%;
    top: 9.3vh !important;
    visibility: visible;
    z-index: 500000;
border-bottom: 4px solid gray;
border-top: 1px solid yellow !important;
background: #111 !important;
}
/* PLAYLIST TAB */
#columns ytd-playlist-panel-renderer#playlist:not([data-dom-changed-by-tabview-youtube])::before {
    content: "PlayList ▼";
    position: fixed;
    display: inline-block;
    width: 100px;
    height: 21px;
    line-height: 21px;
    top: 6.4vh;
    margin: 0 0 0 260px !important;
    padding: 1px 5px;
    text-align: center;
    visibility: visible !important;
    z-index: 5000000;
border-color: #333;
border-radius: 3px 3px 0 0;
border-style: solid;
border-width: 1px 5px;
color: gray;
background-color: #222;
}
#columns ytd-playlist-panel-renderer#playlist:not([data-dom-changed-by-tabview-youtube]):hover::before  {
    font-size: 15px !important;
    text-align: center !important;
color: white !important;
border: none !important;
border-bottom: 1px solid yellow !important;
border-top: 2px solid transparent  !important;
background-color: #333  !important;
}
#columns ytd-playlist-panel-renderer#playlist:not([data-dom-changed-by-tabview-youtube]) #meta.ytd-playlist-panel-video-renderer {
    min-width: 70% !important;
    max-width: 70% !important;
    padding: 3px 8px !important;
    text-align: left !important;
    overflow: hidden !important;
border: 1px solid #333 !important;
}
/* SELECTED */
#columns ytd-playlist-panel-renderer#playlist  #playlist-items[selected] #meta.ytd-playlist-panel-video-renderer{
    min-width: 74% !important;
    max-width: 74% !important;
    left: -0.5vw !important;
border: 1px solid red !important;
}
#columns ytd-playlist-panel-renderer#playlist span#video-title.ytd-playlist-panel-video-renderer {
    height: 100%;
    line-height: 2rem !important;
    margin-bottom: 2px !important;
    padding: 3px 0 0 0 !important;
    text-transform: unset !important;
border-bottom: 1px solid red;
}
#columns ytd-playlist-panel-renderer#playlist span#video-title.ytd-playlist-panel-video-renderer::first-letter {
    display: inline-block !important;
    text-transform: unset !important;
color: red !important;
}
#columns ytd-playlist-panel-renderer#playlist #reorder {
    cursor: move !important;
}
#columns ytd-playlist-panel-renderer[collapsible] .header.ytd-playlist-panel-renderer  {
    height: 25px;
    padding: 5px;
border-bottom: 1px solid red !important;
}
#columns #header-top-row.ytd-playlist-panel-renderer {
    width: 73%;
}
ytd-playlist-panel-renderer[collapsible] #header-description h3 {
    width: 65%;
    float: right;
    font-size: 15px;
}
ytd-playlist-panel-renderer[collapsible]  #publisher-container  {
    float: left;
    margin-top: 0px !importan...

Reviews

No reviews yet.