/* Force fonts to use system display */
  
:root {
    --font-primary: system-ui, sans-serif !important;
    --font-display: system-ui, sans-serif !important;
    --font-base: system-ui, sans-serif !important;
}

/* Fix Vertical Alignment of Mod Icons */

.izaKou .fpTBZk,
.ffz--inline-actions {
    vertical-align: initial !important;
}

/* Fixed Chat Message Line Height and Font Size */
.chat-line__message,
.chat-line__moderation,
.chat-line__status,
.video-chat__message,
.vod-message__header
{
    line-height: 3em !important;
}

/* Revert Chat Title to Uppercase */

#chat-room-header-label {
    text-transform: uppercase !important;
}

/* Make Chat Badges Margins Even */
.chat-badge {
    margin-right: .4rem !important;
    margin-bottom: .4rem !important;
}

/* Hide Chat Leaderboard */
.chat-room__content > div:nth-child(2) {
    display: none !important;
}

/* Hide Chat Welcome Message */
[data-a-target=chat-welcome-message] {
    display: none;
}

/* Hide Share Button */

[data-a-target="share-button"] {
    display: none !important
}

/* Hide More Options Button */

[aria-label="More options"] {
    display: none !important
}

/* Fix last meta data spacing */

.ffz--meta-tray > div:last-child {
    margin-right: 0 !important;
}

.keFxXM {
    width: 100% !important;
}

/* Normalize padding on stream information */

section#live-channel-stream-information > div > div > div:nth-child(2) {
    padding: 2rem 0 1.2rem 0.4rem !important;
}

/* Reduce padding on FFZ links */
/*
.ffz--links a {
    padding-right: 0 !important;
}

.ffz--links a:first-child {
    padding: 0 !important;
}
*/

/* Hide knock button */
div.tw-split-button:has(button[aria-describedby=request-button-tooltip]) {
    display: none !important;
}

/* Reposition streamer pronouns badge */

.pn--badge {
    margin-left: 6px !important;
    margin-top: 1px !important;
}

/* Remove right margin on sub buttons */

.metadata-layout__support > div:nth-child(2) > div div:last-child > div > div:last-child {
    margin-right: 0 !important;
}

/* Hide LIVE badge */
/*
.ScChannelStatusTextIndicatorMask-sc-qtgrnb-1 {
    display: none !important;
}
*/

/* Move Closed Captions */
.player-captions-container__caption-window {
    align-items: center !important
}

.player-captions-container {
    bottom: 2% !important
}

/* Change Chat Message Highlight to Pink */
.chat-line__message.bttv-highlighted {
    background-color: rgba(255, 50, 180, 0.3) !important;
}

/* START Chat Width Widening */

.right-column--beside .channel-root__right-column {
    width: 52rem !important;
}

.channel-root__right-column--expanded {
    transform: translateX(-52rem) !important;
}

.toggle-visibility__right-column--expanded {
    transform: translateX(-52rem) !important;
}

.channel-root__info--with-chat .channel-info-content, .channel-root__player--with-chat,
.channel-root--hold-chat+.persistent-player, .channel-root--watch-chat+.persistent-player,
.channel-root__info--with-chat .channel-info-content, .channel-root__player--with-chat {
    width: calc(100% - 52rem) !important;
}

#live-channel-stream-information-upper {
    width: calc(100% - 18rem) !important;
}

/* Fix Theatre Mode Chat Width  */
.right-column--theatre.right-column--beside {
    width: 52rem !important;
}

/* Fix Theatre Mode Video Player Width */
.persistent-player.persistent-player--theatre {
    width: calc(100% - 52rem); !important;
}

/* Ensures chat isn't visible like its not supposed
   to be when in alternative channel view mode
*/
.channel-root__right-column--home {
    transform: inherit;
}

/* Sidebar is supposed to disappear entirely
   beneath a certain screen width so follow
   Twitch's Media Query and only change width
   above 920px wide
*/
@media screen and (min-width:920px) {
    .channel-root__info--with-chat .channel-info-content,
    .channel-root__player--with-chat,
    .persistent-player:has(+.channel-root--hold-chat),
    .persistent-player:has(+.channel-root--watch-chat) {
        width: calc(100% - 52rem) !important;
    }
}

/* END Chat Width Widening */

/* Add back in right padding for notice lines with FFZ */

.ffz-notice-line {
    padding-right: 1rem;
    padding-left: 1rem;
}

.metadata-layout__secondary-button-spacing {
    margin-left: 0 !important;
}

/* Make shared chat badge larger */

.ffz-shared-chat-badge {
    height: 3.4rem !important;
    width: 3.4rem !important;
}

/* Move Stream Tags down one line like it used
   to be before new the new Twitch layout
*/
.channel-info-content .tw-inline-flex.tw-mg-t-05 {
    position: absolute !important;
    bottom: -12px !important;
}

/* Fix spacing for category and team */
.channel-info-content .tw-inline-flex.tw-mg-r-1 {
    margin-top: .5rem! important;
    margin-bottom: .5rem !important;
}

.whispers-open-threads.whispers--theatre-mode.whispers--right-column-expanded-beside {
    right: 52rem;
}