@import url(https://fonts.googleapis.com/css2?family=Abel&display=swap);.frame{width:17em;display:grid;place-items:center;max-width:70%;position:relative;transition:all .3s;border:.2em solid var(--main-color);margin:.3em auto .3em 1em;background-color:var(--main-color);border-radius:.8em}.frame img{border-radius:.8em;width:100%;height:100%;object-fit:cover}.imageDownload{position:absolute;left:50%;top:50%;width:1.4em;height:1.4em;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:2.4em;display:grid;place-items:center;color:var(--icons-color);border-radius:50%;cursor:pointer;z-index:2}.imageLoader{font-size:.2em}.exitIcon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.senderIsMe{border-color:var(--light-msg-color)!important;background-color:var(--light-msg-color)!important;margin:.3em 1em .3em auto!important}.timeStampMediaBox{position:absolute;display:flex;align-items:flex-end;justify-content:space-between;border-radius:.8em;width:100%;height:100%;bottom:0;padding:1em;color:var(--grey-text-color);background:linear-gradient(rgba(51,51,51,0),rgba(51,51,51,.6666666666666666));transition:opacity .3s ease-out}.video{width:17em;max-width:70%;position:relative;margin:.3em auto .3em 1em;border:.2em solid var(--main-color);background-color:var(--main-color);border-radius:.8em}.video video{object-fit:cover}.video .videoControls,.video video{width:100%;height:100%;border-radius:.8em}.video .videoControls{position:absolute;top:0;left:0;display:flex;align-items:flex-end;transition:opacity .3s ease}.videoControls .playPauseBtn{position:absolute;top:50%;left:50%;border-radius:50%;width:2em;height:2em;background-color:rgba(0,0,0,.7);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:2em;color:var(--icons-color);cursor:pointer;display:grid;place-items:center}.topControlsInformation{top:0;padding:.5em;justify-content:space-between;align-items:center;color:var(--light-text-color);background:linear-gradient(rgba(0,0,0,.6),transparent);border-top-left-radius:.8em;border-top-right-radius:.8em}.bottomVideoControls,.topControlsInformation{position:absolute;left:0;width:100%;display:flex}.bottomVideoControls{bottom:0;flex-direction:column;padding:.4em .7em;background:linear-gradient(1turn,rgba(0,0,0,.6666666666666666),transparent);border-bottom-left-radius:.8em;border-bottom-right-radius:.8em}.bottomControls{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5em}.bottomControls p{border-radius:.3em;font-size:.7em;color:var(--light-text-color)}.bottomControls .videoExpand{cursor:pointer;color:var(--icons-color)}.bottomVideoControls progress{width:100%;height:.2em;background-color:#fff;border-radius:.1em;border:none;cursor:pointer;transition:height .1s ease}.customProgress:hover{height:.3em!important;border-radius:.15em}.customProgress::-webkit-progress-bar{border-radius:.15em;background-color:var(--secondary-color)}.customProgress::-webkit-progress-value{border-radius:.15em;background-color:var(--blue-progress-color)}

/* ! STYLE MOZ */.video video:focus{outline:none}.audio{width:17em;max-width:70%;display:flex;align-items:center;justify-content:center;margin:.3em 0 .3em 1em;padding:.5em;background-color:var(--main-color);border-radius:15px}.audio audio{display:none}.audioInformation{height:100%;display:flex;align-items:center;color:var(--icons-darker-color);margin:0 .5em;position:relative}.audioControls{width:100%;display:flex;align-items:center}.audioControls .customProgress{flex:1 1;height:.2em;cursor:pointer;margin-left:.5em;background-color:#fff;transition:height .1s ease}.audioControlsLead{display:flex;flex-direction:column;align-items:center;justify-content:center;width:3.3em;height:3.3em;color:var(--light-text-color);background-color:#d3a54f;border-radius:50%}.audioMsgInformation{position:absolute;bottom:0;display:flex;width:100%;justify-content:space-between;color:var(--icons-darker-color);font-size:.9em}.audioMsgInformation>div{display:flex}:root{--bottom-of-msg-op:auto;--top-of-msg-op:20px;--right-of-msg-op:20px;--left-of-msg-op:auto;--msg-op-transform-side:top}.chat{flex-direction:column-reverse;align-items:flex-start;list-style-type:none;padding:0;overflow-y:auto}.chat,.chatIndicator{width:100%;font-size:3em;position:relative}.chatIndicator{height:100%}.chatIndicator.chatMiniLoader{position:absolute;width:1.3em;height:1.3em;font-size:2em;top:2%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:loaderSlideIn .3s ease forwards;animation:loaderSlideIn .3s ease forwards}.hideMiniLoader{animation:loaderSlideIn .3s ease reverse backwards!important}@-webkit-keyframes loaderSlideIn{0%{-webkit-transform:translate(-50%,-100%) scale(.4);transform:translate(-50%,-100%) scale(.4)}to{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}}@keyframes loaderSlideIn{0%{-webkit-transform:translate(-50%,-100%) scale(.4);transform:translate(-50%,-100%) scale(.4)}to{-webkit-transform:translate(-50%) scale(1);transform:translate(-50%) scale(1)}}.chat-ms-scrollbar-base-color,.chat::-webkit-scrollbar{display:none}.message-left{background-color:var(--main-color);margin:.3em auto .3em 1em}.message-left,.message-right{max-width:70%;min-width:10ch;border-radius:.4em;padding:0 .6em;position:relative}.message-right{background-color:var(--light-msg-color);margin:.3em 1em .3em auto}.msgDeleted{-webkit-animation:squish .4s ease;animation:squish .4s ease}.reply{padding:.3em .7em!important;background-color:var(--light-msg-color-reply);border-left:.3em solid var(--main-green-shade);border-radius:.6em;margin-top:.3em;min-width:7em}@-webkit-keyframes squish{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(var(--elm-height));transform:translateY(var(--elm-height))}}@keyframes squish{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(var(--elm-height));transform:translateY(var(--elm-height))}}.message-left .time,.message-right .time{font-size:.5em;color:#757575;z-index:1}.msg{margin-top:.5em}.msg span{color:#000;margin-bottom:.4em}.fetchLoader{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1em;width:8em;height:8em;background-color:hsla(0,0%,69.8%,.8);display:grid;place-items:center}.chatMiniLoader .fetchLoader{position:relative;width:100%;height:100%;border-radius:50%}.fetchLoaderIndicator{width:70%;height:70%;border:.5em solid #858585;border-top:.5em solid var(--main-green-shade);border-radius:50%;-webkit-animation:spin .8s cubic-bezier(.8,.3,.6,1) infinite;animation:spin .8s cubic-bezier(.8,.3,.6,1) infinite}.chatMiniLoader .fetchLoaderIndicator{border-width:.13em;border-radius:50%}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.dates{display:flex;align-items:center;justify-content:center;margin:.5em auto;border-radius:1em;text-align:center;background-color:#00ad96;padding:.4em 0;font-size:.7em}.word{z-index:2;padding:0 1em;letter-spacing:.2em;color:var(--main-color)}.noMessagesFound{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1em 2em;border-radius:1em;color:var(--text-color);display:flex;align-items:center;justify-content:center;font-size:1em;background-color:#ececec}.pointsContainer{position:absolute;cursor:pointer;top:.25em;left:.4em;display:none}.display{display:flex;-webkit-animation:showIn .2s ease-in-out;animation:showIn .2s ease-in-out}@-webkit-keyframes showIn{0%{-webkit-transform:translate(30px,-10px) scale(0);transform:translate(30px,-10px) scale(0)}to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes showIn{0%{-webkit-transform:translate(30px,-10px) scale(0);transform:translate(30px,-10px) scale(0)}to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}.message-right .pointsContainer{right:.4em;left:auto}.messagePoint{min-width:.3em;min-height:.3em;width:.3em;height:.3em;border-radius:50%;padding:0;margin:0 .07em;background-color:#fff;border:.05em solid rgba(0,0,0,.5)}.op{padding:.4em .6em;z-index:3;width:-webkit-max-content;width:max-content;display:flex;flex-direction:column;align-items:center;position:absolute;right:20px;right:var(--right-of-msg-op);left:auto;left:var(--left-of-msg-op);top:20px;top:var(--top-of-msg-op);bottom:auto;bottom:var(--bottom-of-msg-op);-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform-origin:right var(--msg-op-transform-side);transform-origin:right var(--msg-op-transform-side);background-color:var(--main-color);list-style:none;border-radius:.3em;color:var(--text-color);font-size:1em;font-weight:lighter;cursor:default;-webkit-animation:showOps .2s ease;animation:showOps .2s ease}.message-left .op{-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform-origin:left var(--msg-op-transform-side);transform-origin:left var(--msg-op-transform-side)}@-webkit-keyframes showOps{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showOps{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.op li{padding:1em 1.3em;font-size:.8em;margin:.5em 0;letter-spacing:.1em;cursor:pointer;transition:all .2s;width:100%;border-radius:.4em;text-align:center}.op li:hover,.replies{background-color:var(--main-black-shade);color:var(--light-text-color)}.replies{border-radius:.3em;font-size:.9em;padding:.3em .7em;margin-bottom:.7em}.reply:not(:first-of-type){border-top:2px solid #fff}.reply{padding:1em .4em;width:100%}.shortMsgInfo{display:flex;justify-content:space-between;align-items:center;padding:.3em 0}.isRead,.message-left .shortMsgInfo{justify-content:flex-end}.isRead{font-size:.7em;display:flex}.header{display:flex;align-items:center;justify-content:space-between;margin:0;padding:1em;width:100%;height:100%;background-color:var(--main-green-shade);z-index:3;color:var(--light-text-color);box-shadow:0 .2em .4em rgba(0,0,0,.4)}.image{border-radius:50%;width:8em;height:8em}.userName{margin-left:1em;font-weight:400;font-size:3em}.leftSideHeader{margin-left:2em}.leftSideHeader,.rightSideHeader{display:flex;align-items:center}.headerIcons{font-size:4em;cursor:pointer;margin:0 .5em;color:var(--icons-color)}.menu{width:30px;height:30px;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .2s ease-in-out;cursor:pointer;position:relative;margin:0 7px}.point{min-width:.8em;width:.8em;min-height:.8em;height:.8em;background-color:var(--icons-color);margin:2px;border-radius:50%}.rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.dropdownList{position:absolute;right:3em;top:4em;background-color:var(--main-green-shade);padding:.5em 1em;transition:all .2s ease-in-out;border-radius:1em;margin:0;display:flex;flex-direction:column;width:25em;justify-content:center;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:top right;transform-origin:top right;box-shadow:0 .4em 2em rgba(53,15,21,.6941176470588235)}.dropDown{z-index:3;-webkit-transform:scale(1) translateY(7em);transform:scale(1) translateY(7em)}.dropdownList li{list-style-type:none;border-bottom:.1em solid #eee;width:100%;text-align:center;font-size:2.4em;padding:1em 0}.dropdownList h4{cursor:pointer;transition:all .2s;font-weight:400}.dropdownList h4:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.dropdownList li:last-of-type{border:none}.leftArrow{display:none}@media (max-width:60em){.leftArrow{display:block;margin-right:.6em;font-size:4em}.userName{font-size:3.4em;margin-left:.4em}.rightSideHeader{width:-webkit-max-content;width:max-content;margin:0}.headerIcons{font-size:4em}.image{width:7em;height:7em}}.chatBox{display:flex;align-items:center;position:relative;width:100%;background-color:#ececec;height:100%;z-index:2}.submitBTN{font-size:4em;color:var(--main-green-shade);border-radius:50%;border:0;height:2em;width:2em;margin:0 .4em;cursor:pointer}.message,.submitBTN{background-color:transparent}.message{color:#000;flex:1 1;font-size:2.55em;border:none;border-left:1px solid #8a8a8a;border-radius:0;padding-left:1em;height:70%}.message:focus{outline:none}.plus{color:var(--main-green-shade);font-size:4em;border-radius:50%;width:1.6em;height:1.6em;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:0 .4em}.plusIcon{width:100%;height:100%}.rotate90{-webkit-animation:rotate90 .2s ease-in;animation:rotate90 .2s ease-in}@-webkit-keyframes rotate90{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate90{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.rotateBack{-webkit-transform-origin:center;transform-origin:center;-webkit-animation:rotateBack .2s ease-out;animation:rotateBack .2s ease-out}@-webkit-keyframes rotateBack{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes rotateBack{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.fileSharingContainer{position:relative}.fileFormats{display:flex;flex-direction:column-reverse;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:10em}.format{position:relative;display:flex;align-items:center;justify-content:center;min-width:2.5em;max-width:2.5em;width:2.5em;height:2.5em;margin-top:1em;font-size:3em;color:var(--main-color);cursor:pointer;-webkit-transform-origin:bottom center;transform-origin:bottom center;opacity:0;-webkit-animation:showingFormats .2s cubic-bezier(.35,.885,.32,1.275) forwards;animation:showingFormats .2s cubic-bezier(.35,.885,.32,1.275) forwards}.format,.format:last-of-type:before{background-color:var(--main-green-shade);border-radius:50%}.format:last-of-type:before{content:"";width:100%;height:100%;left:0;top:0;position:absolute;z-index:-1;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:bounceEffect .2s cubic-bezier(.175,.825,.32,1.5);animation:bounceEffect .2s cubic-bezier(.175,.825,.32,1.5)}.format:after:hover{-webkit-transform:translateX(100%);transform:translateX(100%)}.format .formatIcon{display:grid;place-content:center;width:100%;height:100%;z-index:2;background-color:var(--main-green-shade);border-radius:100%}.formatNameContainer{z-index:1;overflow:hidden;left:0;top:0;width:270%;border-radius:25px}.formatName,.formatNameContainer{display:flex;justify-content:flex-end;position:absolute;height:100%}.formatName{align-items:center;padding-right:30px;width:85%;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;background-color:var(--main-green-shade)}@-webkit-keyframes bounceEffect{0%{-webkit-transform:scale(.3) translateY(70px);transform:scale(.3) translateY(70px)}to{-webkit-transform:scale(.5) translateY(-100%);transform:scale(.5) translateY(-100%)}}@keyframes bounceEffect{0%{-webkit-transform:scale(.3) translateY(70px);transform:scale(.3) translateY(70px)}to{-webkit-transform:scale(.5) translateY(-100%);transform:scale(.5) translateY(-100%)}}.format.hide{opacity:1;-webkit-animation:hidingFormats .2s ease-in forwards;animation:hidingFormats .2s ease-in forwards}.format.hide:nth-of-type(2),.format:nth-of-type(2),.format:nth-of-type(2):before{-webkit-animation-delay:75ms!important;animation-delay:75ms!important}.format.hide:nth-of-type(3),.format:nth-of-type(3),.format:nth-of-type(3):before{-webkit-animation-delay:.15s!important;animation-delay:.15s!important}@-webkit-keyframes showingFormats{0%{opacity:.4;-webkit-transform:scale(.4) rotateY(30deg) translateY(70px);transform:scale(.4) rotateY(30deg) translateY(70px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes showingFormats{0%{opacity:.4;-webkit-transform:scale(.4) rotateY(30deg) translateY(70px);transform:scale(.4) rotateY(30deg) translateY(70px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hidingFormats{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:scale(.4) rotateY(30deg) translateY(70px);transform:scale(.4) rotateY(30deg) translateY(70px)}}@keyframes hidingFormats{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:scale(.4) rotateY(30deg) translateY(70px);transform:scale(.4) rotateY(30deg) translateY(70px)}}.format:focus{outline:none}.blockedFooter{display:flex;background-color:var(--main-green-shade);align-items:center;justify-content:center;color:#eee;font-size:1.2em;width:100%}.mode{left:1%;padding:1em 1.4em;position:absolute;justify-content:space-between;bottom:4em;border-radius:.3em;font-size:3em;height:-webkit-max-content;height:max-content;width:98%;background-color:var(--main-color)}.mode,.mode button{color:var(--text-color)}.mode button{background:none;border:none;cursor:pointer}.selectPage{flex:1 1;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-color);padding:3rem;text-align:center;font-size:2em}.selectPage img{width:45em;margin-bottom:2em}@media (max-width:60em){.selectPage{display:none}}.friendSearchForm{color:var(--text-color);font-size:1.4em;margin:1em 0}.friendSearchForm input{transition:all .4s;width:100%;margin:1em 0 .8em;padding:.4em 1em;background-color:transparent;border:2px solid;border-radius:5px;font-size:.9em}.friendSearchForm input:focus{outline:none;border-color:var(--main-green-shade)}.friendSearchForm button{padding:.75em;border-radius:5px;border:0;background-color:var(--main-green-shade);font-size:.8em}.friendSearchForm button,.noUserError{width:100%;color:var(--light-text-color)}.noUserError{position:absolute;top:0;left:50%;z-index:-1;transition:all 1s;background-color:var(--error-color);padding:.6em;border-top-left-radius:10px;border-top-right-radius:10px;font-weight:lighter;text-align:center}.contactsPage{position:absolute;width:100%;height:100%;background-color:hsla(0,0%,69.8%,.8);z-index:4;display:flex;font-size:2em;align-items:center;justify-content:center}.contactsBox{width:55ch;max-height:90%;background-color:#fff;padding:.4em 1em;display:flex;flex-direction:column;color:#000;border-radius:4px;font-size:1.1em;position:relative}.contactsBox .exit{position:absolute;top:.8em;right:.8em;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);font-size:1.8em;color:#919191;cursor:pointer}.contactsBox ul{padding:0;overflow-y:auto;margin:1em 0}.contactsBox li{display:flex;align-items:center;justify-content:space-between;list-style:none;border-radius:.5em;font-size:1.3em;transition:all .15s ease-out;-webkit-animation:loaded .5s ease-out;animation:loaded .5s ease-out}.contactsBox li div{display:flex;align-items:center;height:4em}.contactsBox li img{width:3em;height:3em}.contactsBox li:hover{background-color:#ccc}@-webkit-keyframes loaded{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{opacity:1}}@keyframes loaded{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{opacity:1}}.selectingPart{width:100%;display:flex;justify-content:space-around;border-bottom:.12em solid #00a690;padding:1em 0;font-size:1.3em}.selectingPart p{width:100%;text-align:center;cursor:pointer}.selectingPart p:first-child{border-right:.12em solid #00bfa6}.selectingPart .selected{color:#00bfa6}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background-color:#0f172b;border-radius:2.5px}::-webkit-scrollbar-corner{display:none}.addBTN{padding:.4em .7em;font-size:1em;background:transparent;color:#e94560;border:none;cursor:pointer;transition:all .2s}.addBTN:hover{color:#000}.incomingAcceptBTN{color:#58d36c}.swipe-left{opacity:0;-webkit-transform:translateX(-20%);transform:translateX(-20%)}.fade-out-incoming{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.contactingIcons{margin:0 7px;cursor:pointer}.noFriendFound{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;margin:1em 0}.noFriendFound img{width:80%}.noFriendFound p{font-size:1.8em;margin-top:1em}.videoCallPage{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10;background-color:var(--main-color);justify-items:center;flex-direction:column;transition:.5s ease-in-out;box-shadow:0 0 60px #11111f}.videos{height:500px;width:100vw}.otherPersonsVideo{width:100%;height:100%}.myVideo,.otherPersonsVideo{position:absolute;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.myVideo{width:12vw;bottom:2%;right:2%;z-index:1}.controls{position:absolute;bottom:4em;left:50%;display:flex;align-items:flex-end;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s}.controls abbr button{border-radius:50%;background-color:#e94560;color:var(--main-color);border:0;cursor:pointer;display:flex;margin:0 .3em;justify-content:center;align-items:center;transition:all .5s}.controls abbr:nth-of-type(n+3){transition:all .5s;-webkit-animation:fade-in .6s ease-out forwards;animation:fade-in .6s ease-out forwards;-webkit-animation-delay:1.2s;animation-delay:1.2s;opacity:0}.controls abbr:nth-of-type(3){-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.goBackFromVideoPage{left:1.5vw;top:2%;background-color:transparent;border:none;cursor:pointer;font-size:35px}.callWait,.goBackFromVideoPage{position:absolute;color:var(--text-color)}.callWait{display:flex;width:100%;height:100%;flex-direction:column;justify-content:center;text-align:center;font-size:24px;letter-spacing:5px;line-height:60px}.callerInfo img{width:150px;height:150px;object-fit:cover;border-radius:50%;margin:10px 0;transition:all .5s}.fade-out{-webkit-animation:fade-out .5s forwards;animation:fade-out .5s forwards}.fade-in-with-transform{-webkit-animation:fade-in-with-transform .5s forwards;animation:fade-in-with-transform .5s forwards}.audioCallPage{position:absolute;width:100%;height:100%;z-index:10;background-color:var(--main-color);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:2em;transition:all .5s;box-shadow:.3em .3em 4em #11111f}.audioCallPage p{color:var(--text-color);margin:.1em 0;letter-spacing:.1em}.audioCallPage p:nth-of-type(2){transition:all .1s}.userInfo{flex-direction:column;position:relative;width:20em;height:20em;border:.3em solid var(--main-green-shade);background-color:var(--main-green-shade);border-radius:50%;transition:all .5s;margin:auto 0}.userInfo,.userInfo div{display:flex;justify-content:center;align-items:center}.userInfo div{font-size:1.8em;position:absolute;width:100%;height:100%;border-radius:50%;color:#eee;transition:all .3s;opacity:0}.userInfo div:hover{background-color:var(--main-green-shade);opacity:1}.userInfo img{width:100%;height:100%;object-fit:cover;border-radius:50%}.audioCallBTNs{margin-bottom:2em;transition:all .1s;display:flex;align-items:center;height:-webkit-max-content;height:max-content}.audioCallBTNs abbr button{margin:0 1em;color:var(--main-color);background-color:#e94560;border:none;border-radius:50%;cursor:pointer;transition:all .3s;font-size:2.3em}.audioCallBTNs abbr button:focus{outline:none}.callComing{width:100%;height:100%;z-index:10;position:fixed;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}.callComing .container{width:350px;height:430px;background-color:var(--main-color);display:flex;flex-direction:column;padding:15px;border-radius:15px;color:var(--text-color);font-size:20px;letter-spacing:3px;font-weight:550;text-align:center}.callComing .container .caller{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}.callComing .container .caller img{width:150px;height:150px;object-fit:cover;border-radius:50%;margin:20px 0}.callComing .buttons{display:flex;justify-content:space-around}.callComing .buttons .icon{width:50px;height:50px;border-radius:50%;border:none;background:transparent;color:#e40000;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s;letter-spacing:2px}.callComing .buttons .icon:hover{color:#b10000}.callComing .buttons .icon:focus{outline:none}.callComing .buttons .icon:first-of-type{color:#36a520}.callComing .buttons .icon:first-of-type:hover{color:#287a18}:root{--main-color:#fff;--secondary-color:#b2b2b2;--third-color:#ededed;--main-green-shade:#00ad96;--icons-color:#fff;--blue-progress-color:#2ab5eb;--icons-darker-color:#88967d;--main-black-shade:#494949;--text-color:#000;--darker-grey-text-color:#6d6d6d;--grey-text-color:hsla(0,0%,93.3%,0.6666666666666666);--light-text-color:#fff;--light-msg-color:#dcf8c6;--light-msg-color-reply:#b3caa2;--error-color:#ce4c4c}.chatPage{height:100vh;max-height:105rem;width:100vw;max-width:150rem;background-color:#e5ddd5;display:flex;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);box-shadow:0 0 10px #000}.chatPage,.people{margin:0;padding:0}.people{color:#080b54;width:70em;min-width:70em;background-color:#fff;position:relative;transition:all .3s ease}.people ul{padding:0;height:100vh;overflow:auto!important}.people ul::-webkit-scrollbar{display:none}.user{display:flex;justify-content:space-between;align-items:center;color:#000;color:var(--text-color);background-color:#ededed;background-color:var(--third-color);font-size:1.4rem;margin:0;padding:0 1em 0 .5em}.user h4{font-size:1.2em}.user .img{font-size:.7em}.profileSettings{color:#000;color:var(--text-color)}.roomSearch{padding:1em 0;height:10em;display:flex;background-color:#ededed;background-color:var(--third-color);align-items:center;justify-content:center}.roomSearch>div{width:90%;height:80%;display:flex;border-radius:4em;background-color:#fff;background-color:var(--main-color)}.searchIcon{width:4em;height:100%;font-size:3em;display:inline-flex;justify-content:center;align-items:center;color:#000;color:var(--text-color);cursor:pointer}.roomSearch input{flex:1 1;margin-right:1em;height:100%;border:0;font-size:3em}.roomSearch input:focus{outline:none}.people li{font-size:1.7em;font-weight:400;border-bottom:.1em solid #ededed;border-bottom:.1em solid var(--third-color);margin:1em;cursor:pointer}.lastMsgBox,.people li{display:flex;align-items:center}.lastMsgBox{justify-content:space-between;font-size:.8em}.lastMsgBox svg{font-size:1.6em}.lastMsgBox div{width:100%;display:flex;align-items:center}.lastMsgBox p{color:#999;font-size:2em}.roomUpperPart{display:flex;font-size:1.4em;align-items:center;justify-content:space-between}.numOfUnreadMessages{align-items:center;justify-content:center;padding:0 .3em;min-width:1.5em;height:1.5em;text-align:center;margin:auto;border-radius:1em;background-color:#00ad96;background-color:var(--main-green-shade);color:#eee!important}.messageBox{margin:0;padding:0;flex:1 1;display:grid;grid-template-columns:1fr;grid-template-rows:10em 1fr 10em;border-left:1px solid #ededed;border-left:1px solid var(--third-color);height:100vh;max-height:100%;background-color:#666;background-image:url(/defaultChatPicture.png);background-position:50%;background-attachment:cover;background-repeat:repeat;background-blend-mode:overlay}.errorMessage{position:absolute;align-items:center;padding:1em 1.3em;height:3em;top:0;right:50%;-webkit-transform:translate(50%,-7em);transform:translate(50%,-7em);background-color:#ce4c4c;background-color:var(--error-color);color:#fff;color:var(--light-text-color);font-size:3.4em;text-align:center;border-bottom-left-radius:.7em;border-bottom-right-radius:.7em;z-index:20}.showError{-webkit-animation:showError 5s ease;animation:showError 5s ease}@-webkit-keyframes showError{0%{-webkit-transform:translate(50%,-70px);transform:translate(50%,-70px)}10%,90%{-webkit-transform:translate(50%);transform:translate(50%)}to{-webkit-transform:translateY(50%,-70px);transform:translateY(50%,-70px)}}@keyframes showError{0%{-webkit-transform:translate(50%,-70px);transform:translate(50%,-70px)}10%,90%{-webkit-transform:translate(50%);transform:translate(50%)}to{-webkit-transform:translateY(50%,-70px);transform:translateY(50%,-70px)}}.add{font-size:2.4em}.add,.add>div{display:flex;align-items:center;justify-content:center}.add>div{color:#00ad96;color:var(--main-green-shade);position:absolute;z-index:2;cursor:pointer;flex-direction:column}.add>div>h2{color:#000;color:var(--text-color);margin-top:2em}.fullHeight{height:100%}@media (max-width:60em){.chatPage{max-height:100vh}.people{width:100vw;min-width:auto;z-index:4;-webkit-transform:translateX(0);transform:translateX(0)}.roomSelected{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.messageBox{width:100vw;flex:1 1;position:absolute}}.loadingPage{width:100%;height:100%;font-size:2em;position:fixed;background-color:var(--main-color);z-index:10}.loader,.loadingPage{display:flex;align-items:center;justify-content:center}.loader{width:25em;height:25em;aspect-ratio:1/1;position:relative;background-color:var(--third-color);border-radius:50%;z-index:2}.loader:before{box-shadow:2em 3em #1900ff}.loader:after,.loader:before{content:"";width:70%;height:70%;border-radius:50%;position:absolute;-webkit-animation:animate 5s infinite;animation:animate 5s infinite}.loader:after{box-shadow:-2em -3em #a7491e}.loader span:first-of-type:before{box-shadow:-3em 2em #00e745}.loader span:first-of-type:after,.loader span:first-of-type:before{content:"";width:70%;height:70%;border-radius:50%;position:absolute;-webkit-animation:animate 5s infinite;animation:animate 5s infinite}.loader span:first-of-type:after{top:5%;right:5%;box-shadow:3em -2em #cc21cc}@-webkit-keyframes animate{0%{-webkit-filter:blur(50px) hue-rotate(0deg);filter:blur(50px) hue-rotate(0deg)}to{-webkit-filter:blur(50px) hue-rotate(1turn);filter:blur(50px) hue-rotate(1turn)}}@keyframes animate{0%{-webkit-filter:blur(50px) hue-rotate(0deg);filter:blur(50px) hue-rotate(0deg)}to{-webkit-filter:blur(50px) hue-rotate(1turn);filter:blur(50px) hue-rotate(1turn)}}.loader span{background-color:var(--main-color);width:90%;height:90%;border-radius:50%;display:flex;justify-content:center;align-items:center;border:5px solid var(--secondary-color);z-index:20;-webkit-animation:centerCircle 5s infinite;animation:centerCircle 5s infinite}@-webkit-keyframes centerCircle{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes centerCircle{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.loader span:last-of-type{letter-spacing:8px;font-size:2em;font-weight:700;position:absolute;top:50%;left:50%;text-align:center;background:transparent;border:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:textFade 5s infinite;animation:textFade 5s infinite}@-webkit-keyframes textFade{0%{color:rgba(90,90,90,.4)}50%{color:#5a5a5a}to{color:rgba(90,90,90,.4)}}@keyframes textFade{0%{color:rgba(90,90,90,.4)}50%{color:#5a5a5a}to{color:rgba(90,90,90,.4)}}*{margin:0;box-sizing:border-box;font-family:"Abel",serif}body,html{overflow:hidden;height:100vh;width:100vw;font-size:62.5%;position:relative;background-color:#d7dbd7}body:before{content:"";background-color:#00bfa6;width:100%;height:25rem;position:absolute;left:0;top:0}.App{background-color:#2b2b2b;height:100vh}.hoverEffect{transition:all .2s ease-in;cursor:pointer;margin-left:1em}.hoverEffect:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.img{width:5em;height:5em;-webkit-clip-path:circle(50%);clip-path:circle(50%);object-fit:cover;margin:1em}
/*# sourceMappingURL=main.e0c75a9d.chunk.css.map */