.kg-app-v2 #chat-window .msg img.chat-sticker,
.kg-app-v2 #chat-window .msg video.chat-sticker {
    width: auto;
    max-width: 220px;
    max-height: 220px;
    object-fit: contain;
    background: transparent;
}

.kg-app-v2 #chat-window .msg.msg--sticker,
.kg-app-v2 #chat-window .msg.msg--circle {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none;
    padding: 0 !important;
}

.kg-app-v2 #chat-window .msg.msg--sticker .msg-sender,
.kg-app-v2 #chat-window .msg.msg--circle .msg-sender {
    padding: 4px 8px;
    border-radius: 12px;
    background: rgba(29, 40, 55, 0.82);
}

.kg-app-v2 .custom-video-wrap--circle {
    position: relative;
    width: 260px;
    height: 260px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    --circle-progress: 0;
    --circle-ring: 3px;
}

.kg-app-v2 .custom-video-wrap--circle .chat-circle-video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 50% !important;
    background: radial-gradient(circle at 24% 30%, #000000, #1d2f4b);
}

.kg-app-v2 .circle-progress-ring {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.kg-app-v2 .circle-progress-ring::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
        conic-gradient(from 0deg, #3b82f6 0turn calc(var(--circle-progress) * 1turn), transparent calc(var(--circle-progress) * 1turn) 1turn),
        conic-gradient(from 0deg, rgba(255,255,255,0.14) 0turn 1turn);
    -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--circle-ring)), #000 calc(100% - var(--circle-ring)));
    mask: radial-gradient(farthest-side, transparent calc(100% - var(--circle-ring)), #000 calc(100% - var(--circle-ring)));
}

.kg-app-v2 .custom-video-wrap--circle .custom-video-play {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 56px;
    height: 56px;
    margin: auto;
    border: 0;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.42);
    color: white;
    font-size: 1.3rem;
    cursor: pointer;
}

.kg-app-v2 .custom-video-wrap--circle.is-playing .custom-video-play {
    opacity: 0;
    transition: opacity 0.18s ease;
}

.kg-app-v2 .custom-video-wrap--circle.is-playing:hover .custom-video-play {
    opacity: 1;
}

.kg-app-v2 .custom-video-player.is-playing .video-overlay-play {
    opacity: 0;
    transition: opacity 0.18s ease;
}

.kg-app-v2 .custom-video-player.is-playing:hover .video-overlay-play {
    opacity: 1;
}