@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;600&display=swap);:root{--color-dark:#111113;--color-white:#f0eef6;--color-gray:#9e98b3;--color-primary:#6b4de6;--color-secondary:#d6ccff;--color-success:#51fb51;--color-danger:#fb5151;--color-black:#141315;--color-shade:#201f23;--border-radius:2rem;--border2-radius:.5rem;--card-border-radius:1rem;--btn-padding:0.6rem 2rem;--search-padding:.8rem 1rem;--card-padding:1rem;--text-shadow:2px 2px rgba(0,0,0,.3);--backdrop-filter:blur(15px);--backdrop-filter-color:#eaf0fb;--backdrop-background:hsla(0,0%,100%,.2);--sticky-top-left:5.4rem;--sticky-top-right:-18rem}@supports (color:hsl(0 0% 0%/0)){:root{--color-secondary:#d6ccff}}body.light{--color-dark:#f0eef6;--backdrop-filter-color:#141315;--backdrop-background:rgba(85,84,84,.5);--color-black:#d6ccff;--color-gray:#111112;--color-success:#09a509;--color-shade:#4c4c4d}#darkmode{background-color:#6b4de6;background-color:var(--color-primary);border:none;border-radius:.5rem;border-radius:var(--border2-radius);color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;outline:none;transition:all .3s ease-in-out}*,:after,:before{box-sizing:border-box;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}body{background-color:#111113;background-color:var(--color-dark);color:#f0eef6;color:var(--color-white);font-family:Poppins,sans-serif}.container{margin:0 auto;width:80%}.profile-picture{border-radius:.5rem;border-radius:var(--border2-radius)}.profile-picture,.profile-picture2{aspect-ratio:1/1;overflow:hidden;width:2.7rem}.profile-picture2{border-radius:2rem;border-radius:var(--border-radius)}img{display:block;object-fit:cover;width:100%}.btn{border:none;border-radius:.5rem;border-radius:var(--border2-radius);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;outline:none;padding:.6rem 2rem;padding:var(--btn-padding);transition:all .3s ease-in-out}.btn:hover{opacity:.8}.btn-primary{background-color:#6b4de6;background-color:var(--color-primary);color:#fff}.text-bold{font-weight:500}.text-muted{color:#9e98b3;color:var(--color-gray)}.header{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background-color:var(--backdrop-background);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:3}.header__container{align-items:center;display:flex;justify-content:space-between;padding:20px 50px}.logo{display:flex;width:30%}.logo a{align-items:center;display:flex;justify-content:center}.bug{color:var(--color-primary);font-size:2.5rem;margin-right:7px}.header__search,.profile__sec{align-items:center;display:flex}.header__search{position:relative}.srh{color:#eaf0fb;font-size:1.5rem;left:3%;position:absolute}.header__search{flex:2 1}.header__search input{background-color:var(--backdrop-background);border:none;border-radius:var(--border2-radius);color:#eaf0fb;font-size:.9rem;margin-right:10px;padding:var(--search-padding);padding-left:2.9rem;width:100%}.header__search input::-webkit-input-placeholder{align-items:center;color:var(--color-gray);font-size:1rem;font-style:italic;padding-left:10px}.header__search input:-ms-input-placeholder{align-items:center;color:var(--color-gray);font-size:1rem;font-style:italic;padding-left:10px}.header__search input::placeholder{align-items:center;color:var(--color-gray);font-size:1rem;font-style:italic;padding-left:10px}.create{display:flex}.navlinks ul{display:flex;flex:1 1;justify-content:space-between;margin-right:20px}.navlinks ul li a{color:#eaf0fb;margin-right:20px;transition:all .3s ease}.navlinks ul li a.active,.navlinks ul li a:hover{color:var(--color-primary)}.create button{align-items:center;display:flex;font-size:1rem;margin-right:10px;padding:.7rem 1.2rem}.cre{margin-right:5px}.create .burger,.srh2{display:none}@media screen and (max-width:920px){.header__container{padding:20px 30px}.navlinks{display:none}.create .burger{display:block}}@media screen and (max-width:800px){.header__search{display:none}}@media screen and (max-width:610px){.header__search,.navlinks{display:none}}@media screen and (max-width:500px){.profile__sec .cree{display:none}}@media screen and (max-width:400px){.header__container{padding:20px}.header__search{display:none}.create button{margin-right:8px;padding:.7rem 1rem}.profile__sec .cree{display:none}}.burger__link{display:none}@media screen and (max-width:920px){.burger__link{align-items:center;-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background:rgba(0,0,0,.9);display:flex;display:block;flex-direction:column;justify-content:center;padding:20px;position:absolute;text-align:center;top:100%;width:100%}.burger__search{align-items:center;display:flex;margin-bottom:15px;position:relative}.burger__search input{background-color:var(--backdrop-background);border:none;border-radius:var(--border2-radius);color:var( --backdrop-filter-color);font-size:.9rem;margin-right:10px;padding:var(--search-padding);padding-left:2.9rem;width:100%}.burger__search input::-webkit-input-placeholder{align-items:center;font-size:1rem;padding-left:10px}.burger__search input:-ms-input-placeholder{align-items:center;font-size:1rem;padding-left:10px}.burger__search input::placeholder{align-items:center;font-size:1rem;padding-left:10px}.burger__link ul{display:block;flex:0 1;margin-right:0}.burger__link ul li a{color:#eaf0fb;margin-bottom:10px;transition:all .3s ease}.burger__link ul li{margin-bottom:20px}}.notify-page{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background:rgba(0,0,0,.9);overflow-y:scroll;padding:30px;position:absolute;right:0}.notify-container{align-items:center;background:var(--color-black);border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:auto;min-width:80%;overflow-y:scroll;padding:20px}.notify-container h1{color:var(  --backdrop-filter-color);margin:20px}.notify-subcont{align-items:center;-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background-color:var( --backdrop-background);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px 20px}.notify-subcont p{color:var(--backdrop-filter-color);width:90%}.noti-btn{color:var(--color-primary);cursor:pointer}@media screen and (max-width:768px){.notify-subcont p{font-size:13px}}.settings-subcont{align-items:center;display:flex;flex-direction:column;justify-content:center}.settings-subcont a{align-items:center;background:var(--color-primary);border-radius:10px;color:#eaf0fb;display:flex;margin-top:20px;padding:5px 10px}.shi{margin-right:5px}.sidebar{-webkit-backdrop-filter:var( --backdrop-filter);backdrop-filter:var( --backdrop-filter);background:linear-gradient(90deg,rgba(0,0,0,.3) 10%,rgba(0,0,0,.1) 70%,transparent);border-radius:10px 10px 0 0;color:var(--backdrop-filter-color);display:block;height:calc(100vh - 125px);overflow-y:scroll;padding-bottom:20px;position:-webkit-sticky;position:sticky;text-align:center;top:100px;width:25%;z-index:0}.sidebar__container{position:relative}.sidebar__close{display:none}.coverimg{border-radius:10px 10px 0 0;height:70px}.prof{border:4px solid var(--color-success);left:0;margin:auto;position:absolute;right:0;top:5%;width:4rem}.sbout__profile{margin-top:60px;text-align:center}.prof__name{color:var(--color-success);font-size:20px}.descc{font-size:13px;font-weight:600;margin-bottom:10px;margin-top:10px}.desc{margin-bottom:20px;padding:0 10px}.followers__stats{align-items:center;display:flex;justify-content:center;padding:0 20px 20px}.stat{border-right:2px solid #2b2a2a;color:var(--color-primary);font-weight:600;padding:0 10px}.stat p{margin-top:10px}.staty{border-right:none}.profile__links{padding:20px}.profile__links li{cursor:pointer;margin-bottom:50px}.profile__links li a{align-items:center;color:var(--backdrop-filter-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;transition:all .3s ease}.profile__links li a:hover{color:var(--color-primary)}.profile-link__icons{color:var(--color-success);font-size:1.3rem;margin-right:7px}.view__profile{color:var(--color-success);cursor:pointer;margin-bottom:20px;text-align:center}::-webkit-scrollbar{width:.2px}::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb:window-inactive{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background:hsla(0,0%,100%,.4)}@media screen and (max-width:1200px){.sidebar{width:30%}.stat p{font-size:14px;margin-top:10px}}.mobile-sidebar{display:none}@media screen and (max-width:920px){.overlay{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background:var(----backdrop-background);bottom:0;cursor:pointer;height:100vh;overflow-y:scroll;position:fixed;right:0;top:0;width:100vw;z-index:2}.mobile-sidebar{background:linear-gradient(90deg,rgba(0,0,0,.3) 10%,rgba(0,0,0,.1) 100%);border-radius:0 0 0 0;display:block;height:calc(100vh - 300px);left:0;overflow-y:scroll;padding-bottom:20px;position:absolute;position:fixed;text-align:center;top:0;width:37%;z-index:3}.sideba{-webkit-backdrop-filter:var( --backdrop-filter);backdrop-filter:var( --backdrop-filter);background:linear-gradient(90deg,rgba(0,0,0,.3) 10%,rgba(0,0,0,.1) 70%,transparent);color:var(--backdrop-filter-color)}::-webkit-scrollbar-thumb:window-inactive{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);background:rgba(0,0,0,.4)}::-webkit-scrollbar{width:3px}.sidebar{display:none}.sidebar__close{color:var(--color-success);cursor:pointer;display:block;font-size:2rem;font-weight:500;position:absolute;right:5%;text-align:right;top:-6%}.coverimg{border-radius:10px 10px 0 0;height:70px;margin-top:75px}.prof{border:4px solid var(--color-success);left:0;margin:auto;position:absolute;right:0;top:5%;width:4rem}.desc{font-size:15px;margin-bottom:30px;padding:0 10px}}@media screen and (max-width:768px){.sideba{height:100%;overflow-y:scroll;position:fixed;width:60%}.coverimg{border-radius:10px 10px 0 0;height:70px;margin-top:75px}.prof{border:4px solid var(--color-success);left:0;margin:auto;position:absolute;right:0;top:5%;width:4rem}}@media screen and (max-width:480px){.sideba{height:100%;overflow-y:scroll;position:fixed;width:85%}.coverimg{border-radius:10px 10px 0 0;height:70px;margin-top:75px}.prof{border:4px solid var(--color-success);left:0;margin:auto;position:absolute;right:0;top:5%;width:4rem}.desc{font-size:15px;margin-bottom:20px;padding:0 10px}}.friends{height:calc(100vh - 125px);overflow-y:scroll;padding-bottom:20px;position:-webkit-sticky;position:sticky;top:100px;width:25%;z-index:0}.friends__container{background-color:var(--color-black);border-radius:var(--border2-radius)}.who-to-follow{padding:15px 20px}.who-to-follow .headdy{color:var(--backdrop-filter-color);font-size:20px;margin-bottom:20px}.Who-to-follow-list{padding:15px 0}.Who-to-follow-list,.wtfl-top{align-items:center;display:flex}.wtfl-top{flex:1 1}.iii{margin-right:10px}.wtfl-middle .friendname{font-size:15px;margin-bottom:6px}.wtfl-middle .text-muted{font-size:13px}.wtfl-btn{border:1px solid var(--color-primary);border-radius:50%;cursor:pointer;font-size:29px;padding:5px;transition:all .3s}.wtfl-btn,.wtfl-btn:hover{color:var(--backdrop-filter-color)}.wtfl-btn:hover{background:var(--color-primary)}.friendname,.wtfl-true{color:var(--backdrop-filter-color)}.wtfl-true{background:var(--color-primary)}.mobileonlinefriends,.showmobilefriends{display:none;z-index:4}.mobile__friends{display:none}.headdy{font-weight:600}@media screen and (max-width:1200px){.friends{display:none;width:100%}.showmobilefriends{-webkit-animation:pulsing 3s linear 0s infinite;animation:pulsing 3s linear 0s infinite;-webkit-animation:pulsing 3s linear infinite var(--s,0s);animation:pulsing 3s linear infinite var(--s,0s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-primary);border:1px dotted var(--color-primary);border-radius:50%;bottom:3%;cursor:pointer;display:block;font-size:40px;left:-10%;margin:auto;padding:5px;position:fixed;right:0}.showmobilefriends:after,.showmobilefriends:before{--s:1s}.showmobilefriends,.showmobilefriends:after,.showmobilefriends:before{aspect-ratio:1;box-shadow:0 0 0 0 var(--color-primary);content:"";display:grid;grid-area:1/1}@-webkit-keyframes pulsing{to{box-shadow:0 0 0 1.6rem transparent}}@keyframes pulsing{to{box-shadow:0 0 0 1.6rem transparent}}.chat-online{left:10%;z-index:6}.mobile__friends{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.1);display:flex;height:100vh;justify-content:center;left:0;overflow-y:scroll;position:fixed;top:0;width:70%}.mobile-friends-container{width:80%}.mobileonlinefriends{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.1);display:flex;height:100vh;justify-content:center;left:0;overflow-y:scroll;position:fixed;top:0;width:60%;z-index:1}.online-container{background-color:var(--color-black);border-radius:10px;width:80%}}@media screen and (max-width:500px){.mobile__friends,.mobileonlinefriends{width:100%}.mobile-friends-container{width:90%}.showmobilefriends{left:-15%}.chat-online{left:15%;z-index:6}}.online-friends{background-color:var(--color-black);border-radius:var(--border2-radius);margin-top:20px}.online-container{padding:15px 20px}.online-container .headdy{color:var(--backdrop-filter-color);font-size:20px;margin-bottom:20px}.online-ol{align-items:center;display:flex;margin-bottom:30px}.online-ol button{padding:0}.online-top{display:flex}.online-profile-image{margin-right:10px;position:relative}.dot-green{background-color:#07b607}.dot-green,.dot-orange{border:2px solid var(--color-black);border-radius:50%;bottom:0;content:"";height:12px;position:absolute;right:0;width:12px}.dot-orange{background-color:#f8a916}.online-btn{background-color:var(--color-primary);border-radius:5px;font-size:30px;padding:5px}.message-buttons a{color:#fff}.friendname{font-weight:600}.feeds{width:50%}.feeds__container{display:flex;flex-direction:column}.addtostory .bckg{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));border:2px solid var(--color-success);border-radius:10px;height:200px;object-fit:cover;overflow:hidden;width:120px}.addtostories,.stories{position:relative}.hehe{background:transparent}.addtostory .addtostories:before,.addtostory .stories:before{background:linear-gradient(transparent,rgba(0,0,0,.75));bottom:0;content:"";display:block;height:100%;position:absolute;width:100%}.story__profile{left:20%;top:10%}.addtostories .story__profilee,.story__profile{border:2px solid var(--color-success);position:absolute;width:2.5rem}.addtostories .story__profilee{bottom:20%;left:30%}.storyname{bottom:2%;color:#eaf0fb;font-size:12px;left:15%;position:absolute;z-index:2}.profile__toggler{align-items:center;display:flex;display:none;margin-bottom:30px}.profile__toggler p{color:var(--backdrop-filter-color);font-size:17px;font-weight:600}.profile__toggle{cursor:pointer;font-size:25px;margin-right:10px;padding:9px}@media screen and (max-width:1200px){.feeds{width:70%}}@media screen and (max-width:920px){.feeds{width:100%}.profile__toggler{display:flex}}@media screen and (max-width:480px){.feeds{width:100%}}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{-webkit-animation:splide-loading 1s linear infinite;animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@-webkit-keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes splide-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;-webkit-transform:scale(1.4);transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{-webkit-transform:scaleX(1);transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.poststory{background-color:var(--color-black);margin-top:2rem;padding:20px 30px}.poststory__container{display:flex;flex-direction:column}.post__top{align-items:center;margin-bottom:30px}.post__top input{background:transparent;border:none;border-radius:var(--border2-radius);color:var( --backdrop-filter-color);outline:none;padding:0 20px;width:100%}.post__bottom{flex-wrap:wrap;justify-content:space-between}.post__bottom,.post__bottom p{align-items:center;display:flex}.post__bottom p{background-color:var(--color-shade);border-radius:var(--border2-radius);cursor:pointer;padding:5px 8px}.post__icon{color:var(--color-success);margin-right:5px}.post__btn{align-items:center;display:flex;margin-left:5px;margin-top:0}.ii{margin-right:5px}@media screen and (max-width:768px){.post__bottom p{margin-bottom:15px}}@media screen and (max-width:480px){.poststory{padding:15px 20px}.post__bottom{width:90%}.post__bottom p{font-size:13px;margin-bottom:15px}.post__btn{font-size:13px}}.posts{border-radius:var(--border-radius);margin:40px 0}.posts__container{display:flex;flex-direction:column;gap:20px}.post__container{-webkit-backdrop-filter:var( --backdrop-filter);backdrop-filter:var( --backdrop-filter);background-color:var(--color-black);border-radius:var(--border2-radius);overflow:hidden;padding:40px}.post__top{display:flex;justify-content:space-between}.postimg{border-radius:10px;height:300px;object-fit:cover}.post__left{align-items:center;display:flex}.post__time{font-size:13px;font-style:italic}.post__info p:first-child{color:var( --backdrop-filter-color);font-weight:600}.post__icon{cursor:pointer;font-size:20px}.post__middle{margin-top:-15px}.post__middle p{color:var( --backdrop-filter-color);margin-bottom:15px}.post__prof{margin-right:10px}.post__semibottom{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.post__semibottom p{color:var( --backdrop-filter-color);font-size:14px;font-style:italic}.like__info,.post__btnn{align-items:center;display:flex}.post__btnn{-webkit-backdrop-filter:var( --backdrop-filter);backdrop-filter:var( --backdrop-filter);background:var(--backdrop-background);border-radius:var();margin-right:10px;padding:10px}.post__bottomm{display:flex;flex-direction:column;margin-top:20px}.ioo{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.modal__icon{position:relative}.modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(  --backdrop-background);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.post__form input{background:transparent;border:none;color:var( --backdrop-filter-color);font-size:15px;padding:10px 0;width:90%}.post__form{display:flex;justify-content:space-between;margin-bottom:7px}.post__form button{padding:7px 15px}.commentlist{background-color:var(--color-shade);border-radius:5px;cursor:pointer;font-size:13px;justify-content:space-between;margin-top:5px;padding:5px}.commentlist,.commentlist-flex{align-items:center;display:flex}.comment-delete{color:var(--color-primary);font-size:25px}.eachComm{margin-left:7px}.i0{margin-right:3px}.wee{margin-top:6px}@media screen and (max-width:500px){.post__container{padding:10px}.post__middle p{font-size:13px}}section .recon{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.recon__container{background-color:var(--color-black);border-radius:var(--border2-radius);overflow:hidden;padding:10px 20px}.recon__header p{color:var( --backdrop-filter-color);font-size:20px;font-weight:600;padding:10px 0 20px;text-align:center}.swiper-container{padding-bottom:10px;padding-top:10px;width:100%}.swiper{padding-bottom:50px;padding-top:30px;width:100%}.swiper-slide{background-position:50%;background-size:cover;height:300px;width:320px}.recon__bckg{border-radius:var(--border2-radius);display:block;height:350px;object-fit:cover;width:100%}.abs{border:2px solid var(--color-primary);left:0;margin:auto;position:absolute;right:0;top:10%;width:3.4rem}.recon__btn{border-radius:0;bottom:0}.recon__btn,.recon__overlay{position:absolute;width:100%}.recon__overlay{background:linear-gradient(rgba(0,0,0,.3),#000);height:100%;left:0;top:0}.recon__mutualFriends{top:60%}.recon__mutualFriends,.recon__storyname{left:0;margin:auto;position:absolute;right:0;text-align:center}.recon__storyname{top:50%}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}.swiper{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-pagination{position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px}.swiper-pagination-lock{display:none}.body__container{display:flex;gap:30px;margin:40px auto 0;width:90%}@media screen and (max-width:1200px){.body__container{display:flex;gap:20px;margin:40px auto 0;width:90%}}@media screen and (max-width:920px){.body__container{display:block;gap:20px;margin:40px auto 0;width:90%}}.profile__container{padding:20px;position:relative;width:100%}.profile__page{height:100vh;position:fixed;width:100%}.myprofile__body{height:calc(100vh - 50px);position:relative}.myProfile__icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.3);border-radius:12px;font-size:20px;height:50px;margin-left:10px;padding:10px;position:absolute;top:10%;width:50px}.myprofile__background{background:var(--backdrop-background);height:400px;position:relative}.myprofile__overlay{background:var(--backdrop-background);left:0;position:absolute;top:0;width:100%}.myprofile__background img{border-radius:5px;height:400px;object-fit:cover}.myprofile__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--backdrop-background);border-radius:10px;left:0;margin:20px auto;padding:60px 50px;position:absolute;right:0;top:30%;width:80%}.myprofile--pic{border:3px dotted var(--color-primary);border-radius:50%;left:0;margin:auto;position:absolute;right:0;top:-24%;width:10rem}.top--prodile{margin-top:30px}.myprofilename{color:var(--color-primary);font-size:25px;font-weight:600;text-align:center}.myprofiletitle{color:#eaf0fb;font-style:italic;text-align:center}.profile__info{margin:15px auto;width:50%}.profile__info,.profile__infoo{align-items:center;display:flex;justify-content:center}.profile__infoo{flex:1 1;flex-direction:column}.inf{color:var(--color-primary);font-size:24px;font-weight:500}.profile--desc{color:#eaf0fb;text-align:center}.profilebtn__icon{margin-left:5px}.profile__buttons{align-items:center;display:flex;justify-content:center;margin-top:20px}.profile__buttons>button:first-child{margin-right:20px}.prof-btn{align-items:center;display:flex;justify-content:center}@media screen and (max-width:768px){.profile__info{align-items:center;display:flex;justify-content:center;margin:15px auto;width:80%}}@media screen and (max-width:500px){.myprofile__card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--backdrop-background);border-radius:10px;left:0;margin:20px auto;padding:60px 50px;padding:50px 15px;position:absolute;right:0;top:30%;width:90%}.prof-btn{font-size:10px}.profile__info{align-items:center;display:flex;justify-content:center;margin:15px 0;width:100%}}.chatpage-container{padding:20px}.wide-chatpage{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.wide-chatpage-left{height:100vh;position:relative;width:45%}.wide-img{border-radius:10px 0 0 10px;height:100vh}.wide-chatpage-right{background-color:var(--color-black);height:100vh;position:relative;width:45%}.chat-picture2{border:2px solid var(--color-primary);border-radius:50%;left:0;margin:auto;position:absolute;right:0;width:5rem}.wide-right-top{background-color:var(--backdrop-background);border-radius:0 10px 10px 0;height:81px}.wide-chatpage-right .chat-name-info{-webkit-backdrop-filter:10px;backdrop-filter:10px;background-color:var(--backdrop-background);border-radius:10px;font-size:17px;margin-left:20px;margin-top:-10px;padding:5px;position:absolute;top:4.8%}.chatpage-top,.qqw{display:none}.wide-chatpage-left .chat-page-arrow{background-color:var(--color-primary);border-radius:10px;color:#fff;font-size:35px;font-weight:500;left:3%;padding:5px;position:absolute;top:3%}.wide-chatpage-form{bottom:0;display:flex;padding:20px;position:absolute;width:100%}.wide-chatpage-form input{background-color:transparent;border:none;border:1px solid var(--backdrop-background);border-radius:10px;color:var(--backdrop-filter-color);outline:none;padding:0 15px;width:90%}.wide-chatpage-form button{padding:10px 15px}.mobile-chatpage-top{display:none}.chat-container{align-items:center;background-color:transparent;display:block;flex-direction:column;float:right;justify-content:left;margin-top:20px;width:10%}.chat-contain{float:right;padding:10px}.sub-chat-container{align-items:center;display:flex}.chat-msg{background:var(--color-primary);border-radius:10px;margin-right:5px;padding:2px 10px}@media screen and (max-width:1000px){.mobile-chatpage-top{display:block}.wide-chatpage{display:none}.qqw{display:block}.chatpage{background-color:var( --color-black)}.chatpage-container{padding:15px 30px}.chatpage-top{display:block;position:relative}.chat-page-arrow{background-color:var(--color-primary);border-radius:10px;color:#fff;font-size:25px;font-weight:500;left:3%;padding:5px;position:absolute;top:3%}.chat-page-cover{border-radius:10px;height:200px}.chat-name-info{bottom:-7%;position:absolute}.chat-picture{border:2px solid var(--color-black);border-radius:50%;bottom:-23%;left:0;margin:auto;position:absolute;right:0;width:6rem}.chat-name-info{font-size:17px;margin-left:5px}.chat-name-info,.chat-name-info p{-webkit-backdrop-filter:10px;backdrop-filter:10px;background-color:var(--backdrop-background);border-radius:10px;padding:5px}.chat-name-info p{font-size:15px}.chatpage-form{bottom:0;display:flex;padding:20px;position:fixed;width:94%;z-index:3}.chatpage-form input{background-color:transparent;border:none;border:1px solid var(--backdrop-background);border-radius:10px;color:var(--backdrop-filter-color);outline:none;padding:0 15px;width:90%}.chatpage-form button{padding:10px 15px}.chat-container{align-items:center;background-color:transparent;display:block;flex-direction:column;float:right;justify-content:left;margin-top:50px;width:10%}.chat-contain{float:right;padding:10px}.sub-chat-container{align-items:center;display:flex}.chat-msg{background:var(--color-primary);border-radius:10px;margin-right:5px;padding:2px 10px}}@media screen and (max-width:500px){.chatpage-container{padding:15px 10px}}.errorpage{height:100vh;justify-content:center}.error-container,.errorpage{align-items:center;display:flex}.error-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--backdrop-background);border-radius:10px;flex-direction:column;gap:10px;padding:30px}.err-btn{align-items:center;display:flex;justify-content:space-evenly}.err-icon{margin-right:5px}
/*# sourceMappingURL=main.79d6e746.css.map*/