.sidebar{background:var(--lightBgColor);border-right:1px solid var(--lightMainColor);box-shadow:1px 5px 32px -15px var(--lightMainColor);height:100vh;margin:0;overflow-y:hidden;padding:20px;position:-webkit-sticky;position:sticky;top:70px;-webkit-user-select:none;user-select:none;width:300px}.dark-version .sidebar{background:var(--darkBgColor);border-right:1px solid var(--darkMainColor);box-shadow:1px 5px 32px -15px var(--darkMainColor);color:#fff}.sidebarList{list-style:none;margin:20px 0 0;padding:0}.sidebarListItem{align-items:center;background:var(--lightBgListItemColor);border-radius:20px;box-shadow:2px 2px 10px 1px var(--lightBorderShadow);cursor:pointer;display:flex;margin-bottom:10px;outline:1px solid var(--lightListOutlineColor);padding:15px;transition:1s}.dark-version .sidebarListItem{background:var(--darkBgListItemColor);outline:1px solid var(--darkListOutlineColor)}.sidebarListItem:hover{border-radius:50px;box-shadow:2px 2px 10px 3px var(--lightMainColor);outline:1px solid #000;-webkit-transform:translate(5%,10%);transform:translate(5%,10%)}.dark-version .sidebarListItem:hover{box-shadow:2px 2px 1px 1px var(--darkMainColor);outline:1px solid var(--darkMainColor)}.sidebarIcon{color:var(--lightMainColor);margin-right:15px}.dark-version .sidebarIcon{color:var(--darkMainColor)}.sidebarButton{border:none;border-radius:10px;font-weight:700;padding:10px;width:150px}.sidebarHr{margin:20px 0}.sidebarFriendList{list-style:none;margin:0;padding:0}.sidebarLogo{color:var(--lightMainColor);font-size:40px;font-style:italic;font-weight:700;margin-bottom:20px;text-align:center;width:100%}.sidebarLogo,.sidebarnotResponsiveLogo{display:block}.sidebarResponsiveLogo{display:none}.dark-version .sidebarLogo{color:var(--darkMainColor)}.sidebarListItem.sidebarListItemBadge{position:relative}.sidebarNotificationBadge{align-items:center;background:#06f;border-radius:50px;color:#fff;display:block;font-size:17px;height:30px;padding:5px 10px;position:absolute;right:15px;text-align:center}.sidebarLink{color:var(--darkColor);outline:none;text-decoration:none}.exitApp{background:var(--lightBgListItemColor);box-shadow:2px 2px 10px 1px var(--lightBorderShadow);outline:1px solid rgba(255,0,0,.3)!important}@media only screen and (max-width:900px){.sidebar{width:100px}.sidebarListItem{border-radius:50%}.sidebarListItemText{display:none}.sidebarResponsiveLogo{display:block}.sidebarnotResponsiveLogo{display:none}.sidebarNotificationBadge{right:-10px;top:-10px}}.post{background:#fff;border:2px solid var(--darkListOutlineColor);border-radius:10px;box-shadow:1px 5px 15px 0 #000;margin:30px auto;width:80%}.dark-version .post{background:var(--darkBgColor);border:1px solid var(--darkListOutlineColor);box-shadow:1px 5px 15px 0 var(--darkMainColor);color:var(--darkColorPost)}.postWrapper{padding:10px}.postTop{justify-content:space-between}.postTop,.postTopLeft{align-items:center;display:flex}.postProfileImg{border-radius:50%;height:40px;object-fit:cover;width:40px}.postUsername{font-size:15px;font-weight:500;margin:0 10px}.postDate{align-items:center;color:#414141;display:flex;font-size:12px;font-weight:400;text-align:center}.postDateIcon{font-size:15px!important;margin-right:5px}.dark-version .postDate{color:#999}.postCenter{margin:20px 0}.postImg{background:#000;border:1px solid var(--darkMainColor);border-radius:10px;margin-top:20px;max-height:500px;object-fit:cover;width:100%}.postBottom,.postReactionButton{align-items:center;display:flex}.postReactionButton{background:rgba(0,4,66,.795);border:1px solid #fff;border-radius:50px;color:var(--darkColorPost);cursor:pointer;margin-bottom:5px;margin-right:7px;padding:2px 10px 2px 5px}.postCommentIcon,.postCommentText{position:relative}.postBottomLeft{align-items:center;display:flex;flex-wrap:wrap;position:relative;width:70%}.bottomReactionButtonsContainer{display:flex;margin:0;padding:0}.bottomReactionButton{align-items:center;background:rgba(0,4,66,.795);border:1px solid #fff;border-radius:50px;color:var(--darkColorPost);cursor:pointer;display:none;margin-right:5px;margin-top:5px;padding:2px 10px 2px 5px;transition:visibility 0s,opacity 1s linear}.selectedReaction{background:#01f!important}.dark-version .selectedReaction{background:#00043b}.reactIcon{height:20px;width:20px}.reactIcon,.reactIconShow{background:none;border:none;cursor:pointer;font-size:20px!important;margin-right:2px;object-fit:cover}.reactIconShow{height:30px;transition:.5s;width:30px}.reactIconShow:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.postLikeCounter{font-size:17px;margin:0;padding:0}.postBottomRight{flex:1 1;height:100%;text-align:right}.postCommentText{border-bottom:1px dashed gray;cursor:pointer;flex:1 1;font-size:15px}.reactionShow{background:var(--darkRightBgColor);border:1px solid var(--lightBgListItemColor);border-radius:50px;bottom:-30px;cursor:pointer;flex-wrap:nowrap;height:40px;left:-40px;margin:0;opacity:0;overflow-y:hidden;padding:3px;position:absolute;text-align:center;transition:visibility 0s,opacity 1s linear;transition:1s;width:40px}.reactionShow:hover{height:145px;overflow-y:auto;padding:5px 0;-webkit-transform:scale(1.1);transform:scale(1.1)}.reactionShow::-webkit-scrollbar{width:0}.share{background:#fff;border:2px solid var(--darkListOutlineColor);border-radius:20px;box-shadow:1px 5px 15px 0 #000;margin:auto auto 20px;width:90%}.dark-version .share{background:var(--darkBgColor);border:1px solid var(--darkListOutlineColor);box-shadow:1px 5px 15px 0 var(--darkMainColor);color:var(--darkColorPost)}.shareWrapper{padding:10px}.shareTop{align-items:center;display:flex}.shareProfileImg{border-radius:50%;height:50px;margin-right:10px;object-fit:cover;width:50px}.shareInput{background:none;border:none;font-size:17px;width:80%}.dark-version .shareInput{color:#fff}.shareInput::-webkit-input-placeholder{color:#999}.shareInput::placeholder{color:#999}.shareInput:focus{outline:none}.shareHr{margin:20px}.shareBottom{align-items:center;display:flex;justify-content:space-between}.shareOptions{display:flex;margin-left:20px}.shareOption{align-items:center;cursor:pointer;display:flex;margin-right:15px}.shareIcon{font-size:18px;margin-right:3px}.shareButton{background:green;border-radius:7px;color:#fff;font-weight:500;padding:10px;transition:1s}.shareButton:focus{outline:none}.shareButton{--c:#fff;background:linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) 100%/300% no-repeat,var(--lightMainColor);background:linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) var(--_p,100%)/300% no-repeat,var(--lightMainColor);border:none;color:#0000;outline-offset:.1em;text-shadow:-.08em -.01em 0 var(--c),.08em .01em 2px #0004;text-shadow:calc(var(--_i, -1)*.08em) -.01em 0 var(--c),calc(var(--_i, -1)*-.08em) .01em 2px #0004;-webkit-transform:perspective(500px) rotateY(-20deg);transform:perspective(500px) rotateY(-20deg);-webkit-transform:perspective(500px) rotateY(calc(20deg*var(--_i, -1)));transform:perspective(500px) rotateY(calc(20deg*var(--_i, -1)));transition:.3s}.dark-version .shareButton{background:linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) 100%/300% no-repeat,var(--darkMainColor);background:linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) var(--_p,100%)/300% no-repeat,var(--darkMainColor)}.shareButton:focus-visible,.shareButton:hover{--_p:0%;--_i:1}.shareButton:active{box-shadow:inset 0 0 9000000000q #0005;color:var(--c);text-shadow:none;transition:0s}.shareButton{cursor:pointer;font-size:20px;font-weight:700;margin-right:20px;padding:5px 10px}.shareImgContainer{position:relative}.shareImg{border-radius:0;margin-top:10px;object-fit:cover;width:100%}.feed{flex:5 1}.feedWrapper{height:100vh;overflow-y:auto;padding:20px}.feedWrapper::-webkit-scrollbar{width:0}.noPosts{color:#777;cursor:auto;text-align:center;-webkit-user-select:none;user-select:none}.rightbar{border:2px solid var(--darkListOutlineColor);border-radius:10px;box-shadow:1px 5px 15px 0 #000;color:#000;flex:2.3 1;padding:20px}.dark-version .rightbar{border:1px solid var(--darkListOutlineColor);box-shadow:1px 5px 10px 0 var(--darkMainColor);color:var(--darkColorPost)}.rightbarTitle{margin-bottom:25px;margin-left:10px}.rightbarFriendList{list-style:none;margin:0;padding:0}.rightbarTitle{font-size:18px;font-weight:500;margin-bottom:10px}.rightbarInfo{margin-bottom:30px}.rightbarInfoItem{margin-bottom:10px}.rightbarInfoKey{color:#555;font-weight:500;margin-right:15px}.rightbarInfoValue{font-weight:300}.rightbarFollowings{display:flex;flex-wrap:wrap;justify-content:space-between}.rightbarFollowing{border:2px solid var(--darkListOutlineColor);border-radius:20px;box-shadow:1px 5px 15px 0 #000;cursor:pointer;display:flex;flex-direction:column;margin-bottom:20px;padding:5px;transition:1s}.rightbarFollowing:hover{box-shadow:1px 10px 20px 5px #000}.dark-version .rightbarFollowing{border:2px solid var(--darkListOutlineColor);box-shadow:1px 5px 15px 0 var(--darkBorderShadow)}.dark-version .rightbarFollowing:hover{box-shadow:1px 10px 20px 5px var(--darkBorderShadow)}.rightbarFollowingImg{border-radius:10px;height:120px;margin-bottom:5px;object-fit:cover;width:120px}.rightbarFollowingName{color:#000;text-align:center}.dark-version .rightbarFollowingName{color:#fff}.rightbarFollowButton{align-items:center;background-color:#1872f2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;margin-bottom:10px;margin-top:30px;padding:5px 15px}.rightbarFollowButton:focus{outline:none}@media only screen and (max-width:900px){.rightbar{flex:2 1}}.rightbarFriend{align-items:center;background:rgba(0,0,0,.3);border-radius:20px;display:flex;margin-bottom:15px;padding:15px 5px;transition:1s}.rightbarProfileImgContainer{margin-right:10px;position:relative}.rightbarProfileImg{border-radius:50%;height:45px;object-fit:cover;width:45px}.rightbarOnline{background:#32cd32;border:2px solid #fff;border-radius:50%;height:12px;position:absolute;right:0;top:-2px;width:12px}.usersLink{color:#fff}.home{background:#fff;background:var(--lightModeBgGradient);color:#000;display:flex;height:100vh;width:100%}.home.dark-version{background:#222;color:#fff}.loginLeft,.loginRight{-webkit-user-select:none;user-select:none}.loginLeft{display:flex;justify-content:center}.loginRight{text-align:end}.loginLogo{margin-bottom:20px}.loginDesc{padding-right:50px}.loginBox{height:400px;margin:auto;text-align:center;width:90%}.loginInput:focus{border:2px solid #1775ee}.loginButton:focus,.loginRegisterButton:focus{outline:none}.loginButton:disabled,.loginRegisterButton:disabled{cursor:not-allowed}.loginRegisterButton{width:60%}.login{align-items:center;background:#f0f2f5;display:flex;height:100vh;justify-content:center;width:100vw}.loginWrapper{border-radius:50px;box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);display:flex;height:80%;padding:40px;width:80%}.loginLeft,.loginRight{display:flex;flex:1px 1;flex-direction:column;justify-content:center}.loginLogo{color:#1775ee;font-size:70px;font-weight:800;margin-bottom:10px}.loginDesc{font-size:24px;padding-right:20px}.loginBox{background-color:#fff;border-radius:20px;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);display:flex;flex-direction:column;height:500px;justify-content:space-between;padding:20px}.loginInput{border:1px solid gray;border-radius:15px;font-size:18px;height:50px;margin-bottom:10px;padding-left:20px}.loginInput:focus{box-shadow:inset 1px 1px 5px 2px rgba(23,117,238,.75);box-shadow:1px 1px 5px 2px rgba(23,117,238,.75);outline:none}.loginButton{background-color:#1775ee;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:50px;margin-bottom:20px}.loginForgot{color:#1775ee;text-align:center}.loginRegisterButton{align-self:center;background-color:#42b72a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:50px;width:100%}.loginHr{margin:10px 0}.profile{background:var(--lightModeBgGradient);display:flex;flex:1 1;height:100vh}.profile.dark-version{background:var(--darkRightBgColor);color:#fff}.profileRight{overflow-y:scroll;width:calc(100% - 300px)}.profileCover{height:320px;margin:20px auto;position:relative;width:95%}.profileCoverImg{border-radius:20px;box-shadow:0 20px 30px -10px #26394d;height:250px;object-fit:cover;width:100%}.profileUserImg{border:3px solid #fff;border-radius:50%;height:150px;object-fit:cover;width:150px}.uploadProfilePicCont{left:0;margin:auto;position:absolute;right:0;text-align:center;top:150px}.dark-version .profileUserImg{background:var(--darkRightBgColor);border:3px solid var(--darkRightBgColor)}.profileInfo{align-items:center;display:flex;flex-direction:column;justify-content:center}.profileInfoName{font-size:24px}.profileInfoDesc{font-weight:300;margin-top:10px;text-align:center}.profileRightBottom{display:flex}.uploadCoverPic{background:hsla(0,0%,100%,.4);border-radius:10px;color:#000;cursor:pointer;left:10px;padding:3px 5px;position:absolute;top:10px;transition:1s}.uploadCoverPic:hover{color:#fff}.uploadProfilePic{background:hsla(0,0%,100%,.4);border-radius:10px;bottom:20px;color:#000;cursor:pointer;left:42%;padding:5px;position:absolute;transition:1s}.uploadCoverPicButton{cursor:pointer;font-size:35px!important}.uploadProfilePicButton{cursor:pointer;font-size:25px!important}@media only screen and (max-width:900px){.profileRight{width:calc(100% - 100px)}}.messenger{display:flex;height:100vh;margin:0;overflow:hidden;padding:0}.chatAllBoxContainer{background:#fff;color:#000;display:flex;flex:7.7 1;height:100vh;width:100%}.chatMenu{background-color:var(--lightBgColor);box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);flex:3 1;height:100vh;overflow-y:auto}.dark-version .chatMenu{background-color:var(--darkRightBgColor);color:#fff}.chatMenuInput{background:none;border:none;color:#03001c;font-size:17px;padding:10px;width:90%}.dark-version .chatMenuInput{color:#ccc}.chatMenuInput:focus{outline:none}.searchFriend{align-items:center;border-bottom:2px solid grey;display:flex;margin-bottom:20px;text-align:center}.chatBox{background-image:url(https://blog.1a23.com/wp-content/uploads/sites/2/2020/02/Desktop.png);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);flex:5.5 1}.chatBoxWrapper{display:flex;flex-direction:column;justify-content:space-between;position:relative}.chatBoxTop{height:calc(100vh - 100px);margin:5px;overflow-y:scroll;padding-bottom:20px}.chatBoxBottom{align-items:center;display:flex;justify-content:space-between;margin-top:5px;position:relative}.chatMessageInput{background-color:var(--lightBgListItemColor);border-radius:20px;font-size:18px;height:50px;padding:10px 60px 10px 50px;resize:none;vertical-align:middle;width:90%}.dark-version .chatMessageInput{background:var(--darkRightBgColor);color:var(--darkMainColor)}.chatMessageInput:focus{outline:none}.chatSubmitButton{background-color:var(--lightBgListItemColor);border:none;border-radius:20px;color:blue;cursor:pointer;height:50px;margin-left:5px;transition:1s;width:100px}.dark-version .chatSubmitButton{background-color:var(--darkListOutlineColor);border:1px solid hsla(0,0%,100%,.473)}.dark-version .chatSubmitButton:hover{background-color:var(--lightListOutlineColor)}.chatOnline{background-color:#ebc7e6;border-radius:10px;box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);flex:3 1;height:calc(100vh - 90px);margin:10px;overflow-y:auto}.chatBoxWrapper,.chatMenuWrapper,.chatOnlineWrapper{height:100%;height:calc(100vh - 100px);margin:10px;padding:10px}.chatOnlineTitle{text-align:center}.chatHr{background:#000;height:3px;margin:20px 5px}.noConversationText{background:hsla(0,0%,60%,.4);border:1px solid #999;border-radius:50px;bottom:50%;color:#fff;font-weight:700;left:50%;padding:10px 20px;position:absolute;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none;width:60%}.emojisButtonContainer{background:#000;right:100px;top:5px}.emojisButtonContainer,.mediaButton{align-items:center;display:flex;position:absolute;text-align:center}.mediaButton{background:none;border:none;cursor:pointer;font-size:30px!important;left:5px}.chatSubmitButtonIcon,.emojiButtonIcon,.mediaButtonIcon{color:var(--lightMainColor);cursor:pointer;font-size:35px!important}.dark-version .chatSubmitButtonIcon,.dark-version .emojiButtonIcon,.dark-version .mediaButtonIcon{color:var(--darkMainColor)}.shareImgContainer{background:rgba(34,34,34,.6);border:1px solid var(--darkMainColor);border-radius:20px;display:flex;height:320px;justify-content:center;padding:0 20px 10px;position:absolute;text-align:center;top:-330px;width:100%}.shareImg{background:#000;border-radius:20px;height:95%;object-fit:contain;width:95%}.shareCancelImg{color:#fff;cursor:pointer;font-size:30px!important;opacity:.7;position:absolute;right:20px;top:10px}.message{flex-direction:column;margin-top:20px}.message,.messageTop{display:flex}.messageImg{border-radius:50%;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);height:40px;margin-right:15px;object-fit:cover;width:40px}.messageImg.own{margin-left:15px}.messageText{background-color:#1877f2;background:var(--darkMainColor);border-radius:5px 20px 20px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);box-shadow:1px 5px 30px -13px rgba(105,107,255,.61);color:var(--lightMainColor);max-width:300px;padding:15px 10px 10px}.own .messageText{border-radius:20px 5px 20px 20px}.dark-version .messageText{background:var(--darkRightBgColor);border:1px solid hsla(0,0%,100%,.3);color:var(--darkColorPost)}.dark-version .own .messageText{background:transparent}.messageBottom{color:#333;font-size:12px;margin-top:5px;text-align:end}.dark-version .messageBottom,.messageBottom.own{color:var(--lightBgListItemColor)}.messageBottom.own{text-align:end}.message.own .messageBottom.own{color:var(--darkBgListItemColor)}.message.own{align-items:flex-end}.message.own .messageText{background-color:var(--darkMainColor);color:var(--darkRightBgColor)}.messageChatImg{background:#000;border:1px solid #000;border-radius:10px;display:block;margin-bottom:10px;max-height:300px;object-fit:contain;width:100%}.gifContainer{position:relative}.gifIndicator{background:hsla(0,0%,47%,.5);border-radius:50px;color:#fff;font-size:13px;left:5px;opacity:0;padding:5px;position:absolute;top:5px;transition:.4s}.messageChatImg:hover+.gifIndicator{opacity:1}.msgText{padding-left:5px}.chatOnlineFriend{align-items:center;background-color:#1775ee;border:1px solid blue;border-radius:10px;box-shadow:0 20px 30px -10px #26394d;box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);color:#fff;cursor:pointer;display:flex;margin-bottom:10px;padding:10px;transition:1s}.chatOnlineFriend:hover{background-color:blue;border:1px solid #000;border-radius:50px;-webkit-transform:scale(1.1);transform:scale(1.1)}.chatOnlineImgContainer{margin-right:15px;position:relative}.chatOnlineImg{height:40px;object-fit:cover;width:40px}.chatOnlineBadge,.chatOnlineImg{border:1px solid #fff;border-radius:50%}.chatOnlineBadge{background-color:#32cd32;height:15px;position:absolute;right:-5px;top:0;width:15px}.chatOnlineName{font-weight:500;text-shadow:2px 2px 2px #000}.conversationDescMessage{color:#999;display:block;font-size:small}.usersLink{text-decoration:none}.emojis{position:absolute;-webkit-user-select:none;user-select:none}.emojiButton{align-items:center;background:none;border:none;display:flex;font-size:30px!important;position:absolute;right:17%;text-align:center}.dark-version .emojiButtonIcon{color:var(--darkMainColor)}.emojisAllContainer{-prefix-animation:slide 1s ease 3.5s forwards;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;background:var(--lightListOutlineColor);border:3px solid var(--darkMainColor);border-radius:20px;border-right:none;color:var(--lightBgListItemColor);height:430px;position:absolute;right:-80px;top:-445px;width:370px}.tabs{display:flex;width:100%}.tabsUl{background:hsla(0,0%,100%,.3);border-bottom:3px solid var(--darkMainColor);border-radius:15px;box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);justify-content:center;list-style:none;width:100%}.tabsItem,.tabsUl{box-sizing:border-box}.tabsItem{cursor:pointer;display:inline-block;font-size:15px;font-weight:700;padding:10px 15px;transition:.5s}.tabsItem:hover{border-radius:10px}.tabsItem.active,.tabsItem:hover{background:var(--darkMainColor);box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09)}.tabsItem.active{border-radius:5px;color:#000}.tabContents{overflow-y:auto}.tabContents::-webkit-scrollbar{width:4px}.tabContentItem{display:block;flex-wrap:wrap;height:345px;padding:5px;text-align:start}.emojiItem{background:rgba(0,4,255,.4);border:none;border:1px solid var(--darkMainColor);border-radius:7px;cursor:pointer;font-size:25px;height:40px;margin:2px;padding:3px;transition:.4s linear;width:40px}.emojiItem:hover{background:var(--darkMainColor);border-radius:10px}.emojiItem:focus{outline:none}.emojisTitle{font-size:15px;margin:10px 0 5px;text-align:center;text-transform:uppercase}.searchEmojiCont{align-items:center;bottom:0;display:flex;height:35px;position:absolute;width:100%}.searchEmojiIcon{font-size:25px!important;left:10px;position:absolute;text-align:center}.searchEmojiInput{background:hsla(0,0%,100%,.3);border:none;border-radius:15px;border-top:3px solid var(--darkMainColor);box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17),inset 0 -36px 30px 0 rgba(0,0,0,.15),inset 0 -79px 40px 0 rgba(0,0,0,.1),0 2px 1px rgba(0,0,0,.06),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);color:#fff;font-size:17px;height:35px;outline:none;padding:3px 45px;width:100%}.d-none{-webkit-animation:fadeOut 1s;animation:fadeOut 1s;display:none}.gifsItem{border:2px solid var(--darkMainColor);border-radius:20px;cursor:pointer;height:160px;margin:5px;object-fit:cover;transition:1s;-webkit-user-select:none;user-select:none;width:160px}.gifsItem:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-prefix-keyframes slide{0%{height:0}to{height:300px}}.explore{background:#fff;background:radial-gradient(circle at 10% 20%,#a6e2e5 0,#c6e8dd 100.2%);background:linear-gradient(0deg,#fddb92 0,#d1fdff);color:#000;display:flex;height:100vh;overflow-y:auto}.explore.dark-version{background:#222;color:#fff}.exploreRight{overflow:hidden;width:calc(100% - 300px)}.feedContainer{margin:auto;width:70%}@media only screen and (max-width:900px){.exploreRight{width:calc(100% - 100px)}}.notFound{background:var(--lightModeBgGradient);display:flex;flex:1 1;height:100vh}.notFound.dark-version{background:var(--darkRightBgColor);color:#fff}.notFoundRight{align-items:center;color:var(--darkMainColor);display:flex;font-size:200px;height:100vh;justify-content:center;overflow-y:auto;width:calc(100% - 300px)}
/*# sourceMappingURL=main.981d34fb.css.map*/