@import"https://fonts.googleapis.com/css?family=Poppins:regular,500,600,700&display=swap";*,*:before,*:after{padding:0;margin:0;border:none;box-sizing:border-box}*:before,*:after{display:inline-block}a{text-decoration:none;color:inherit;display:inline-block}li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}html,body{line-height:1;height:100%}input,button,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background-color:transparent}input,textarea{width:100%}label{display:inline-block}button,select,option{cursor:pointer}input[type=text],input[type=email],input[type=tel],textarea{appearance:none}p,li,a,span,button,label{text-transform:capitalize}button,input,textarea{font-family:Poppins,sans-serif}body{font-family:Poppins,sans-serif;line-height:1.4;color:var(--color-text);background-color:var(--body-color);transition:background-color .3s}a{color:var(--color-text);font-size:.75rem}.container{display:flex;justify-content:space-between;padding:.8125rem 5%}@media(max-width:74.99875em){.container{padding:.625rem 2%}}.user-profile{display:flex;align-items:center;gap:.625rem;color:var(--color-text)}.user-profile__content{font-weight:600}.user-profile__link{font-weight:400;font-size:.75rem;color:var(--nav-color)}.footer{text-align:center;color:#9a9a9a;padding:.625rem 0 1.25rem;font-size:.8125rem}@media(max-width:61.99875em){.footer{font-size:.75rem}}.profile-page{padding:1.25rem 15%;color:#626262}@media(max-width:61.99875em){.profile-page{padding:.9375rem 5%}}.profile-page__container{display:flex;flex-direction:column;gap:1.25rem;background-color:var(--body-color)}.profile-page__cover-img{width:100%;border-radius:.375rem}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title__title{font-weight:600;font-size:1.125rem}.section-title__link{color:var(--nav-color);font-size:.875rem;text-transform:capitalize}:root{--body-color: #efefef;--nav-color: #1876f2;--bg-color: #fff;--color-border: #ccc;--color-text: #626262;--hover-bg: rgba(0, 0, 0, .05)}.dark-theme{--body-color: #0a0a0a;--nav-color: #1876f2;--bg-color: #000;--hover-bg: rgba(215, 207, 207, .05)}.online{position:relative}.online:after{content:"";width:.6875rem;height:.6875rem;border:.125rem solid #fff;border-radius:50%;position:absolute;right:0;top:0;background:#41db51}.navbar{display:flex;align-items:center;justify-content:space-between;gap:.3125rem;padding:.3125rem 5%;position:sticky;top:0;z-index:100;background:var(--nav-color);box-shadow:0 .3125rem .625rem #0000001a}@media(max-width:74.99875em){.navbar{padding:.375rem 3%}}@media(max-width:29.99875em){.navbar{padding:.375rem .625rem}}.navbar__left,.navbar__right{display:flex;align-items:center}.navbar__left{gap:.625rem;padding-left:2.8125rem}@media(max-width:61.99875em){.navbar__left{padding-left:.625rem}}.navbar__logo img{display:block;width:10rem}@media(max-width:61.99875em){.navbar__logo img{width:6.875rem}}.navbar__right{gap:1.875rem}.navbar__search{display:flex;align-items:center;padding:0 .9375rem;background:#efefef;width:21.875rem;border-radius:1.25rem}.navbar__search .icon{inline-size:1.125rem;block-size:1.125rem}@media(max-width:61.99875em){.navbar__search{width:12.5rem}}@media(max-width:47.99875em){.navbar__search{display:none}}.navbar__input{padding:.625rem;outline:none;font-size:.875rem;width:100%}.menu{display:flex;justify-content:space-around;flex-wrap:wrap;gap:.625rem}@media(max-width:74.99875em){.menu{gap:.3125rem}}.menu__link{display:flex;gap:.375rem;align-items:center;font-size:.875rem;padding:.3125rem .5rem .625rem;position:relative;color:#fff}@media(max-width:74.99875em){.menu__link{padding:.1875rem .375rem .375rem}}@media(max-width:47.99875em){.menu__link:after{bottom:-.375rem}}@media(max-width:41.56125em){.menu__link span{display:none}}.menu__link:after{content:"";width:0;height:.125rem;background:#fff;position:absolute;bottom:0;left:0;transition:width .3s}@media(any-hover:hover){.menu__link:hover:after{width:100%}}.menu__link--active:after{width:100%}.menu .icon{width:1.5625rem;height:1.5625rem}@media(max-width:41.56125em){.menu .icon{width:1.25rem;height:1.25rem}}.settings-menu{position:absolute;top:108%;right:5%;width:90%;max-width:20rem;background:var(--bg-color);box-shadow:0 0 .625rem #0006;border-radius:.25rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.is-open{max-height:28.125rem}.settings-menu-inner{padding:1.25rem;display:flex;flex-direction:column}.settings-menu-inner__links{display:flex;flex-direction:column;gap:.9375rem}.settings-menu-inner__link{display:flex;position:relative;justify-content:space-between;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:.375rem;transition:background .2s,opacity .2s;color:var(--color-text)}.settings-menu-inner__link p{flex:1;font-size:.75rem}.settings-menu-inner__link span{font-size:1.25rem;font-weight:600}@media(any-hover:hover){.settings-menu-inner__link:hover{background:var(--hover-bg);opacity:.9}}.settings-menu-inner hr{height:.0625rem;background:#9a9a9a;margin:.9375rem 0}.settings-menu-inner .icon{width:1.875rem;height:1.875rem;border-radius:50%}#dark-btn{display:flex;position:absolute;top:1.25rem;right:1.25rem;background:var(--color-border);width:2.8125rem;border-radius:.9375rem;padding:.125rem .1875rem;cursor:pointer;transition:padding-left .5s,background .5s}#dark-btn span{width:1.125rem;height:1.125rem;background:#fff;border-radius:50%;display:inline-block}#dark-btn.dark-btn-on{padding-left:1.4375rem;background:#0a0a0a}.left-sidebar{flex-basis:25%;align-self:flex-start;position:sticky;top:4.375rem;gap:.75rem;display:flex;flex-direction:column}@media(max-width:61.99875em){.left-sidebar{display:none}}.left-sidebar__imp-links,.left-sidebar__shortcut-links{display:flex;flex-direction:column;gap:.625rem;padding-bottom:1.25rem}.left-sidebar__imp-link,.left-sidebar__shortcut-link{display:flex;align-items:center;gap:.9375rem;padding:.5rem .625rem}@media(max-width:74.99875em){.left-sidebar__imp-link,.left-sidebar__shortcut-link{padding:.625rem 0;font-size:.75rem;gap:.3125rem}.left-sidebar__imp-link .icon,.left-sidebar__shortcut-link .icon{width:.9375rem;height:.9375rem}}.left-sidebar__imp-link,.left-sidebar__shortcut-link{transition:background .2s,opacity .2s;color:var(--color-text)}@media(any-hover:hover){.left-sidebar__imp-link:hover,.left-sidebar__shortcut-link:hover{background:var(--hover-bg);opacity:.9}}.left-sidebar__imp-link--see-more{color:var(--nav-color);font-weight:500}@media(any-hover:hover){.left-sidebar__imp-link--see-more:hover{text-decoration:underline}}.left-sidebar__imp-links{border-bottom:.0625rem solid var(--color-border)}.left-sidebar__imp-links .icon{width:1.5625rem;height:1.5625rem;flex-shrink:0;color:var(--nav-color)}.left-sidebar__shortcut-links{padding-top:1.5625rem}.left-sidebar__img{width:2.5rem;border-radius:.25rem}.left-sidebar__sub-title{font-weight:500}.main-content{flex-basis:47%;display:flex;flex-direction:column;gap:1.25rem}@media(max-width:61.99875em){.main-content{flex-basis:100%}}.story-gallery{display:flex;justify-content:space-between;gap:.3125rem}.story-gallery__item{flex-basis:18%;padding-top:32%;position:relative;background-position:center;background-size:cover;border-radius:.625rem}.story-gallery__item--upload{position:relative;background-image:linear-gradient(transparent,#00000080),url(/images/status/status-1.png)}.story-gallery__item--upload .story-gallery__img{position:absolute;top:unset;left:50%;bottom:2.5rem;transform:translate(-50%);border:0;width:2.1875rem;aspect-ratio:1;cursor:pointer}@media(max-width:61.99875em){.story-gallery__item--upload .story-gallery__img{width:1.5625rem;bottom:1.875rem}}.story-gallery__item:nth-child(2){background-image:linear-gradient(transparent,#00000080),url(/images/status/status-2.png)}.story-gallery__item:nth-child(3){background-image:linear-gradient(transparent,#00000080),url(/images/status/status-3.png)}.story-gallery__item:nth-child(4){background-image:linear-gradient(transparent,#00000080),url(/images/status/status-4.png)}.story-gallery__item:nth-child(5){background-image:linear-gradient(transparent,#00000080),url(/images/status/status-5.png)}.story-gallery__avatar{position:absolute;top:.625rem;left:.625rem}@media(max-width:61.99875em){.story-gallery__avatar{top:.3125rem;left:.3125rem}}.story-gallery__name{position:absolute;bottom:.625rem;width:100%;text-align:center;color:#fff;font-size:.875rem}@media(max-width:61.99875em){.story-gallery__name{font-size:.625rem}}.write-post{width:100%;background:var(--bg-color);border-radius:.375rem;padding:1.25rem;color:#626262}.write-post__user{display:flex;gap:.625rem}.write-post__user-info{display:flex;flex-direction:column;gap:.3125rem}.write-post__user-info h3{font-weight:600;color:#626262}.write-post__user-info small{font-size:.75rem}.write-post__input{display:flex;flex-direction:column;gap:.625rem;padding-left:3.4375rem;padding-top:1.25rem}@media(max-width:61.99875em){.write-post__input{padding-left:0}}.write-post__textarea{width:100%;outline:0;border-bottom:.0625rem solid var(--color-border);background:transparent;resize:none;font-size:.8125rem}.write-post__actions{display:flex;flex-wrap:wrap;gap:.625rem 1.875rem}.write-post__actions .icon{width:1.25rem;height:1.25rem}@media(max-width:47.99875em){.write-post__actions .icon{width:.9375rem;height:.9375rem}}@media(max-width:47.99875em){.write-post__actions{gap:.625rem}}.write-post__action-link{display:flex;align-items:center;gap:.625rem;color:#626262;font-size:.8125rem}@media(max-width:61.99875em){.write-post__action-link{font-size:.75rem;gap:.3125rem}}.load-more-btn{display:block;margin:auto;padding:.3125rem .625rem;border:.0625rem solid #9a9a9a;color:var(--color-text);background:transparent;border-radius:.25rem;font-size:.8125rem}.post{width:100%;background:var(--bg-color);border-radius:.375rem;padding:1.25rem;color:#626262;padding-block:1.25rem}.post--first .post__activity-item:first-child .icon{color:var(--nav-color)}.post__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.625rem}.post__user-profile{display:flex;gap:.625rem}.post__author{font-weight:500}.post__date{font-size:.8125rem;color:#9a9a9a}.post__text{color:#9a9a9a;margin:.9375rem 0;font-size:.9375rem}.post__link{color:var(--nav-color)}.post__img{width:100%;border-radius:.25rem;margin-bottom:.3125rem}.post__activity{display:flex;gap:1.875rem}.post__activity-item{display:inline-flex;align-items:center;gap:.625rem}.post__activity-item .icon{inline-size:1.125rem;block-size:1.125rem}.post__profile-icon{display:flex;align-items:center;gap:.3125rem}#posts-container{display:flex;flex-direction:column;gap:1.25rem}.right-sidebar{flex-basis:25%;align-self:flex-start;position:sticky;top:4.375rem;display:flex;flex-direction:column;gap:1.25rem;background-color:var(--bg-color);padding:1.25rem;border-radius:.25rem;color:#626262}@media(max-width:61.99875em){.right-sidebar{display:none}}.sidebar-events__list{display:flex;flex-direction:column;gap:1.25rem}.sidebar-events__item{display:flex;font-size:.875rem;gap:.9375rem}.sidebar-events__left-item{border-radius:.625rem;height:4.0625rem;width:4.0625rem;padding-top:.625rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 .625rem #0000001a}.sidebar-events__left-item span{position:absolute;bottom:0;left:0;width:100%;background-color:#1876f2;color:#fff;font-size:.625rem;padding:.25rem 0}.sidebar-events__left-item p,.sidebar-events__left-item a{font-size:.75rem}.sidebar-events__left-item a{color:var(--nav-color)}.sidebar-events__right-item h4{font-size:1rem;font-weight:600}.sidebar-events__right-item p{font-size:.75rem}.sidebar-events__right-item a{color:var(--nav-color)}.sidebar-title-box{display:flex;justify-content:space-between;align-items:center;gap:.625rem;font-size:1rem;padding-top:.625rem;margin-bottom:1.125rem}.sidebar-title-box__title{font-weight:600}.sidebar-title-box__button{font-size:.75rem;color:var(--nav-color)}.sidebar-ads__img{width:100%;border-radius:.25rem;max-height:0;overflow:hidden;transition:max-height .6s ease}.sidebar-ads .is-open{max-height:28.125rem}.sidebar-chat{width:100%;padding-bottom:1.25rem;border-radius:.25rem}.sidebar-chat__list{display:flex;flex-direction:column;gap:1.25rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar-chat .is-open{max-height:28.125rem}.sidebar-chat__item{display:flex;gap:.9375rem;align-items:center}.sidebar-chat__online:after{top:unset;bottom:.0625rem}.profile-details{background:var(--bg-color);padding:1.25rem;border-radius:.25rem;display:flex;flex-wrap:wrap;gap:.9375rem;align-items:flex-start;justify-content:space-between}.profile-details__row{display:flex;align-items:flex-start}.profile-details__image{margin-right:1.25rem;width:100%;cursor:pointer;aspect-ratio:1/1;object-fit:cover;border-radius:.375rem;width:6.25rem}@media(max-width:41.56125em){.profile-details__image{margin-right:.625rem;width:5.625rem}}.profile-details__name{font-size:1.5625rem;font-weight:600}@media(max-width:61.99875em){.profile-details__name{font-size:1rem}}.profile-details__stats{font-size:.8125rem}.profile-details__avatars{display:flex;gap:.75rem}.profile-details__right{display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1.875rem}@media(max-width:61.99875em){.profile-details__right{row-gap:.9375rem}}.profile-details__actions{display:flex;flex-wrap:wrap;gap:.625rem}.profile-details__action-btn{display:flex;justify-content:space-between;gap:.3125rem;background:#1876f2;border:0;outline:0;padding:.375rem .625rem;display:inline-flex;align-items:center;color:#fff;border-radius:.1875rem;cursor:pointer;height:2rem;font-size:.875rem}.profile-details__action-btn--color{background:#e4e6eb;color:#000}.profile-details__more{background:#e4e6eb;border-radius:.1875rem;padding:.3125rem .75rem;display:inline-flex;align-self:flex-end}@media(max-width:61.99875em){.profile-details__more{align-self:flex-start}}.profile-details__more .icon{width:1.25rem;height:.3125rem}.profile-details .icon{inline-size:.9375rem;block-size:.9375rem}.profile-info{display:flex;align-self:flex-start;justify-content:space-between;flex-wrap:wrap}.profile-info__col{display:flex;flex-direction:column;gap:1.25rem}.profile-info__col--info{flex-basis:33%}.profile-info__col--posts{flex-basis:65%}@media(max-width:61.99875em){.profile-info__col--info,.profile-info__col--posts{flex-basis:100%}.profile-info__col--info:not(:last-child),.profile-info__col--posts:not(:last-child){margin-bottom:20px}}.intro{background:var(--bg-color);padding:1.25rem;border-radius:.25rem;display:flex;flex-direction:column;gap:.9375rem}.intro__title{font-weight:600}.intro__text{text-align:center;margin:.625rem 0;font-size:.9375rem}.intro__divider{height:.0625rem;background:var(--color-border);margin:1.5rem 0}.intro__list{display:flex;flex-direction:column;gap:.9375rem}.intro__item{font-size:.9375rem;display:flex;align-items:center;gap:.9375rem}.intro .icon{width:1.25rem;height:1.25rem;margin-bottom:-.1875rem}.photos{background:var(--bg-color);padding:1.25rem;border-radius:.25rem;display:flex;flex-direction:column;gap:.9375rem}.photos__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.625rem}.photos__img{width:100%;cursor:pointer;aspect-ratio:1/1;object-fit:cover;border-radius:.375rem}.friends{background:var(--bg-color);padding:1.25rem;border-radius:.25rem;display:flex;flex-direction:column;gap:.9375rem}.friends__count{text-align:left;font-size:.875rem}.friends__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.625rem}.friends__item{display:flex;flex-direction:column;gap:6px}.friends__img{width:100%;cursor:pointer;aspect-ratio:1/1;object-fit:cover;border-radius:.375rem}.avatar{border-radius:50%;overflow:hidden;width:3rem;aspect-ratio:1;cursor:pointer}@media(max-width:61.99875em){.avatar{width:1.5625rem}}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar--bordered{border:.3125rem solid var(--nav-color)}@media(max-width:61.99875em){.avatar--bordered{border-width:.1875rem}}.avatar--size-45{width:2.8125rem}.avatar--size-25{width:1.5625rem}.avatar--size-40{width:2.5rem}@media(max-width:61.99875em){.avatar--size-40{width:1.875rem}}.avatar--size-22{width:1.375rem}
