Stumblechat Zoom skin

Most parts can be disabled.

/* ==UserStyle==
@name           Stumblechat Zoom skin
@namespace      https://greasyfork.org/en/users/1244737
@description    Most parts can be disabled.
@version        1
@author         robomoist
@license        MIT
@preprocessor stylus
@var checkbox fakeMic "Cams mic silent icon" 1
@var checkbox camsFit "Cams fit to square" 1
@var checkbox chatBG "Chat backgrounds" 1
@var checkbox chatText "Chat message text" 1
@var checkbox chatTextSys "Chat system text" 1
@var checkbox userList "User list" 1
@var checkbox mediaButs "Broadcast buttons" 1
==/UserStyle== */

@-moz-document url-prefix("https://stumblechat.com/room/") {
    #regularvideos { background: black; }
    .js-video, .js-video * { border-radius: 0!important; }
    .video>div>.nickname {
        text-align: left;
        background: #00000080;
        max-width: fit-content;
        padding: 5px;
        box-sizing: unset;
        bottom: 0;
    }
    if camsFit {  video { object-fit: cover; }  }
    if fakeMic {
        [volume="0"] .nickname:before {
            content: "";
            background: url("data:image/gif;base64,R0lGODlhJAAoAJECAP8zM/9VVf///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM1ODlGMDIzQjk2NjExRUU4MjdDQzY3OTdGOEREMDg1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM1ODlGMDI0Qjk2NjExRUU4MjdDQzY3OTdGOEREMDg1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzU4OUYwMjFCOTY2MTFFRTgyN0NDNjc5N0Y4REQwODUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzU4OUYwMjJCOTY2MTFFRTgyN0NDNjc5N0Y4REQwODUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAACACwAAAAAJAAoAAACkZSPqcutAKOD7sULmKwH+4xsnPB5CTUaJRai6SqS7gjPMQ13N17qcyr7+EDA4aVFLKpMPuWJ1XI+bz8pdNmRLl1HmTY41H25oh0wWTZzuN5t94w0qnny+ZqYs6JqeryweufHBDhBNpiEE4DUZbfAFiRYxLhH8Ua3KCSJWOdE2NTpuQW6WWOpsQnJ97XK2up6UAAAOw==");
            background-size: 100%;
            background-repeat: no-repeat;
            width: 15px;
            height: 17px;
            position: absolute;
            top: 3px;
            left: 0;
        }
        [volume="0"] .nickname { padding-left: 1.4em!important; }
    }
   if userList {
        .avatar>img, .bar>img { border-radius: 10px!important; }
        #userlist { opacity: 0.5; }
        #userlist:hover { opacity: revert; }
        .user-status .red { background: #570f0f; }
        .user-status .blue { background: #202060; }
        .user-status .green { background: #204020; }
        .bar .role, .bar .status { color: #989898; }
    }
    if chatText {
        span.message.common {
            color: white!important;
            text-shadow: unset!important;
        }
    }
    if chatBG {
        #chat-content>.message { background-color: #1a1a1a!important; }
        #chat-wrapper { background: #1a1a1a!important; }
        #chat-content>.message>.content { background: #262626!important; }
        #chat-content>.message>.nickname {
            background: none!important;
            color: #3d90f5;
            border-width: 0;
            text-shadow: unset!important;
        }
        .message { text-shadow: unset; }
    }
    if chatTextSys { .message.system { color: #616161;} }

    if mediaButs {
        sc-taskbar > * {
            width: 80px!important;
            background: unset!important;
            background-color: unset!important;
            text-align: center;
            height: 50px!important;
            color: silver!important;
            padding-top: 1em;
            text-shadow: unset!important;
            padding: 0px;
            padding-top: 3px;
            
            background-size: 34%!important;
            background-repeat: no-repeat!important;
            background-position: 50% 0!important;
        }
        sc-taskbar > *:hover {
            color: white!important;
            background-color: #2E2E2E!important;
        }

        #media-stop {
            background-image: url("data:image/gif;base64,R0lGODlhNAApALMIAD7ZaP3//jzZZ3bklMTz0XLjkcj01DLXX////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYzMjJBMzk0QkExODExRUVCMjM0RjE4NzNBNjkwQTkzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYzMjJBMzk1QkExODExRUVCMjM0RjE4NzNBNjkwQTkzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjMyMkEzOTJCQTE4MTFFRUIyMzRGMTg3M0E2OTBBOTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjMyMkEzOTNCQTE4MTFFRUIyMzRGMTg3M0E2OTBBOTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAAIACwAAAAANAApAAAEsRDJSau9OOvNu/9gKI5kaZ5oKBxs677wIQwpEN94C5x5j3u2is1HfG0GLQGlyExmVq5ls4mJSadFGqVwu2J9uwnUOvkyvTC0+ScZkyVrYjmnjqfh9LmdjejV9y16XYKARnh8fYVvfoSKLI2Gh46Bkm+Jk5QIbneVkxNIiEOYBxSinAigo0KDkIUXlgimjhiyFqNhVSy4f3EcB7sVm3FKKAOyU8ApysvMzc7P0NHS09QcEQA7")!important;
            color: #32d75f!important;
        }
        #media-broadcast { background-image: url("data:image/gif;base64,R0lGODlhNAApALMIAK6urv7+/q2trcXFxebm5sTExOjo6Kmpqf///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY3NzI4OTRFQkExODExRUU4MDg3QTYzOEIxMjhBNTNGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY3NzI4OTRGQkExODExRUU4MDg3QTYzOEIxMjhBNTNGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Njc3Mjg5NENCQTE4MTFFRTgwODdBNjM4QjEyOEE1M0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Njc3Mjg5NERCQTE4MTFFRTgwODdBNjM4QjEyOEE1M0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAAIACwAAAAANAApAAAEsRDJSau9OOvNu/9gKI5kaZ5oKBxs677wIQwpEN94C5x5j3u2is1HfG0GLQGlyExmVq5ls4mJSadFGqVwu2J9uwnUOvkyvTC0+ScZkyVrYjmnjqfh9LmdjejV9y16XYKARnh8fYVvfoSKLI2Gh46Bkm+Jk5QIbneVkxNIiEOYBxSinAigo0KDkIUXlgimjhiyFqNhVSy4f3EcB7sVm3FKKAOyU8ApysvMzc7P0NHS09QcEQA7")!important; }
        #media-screen { background-image: url("data:image/gif;base64,R0lGODlhNAApALMJANfX16urq7CwsPX19fT09MfHx/n5+f7+/qmpqf///wAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFQkZBRDBGQkExODExRUU4MkU0RTgwRUZCMjZEOEQ4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFQkZBRDEwQkExODExRUU4MkU0RTgwRUZCMjZEOEQ4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkVCRkFEMERCQTE4MTFFRTgyRTRFODBFRkIyNkQ4RDgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkVCRkFEMEVCQTE4MTFFRTgyRTRFODBFRkIyNkQ4RDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAAJACwAAAAANAApAAAEwzDJSau9OOvNu6eFECBkaZ5oqgYCkI1qLM9lcMF0rtcVsP+7AkUALM4EFJxxabJNmNATJUpFTKECIvS65Bq9QNfE131+L2WJUWwhA8E5ThE+Y2fcOnpMOKbYEz96KhVWT4Q7gil8gIVqCGIFgWY7WSVclZKOaYybW5NnmqCcolAEn3Onb6mZo6ihrq2qr7KxP3yRTIk5mLmrVay/nhJKwTtOElrFP0gTuMqIFcTPMcdJ0zPVFiLXTQKLH+Dh4uPk5eYaEQA7")!important; }
        #media-ptt { background-image: url("data:image/gif;base64,R0lGODlhNAApALMKALi4uP7+/re3t/n5+a2tre7u7qysrPj4+O3t7aqqqv///wAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmM2YTkzNTUwLTAwZDAtZWI0Ni1iZGQ1LTJmNjI4ODY1NjRjYiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozN0NGOEVENEJBMUQxMUVFOUFBNEVEODMzRkY3QkZEOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozN0NGOEVEM0JBMUQxMUVFOUFBNEVEODMzRkY3QkZEOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzZhOTM1NTAtMDBkMC1lYjQ2LWJkZDUtMmY2Mjg4NjU2NGNiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmM2YTkzNTUwLTAwZDAtZWI0Ni1iZGQ1LTJmNjI4ODY1NjRjYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAoALAAAAAA0ACkAAAStUMlJq704652T/wknjhQAngKpame7vlUrw7Ts0qtgo7i63z3R7xQcDUFF4dGT5CyZTdYzKl1SO9Pr5RnSWrjebzY8AXtNKYUZHf1IzO4mAao7At4JQ9TUVR/LCXdtfVZ4Vx4EgDsTfFd1jDuCfpJROpQSbBUml1FznBc6iWRxGXN9YaaBF6miZAp1Q59hfDJprhgABgkEtrcbp76/wUbDQsUWsDayXoXBtMrHXhEAOw==")!important; }
        #media-ptt:active {
            background-image: url("data:image/gif;base64,R0lGODlhNAApALMKAFPdeVHdd/3//vH89DnYZdf34NT33e/88jjYYzLXX////wAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmM2YTkzNTUwLTAwZDAtZWI0Ni1iZGQ1LTJmNjI4ODY1NjRjYiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRDFCMTA3MUJBMUQxMUVFQTYzNjkxNUY4NDhGMjM1NyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRDFCMTA3MEJBMUQxMUVFQTYzNjkxNUY4NDhGMjM1NyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YzZhOTM1NTAtMDBkMC1lYjQ2LWJkZDUtMmY2Mjg4NjU2NGNiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmM2YTkzNTUwLTAwZDAtZWI0Ni1iZGQ1LTJmNjI4ODY1NjRjYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAoALAAAAAA0ACkAAAStUMlJq704652T/wknjhQAngGpame7vlUrw7Ts0mtgo7i63z3R7xQcDUFF4dGT5CyZTdYzKl1SO9Pr5RnSWrjebzY8AXtNKYUZHf1IzO4mAao7At4JRNTUVR/LCXdtfVZ4Vx4EgDsTfFd1jDuCfpJROpQSbBUml1FznBc6iWRxGXN9YaaBF6miZAp1Q59hfDJprhgACAkEtrcbp76/wUbDQsUWsDayXoXBtMrHXhEAOw==")!important;
            color: #32d75f!important;
        }

        sc-taskbar {
            height: 50px;
            background: #181818;
            justify-content: center;
        }
        
        sc-taskbar > button img { display: none; }
        #media-broadcast span,
        #media-screen span, 
        #media-stop span { font-size: 0px; }
        #media-stop.no-audio { background-size: 2.5%!important; }
        sc-taskbar > button span:before, 
        #media-ptt:before {
            margin-top: 2em;
            display: block;
            font-size: 12px;
        }
        #media-ptt {
            text-transform: lowercase;
            padding-top: 1.5em;
        }
        #media-broadcast span:before { content: "Start Video"; }
        #media-stop span:before { content: "Stop Video"; }
        #media-openmic {
            padding: 0;
}
        
        #media-openmic input, #media-openmic input:checked {
            width: 100%;
            height: 100%;
            text-align: center;
            accent-color: #32d75f;
            margin: 0;
            appearance: none;
            background-image: url("data:image/gif;base64,R0lGODlhNAApALMKALi4uLe3t/7+/vn5+a2traysrO7u7vj4+O3t7aqqqv///wAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmM2YTkzNTUwLTAwZDAtZWI0Ni1iZGQ1LTJmNjI4ODY1NjRjYiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4QkQ1NTM4RkJBNzAxMUVFQTg3N0U4NzY1M0NEQTRERCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4QkQ1NTM4RUJBNzAxMUVFQTg3N0U4NzY1M0NEQTRERCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzQwMjg0YjAtMWVmOC1kZjQzLWE4YzEtYWY3NDU1ZmQ4NTM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmM2YTkzNTUwLTAwZDAtZWI0Ni1iZGQ1LTJmNjI4ODY1NjRjYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAoALAAAAAA0ACkAAATmUMlJq7046827/2AojmRphkCirknwpazqijH71SuN59zO375EJygEEYuZY0ipYQKDG6dHeqH2iFGsUZvkTr1V8BXaFGfJXfRXHWZjWhImXJKKa1Mzi8pO3tv5PnxvRUQAcQUTBEUBWiqIYYA4EwmGdEiNlIMEkTaWFQmbnDwwGYxFMDGVCpkUjBOoLJUqqheMtHgVdXq0CrqvrBqKG4yhFYq8esUbisCTKsrGP4nPWz7IFaaBKDh5HLAr3SIFoOEeAOPlJEjqJxTrI+8m8Usm2TXXFvapS25tO+0AAwocSLCgwYMgIgAAOw==");
            background-size: 40% !important;            
            background-repeat: no-repeat !important;
            background-position: 50% 0!important;
            color: silver;
        }

        #media-openmic input:checked {
            background: url("data:image/gif;base64,R0lGODlhNAApALMKAFTdeVHdd/H89P3//jrYZTnYY9f34O/88tT33TPXX////wAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmM2YTkzNTUwLTAwZDAtZWI0Ni1iZGQ1LTJmNjI4ODY1NjRjYiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MTJBRDA2NkJBNzAxMUVFOUFDQ0ZEN0M1QjcyNjY4NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MTJBRDA2NUJBNzAxMUVFOUFDQ0ZEN0M1QjcyNjY4NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzQwMjg0YjAtMWVmOC1kZjQzLWE4YzEtYWY3NDU1ZmQ4NTM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmM2YTkzNTUwLTAwZDAtZWI0Ni1iZGQ1LTJmNjI4ODY1NjRjYiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAoALAAAAAA0ACkAAATmUMlJq7046827/2AojmRphkCirknwpazqijH71SuN59zO375EJygEEYuZY0ipYQKDG6dHeqH2iFGsUZvkTr1V8BXaFGfJXfRXHWZjWhImXJKKa1Mzi8pO3tv5PnxvRUQAcQUTBEUBWiqIYYA4EwmGdEiNlIMEkTaWFQmbnDwwGYxFMDGVCpkUjBOoLJUqqheMtHgVdXq0CrqvrBqKG4yhFYq8esUbisCTKsrGP4nPWz7IFaaBKDh5HLAr3SIFoOEeAOPlJEjqJxTrI+8m8Usm2TXXFvapS25tO+0AAwocSLCgwYMgIgAAOw==")!important;
            background-size: 40% !important;            
            background-repeat: no-repeat !important;
            background-position: 50% 0!important;
            color: #32d75f;
        }
        #media-openmic input:after {
            content: "Open Mic";
            margin-top: 2.3em!important;
            font-size: 12px;
            font-weight: bold;
            display: block;
        }
/*         #media-ptt:before {
            content: "Talk";
            margin-top: 1em;
        } */
        #media-screen span:before {
            content: "Share Screen";
            margin-top: 1em;
        }
        #media-settings {
            width: 20px!important;
            margin-left: -5px;
            padding: 0;
            background: none;
        }
        #media-settings:hover { background: none; }
    }
    
}