.le-main-container-statusbar {
    display: flex;
    justify-content: center;
    align-items: center;
}
.le-main-container-statusbar-rec,
.le-main-container-statusbar-stream {
    display: flex;
    justify-content: center;
    align-items: center;
}

.le-main-container-statusbar-stream {
    margin-right: 20px;
}
.le-main-container-statusbar-rec-icon,
.le-main-container-statusbar-stream-icon {
    margin-right: 5px;
}
.le-main-container-statusbar-rec-icon svg,
.le-main-container-statusbar-stream-icon svg {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: 18px;
    opacity: 0.7;
}

.le-main-container-statusbar-stream-icon svg path,
.le-main-container-statusbar-rec-icon svg path,
.le-main-container-statusbar-rec-icon svg rect {
    fill:white;
}
.le-main-container-statusbar-rec-active .le-main-container-statusbar-rec-icon svg path,
.le-main-container-statusbar-rec-active .le-main-container-statusbar-rec-icon rect {
    fill:rgb(237, 0, 0);
}
.le-main-container-statusbar-stream-active .le-main-container-statusbar-stream-icon svg path {
    fill:#0080ed;
}

.le-main-container-statusbar-fps {
    white-space: nowrap;
    display: flex;
    margin-right: 20px;
}
.le-main-container-statusbar-fps-text {
    margin-left: 5px;
}