@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background:#fff;--background-left:#eceff7;--text-primary:#000;--text-secondary:#4169e1;--accent:purple;--background-green:#fff;--background-lightgreen:#fff;--background-messagecolor:#d3e3fd}[data-theme=dark]{--background:#000;--text-primary:#fff;--text-secondary:grey;--accent:darkred}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.large-emoji{font-size:16px!important}.bg_white{background-color:"#ffffff"!important}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-sider>.ant-layout-sider-children{background:#fff;border-right:1px solid #fff;display:flex;flex-direction:column}.Menufooter_h50{align-items:center;border-right:1px solid #dfdfdf;display:flex;height:50px;width:100%}.Menufooter_h50>svg{fill:#1677ff;cursor:pointer;font-size:24px;width:100%}.sider-menu{background:#fff!important;height:100%!important}.chat-sider{flex:0 0 65px!important;max-width:65px!important;min-width:65px!important;width:65px!important}.outline-none{outline:none}.sider-menu>.ant-menu-item>.anticon{font-size:24px}.sider-menu>.ant-menu-item{height:50px!important;line-height:55px!important;padding-inline:calc(50% - 16px)!important}.sider-menu>.ant-menu-item>.ant-menu-title-content{color:#fff}.sider-menu>.ant-menu-item-selected{background:#f5f5f5!important;border-radius:0!important;-webkit-clip-path:inset(0 0 0 -10%);clip-path:inset(0 0 0 -10%);outline:2px solid #1677ff!important}.ant-layout,.ant-layout-content{height:100vh}.ant-layout-content{width:100%}.sidemenu-icon{fill:#606060;font-size:24px!important}.ant-menu-item-selected>.sidemenu-icon{fill:#1677ff}.Menu_h50{border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;height:50px;outline:none;width:100%}.h-100p{height:100%}.ant-tooltip-inner{color:#000!important}.ant-tooltip-arrow:before,.ant-tooltip-inner{background-color:#fff!important}.Error_box{margin-top:6px;padding:4px 10px}body{margin:0;min-height:100vh;overflow-y:auto;width:100%}.loginbox-main{align-items:center;height:100vh}.centered-box,.loginbox-main{display:flex;justify-content:center}.centered-box{border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 4px 0 #00000040!important;flex-direction:column;padding:40px 20px;width:350px}.centered-box img{align-self:center;margin-bottom:10px;max-height:100%!important;max-width:100%}.centered-box form{width:100%}.centered-box form .ant-form-item{margin-bottom:10px}.submit-btn{background-color:#14a0d3;margin-top:25px;width:50%}@media screen and (max-width:576px){.centered-box{margin:0 auto;padding:20px;width:80%}.submit-btn{width:100%}}.AV-height{background-color:#f9fafc;height:100vh}.video_grid_mainbox{display:flex;height:calc(100vh - 65px)}.w-100{width:100%!important}.video_options_box{align-items:center;background-color:#fff;display:flex;height:50px!important;justify-content:center}.video_grid_box_header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#fffffff2,#ffffffe6);border-bottom:1px solid #00000014;box-shadow:0 2px 8px #0000000f;display:flex;height:58px!important;justify-content:space-between}.video_grid_box_videos{grid-gap:10px;background-color:#f9fafc;display:grid;gap:10px;height:100%!important;overflow-y:auto;padding:4px}.users_chat_box{background-color:#fff;border-left:.3px solid #efefef}.grid-1{grid-template-columns:repeat(1,1fr)}.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-areas:"box1 box2" "box3 box3";grid-template-rows:repeat(2,1fr)}.grid-3 .video-box:nth-child(3){grid-area:box3}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-4,.grid-5{grid-template-rows:repeat(2,1fr)}.grid-5{grid-template-columns:repeat(3,1fr)}.grid-5 .video-box:nth-child(4){grid-column:span 2}.grid-6{grid-template-columns:repeat(3,1fr)}.grid-6,.grid-7{grid-template-rows:repeat(2,1fr)}.grid-7{grid-template-columns:repeat(4,1fr)}.grid-7 .video-box:nth-child(7){grid-column:3/5}.grid-8{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.grid-9{grid-template-columns:repeat(3,1fr)}.grid-10,.grid-9{grid-template-rows:repeat(3,1fr)}.grid-10{grid-template-columns:repeat(4,1fr)}.grid-10 .video-box:nth-child(10){grid-column:3/5}.grid-10 .video-box:nth-child(9){grid-column:1/3}.grid-above-10{align-items:center;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.video-box{background-color:#fff;border-radius:15px}.placeholder-box,.video-box{align-items:center;display:flex;justify-content:center}.placeholder-box{background-color:#4caf50;color:#fff;font-size:20px;height:100%;width:100%}.video_grid_box_videos::-webkit-scrollbar{width:2px}.video_grid_box_videos::-webkit-scrollbar-thumb{background-color:#c2bebe;border-radius:10px}.video_grid_box_videos::-webkit-scrollbar-track{background-color:#f1f1f1}.call_Tabs .ant-tabs-tab{padding:0}.call_Tabs .ant-tabs-content-holder{height:calc(100vh - 110px)}.icons-box{align-items:center;display:flex;gap:8px;height:55px;justify-content:flex-end;margin-right:30px}.icons-box>.ant-btn-icon-only{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#555;font-size:30px;transition:all .3s ease}.icons-box>.ant-btn-icon-only,.options-style{align-items:center;border:1px solid #00000014;border-radius:8px;display:flex;justify-content:center}.options-style{background:linear-gradient(135deg,#fff,#f9f9f9);box-shadow:0 2px 8px #0000000a;cursor:pointer;flex-direction:column;height:48px!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.options-style:hover{background:linear-gradient(135deg,#f9f9f9,#f0f0f0)!important;box-shadow:0 4px 12px #00000014!important;transform:translateY(-2px)}.options-style:active{transform:translateY(0)}.options-style:disabled{background:#f5f5f5!important;box-shadow:none;cursor:not-allowed;opacity:.6}.options-style:disabled>.ant-btn-icon{color:#d0d0d0!important}.options-style:disabled>span{color:#d0d0d0}.options-style>.ant-btn-icon{color:#333;font-size:22px!important;height:25px;margin-inline-end:0!important;transition:color .3s ease}.options-style:hover>.ant-btn-icon{color:#1890ff}.options-style>span{color:#333;font-size:11px;font-weight:500;margin-top:2px;transition:color .3s ease}.options-style:hover>span{color:#1890ff}.dropdown-options{z-index:999}.End_call_btn{align-items:center!important;background:linear-gradient(135deg,#ff4757,#ff3838)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #ff47574d!important;color:#fff!important;display:flex;font-size:12px!important;font-weight:500;height:48px!important;padding:0 20px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.End_call_btn:hover{box-shadow:0 6px 20px #ff475766!important;transform:translateY(-2px)!important}.End_call_btn:active{transform:translateY(0)!important}.btn-wrapper{height:50px}.border-bottom{border-bottom:2px solid #382bf3}.participants_header{border-bottom:1px solid #f0f0f0;height:22px;justify-content:space-between;padding:18px 10px}.fs-14{font-size:14px}.f-700{font-weight:700}.add_user_to_call{padding:6px 10px}.chatshow .message_content_receive{align-items:center;background:#e3f2fd!important;border-radius:12px;border-bottom-left-radius:4px;float:right}.chatshow .message_content,.chatshow .message_content_receive{font-size:14px;justify-content:end;max-width:100%!important;min-height:30px;padding:10px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chatshow .message_content{background:#bbdefd!important;border-radius:12px;border-bottom-right-radius:4px;margin-bottom:3px}.chatshow .message_box{width:96%!important}.chatshow .reply-message-container{max-width:280px!important;width:280px!important}.chatshow .file-preview-container{min-width:270px;width:270px}.chatshow .msg_left{padding-left:10px;width:100%!important}.chatshow .ScrollContainer{padding:0!important}.call_Notifications{align-items:center;display:flex;gap:10px;padding:5px 12px;text-align:left}.Cn_timestamp,.cn_message{color:#585858;font-size:12px}.chatshow{display:flex;flex-direction:column;height:calc(100vh - 62px)}.usersshow{display:block}.hidden{display:none}.chatshow .input-box{padding:6px 18px!important}.ant-popover,.chatshow .avathar_leftmainbox{display:none!important}.screen-share-container{gap:5px;height:calc(100vh - 60px);padding:4px;width:100%}.displayflex{display:flex}.displayblock{display:block}.screen-share-video{background:#000;border-radius:15px;flex:1 1;height:100%}.participants-container{display:flex;flex-direction:column;gap:15px;height:100%;overflow-y:auto;width:25%}.conference{border-radius:10px;display:flex;flex:1 1;gap:10px;max-height:100%;max-width:100%;position:relative}.conference.fullscreen-mode{flex-direction:column}.Dish{align-content:center;align-items:center;display:flex;flex:1 1;flex-wrap:wrap;justify-content:center;overflow:auto;transition:all .3s ease-in-out;vertical-align:middle}.Dish.minimized{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid #fff3;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0000004d;display:none;flex:0 1;flex-wrap:nowrap;height:150px;min-width:200px;position:absolute;right:20px;z-index:100}.Dish>div{align-self:center;animation:show .4s ease;background:#e0e3f8;border-radius:10px;display:inline-block;position:relative;vertical-align:middle}.Dish>div video{background:#000;background-size:cover;border-radius:10px;bottom:0;height:100%;left:0;object-fit:cover;overflow:hidden;position:absolute;right:0;top:0;transition:margin-top 1s ease-in-out;width:100%}.Dish>div video.loading{margin-top:100%}.Dish div:after{bottom:20px;color:#aaa;content:attr(data-aspect);font-family:Arial,Helvetica,sans-serif;font-size:13px;left:23px}.Dish div:after,.Dish div:before{display:block;font-weight:100;position:absolute}.Dish div:before{background-size:100% 100%;content:"";height:100%;opacity:.3;width:100%}.Screen{flex:3 1;position:relative;transition:all .3s ease-in-out}.Screen.fullscreen{flex:1 1;height:calc(100vh - 65px);width:calc(100vw - 5px)}.Screen .isSpeaking{outline:none!important}.Screen .Video_box_details{background:#0000!important}.screen-share-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-radius:8px;display:flex;gap:8px;padding:8px;position:absolute;right:12px;top:12px;z-index:110}.screen-share-btn{align-items:center;background:#fff3!important;border:1px solid #ffffff4d!important;border-radius:6px!important;color:#fff!important;cursor:pointer;display:flex;font-size:12px!important;gap:6px;padding:6px 12px!important;transition:all .2s ease}.screen-share-btn:hover{background:#ffffff4d!important;transform:scale(1.05)}.screen-share-btn svg{font-size:16px}.participants-thumbs{bottom:20px;display:flex;gap:8px;left:20px;position:absolute;z-index:100}.participant-thumb{background:#00000080;border:2px solid #fff3;border-radius:8px;cursor:pointer;height:80px;overflow:hidden;transition:all .2s ease;width:80px}.participant-thumb:hover{border-color:#ffffff80;transform:scale(1.05)}.participant-thumb video{height:100%;object-fit:cover;width:100%}.video_single_box{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid #fffc;border-radius:12px;box-shadow:0 8px 24px #0000001f;color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px!important;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.isSpeaking{border-radius:12px;box-shadow:0 0 20px #4a9eff80;outline:2px solid #4a9eff}.audioNameBox{align-items:center;animation:pulse-ring 2s infinite;border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:2rem;font-weight:600;height:80px;justify-content:center;width:80px}@keyframes pulse-ring{0%{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 4px 20px #00000040}to{box-shadow:0 4px 12px #00000026}}.Video_box_details{align-items:center;background:linear-gradient(0deg,#d3dcea,#0000);bottom:0;display:flex;height:36px;left:0;padding:8px 0;position:absolute;width:100%}.Video_box_details>.ant-space{justify-content:space-between;padding:0 8px;width:100%}.Videobox-username{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #ffffff1a;border-radius:6px;color:#fff;font-size:12px;font-weight:500;padding:6px 10px}.videobox-users-mainlist{border-radius:4px;height:calc(100vh - 168px);overflow:auto;padding-top:8px;width:100%}.videobox-users-list>.ant-space{justify-content:space-between;width:100%}.videobox-users-list{border:none!important;margin:0!important;padding:6px 12px!important}.align-center{align-items:center}.d-flex{cursor:pointer;display:flex}.name_box_small{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin-right:6px;width:30px}.videobox-users-list:hover{background-color:#f5f5f5;cursor:pointer;padding:6px 12px!important}.videobox-users-list:hover .mute_unmute_btn{opacity:1;position:absolute;right:12px}.mute_unmute_btn{font-size:12px;height:27px;opacity:0;padding:0 10px;position:absolute;right:12px}.videobox-users-mainlist::-webkit-scrollbar{width:2px}.videobox-users-mainlist::-webkit-scrollbar-thumb{background-color:#c2bebe;border-radius:10px}.meeting-timer{align-items:center;color:#585454;display:flex;font-size:12px;margin-left:12px}.shield-icon{font-size:22px;margin-right:14px}.avathar_mainbox{margin-left:16px;margin-right:0;order:3}.avathar_box_sent{background:var(--background-green);border-radius:50%;height:35px;width:35px}.avathar_Text{color:#414141;font-weight:500}.message-right{align-items:flex-end;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;width:100%!important}.message-right,.message_box{display:inline-flex;justify-content:end}.message_box{align-items:center;width:calc(70% - 41px)}@media (max-width:768px){.message_box{width:calc(95% - 41px)}}.sender-name-sm{float:right;font-size:12px;font-weight:400}.message_content{background:#bbdefd!important;border-radius:12px;border-bottom-right-radius:4px;flex-direction:column;font-size:14px;justify-content:end;margin-bottom:3px;max-width:100%!important;min-height:35px;padding:10px 16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message_content .mention{background-color:#bbdefd!important}.text-center{max-width:100%!important;text-align:left;word-break:break-word}.text-center>div>img,.text-center>img{cursor:pointer;margin-top:5px;max-width:100%!important}.text-center>div{text-align:left}.ant-popover .ant-popover-inner{cursor:pointer;font-size:12px;font-weight:400;padding:4px 6px}.ant-popover-arrow{left:20.8047px!important;position:absolute!important;top:-12px!important}.ant-popover-content{margin-top:-12px;text-align:center}.messageread{bottom:0!important;position:absolute!important}.sent_icon-box{border:1px solid #fff;border-radius:4px;display:flex;min-height:44px;min-width:296px;padding:6px}.message-actions,.sent_icon-box{align-items:center;background:#fff;justify-content:space-between}.message-actions{border:1px solid #d4cece;border-radius:6px;box-shadow:2px 2px 10px #0000001a;display:inline-flex;padding:6px 8px;position:absolute;right:0;top:-35px;width:200px;z-index:999}.message-actions>.emoji{align-items:center;cursor:pointer;display:flex;font-size:18px;justify-content:center;width:100%}.message-extra-options{background:#fff;border-radius:6px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:5px;position:absolute;right:0;top:-116px;z-index:999}.message-extra-options button{background:none;border:none;cursor:pointer;padding:8px;text-align:left;width:100%}.message-extra-options button:hover{background:#f0f0f0}.message-options{align-items:center;background:#fff;border:1px solid #d4cece;border-radius:6px;box-shadow:2px 2px 10px #0000001a;display:none;justify-content:space-between;padding:6px 8px;position:absolute;right:0;top:-40px;width:110px;z-index:999}.top25{top:-22px!important}.message-options>.emoji{align-items:center;cursor:pointer;display:flex;font-size:18px;justify-content:center;width:100%}.message_content:hover .message-options{display:flex}.edit_icon_hover:hover .Delete-icon,.edit_icon_hover:hover .Edit-icon{fill:#4444ea!important}.Delete-icon{font-size:16px!important}.font-italic{font-size:12px;font-style:italic}.Undo{margin-left:30px;text-decoration:underline}.align-center-deleted{align-items:center}.Edited_text{float:right;font-size:11px;font-weight:300;margin-left:10px}.top13{top:-13px!important}.image-preview-modal>.ant-modal-content{align-items:center;display:flex;height:100%;justify-content:center}.document-view .message_content{padding:0!important;width:100%!important}.reactions-sent{display:flex;float:right;gap:5px;margin-bottom:3px;margin-left:4px;margin-top:-3px}.reaction-sent{align-items:center;background:#eee;border-radius:20px;cursor:pointer;display:flex;font-size:14px;padding:3px 8px;transition:background .2s}.reaction-sent:hover{background:#ddd}.reaction-sent.active{background:#0084ff;color:#fff}.reaction-sent span.count{font-size:12px;margin-left:4px}.reply-message-container{background:#fff;border-radius:4px;max-width:350px;width:350px}@media (max-width:768px){.reply-message-container{max-width:300px;width:300px}.reply-message-box{max-width:100%!important;width:100%!important}}.reply-message-box{border:1px solid #cecdcd;border-left:2px solid #6060ff;border-radius:4px;cursor:pointer;max-width:100%;padding:2px 6px}.reply-message-text{font-size:13px;max-height:40px;overflow:hidden;text-align:left}.reply-message-text>div>div:first-child{margin-left:4px}.reply-header{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:space-between;width:100%}.reply-info{color:#5b5454;font-size:12px}.reply-sender{color:#000;margin-right:10px}.cross-button{background:none;border:0;cursor:pointer;font-size:13px;height:20px;padding:0}.close-icon{font-weight:700}.msg_left{align-items:flex-end;display:inline-flex;flex-direction:row-reverse;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;justify-content:start}.avathar_leftmainbox{margin-left:0;margin-right:5px;margin-top:18px;min-width:36px!important;order:3}.avathar_boxReceive{border-radius:50%;height:35px;width:35px}.avathar_Text{align-items:center;color:#fff!important;display:flex;font-size:13px;font-weight:600;height:35px;justify-content:center;width:35px}.message_leftbox{align-items:flex-start;display:inline-flex;flex:1 1;flex-direction:column}@media (max-width:768px){.msg_left{width:95%!important}}.message_content_receive{background:#e3f2fd!important;border-radius:12px;border-bottom-left-radius:4px;display:inline;flex-direction:column;float:right;font-size:14px;justify-content:end;margin-bottom:3px;max-width:100%!important;min-height:34px;padding:10px 16px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.msg_left{align-items:flex-start;display:flex;width:70%}.sender-name{font-size:12px;font-weight:400}.text-div{max-width:100%;text-align:left;word-break:break-word}.text-div>div>img{cursor:pointer;margin-top:5px;max-width:100%}.text-div>div{text-align:left}.icon-box{align-items:center;background:#fff;border:1px solid #fff;border-radius:4px;display:flex;justify-content:space-between;min-height:44px;min-width:296px;padding:6px}.ml-2{font-weight:500;margin-left:6px}.mr-2{margin-right:12px}.ant-dropdown-trigger{cursor:pointer}.textfile-font{fill:grey;font-size:25px}.icontextbox{align-items:center;display:flex}.image-preview-modal>.ant-modal-content{background:none;box-shadow:none}.text-div>img{cursor:pointer;margin-top:5px;max-width:100%}.icontextbox>svg{font-size:24px}.document-view .message_content_receive{padding:0!important;width:100%!important}.document-view{margin-top:4px}.message-actions-receive{align-items:center;background:#fff;border-radius:6px;box-shadow:2px 2px 10px #0000002b;display:inline-flex;justify-content:space-between;left:0;outline:1px solid #cbcbcb;padding:6px 8px;position:absolute;top:-32px;width:215px;z-index:999}.message-actions-receive>.emoji{align-items:center;cursor:pointer;display:flex;justify-content:center}.message-options-receive{align-items:center;background:#fff;border:1px solid #d4cece;border-radius:6px;box-shadow:2px 2px 10px #0000001a;display:none;justify-content:space-between;padding:6px 8px;position:absolute;right:0;top:-30px;width:80px;z-index:999}.message_content_receive:hover .message-options{display:flex}.displayshow{display:inline-flex}.displaynone{display:none}.reactions{display:flex;gap:5px;margin-bottom:3px;margin-left:4px;margin-top:-2px}.reaction{align-items:center;background:#eee;border-radius:20px;cursor:pointer;display:flex;font-size:14px;padding:3px 8px;transition:background .2s}.reaction:hover{background:#ddd}.reaction.active{background:#0084ff;color:#fff}.reaction span.count{font-size:12px;margin-left:4px}.window-selector{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:Arial,sans-serif;position:absolute;right:175px;top:60px;width:300px;z-index:999}.header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;padding:10px 16px}.back-button{background:none;border:none;color:#333;cursor:pointer;font-size:18px;margin-right:10px}.header-title{flex:1 1;font-size:16px;font-weight:700}.include-sound{align-items:center;display:flex;font-size:14px}.include-sound input{margin-left:5px}.window-list{max-height:400px;overflow-y:auto}.window-item{align-items:center;cursor:pointer;display:flex;padding:10px;transition:background-color .2s ease}.window-item:hover{background-color:#ddd!important}.window-item.selected{background-color:#e0e0e0}.window-thumbnail{border-radius:4px;height:80px;margin-right:10px;object-fit:cover;width:100px}.window-title{color:#333;font-size:14px;font-size:12px}.window-list::-webkit-scrollbar{width:4px}.window-list::-webkit-scrollbar-thumb{background-color:#a5a3a3;border-radius:10px}.chat-input-container{background:#fff;border-radius:12px;bottom:0;margin-top:20px;padding:4px 10px;position:relative}.chat-placeholder{bottom:47px;color:gray;display:inline-block;font-size:13px;left:15px;margin:0;pointer-events:none;position:absolute;transition:opacity .2s ease-out}.file-list{display:flex;flex-direction:row;gap:8px;overflow:auto}.mb-5{margin-bottom:5px}.input-area{background:#f9f9f9;border:1px solid #ddd;border-radius:20px;padding:6px 10px;position:relative}.file-input{display:none}.file-upload-btn{border:1px solid #c8c8c8;border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;margin-right:10px;width:28px}.align-items-center,.file-upload-btn{align-items:center}.file-upload-btn>svg{align-items:center;color:#3e3e3e;cursor:pointer;display:flex;font-size:22px;justify-content:center}.chat-input{background:#0000;border:none;font-size:13px;max-height:180px;min-height:20px;outline:none;overflow-y:auto;padding:5px}.chat-input[placeholder]:empty:before{color:gray;content:attr(placeholder);font-size:16px}.send-button{align-items:center;background-color:#000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;padding:8px;width:28px}.send-button:hover{background-color:#202020}.file-list::-webkit-scrollbar{height:10px;width:3px}.file-list::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:2px}.file-list::-webkit-scrollbar-thumb:hover{background-color:#bbb}.space-between{justify-content:space-between}.emoji-box{bottom:60px;position:absolute;right:20px;z-index:999}.send-box-emoji{align-items:center;cursor:pointer;display:flex;font-size:26px;justify-content:center;right:65px}.emoji-picker-button{fill:#000;width:30px}.footer-flex{display:flex}.gap-10{gap:10px}.mention-list{animation:slideUp .2s ease-out;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;max-height:280px;min-width:240px;overflow-y:auto;position:absolute;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mention-list::-webkit-scrollbar{width:8px}.mention-list::-webkit-scrollbar-track{background:#0000;margin:8px 0}.mention-list::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d1d5db;border:2px solid #0000;border-radius:10px}.mention-list::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.mention-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:all .15s ease}.mention-item:hover{background-color:#f9fafb}.mention-item.selected{background-color:#f3f4f6}.mention-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.mention-item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.mention-item:not(:last-child){border-bottom:1px solid #f3f4f6}.file-preview-container{background:#fff;border:1px solid #dfdddd;border-radius:10px;display:flex;flex-direction:column;margin-top:10px;min-width:316px;position:relative;width:316px}.test{bottom:1px;display:inline-block;max-width:100%;padding:0 2px;position:absolute;width:100%}.progress-bar{background:green;border-radius:12px;height:3px;transition:width .3s ease-in-out}.tooltip-container{cursor:pointer;display:inline-block;position:relative}.tooltip{background-color:#000;border-radius:5px;bottom:120%;color:#fff;left:50%;opacity:0;padding:5px 8px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s ease-in-out;visibility:hidden;white-space:nowrap;z-index:10}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}.file-preview{gap:10px;height:100%;padding:8px;width:100%}.file-icon,.file-preview{align-items:center;display:flex}.file-icon{font-size:24px;justify-content:center}.file-details{display:flex;flex-direction:column;flex-grow:1}.file-name{font-size:13px;font-weight:600}.file-type{color:gray;font-size:12px}.remove-btn{background:none;border:none;cursor:pointer;font-size:16px;position:absolute;right:-12px;top:-7px}
/*# sourceMappingURL=main.cdcf2315.css.map*/