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

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

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

Details

Authordecembre

LicenseNo License

Created atApril 3, 2021 10:58

Updated atAugust 9, 2022 21:30

Applies toyoutube, widescreen

Statistics

Learn how we calculate statistics in the FAQ.

Total views2234

Total installs1979

Weekly installs44

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:
- Tabview Youtube.by CY Fung (2022):
Since v.21: Now “Youtube WideScreen (New Design Polymer)” should work fine with it.
The idea is similar (Add Tabs) but the script open each tab on click (when the userstyle open them on hover..)
- SponsorBlock - Skip Sponsorships on YouTube [Mozilla Addon]:
SponsorBlock - Skip Sponsorships on YouTube (2022)
- 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)
- Youtube - Search while watching video by Cptmathix (2021) - (Stand alone version which it is include in “youtube play next queue”)
- Youtube time remaining by stinkrock (2021)
- youtube middle click search:
Middle clicking the search on youtube opens the results in a new tab.

► Youtube Player:
- video speed buttons by Braden Best (2020)
- YouTube Popout Button [mashup] by joeytwiddle (2022)
- Maximize Video by 冻猫 (2020)
- allow full screen on embedded youtube
- Youtube subtitles under video frame

► Progress Bar:
I use this one:
- youtube progressbar updater by Workgroups (2015):
Forces the Youtube progress bar to update even when it’s supposed to be hidden.

Others Alternative:
- Add YouTube Video Progress by jcunews (2022):
Work only with Tampermonkey - Not working with Greasemonkey
- YouTube Permanent ProgressBar by cccaaannn / Can Kurt (v.03 - 2022)

► Youtube Auto:
- youtube - dismiss sign-in by Achernar (2022)
- Youtube HD by adisib (2022)
- automatic material dark-mode for youtube by SteveJobzniak (2018)
- u-Youtube: by ok! (2022):
AUTO DARK mode + Choose Resolution

► Youtube Activity:
- close yt confirmations:
need tweak for yt music + include
alternative:
- remove youtube activity check - removes youtube’s new “are you still there” experiment.

► 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 music genius lyrics (for youtube videos)
- youtube genius lyrics (for youtube musics)

► Youtube: Age Verification Bypass:
- youtube: age verification bypass (by u00f8) (deleted by geasyfork))
you can use now:
- simple youtube age restriction bypass (by zerodytrash).
But it seems not working with waterfox classic (perfect with Firefox Quantum):
read (v.2.1.3 + greasmonkey + firefox classic v.56.5)

► “Youtube WideScreen (New Design Polymer)” Seems working too with:
- youtube scrollable suggestions
- youtube fix channel links in sidebar recommendations
- space-efficient youtube
- youtube polymer engine fixes
- youtube uI fix:
if you need access to its settings page without login to youtube, go here (but yet I have a “404” pages…):
youtube uI fix options


►► Change in > v.25:
- Corrections for GM “TabView” - Theater player when click on Videos related twice
- Quick Fix for Youtube code Change (2022.07)
- Support the 23 “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:
- Try to make white theme better after comment of cy fung:
will you update its appearance??

- cy fung helped me a lot about how find a way to load the comments in its container.
Read:
hey I just find these two css are critical to your success

►► 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.25
@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        20220808.21.53
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("youtube.com") {

/* ==== 0- YouTube WideScreen (New Design Polymer) v.25 (new25) - 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 "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 */
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 */
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]):not(.parentToothbrush):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: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 {
    min-height: 76.4vh !important;
    max-height: 76.4vh !important;
/* border: 1px solid yellow !important; */
}
/* MAXIMIZE */
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;
}

/* (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) 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;
}

/* (new21) 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: -40px !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]: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.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 !important;
    font-size: 15px;
}
.ytd-playlist-panel-renderer h3 yt-formatted-string a.yt-simple-endpoint.yt-formatted-string  {
    float: left;
    font-size: 10px;
}
#columns .ytd-playlist-panel-renderer #publisher-container > yt-formatted-string  {
   font-size: 15px;
}
.ytd-playlist-panel-renderer #header-description #publisher-container > yt-formatted-string.publisher {
    float: left;
    font-size: 15px;
}
#columns #playlist-actions {
    float: right;
    height: 30px;
    line-height: 30px;
    width: 20%;
    margin-top: -22px !important;
}
/* PLAY LIST */
#columns #secondary.ytd-watch-flexy #playlist[js-panel-height_=""]{
    position: fixed;
    width: 39.5% !important;
    min-height: 14.6vh !important;
    max-height: 14.6vh !important;
    top: 83px ;
    left: 60% !important;
    padding-top: 0px;
    padding-bottom: 0px !important;
    overflow: hidden;
    overflow-y: hidden;
    z-index: 50 !important;
border-right: 5px solid #333;
border-left: 5px solid #333;
border-bottom: 1px solid red;
background-color: #333  !important;
}
#columns #secondary.ytd-watch-flexy #playlist[js-panel-height_=""]:hover{
    min-height: 89.8vh  !important;
    max-height: 89.8vh...

Reviews

No reviews yet.