:root{--chat-message-shrink:350px}.chat-message-container{position:relative;flex-direction:row-reverse;justify-content:flex-end;align-items:center}.chat-message-container .chat-message-quick-action-container .chat-message-quick-action{min-block-size:10px;min-inline-size:10px;inline-size:32px;block-size:32px}.chat-message-container .chat-message-quick-action-container .chat-message-quick-action img{display:block;margin-block-end:2px;inline-size:auto;block-size:14px}.chat-message-container .chat-message-wrapper{margin-block-start:10px}.chat-message-container .chat-message-wrapper.wp-100{inline-size:100%}.chat-message-container .chat-message-wrapper.chat-message-same-sender{margin-block-start:3px}.chat-message-container .chat-message{position:relative;overflow:visible;border-radius:10px;background-color:var(--chat-wa-msg-left)}.chat-message-container .chat-message.chat-message-shrink{inline-size:var(--chat-message-shrink)}.chat-message-container .chat-message .chat-message-text{padding-inline:8px;padding-block:6px 0;font-size:14px;line-height:1.2;color:var(--mui-palette-text-primary)}.chat-message-container .chat-message .chat-message-text a{color:var(--mui-palette-primary-main);font-weight:700;text-decoration:none}.chat-message-container .chat-message .chat-message-text a:hover{color:var(--mui-palette-primary-dark)}.chat-message-container .chat-message .chat-message-deleted{padding:8px;color:var(--mui-palette-secondary-main);font-style:italic}.chat-message-container .chat-message .chat-message-time{padding-block:0 6px;padding-inline:8px}.chat-message-container .chat-message .chat-message-time span{font-size:12px}.chat-message-container .chat-message .chat-message-time i,.chat-message-container .chat-message .chat-message-time span{color:var(--mui-palette-text-secondary)}.chat-message-container .chat-message .chat-message-time i{display:none!important}.chat-message-container .chat-message .chat-message-time i.seen{color:var(--chat-wa-msg-seen)}.chat-message-container .chat-message .chat-message-sub-container:hover{cursor:pointer;border-radius:10px;transition:background-color .4s;background-color:var(--mui-palette-secondary-lightOpacity)}.chat-message-container .chat-message .chat-message-reply-preview{margin:5px;background-color:var(--mui-palette-secondary-lighterOpacity)}.chat-message-container .chat-message .chat-message-file-preview{margin:5px;max-inline-size:600px;gap:0!important}.chat-message-container .chat-message .chat-message-file-preview .chat-message-file-preview-card{box-shadow:none}.chat-message-container .chat-message .chat-message-file-preview .img-container{border-inline-start:1px solid var(--mui-palette-divider);border-block-start:1px solid var(--mui-palette-divider);border-block-end:1px solid var(--mui-palette-divider);border-start-end-radius:0;border-end-end-radius:0}.chat-message-container .chat-message .chat-message-file-preview .info-container{border:none;border-start-start-radius:0;border-end-start-radius:0;background-color:var(--mui-palette-secondary-lighterOpacity)}.chat-message-container .chat-message .chat-message-image{position:relative;max-inline-size:350px;padding:3px}.chat-message-container .chat-message .chat-message-image img{inline-size:100%;border-radius:10px}.chat-message-container .chat-message .chat-message-image .thumbnail-container{position:relative;overflow:hidden;border-radius:10px;inline-size:100%;border:1px solid var(--mui-palette-divider)}.chat-message-container .chat-message .chat-message-image .thumbnail-container .thumbnail{filter:blur(10px);transition:opacity 1s ease-in;block-size:100%}.chat-message-container .chat-message .chat-message-image .thumbnail-container.front{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;opacity:0}.chat-message-container .chat-message .chat-message-image .image{display:none}.chat-message-container .chat-message .chat-message-image .image.loaded{display:block}.chat-message-container .chat-message .chat-message-video{position:relative;max-inline-size:350px;max-block-size:350px;padding:3px}.chat-message-container .chat-message .chat-message-video .chat-message-video-overlay{position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:calc(100% - 6px);block-size:calc(100% - 6px);justify-content:center;align-items:center;background-color:rgba(0,0,0,.333);border-radius:10px;cursor:pointer}.chat-message-container .chat-message .chat-message-video .chat-message-video-overlay .icon-container{cursor:pointer;padding-block:1px;padding-inline:3px 0;border-radius:50%;background-color:var(--mui-palette-primary-main)}.chat-message-container .chat-message .chat-message-video .chat-message-video-overlay .icon-container img{display:block;margin:6px;inline-size:42px;block-size:42px;padding:7px}.chat-message-container .chat-message .chat-message-video .thumbnail-container{position:absolute;inset-block-start:3px;inset-inline-start:3px;overflow:hidden;border-radius:10px;inline-size:calc(100% - 6px);block-size:calc(100% - 6px);border:1px solid var(--mui-palette-divider)}.chat-message-container .chat-message .chat-message-video .thumbnail-container .thumbnail{inline-size:100%;border-radius:10px;filter:blur(10px);transition:opacity 1s ease-in}.chat-message-container .chat-message .chat-message-video video{display:block;inline-size:100%;border-radius:10px}.chat-message-container .chat-message .chat-message-gif{position:relative;max-inline-size:350px;max-block-size:350px;padding:3px}.chat-message-container .chat-message .chat-message-gif .chat-message-gif-overlay{position:absolute;inset-block-start:3px;inset-inline-start:3px;inline-size:calc(100% - 6px);block-size:calc(100% - 6px);justify-content:center;align-items:center;background-color:rgba(0,0,0,.333);border-radius:10px}.chat-message-container .chat-message .chat-message-gif .chat-message-gif-overlay .icon-container{cursor:pointer;justify-content:center;align-items:center;inline-size:42px;block-size:42px;border-radius:50%;background-color:var(--mui-palette-primary-main)}.chat-message-container .chat-message .chat-message-gif .chat-message-gif-overlay .icon-container b{color:#fff;font-size:16px}.chat-message-container .chat-message .chat-message-gif img{inline-size:100%;border-radius:10px}.chat-message-container .chat-message .chat-message-location{position:relative;max-inline-size:350px;min-block-size:170px;padding:3px}.chat-message-container .chat-message .chat-message-location .map-container{inline-size:100%;block-size:150px;overflow:hidden;border-start-start-radius:10px;border-start-end-radius:10px;border:1px solid var(--mui-palette-divider)}.chat-message-container .chat-message .chat-message-location .location-info{border:1px solid var(--mui-palette-divider);border-block-start:none;background-color:var(--mui-palette-secondary-lighterOpacity);border-end-start-radius:10px;border-end-end-radius:10px}.chat-message-container .chat-message-reaction{position:absolute;inset-block-end:-5px;inset-inline-start:12px;min-inline-size:0;min-block-size:0;inline-size:auto;block-size:auto;border-radius:12px;padding-block:3px 1px;padding-inline:5px;font-size:14px;line-height:18px;margin:0;z-index:10}.chat-message-container .chat-message-btn-options{position:absolute;inset-block-start:3px;inset-inline-end:5px;padding:2px;background-color:var(--mui-palette-secondary-main);cursor:pointer;z-index:10}.chat-message-container .chat-message-btn-options i{display:block;margin-inline-end:0;color:#fff;inline-size:20px;block-size:16px}.chat-message-container .chat-message-sticker .chat-message{align-self:flex-start;display:inline-block}.chat-message-container .chat-message-sticker .chat-message .chat-message-time{padding-block:5px;padding-inline:8px}.chat-message-container .chat-message-sticker .sticker{display:block;inline-size:128px;block-size:128px}.chat-message-container .chat-message-avatar{align-self:stretch;display:flex;align-items:flex-start;padding-block-start:10px}.chat-message-container.right{flex-direction:row;justify-content:flex-end}.chat-message-container.right .chat-message-reaction{inset-inline:unset 12px}.chat-message-container.right .chat-message-sticker .chat-message{align-self:end}.chat-message-container.right .chat-message{background-color:var(--chat-wa-msg-right)}.chat-message-container.right .chat-message .chat-message-time i{display:inline-block!important}.chat-message-default-reactions .MuiMenu-paper{border-radius:50px;padding:0}.chat-message-default-reactions .MuiMenu-paper ul{display:flex;align-items:center;padding-block:4px;padding-inline:10px}.chat-message-default-reactions .MuiMenu-paper ul li{font-size:26px;padding-block:0;padding-inline:6px;display:block;margin:0;border-radius:50px;transition:background-color .3s}.chat-message-default-reactions .MuiMenu-paper ul button{inline-size:32px;block-size:32px;min-block-size:32px;background-color:var(--mui-palette-secondary-lightOpacity);color:var(--mui-palette-secondary-main);box-shadow:none}.chat-message-url-preview{border-radius:10px;outline:1px solid var(--mui-palette-divider);margin:5px;margin-block-end:0;padding:4px;background-color:var(--mui-palette-secondary-lighterOpacity)}.chat-message-url-preview img{inline-size:50px;block-size:50px;border-radius:6px}.chat-message-file-preview .img-container{inline-size:72px;block-size:72px;overflow:hidden;text-align:center;border-radius:6px}.chat-message-file-preview .img-container img{block-size:100%}.chat-message-file-preview .info-container{border:1px solid var(--mui-palette-divider);background-color:var(--chat-wa-msg-left-dark)}.chat-message-reply-preview{border-inline-start:5px solid var(--mui-palette-primary-main);border-radius:6px}.chat-message-reply-preview.overlay{background-color:var(--chat-wa-msg-right-dark)}.chat-message-btn-reply{position:relative;cursor:pointer;margin-block-start:2px;color:var(--chat-wa-msg-seen);border-radius:10px;background-color:var(--chat-wa-msg-right)}.chat-message-btn-reply>div{padding:10px;border-radius:10px}.chat-message-btn-reply>div:hover{transition:background-color .3s;background-color:var(--mui-palette-secondary-lighterOpacity)}.chat-message-btn-cta{position:relative;cursor:pointer;border-block-start:1px solid var(--mui-palette-divider);padding:10px;color:var(--chat-wa-msg-seen);text-wrap:nowrap}.chat-message-btn-cta:last-child{border-end-start-radius:10px;border-end-end-radius:10px}.chat-message-btn-cta:hover{transition:background-color .3s;background-color:var(--mui-palette-secondary-lighterOpacity)}.chat-message-btn-cta .icon-options{display:block;inline-size:auto;block-size:12px}.chat-message-btn-cta .icon-location{display:block;min-inline-size:15px;min-block-size:22px;block-size:22px}.chat-message-product{margin:5px;max-inline-size:600px;gap:0!important}.chat-message-product .chat-message-product-card{box-shadow:none}.chat-message-product .img-container{aspect-ratio:1;inline-size:auto;max-block-size:112px;overflow:hidden;text-align:center;border-radius:6px;border-start-end-radius:0;border-end-end-radius:0}.chat-message-product .img-container img{block-size:100%}.chat-message-product .img-container-single{inline-size:100%;overflow:hidden;text-align:center;border-start-start-radius:6px;border-start-end-radius:6px}.chat-message-product .img-container-single img{inline-size:100%}.chat-message-product .info-container{border-radius:6px;border-start-start-radius:0;border-start-end-radius:0}.chat-message-lto,.chat-message-product .info-container{background-color:var(--mui-palette-secondary-lighterOpacity)}.chat-message-lto{border-radius:10px;overflow:hidden;margin:5px}.chat-message-lto .image-container{display:flex;justify-content:center;align-items:center;overflow:hidden;max-block-size:200px}.chat-message-lto .image-container img{inline-size:100%}.chat-message-lto .circle-coin{background-color:var(--chat-wa-msg-seen);border-radius:50%;padding:4px}.chat-message-lto .circle-coin i{color:#fff}.chat-message-carousel .chat-message.chat-message-shrink{inline-size:100%}.chat{position:relative;overflow:hidden}.chat,.chat.wa .bg{inline-size:100%;block-size:100%}.chat.wa .bg{position:absolute;inset-block-start:0;inset-inline-start:0;background-color:var(--chat-wa-bg)}.chat.wa .bg .bg-pattern{block-size:100%;background-image:url(/images/chat/patters/wa-bg-pattern.png);background-repeat:repeat;opacity:.4}.chat .chat-search,.chat.wa .bg .bg-pattern{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%}.chat .chat-search .chat-search-input .input{border:none;outline:none}.chat .chat-message-list .chat-date-divider{border-radius:20px;border:2px solid var(--mui-palette-divider);padding-block:3px;padding-inline:10px;margin-block-start:10px;margin-block-end:10px;background-color:#fff}.chat .chat-input-container{position:absolute;inset-inline-start:10px;inset-block-end:10px;inline-size:calc(100% - 20px)}.chat .chat-input-container .chat-input{justify-content:end;padding:5px;inline-size:100%}.chat .chat-input-container .chat-input .input{inline-size:100%}.chat .chat-input-container .chat-input .input>div{box-shadow:none!important;border:none}.chat .chat-input-container .chat-input .input textarea{font-size:14px}.chat .chat-input-container .chat-input-images .chat-input-image{position:relative;inline-size:128px;block-size:128px;overflow:hidden;border-radius:6px}.chat .chat-input-container .chat-input-images .chat-input-image img{block-size:100%}.chat .chat-input-container .chat-input-images .chat-input-image img.blanking{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;filter:blur(10px)}.chat .chat-input-container .chat-input-images .chat-input-btn-plus{inline-size:128px;block-size:128px}.chat .chat-input-container .chati-input-video .chati-dropzone .preview-img{inline-size:128px;block-size:auto;border-radius:6px}.chat .chat-input-container .chati-input-video .chati-dropzone .preview-img.bigger{inline-size:auto;block-size:128px}.chat .chat-input-container .chat-input-file .chat-message-file-preview .info-container{border:none}.chat .chat-input-container .chat-toolbar{position:absolute;padding-block-end:8px;inset-block-end:100%;inset-inline-end:0}