@font-face{font-family:Poppins;src:url(/assets/bold-lzrpDvjr.ttf);font-weight:600}@font-face{font-family:Montserrat;src:url(/assets/light-79fnkdmg.ttf);font-weight:300}.navigation{width:100%;background-color:#4169e1;height:80px;display:flex;padding:5px;justify-content:space-between;align-items:center;font-family:Poppins,sans-serif;color:#fff;top:0;left:0;right:0;transition:.3s;z-index:9999999}.outlet{width:100%;align-items:center;justify-content:center}.navigation .logo{width:140px;padding:5px}.navigation .asset{width:35px;margin-left:17px}.chat{width:39px;margin-left:17px}.navigation .searchWhite{width:25px;margin-left:17px}.grid{width:100%;display:flex;height:90px;background:#4169E1;top:0;right:0;left:0;position:fixed;z-index:10000;justify-content:center;align-items:center}.navi-mobile{bottom:0;left:0;right:0;width:100%;z-index:999999;position:fixed;display:flex;align-items:center;background:#4169E1;color:#fff;height:60px;flex:1;font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.navi-mobile .item{text-decoration:none;align-items:center;text-align:center;font-weight:400;font-size:15px;flex-direction:column;width:32%;display:flex;border-radius:10px;font-family:Poppins,sans-serif;padding:5px;color:#fff}.navi-mobile .item:hover{background-color:#00f}.item img{width:25px}.profile{border-radius:50%;width:30px}.profile1{border-radius:50%;border:1px solid white;width:30px;height:30px;margin-left:20px}.spinner{width:30px;height:30px;animation:spinner .75s linear infinite}.spinner span{position:absolute;width:100%;height:100%;border-radius:50%}.spinner .spinner-inner-1{background:linear-gradient(to right,rgba(250,128,114,0) 0%,rgba(250,128,114,0) 50%,salmon 51%)}.spinner .spinner-inner-2{background:linear-gradient(to top,rgba(255,255,255,0) 0%,white 100%)}.spinner .spinner-inner-3{top:3px;left:3px;width:24px;height:24px;background:white}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media only screen and (min-width: 1250px){.navigation,.outlet{width:1250px}}@media only screen and (min-width: 600px){.navigation .searchWhite,.navi-mobile{display:none}}.search{display:flex;align-items:center;background-color:#fff;padding:10px;border-radius:30px;width:35%}@media only screen and (max-width: 600px){.navigation .logo{width:90px}.profile1{display:none}.navigation .searchWhite{width:21px}.navigation{height:60px}.navigation .asset{width:30px}.chat{width:22px;height:22px}.group{display:none}}.search img{width:25px}.search input{background:transparent;padding:3px;border:0;outline:0;color:#000;width:100%;font-size:18px;height:20px}.contact{display:flex;flex-direction:column;margin-top:90px;background:white;padding:10px;border-radius:5px;height:80vh}.contact textarea{height:300px;border:1px solid black;border-radius:5px;padding:10px}.contact button{width:150px;height:40px;border-radius:5px;padding:5px;color:#fff;outline:none;border:none;background:#4169E1;margin-top:50px}@font-face{font-family:Poppins;src:url(/assets/bold-lzrpDvjr.ttf);font-weight:600}@font-face{font-family:Montserrat;src:url(/assets/light-79fnkdmg.ttf);font-weight:300}.homepage{margin-top:94px;background:#d4d4d4;font-family:Poppins,sans-serif;animation:viober 1.5s;display:flex;align-items:center}.left{height:100vh;width:100%;z-index:0}.left .menu{display:flex;flex-direction:column;width:100%;padding:5px;font-family:Poppins,sans-serif}.left .menu .user{display:flex;width:100%;padding:5px;text-decoration:none;color:#000}.left .menu .user img{width:40px;border-radius:50%}.left .menu .menu-item{width:100%;padding:10px;display:flex;margin-top:30px;text-decoration:none;color:#000}.left .menu .menu-item img{width:35px}.left .menu .menu-item span{font-size:18px;margin-top:11px;margin-left:10px;font-weight:600}@keyframes viober{0%{opacity:0;margin-top:180px}to{opacity:1;margin-top:94px}}.left .menu .user span{font-size:20px;margin-top:7px;margin-left:10px}.mid{height:100%;overflow-y:auto;display:flex;flex-direction:column;width:100%;height:100vh;font-family:Poppins,sans-serif}.right{height:100vh;width:100%}.right .friendList{display:flex;padding:10px;text-decoration:none;color:#000}.right .friendList img{padding:10px;width:50px;height:50px;border-radius:50%}.right .friendList p{font-size:22px;margin-left:10px}.right h1{margin-left:10px}@media only screen and (max-width: 600px){.left,.right{display:none}}.loginPage{display:flex;align-items:center;height:80vh;width:100vw;justify-content:center}@media (max-width: 740px){.loginPage{height:100vh;width:100vw}}.loginPage .naviDetail1{display:flex;position:fixed;background-color:#fff;justify-content:space-between;left:0;right:0;top:0;height:60px;padding:15px}.loginPage .naviDetail1 .goback1 img{width:55px}@font-face{font-family:Montserrat;src:url(./montserrat.ttf);font-weight:500}.wrapper{width:450px;height:auto;background:#fff;color:#000;flex-direction:column;display:flex;margin-top:150px;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 10px #0003;border-radius:20px;padding:30px;justify-content:center}.wrapper h1{font-size:36px;text-align:center}.wrapper .input-box{position:relative;width:100%;height:50px;margin-top:40px;display:flex;flex-direction:column}.wrapper form{background:transparent;display:flex;flex-direction:column;width:100%;padding:1px}.wrapper .Link{display:flex;float:left;font-size:14.5px;margin:-15px 0 15px}.wrapper .btn{width:100%;height:45px;background:#4169E1;border:none;outline:none;border-radius:5px;box-shadow:0 0 10px #0000;cursor:pointer;font-size:16px;color:#fff;font-weight:700}.wrapper .register-link{font-size:14.5px;text-align:center;margin:20px 0 15px}.google{transition:background-color .3s,box-shadow .3s;padding:12px 16px 12px 42px;border:none;border-radius:3px;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px}@media (max-width: 500px){.wrapper{height:100%;width:100%;margin-top:0;padding-top:200px}}.or{padding:10px;font-size:13px;font-weight:700}.homePage{width:100%;padding-bottom:120px}.upload-btn{width:50px;height:50px;background-image:url(/assets/image-O_-2CFBT.png);background-size:cover;background-position:center;cursor:pointer;transition:transform .2s}.post-user p{margin-left:10px;margin-bottom:1px;font-weight:700;font-size:20px}.postDetail{width:100%;padding:5px}.post-comment{padding-bottom:50px}.comment-input{width:100%;display:flex;height:auto}.upload-container{display:flex;flex-direction:column}.upload-btn{width:50px;height:50px;background-image:url(/assets/image-O_-2CFBT.png);background-size:cover;background-position:center;cursor:pointer;transition:transform .2s}.preview img,video{width:100%;height:200px;border-radius:10px;object-fit:cover;border:1px solid black}.post-posting{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.post-comment{width:100%;display:flex;flex-direction:column;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.comment-item{display:flex;margin-top:40px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.comment-item2{display:flex;margin-left:40px;margin-top:40px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.comment-box img video{margin-top:30px;margin-bottom:30px;border:1px solid black;border-radius:5px}.comment-box{display:flex;flex-direction:column;height:auto;margin-left:20px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.comment-chat,.comment-chat1{padding:10px;border-radius:10px;background:#d4d4d4;color:#000;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;width:90%}.comment-feature{display:flex;width:100%}.comment-item .comment-box .comment-feature button,.comment-item2 .comment-box .comment-feature button{margin-left:30px;outline:none;border:none;color:#fff;background:#4169E1;height:30px;width:30%;padding:5px;border-radius:5px}.post-user{text-decoration:none}.post-user .userImage{width:60px;height:60px;border-radius:50%}.signupPage{display:flex;align-items:center;height:80vh;width:100vw;justify-content:center}body{font-family:Montserrat,sans-serif!important}.wrapper1{width:500px;height:auto;background:#fff;color:#000;margin-top:150px;display:flex;flex-direction:column;border:2px solid rgba(255,255,255,.2);box-shadow:0 0 10px #0003;border-radius:20px;padding:50px;align-items:center;justify-content:center}.wrapper1 h1{font-size:36px;text-align:center}.wrapper1 .input-box{position:relative;width:100%;height:50px;margin-top:20px;display:flex;flex-direction:column}.input-box input{width:100%;height:100%;background:transparent;outline:none;border:2px solid black;border-radius:5px}.input-box input::placeholder{color:#000;padding-left:10px}.input-box .icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px}.wrapper1 form{background:transparent;display:flex;flex-direction:column;width:100%}.Link{text-decoration:none;color:#000;float:right}.wrapper1 .Link{display:flex;float:left;font-size:14.5px;margin:-15px 0 15px}.wrapper1 .btn{width:100%;height:45px;background:#4169E1;border:none;outline:none;border-radius:5px;box-shadow:0 0 10px #0000;cursor:pointer;font-size:16px;color:#fff;font-weight:700;margin-top:30px}.wrapper1 .register-link{font-size:14.5px;text-align:center;margin:20px 0 15px}.register-link p a{color:#000;text-decoration:none;font-weight:600}.google{transition:background-color .3s,box-shadow .3s;padding:12px 16px 12px 42px;border:none;border-radius:3px;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);background-color:#fff;background-repeat:no-repeat;background-position:12px 11px}.google:hover{box-shadow:0 -1px #0000000a,0 2px 4px #00000040}.google:active{background-color:#eee}.google:focus{outline:none;box-shadow:0 -1px #0000000a,0 2px 4px #00000040,0 0 0 3px #c8dafc}.google:disabled{filter:grayscale(100%);background-color:#ebebeb;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;cursor:not-allowed}@media (max-width: 500px){.wrapper1{width:100%;height:100%;margin-top:0}}@media (max-width: 740px){.signupPage{height:100vh;width:100vw}}@font-face{font-family:Poppins;src:url(/assets/bold-lzrpDvjr.ttf);font-weight:600}@font-face{font-family:Montserrat;src:url(/assets/light-79fnkdmg.ttf);font-weight:300}.profile8{margin-top:80px;font-family:Poppins,sans-serif;animation:viober 1.5s;padding:5px;display:flex;flex-direction:column}.profile8 .profile-box{display:flex;justify-content:space-between;flex-direction:column;background:white;left:0;right:0;z-index:1000;padding:15px;margin-top:30px;border-radius:5px}.profile-content{margin-top:10px;display:flex}.profile8 .profile-box .group img{border-radius:50%;width:120px;height:120px;padding:10px}.friend-list .userFriend{display:flex;flex-direction:column;color:#000;border:1px solid black;padding:5px;border-radius:5px;text-decoration:none}.friend-list .userFriend img{width:100%;border-radius:5px}.friend-list .userFriend p{font-size:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.info{display:flex;flex-direction:column;padding:5px;z-index:100}.info .description{display:flex;height:auto;width:100%}.profile8 .profile-box .group{width:100%}.are{outline:none;border:none;background:#d4d4d4;margin-right:10px;border-radius:5px}.notAre{outline:none;border:none;background:#4169E1;color:#fff;border-radius:5px;margin-right:10px}@keyframes viober{0%{opacity:0;margin-top:180px}to{opacity:1;margin-top:80px}}.profile8 .profile-box .profile-info{width:100%}.post-content{width:100%;border-radius:5px;height:auto;overflow:scroll}.post-posting1{background:white;height:auto;padding:15px 15px 10px;text-decoration:none;color:#000;display:flex;flex-direction:column;margin-top:10px;border-radius:5px;z-index:10}.profile8 .profile-box .postNav{display:flex;width:100%;justify-content:space-between;left:0;right:0;top:0}.profile8 .profile-box .postNav .goback img{width:55px}.profile8 .profile-box .dot3{width:50px;height:50px;margin-left:70%}.dot{width:37px;height:37px}.dot2{width:37px;height:37px;margin-left:10px}.group{display:flex}.group .buttonGroup{display:flex;padding-top:50px}.postNumber1 span{padding:5px;font-size:21px}.postInput{width:80%;height:50px;border:none;border-bottom:2px solid black}.postInput::focus{border:none;border-bottom:2px solid black}.post-create .send{width:40px;margin-left:20px}.post-content{padding-bottom:100px}.post-posting{background:white;height:auto;padding:15px;display:flex;flex-direction:column;margin-top:10px;border-radius:5px}.info{background:white;padding:15px;border-radius:5px}.buttonGroup button{width:120px;height:40px}.profile8 .profile-box .profile-info h2{font-size:30px}.profile8 .profile-box .profile-info p{font-size:19px}.post-feature{display:flex}.post-feature img{margin-right:30px}.comment-input{width:100%;display:flex;height:auto;padding-bottom:20px}.comment-input input{margin-right:10px;width:100%;height:30px;border-radius:15px;border:.5px solid black;padding:5px;outline:none}.comment-input button{outline:none;border:none;padding:5px;background-color:#4169e1;color:#fff;border-radius:10px;width:120px}@media only screen and (max-width: 600px){.profile8 .profile-box,.group{flex-direction:column}.profile8 .profile-box img{width:150px}}.dropdownmenu10{position:absolute;top:150px;right:20px;background-color:#4169e1;color:#fff;width:170px;padding:10px;border-radius:15px;z-index:10}.dropdownmenu10 ul li{padding:0;border-top:1px solid rgba(0,0,0,.5)}.menu-item10{flex-direction:column}.dropdownitem10{display:flex;margin:5px auto;border-radius:10px;font-weight:400;text-decoration:none;z-index:1000000000}.dropdownitem10:hover{transform:scale(1.05);transition:.3s;background:blue}.dropdownmenu10 .dropdownitem10 img{width:40px;height:40px;margin-top:12px;margin-right:5px;obacity:.5;transition:.5s}.dropdownitem10 .link10{font-size:20px;margin-left:10px;transition:.5s;text-decoration:none;color:#fff}@media only screen and (min-width: 850px){.group .buttonGroup{margin-left:40%}.dropdownmenu10{display:none}}@media only screen and (min-width: 1023px){.info{width:390px}}@media only screen and (min-width: 1250px){.info{width:450px}}@media only screen and (min-width: 850px){.dot3{display:none}}@font-face{font-family:Poppins;src:url(/assets/bold-lzrpDvjr.ttf);font-weight:600}body{font-family:Poppins,sans-serif!important}.admin{padding:5px}.grid1{display:flex;justify-content:center;background:#4169E1;width:100%;height:90px;position:fixed;top:0;left:0;right:0;z-index:1;align-items:center}.naviDetail{display:flex;width:100%;background-color:#4169e1;justify-content:space-between;left:0;right:0;top:0;height:80px;padding-left:5px;padding-right:10px;padding-top:10px;z-index:100}.naviDetail img{width:45px;padding:10px}.naviDetail .goback img{width:55px;padding-bottom:20px}.gridO{width:100%;display:flex;justify-content:center;align-items:center}.gridDetail{width:100%;display:flex}.sidebar{background:white;padding:15px 110px 15px 15px;margin-top:90px;border-radius:5px;height:95vh;display:flex;position:fixed;flex-direction:column;z-index:1}.sidebar .sidebar-list{border-radius:10px;height:50px;padding:20px;background:white;list-style:none}.sidebar .sidebar-list:hover{background-color:#f2f3f4}.sidebar .sidebar-list a{color:#000;text-decoration:none;font-size:21px}.menu-trigger10 p{overflow:hidden;cursor:pointer;padding:10px;color:#000}.menu-trigger10 img{padding-top:10px}.icon10{padding-right:10px}.icon10 img{width:30px}.dropdownmenu10{position:absolute;top:100px;right:20px;background-color:#4169e1;width:200px;padding:10px 20px;border-radius:15px;z-index:10}.dropdownmenu10:before{content:"";position:absolute;top:-5px;right:20px;height:20px;width:20px;transform:rotate(45deg)}.dropdownmenu10.active10{visibility:visible;opacity:1;transition:.5s;transform:translateY(0)}.dropdownmenu10.deactive10{visibility:hidden;opacity:0;transition:.5s;transform:translateY(-20px)}h3{width:100%;text-align:center;font-size:12px;padding:20px 0;font-weight:500;line-height:1.2rem}h3 span{font-size:14px;color:gray;font-weight:400px}.dropdownmenu10 ul li{padding:10px 0;border-top:1px solid rgba(0,0,0,.5)}.dropdownmenu10 ul li:hover{cursor:pointer;color:purple}.dropdownmenu10 ul li:hover img{opacity:1;cursor:pointer}.menu-item10{flex-direction:column;padding-top:25px}.dropdownitem10{display:flex;margin:10px auto;border-radius:10px;padding:10px;font-weight:400;text-decoration:none;z-index:1000000000}.dropdownitem10:hover{transform:scale(1.1);transition:.3s;background:blue}.dropdownitem10 img{width:40px;height:40px;margin-right:10px;obacity:.5;transition:.5s}.dropdownitem10 .link10{font-size:18px;margin-left:10px;transition:.5s;text-decoration:none;color:#fff}@media only screen and (max-width: 850px){.sidebar{display:none}}@media only screen and (min-width: 850px){.menu-trigger10{display:none}}@media only screen and (min-width: 1250px){.naviDetail,.gridDetail{width:1250px}}@font-face{font-family:Poppins;src:url(/assets/bold-lzrpDvjr.ttf);font-weight:600}body{font-family:Poppins,sans-serif}.editAccount{padding:20px;background:white;margin-top:90px;border-radius:10px;height:100vh}.upload-box{padding:16px;border:2px dashed gray;border-radius:8px;width:250px;text-align:center}.file-input{display:none}.upload-button{cursor:pointer;background-color:#00f;color:#fff;padding:8px 16px;border-radius:8px;display:inline-block}.file-name{margin-top:8px;color:gray}.editAccount .profileImg img{width:180px;height:180px;border-radius:50%}.editAccount input{border:none;width:100%;margin-bottom:20px;margin-top:20px;height:50px;padding-left:5px;border:1px solid black;border-radius:10px}.editAccount .btnSubmit{width:150px;height:50px;border:none;background:#4169E1;color:#fff;border-radius:5px}label{color:#000;margin:10px;font-size:23px;font-weight:500}.postNumber{display:flex}.copy-btn{background-color:#007bff;color:#fff;border:none;cursor:pointer;border-radius:4px}.copy-btn:hover{background-color:#0056b3}.tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;opacity:1;transition:opacity .3s}.post-feature{z-index:15px}.tooltip.hidden{opacity:0}.postNumber span{padding:5px;font-size:21px}.post-content{width:100%;border-radius:5px;height:800px}.post-create{background:white;padding:10px;border-radius:5px;height:auto;display:flex;flex-direction:column}.post-user{display:flex}.post-user .userImage{width:60px;border-radius:50%}.post-user h3{margin-left:10px;margin-bottom:1px;font-weight:700;font-size:20px}.post-user span{font-size:12px;margin-left:10px}.postInput{display:flex;height:auto}.postInput input{width:100%;height:40px;border:none}.postInput::focus{border:none}.postInput button{width:0px;border:none;background:white}.post-posting{background:white;height:auto;padding:15px 15px 10px;text-decoration:none;color:#000;display:flex;flex-direction:column;margin-top:10px;border-radius:5px;z-index:10}.postNav .goback img{width:55px}.postNav{display:flex;width:100%;justify-content:space-between;left:0;right:0;top:0;height:60px}.userResult{display:flex;padding:10px;border-radius:5px;margin-top:10px;background:white}.userResult img{width:80px;height:80px;border-radius:50%}.userResult .userDetail{margin-left:30px;width:100%}.userResult .userDetail button{outline:none;border:none;padding:10px;width:110px;height:40px;color:#fff;background:#4169E1;border-radius:7px}.noti-box{display:flex;margin-top:20px;background:white;border-radius:10px;padding:10px;text-decoration:none;height:auto;color:#000}.noti-content p{font-size:17px;margin-left:10px}.noti-box1{display:flex;margin-top:20px;background:#bfbfbf;border-radius:10px;text-decoration:none;color:#000;height:auto;padding:10px}.noti-content1 p{font-size:22px;margin-left:10px}.chat-container{display:flex;height:100vh;flex-direction:row}.chat-container .chat-wrapper{display:flex;width:100%;height:calc(100vh - 80px);margin-top:67px}.chat-container .chat-list-wrapper{width:100%;border-right:1px solid #ddd;overflow-y:auto;height:100vh;overflow:hidden;flex:1}.chat-container .chat-room-wrapper{flex:1;width:100%;display:flex}@media only screen and (max-width: 850px){.chat-container .chat-list-wrapper,.chat-container .chat-room-wrapper{width:100%}}.chat-list{display:flex;flex-direction:column;height:100%;padding-left:10px;overflow:hidden;flex:1;background:white}.chat-list__content{flex:1;overflow-y:auto;padding:10px}.chat-list__content .chat-item{display:flex;padding:12px;border-bottom:1px solid #eee;color:#333;text-decoration:none;border-radius:5px;width:100%}.chat-list__content .chat-item:hover{background-color:#f7f7f7}.chat-list__content .chat-item img{width:60px;height:60px;border-radius:50%}.chat-list__content .chat-item span{font-size:24px;margin-left:10px}.grid2{display:flex;background:#4169E1;width:100%;height:80px;position:fixed;top:0;left:0;right:0;z-index:1;align-items:center;justify-content:center}.chatNav{display:flex;left:0;right:0;top:0;height:40px;width:100%;z-index:100}.chatNav .goback img{width:45px;padding-bottom:20px}.gridO2{width:100%;display:flex;justify-content:center;align-items:center}.gridDetail2{width:100%;padding:5px;display:flex}@media only screen and (min-width: 1250px){.chatNav,.gridDetail2{width:1250px}}@media only screen and (min-width: 850px){.chat-list{width:100%}}.chat-room{display:flex;flex-direction:column;width:100%}.chat-room-header{padding:10px;background-color:#fff;font-weight:700;border-bottom:1px solid #ccc;height:50px;display:flex;position:sticky}.chat-room-header img{width:48px;height:48px;border-radius:50%}.chat-room .chat-room-down{padding:5px;position:sticky;bottom:0;right:0;left:0;background:white;display:flex;flex-direction:column}.chat-room-down .chat-room-input .chat-room-input1{display:flex;background:white;width:73%}.chat-room-down .chat-room-input .chat-room-input1 input{width:100%;height:48px;border:none;background:white}.chat-room-input::focus{border:none}.chat-room-input1 .send{width:40px;background:white}.chat-room-input1 button{width:0px;border:none;background:white}.back2 img{width:40px}.chat-room-input .upload-container{display:flex;flex-direction:column;width:60px;background:white;height:50px}.upload-btn{width:45px;height:45px;background-image:url(/assets/image-O_-2CFBT.png);background-size:cover;background-position:center;cursor:pointer;transition:transform .2s}input[type=file]{display:none}.preview{margin-top:10px}.chat-room .chat-room-body{display:flex;flex-direction:column;padding-top:40px;padding-bottom:50px;overflow-y:auto}.ing22,.vineo22{width:200px;height:100px;border-radius:5px;object-fit:cover;border:1px solid black;margin-left:10px}.edit-input{width:100%;display:flex;height:auto}.edit-input input{margin-right:10px;width:100%;height:30px;border-radius:15px;border:.5px solid black;padding:5px;outline:none}.edit-input button{outline:none;border:none;padding:5px;background-color:#4169e1;color:#fff;border-radius:10px;width:120px}.post-image-video img{margin-right:10px}.chat-room-header p{font-size:20px}.chat-room .chat-room-body .messages{height:100%;display:flex;flex-direction:column-reverse;padding:16px 16px 40px;overflow-y:auto}.chat-room .chat-room-down .chat-room-input{position:sticky;bottom:0;background:white;padding:5px;height:45px;display:flex}.chat-box{display:flex;align-items:flex-start;margin:24px 0}.chat-box.left1{flex-direction:row}.chat-box.right1{flex-direction:row-reverse}.chat-box.right1 .chat-box-content{align-items:flex-end;text-align:right}.chat-box .profile{width:40px;height:40px;border-radius:50%;object-fit:cover;margin:0 10px}.chat-box .chat-box-content{display:flex;flex-direction:column;background-color:#fff;padding:10px;border-radius:12px;max-width:70%}.chat-box .chat-box-content h2{font-size:14px;margin:0 0 5px;color:#555}.chat-box .chat-box-content .chat-box-content-text{background-color:#fff;padding:8px 12px;border-radius:10px;margin-bottom:5px;word-wrap:break-word;white-space:pre-wrap;width:78%}.chat-box .chat-box-content .img3,.chat-box .chat-box-content .video3{width:150px;border-radius:10px;margin-top:5px}.chat-box .chat-box-content span{font-size:12px;color:#999;margin-top:5px}@media only screen and (max-width: 850px){.chat-room .chat-room-down{position:fixed;bottom:0;left:0;right:0}.chat-room-header{position:fixed;left:0;right:0}}@media only screen and (min-width: 850px){.back2 img{display:none}}