.deskBadge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 4px !important;
    border: 1px solid rgba(72, 138, 255, .55) !important;
    background: linear-gradient(180deg, rgba(47, 125, 255, .34), rgba(47, 125, 255, .12)) !important;
    color: #cfe0ff !important;
    border-radius: 3px !important;
    font-size: 7px !important;
    font-weight: 700 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    box-shadow: 0 0 18px rgba(47, 125, 255, .16) !important;
}

.msgText {
    color: #dbe8fa !important;
    font-size: 9px !important;
    line-height: 1.55 !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    padding-right: 2px !important;
}

.msgName {
    color: #ff941f !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
}

.chip {
    background: var(--blue) !important;
    border: 1px solid var(--blue) !important;
    color: #ffffff !important;
    border-radius: 5px !important;
    box-shadow: 0 0 14px rgba(47, 125, 255, .18) !important;
}

.chip.liveChip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.chip.liveChip::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ff3b30;
    box-shadow: 0 0 10px rgba(255, 59, 48, .8);
    animation: edgefxLiveDotBlink 1s ease-in-out infinite;
    flex: 0 0 8px;
}

@keyframes edgefxLiveDotBlink {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: .25;
        transform: scale(.72);
    }
}

.reactionBtn {
    border-radius:3px !important;
}

.replyBtn {
    border-radius:3px !important;
}


/* =========================
   END CARD AFTER ENDING LIVE
   ========================= */

.playerShell.isHiddenByEndCard,
.videoFrame.isHiddenByEndCard {
    display: none !important;
}

.streamEndCardWrap {
    display: none;
    margin-top: 0;
}

.streamEndCardWrap.isVisible {
    display: block;
}

.streamEndCard {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(72, 138, 255, .22);
    background: #061426;
    box-shadow: 0 18px 60px rgba(0, 0, 0, .28);
}

.streamEndCard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}