body,html{background-color:#fff;height:100%;margin:0;padding:0}#whatslly-loading{position:absolute;top:0;left:0}#root{width:100%;height:100%;display:block;position:relative}#root .mock-app{width:100%;height:100%;position:relative}#root .mock-container{box-sizing:border-box;opacity:.8;background-color:#efeae2;background-image:url(/assets/whatsapp-bg-D5K1m_Ya.png);height:100%;font-family:Galano Grotesque,Segoe UI,sans-serif;font-size:14px;font-style:normal;font-weight:500;display:flex;position:relative}#root .mock-container button{font-family:Galano Grotesque,Segoe UI,sans-serif}#root .mock-container h3{font-size:16px;font-weight:500}#root .mock-container .mock-query{background-color:#f0f2f5;flex-direction:column;margin:15px 0;padding:5px;display:flex;position:relative}#root .mock-container .mock-contacts{background-color:#fff;border-right:1px solid #f7f8fa;flex-direction:column;padding:0 20px;display:flex}#root .mock-container .mock-main{flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}#root .mock-container .mock-main.dragging .dragArea{z-index:1000;box-sizing:border-box;color:gray;background:#fff;border:5px dashed;justify-content:center;align-items:center;width:100%;height:100%;font-size:60px;display:flex;position:absolute;top:0;left:0}#root .mock-container .mock-main .mock-header{z-index:1000;width:100%;position:relative}#root .mock-container .mock-main .mock-message-messages{box-sizing:border-box;flex-direction:column;flex:1;align-items:flex-end;width:100%;padding:30px 0;display:flex;overflow:auto}#root .mock-container .mock-main .mock-message-messages .mock-message-msg-wrapper{padding-right:50px;position:relative}#root .mock-container .mock-main .mock-message-messages .mock-message-msg-wrapper .mock-message-msg{background-color:#d9fdd3;border-radius:7.5px;flex-direction:column;align-items:flex-start;margin-bottom:5px;padding:8px;display:flex;box-shadow:0 1px .5px #0b141a21}#root .mock-container .mock-main .mock-message-messages .mock-message-msg-wrapper .mock-message-msg img,#root .mock-container .mock-main .mock-message-messages .mock-message-msg-wrapper .mock-message-msg video,#root .mock-container .mock-main .mock-message-messages .mock-message-msg-wrapper .mock-message-msg audio{max-width:246px}#root .mock-container .mock-main .mock-footer{box-sizing:border-box;background-color:#f7f8fa;align-items:center;gap:10px;width:100%;height:50px;padding:7px 10px;display:flex;position:relative}#root .mock-container .mock-main .mock-footer .button{cursor:pointer}#root .mock-container .mock-main .mock-footer .message-input{background-color:#fff;flex:1;height:100%}#root .mock-container .mock-main .mock-footer .upload-file-menu{cursor:pointer;background:#fff;flex-direction:column;gap:15px;padding:15px;display:flex;position:absolute;bottom:100%}#root .mock-container .mock-main .mock-footer .upload-file-menu>div{align-items:center;gap:10px;display:flex}#root .mock-container .mock-main .mock-footer .upload-file-menu svg{color:#253b9a}