youtube floating chat by ChiragH25

/* ==UserStyle==
@name         youtube floating chat
@version      20240311.00.54
@namespace    https://userstyles.world/user/ChiragH25
@description  A quick and dirty CSS snippet that converts the chat window into a semi-transparent floating window that appears in full screen and theater mode
@author       ChiragH25
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/") {
#chat-container{
    position: fixed!important;
    top: 10%;
    right: 2%;
    background: transparent;
    
    .trigger{
        display: none !important;
    }
    
    #show-hide-button{
        display: none !important;
    }
}

yt-live-chat-header-renderer{
    display: none !important;
}

yt-live-chat-renderer{
    background: rgba(0,0,0,0.3);
}

yt-live-chat-ticker-renderer{
    background: transparent;
}

yt-live-chat-item-list-renderer{
    font-weight:500;
}

yt-live-chat-message-input-renderer{
    background: transparent;
    
}

#fab-container{
    background: transparent !important;
}
}