jiti-meet/css/_labels.scss

.large-video-labels {
    display: flex;
    position: absolute;
    top: 30px;
    right: 30px;
    transition: right 0.5s;
    z-index: $filmstripVideosZ + 1;

    .circular-label {
        align-items: center;
        color: white;
        display: flex;
        font-weight: bold;
        justify-content: center;
        margin-left: 8px;
        opacity: 0.8;
    }

    .circular-label {
        background: #B8C7E0;
    }

    .circular-label.e2ee {
        align-items: center;
        background: #76CF9C;
        display: flex;
        justify-content: center;
    }

    .circular-label.file {
        background: #FF5630;
    }

    .circular-label.local-rec {
        background: #FF5630;
    }

    .circular-label.stream {
        background: #0065FF;
    }

    .circular-label.insecure {
        background: $defaultWarningColor;
    }

    .recording-label.center-message {
        background: $videoStateIndicatorBackground;
        bottom: 50%;
        display: block;
        left: 50%;
        padding: 10px;
        position: fixed;
        transform: translate(-50%, -50%);
        z-index: $centeredVideoLabelZ;
    }
}

.circular-label {
    background: $videoStateIndicatorBackground;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: default;
    font-size: 13px;
    height: $videoStateIndicatorSize;
    line-height: $videoStateIndicatorSize;
    text-align: center;
    min-width: $videoStateIndicatorSize;
}