@font-face{font-family:"DiodrumArabicLight";src:url(/static/media/DiodrumArabic-Light.488e2c79.ttf) format("truetype")}@font-face{font-family:"DiodrumArabicRegular";src:url(/static/media/DiodrumArabic-Regular.c4032833.ttf) format("truetype")}@font-face{font-family:"DiodrumArabicMedium";src:url(/static/media/DiodrumArabic-Medium.513de230.ttf) format("truetype")}@font-face{font-family:"DiodrumArabicSemibold";src:url(/static/media/DiodrumArabic-Semibold.039d5664.ttf) format("truetype")}@font-face{font-family:"DiodrumArabicBold";src:url(/static/media/DiodrumArabic-Bold.e594aa70.ttf) format("truetype")}#root,body,html{--footer-height:5.313rem;font-family:"DiodrumArabicSemibold"!important}.MuiButton-label{margin-bottom:-.188rem!important}.MuiButton-startIcon{margin-bottom:.188rem!important}.MuiTypography-body1{line-height:1em!important}.disconnectMobile{position:relative;bottom:80%;height:3.438rem}.svgFillColor{fill:#707578}.svgStrokeColor{stroke:#707578}.menuBar{background-color:#1e445c;padding-inline:1.43em}.menuBar .svgFillColor{fill:#fff}.menuBar .svgStrokeColor{stroke:#fff}.menuBar .MuiButton-label{color:#fff;grid-gap:.25rem;gap:.25rem}.menuBar .roomName{color:#fff}.menuBar .MuiButton-label>span{margin:0}.message{display:flex;flex-direction:column-reverse;width:90%}.message.self{margin-left:auto}.message .info{padding-top:.25rem;padding-bottom:1.425rem;justify-content:flex-end}.message .info>div:first-child{display:none}.message>.text-message div{width:100%;border-radius:.688rem;padding:.375rem .563rem;color:#fff;background-color:#6ab654}.message.self>.text-message div{background-color:#1e445c}.message.self>.media-message,.message.self>.text-message div{border-top-right-radius:0}.message:not(.self)>.media-message,.message:not(.self)>.text-message div{border-top-left-radius:0}.message .info div{font-size:.625rem;color:#000}.message>.media-message{border-color:#6ab654;border-radius:.688rem}.message.self>.media-message{border-color:#1e445c}.chatWindowContainer,.disconnectMobile,.footer,.mainWindow,.mainWindow:before,.menuBar,.rightDrawerOpen{transition:all .3s!important}.chatInputContainer{display:flex;align-items:center}.chatInputContainer .actionButtons>div,.chatInputContainer .textArea{margin:0}.chatInputContainer .textArea{border-radius:1.5rem;width:calc(100% - 3.125rem);padding:1rem}.chatInputContainer .textArea,.chatInputContainer .textArea textarea{background-color:#eff4ff}.chatInputContainer .textArea textarea{width:calc(100% - 1.563rem);height:-webkit-min-content!important;height:min-content!important;overflow:auto!important}.chatInputContainer .actionButtons{width:4.125rem;height:100%;align-items:stretch}.fileButtonContainer{display:flex}.chatInputContainer .actionButtons .MuiButton-containedPrimary{background-color:#6ab654!important;width:3.125rem;border-radius:1.188rem}.rightDrawerOpen+footer .disconnectMobile{bottom:50vh}.main-chat-container .chatWindowContainer{height:100%}footer{height:var(--footer-height)!important}footer .menuBar svg{width:1.563rem}@media (max-width:959.95px){.rightDrawerOpen{height:50%!important;grid-template-columns:1fr 300px!important}.rightDrawerOpen+footer{bottom:0;z-index:9999;background-color:transparent}.rightDrawerOpen .chatWindowContainer{top:auto!important;bottom:var(--footer-height)!important;height:calc(50% - var(--footer-height)/2);padding-top:1rem}.chatWindowContainer.hide{height:0!important;display:block!important;top:100%}.rightDrawerOpen+footer .menuBar{background-color:#fff}.rightDrawerOpen+footer .menuBar .svgFillColor{fill:#1e445c}.rightDrawerOpen+footer .menuBar .svgStrokeColor{stroke:#1e445c}footer .menuBar .disconnectMobile svg{width:4.5rem}footer .menuBar svg{width:1.563rem}.rightDrawerOpen .main-chat-container{grid-area:2/1/2/3}.rightDrawerOpen .main-chat-container .chat-tap-close-section{height:6.25rem;width:100%;top:-6.25rem;position:relative;z-index:999999999}.chat-header{display:none!important}.mainWindow{border-bottom-left-radius:2.5rem;border-bottom-right-radius:2.5rem}.mainWindow:before{content:"";position:fixed;inset:0;background-color:#1e445c;z-index:-1}.mainWindow.rightDrawerOpen:before{background-color:#fff}.menuBar{flex-wrap:nowrap}.menuBar>div>div{flex-wrap:nowrap}}div[role=presentation]{z-index:99999!important}.roomSettingScreen button svg{width:1.25rem}@media (max-width:525px){html{font-size:14px}}
/*# sourceMappingURL=main.29ed98b8.chunk.css.map */