html{font-size:62.5%}.background{background-color:#a8a8a8;background-image:url(https://cdn.dribbble.com/userupload/4274679/file/original-58d8a653c82a15b2df0f4827d93e36d0.png?compress=1&resize=1024x768);background-position:center;background-size:cover;width:100vw;height:100vh;opacity:.7;filter:blur(.2rem) contrast(90%);overflow:hidden}.box2{border:.1rem solid #ddd;width:100%;background-color:#fff;border-radius:1rem;margin-top:.6rem;padding:1.5rem}.divider{width:34%;height:1rem;border-top:.1rem solid #bbb}.errorAlert{width:36%;position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2}.error{font-size:1.4rem}.forget{color:#395498;font-size:1.2rem;font-weight:400;text-align:center;margin-top:2.5rem;margin-bottom:3rem}.forget:hover{text-decoration:underline;cursor:pointer}.FGicon{color:#fff;font-size:1.6rem}.FGtext{color:#fff;font-size:1.3rem;font-weight:600}.FGBox{border-radius:.5rem}.FGBox:hover{cursor:pointer}.fb{background-color:#395498;padding:1.1rem 2.8rem .9rem}.google{background-color:#e02b1a;padding:1.1rem 3.4rem .9rem}.googleplay{width:11rem;height:4rem;border-radius:.5rem}.googleplay:hover,.microsoft:hover{cursor:pointer}.instaTypo{width:50%;margin:4.5rem auto 3rem}.inputBox,.inputPasswordBox{width:82%;padding:1.2rem;margin:auto;margin-top:.7rem;border-radius:.4rem;border:.1rem solid #ccc;font-size:1.4rem}.inputBoxPassword{border:none;width:100%;font-size:1.4rem}.inputBoxPassword:focus{outline:none}.inputBox:hover,.inputPasswordBox:hover{border:.1rem solid #999}.inputBox:focus{border:.1rem solid #666;outline:none}.loginBox{width:100%;border-radius:1rem;background-color:#fff;border:.1rem solid #ddd}.loginButton{background-color:#047de0;width:82%;margin:1.5rem auto 0rem;border:none;border-radius:.4rem;padding:.8rem;color:#f5f5f5;font-size:1.4rem;font-weight:600;letter-spacing:.1rem;font-family:system-ui}.loginButton:hover{cursor:pointer}.main{width:35rem;background-color:transparent;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.microsoft{width:11rem;border-radius:.5rem}.or{text-align:center;color:#999;font-size:1.3rem;font-weight:600}.signup{text-align:center;font-size:1.4rem}.terms{font-size:1.3rem;text-align:justify;color:#555;margin-top:.5rem}@media screen and (max-width: 1400px){html{font-size:60%}}@media screen and (max-width: 992px){html{font-size:55%}.errorAlert{width:50%}}@media screen and (max-width: 768px){.errorAlert{width:65%}}@media screen and (max-width: 600px){.errorAlert{width:75%}}.moreOptions{position:absolute;bottom:50px;left:30px;border:1px solid #f0f0f0;background-color:#fff;width:180px;border-radius:5px;display:none;width:80%}.moreOptionsItem{padding:11px 28px}.moreBtn{display:flex;flex-direction:row;gap:15px;margin-left:10px}.moreOptionText{color:#262626;font-size:15.5px;margin-top:5px}.moreOptionIcon{font-size:19px}.moreBtn:hover .moreOptions{display:inline-block}.moreOptionsItem:hover{background-color:#f1f1f1}.sidebox:hover{background-color:#f3f3f3;border-radius:10px;padding-right:10px}.menuIcon{padding-top:7px}.sideBarMainBox{width:100%;border-right:1px solid #eee;height:calc(100vh - 60px);overflow:hidden auto;padding:20px;background-color:#fff;position:sticky;top:60px;display:flex;flex-direction:column;justify-content:space-between}.sidebarAside{display:flex;flex-direction:column}.profileStack{padding-top:14px}.sidebarElementIcon{color:#262626;font-size:24px}.sidebarElementName{color:#262626;font-size:15px;padding-top:5px}@media screen and (max-width: 1000px) and (min-width: 769px){.sidebarElementName{display:none}.sideBarMainBox{padding:10px}}@media screen and (max-width: 600px){.sidebarElementName{display:none}.sideBarMainBox{padding:10px}}@media screen and (max-width: 440px){.sidebarElementName{display:none}.sideBarMainBox{padding:0 15px 0 10px;height:70px;width:100%;overflow:hidden;border-top:1px solid #eee;flex-direction:row;align-items:center}.sidebarAside{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:100%;flex-wrap:nowrap}.moreBtn{margin-top:-5px;padding-left:0;border-radius:0}.sidebox,.sidebox:hover{padding-right:10px}.profileStack{padding-top:10px}.menuIcon{padding-top:4px;padding-left:2px}.sidebox:nth-child(5){display:none}.sidebox:nth-child(6){display:none}}.bigImg{width:100%;height:100%;object-fit:contain;object-position:center;position:absolute;top:50%;transform:translateY(-50%)}.commentSpacing{margin-left:16px}.captionText{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#111;font-size:14.1px}.commentText{font-size:13.5px;color:#777;margin-top:10px}.emojiBox{display:flex;flex-direction:row}.inputCommentBox{width:393px;height:45px;border:none;padding:0 20px;font-size:14px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.inputCommentBox:focus{outline:none}.likesCount1{font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;margin-top:8px;padding:0 20px}.pic_username{font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px}.postTime{margin-top:3px;padding:0 20px;font-size:12px;color:#333;font-weight:600}.postBtn2{color:#008cff;font-size:15px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;background-color:#c2e2ff8e;padding:7px;border-radius:5px}.rightSideSinglePostBox{width:50%;height:100%}.singlePostCommentBox{height:calc(100% - 208px);overflow-y:auto;padding-bottom:6px}.singlePostImg{width:55%;height:100%;position:relative}.singlePostMainBox{margin:auto;width:70%;height:85%;background-color:#fff;border-radius:6px}.singlePostStack{display:flex;flex-direction:row;height:100%}@media screen and (max-width: 1024px){.singlePostMainBox{margin:auto;width:90%;height:82%}}@media screen and (max-width: 768px){.singlePostMainBox{margin:auto;width:95%;height:75%}}@media screen and (max-width: 600px){.singlePostStack{flex-direction:column}.singlePostImg{width:100%;height:max-content}.rightSideSinglePostBox{width:100%}.singlePostMainBox{margin:auto;width:100%;height:100%;background-color:#fff;border-radius:0}.singlePostLikeBtn{display:none}.singlePostCommentBox{height:calc(100% - 111px)}.commentSpacing{margin-left:0}}.alertText{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14.2px;letter-spacing:.4px}.addComment{padding:0 0 10px;border-bottom:1px solid #ddd}.circle{width:6px;height:6px;border-radius:50%;background-color:#ddd}.captionText{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#111;font-size:14.1px;margin-top:2px}.commentText{font-size:13.5px;color:#777;margin-top:3px;margin-bottom:2px}.commentInput{width:100%;border:none;margin-top:7px;font-size:14px}.commentInput::placeholder{color:#aaa}.commentInput:focus{outline:none}.icons{font-size:23px;color:#111}.icon-liked{font-size:23px;color:#dc3545}.icons:hover{color:#4a4a4a}.likesCount{font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#111;font-size:14px;margin-top:5px}.nextPrevIcon{position:absolute;top:50%;transform:translateY(-50%);border:1px solid transparent;border-radius:50%;background-color:#ebeff5dc;padding:5px 6px;opacity:55%}.nextPrevIcon:hover{opacity:90%;background-color:#ebeff5}.noSendPost{color:#dc3545;padding:20px;text-align:center;width:80%;margin:auto}.optionMainBox:hover .optionBox{display:inline-block}.optionBox{position:absolute;top:25px;left:0px;background-color:#fff;border-radius:2px;display:none;width:150px;z-index:1}.optionTextStyle{font-size:14px;color:#111}.optionIconStyle{font-size:20px;color:#111}.postHeader{padding:5px 4px 10px}.postThreeDotIcon{color:#222;padding:10px 0;font-size:16px}.post{margin:20px auto;width:80%;border:0px solid #eee;background-color:#fff;border-radius:5px;padding:10px 15px}.postUsername{font-weight:600;font-size:14.3px}.post-image{width:100%;max-height:400px;object-fit:contain;border-radius:5px}.postBtn{color:#006effce;font-size:24px}.postfollowBtn{font-size:13.5px;background-color:#e3eeff;color:#0064ff;padding:3px 7px;border-radius:5px;font-weight:600}.postfollowingBtn{font-size:13.5px;background-color:#e0e0e0;color:#111111fa;padding:3px 7px;border-radius:5px;font-weight:600}.postreqBtn{font-size:13.5px;background-color:#ffb9c04d;color:#dc3545;padding:3px 7px;border-radius:5px;font-weight:600}.save-icon{font-size:21px;color:#111}.save-icon:hover{color:#444}.sendPost{color:#0064ff;background-color:#e3eeff;padding:7px 10px;border-radius:7px;border:none;font-weight:500}.sendPost:hover{cursor:pointer}.userAvatar{width:35px;height:35px;background-color:#dcdcdc}.userAvatarComment{width:20px;height:20px;background-color:#dcdcdc}.username{font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#111;font-size:14.1px}@media screen and (max-width: 768px){.post{margin:10px auto;width:90%}}@media screen and (max-width: 600px){.post{margin:0;width:100%;padding:8px 0;border-radius:0;border:0px}.postHeader{padding:5px 12px 10px}.postlikeComment{padding:0 12px}.post-image{border-radius:4px}.captionText,.commentText,.likesCount{padding-left:12px}.addComment{border-bottom:none;padding:0 12px}}@media screen and (max-width: 435px){.post-image{border-radius:0}}.spinner{width:56px;height:56px;border-radius:50%;background:radial-gradient(farthest-side,#2cb89a 94%,#0000) top/9px 9px no-repeat,conic-gradient(#0000 30%,#2cb89a);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 0);animation:spinner-c7wet2 1s infinite linear;position:absolute;top:45%;left:48%}@keyframes spinner-c7wet2{to{transform:rotate(1turn)}}.addPostBox{display:flex;flex-direction:row}.buttonText{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500}.createPostMainBox{width:60%;height:75vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:2;border-radius:10px;overflow:hidden}.categoryList{cursor:pointer}.inputpost{min-width:100%;height:230px;padding:10px 12px 10px 0;border:none;font-size:15px;font-weight:400;resize:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.inputpost:focus{outline:none}.inputpost::placeholder{color:#bbb}.newPostShareBtn{font-size:14px;color:#007cce;font-weight:500}.newPostNextBtn{font-size:14px;color:#007cce;font-weight:500;display:none}progress[value]{position:absolute;top:0px;width:100%;height:4px;border:none}progress[value]::-webkit-progress-bar{background-color:#fff}progress[value]::-webkit-progress-value{background-color:#18c256}.previewImage{border-radius:3px;width:100%;max-height:100%;object-fit:contain}.postImgBox{width:57%}.selectImage{background-color:#da3f60;color:#fff;padding:9px 30px;border-radius:5px;display:flex;flex-direction:row;gap:10px;width:fit-content;margin:auto}.selectImage:hover .imagePreviewBox{display:inline-block}@media screen and (max-width: 1024px){.createPostMainBox{width:70%;height:75vh}}@media screen and (max-width: 768px){.createPostMainBox{width:90%;height:max-content}}@media screen and (max-width: 620px){.createPostMainBox{width:100%;height:75vh}}@media screen and (max-width: 440px){.createPostMainBox{width:85%;height:max-content}.newPostCaptionBox,.newPostShareBtn{display:none}.newPostNextBtn{display:inline-block}.postImgBox{width:100%}.selectImage{margin-bottom:100px}}.mainmain{font-size:62.5%}.boxDivider{margin-top:1.2rem;border-bottom:.1rem solid #eeeeee;position:relative;left:-2rem;width:120%}.profileName{color:#1f1f1f;font-weight:600;font-size:2rem}.rightSideMainBox{margin-top:1.5rem;padding:2rem;background-color:#fff;border-radius:.6rem;overflow:hidden}.rightSidebarUserDetails{margin-top:1.2rem;padding:0rem .5rem}.rightUserDetailHeading{font-size:1.5rem;font-weight:600;color:#222}.rightUserDetail{font-size:1.4rem;color:#222}.sidebarHeading{color:#1f1f1f;font-weight:600;font-size:1.5rem}.profileFullname{color:#777;font-weight:400;font-size:1.25rem;margin-top:.2rem}.requestBtn{background-color:#0064ff;color:#fff;border:none;padding:.9rem 2.5rem;border-radius:1.7rem;font-size:1.5rem;font-weight:600}.followBtn{font-size:1.3rem;background-color:#e3eeff;color:#0064ff;padding:.3rem .7rem;border-radius:.5rem;font-weight:600}.friendReqAvatar{margin-top:1.5rem;padding-right:.5rem}.friendReqUsername{font-size:1.4rem;font-weight:600;color:#111}.friendReqFullname{font-size:1.4rem;color:#777}.acceptRejectBox{font-size:2.3rem;padding:0rem .5rem .4rem;border-radius:.5rem}.detailsLeft{margin-left:2rem}.postfollowBtn{font-size:1.35rem;background-color:#e3eeff;color:#0064ff;padding:.3rem .7rem;border-radius:.5rem;font-weight:600}.postreqBtn{font-size:1.35rem;background-color:#ffb9c04d;color:#dc3545;padding:.3rem .7rem;border-radius:.5rem;font-weight:600}.noContent{width:max-content;margin:20px auto 0;font-size:13px;color:#e64051;font-weight:500;text-transform:capitalize}.mainContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26%;height:60vh;background-color:#fff;border-radius:6px;padding:2px 0 20px;overflow:hidden auto}.mainContainer::-webkit-scrollbar{width:0px}.heading{font-weight:600;font-size:15px}.modalCloseBtn{font-size:27px;color:#555;position:absolute;top:0px;right:7px}.notifyContainer{width:30%;height:calc(100vh - 60px);z-index:3;background-color:#fff;position:fixed;top:60px;left:73px;border:1px solid #e2e2e2;border-top:none;border-radius:0 10px 10px 0;padding:20px;overflow:hidden auto}.notifyContainer::-webkit-scrollbar{width:7px}.notifyContainer::-webkit-scrollbar-track{background-color:#ddd}.notifyContainer::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:10px}.textHead{font-size:20px;color:#111;font-weight:600}.notifyPost{width:55px;height:55px;object-fit:cover;object-position:center;border-radius:3px}.notifyText{font-size:14px}.notifyCloseBtn{position:absolute;top:15px;right:15px;font-size:25px}.searchInputBox{margin-top:30px;margin-bottom:7px;border:none;background-color:#f1f1f1;border-radius:7px;padding:10px 17px;font-size:14px}.searchInputBox:focus{outline:none}.searchInputBox::placeholder{color:#999}.formFullname{font-size:23px;color:#111;font-weight:600;text-align:center}.formUsername{font-size:15px;color:#333;font-weight:400;text-align:center;margin-bottom:20px}.uploadBtn{background-color:#fd3e19;padding:8px 15px;text-align:center;font-size:14px;font-weight:600;color:#faebd7;border-radius:5px}.msg{text-align:center;font-size:12px;color:#666;margin-top:4px}.msg2{text-align:center;font-size:12px;color:#555;margin-top:20px}.editText{font-size:23px;font-weight:600;color:#203030}.labelEdit{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;font-weight:500;color:#333;margin-top:15px;margin-bottom:4px}.labelInput{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:1px solid #ddd;border-radius:2px;font-size:14px;padding:7px 10px}.labelInputTextarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:1px solid #ddd;border-radius:2px;font-size:14px;padding:7px 10px;max-height:70px;min-height:70px;min-width:100%;max-width:100%}.labelInputTextarea::-webkit-scrollbar{width:0px}.labelInput:focus{outline:none;border:1px solid #888}.mainHomeBox{display:flex;flex-direction:row;width:100%;height:100%;padding:0;margin:0}.leftsideBar{width:18%}.postSection{width:56%}.rightSideBar{width:26%;padding-right:50px;z-index:0}@media screen and (max-width: 1200px){.rightSideBar{width:35%}.leftsideBar{width:20%}}@media screen and (max-width: 998px){.rightSideBar{padding-right:20px;width:45%}.postSection{width:100%}.leftsideBar{width:70px}}@media screen and (max-width: 768px){.rightSideBar{display:none}.leftsideBar{width:30%}}@media screen and (max-width: 600px){.leftsideBar{width:70px}.userProfileMainBox{width:100%;margin:auto;padding:0}}@media screen and (max-width: 440px){.leftsideBar{width:100%;position:sticky;bottom:0vh;z-index:1}.mainHomeBox{display:flex;flex-direction:column-reverse;width:100%;height:100%}}.profileUserName{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1f1f1f;font-weight:600;font-size:20px}.profile_Fullname{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#111;font-weight:600;font-size:14.5px;margin-top:10px}.bioData{font-size:14px}.bioLink{font-size:14px;font-weight:500;text-decoration:none;color:#000946}.fontType{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.imgBox{width:calc((100vw - 18vw - 164px) / 3.1);height:calc((100vw - 18vw - 164px) / 3.1);margin-top:4px;margin-right:4px;position:relative}.postPreviews{width:100%;height:100%;object-fit:cover;object-position:center}.imgBox:hover{cursor:pointer}.imgBox:hover .hoverBox,.imgBox:hover .imageCaptionText,.imgBox:hover .imageLike_comment{visibility:visible}.hoverBox{width:100%;height:100%;position:absolute;top:0px;background-color:#000;opacity:.5;visibility:hidden}.imageCaption{position:absolute;bottom:5px;padding:10px 13px;opacity:.78;overflow:hidden;max-height:90px;width:100%}.imageCaptionText{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;line-height:19px;text-align:justify;font-weight:500;visibility:hidden}.imageLike_comment{position:absolute;top:50%;margin:auto;color:#fff;opacity:.87;width:100%;transform:translateY(-50%);visibility:hidden}.followBtnUserProfile{font-size:14px;background-color:#e3eeff;color:#0064ff;padding:3px 7px;border-radius:5px;font-weight:600}.followingBtnUserProfile{font-size:13.5px;background-color:#e0e0e0;color:#111111fa;padding:3px 7px;border-radius:5px;font-weight:600}.requestBtnUserProfile{font-size:13.5px;background-color:#ffb9c04d;color:#dc3545;padding:3px 7px;border-radius:5px;font-weight:600}.userProfileMainBox{width:100%;padding:0;height:calc(100vh - 60px);overflow:hidden auto}.userAvatarProfilePic{width:100px;height:100px}.userProfilePhotoSection{width:82%;margin:30px auto auto}.userProfileDataSection{padding:20px}.profileUserPFF{display:flex;flex-direction:row;align-items:center;gap:8px}.profileUserPFFData{font-size:16px;color:#222}@media screen and (max-width: 1400px){.imgBox{width:calc((100vw - 18vw - 15vw) / 3);height:calc((100vw - 18vw - 15vw) / 3)}}@media screen and (max-width: 1200px){.imgBox{width:calc((100vw - 20vw - 15vw) / 3);height:calc((100vw - 20vw - 15vw) / 3)}}@media screen and (max-width: 998px){.imgBox{width:calc((100vw - 70px - 20vw) / 3);height:calc((100vw - 70px - 20vw) / 3)}}@media screen and (max-width: 768px){.imgBox{width:calc((100vw - 30vw - 5vw) / 3);height:calc((100vw - 30vw - 5vw) / 3)}.userProfilePhotoSection{width:90%}}@media screen and (max-width: 600px){.userProfileMainBox{height:calc(100vh - 60px)}.imgBox{width:calc((100vw - 70px - 14vw) / 3);height:calc((100vw - 70px - 14vw) / 3)}}@media screen and (max-width: 440px){.userProfilePhotoSection{width:95%}.userProfileMainBox{height:calc(100vh - 130px)}.imgBox{width:calc((100vw) / 3.3);height:calc((100vw) / 3.3)}.profileUserPFF{flex-direction:column-reverse;align-items:center;gap:0px}.bioSection{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;background-color:#f5f9f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.btnCursor:hover{cursor:pointer}.btnNoCursor{cursor:default}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.senderHeading{font-weight:500;font-size:16px}.friendsList{overflow:hidden auto}.friendsList::-webkit-scrollbar,.msgBox::-webkit-scrollbar{width:7px}.friendsList::-webkit-scrollbar-track,.msgBox::-webkit-scrollbar-track{background-color:#d3d3d3}.friendsList::-webkit-scrollbar-thumb,.msgBox::-webkit-scrollbar-thumb{background-color:#999;border-radius:10px}.msgIcon{font-size:50px}.text1{font-size:21px;margin-top:5px}.text2{font-size:14px;color:#757575;margin-top:3px}.text3{font-size:14px;color:#317beb;font-weight:600;margin-top:15px}.msgInputBox{border:1px solid #c9c9c9;border-radius:30px;padding:0 20px;height:50px;font-size:14px;width:100%}.msgInputBox::placeholder{color:#aaa}.msgInputBox:focus{outline:none;border:1px solid #a7a7a7}.sendMsgBtn{background-color:#dbe8ff;border:none;border-radius:15px;color:#0084ff;padding:0 15px;font-weight:600;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:86%;font-size:14.5px}.sendMsgBtn:hover{cursor:pointer;background-color:#cde0fff6}.msgTextStyle{border:1px solid #efefef;border-radius:18px;padding:8px 15px;font-size:14px;max-width:280px;text-align:justify}.chatCloseBtn{position:absolute;top:10px;right:10px;font-size:25px;opacity:.65}.eachChat:hover{background-color:#eee}.sendImgPrev{width:100%;height:100%;object-fit:contain;object-position:center;background-color:#f3f3f3d7}.prevSection{width:100%;height:calc(100% - 56px);position:relative}.sendImgBtn{background-color:#459b45;padding:10px;border-radius:10px;border:none;position:absolute;bottom:15px;right:15px;color:#fff;font-size:15px;font-weight:500}.postCaption{font-size:13px;width:100%;padding:12px 10px}.postUsername{font-size:13px;font-weight:500}.closePrevBtn{position:absolute;top:5px;right:14px;color:#757575;font-size:20px;border:none;background-color:transparent}.searchInputBoxModal{border:none;background-color:#fff;border-radius:7px;padding:10px 12px;font-size:15px;width:100%}.searchInputBoxModal:focus{outline:none}.searchInputBoxModal::placeholder{color:#999}.profile:hover{background-color:#eee}.explore_list::-webkit-scrollbar{height:0px}.ccBG{width:100vw;height:calc(100vh - 62px)}.game{position:absolute;top:20%;left:40%;width:450px;height:450px;display:flex;flex-wrap:wrap;border:1px solid #e7e7e7e1;background-color:#ffffffb6;border-radius:5px}.game img{width:56px;height:56px;border:1px outset #9e9e9e28;padding:9.5px;border-radius:5px}.scoreBox{position:absolute;bottom:5%;right:2.5%;border:1px solid #888;background-color:#eeeeeea8;border-radius:5px;padding:20px 50px;font-size:16px;font-weight:600}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}