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; }
}
}