www.twitch.tv - clean by sonho

/* ==UserStyle==
@name         www.twitch.tv - clean
@version      20240801.23.10
@namespace    https://userstyles.world/user/sonho
@description  Hides the chat with a floating input when in theatre mode.Hides Recommended channels.
@author       sonho
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.twitch.tv/") {
.persistent-player {
  max-height: initial !important;
}

.top-nav__prime {
  display: none;
}

[data-test-selector="toggle-balloon-wrapper__mouse-enter-detector"]:has(.tw-core-button-icon) {
  display: none !important;
}


.side-nav-section[aria-label="Recommended Channels"] {
  display: none !important;
}

.side-nav-section[aria-label*="Also Watch"] {
  display: none !important;
}


.paid-pinned-chat-message-list {
  display: none;
}

/* Pinned chat */
.tw-interactable:has([alt="Sub Gift Icon"]){
  display:none;
}



.right-column--theatre .chat-room__content > * {
  /*   display: none !important; */
}

.right-column--theatre .chat-room__content > .chat-input {
  display: block !important;
  position: absolute;
  opacity: 0;
  bottom: 0;
  right: 0;
  background: #18181b;
  width: 34rem;
  padding-top: 10px;
  border-radius: 10px 10px 0 0;
  transition: opacity linear;
  transition-duration: 0.3s;
}


.right-column--theatre .chat-room__content > .chat-input:hover {
  opacity: 1;
}

.right-column--theatre .stream-chat-header {
  display: none !important;
}

.persistent-player--theatre {
  width: 100% !important;
}
.right-column--theatre #live-page-chat .channel-root__right-column {
  background: none;
}

.right-column--theatre .scrollable-area {
  margin-top: 2em;
  height:50vh;
}

.right-column--theatre .chat-paused-footer {
  opacity: 0.2;
  bottom: 7em !important;
}


.right-column--theatre .scrollable-area  {
  -webkit-mask-image: -webkit-gradient(linear, left top,
  left bottom, from(rgba(0, 0, 0, 0.2)), from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 1)));
/*   background: linear-gradient(180deg, rgba(255,255,255,0), #18181b); */
  scrollbar-width: none; 
}

.channel-root__right-column > * {
  background: none !important;
  border-left: none !important;
}

.channel-root__right-column .chat-room {
  background: none !important;
}

.video-player__container--theatre .player-controls__right-control-group {
  margin-right: 34em;
}

/* Hide pinned */
.community-highlight-stack__scroll-area--disable, .community-highlight-stack__backlog-card {
  display: none;
}

/* player extensions */
.extensions-dock__layout {
  display:none !important;  
}

.chat-line__message, .vod-message {
  text-shadow: 0px 0px 3px black;
  font-size: 1.2em; 
  background: #00000024;
}
}