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