/*The purpose of this code is to
1. hide all the unncessary sections on a twitch page
2. make it so nothing happens when the mouse hovers over any part of the page or moves around anywhere on the page
3. make it easier for a macro/autoclicker to be able to detect when the VOD is over
some lines of code here may be unnessary/outdated
There will be a link to copy/paste this in the video descrption.
There will be a link to copy/paste this in the video descrption.
There will be a link to copy/paste this in the video descrption.
*/

.video-chat__header {display: none !important;} /*Hides The Top Header Of Twitch Chat*/

.video-chat__input {display: none !important;} /*Hides Bottom Part Of Twitch Chat That Has the Chat Box*/

.whispers-threads-box__container {display: none !important;} /*Hides The Button That Opens Up Your Whispers*/

.right-column__toggle-visibility {display: none !important;} /*Hides The Button That Opens/Closes Chat That Is In The Top Left Corner Of Chat. */

.pl-controls-top {display: none !important;} /*Hides The Top Header That Appears Over The Stream When You Hover Over It That Shows The Streams Title And Streamer's Name*/

.player-controls {display: none !important;} /*Hides The Bottom Header That Appears Over The Stream When You Hover Over It That Shows The Streams Title And Streamer's Name*/

.pl-controls-bottom {display: none !important;} /*Hides The Top Header That Appears Over The Stream When You Hover Over It That Shows The Streams Title And Streamer's Name*/

.muted-segments-alert {display: none !important;}  /*Hides the alert that says "Audio for portions of this video has been muted..." that shows up on VODs with muted portions.*/

.video-chat__message-list-wrapper::-webkit-scrollbar {width: 0rem;} /*Hides The scrollbar for the twitch chat by giving it a width of zero*/

.tw-c-text-overlay {padding-bottom: 80%;
                    left: 0px;
                    position: absolute;} /*Moves The The Title to top of screen so it's out of frame, for the macro */


.player-overlay-background--darkness-1    {background: rgba(0,0,0,0);} /*Stops the stream from being darkened when the stream ends */

.tw-grid {display: none !important;} /*Hides some grid I'm guessing, i don't remember */

.tw-icon__svg {display: none !important;} /*Hides The X that shows up when The Stream Wis over */

.tw-card {display: none !important;} /*Hides The Top Right Corner of screen thing */

.chat-input {display: none !important;} /*Hides The Chat input */

.channel-leaderboard {display: none !important;} /*Hides Thing */

.rooms-header {display: none !important;} /*Hides Thing */

.follow-panel-overlay {display: none !important;} /*Hides Thing */

.player-overlay-background-sidebar {display: none !important;} /*Hides Thing */

.live-indicator {display: none !important;} /*Hides Thing */

.tw-channel-status-text-indicator {display: none !important;} /*Hides Thing */

.chat-list__list-container {pointer-events: none}  /*Hides Thing */

.simplebar-track {display: none !important;} /*Hides Some kind of scrollbar that sometimes shows up I think*/

.top-bar {display: none !important;} /*Hides Some kind of scrollbar that sometimes shows up I think*/

.megacommerce-callout {display: none !important;} /* Hides the thing that says "Happy HAHAHAlidays!
Subscribe or Gift a sub to the community to unlock exclusive holiday emotes! Check the Bits card for more ways to unlock."  */

.pl-rec__container {padding-bottom: 25%;} /*Moves The Container That Holds The Reccommened Videos That Shows Up After A VOD ends. This moves the container up so that it's title "More From Jerma985" Appears above where the stream was playing. This is so that a certain pixel that my macro/auto-clicker is testing for a certain color will only turn that color once the stream is over. Then the macro/auto-clicker can stop reccording the vod that just finished and start recording the stream which is in the next browser tab without any human monitoring/input.*/

.video-chat__message-list-wrapper {pointer-events: none} /*This makes it so that hovering the mouse over anything in the twitch chat or clicking on anything in twitch chat will do nothing. This stops the three-dots-option-button from showing up over every twitch chat message the mouse hovers over. Also this stops twich chat usernames from being underlined when the mouse hovers over them. And makes it so a new window isn't opened when you click a chat user's name. And this makes it so that hovering the mouse over an emote or badge doesn't have a popup show up. Also this makes it so twitch chat can't be scrolled back with the mouse wheel. However, Text/Images in chat can still be highlighed if you click and drag or double/triple click.*/

.simplebar-scrollbar {display: none !important;} /* Possibly a previous failled attempt to hide a scrollbar for the twitch chat that is now commented out*/

/* .tse-scrollbar {display: none !important;} Possibly a previous failled attempt to hide a certain scrollbar for the twitch chat that is now commented out*/