body,html{overflow-x:hidden;min-height:100vh}a{text-decoration:none}#root{min-height:100vh;width:100%;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:20px;overflow:hidden;display:flex;align-items:stretch;justify-content:center;color:#000}#root,input{transition:.3s ease-out}.logo{place-items:center;-ms-grid-columns:55px auto;grid-template-columns:55px auto;width:200px;font-size:30px;display:flex}.logo .logo_main{background:rgba(220,20,60,.1);border-radius:50px 50px 50px 0;font-family:"Seaside Resort NF";color:#dc143c;width:55px;height:55px;display:-ms-grid;display:grid;place-items:center;font-size:1em;margin-right:20px}.logo .logo_text{font-family:"Gisha";font-weight:700;font-size:.8em}.auth{width:100%}.auth .banner{display:-ms-grid;display:grid;place-items:center;height:100%}.auth .banner .banner-container{grid-gap:50px;gap:50px;display:flex;flex-direction:column;align-items:center}.auth .banner .banner-container img{width:clamp(300px,100%,600px);height:auto;transform:scale(1.7);z-index:-1}.auth .auth-wrapper{overflow:hidden;height:100%;display:-ms-grid;display:grid;place-items:center;position:relative}.auth .auth-wrapper,.auth .banner-wrapper{position:absolute;width:100%;height:100%;inset:0;padding:20px}.auth.split .auth-wrapper,.auth.split .banner-wrapper{width:50%}.auth.split .auth-wrapper{left:50%}.auth.split .banner-container{grid-gap:0;gap:0}.auth .signin,.auth .signup{display:-ms-grid;display:grid;place-items:center}.auth h1{font-family:"Gisha";font-size:28px;font-weight:700}.auth form{width:100%;max-width:400px;display:flex;flex-direction:column;grid-gap:25px;gap:25px;padding:20px}.auth form .input_feild{font-size:22px;border-bottom:3px solid #777;display:flex;align-items:center;width:auto}.auth form .input_feild svg{stroke:#777;color:#777;overflow:visible;flex:30px 1}.auth form .input_feild input{border:none;outline:none;padding:.5em 1em;font-size:20px;font-weight:500;width:100%}.auth form .input_feild input::-webkit-input-placeholder{color:#777}.auth form .input_feild input:-ms-input-placeholder{color:#777}.auth form .input_feild input::placeholder{color:#777}.auth form .or{text-align:center;color:#777;font-weight:500;font-family:Gisha;position:relative;text-transform:uppercase}.auth form .or span{padding:6px 10px;background:#fff}.auth form .or:before{content:"";position:absolute;width:100%;height:2px;top:50%;transform:translateY(-50%);z-index:-1;background:#777;left:0}.auth form .others,.auth form .others .other{display:-ms-grid;display:grid}.auth form .others .other{-ms-grid-columns:40px auto;grid-template-columns:40px auto;background:rgba(220,20,60,.1);grid-gap:20px;gap:20px;padding:10px;border-radius:10px;place-items:center;cursor:pointer;transition:.3s ease}.auth form .others .other:active{transform:scale(.9)}.auth form .others .other p{margin:0;font-family:Gisha;font-weight:700}.signin,.signup{position:absolute;width:100%;height:100%;top:0;left:0}@media only screen and (max-width:760px){.auth form .others .other{padding:8px}.auth form .others .other p{font-size:14px}}@media only screen and (max-width:400px){.banner-container{height:80%}.banner-container .logo{flex:6 1;transform:scale(1.4)!important}}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}p{margin-bottom:0}.btn{border:none;outline:none!important;font-size:20px;padding:.6em 1.2em;border-radius:10px;width:clamp(200px,100%,400px);transition:.3s ease}.btn-fill{background:#dc143c;color:#fff}.btn-outline{background:none;border:2px solid #dc143c;color:#dc143c}.btn:hover{-webkit-filter:brightness(80%);filter:brightness(80%);color:#fff}.btn:active{transform:scale(.9)}.loader-container{width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;position:absolute;z-index:9998;padding:0 30px;transition:.5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loader-wrapper{width:clamp(100px,100%,400px);height:100px;display:flex;justify-content:space-around;align-items:center}span.loader{display:inline-block;width:10px;height:100%;background:#dc143c;border-radius:5px;animation:grow 1s ease-out infinite;animation-delay:calc(var(--i)*0.05s);animation-fill-mode:both;box-shadow:3px 3px 5px rgba(0,0,0,.3)}@keyframes grow{0%{height:10%}50%{height:100%}to{height:10%}}.hover{transition:.5s ease;border-radius:10px}.hover:hover,.selected{background:rgba(220,20,60,.1)}.trim,.trim-text{overflow:hidden}.trim-text{text-overflow:ellipsis;white-space:nowrap;display:block}.bordered_input_box .label.trim-text{max-width:80%}.profilePic{display:-ms-grid;display:grid;place-items:center}.profilePic .alt,.profilePic img{border-radius:50%;width:120px;height:120px;object-fit:cover;object-position:center}.profilePic .alt{font-size:60px;display:-ms-grid;display:grid;place-items:center;background:#dc143c;color:#fff}.underlay{position:absolute;inset:0;background:rgba(0,0,0,.349)}.tabs{display:-ms-grid;display:grid;transition:background .3s ease-out}.group_update{display:flex;grid-gap:5px;gap:5px}.group_update>div{text-overflow:ellipsis;overflow:hidden}.nav{display:flex;justify-content:space-between}.nav .signout-btn{width:auto;font-weight:700;font-size:16px;padding:.2em 1.3em}.nav .logo_main{width:49px;height:49px}.dashboard{display:flex;grid-gap:20px;gap:20px;width:100%}.main-pannel{display:flex;grid-gap:10px;gap:10px;flex:auto;flex-direction:column}.tabs{grid-gap:20px;gap:20px;font-size:10px;background:#fff;z-index:99}.tabs,.tabs .user-details{display:flex;flex-direction:column}.tabs .user-details{width:250px;grid-gap:.5em;gap:.5em;background:rgba(220,20,60,.1);border-radius:10px;justify-content:center;padding:20px;text-align:center;font-family:"Gisha"}.tabs .user-details .user-display-name{font-weight:700;font-size:2em;text-align:center}.tabs .user-details .user-email{font-size:1.2em;font-weight:400}.tabs .groups .groups-header{font-weight:bolder;font-size:1.4em}.tabs .groups .groups-header span{background:#dc143c;padding:2px 5px;border-radius:3px;color:#fff}.tabs .groups .group_list{position:relative;max-height:calc(100vh - 410px)}.tabs .groups .group{display:-ms-grid;display:grid;align-items:center;padding:10px;grid-gap:10px;gap:10px;border-radius:10px;cursor:pointer;transition:.5s ease-out;-ms-grid-columns:45px auto;grid-template-columns:45px auto;width:100%}.tabs .groups .group .group_name{font-size:18px;font-weight:700;font-family:"Gisha";margin:0}.tabs .groups .group .group_text{flex:auto;max-width:100%}.user-online-status{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.6em;grid-gap:.4em;gap:.4em}.user-online-status .online-status{width:10px;height:10px;display:inline-block;border-radius:50%}.user-online-status .online-status.Online{background:#20ff45}.user-online-status .online-status.Offline{background:#777}.user-online-status .online-status.Idle{background:#ff8c00}.optionsIcon{display:flex;justify-content:flex-end;align-items:center}.optionsIcon .options_wrapper{position:relative}.optionsIcon svg{width:20px;height:20px;cursor:pointer}.options_dropdown{position:absolute;width:250px;left:0;top:0;transform:translateX(-110%);background:#fff;z-index:99;border-radius:10px;box-shadow:0 2px 8px rgba(220,20,60,.1),0 2px 5px rgba(220,20,60,.1);transition:height .5s ease,transform .4s ease,opacity .4s ease}.options_dropdown::-webkit-scrollbar{width:0}.options_dropdown ul{list-style:none;margin:0;display:-ms-grid;display:grid;grid-gap:10px;gap:10px;padding:20px}.options_dropdown ul li.dropDown_item{display:-ms-grid;display:grid;-ms-grid-columns:auto 30px;grid-template-columns:auto 30px;grid-gap:10px;gap:10px;cursor:pointer;align-items:center;padding:10px}.options_dropdown ul li.dropDown_item svg{width:1em;height:1em}.chat-pannel{width:100%;height:100%;background:rgba(220,20,60,.1);border-radius:10px;position:relative;transform-origin:0 50%;overflow:hidden}.chat-pannel .form_input{display:-ms-grid;display:grid;align-items:center;position:absolute;width:calc(100% - 20px);left:10px;bottom:10px;background:#fff;border-radius:10px;min-height:50px;padding:5px;box-shadow:0 2px 8px rgba(220,20,60,.1),0 2px 5px rgba(220,20,60,.1);transition:.3s ease-out}.chat-pannel .form_input form{display:-ms-grid;display:grid;-ms-grid-columns:auto 70px;grid-template-columns:auto 70px;grid-gap:10px;gap:10px;height:100%;position:relative;min-height:35px;align-items:center}.chat-pannel .form_input form .text-wrapper{display:-ms-grid;display:grid;align-items:center;-ms-grid-columns:auto 30px;grid-template-columns:auto 30px}.chat-pannel .form_input form .text-wrapper textarea{border:none;outline:none;padding-left:10px;font-size:14px;resize:none;height:30px;width:100%;line-height:1.3;max-height:120px;transition:.3s ease-out}.chat-pannel .form_input form .text-wrapper .image_icon{cursor:pointer;transition:all .3s;border-radius:5px;padding:.5px 2px}.chat-pannel .form_input form .text-wrapper .image_icon.open{background:#eee}.chat-pannel .form_input form .text-wrapper .image_icon svg{width:100%;height:100%}.chat-pannel .form_input form button{background:#dc143c;border-radius:5px;color:#fff;width:auto;padding:0 .5em;display:-ms-grid;display:grid;place-items:center;width:100%;max-height:40px;height:100%}.chat-pannel .form_input form button svg{fill:#fff}.chat-pannel .form_input .filepond--credits{display:none}.chat-pannel .form_input .filepond--root{margin-bottom:5px}.chat-pannel .messages{padding:10px 10px 0;position:absolute;width:100%;height:100%}.chat-pannel .messages .messages_list{display:flex;flex-direction:column-reverse;grid-gap:20px;gap:20px;overflow-y:auto;height:calc(100% - 70px);position:absolute;inset:0;padding:100px 10px 10px}.chat-pannel .messages .message{display:flex;align-items:flex-start;grid-gap:10px;gap:10px;border-radius:10px;width:100%;background-color:transparent}.chat-pannel .messages .message .bubble{max-width:80%;display:flex;flex-direction:column}.chat-pannel .messages .message .bubble .message_sender{font-size:10px;color:#aaa;margin-bottom:5px}.chat-pannel .messages .message .bubble .text{width:100%;border-radius:10px;padding:10px 12px;font-size:14px;box-shadow:0 3px 15px rgba(220,20,60,.2);font-weight:700;transition:background .3s ease-out;-webkit-user-select:text;-ms-user-select:text;user-select:text}.chat-pannel .messages .message .bubble .text p{white-space:break-spaces;line-height:1.6;max-width:100%;word-break:break-word}.chat-pannel .messages .message .bubble .timestamp{font-family:Gisha;font-style:normal;font-weight:400;font-size:10px;line-height:12px;margin-top:10px;display:flex;color:rgba(0,0,0,.4);padding:0 5px;transition:.3s ease-out}.chat-pannel .messages .message.sent{flex-direction:row-reverse;align-self:flex-end}.chat-pannel .messages .message.sent .bubble{align-items:flex-end}.chat-pannel .messages .message.sent .bubble .text{background:#424242;color:#fff;box-shadow:0 3px 15px rgba(220,20,60,.3)}.chat-pannel .messages .message.sent .bubble .timestamp{justify-content:flex-end}.chat-pannel .messages .message.received{align-self:flex-start;flex-direction:row}.chat-pannel .messages .message.received .bubble{align-items:flex-start}.chat-pannel .messages .message.received .bubble .text{background:#fff;color:#2b2b2b}.chat-pannel .messages .message.received .bubble .timestamp{justify-content:flex-start}.chat-pannel .messages .message .img_profile{display:-ms-grid;display:grid;place-items:center;transition:.3s ease-out}.chat-pannel .messages .message .img_profile img,.chat-pannel .messages .message .img_profile svg{border-radius:50%;width:46px;height:46px;border:3px solid #fff;box-shadow:0 3px 15px rgba(220,20,60,.4)}.chat-pannel .messages .message .img_profile svg{background:#dc143c;fill:#fff;stroke-width:.5px;stroke:#fff;padding:7px}.chat-pannel .messages .message .img_profile img{object-fit:cover;object-position:center}.no_groups{font-size:18px}.scroll{overflow-y:auto}.scroll::-webkit-scrollbar{width:3px}.scroll::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(220,20,60,.5019607843137255)}.info_bubble{text-align:center;display:inline-block;margin:0 auto;padding:5px 10px;border-radius:5px;background:hsla(0,0%,100%,.801);box-shadow:0 3px 15px rgba(220,20,60,.2);transition:.3s ease-out}.messages_header{position:-webkit-sticky;position:sticky;top:0;right:10px;left:10px;-ms-grid-columns:auto 50px;grid-template-columns:auto 50px;grid-gap:20px;z-index:90}.messages_header,.messages_header .head{display:-ms-grid;display:grid;gap:20px;transition:.3s ease-out}.messages_header .head{border-radius:10px;-ms-grid-columns:35px auto;grid-template-columns:35px auto;grid-gap:20px;padding:10px;height:55px;align-items:center}.messages_header .head,.messages_header .messages_options{background:#fff;box-shadow:0 3px 15px rgba(220,20,60,.2);cursor:pointer}.messages_header .messages_options{border-radius:50%;height:50px;padding:5px;display:-ms-grid;display:grid;place-items:center;position:relative}.no-chat-selected{position:absolute;inset:10px;display:-ms-grid;display:grid;place-items:center}.users_list{max-height:300px}.caret{position:absolute;bottom:4.5rem;right:18px;height:35px;width:35px;background:#dc143c;color:#fff;display:-ms-grid;display:grid;place-items:center;border-radius:50%}.caret,.reply{transition:.5s ease-out;cursor:pointer}.reply{background:rgba(220,20,60,.1);padding:10px;font-size:12px;margin-bottom:5px;border-radius:5px;position:relative}.reply svg{position:absolute;top:0;right:0;cursor:pointer;padding:5px;z-index:10}.reply .recipeint{opacity:.7;margin-bottom:5px;display:block}.sent_image{margin-bottom:5px;transition:.5s ease-out;width:auto;min-width:50px;max-width:500px}.sent_image img{border-radius:10px;width:100%;height:auto}.fade-trans-enter{opacity:0;transform:translateY(100%)}.fade-trans-enter-active,.fade-trans-exit{opacity:1;transform:translateY(0)}.fade-trans-exit-active{opacity:0;transform:translateY(100%)}@media screen and (max-width:500px){.chat-pannel .messages .message .bubble .text{font-size:12px!important;padding:8px 10px}.chat-pannel .messages .message .bubble .timestamp{font-size:8px}.chat-pannel .messages .info_bubble{font-size:12px!important}}.fade-enter{opacity:0;transform:translateY(20px) translateX(-110%)}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0) translateX(-110%)}.fade-exit-active{opacity:0;transform:translateY(30px) translateX(-110%)}.tab_logo{display:flex;justify-content:space-between;align-items:center}.tab_logo .cancel{font-size:16px;display:none;cursor:pointer}.ham{display:none}@media only screen and (max-width:700px){.tabs{position:absolute;height:100%;padding:20px;transform:translateX(-100%);left:0;top:0}.ham,.tabs .cancel{display:inline-block}.optionsIcon{justify-content:space-between}}.group_profilePic{width:45px;height:45px;border-radius:50%;display:-ms-grid;display:grid;place-items:center;color:#fff;background:#dc143c;object-fit:cover;object-position:center;overflow:hidden}.group_profilePic img{width:100%;object-fit:cover;object-position:center}.messages .head .name h5{font-size:20px;margin-bottom:0}.messages .head .name span{font-size:10px}.messages .head .group_profilePic{width:100%;height:100%}.unread{justify-self:flex-end;flex:1 1;display:flex;align-items:center;justify-content:flex-end}.unread .unread_circle{border-radius:50%;display:-ms-grid;display:grid;place-items:center;width:20px;height:20px;background:#dc143c;color:#fff;transform:scale(0);opacity:0}.options_wrapper{display:flex;flex-direction:row-reverse;grid-gap:20px;gap:20px;position:relative}.dropDown_item_notif{padding:10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;grid-gap:20px;gap:20px}.dropDown_item_notif:last-child{border-bottom:none}.notif_wrapper{width:100%}.slide-enter{transform:translateX(-110%)}.slide-enter-active{transform:translateX(0);transition:all .5s ease}.slide-exit{position:absolute}.slide-exit-active{transform:translateX(-110%);transition:all .5s ease}.side-enter{position:absolute;transform:translateX(110%)}.side-enter-active{transform:translateX(0);transition:all .5s ease}.side-exit-active{position:absolute;transform:translateX(110%);transition:all .5s ease}.action{margin-bottom:16px}.action div{border-radius:10px;padding:10px;font-size:20px;font-weight:700;cursor:pointer;display:-ms-grid;display:grid;-ms-grid-columns:20px auto;grid-template-columns:20px auto;align-items:center;grid-gap:10px;gap:10px}.indicator{position:absolute;width:15px;height:15px;background:#dc143c;top:-3px;right:-3px;display:inline-block;border-radius:50px;transition:.5s ease-out;display:-ms-grid;display:grid;place-items:center;color:#fff;font-weight:700;font-size:10px}.indicator.show{transform:scale(1)}.indicator.hide{transform:scale(0)}.group .group_profilePic img{width:45px;height:45px}.messages .group_profilePic img{width:35px;height:35px}@media only screen and (max-width:400px){.options_dropdown{position:absolute;width:80vw;left:auto;right:0;top:150%;transform:translateX(0)}.fade-enter{transform:translateY(20px)}.fade-enter-active,.fade-exit{transform:translateY(0)}.fade-exit-active{transform:translateY(30px)}.messages .group_profilePic img{width:25px;height:25px}.modal-custom .modal-content-custom{transition:1.2s cubic-bezier(.24,.78,.06,.99),background .3s ease-out!important}}.options_dropdown{max-height:500px}.mode_label{align-items:center;display:flex;flex:auto}.mode_label,.mode_label label{height:100%;justify-content:center}.mode_label label{cursor:pointer;margin:0}.mode_label label svg{width:13px;height:13px}.toggle-checkbox{position:absolute;opacity:0;height:0;width:0}.toggle-slot{font-size:1px;position:relative;height:100%;width:50px;border:2px solid #dc143c;border-radius:20px;transition:background-color .25s}.toggle-checkbox:checked~.toggle-slot,.toggle-slot{background-color:#fff}.toggle-button{transform:translate(29px,3.5px);position:absolute;height:13px;width:13px;border-radius:50%;background-color:#dc143c;transition:background-color .25s,border-color .25s,transform .5s cubic-bezier(.26,2,.46,.71)}.toggle-checkbox:checked~.toggle-slot .toggle-button{background-color:#485367;transform:translate(3px,3.5px)}.sun-icon{color:#dc143c}.sun-icon,.sun-icon-wrapper{position:absolute;height:13px;width:13px}.sun-icon-wrapper{opacity:1;transform:translate(3px,3.5px) rotate(0deg);transform-origin:50% 50%;transition:opacity .15s,transform .5s cubic-bezier(.26,2,.46,.71)}.toggle-checkbox:checked~.toggle-slot .sun-icon-wrapper{opacity:0;transform:translate(29px,3.5px) rotate(-60deg)}.moon-icon{color:#fff}.moon-icon,.moon-icon-wrapper{position:absolute;height:13px;width:13px}.moon-icon-wrapper{opacity:0;transform:translate(3px,3.5px) rotate(60deg);transform-origin:50% 50%;transition:opacity .15s,transform .5s cubic-bezier(.26,2.5,.46,.71)}.toggle-checkbox:checked~.toggle-slot .moon-icon-wrapper{opacity:1;transform:translate(29px,3.5px) rotate(15deg)}#root.dark .message_blink{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{background:transparent;outline-color:transparent}50%{outline-color:hsla(0,0%,100%,.562);background:hsla(0,0%,100%,.562)}}.message_blink{outline-width:5px;outline-style:solid;animation:blink_dark 1s ease-in-out infinite}@keyframes blink_dark{0%,to{background:transparent;outline-color:transparent}50%{outline-color:rgba(220,20,60,.253);background:rgba(220,20,60,.253)}}.modal-custom{position:fixed;inset:0;padding:20px;transition:.5s ease,transform .75s cubic-bezier(.18,.72,.35,1),opacity .75s cubic-bezier(.18,.72,.35,1);z-index:1000;display:-ms-grid;display:grid;place-items:center}.modal-custom .underlay{background:hsla(0,0%,100%,.5);position:absolute;inset:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.3s ease-out}.modal-custom .modal-content-custom{max-height:90vh;background:#fff;position:relative;box-shadow:0 .5rem 1rem rgba(220,20,60,.301),0 1.5rem 3rem rgba(220,20,60,.1);border-radius:10px;transition:.3s ease-out;overflow:auto;min-width:400px}.modal-custom .modal-content-custom .modal-content-custom-wrapper{padding:20px}.modal-custom .modal-content-custom .close{position:absolute;top:0;right:0;padding:.5rem;border-radius:0 10px 0 10px;background:#dc143c;color:#fff;opacity:1;z-index:10}.modal-custom .modal-content-custom .modal-head{position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:9;margin:0;transition:.3s ease-out;box-shadow:0 15px 15px -18px rgba(0,0,0,.29)}.modal-custom input[type=file]{display:none}.modal-custom .modal-head{margin-right:2rem;border-bottom:1px solid #eee;padding:10px 0}.modal-custom h4{margin-bottom:16px}.modal-custom label.profile_icon{width:100px;height:100px;display:-ms-grid;display:grid;place-items:center;color:#fff;position:relative;cursor:pointer}.modal-custom label.profile_icon .cover{overflow:hidden;width:100%;height:100%}.modal-custom label.profile_icon .cover img{width:100%;height:100%;object-fit:cover;object-position:center}.modal-custom label.profile_icon .profile_icon_placeholder,.modal-custom label.profile_icon img{border-radius:50%;position:absolute;inset:0;display:-ms-inline-grid;display:inline-grid;place-items:center;transition:.5s ease}.modal-custom label.profile_icon .profile_icon_placeholder svg,.modal-custom label.profile_icon img svg{width:auto;height:auto}.modal-custom label.profile_icon .profile_icon_placeholder{background:#dc143c}.modal-custom label.profile_icon .loader-container{border-radius:50%;z-index:5}.modal-custom label.profile_icon .loader-container .loader{transform:scale(.5)}.modal-custom label.profile_icon span.edit{position:absolute;bottom:0;right:0;border-radius:50%;background:#dc143c;color:#fff;display:-ms-inline-grid;display:inline-grid;width:35px;height:35px;border:5px solid #fff;place-items:center;box-shadow:0 2px 5px rgba(220,20,60,.4);transition:1s ease;z-index:8}.modal-custom label.profile_icon span.edit:active{transform:scale(.95)}.modal-custom label.profile_icon span.edit svg{width:18px;height:18px}.modal-custom .form{position:relative}.modal-custom .form,.modal-custom .form form{display:flex;flex-direction:column}.modal-custom .form form .form_grid{display:-ms-grid;display:grid;-ms-grid-columns:(minmax(320px,500px))[2];grid-template-columns:repeat(2,minmax(320px,500px));padding:20px 0;grid-gap:30px;gap:30px;width:100%;min-width:250px;grid-gap:40px;gap:40px}.modal-custom .form .btn{align-self:flex-end}.modal-custom .group_details{display:-ms-grid;display:grid;grid-gap:20px;gap:20px}.modal-custom .modal_input_feild input{padding:5px 10px;border:none;border-bottom:1px solid grey;transition:.5s ease;outline:none;font-size:20px;width:100%}.modal-custom .modal_input_feild input:focus{border-color:#dc143c}.modal-anim-enter{transform:scale(.9) translateY(20px)}.modal-anim-enter-active,.modal-anim-exit{transform:scale(1) translateY(0)}.modal-anim-exit-active{transform:scale(.9) translateY(0)}.modal-content-anim-enter{transform:scale(.8) translateY(20px)}.modal-content-anim-enter-active,.modal-content-anim-exit{transform:scale(1) translateY(0)}.modal-content-anim-exit{opacity:1}.modal-content-anim-exit-active{opacity:0;transform:scale(.9) translateY(-20px)}.profile_icon_switch_img-enter{opacity:0;transform:scale(.8)}.profile_icon_switch_img-enter-active,.profile_icon_switch_img-exit{opacity:1;transform:scale(1)}.profile_icon_switch_img-exit-active,.profile_icon_switch_svg-enter{opacity:0;transform:scale(.8)}.profile_icon_switch_svg-enter-active,.profile_icon_switch_svg-exit{opacity:1;transform:scale(1)}.profile_icon_switch_svg-exit-active{opacity:0;transform:scale(.8)}.bordered_input_box{position:relative;font-size:1.2rem}.bordered_input_box input{padding:14px 20px;border:3px solid grey;border-radius:10px;outline:none;width:100%}.bordered_input_box .label{left:15px;top:10px;position:absolute;transition:.3s ease-out,background 0s;padding:5px 10px;pointer-events:none}.bordered_input_box.valid input{border-color:#dc143c}.bordered_input_box.valid .label{top:-15px;left:10px;color:#dc143c;background-color:#fff;font-size:.8rem}.users_list{list-style:none;padding:0;margin:20px 0 0}.users_list li{display:flex;grid-gap:20px;gap:20px;align-items:center;padding:10px;border-radius:10px;cursor:pointer}.users_list li img{width:50px;height:50px;flex:50px 1;border-radius:50%;object-fit:cover;object-position:center}.users_list li .user{flex:auto}.users_list li .user .user_name{display:flex;align-content:center;overflow:hidden;grid-gap:5px;gap:5px}.users_list li .user .user_name h5{display:inline-block}.users_list li .user .user_name .admin_state{margin-top:5px}.users_list li .user h6{display:flex;align-items:center;grid-gap:10px;gap:10px}.users_list li .profilepic{position:relative}.users_list li .profilepic .user-online-status{position:absolute;top:3px;left:3px}.users_list li .profilepic .profilePic .alt,.users_list li .profilepic .profilePic img{width:50px;height:50px}.users_list li .profilepic .profilePic .alt{font-size:24px}.users_list li .user h5{margin-bottom:0}.users_list li .user span{font-size:12px}.users_list li svg{width:30px;height:30px}.users_list li .add_user{padding:10px;border-radius:50%;transition:.5s ease-out;justify-self:flex-end;width:50px;height:50px}.users_list li .add_user.added{background:rgba(0,163,54,.582)}.users_list li .add_user.added svg{transition:.5s ease-out;color:#fff}.users_list li .add_user.red{background:#dc143c}.users_list li .add_user.red svg{color:#fff}.users_list li:last-child{margin-bottom:0}.group_security label{display:inline-block;width:120px;padding:5px;border-radius:5px;position:relative;margin-right:20px;cursor:pointer;overflow:hidden}.group_security span.label{margin-left:35px;z-index:2;position:relative}.group_security label input[type=radio]{display:none}.group_security label span.dot{width:20px;height:20px;top:50%;left:7%;transform:translateY(-50%);border-radius:50%;z-index:2;border:5px solid transparent}.group_security label span.bg,.group_security label span.dot{display:inline-block;background:rgba(220,20,60,.1);position:absolute;transition:.5s}.group_security label span.bg{width:100%;height:100%;top:0;left:0}.group_security label input[type=radio]:checked~span.label{color:#fff}.group_security label input[type=radio]:checked~span.bg{background:#dc143c}.group_security label input[type=radio]:checked~span.dot{border-color:#fff;background:none}@media screen and (max-width:900px){.create-group form .form_grid{-ms-grid-columns:100%!important;grid-template-columns:100%!important}.modal-custom .form .btn{-ms-grid-row-align:center;align-self:center}}.join-group{width:clamp(300px,100%,500px)}.join-group .join-group-wrapper{margin:20px 0 0}.group-info .profilePic{margin:20px auto;display:-ms-grid;display:grid;place-items:center;color:#fff;position:relative;cursor:pointer;border-radius:50%;overflow:hidden}.group-info .profilePic .alt,.group-info .profilePic img{width:200px;height:200px;box-shadow:0 3px 8px rgba(220,20,60,.1)}.group-info .profilePic img{object-fit:cover;object-position:center}.group-info .profilepic{position:relative}.group-info .profilepic .user-online-status{position:absolute;top:3px;left:3px;z-index:10}.group-info .profilepic .profilePic{margin:0;width:50px;height:50px}.group-info .group-memebers-count{background:#dc143c;padding:2px 5px;border-radius:3px;color:#fff;aspect-ratio:1/1}.list-loader{position:relative}.list-loader .loader-container{position:relative;margin-top:20px;background:none!important}@media screen and (max-width:500px){.modal-custom .underlay{display:none}.modal-custom{top:0;left:0;padding:0}.modal-custom .form .form_grid{align-items:center}.modal-custom .modal-content-custom{width:100%;height:100%;max-height:100%;border-radius:0;box-shadow:none;min-width:auto}.modal-anim-enter{transform:translateY(110%)}.modal-anim-enter-active,.modal-anim-exit{transform:translateY(0)}.modal-anim-exit-active{transform:translateY(110%)}.chat-pannel .messages .message{max-width:95%}.messages .head .name h5{font-size:14px}}.admin_state{color:var(--green);font-weight:700}.admin_state.Super{color:var(--purple)}.no-chat{display:-ms-grid;display:grid;place-items:center;-ms-grid-rows:40vh auto;grid-template-rows:40vh auto;position:absolute;top:50%;left:50%;grid-gap:40px;gap:40px;transform:translate(-50%,-50%)}.no-chat .no-chat-svg{width:auto;height:100%}.no-chat .text{font-weight:600}.fab-wrapper .fab{position:absolute;bottom:30px;right:30px;width:60px;height:60px;background:#dc143c;border-radius:50%}.fab-wrapper .fab.ball{display:-ms-grid;display:grid;place-items:center;cursor:pointer;transition:background .3s;box-shadow:0 5px 8px rgba(32,1,7,.3137254901960784),0 7px 12px rgba(32,1,7,.12156862745098039)}.fab-wrapper .fab.ball:hover{background:#960e29}.fab-wrapper .fab.ball svg{height:25px;width:25px;color:#fff}.fab-wrapper .fab.move{opacity:0}.fab-wrapper .fab.move span.tooltip{display:inline-block;position:absolute;padding:6px 10px;font-size:12px;background:#050718;color:#fff;left:0;transform:translateX(-110%) translateY(10px) scale(0);opacity:0;transform-origin:90% 90%;white-space:nowrap;border-radius:5px;pointer-events:none}@media screen and (max-width:500px){.no-chat{width:80%;grid-gap:0;gap:0}.no-chat .no-chat-svg{width:100%;height:auto}}.loader-container.dark{background:rgba(16,21,83,.5333333333333333)}#root.dark{color:#fff}#root.dark,#root.dark .tabs{background:#050718}#root.dark .options_dropdown{background:#050718;box-shadow:0 4px 10px rgba(0,0,0,.582);border:2px solid #fff}#root.dark .chat-pannel .form_input{background:#050718;box-shadow:0 2px 8px rgba(5,7,24,.21176470588235294),0 2px 5px rgba(5,7,24,.12941176470588237)}#root.dark .chat-pannel .form_input textarea{background:#050718;color:#fff}#root.dark .messages_header .head,#root.dark .messages_header .messages_options{background:#050718;color:#fff;box-shadow:0 3px 15px rgba(5,7,24,.48627450980392156)}#root.dark input{background:none;color:#fff}#root.dark input:-webkit-autofill{border-radius:5px;background-color:rgba(220,20,60,.1)!important}#root.dark .auth form .input_feild{border-bottom:3px solid #bebebe}#root.dark .auth form .input_feild svg{stroke:#fff;color:#fff}#root.dark .info_bubble{background:rgba(5,7,24,.36470588235294116);box-shadow:0 3px 6px rgba(0,0,0,.247)}#root.dark .message .text{box-shadow:0 3px 5px rgba(0,0,0,.199);color:#fff}#root.dark .message.sent .bubble .text{background:#050718}#root.dark .message.received .bubble .text{background:rgba(220,20,60,.1)}#root.dark .message .timestamp{color:hsla(0,0%,100%,.4)}#root.dark .chat-pannel .messages .message .img_profile{box-shadow:0 4px 12px rgba(0,0,0,.4);border-radius:50%}#root.dark .chat-pannel .messages .message .img_profile img{box-shadow:none}#root.dark p.or{color:#fff}#root.dark p.or:before{background:none}#root.dark p.or span{background:rgba(220,20,60,.1);border-radius:5px}#root.dark .modal-custom .underlay{background:rgba(16,21,83,.5333333333333333)}#root.dark .modal-custom .modal-content-custom{background:#050718;box-shadow:0 8px 20px rgba(0,0,0,.274)}#root.dark .bordered_input_box.valid .label,#root.dark .modal-custom .modal-head{background:#050718}#root.dark .banner-container img{display:none}#root.dark .banner-container .logo{transform:scale(1.7);pointer-events:none}#root.dark .fab-wrapper .fab.ball{box-shadow:0 6px 15px rgba(32,1,7,.8235294117647058),0 10px 25px rgba(32,1,7,.5764705882352941)}#root.dark .fab-wrapper .fab.move{opacity:0}#root.dark .toggle-slot{background:#050718}#root.dark .filepond--panel-root{background:none}#root.dark .filepond--drop-label{background:rgba(220,20,60,.1);color:#fff}@media screen and (max-width:700px){.tabs{border-radius:0 10px 10px 0}}@media screen and (max-width:400px){.auth .auth-wrapper{padding:0}.auth .auth-wrapper form{padding:20px}.loader-wrapper{scale:.6}.no-chat-selected{font-size:20px!important}#root{padding:10px}.messages_header .head{height:45px;-ms-grid-columns:25px auto;grid-template-columns:25px auto}.messages_header .head svg{width:15px;height:15}.messages_header .head h5{font-size:18px}.messages_header .messages_options{height:45px}.messages_header{-ms-grid-columns:auto 45px;grid-template-columns:auto 45px;grid-gap:10px;gap:10px}.chat-pannel .underlay{display:none}}.show-enter{opacity:0;transition:all .5s}.show-enter-active,.show-exit{opacity:1;transition:all .5s}.show-exit-active{opacity:0;transition:all .5s}
/*# sourceMappingURL=main.1fc55323.chunk.css.map */