.msg.media-message.customer{justify-content:flex-end!important}
.msg.media-message.agent{justify-content:flex-start!important}
.media-bubble{background:transparent!important;color:inherit!important;padding:0!important;border:0!important;box-shadow:none!important;max-width:none!important;line-height:0!important;overflow:visible!important}
.media-bubble img{display:block!important;width:auto!important;height:auto!important;max-width:150px!important;max-height:190px!important;object-fit:contain!important;margin:0!important;border-radius:8px!important}
.media-bubble video{display:block!important;width:auto!important;height:auto!important;max-width:160px!important;max-height:200px!important;object-fit:contain!important;margin:0!important;background:#000!important;border-radius:8px!important}
.video-bubble{position:relative!important}
.video-bubble:after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;padding-left:2px;box-sizing:border-box;pointer-events:none}
.media-viewer{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;margin:0!important;transform:none!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.media-viewer.open{display:flex!important}
.media-viewer-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:55px 10px 55px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important}
.media-viewer-stage img,.media-viewer-stage video{position:static!important;display:block!important;float:none!important;width:auto!important;height:auto!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 110px)!important;margin:auto!important;object-fit:contain!important;transform:none!important;left:auto!important;right:auto!important;background:#000!important}
@media(max-width:600px){.msg.media-message.customer{justify-content:flex-end!important}.msg.media-message.agent{justify-content:flex-start!important}.media-bubble img{max-width:130px!important;max-height:165px!important}.media-bubble video{max-width:140px!important;max-height:175px!important}.media-viewer-stage{padding:50px 6px 55px!important}.media-viewer-stage img,.media-viewer-stage video{max-width:calc(100vw - 12px)!important;max-height:calc(100dvh - 105px)!important}}
.msg.customer .media-bubble{margin-left:auto!important;margin-right:0!important}
.msg.agent .media-bubble{margin-left:0!important;margin-right:auto!important}
.msg.media-message{display:flex!important;width:100%!important;box-sizing:border-box!important}.msg.media-message.customer{justify-content:flex-end!important}.msg.media-message.agent{justify-content:flex-start!important}.msg.media-message.customer>.media-bubble{margin-left:auto!important;margin-right:0!important;width:auto!important}.msg.media-message.agent>.media-bubble{margin-left:0!important;margin-right:auto!important;width:auto!important}

/* mobile-media-frame-fix-v5 */ .video-bubble:after{display:none!important;content:none!important} .media-bubble{line-height:normal!important;overflow:visible!important} .media-frame{position:relative!important;display:block!important;width:max-content!important;max-width:100%!important;margin:0 0 8px 0!important;padding:0!important;line-height:0!important} .media-frame img,.media-frame video{display:block!important;margin:0!important;vertical-align:top!important} .media-play-icon{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:34px!important;height:34px!important;box-sizing:border-box!important;border-radius:50%!important;background:rgba(0,0,0,.58)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:15px!important;line-height:1!important;padding-left:2px!important;pointer-events:none!important;z-index:5!important} @media(max-width:600px){.media-frame{margin-bottom:10px!important}.media-frame img{max-width:125px!important;max-height:160px!important}.media-frame video{max-width:135px!important;max-height:165px!important}.media-play-icon{left:50%!important;top:50%!important;width:32px!important;height:32px!important;font-size:14px!important}} 
/* customer-video-thumb-cover-fix */
.video-bubble > a > img {
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    margin:0 !important;
    border-radius:0 !important;
}