.chat-layer{display:flex;bottom:0;right:0;position:absolute;z-index:0;width:100vw;height:100vh;transition:transform .3s ease,height .3s ease}.hightlight{box-shadow:0 0 15px 11px #fff}.mode-switcher-container{margin:10px;position:fixed;right:0;width:80px;height:32px;flex-shrink:0;border-radius:10px;background:#00000026}.mode-switcher-container .MuiFormControlLabel-root{margin:4px;display:flex;justify-content:center}.mode-switcher-container .MuiFormControlLabel-label{width:22px;height:22px;color:#fff}.mode-switcher-container .MuiSwitch-track.Mui-checked{background:linear-gradient(90deg,#646fd5,#05badd)}.mode-switcher-container .MuiSwitch-root{padding:2px}.mode-switcher-container .MuiSwitch-thumb{color:#fff}.white-page{width:100vw;height:100vh;background:#fff;z-index:5;position:absolute}.overlay{position:absolute;bottom:0;left:0;width:99%;height:7%;display:flex;justify-content:center;align-items:center;background-color:#fffc}.overlay input{flex-grow:1;height:90%;margin-right:10px}.overlay button{height:90%;min-width:80px}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000;display:flex;justify-content:center;align-items:center;z-index:9999}.dialog-loading{position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:50%;max-width:500px;display:flex;justify-content:center;align-items:center;z-index:999}.dialog-container{background-color:#fff;width:300px;padding:20px;box-shadow:0 0 10px #00000080}.keyboard-visible{transform:translateY(-50px)}.keyboard-visible .chat-layer{height:50vh;transform:translateY(-50vh)}.notistack-SnackbarContainer{bottom:100px!important;right:79px!important;width:37vw!important;min-width:330px!important;max-width:100%!important;display:flex!important;align-items:center!important}.notistack-SnackbarContainer .notistack-MuiContent{border-radius:50px;justify-content:center}.notistack-SnackbarContainer .notistack-MuiContent .go946087465{padding:0}@media only screen and (max-width: 600px){.notistack-SnackbarContainer{bottom:48px!important;right:0!important;width:100%!important}}.audio-visualizer{display:flex;gap:2px;align-items:flex-end;height:24px;background-color:#1976d2;padding:4px;border-radius:6px}.audio-bar{width:3px;background-color:#fff;border-radius:2px;height:20%}@keyframes pulse-bar{0%,to{height:20%}50%{height:100%}}.popup-layer{position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;justify-content:center;align-items:center;display:flex}.fullscreen-image img{width:100vw;height:100vh;object-fit:contain}.card-media{max-height:152px;border-radius:10px;cursor:pointer}.card-content{margin:8px;padding:0!important;display:block}.card-content ul{align-items:flex-start;display:flex;flex-wrap:nowrap;list-style:none;margin:1rem 0;overflow-x:scroll;padding:0}.card-content ul li{width:100%;flex-shrink:0}.section-content{display:flex;padding-block-end:8px}.switch-enter{opacity:0}.switch-enter-active{opacity:1;transition:opacity .3s,transform .3s}.switch-exit{opacity:1}.switch-exit-active{opacity:0;transition:opacity .3s,transform .3s}.middle{height:80vh;padding:80px 0;display:flex;align-items:center}.bottom-3rd{position:absolute;bottom:120px;right:5px}.bottom-dot{position:absolute;height:20px;min-width:75px;align-items:center;align-self:center;padding:10px;margin:20px;bottom:100px;right:200px}.bottom-2nd{position:absolute;bottom:100px;right:5px}.bottom{position:absolute;bottom:0}.call-control{display:inline-flex;width:auto;align-self:center;position:relative;float:right;border-radius:10px;background:#00000080;min-width:50px;align-items:center;height:20px;padding:10px;margin:20px}.call-mode{width:100%;display:flex;place-content:flex-end}@media only screen and (max-width: 600px){.call-mode{place-content:space-between}}.call-mode .ctl-btn{color:#f8f8f8}.call-mode .recording-button{float:right;margin:20px;height:80px;width:80px;border-radius:200px;background:#f8f8f8;box-shadow:-4px -4px 8px #00000040 inset,4px 4px 8px #ffffff40 inset}.call-mode .recording-button .MuiSvgIcon-root{width:1.5em;height:1.5em}.call-mode .recording-button.Mui-disabled{background:#ffffff40}.call-mode .recording-button.Mui-disabled .svg-icon{filter:brightness(0) invert(1)}.call-mode .recording-button:hover{background:#ffffffbf}.call-mode .recording-button .svg-icon{height:100%!important;width:100%!important;display:flex!important;justify-content:center;align-items:center}.call-mode .recording-button .svg-icon .svg-icon-img{height:40px;width:40px}.call-mode .recording-button .recording .svg-icon-img{filter:brightness(0) invert(1)}.call-mode .recording-button:has(.recording){background-color:#f64141!important}.call-mode .recording-button:has(.speaking){background-color:#f64141!important}.call-mode .zoom-in-out-circle{display:flex;position:fixed;z-index:-1;width:80px;height:80px;border-radius:200px;margin:-20px;background:#ff000080;animation:zoom-in-zoom-out 1s ease infinite}.call-mode .larger{width:100px;height:100px;margin:-30px}@keyframes zoom-in-zoom-out{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.speed-menu .MuiMenu-paper{border-radius:10px;background:#00000080;width:66px;flex-shrink:0;top:auto!important;bottom:80px}.speed-menu .MuiMenuItem-root{color:#fff!important;text-align:center!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important}.speed-menu .MuiMenuItem-root:disabled{color:#000!important}.error-msg{color:#fff;border-radius:10px;background:#00000080;padding:20px;margin:auto;opacity:1;animation:fade .3s linear}@keyframes fade{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:#bebebe}::-webkit-scrollbar-track{background:#0003}.floating-panel.dark{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:#0a0a0ad9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:1000;box-shadow:0 8px 24px #0009;width:auto;max-width:90vw;flex-wrap:nowrap;flex-direction:row;max-height:32vh;overflow-y:auto}.desktop-inline-layout{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;flex-wrap:nowrap}.created-panel-inline{display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.control-buttons-group{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.speed-gradient{background-image:linear-gradient(90deg,#7264d5,#5ed1e7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.control-button.rounded{width:48px;height:48px;border-radius:50%;background-color:#ffffff14;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;color:#ffffffb3;border:2px solid white}.control-button.rounded:hover{background-color:#fff3;color:#fff}.control-button.rounded.active{background-color:#ffffff40;color:#00bfff}.control-button.rounded.active:hover{color:#fff}.control-button.rounded img,.control-button.rounded svg{transition:filter .2s ease,color .2s ease;filter:brightness(.85)}.control-button.rounded.active img,.control-button.rounded.active svg{filter:brightness(0) saturate(100%) invert(48%) sepia(95%) saturate(460%) hue-rotate(171deg) brightness(97%) contrast(101%)}.control-button.rounded:hover img,.control-button.rounded:hover svg{filter:brightness(1.1)}.leave-btn{font-size:.8rem;padding:6px 12px;white-space:nowrap;flex-shrink:0;color:#fff;background-color:#c62828;border-radius:6px;transition:background .2s ease}.leave-btn:hover{background-color:#e53935}@media (max-width: 600px){.floating-panel.dark{flex-direction:column;align-items:stretch;gap:10px;padding:14px}.floating-panel-top{display:flex;justify-content:space-between;align-items:center;width:100%}.floating-panel-buttons-row{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:10px;width:100%;overflow-x:auto;scrollbar-width:none}.floating-panel-buttons-row::-webkit-scrollbar{display:none}.control-button.rounded{width:44px;height:44px;flex-shrink:0}.leave-btn{font-size:.8rem;padding:6px 12px;white-space:nowrap;flex-shrink:0}}.root-container{display:flex;flex-direction:column;position:fixed;top:0;right:79px;width:37vw;min-width:330px;height:100%;z-index:0}@media only screen and (max-width: 600px){.root-container{width:100vw;height:calc(100% - 50px);float:left;margin:0;font-size:16px;bottom:0;right:0}}@media only screen and (max-width: 600px){.text-moblie{width:65vw;min-width:0px}}.dot-flashing{position:relative;margin-left:20px;margin-right:10px;width:10px;height:10px;border-radius:5px;background-color:#a5a5a5;color:#a5a5a5;animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#a5a5a5;color:#a5a5a5;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#a5a5a5;color:#a5a5a5;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#a5a5a5}50%{background-color:#a5a5a550}to{background-color:#fff}}.chat-buttons-container{text-align:end}.text-recording{transition:transform 01s ease-in-out!important;animation:pulse 1s infinite;color:red!important}.record-bar{display:inline-flex;width:100%;align-items:center}.fading-eff{animation:showHide .5s ease-in alternate;width:0%;height:3em;position:absolute;right:0;border-radius:10px;background-color:#eceaf0}@keyframes showHide{0%{width:100%}to{width:0%}}.record-vision{width:100%;display:flex;align-items:center}.record-button{padding:8px}.record-button .MuiButtonBase-root{background-color:red;color:#fff;padding:3px;cursor:default}.record-button .MuiButtonBase-root:hover{background-color:red}.record-counter{padding:5px}.record-trash .MuiButtonBase-root{color:red}.dots-speak{height:10px;width:10%;margin:0;background-image:repeating-linear-gradient(to right,transparent,transparent 5%,black 5%,black 10%);background-size:200% 100%;animation:change 1s linear infinite}.loud,.medium,.quite{transform:scaleY(1)}.dots{height:10px;width:60%;margin:0;opacity:.25;background-image:repeating-linear-gradient(to right,transparent,transparent .8%,black .8%,black 1.6%);background-size:200% 100%;animation:change 6s linear infinite}@keyframes change{to{background-position:right}}.msg-time{color:#00000080;margin-top:2px;text-align:right;font-size:10px;font-style:normal;font-weight:400;line-height:normal}.msg-time.left{margin-left:auto;padding-left:10px}.current{color:#ffffffbf}.unread-tip{position:absolute;bottom:200px;right:0;border-radius:6px 0 0 6px;background:#fff;padding:8px 12px;filter:drop-shadow(0px 4px 8px rgba(0,0,0,.25));cursor:pointer;animation:fadeIn ease-in-out .5s}.to-bottom{transform:rotate(180deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mute-btn{position:absolute!important;width:fit-content;padding:12px!important;right:100px}.mute{color:#0781fe!important}.resend{padding-right:10px;cursor:pointer}.resend .svg-icon-img{background:#d74242;border-radius:10px}.message-line{width:100%;display:inline-flex;align-items:center}.message-line.user{width:100%;display:inline-flex;justify-content:end}.error{color:gray!important}.support-msg{display:flex}.reminder-msg{margin-bottom:55px!important;margin-right:15px!important}.message-temp{height:inherit}.messageContainer{display:flex;overflow-y:auto;overflow-x:hidden;width:100%;height:100%;flex-direction:column}.create-by{padding:4px;border-radius:4px;opacity:.8;background:#fff;color:#47424f;width:fit-content;align-self:end;margin:4px;display:flex;align-items:center;font-size:12px;line-height:21px}.check-msg-btn{padding:9px 8px!important;background-color:#ffffffb2!important;border-radius:8px!important;color:#695e93!important}.load-more-indicator{text-align:center;padding:10px;font-size:12px;color:#888;background-color:#e5e5ea66;border-radius:10px;margin:10px auto;width:80%;max-width:300px;transition:opacity .3s}.menu-outer .MuiDrawer-paper{width:90%;height:-webkit-fill-available;max-width:366px;background-color:#faf9f7;border:1px solid #695E9380}.menu-outer .MuiDrawer-paper span{font-size:16px;color:#464646}.list-button .MuiListItemIcon-root{min-width:0px;margin-right:10px}.list-button .MuiListItemIcon-root .material-icons{width:unset;height:unset}.list-button-icon{width:15px;height:auto}.menu-toggle{width:56px;height:56px;margin:55px 10px 10px!important;background:#ffffffb3!important;border-radius:10px!important}.menu-toggle .MuiSvgIcon-root{width:1.3em;height:1.3em;color:#695e93}.menu-toggle:disabled{filter:opacity(.46)}.menu-toggle:disabled .MuiSvgIcon-root{color:#d3d3d3!important}@media only screen and (max-width: 600px){.menu-toggle{margin-top:10px!important;margin-left:10px!important}}.menu-toggle.left-margin{margin-left:79px!important}@media only screen and (max-width: 600px){.menu-toggle.left-margin{margin-left:10px!important}}.menu-sub-item-text span{font-size:12px!important;line-height:14px!important}.menu-back{background-color:#d9d9d9b2!important;margin:10px!important;position:absolute!important;right:0;z-index:1201}.menu-back .MuiSvgIcon-root{stroke:#000;color:#000;stroke-width:1}.mode-toggle-group{border:solid 1px #695E93;padding:2px;border-radius:40px!important}.mode-toggle-group .mode-toggle-button{height:min-content;text-transform:none;white-space:pre;padding:8px 16px;border-radius:40px;border:0px}.mode-toggle-group .mode-toggle-button.Mui-selected{color:#fff;background-color:#695e93;border-radius:40px}.mode-toggle-group .mode-toggle-button.Mui-selected:hover{color:#fff;background-color:#7467a5}.created-on{padding:4px;border-radius:4px;opacity:.8;background:#fff;color:#47424f;width:fit-content;align-self:end;margin:4px;display:flex;align-items:center;font-size:12px;line-height:21px}.created-on img{position:relative;height:14px;padding-left:1px}body #root{width:auto}body,html{font-family:Poppins;font-style:"normal";font-weight:"400";font-size:16px;line-height:"17px";overflow:hidden;overscroll-behavior:none;margin:0}