.chats[data-v-2e271f18]{padding:0 9px;height:80px;width:100%;transition:background-color .3s ease;display:flex;flex-direction:row;align-items:center}.rippleeffect[data-v-2e271f18]{border-radius:7px}.chats[data-v-2e271f18]:hover{background-color:#eceef1}.chat-profile[data-v-2e271f18]{flex:0 0 60px;height:60px;border-radius:50%;overflow:hidden}.chat-profile img[data-v-2e271f18]{width:100%;height:100%;object-fit:cover}.chat-items[data-v-2e271f18]{flex:1;max-width:calc(100% - 60px);height:60px;padding-left:9px;display:flex;flex-direction:column;justify-content:space-evenly}.chat-title-time[data-v-2e271f18],.chat-lmessage-badge[data-v-2e271f18]{display:flex;justify-content:space-between}.chat-title[data-v-2e271f18],.chat-time[data-v-2e271f18],.chat-lmessage[data-v-2e271f18],.chat-badge[data-v-2e271f18]{width:auto}.chat-title[data-v-2e271f18],.chat-lmessage[data-v-2e271f18]{flex:1;max-width:calc(100% - 85px)}.chat-title p[data-v-2e271f18],.chat-lmessage p[data-v-2e271f18]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px}.chat-lmessage p[data-v-2e271f18]{font-size:16px;color:#888}.chat-time span[data-v-2e271f18]{font-size:14px;color:#888}.no-image[data-v-2e271f18]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.no-image span[data-v-2e271f18]{font-size:22px;color:#fff}.selected-chat[data-v-2e271f18]{background-color:var(--primary)}.selected-chat span[data-v-2e271f18],.selected-chat p[data-v-2e271f18]{color:#fff}.selected-chat .badge[data-v-2e271f18]{background-color:#fff!important;color:var(--primary)}.selected-chat[data-v-2e271f18]:hover{background-color:var(--primary)}.rippleeffect{width:100%;height:100%;position:relative;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease;cursor:pointer;overflow:hidden}.ripple{border-radius:50%;background-color:#0000001f;position:absolute;transform:scale(0);opacity:1;animation-name:ripple;animation-timing-function:ease-in}@keyframes ripple{to{transform:scale(2.5);opacity:0}}#side-bar{width:430px;height:100%;border-right:1px solid #cccccc;display:flex;flex-direction:column}.header-menu{width:43px;display:flex;align-items:center}.menu-items{width:43px;height:43px;cursor:pointer;border-radius:50%;padding:9px;transition:all .2s ease;position:relative}.pr-ripple{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;overflow:hidden}.menu-items:hover{background-color:#eceef1}.menu-items svg{width:100%;height:100%;color:#707579}.header-search{display:flex;align-items:center;padding-left:7.5px}.search-items{flex-basis:100%;height:43px;position:relative}.search-items svg{width:23px;height:23px;position:absolute;color:#6d6d6d;top:9.8px;left:10px;transition:color .2s ease}.search-items input{height:100%;width:100%;border-radius:25px;padding-left:40px;padding-bottom:4px;border:1.5px solid #d4d4d4;font-size:18px;transition:border .2s ease}.focus-search-input{border:1px solid var(--primary)!important}.focus-search-icon{color:var(--primary)!important}.chats-section{flex:1 0 0;display:flex;flex-direction:row;align-items:flex-start;overflow-y:scroll;overflow-x:hidden}.chat-lists{min-width:100%;max-width:100%;height:auto;padding:4px 6px}.drop-down-vortex{position:absolute;height:auto;background-color:#ffffffe6;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);padding:5px;box-shadow:0 0 10px #00000026;border-radius:10px;z-index:1;transition:opacity .2s ease,transform .2s ease,visibility .2s ease-out;opacity:0;visibility:hidden}.menu-profile{width:300px;left:0;top:52px}.drop-menu-items{font-family:roboto-medium;font-size:18px;padding:7px 15px 8.5px;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.drop-menu-items:hover{background-color:#f0f0f0}.drop-menu-items-left{display:flex;justify-content:center;align-items:center}.dr-menu-item-icon{padding-top:3.5px;padding-right:8px}.drop-menu-items svg{width:25px}.drop-menu-items-right svg{width:15px;margin-top:7px}.drop-down-vortex-open{visibility:visible;opacity:1;transform:unset}.new-chat-selection{margin:0 0 5px;padding:5px 15px;background-color:#eceef1}.adding-chat-header{font-size:20px}@media (max-width: 1200px){#side-bar{width:400px}}@media (max-width: 900px){#side-bar{min-width:100%;height:100%;flex:1;overflow:hidden}.closeChat-enter-active,.closeChat-leave-active{transition:opacity .5s ease}}#chat-side[data-v-f1a10e13]{flex:1;height:100%;display:flex;flex-direction:column}.chat-thumbnails[data-v-f1a10e13]{display:flex;justify-content:space-between;align-items:center}.chat-profile[data-v-f1a10e13],.chat-functions[data-v-f1a10e13]{width:auto;display:flex}.back-to-home[data-v-f1a10e13]{display:none!important;width:43px;height:43px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .2s ease;cursor:pointer;overflow:hidden;margin-right:10px}.back-to-home[data-v-f1a10e13]:hover{background-color:#eceef1}.back-to-home span svg[data-v-f1a10e13]{width:25px;height:25px;margin-top:2px}.chat-profile-image[data-v-f1a10e13]{width:45px;height:45px;border-radius:50%;overflow:hidden;cursor:pointer}.chat-profile-image img[data-v-f1a10e13]{width:100%;height:100%;object-fit:cover}.chat-profile-name-status[data-v-f1a10e13]{width:auto;flex-direction:column;padding-left:10px;align-content:center;cursor:pointer}.chat-profile-name[data-v-f1a10e13]{font-size:18px}.chat-profile-status[data-v-f1a10e13]{font-size:14px;color:#7d8286}.function-list[data-v-f1a10e13]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;margin-left:10px;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative}.function-list[data-v-f1a10e13]:hover{background-color:#eceef1}.function-list span svg[data-v-f1a10e13]{width:30px}.message-section[data-v-f1a10e13]{flex:1 0 0;overflow:auto;display:flex;flex-direction:column;background-color:#2a7b9b;background-image:linear-gradient(110deg,#eddd53b3,#57c785b3,#eddd53b3),url(/assets/pattern-BiTGdS9Q.png);background-position:center}.message-block[data-v-f1a10e13]{flex:1 0 0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.input-section[data-v-f1a10e13]{height:75px;display:flex;justify-content:center}.input-items[data-v-f1a10e13]{width:90%;height:100%;display:flex;align-items:center;padding:10px 0 12px}.input-input[data-v-f1a10e13]{flex:1 0 0;display:flex;background-color:#fff;position:relative;margin-right:10px;height:100%;border-bottom-left-radius:15px;border-top-left-radius:15px;border-top-right-radius:15px}.input-input[data-v-f1a10e13]:after{content:"";position:absolute;bottom:0;right:-15px;width:20px;height:20px;background:linear-gradient(150deg,#fff 0%,#fff 50%,transparent 50%,transparent);transform:rotate(-90deg)}.input-message[data-v-f1a10e13]{flex:1 0 0}.input-message input[data-v-f1a10e13]{width:calc(100% + 10px);height:100%;border:none;font-size:18px;margin-left:-5px;cursor:text}.input-icon[data-v-f1a10e13]{width:55px;height:100%;display:flex;justify-content:center;align-items:center}.icon-smile svg[data-v-f1a10e13],.icon-paperclip svg[data-v-f1a10e13]{width:30px;cursor:pointer;padding:3px;border-radius:50%;transition:all .2s ease}.icon-smile svg[data-v-f1a10e13]:hover,.icon-paperclip svg[data-v-f1a10e13]:hover{background-color:#eceef1;color:var(--primary)}.input-right[data-v-f1a10e13]{width:53px;height:53px;background-color:var(--primary);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.input-right span svg[data-v-f1a10e13]{color:#fff;width:25px}.icon-mic svg[data-v-f1a10e13]{max-width:21px}.rippleeffect[data-v-f1a10e13]{display:flex;justify-content:center;align-items:center}.no-image[data-v-f1a10e13]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center}.no-image span[data-v-f1a10e13]{font-size:20px;color:#fff}.message-bubbles[data-v-f1a10e13]{display:flex;flex-direction:column}.m-bubble[data-v-f1a10e13]{width:auto;max-width:94%;display:inline-block;margin-top:15px;padding:12px;position:relative;border-radius:10px;font-size:17px}.m-bubble span[data-v-f1a10e13]{display:block;margin-top:8px;font-size:.8em;opacity:.7}.m-bubble[data-v-f1a10e13]:after{content:"";position:absolute;width:17px;height:17px}.m-bubble-received[data-v-f1a10e13]{align-self:flex-start;margin-left:3%;background-color:#fff;border-bottom-left-radius:0}.m-bubble-sent[data-v-f1a10e13]{align-self:flex-end;margin-right:3%;background-color:#dcf8c8;border-bottom-right-radius:0}.m-bubble-sent span[data-v-f1a10e13]{text-align:right}.m-bubble-sent[data-v-f1a10e13]:after{transform:rotate(-90deg);right:-13px;bottom:0;background:linear-gradient(150deg,rgb(220,248,200) 0%,rgb(220,248,200) 50%,transparent 50%,transparent)}.m-bubble-received[data-v-f1a10e13]:after{left:-13px;bottom:0;background:linear-gradient(300deg,#fff 0%,#fff 50%,transparent 50%,transparent)}.menu-chat-profile[data-v-f1a10e13]{width:200px;right:0;top:52px}@media (max-width: 900px){#chat-side[data-v-f1a10e13]{min-width:100%;flex:1}.coverage[data-v-f1a10e13]{display:none}.openChat-enter-active[data-v-f1a10e13],.openChat-leave-active[data-v-f1a10e13]{transition:opacity .3s ease}.openChat-enter-to[data-v-f1a10e13],.openChat-leave-from[data-v-f1a10e13]{opacity:1}.openChat-enter-from[data-v-f1a10e13],.openChat-leave-to[data-v-f1a10e13]{opacity:0}.back-to-home[data-v-f1a10e13]{display:inline!important}}@media (max-width: 600px){.input-items[data-v-f1a10e13]{width:97%}.input-section[data-v-f1a10e13]{height:65px}.input-icon[data-v-f1a10e13]{width:42px}.input-right[data-v-f1a10e13]{width:48px;height:48px}.icon-mic svg[data-v-f1a10e13]{max-width:19px}.icon-smile svg[data-v-f1a10e13],.icon-paperclip svg[data-v-f1a10e13]{width:28px}.input-input[data-v-f1a10e13]:after{width:17px;height:17px;right:-12px}.m-bubble[data-v-f1a10e13]{max-width:90%}.m-bubble-sent[data-v-f1a10e13]{margin-right:5%}.m-bubble-received[data-v-f1a10e13]{margin-left:5%}}.container{display:flex;align-items:center;justify-content:center;width:100%;height:100dvh;padding:0 20px}.vortext-title{text-align:center}.vortext-title p{font-size:23px}.vortext-title h1{font-size:70px;color:var(--primary)}.form-container{width:500px;max-width:500px}.form-input{display:block;width:100%;margin-top:20px;height:60px;padding-left:20px;border-radius:10px;border:1px solid #dfe1e5;font-size:20px;transition:border .3s ease}.form-input:focus{border:1px solid var(--primary)}.form-submit{background-color:var(--primary);color:#fff}.file-input{display:none}.label-for-file{display:flex;align-items:center;cursor:pointer}.label-for-file svg{width:30px}.form-changeto{font-size:20px}.form-changeto span{color:var(--primary);cursor:pointer;padding:10px 5px}.signup-form p,.login-form p{text-align:center;margin-top:20px}.form-fade-enter-active,.form-fade-leave-active{transition:all .3s ease}.form-fade-enter-from,.form-fade-leave-to{opacity:0;transform:scale(.8)}.form-fade-enter-to,.form-fade-leave-from{opacity:1;transform:scale(1)}#screen{width:100%;height:100dvh;display:flex;overflow:hidden}.header{border-bottom:1px solid #cccccc}.header-bar{height:60px;padding:6px 15px;display:flex}.anime_activate{transform-origin:center;animation:anime_activate .2s ease-in-out}.anime_deactivate{transform-origin:center;animation:anime_deactivate .2s ease-in-out}.loader-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;background-color:#fff}.loader{width:40px;aspect-ratio:1;color:var(--primary);position:relative;background:conic-gradient(from 134deg at top,currentColor 92deg,#0000 0) top,conic-gradient(from -46deg at bottom,currentColor 92deg,#0000 0) bottom;background-size:100% 50%;background-repeat:no-repeat}.loader:before{content:"";position:absolute;inset:0;--g:currentColor 14.5px,#0000 0 calc(100% - 14.5px) ,currentColor 0;background:linear-gradient(45deg,var(--g)),linear-gradient(-45deg,var(--g));animation:l7 1.5s infinite cubic-bezier(.3,1,0,1)}@keyframes l7{33%{inset:-10px;transform:rotate(0)}66%{inset:-10px;transform:rotate(90deg)}to{inset:0;transform:rotate(90deg)}}@media (max-width: 600px){.header-bar{padding:6px}}@media (max-width: 900px){.anime_activate_mobile{transform-origin:center;animation:anime_activate .3s ease-in-out}.anime_deactivate_mobile{transform-origin:center;animation:anime_deactivate .3s ease-in-out}}@keyframes anime_activate{0%{transform:scale(1.1) translate3d(0,-30px,0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes anime_deactivate{0%{transform:scale(.9) translate3d(0,30px,0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}html{scroll-behavior:smooth}*{box-sizing:border-box;font-family:Trebuchet MS,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,header,main,footer,section,div{width:100%;height:auto}body,h1,h2,h3,h4,h5,h6,p,section,div{margin:0;padding:0}button,input,select{outline:none;cursor:pointer}a{cursor:pointer;text-decoration:none;color:inherit}ul,li{margin:0;padding:0;list-style:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.scrollbar-y-style::-webkit-scrollbar{width:5px}.scrollbar-y-style::-webkit-scrollbar-track{background-color:transparent}.scrollbar-y-style::-webkit-scrollbar-thumb{background-color:#dddfe2;border-radius:5px}.scrollbar-y-style::-webkit-scrollbar-thumb:hover{background-color:#b7b9ba}.w-auto{width:auto}:root{--primary:#3390ec;--success:hsl(141, 53%, 53%)}.badge{display:inline;background-color:var(--primary);border-radius:100px;font-size:17px;text-align:center;line-height:22px;padding:1px 7px 2.5px;color:#fff;font-size:16px}