body{margin:0;padding:0}main{height:100vh;position:relative;overflow:hidden}.text-center{text-align:center}.mobile-container{width:calc(100% - 30px);max-width:500px;padding:15px;height:calc(100% - 30px);margin:0 auto;background-color:#efe9f4}.middle-area,.mobile-container{display:flex;align-items:center;flex-direction:column;justify-content:center}.middle-area{margin-bottom:0;border-radius:25px;height:100%;background-color:#fff;flex:2;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #efe9f4}button.btn.btn-default{border:2px solid #fd0c5c;padding:15px 35px;color:#fd0c5c;border-radius:30px;font-weight:500;background-color:#fff;font-size:18px;cursor:pointer}.mobile-header{display:flex;justify-content:center;align-items:center;padding:0 15px;flex-direction:column;gap:20px}.lk-room-container{width:100%;height:100%}.action-bar,.lk-room-container{padding:15px;display:flex;flex-direction:column}.action-bar{position:relative;height:80px;justify-content:flex-start;align-items:center;width:calc(100% - 30px);background-color:#fff;border-radius:20px;box-shadow:inset 0 0 10px #efe9f4}button.btn.btn-danger.lk-disconnect-button{background-color:#fd0c5c;color:#fff;padding:15px 35px;border:2px solid #fd0c5c;height:auto;border-radius:30px;font-weight:500;font-size:18px;cursor:pointer}button.btn.btn-danger.lk-disconnect-button:hover{background-color:#fd0c5c;opacity:1}.start-call{background-color:#0cac2c}.end-call,.start-call{width:80px;position:absolute;bottom:-30px;left:0;right:0;top:auto!important;margin-left:auto;margin-right:auto;overflow:hidden;padding:20px;border:0;height:80px;border-radius:100px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:2px 10px 16px rgba(0,0,0,.25)}.end-call{background-color:red}.end-call:hover{background-color:#c11d1d}.end-call img,.start-call img{filter:invert(1)}.blobs{height:200px;max-height:100%;max-width:100%;display:flex;z-index:2}.blobs,.blobs svg{width:100%;position:relative}.blobs svg{height:100%;z-index:3}.blobs .blob{will-change:transform;-webkit-animation:rotate 25s ease-in-out infinite alternate;animation:rotate 25s ease-in-out infinite alternate}.blobs .blob,.blobs .blob path{-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.blobs .blob path{will-change:d,fill;-webkit-animation:blob-anim-1 5s cubic-bezier(.45,.2,.55,.8) infinite alternate;animation:blob-anim-1 5s cubic-bezier(.45,.2,.55,.8) infinite alternate;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transition:fill .8s ease;transition:fill .8s ease}.blobs .blob.alt{animation-direction:alternate-reverse;opacity:.3}.blobs .blob-1 path{fill:var(--blob-1);filter:blur(1rem)}.blobs .blob-2{animation-duration:18s;animation-direction:alternate-reverse}.blobs .blob-2 path{fill:var(--blob-2);animation-name:blob-anim-2;animation-duration:7s;filter:blur(.75rem);transform:scale(.78)}.blobs .blob-2.alt{animation-direction:alternate}.blobs .blob-3{animation-duration:23s}.blobs .blob-3 path{fill:var(--blob-3);animation-name:blob-anim-3;animation-duration:6s;filter:blur(.5rem);transform:scale(.76)}.blobs .blob-4{animation-duration:31s;animation-direction:alternate-reverse;opacity:.9}.blobs .blob-4 path{fill:var(--blob-4);animation-name:blob-anim-4;animation-duration:10s;filter:blur(10rem);transform:scale(.5)}.blobs .blob-4.alt{animation-direction:alternate;opacity:.8}.chats-container{height:calc(100% - 30px);width:calc(100% - 30px);padding:15px;overflow-y:auto;z-index:5;background-color:#fff}.chats-container.chistory{position:absolute}.lk-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover{background-color:red}.btn-history{border:1px solid #dccfe7;color:#aa89a2;padding:3px 12px;font-size:12px;background-color:transparent;margin:10px auto;border-radius:10px;cursor:pointer}ul.messages{list-style:none;margin:0;padding:0;font-size:14px}ul.messages li{margin-bottom:10px}ul.messages li .msg-body{text-align:right;padding:10px;color:#fff;background-color:#93a9d9;border-radius:10px;border-bottom-right-radius:0;max-width:250px;width:100%}ul.messages li.You{display:flex;justify-content:flex-end}ul.messages li.You .msg-body strong{color:#155ed2}ul.messages li strong{display:block;font-weight:700}ul.messages li.Agent{display:flex;justify-content:flex-start}ul.messages li.Agent .msg-body{text-align:left;padding:10px;border-radius:10px;background-color:#f3f3f3;color:#000;border-bottom-left-radius:0}ul.messages li.Agent .msg-body strong{color:#af2b91}.latest-output{text-align:center;padding:10px 0;width:100%;position:relative}@keyframes blob-anim-1{0%{d:path("M 100 600 q 0 -500, 500 -500 t 500 500 t -500 500 T 100 600 z")}30%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}70%{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}to{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}}@keyframes blob-anim-2{0%{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}40%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}80%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}to{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}}@keyframes blob-anim-3{0%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}35%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}75%{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}to{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}}@keyframes blob-anim-4{0%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}30%{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}70%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}to{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}}@keyframes rotate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@-webkit-keyframes blob-anim-1{0%{d:path("M 100 600 q 0 -500, 500 -500 t 500 500 t -500 500 T 100 600 z")}30%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}70%{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}to{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}}@-webkit-keyframes blob-anim-2{0%{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}40%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}80%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}to{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}}@-webkit-keyframes blob-anim-3{0%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}35%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}75%{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}to{d:path("M 100 600 q 0 -400, 500 -500 t 400 500 t -500 500 T 100 600 z")}}@-webkit-keyframes blob-anim-4{0%{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}30%{d:path("M 100 600 q 100 -600, 500 -500 t 400 500 t -500 500 T 100 600 z")}70%{d:path("M 100 600 q -50 -400, 500 -500 t 450 550 t -500 500 T 100 600 z")}to{d:path("M 150 600 q 0 -600, 500 -500 t 500 550 t -500 500 T 150 600 z")}}@-webkit-keyframes rotate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}@supports (-webkit-touch-callout:none){.blobs .blob,.blobs .blob path{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}}.palette-4{--bg-0:#fff;--bg-1:#d3f7ff;--blob-1:#bb74ff;--blob-2:#7c7dff;--blob-3:#a0f8ff;--blob-4:#fff}