@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);::-webkit-scrollbar{width:6px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*,:after,:before{border:0 solid}button:hover{opacity:.8}.z-20{z-index:20}.s-28px{height:28px;width:28px}.text-center{text-align:center}.flex-1{flex:1 1}.font-medium{font-weight:380}.lowercase{text-transform:lowercase}.text-11{font-size:.6875rem}.leading-tight{line-height:1.25}.bg-white{background-color:#fff}.z-80{z-index:80}.w-full{width:100%}.left-0{left:0}.top-0{top:0}.h-full{height:100%}.text-black{color:#000}.text-gray-500{color:grey}.p-2{padding:.5rem}.block{display:block}.z-2{z-index:2}.overflow-visible{overflow:visible}.mx-auto{margin-left:auto;margin-right:auto}.s-34px{height:34px;width:34px}.relative{position:relative}.hiddenWindows{display:none;animation:slide-out-br .5s cubic-bezier(.55,.085,.68,.53) both}.mt-20{margin-top:24px}*{font-family:"Roboto",sans-serif!important}.App{text-align:center;font-family:"Roboto",sans-serif}.App-logo{height:40vmin;pointer-events:none;background-color:transparent;box-shadow:none!important}@media (prefers-reduced-motion:no-preference){.App-logo{animation:float 6s ease-in-out infinite}}.App-header{padding-top:83px;background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%{box-shadow:0 5px 15px 0 rgba(0,0,0,.6);transform:translatey(0)}50%{box-shadow:0 25px 15px 0 rgba(0,0,0,.2);transform:translatey(-20px)}to{box-shadow:0 5px 15px 0 rgba(0,0,0,.6);transform:translatey(0)}}#__react-alert__>div>div>div{width:100%!important}.header-headContent{display:flex;align-items:center;justify-content:space-between;box-shadow:-1px -5px 12px rgb(133 132 132);width:100%;padding:15px;margin-bottom:13px;position:fixed;height:81px;border-bottom:1px solid grey}.changeLanguague-container{display:flex;align-items:center;justify-content:flex-start;width:30%!important}.admin-button>button>img{width:37%;margin-top:6px}.adminButton{width:107px;height:50px;background:transparent;border:1px solid #36c5f8;border-radius:8px;transition:all .6s ease-in-out}.adminButton:hover{background:#36c5f8;border:1px solid #8febbc;transition:all .6s ease-in-out}.card-ribbon{position:absolute;top:80px;left:-5px;width:196px;height:141px;overflow:hidden}.card-ribbon span{position:absolute;display:block;width:185px;padding:10px 0;background-color:#e4eaf8;box-shadow:0 5px 5px rgb(0 0 0/20%);color:#fff;font-size:13px;text-transform:uppercase;text-align:center;left:-48px;top:19px;transform:rotate(-45deg)}.card-ribbon:after,.card-ribbon:before{position:absolute;z-index:-1;content:"";display:block;border-color:transparent #e4eaf8 #e4eaf8 transparent;border-style:solid;border-width:5px}.card-ribbon:before{top:0;right:0}.card-ribbon:after{bottom:0;left:0}.titleAlert{text-transform:lowercase!important}.loginForm input{height:33px;width:90%;border-radius:4px;box-shadow:1px 1px 3px #000;text-indent:15px}@media screen and (max-width:750px){.chat-button{bottom:81px!important}}.drop-container{position:relative;top:22px;left:-60px}.drops{position:relative;display:flex;justify-content:center;align-items:center}.drop{position:absolute;width:30px;height:30px;background:transparent;border-radius:57% 43% 37% 63%/45% 52% 48% 55%;box-shadow:inset 7px 7px 7px rgb(0 0 0/5%),5px 10px 7px rgb(0 0 0/30%),15px 25px 17px rgb(0 0 0/15%),inset -3px -3px 7px rgb(255 255 255/70%)}.drop:before{top:10px;left:10px;width:4px;height:4px;border-radius:42% 58% 37% 63%/40% 43% 57% 60%}.drop:after,.drop:before{content:"";position:absolute;background:#fff}.drop:after{top:7px;left:15px;width:3px;height:3px;border-radius:57% 43% 37% 63%/48% 37% 63% 52%}.drop:nth-child(2){transform:scale(.5) translate(18px,95px);border-radius:64% 36% 42% 58%/42% 37% 63% 58%}.drop:nth-child(3){transform:scale(.5) translate(82px,2px);border-radius:49% 51% 42% 58%/56% 47% 53% 44%}.bottomAppLayout{display:inherit!important;position:relative;z-index:999}.bottomLayout-none{display:none!important}.MobileMenu-container{position:fixed;bottom:0;width:100%}.stroke-red-pale{stroke:#ea4f74}.fill-blue-primary{fill:#004dff}.font-obviously-narrow{font-family:Obviously Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-stretch:320%}.MobileMenu-container a{background-color:transparent;color:inherit;text-decoration:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}.MobileMenu-container ol,.MobileMenu-container ul{list-style:none}.MobileMenu-container fieldset,.MobileMenu-container ol,.MobileMenu-container ul{margin:0;padding:0}.nav-bar-publish__link{position:relative}.nav-bar-publish__icon{display:flex;align-items:center;background:#fff;border-radius:100px;width:50px;height:50px;margin:-20px auto -2px;border:1px solid #e3e3e3}.nav-bar-publish__icon:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#fff}.fill-yellow-sun{fill:#fdd330}.inner-content-nav{border-top:1px solid #e3e3e3;box-shadow:0 1px 4px #d3d3d3}.radialMenu-container{position:fixed;bottom:0;left:0;width:100%}.gooeyNav,.radialMenu-container{display:flex;align-items:center;justify-content:center}.gooeyNav{position:relative;list-style:none;height:111px;width:250px;-webkit-filter:url(#gooSVG);filter:url(#gooSVG)}.gooeyNav>:not(.gooeyTrigger){position:absolute;top:50%;left:50%;height:60px;width:60px;background:#ede9f2;text-align:center;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;z-index:0}.gooeyNav>:not(.gooeyTrigger) a{font-size:24px;color:#fff;line-height:60px}.gooeyNav>:not(.gooeyTrigger):hover{background:linear-gradient(180deg,#fff,#cacaca)}.gooeyNav>:not(.gooeyTrigger):hover a{color:#ede9f2}.gooeyNav .gooeyTrigger{display:flex;justify-content:center;align-items:center;height:60px;width:60px;padding:20px 15px;cursor:pointer;border-radius:50%;text-align:center;z-index:1;background:linear-gradient(180deg,#fff,#cacaca);-webkit-filter:drop-shadow(0 0 6px #b1b1b1);filter:drop-shadow(0 0 6px #b1b1b1)}.gooeyNav .gooeyTrigger i{font-size:30px;color:#b1b1b1;text-shadow:0 1px 1px #fff}.gooeyNav .gooeyTrigger.active>*,.gooeyNav .gooeyTrigger:hover>*{color:#ede9f2}.gooeyNav .gooeyTrigger.active:hover>*,.gooeyNav .gooeyTrigger:hover{color:#cacaca}.gooeyNav.active>:nth-child(2){transform:translate(-50%,-200%)}.gooeyNav.active>:nth-child(3){transform:translate(-150%,-160%)}.gooeyNav.active>:nth-child(4){transform:translate(-200%,-60%)}.gooeyNav.active>:nth-child(5){transform:translate(50%,-160%)}.gooeyNav.active>:nth-child(6){transform:translate(100%,-60%)}.gooeyTrigger>li>a>svg{margin-top:22px}.icons-menu{display:flex;align-items:center;justify-content:center}svg.nav-bar__icon{margin-top:1em;margin-bottom:-20px}.icons-menu>a{text-decoration:none}.icons-menu>a>p{font-size:12px;color:#000}.changeLanguague-container-without-admin{display:flex;align-items:center;justify-content:flex-start;width:30%!important;position:absolute;left:31px}.react-confirm-alert-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:rgb(60 58 58/65%)!important;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;-ms-align-items:center;align-items:center;opacity:0;animation:react-confirm-alert-fadeIn .5s .2s forwards}.react-confirm-alert{top:0;position:fixed;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both}@media screen and (min-width:750px){.react-confirm-alert{max-width:34%!important;max-width:32%}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(2px);opacity:1}}.alert-content{display:flex;align-items:center;width:100%;position:relative;margin-bottom:23px}.react-confirm-alert-body{width:100%;text-align:center;box-shadow:1px 1px 8px rgb(80 77 77/95%);border-radius:10px;color:#fff;font-size:18px}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;margin-top:20px}.react-confirm-alert-button-group>button{border:none;display:inline-block;color:#fff;margin-right:10px;font-size:20px;cursor:pointer;text-align:center;text-transform:uppercase;width:150px;padding:10px 18px}.react-confirm-alert-button-group>button:first-child{background-color:#186b00;font-size:14px}.react-confirm-alert-button-group>button:nth-child(2){background-color:#941111;font-size:12px}.alert-content>h1{text-align:left;font-size:14px;text-transform:uppercase;letter-spacing:.1em;width:301px!important;margin:0 0 10px 95px}.react-confirm-alert-body>p{font-size:16px}.react-confirm-alert-img-logo{width:140px;animation:App-logo-spin 20s linear infinite;position:absolute;left:-31px}@media screen and (max-width:750px){.react-confirm-alert-body{width:300px;font-size:15px;padding:50px 20px 20px}.react-confirm-alert-body>h1{padding-bottom:5px;font-size:22px;letter-spacing:.02em;margin-top:10px}.react-confirm-alert-button-group{margin:auto;align-items:center}.react-confirm-alert-button-group>button{margin-bottom:5px;font-size:17px}.react-confirm-alert-img-logo{width:112px}.alert-content>h1{width:158px!important;margin-left:70px;text-align:center;font-size:11px}.react-confirm-alert-body>p{font-size:13px;margin-bottom:14px!important}}.checkbox-alert{display:flex;align-items:center;justify-content:flex-start;margin-top:27px;margin-bottom:22px;margin-left:42px}.input-checkbox[type=checkbox]{width:0;height:0;visibility:hidden}.label-checkbox{width:60px;height:23px;background-color:#477a85;border-radius:100px;position:absolute;cursor:pointer;transition:.5s;box-shadow:0 0 20px rgba(71,122,133,.3137254901960784)}.label-checkbox:after{content:"";width:22px;height:22px;background-color:#e8f5f7;position:absolute;border-radius:70px;top:0;left:2px;transition:.5s}.input-checkbox:checked+.label-checkbox:after{left:calc(100% - 10px);transform:translateX(-100%)}.input-checkbox:checked+.label-checkbox{background-color:#243d42}.label-checkbox:active:after{width:160px}@media screen and (max-width:750px){.checkbox-alert{margin-left:0!important;text-align:left}.label-checkbox{width:48px;height:23px}}.offlineMessCOntainer{position:absolute;top:3em;z-index:99999;height:70px;border-radius:5px;width:100%}.offline,.offlineMessCOntainer{display:flex;align-items:center;justify-content:center}.offline{position:relative;padding:1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem;box-shadow:1px 2px 6px grey;width:80%}.offline>svg{width:44px;margin-right:15px}.offline .info,.offline .primary{display:flex;align-items:center;justify-content:center}.info>svg,.primary>svg{margin-bottom:15px}.danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.info{color:#055160;background-color:#cff4fc;border-color:#b6effb;text-align:center}.slide-in-bck-center{animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-bck-center{0%{transform:translateZ(600px);opacity:0}to{transform:translateZ(0);opacity:1}}.home-container{position:fixed;left:10%;right:10%;top:50%;transform:translateY(-50%);display:flex;flex-direction:column}.text-input-field{border-radius:7px;font-size:18px;border:none;box-shadow:0 0 4px grey;padding:7px 2px}.text-input-field:focus{outline:none}.enter-room-button{margin-top:20px;padding:11px 4px;font-size:12px;margin-left:10px;background:#3fcaf8;color:#fff;font-weight:600;text-align:center;text-decoration:none;border-radius:7px}::-webkit-input-placeholder{color:#d3d3d3}:-ms-input-placeholder{color:#d3d3d3}::placeholder{color:#d3d3d3}button,input:focus,textarea:focus{outline:none}button{cursor:pointer}::-webkit-scrollbar{width:4px;border-left:1px solid #e6ecf8}::-webkit-scrollbar-thumb{background-color:#141c3a}.chat-room-container{position:fixed;left:auto;right:0;top:auto;bottom:0;display:flex;flex-direction:column;margin:8px 16px;z-index:90;width:375px;height:calc(100% - 24px);max-height:708px;background:#fff;border-radius:18px;box-shadow:0 4px 12px 0 rgb(0 0 0/15%);font-family:"Roboto",sans-serif}@media screen and (max-width:750px){.chat-room-container{position:fixed;left:auto;right:0;top:auto;bottom:0;display:flex;flex-direction:column;margin:0;z-index:90;width:100%;height:100vh;max-height:inherit;background:#fff;border-radius:inherit;box-shadow:none}.head-text-chat{width:181px;margin-left:10px;margin-right:12px}}.chat-room-container-neumorphism{box-shadow:6px 5px 14px 0 rgb(0 0 0/20%),-1px -1px 10px 0 rgb(255 255 255/55%)}.closed-button-container{max-width:54px;margin-left:13px;border:none;background:none;padding:11px;background:rgba(0,0,0,.05);border-radius:50%;width:35px;height:35px;text-align:center;cursor:pointer;font-weight:700;margin-right:4px}.sending-message-container{display:flex;align-items:center;justify-content:center;height:60px;border-top:1px solid #d3d3d3;margin-top:4px;position:relative}.messages-container{flex:1 1;min-height:100px;overflow:auto;border-radius:7px 7px 0 0;width:100%;top:8px;height:auto;background:#fff}.messages-list{list-style-type:none;padding:0}.message-date{font-size:11px;width:100%;align-items:center;display:flex;justify-content:center;margin-top:21px;color:#a9a9a9}.new-message-input-field{font-size:15px;padding:12px 3px;resize:none;border:none;height:58px;width:229px;border-radius:0 0 0 26px;text-indent:10px}.message-item{width:55%;margin:8px;padding:12px 8px;word-break:break-word;box-shadow:0 0 2px 0 rgb(0 0 0/5%),0 8px 16px 0 rgb(0 0 0/10%);color:#fff;justify-content:center;align-items:center;display:flex;flex-direction:column;cursor:pointer}.my-message{background-color:#00a2f3;margin-left:auto;font-size:17px;right:10px;border-radius:10px 10px 0 10px}.my-message-name{margin-left:auto;cursor:pointer}.my-message-name,.received-message-name{font-size:17px;color:#a9a9a9;margin-top:-7px;margin-bottom:-7px;background-color:none;box-shadow:none}.received-message-name{margin-right:auto}.received-message{background-color:#11c696;margin-right:auto;font-size:17px;left:10px;border-radius:0 10px 10px 10px}.send-message-button:hover{border:1px solid #00a2f3}.send-message-button{font-size:19px;font-weight:600;color:#fff;background:transparent;padding:13px 15px 11px 27px;border:1px solid grey;border-top-left-radius:40px;border-bottom-right-radius:20px;height:49px;position:absolute;bottom:5px;right:5px}.messages-container,.new-message-input-field,.send-message-button{border-color:#9a9a9a}.room-name{font-size:13px;display:flex;align-items:center;justify-content:flex-start;width:100%;box-shadow:0 2px 8px rgb(0 0 0/10%);background:#fff;margin-bottom:6px;margin-top:0;border-radius:15px 15px 0 0;padding-left:18px;position:relative;z-index:99;border-bottom:1px solid hsla(0,0%,66.3%,.5)}.room-name>img{margin-right:15px;width:33px}.head-text-chat{line-height:1;margin-bottom:10px;width:181px}.head-text-chat>h1{margin-bottom:0;font-size:13px;margin-top:15px}.head-text-chat>sub{color:#a9a9a9}.emoji-chat-open>aside.emoji-picker-react{background:#fff;display:flex;flex-direction:column;height:242px!important;width:100%!important}.emoji-chat-closed{align-items:center;width:51px;margin-top:7px}.emoji-chat-closed,.emoji-chat-open{display:flex;justify-content:center;flex-direction:column}.emoji-chat-open>.chevron{width:51px}.emoji-chat-closed>.emoji-picker-react>.emoji-categories,.emoji-chat-open>.emoji-picker-react>.emoji-categories{margin-left:50px;width:299px!important}.emoji-chat-closed>.emoji-picker-react>.emoji-categories{-webkit-filter:opacity(0);filter:opacity(0)}.emoji-chat-closed aside.emoji-picker-react{height:3px!important;width:100%!important}.emoji-picker-react ul.skin-tones-list label{height:17px!important;width:17px!important}.chevron{display:flex;align-items:center;justify-content:center;width:76%;font-size:16px;padding:4px;background:#f5f5f5;box-shadow:2px 1px 7px grey;margin-bottom:2px;border-radius:10px;border:none;cursor:pointer}.emoji-picker-react .emoji-categories{margin-top:-38px!important;position:fixed!important;width:87%!important;margin-left:65px}.chat-button{background:#ede9f2;border:2px solid #fffaf0;bottom:20px;position:absolute;right:20px;left:auto;border-radius:35%;width:60px;height:60px;box-shadow:0 0 2px 0 rgb(0 0 0/7%),0 11px 9px 0 rgb(0 0 0/20%);transform:scale(.8);transition:all .5s ease-in-out}.chat-button:hover{transform:scale(1.1);transition:all .5s ease-in-out}.buttonDark{background:#2e2e2e!important;border:2px solid #9f9e9c!important}.chat-button>img{padding:8px;width:55px;margin-left:-4px;margin-top:-1px}.slide-in-blurred-bottom{animation:slide-in-blurred-bottom .6s cubic-bezier(.23,1,.32,1) both}@keyframes slide-in-blurred-bottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;-webkit-filter:blur(40px);filter:blur(40px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;-webkit-filter:blur(0);filter:blur(0);opacity:1}}.emoji-picker-react input.emoji-search{visibility:hidden!important}#typing_on{width:100%;display:flex;align-items:center;justify-content:center;padding:15px;margin-bottom:0;height:2px;background:transparent!important;position:absolute;bottom:55px}.dot-typing{position:relative;left:-9999px;width:10px;height:10px;border-radius:5px;background-color:#a9a9a9;color:#a9a9a9;box-shadow:9984px 0 0 0 #a9a9a9,9999px 0 0 0 #a9a9a9,10014px 0 0 0 #a9a9a9;animation:dotTyping 1.5s linear infinite}@keyframes dotTyping{0%{box-shadow:9984px 0 0 0 #a9a9a9,9999px 0 0 0 #a9a9a9,10014px 0 0 0 #a9a9a9}16.667%{box-shadow:9984px -10px 0 0 #a9a9a9,9999px 0 0 0 #a9a9a9,10014px 0 0 0 #a9a9a9}33.333%{box-shadow:9984px 0 0 0 #a9a9a9,9999px 0 0 0 #a9a9a9,10014px 0 0 0 #a9a9a9}50%{box-shadow:9984px 0 0 0 #a9a9a9,9999px -10px 0 0 #a9a9a9,10014px 0 0 0 #a9a9a9}66.667%{box-shadow:9984px 0 0 0 #a9a9a9,9999px 0 0 0 #a9a9a9,10014px 0 0 0 #a9a9a9}83.333%{box-shadow:9984px 0 0 0 #a9a9a9,9999px 0 0 0 #a9a9a9,10014px -10px 0 0 #a9a9a9}to{box-shadow:9984px 0 0 0 #a9a9a9,9999px 0 0 0 #a9a9a9,10014px 0 0 0 #a9a9a9}}.not-visible{display:none!important}.dark-background{background:#2e2c2c!important;color:#fff!important;transition:all .4s ease-in-out}.light-background{background:#fff;transition:all .4s ease-in-out}.dark-background>.room-name{box-shadow:0 2px 8px rgb(182 176 176/10%)!important}.white{color:#fff!important}.black{color:#000!important}.emoji-chat-closed>.emoji-picker-react>.emoji-categories,.emoji-chat-open-dark>.emoji-picker-react>.emoji-categories{margin-left:63px;width:299px!important;background:#fff;border-radius:23px;margin-top:-48px!important}.emoji-chat-open-dark>.emoji-picker-react>div:nth-child(3){background:#2e2c2c}.emoji-chat-open-dark>.emoji-picker-react .content-wrapper{flex:1 1;overflow-y:hidden;position:relative;background:#2e2c2c}.emoji-chat-open-dark>.emoji-picker-react .emoji-group:before{content:attr(data-display-name);color:#aaa;font-size:14px;position:-webkit-sticky;position:sticky;background:rgb(46 44 44);width:100%;z-index:1;top:0;text-transform:uppercase;line-height:45px;font-weight:700}.createMessage__camera{border:none!important;background:none;width:100%}.createMessage__camera>img{width:22px;height:22px}.pictures-message{width:140px;height:auto}#profile-picture{width:120px;height:auto}.preview-container{position:fixed;right:auto;left:51px;bottom:.6em;background:#fff;width:77%;padding-top:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:8px;box-shadow:0 4px 6px grey;animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}.preview-modal-head{position:relative;width:100%}.closed-preview-img{font-size:19px;position:absolute;right:14px;top:-17px}.preview-picture-content{border-radius:5px}.label-custom-button-upload{padding:.5rem;font-family:sans-serif;border-radius:.3rem;cursor:pointer;margin-top:1rem}.progress-bar.progress-bar-info.progress-bar-striped{display:none}.up-arrow{width:24px;cursor:pointer}.comment-picture-bottom{display:flex;align-items:center;justify-content:center;width:90%}.comment-picture-bottom>input{width:210px;margin-right:10px}.flex{display:flex;align-items:center;justify-content:center;margin-left:0;margin-top:.54em}.seingMedia-title{font-size:14px}.seingMedia-text{font-size:12px;text-align:center;color:#c4c1c1;font-weight:700;text-shadow:1px 2px 4px #000}.display-picture{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.download-image-button{position:absolute;right:0;top:0;padding:8px;background:rgba(3,3,3,.6509803921568628);color:#fff;border:none;border-radius:0 11px 0 0;width:94px;height:39px;overflow:hidden}.entrance{animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.exit-button{animation:fade-out 1s ease-out both}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{text-align:center;padding:5px 0;bottom:121%;left:50%;z-index:1}.tooltip .tooltiptext,.tooltiptext-chatbot{visibility:hidden;background-color:#000;color:#fff;border-radius:6px;width:120px;margin-left:-60px;position:absolute}.tooltiptext-chatbot{font-size:12px;bottom:-69%;left:57%;z-index:128;display:flex;align-items:center;justify-content:center;padding:10px}.tooltip:hover .tooltiptext,.tooltip:hover .tooltiptext-chatbot{visibility:visible}#tailTooltip1{border:10px solid transparent;border-right-color:#73a7f0}#tailTooltip1,#tailTooltip2{width:0;height:0;position:absolute;top:-20px;left:111px;transform:rotate(90deg)}#tailTooltip2{border:10px solid transparent;border-right-color:#fff}.neumorphic{box-shadow:5px 2px 9px 0 rgb(0 0 0/20%),1px -1px 9px 0 rgb(255 255 255/50%);font-size:5rem;border-radius:9px;overflow:hidden;padding:1.3rem;display:flex;border:none!important;background:transparent;transition:all .6s ease-in-out;align-items:center;justify-content:center;margin-top:5px}.neumorphic--pressed{box-shadow:inset 3px 3px 8px 0 rgb(0 0 0/20%),inset -3px -2px 10px 0 rgb(255 255 255/50%);height:38px;transition:all .6s ease-in-out;width:94%;margin-left:5px}.variation1{background:linear-gradient(-45deg,rgba(0,0,0,.2),hsla(0,0%,100%,.3))}.variation1 span{padding:.65rem;box-shadow:inset 8px 8px 16px 0 rgba(0,0,0,.2),inset -8px -8px 16px 0 hsla(0,0%,100%,.4)}.variation1 span,.variation1 strong{display:flex;align-items:center;text-align:center;width:100%;height:100%;border-radius:100%;overflow:hidden}.variation1 strong{justify-content:center;background-color:#f13c20;color:#fff}.variation1.pressed strong{background-color:#bb3c20}.variation2{justify-content:space-around;align-items:center;width:77px;height:3px;display:flex;transition:all .6s ease-in-out}.variation2 span{display:block;padding-bottom:1.5rem;position:relative;font-size:3rem}.variation2 span:after{content:"";position:absolute;bottom:0;left:0;right:0;display:block;height:.3rem;border-radius:1rem;width:50%;margin:0 auto;background-color:currentColor}.variation2.pressed{color:#5ab9ea}.neumorphic>.select-theme-content>.black,.neumorphic>.select-theme-content>.white{margin-left:28px!important;margin-top:21px}.neumorphic>.select-theme-content>.check-icon{margin-left:-7px}.fullList-sounds-neumorphism{list-style:none;margin-left:-31px;line-height:1.1rem;display:flex;align-items:center;justify-content:space-between;width:114%}.hr-neumorphism{color:#d3d3d3!important;-webkit-filter:opacity(.2);filter:opacity(.2)}.theme-button2{margin-left:0;margin-bottom:0;height:37px;background:"#fff";border-radius:50%;width:38px;border:1px solid #2e2c2c;padding:5px}.listTheme-button-neumorphism{text-align:center;border:none!important;width:36px;display:flex;align-items:center;justify-content:center;margin-left:-2px;border-radius:50%;height:36px}.special{border:1px solid rgba(34,183,245,.5);border-radius:100px}.pressed{box-shadow:inset 3px 3px 8px 0 rgb(0 0 0/20%),inset -3px -2px 10px 0 rgb(255 255 255/50%)}.center-checkIcon>.select-theme-content>.check-icon{margin-left:inherit;margin-top:4px}.max-height42{max-height:42px}.margin-top13{margin-top:13px}.height45{height:auto!important;line-height:2rem}.jello{animation:jello-horizontal .9s both}@keyframes jello-horizontal{0%{transform:scaleX(1)}30%{transform:scale3d(1.15,.65,1)}40%{transform:scale3d(.75,1.15,1)}50%{transform:scale3d(1.05,.85,1)}65%{transform:scale3d(.95,1.02,1)}75%{transform:scale3d(1.02,.95,1)}to{transform:scaleX(1)}}.modalDialog{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.8);z-index:99999;opacity:0;transition:opacity .1s ease-in;pointer-events:none}.modalDialog:target{opacity:1;pointer-events:auto}.modalDialog>div{max-width:800px;width:90%;position:relative;margin:10% auto;padding:20px;border-radius:3px;background:#fff}.close{font-family:Arial,Helvetica,sans-serif;background:#f26d7d;color:#fff;line-height:25px;position:absolute;right:-12px;text-align:center;top:-10px;width:34px;height:34px;text-decoration:none;font-weight:700;border-radius:50%;box-shadow:1px 1px 3px #000;padding-top:5px}.close:hover{background:#fa3f6f}.bottom-left-chat{display:flex;align-items:center;justify-content:center;margin-right:59px;margin-top:5px}.idForCallInvitation{border:1px solid #fff;background:transparent;padding:10px;margin-top:1em;border-radius:7px;color:#fff}.idForCallInvitation-clicked{color:grey;-webkit-filter:opacity(.2);filter:opacity(.2)}.close-and-reduce-button,.section-right-top-button{display:flex;align-items:center;justify-content:center}.section-right-top-button{flex-direction:row-reverse;margin-left:11px}.chat-room-container-closed{height:44px}.emoji-chat-closed-off,.messages-container-closed,.sending-message-container-closed{display:none}.messagesContent{display:flex;align-items:center;justify-content:center}.chatbot-img{width:40px;position:absolute;left:0;top:-23px;background:rgba(14,25,23,.8);border-radius:50%;box-shadow:0 0 4px grey}.chatbot-text{padding-left:0;padding-top:5px;color:#fff}.chatbot-img-emptyMessage{width:79%;margin-left:18%}.chatbot-accueil{padding-left:7px;display:flex;align-items:center;justify-content:space-evenly;width:100%}.chatbot-accueil>b{font-size:12px;margin-left:12px;padding-right:25px;color:#a9a9a9}.roomId-test{margin-bottom:1em}.roomId-test>input{border-radius:7px;font-size:18px;border:none;box-shadow:0 0 4px grey;padding:7px 2px;text-indent:15px;width:50%;margin-bottom:15px}.roomId-test>button:focus,.roomId-test>input:focus{outline:none}.deleteIconBubble{background:transparent;border:none;position:absolute;right:6px;margin-top:3px;margin-right:-6px}.leftBubble{left:-4px}.fade-in-right{animation:fade-in-right .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-right{0%{transform:translateX(25px);opacity:0}to{transform:translateX(0);opacity:1}}.fade-in-left{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-left{0%{transform:translateX(-25px);opacity:0}to{transform:translateX(0);opacity:1}}.shake-bottom{animation:shake-bottom 2s cubic-bezier(.455,.03,.515,.955) both}@keyframes shake-bottom{0%,to{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}.scale-in-center{animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.margin-right14{margin-right:14px;margin-top:6px;padding-left:5px}.ml37-mt5{margin-left:37px;margin-top:5px}.lds-spinner{color:#000;display:inline-block;position:relative;width:80px;height:80px;z-index:999999}.lds-spinner div{transform-origin:40px 40px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:37px;width:6px;height:18px;border-radius:20%;background:#4b4949}.lds-spinner div:first-child{transform:rotate(0deg);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.messages-container-spiner{display:flex;align-items:center;justify-content:center;width:100%;height:auto}.min-max{display:flex;text-align:center;font-size:14px}.temp-min{color:#00f;margin-right:15px}.temp-max{color:red}.city-feels-humidity,.city-feels-like-temp,.city-pressure,.weather-deg-wind,.weather-speed-wind{text-align:center;font-size:12px}.main-container{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000}.main-container>input::-webkit-input-placeholder{color:#3f3c3c!important}.main-container>input:-ms-input-placeholder{color:#3f3c3c!important}.main-container>input::placeholder{color:#3f3c3c!important}.search{outline:none;padding:10px 7%;border-radius:20px;border:none;margin-bottom:5%;background:hsla(0,0%,98%,.85);width:99%}.city{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px 8%;border-radius:20px;background:#cff4fc;box-shadow:10px 10px 5px 0 rgba(15,15,15,.404)}.city-temp{font-size:2rem;font-weight:700;margin-top:-29px;margin-left:63px;text-align:center}.city sup{font-size:.5em}.city-name{font-size:.54em;margin-left:-63px;width:77px;margin-top:10px}.city-name sup{padding:.2em .6em;margin-left:.2em;border-radius:30px;color:#fff;background:#ff8c00}.city-icon{width:100px;height:100px}.info{display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:600px){.search{padding:9px 15%;margin-top:3%}.city{padding:14px 4%}.main-container{min-height:130%}}.weatherIcon{width:48px;position:absolute;top:-26px;left:9px;box-shadow:1px 0 4px grey;border-radius:50%;border:1px solid #fff}.info>p{margin-top:-19px}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite both}@keyframes heartbeat{0%{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.microphone-icon-container-on{background:red;border-radius:50%;width:30px;height:30px;padding:2px;position:relative}.microphone-icon-container-on>.microphone-icon{width:28px;margin:10px;position:absolute;bottom:0;left:-7px;top:-10px}.margin-left37{margin-left:37px}.margin-left22{margin-left:22px}.reduceInput{width:142px;margin-right:-23px;transition:all .4s ease-in-out;overflow:hidden;border-radius:0 0 0 10px}.margin-right10{margin-right:10px}.not-display{transition:all .4s ease-in-out;display:none!important}@keyframes params-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.params-icon{width:23px;height:23px;margin-top:2px;cursor:pointer}.params-icon-anim{animation:params-icon-spin 20s linear infinite}.params-icon:hover{width:25px;transition:all .4s ease-in-out}.params-container{position:relative}#toolTip{border:1px solid #73a7f0;width:191px;min-height:102px;height:auto;margin-left:-149px;position:absolute;border-radius:4px;box-shadow:0 0 8px -1px #000;margin-top:11px;text-align:left;text-indent:12px;padding:18px 5px 5px;animation:all .4s ease-in-out}#toolTip p{padding:10px}#tailShadow{background-color:transparent;width:4px;height:4px;position:absolute;z-index:-10;box-shadow:0 0 8px 1px #000;transform:rotate(90deg);top:-3px;left:149px}#tail1{border:10px solid transparent;border-right-color:#73a7f0}#tail1,#tail2{width:0;height:0;position:absolute;top:-20px;left:149px;transform:rotate(90deg)}#tail2{border:10px solid transparent;border-right-color:#fff}.fullList-sounds{list-style:none;margin-left:-31px;line-height:1.1rem;display:flex;align-items:center;justify-content:center}.border-black{border-color:transparent #2e2c2c transparent transparent!important}.check-icon{width:18px;position:absolute;top:16px;left:-10px}.select-theme-content{display:flex;align-items:center;justify-content:center;margin-top:-20px;margin-left:2px;height:31px;width:31px;font-size:44px;position:relative}.fullList-sounds-theme{display:flex;align-items:center;justify-content:space-around;transition:all .5s ease-in-out;width:95%}.fullList-sounds-theme-hidden{display:none!important}.soundsButton{background-color:transparent;border:2px solid #22b7f5;font-weight:400;font-size:18px;padding:1rem;margin-top:1vh;border-radius:290486px;transition:all .5s ease-in-out;margin-left:19px;margin-bottom:10px;width:78px;height:44px}.listPicture-button,.listTheme-button{text-align:center;border:1px solid rgba(34,183,245,.5);width:36px;display:flex;margin-left:-2px;border-radius:50%;height:36px}.listPicture-button,.listTheme-button,.reset-history,.sound-list{align-items:center;justify-content:center}.reset-history{display:flex;flex-direction:column;width:50%;transition:all .6s ease-in-out}.reset-history:hover{width:52%;transition:all .6s ease-in-out}.reset-history:first-child{margin-right:5px;margin-left:3px}.reset-history:last-child{border-left:1px solid grey}.disabledButton{margin-left:0!important}.sourdine-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.fullList-sounds>li:last-child>button{margin-left:1px}.danger-toggled>.reset-history:last-child{margin-top:15px!important}.danger-zone{border:1px solid red;border-radius:7px}.toggle-danger-button{border:none!important;background:transparent;width:100%;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;cursor:pointer;transition:all .6s ease-in-out}.toggle-danger-button:hover{background:red;transition:all .6s ease-in-out}.toggle-settings-button{border:none!important;background:transparent;width:100%;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;cursor:pointer;transition:all .6s ease-in-out}.toggle-settings-button:hover{background:#3ac7f8;transition:all .6s ease-in-out}.toggleSettingsOpen{background:#3ac7f8!important}.toggleDangerOpen,.toggleSettingsOpen{border-radius:6px 6px 0 0;transition:all .6s ease-in-out}.toggleDangerOpen{background:red!important}.danger-zone-content{display:none;transition:all .6s ease-in-out}.danger-toggled{display:flex;transition:all .6s ease-in-out;align-items:center;justify-content:center}.flip-vertical-left{animation:flip-vertical-left .4s cubic-bezier(.455,.03,.515,.955) both}@keyframes flip-vertical-left{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}.flip-vertical-right{animation:flip-vertical-right .4s cubic-bezier(.455,.03,.515,.955) both}@keyframes flip-vertical-right{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.fontSize16{font-size:16px!important}.username-content{display:flex;align-items:center;justify-content:space-around}.username-container>h1{font-size:14px}.username-container>div>input{width:142px;height:33px;border-radius:7px;text-transform:capitalize;border:1px solid #d3d3d3;padding:5px}.username-icons{width:22px;height:22px}.simple{background:none;border:none}.opacityFilter{-webkit-filter:opacity(.2);filter:opacity(.2)}.opacityfull{-webkit-filter:opacity(1);filter:opacity(1)}.hiddenParams{overflow:hidden;display:none;transition:all .6s ease-in-out}.settingDrawer{border:1px solid #3ac7f8;border-radius:7px;margin-bottom:5px}.paramsContent{display:inherit;transition:all .8s ease-in-out}.hr-white{border-top:1px solid rgb(255 255 255)!important}.centered{margin-left:12px!important;margin-top:2px}.little-marginBottom{margin-bottom:-15px!important;margin-left:23px!important}.pictureSetting{display:flex;align-items:center;justify-content:flex-start;width:177px;margin-bottom:5px}.button-Sounds{width:94%;border:none;border-radius:9px;margin-top:5px;transition:all .6s ease-in-out}.button-Sounds,.button-Themes{background:none;position:relative;left:0;box-shadow:1px 0 6px grey;overflow:hidden}.button-Themes{width:100%;border:none;margin-top:6px;transition:all .4s ease-in-out}.theme-change-color{width:50%;margin-left:88px;margin-top:-37px;transition:all .8s ease-in-out}.theme-change{display:inherit;width:55px;height:55px;transition:all .4s ease-in-out}.theme-change-picture{display:none!important;transition:all .4s ease-in-out}.width100{width:100%!important}.marginLeft30{margin-left:30px}.ml-12{margin-left:-12px}.SupressConversationsModalContainer>.container{margin-left:-18px}.SupressConversationsConfirmeModalContent{box-shadow:0 0 8px -1px #050505}.SupressConversationsModal-buttons{width:100%;display:flex;align-items:center;justify-content:space-evenly}.SupressConversations-button{font-size:18px;font-weight:700;text-shadow:none;color:#fff;padding:1em 1.5em;text-decoration:none;text-transform:uppercase;height:36px;display:flex;align-items:center;justify-content:space-evenly;width:85px;border-radius:7px;box-shadow:0 0 8px -1px #000}.SupressConversations-button:hover{background-color:#555}.SupressConversations-button:active{background-color:#000}.SupressConversations-button:visited{background-color:#ccc}.border-white{border:2px solid #fff!important}.border-black{border:2px solid #2e2c2c!important}.suppressButton-container:hover{width:50px;height:50px}.suppress-button{width:22px;height:22px}.suppress-button:hover{width:30px;height:30px;transition:all .4s ease-in-out}.modal-window{position:fixed;background-color:hsla(0,0%,100%,.25);top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;transition:all .3s}.modal-window:target{visibility:visible;opacity:1;pointer-events:auto}.modal-window>div{width:289px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2em;background:#fff}.modal-window header{font-weight:700}.modal-window h1{font-size:150%;margin:0 0 15px}.modal-close{color:#aaa;line-height:50px;font-size:80%;position:absolute;right:0;text-align:center;top:0;width:70px;text-decoration:none}.modal-close:hover{color:#000}.modal-window>div{border-radius:1rem}.modal-window div:not(:last-of-type){margin-bottom:15px}small{color:#d3d3d3}.resetConfirmeModalContent{box-shadow:0 0 8px -1px #050505}#open-modal{background:rgba(0,0,0,.5)}.ResetModal-buttons{width:100%}.logout-button,.ResetModal-buttons{display:flex;align-items:center;justify-content:space-evenly}.logout-button{font-size:18px;font-weight:700;text-shadow:none;color:#fff;padding:1em 1.5em;text-decoration:none;text-transform:uppercase;height:36px;width:85px;border-radius:7px;box-shadow:0 0 8px -1px #000}.yes-button{background:#84e7b3}.logout-button:hover{background-color:#555}.logout-button:active{background-color:#000}.logout-button:visited{background-color:#ccc}.confirme-button-deletedConv{margin-left:-2.1em;font-size:12px}.no{background:#d64474}.resetButton{background-color:transparent;border-color:#22b7f5;color:#3fcaf7;border-width:2px;font-weight:400;font-size:18px;border-radius:290486px;transition:all .5s ease-in-out;margin-bottom:10px;height:27px;display:flex;align-items:center;justify-content:center;padding:23px;width:54px}.rotate-button-reset:hover{animation:rotate-center .6s ease-in-out both}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.join-container{background:url(/static/media/login.c5984e02.jpg) 50%;background-size:cover;width:100%;height:100vh;object-fit:contain}.join-container,.joinOuterContainer{display:flex;align-items:center;justify-content:center}.joinOuterContainer{text-align:center;height:auto;background-color:rgba(26,26,29,.42);position:fixed;width:45%;top:14%;border:1px solid wheat;border-radius:15px;box-shadow:0 3px 15px grey;max-width:486px;padding-bottom:27px}.joinInnerContainer{width:68%}.joinInput{border-radius:5px;padding:15px 20px;width:78%;margin-top:5px;background-color:hsla(0,0%,100%,.8)}.heading{color:#fff;font-size:1.1em;padding-bottom:10px;padding-top:28px;width:81%}.button{color:#fff!important;text-transform:uppercase;text-decoration:none;background:#2979ff;padding:20px;border-radius:5px;display:inline-block;border:none;width:79%}@media (min-width:320px) and (max-width:480px){.joinOuterContainer{height:auto;width:308px;left:13%;padding-bottom:25px}.joinInnerContainer{width:90%}}.joinOuterContainer button:focus{outline:0}.closeJoinButton{position:absolute;top:24px;right:28px;padding:9px;border-radius:7px;background:transparent;border:1px solid grey}.title-login{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:2px solid #fff}.closeJoinButton>svg:hover{transform:rotate(180deg);transition:all .4s ease-in}.title-login>h1{margin-left:2em}@media screen and (max-width:750px){.title-login>h1{text-align:center;word-break:break-word;width:53%;margin-left:2em}}.showPassPict-active{box-shadow:inset 1px 2px 6px #000!important;transition:all .6s ease-in-out}#funkystyling{background:hsla(0,0%,100%,.8) url(/static/media/show-password.b9fb42a9.svg) 100% no-repeat;padding-right:17px;background-size:22px;background-origin:content-box}.messagesLogin>.container>#react-confirm-alert>.react-confirm-alert-overlay>.react-confirm-alert>.react-confirm-alert-body{width:50%!important}#footerSlideContainer{position:fixed;bottom:0;width:100%}#footerSlideButton{position:absolute;top:-55px;right:20px;width:50px;height:50px;border:none;cursor:pointer}#footerSlideContent{height:auto;background-position:0 100%;width:380px;bottom:94px;position:fixed;right:16px;border-radius:22px;box-shadow:0 4px 12px 0 rgb(0 0 0/15%)}#footerSlideText{padding:0 12px 17px 13px;text-align:center}#footerSlideText>h3{margin-bottom:27px}#footerSlideContent-closed{animation:slide-out-br .5s cubic-bezier(.55,.085,.68,.53) both}.slide-in-bottom{animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}to{transform:translateY(0);opacity:1}}.headerContent-drawer{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px}.logo-icon>img{width:33px;height:auto}.menuRight-drawer{display:flex;align-items:center;justify-content:space-between;width:81px}.icon-menuRight{background:rgba(0,0,0,.05);border-radius:50%;width:35px;height:35px;text-align:center;cursor:pointer}.icon-menuRight:first-child{padding-top:2px;padding-right:1px}.icon-menuRight:last-child>svg{width:66%;margin-left:6px}.icon-menuRight:last-child{padding-top:5px;padding-right:1px}.slide-out-br{animation:slide-out-br .5s cubic-bezier(.55,.085,.68,.53) both}@keyframes slide-out-br{0%{transform:translateY(0) translateX(0);opacity:1}to{transform:translateY(1000px) translateX(1000px);opacity:0;display:none!important}}.firstButton{text-transform:capitalize;font-size:17px;background-color:#b4b7b8;border-radius:16px;color:#fff;cursor:pointer;flex-direction:row;font-weight:600;justify-content:center;min-height:52px;min-width:215px;outline:none;padding:0 30px;border:none;display:flex;align-items:center;justify-content:space-evenly;width:340px}.firstButton>img{margin-right:9px;margin-left:-17px}.secondButton{background-color:rgba(0,0,0,.05);border-radius:16px;color:#000;cursor:pointer;font-size:17px;font-weight:600;line-height:20px;margin:12px 0;min-height:52px;min-width:215px;outline:none;padding:0 30px;border:none;width:340px}.buttons-section,.secondButton{align-items:center;display:flex;justify-content:center}.buttons-section{width:100%;flex-direction:column;margin-bottom:22px;border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3;padding-top:14px}.bottom-text-drawer{color:rgba(0,0,0,.5);font-size:13px;line-height:18px;text-align:center}.username-input-guest{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.username-input-guest>input{width:142px;height:33px;border-radius:7px;text-transform:capitalize;border:1px solid #d3d3d3;padding:5px}.joinChatButton{border:1px solid #d3d3d3;background:transparent;margin-left:14px;border-radius:8px;display:flex;align-items:center;justify-content:center;width:76px;padding-left:12px;margin-bottom:8px}.video-chat-container{justify-content:space-evenly;flex-direction:column-reverse;display:flex;align-items:center;height:96%;position:fixed;bottom:0;z-index:99999;right:20em;width:281px;margin-right:80px;font-family:"Roboto",sans-serif}.video-chat-container-mobile{right:-72px!important;top:1px!important;height:90vh;width:96%}@media screen and (max-width:750px){.myId{width:100%!important;margin-right:0!important;border-radius:5px!important;padding:2rem!important;box-shadow:1px 1px 4px #d3d3d3}}.video-chat-container-mobile-calling{top:-59px!important}@media screen and (min-width:1900px) and (max-width:2100px){.video-chat-container{bottom:-5.6em!important}}@media screen and (min-width:1600px) and (max-width:1800px){.video-chat-container{bottom:-.4em!important}}@media screen and (min-width:907px) and (max-width:1599px){.video-chat-container{bottom:-7.4em!important}}@media screen and (min-width:774px) and (max-width:906px){.video-chat-container{bottom:-3.1em!important}}.myId{max-width:410px;margin-right:5rem;border-radius:5px;padding:2rem;display:grid;justify-content:center;align-content:center}.call-button{text-align:center}.video-container{display:grid;justify-content:center;align-content:center;padding-bottom:15px}.caller{text-align:center;color:#020202;position:relative;top:-9%}.closed-video-chat-cross{max-width:54px;border:none;background:none;padding:11px;cursor:pointer;position:absolute;right:5px}.inputs-video-chat{display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;padding:13px}#filled-basic1,.call-content>input,.inputs-video-chat>input{width:142px;height:33px;border-radius:7px;text-transform:capitalize;border:1px solid #d3d3d3;padding:5px}.call-content{display:flex;align-items:center;justify-content:space-around;width:100%;margin-top:7px}.button-video-chat{border:1px solid #3ac7f8;border-radius:7px;background:transparent;width:54%;height:65px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;transition:all .6s ease-in-out;margin-left:11px}.button-video-chat:hover{background:#3ac7f8;transition:all .6s ease-in-out}.call-button-green{background-color:transparent!important;border:none;font-size:15px!important}.invitation-section{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px;margin-bottom:12px}.marginTopContent{margin-top:55px!important}.call-ended-screen{width:300px;height:200px;background:#000;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center}*{box-sizing:border-box}.adminDash{font-family:"Roboto",sans-serif}.sidebar{position:fixed;height:100%;width:240px;background:#0a2558;transition:all .5s ease}.sidebar.active{width:60px}.sidebar .logo-details{height:80px;display:flex;align-items:center}.sidebar .logo-details i{font-size:28px;font-weight:500;color:#fff;min-width:60px;text-align:center}.sidebar .logo-details .logo_name{color:#fff;font-size:24px;font-weight:500}.sidebar .nav-links{margin-top:10px}.sidebar .nav-links li{position:relative;list-style:none;height:50px}.sidebar .nav-links li a{height:100%;width:100%;display:flex;align-items:center;text-decoration:none;transition:all .4s ease}.sidebar .nav-links li a.active,.sidebar .nav-links li a:hover{background:#081d45}.sidebar .nav-links li i{min-width:60px;text-align:center;font-size:18px;color:#fff}.sidebar .nav-links li a .links_name{color:#fff;font-size:15px;font-weight:400;white-space:nowrap}.sidebar .nav-links .log_out{position:absolute;bottom:0;width:100%}.sidebar .nav-links .log_out>button{background:transparent!important;border-radius:none;color:#fff;font-weight:700}.home-section{position:relative;background:#f5f5f5;min-height:100vh;width:calc(100% - 240px);left:240px;transition:all .5s ease}.sidebar.active~.home-section{width:calc(100% - 60px);left:60px}.home-section nav{justify-content:space-between;height:80px;background:#fff;display:flex;align-items:center;position:fixed;width:calc(100% - 240px);left:240px;z-index:100;padding:0 20px;box-shadow:0 1px 1px rgba(0,0,0,.1);transition:all .5s ease}.sidebar.active~.home-section nav{left:60px;width:calc(100% - 60px)}.home-section nav .sidebar-button{display:flex;align-items:center;font-size:24px;font-weight:500}.home-section nav .sidebar-button i{font-size:35px;margin-right:10px;transform:rotate(-180deg);transition:all .4s ease-in}.home-section nav .search-box{position:relative;height:50px;max-width:550px;width:100%;margin:0 20px}.home-section nav .search-box input{height:100%;width:100%;outline:none;background:#f5f6fa;border:2px solid #efeef1;border-radius:6px;font-size:18px;padding:0 15px}.home-section nav .search-box .bx-search{position:absolute;height:40px;width:40px;background:#2697ff;right:5px;top:50%;transform:translateY(-50%);border-radius:4px;line-height:40px;text-align:center;color:#fff;font-size:22px;transition:all .4 ease}.home-section nav .profile-details{display:flex;align-items:center;background:#f5f6fa;border:2px solid #efeef1;border-radius:6px;height:50px;min-width:190px;padding:0 15px 0 2px}.home-section nav .profile-details img{height:40px;width:40px;border-radius:6px;object-fit:cover}.home-section nav .profile-details .admin_name{font-size:15px;font-weight:500;color:#333;margin:0 10px;white-space:nowrap}.home-section nav .profile-details i{font-size:25px;color:#333}.home-section .home-content{position:relative;padding-top:104px}.home-content .overview-boxes{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:0 20px;margin-bottom:26px}.overview-boxes .box{display:flex;align-items:center;justify-content:center;width:calc(25% - 15px);background:#fff;padding:15px 14px;border-radius:12px;box-shadow:0 5px 10px rgba(0,0,0,.1)}.overview-boxes .box-topic{font-size:20px;font-weight:500}.home-content .box .number{display:inline-block;font-size:35px;margin-top:-6px;font-weight:500}.home-content .box .indicator{display:flex;align-items:center}.home-content .box .indicator i{height:20px;width:20px;background:#8fdacb;line-height:20px;text-align:center;border-radius:50%;color:#fff;font-size:20px;margin-right:5px}.box .indicator i.down{background:#e87d88}.home-content .box .indicator .text{font-size:12px}.home-content .box .cart{display:inline-block;font-size:32px;height:50px;width:50px;background:#cce5ff;line-height:50px;text-align:center;color:#66b0ff;border-radius:12px;margin:-15px 0 0 6px}.home-content .box .cart.two{color:#2bd47d;background:#c0f2d8}.home-content .box .cart.three{color:#ffc233;background:#ffe8b3}.home-content .box .cart.four{color:#e05260;background:#f7d4d7}.home-content .total-order{font-size:20px;font-weight:500}.home-content .sales-boxes{display:flex;justify-content:space-between}.home-content .sales-boxes .recent-sales{width:65%;background:#fff;padding:20px 30px;margin:0 20px;border-radius:12px;box-shadow:0 5px 10px rgba(0,0,0,.1)}.home-content .sales-boxes .sales-details{display:flex;align-items:center;justify-content:space-between}.sales-boxes .box .title{font-size:24px;font-weight:500}.sales-boxes .sales-details li.topic{font-size:20px;font-weight:500}.sales-boxes .sales-details li{list-style:none;margin:8px 0}.sales-boxes .sales-details li a{font-size:18px;color:#333;font-size:400;text-decoration:none}.sales-boxes .box .button{width:100%;display:flex;justify-content:flex-end}.sales-boxes .box .button-admin a{color:#fff;background:#0a2558;padding:4px 12px;font-size:15px;font-weight:400;border-radius:4px;text-decoration:none;transition:all .3s ease}.sales-boxes .box .button-admin a:hover{background:#0d3073}.home-content .sales-boxes .top-sales{width:35%;background:#fff;padding:20px 30px;margin:0 20px 0 0;border-radius:12px;box-shadow:0 5px 10px rgba(0,0,0,.1)}.sales-boxes .top-sales li{display:flex;align-items:center;justify-content:space-between;margin:10px 0}.sales-boxes .top-sales li a img{height:40px;width:40px;object-fit:cover;border-radius:12px;margin-right:10px;background:#333}.sales-boxes .top-sales li a{display:flex;align-items:center;text-decoration:none}.price,.sales-boxes .top-sales li .product{font-size:17px;font-weight:400;color:#333}@media (max-width:1240px){.sidebar{width:60px}.sidebar.active{width:220px}.home-section{width:calc(100% - 60px);left:60px}.sidebar.active~.home-section{overflow:hidden;left:220px}.home-section nav{width:calc(100% - 60px);left:60px}.sidebar.active~.home-section nav{width:calc(100% - 220px);left:220px}}@media (max-width:1150px){.home-content .sales-boxes{flex-direction:column;width:95%;margin-left:7px}.home-content .sales-boxes .box{width:100%;overflow-x:scroll;margin-bottom:30px}.home-content .sales-boxes .top-sales{margin:0}.home-content .sales-boxes .recent-sales{margin-left:2px}}@media (max-width:1000px){.overview-boxes .box{width:calc(50% - 15px);margin-bottom:15px}}@media (max-width:700px){nav .profile-details .admin_name,nav .profile-details i,nav .sidebar-button .dashboard{display:none}.home-section nav .profile-details{height:50px;min-width:40px}.home-content .sales-boxes .sales-details{width:560px}.sales-boxes .sales-details li a{font-size:12px}}@media (max-width:550px){.overview-boxes .box{width:100%;margin-bottom:15px}.sidebar.active~.home-section nav .profile-details{display:none}}.bxl-c-plus-plus{width:97px;margin-left:5px;margin-right:-12px;animation:App-logo-spin 12s ease-in-out infinite}.links_name-littleSidebar{font-size:10px}i.bx.bx-menu.sidebarBtn:hover{transform:rotate(180deg);transition:all .4s ease-in;background:#d3d3d3;border-radius:12px}.content-ButtonChat{position:relative;width:100%;height:55px}.buttonChatAdmin{position:fixed;left:0}.top-sales-details>.drawer-content>#footerSlideContainer>#footerSlideContent-closed{display:inherit!important}.content-page-admin{width:100%;height:auto;padding-top:99px;padding-left:22px}.title-page-admin{display:flex;align-items:center;justify-content:flex-start}.content-page-admin i{font-size:32px}.nav-links a{cursor:pointer}:root{--page-header-bgColor:#242e42;--page-header-bgColor-hover:#1d2636;--page-header-txtColor:#dde9f8;--page-header-headingColor:#7889a4;--page-header-width:220px;--page-content-bgColor:#f0f1f6;--page-content-txtColor:#171616;--page-content-blockColor:#fff;--white:#fff;--black:#333;--blue:#00b9eb;--red:#ec1848;--border-radius:4px;--box-shadow:0 0 10px -2px rgba(0,0,0,0.075);--switch-bgLightModeColor:#87cefa;--switch-sunColor:gold;--switch-moonColor:#f4f4f4;--switch-bgDarkModeColor:#1f1f27}.logo{width:40%;margin-left:22em}.admin-container ul{list-style:none}.admin-container a,.admin-container button{color:inherit}.admin-container a{text-decoration:none}.admin-container button{background:none;cursor:pointer}.admin-container input{-webkit-appearance:none}.admin-container [type=checkbox]{position:absolute;left:-9999px}label{cursor:pointer}button,input{border:none}svg{display:block}.page-header{left:0;transition:all .6s ease-in-out}.page-header,.page-header-hidden{position:fixed;top:0;right:0;bottom:0;overflow:auto;padding-top:20px;width:220px;width:var(--page-header-width);color:#dde9f8;color:var(--page-header-txtColor);background:#242e42;background:var(--page-header-bgColor)}.page-header-hidden{left:-186px}.page-header nav{display:flex;flex-direction:column;min-height:100%}.page-header .logo{display:block;margin:0 66px}.page-header .logo svg{max-width:120px;fill:#fff;fill:var(--white)}.page-header .toggle-mob-menu{display:none;margin-left:5px;padding:4px;background:#fff;background:var(--page-content-blockColor);border-radius:4px;border-radius:var(--border-radius)}.page-header .toggle-mob-menu svg{fill:#333;fill:var(--black);transition:transform .2s}.page-header .admin-menu{display:flex;flex-direction:column;flex-grow:1;margin-top:35px}.page-header .admin-menu li:nth-last-child(2){margin-bottom:35px}.page-header .admin-menu li:last-child{margin-top:auto;margin-bottom:20px}.page-header .admin-menu li>*{width:100%;padding:12px 15px}.page-header .admin-menu .switcher{display:inline-block;width:auto}.page-header .admin-menu .menu-heading h3{text-transform:uppercase;letter-spacing:.15em;font-size:12px;margin-top:12px;color:#7889a4;color:var(--page-header-headingColor)}.page-header .admin-menu svg{width:20px;height:20px;fill:#dde9f8;fill:var(--page-header-txtColor);margin-right:10px}.page-header .admin-menu a,.page-header .admin-menu button{display:flex;align-items:center;font-size:.9rem}.page-header .admin-menu a:focus,.page-header .admin-menu a:hover,.page-header .admin-menu button:focus,.page-header .admin-menu button:hover{background:#1d2636;background:var(--page-header-bgColor-hover);color:#00b9eb;color:var(--blue);outline:none}.page-header .admin-menu a:focus svg,.page-header .admin-menu a:hover svg,.page-header .admin-menu button:focus svg,.page-header .admin-menu button:hover svg{fill:#00b9eb;fill:var(--blue)}.page-content{position:relative;left:220px;left:var(--page-header-width);width:calc(100% - 220px);width:calc(100% - var(--page-header-width));min-height:100vh;padding:30px;color:#171616;color:var(--page-content-txtColor);transition:all .6s ease-in-out}.page-content,.search-and-user{background:#f0f1f6;background:var(--page-content-bgColor)}.search-and-user{display:grid;grid-template-columns:1fr auto;grid-column-gap:50px;align-items:center;margin-bottom:30px}.search-and-user form{position:relative}.search-and-user [type=search]{width:100%;height:50px;font-size:1.5rem;padding-left:15px;background:#fff;background:var(--page-content-blockColor);color:#fff;color:var(--white);border-radius:4px;border-radius:var(--border-radius);box-shadow:0 0 10px -2px rgba(0,0,0,.075);box-shadow:var(--box-shadow)}.search-and-user ::-webkit-input-placeholder{color:#171616;color:var(--page-content-txtColor)}.search-and-user :-ms-input-placeholder{color:#171616;color:var(--page-content-txtColor)}.search-and-user ::placeholder{color:#171616;color:var(--page-content-txtColor)}.search-and-user form svg{width:26px;height:26px;fill:#171616;fill:var(--page-content-txtColor)}.search-and-user form button{position:absolute;top:50%;right:15px;transform:translateY(-50%)}.search-and-user .admin-profile{display:flex;align-items:center}.search-and-user .admin-profile .greeting{margin:0 10px 0 20px}.search-and-user .admin-profile svg{width:30px;height:30px}.search-and-user .admin-profile .notifications{position:relative}.search-and-user .admin-profile .badge{display:flex;align-items:center;justify-content:center;position:absolute;top:-5px;right:1px;width:18px;height:18px;border-radius:50%;font-size:10px;color:#fff;color:var(--white);background:#ec1848;background:var(--red)}.page-content .grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px}.page-content .grid>article{display:flex;height:300px;background:#fff;background:var(--page-content-blockColor);border-radius:4px;border-radius:var(--border-radius);box-shadow:0 0 10px -2px rgba(0,0,0,.075);box-shadow:var(--box-shadow)}.page-content .grid>article:first-child,.page-content .grid>article:last-child{grid-column:1/-1}@media screen and (max-width:767px){.page-content,.page-header{position:static;width:100%}.page-header{padding:10px}.page-header nav{flex-direction:row}.page-header .logo{margin:0}.page-header .logo svg{width:83px;height:35px}.page-header .toggle-mob-menu{display:block;height:33px;margin-top:28px!important;margin-left:-9px;margin-right:12px}.page-header .admin-menu{position:absolute;left:-98px;z-index:2;visibility:hidden;opacity:0}.page-header .admin-menu,.page-header .admin-menu-visible{top:57px;margin-top:0;border-radius:4px;border-radius:var(--border-radius);background:#242e42;background:var(--page-header-bgColor);transform:scale(.95);transition:all .2s}.page-header .admin-menu-visible{left:-3px!important;z-index:99988;visibility:visible!important;opacity:1!important}.page-header .admin-menu li:nth-last-child(2){margin-bottom:12px}.page-header .admin-menu li:last-child button,.search-and-user .admin-profile .greeting{display:none}.page-content{min-height:0;padding:10px}.page-content .grid{grid-gap:10px}.search-and-user{position:absolute;left:131px;top:10px;padding:0;grid-column-gap:5px;width:calc(100% - 141px);border-radius:4px;border-radius:var(--border-radius);background:transparent}.search-and-user [type=search]{font-size:1rem;height:35px}.search-and-user form svg{width:18px;height:18px}.search-and-user .admin-profile svg{fill:#fff;fill:var(--white)}.admin-button{margin-left:15.5em}.logo>img{width:36%!important}}@media screen and (max-width:400px){.page-content .grid>article{grid-column:1/-1}.header-headContent{width:inherit}}.mob-menu-opened .toggle-mob-menu svg{transform:rotate(180deg)}.mob-menu-opened .page-header .admin-menu{transform:scale(1);visibility:visible;opacity:1}@media screen and (min-width:768px){.collapsed .page-header{width:40px}.collapsed .page-header .admin-menu li>*{padding:10px}.collapsed .page-header .admin-menu .menu-heading,.collapsed .page-header .admin-menu span,.collapsed .page-header .logo{display:none}.collapsed-page-content{width:97.4%;left:41px;transition:all .6s ease-in-out}.collapsed{transform:rotate(180deg)}.collapsed .page-content{left:40px;width:calc(100% - 40px)}}.switch label{display:grid;grid-template-columns:auto auto;grid-column-gap:10px;align-items:center;justify-content:flex-start}.switch span:first-child{position:relative;width:50px;height:26px;border-radius:15px;box-shadow:inset 0 0 5px rgba(0,0,0,.4);background:#87cefa;background:var(--switch-bgLightModeColor);transition:all .3s}.switch span:first-child:after,.switch span:first-child:before{content:"";position:absolute;border-radius:50%}.switch span:first-child:before{top:1px;left:1px;width:24px;height:24px;background:#fff;background:var(--white);z-index:1;transition:transform .3s}.switch span:first-child:after{top:50%;right:8px;width:10px;height:10px;transform:translateY(-50%);background:gold;background:var(--switch-sunColor);box-shadow:0 0 4px 2px #ffdb1a}.switch [type=checkbox]:checked+label span:first-child{background:#1f1f27;background:var(--switch-bgDarkModeColor)}.switch [type=checkbox]:focus+label span:first-child{box-shadow:0 3px 5px hsla(0,0%,100%,.25)}.switch [type=checkbox]:checked+label span:first-child:before{transform:translateX(24px)}.switch [type=checkbox]:checked+label span:first-child:after{left:12px;width:15px;height:15px;background:transparent;box-shadow:-2px -5px 0 #f4f4f4;box-shadow:-2px -5px 0 var(--switch-moonColor);transform:translateY(-50%) rotate(-72deg)}.light-mode{--page-header-bgColor:#f1efec;--page-header-bgColor-hover:#b9e4e0;--page-header-txtColor:#2c303a;--page-header-headingColor:#979595;--page-content-bgColor:#fff;--box-shadow:0 0 10px -2px rgba(0,0,0,0.25)}.light-mode .page-header .admin-menu a:focus,.light-mode .page-header .admin-menu a:hover,.light-mode .page-header .admin-menu button:focus,.light-mode .page-header .admin-menu button:hover{color:#333;color:var(--black)}.light-mode .page-header .admin-menu a:focus svg,.light-mode .page-header .admin-menu a:hover svg,.light-mode .page-header .admin-menu button:focus svg,.light-mode .page-header .admin-menu button:hover svg,.light-mode .page-header .logo svg{fill:#333;fill:var(--black)}.light-mode .switch [type=checkbox]:focus+label span:first-child{box-shadow:0 3px 5px rgba(0,0,0,.25)}@media screen and (max-width:767px){.light-mode .search-and-user .admin-profile svg{fill:#333;fill:var(--black)}}.page-footer{font-size:1rem;display:flex;align-items:center;justify-content:flex-end;margin-top:10px}.page-footer a{margin-left:4px}.admin-avatar{width:55px;border-radius:50%;cursor:pointer}.admin-avatar-text{margin-right:14px}.admin-avatar-text-mobile{display:none}
/*# sourceMappingURL=main.47796b74.chunk.css.map */