@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap");@import url("https://unicons.iconscout.com/release/v4.0.0/css/line.css");:root{--dark-color-lightness:17%;--light-color-lightness:95%;--white-color-lightness:100%;--color-white:hsl(252,30%,var(--white-color-lightness));--color-light:hsl(252,30%,var(--light-color-lightness));--color-gray:#9e98b3;--color-primary:#6b4de6;--color-primary-pale:rgba(107,77,230,.2);--color-secondary:#d6ccff;--color-success:#51fb51;--color-danger:#fb5151;--color-warning:#fbc251;--color-info:#51c2fb;--color-dark:hsl(252,30%,var(--dark-color-lightness));--color-black:#151221;--color-shadow:rgba(51,51,51,.16);--primary-shadow:0 0.75rem 2rem rgba(107,76,230,.16);--radius:2rem;--card-radius:1rem;--btn-padding:0.6rem 2rem;--search-padding:0.6rem 1rem;--card-padding:1rem;--sticky-top-sidebar:5.4rem;--navbar-height:70px}*,:after,:before{box-sizing:border-box;margin:0;padding:0;list-style:none;border:none;text-decoration:none;font-family:Poppins,sans-serif}body{color:var(--color-dark);background:var(--color-light);overflow-x:hidden}body[data-theme=dark]{--dark-color-lightness:95%;--light-color-lightness:20%;--white-color-lightness:15%;--color-white:hsl(252,30%,var(--white-color-lightness));--color-light:hsl(252,30%,var(--light-color-lightness));--color-dark:hsl(252,30%,var(--dark-color-lightness));--color-shadow:var(--color-black)}::-moz-selection{background:var(--color-primary);color:var(--color-white)}::selection{background:var(--color-primary);color:var(--color-white)}:focus{outline:2px solid var(--color-primary);outline-offset:.25rem}.font-i{font-style:italic}::-webkit-scrollbar{--size:0.35rem;width:var(--size);height:var(--size)}::-webkit-scrollbar-thumb{border-radius:1rem;background:var(--color-primary)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray)}img{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}img,picture{display:block}a,a:visited{color:var(--color-primary)}.container{width:90%;max-width:1400px;margin:0 auto}.profile-photo{width:2.7rem;height:2.7rem;aspect-ratio:1;border-radius:50%}.profile-photo>*{width:100%!important;height:100%!important}.text-sm{font-size:.85rem}.btn{display:inline-block;padding:var(--btn-padding);border-radius:var(--radius);cursor:pointer;transition:opacity .3s ease-in}.btn:hover{opacity:.8}.btn.primary{background:var(--color-primary);color:#fff}.text-bold{font-weight:500}.text-muted{color:var(--color-gray)}.subtitle{font-size:1.2rem;margin-bottom:.5rem}.subtitle-sm{font-size:1.125rem;margin:1rem 0 .5rem}.text-primary{color:var(--color-primary)}.theme-btn{--size:2.5rem;width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;border:none;border-radius:50%;font-size:1.4rem;cursor:pointer}.dark-theme-icon{display:none}.theme-checkbox+.light-theme-icon{display:block}.theme-checkbox:checked~.light-theme-icon{display:none}.theme-checkbox:checked~.dark-theme-icon{display:block}.navbar{width:100vw;background:var(--color-white);height:var(--navbar-height);position:fixed;padding:.7rem 0;top:0;z-index:10}.navbar .container{display:grid;grid-template-columns:.25fr 1fr .25fr;align-items:center}.search-bar{width:100%;max-width:450px;background:var(--color-light);border-radius:var(--radius);padding:var(--search-padding);display:flex;align-items:center;gap:1rem;position:relative}.search-input{background:transparent;font-size:.9rem;color:var(--color-dark);width:100%}.search-input::-moz-placeholder{color:var(--color-gray)}.search-input::placeholder{color:var(--color-gray)}.search-input:focus{outline:none}.navbar .create{display:flex;align-items:center;gap:2rem}main{position:relative;top:5.4rem;width:90%;max-width:1400px;margin:0 auto}main .container{width:100%;display:grid;grid-template-columns:18% auto 22%;-moz-column-gap:1rem;column-gap:1rem;position:relative}.container .left{height:-moz-max-content;height:max-content;position:sticky;top:var(--sticky-top-sidebar)}.profile-link{padding:var(--card-padding);background:var(--color-white);border-radius:var(--card-radius);display:flex;align-items:center;-moz-column-gap:1rem;column-gap:1rem;width:100%}.handle{width:100%;overflow:hidden}.handle h4,.handle p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:15ch}.sidebar{margin-top:1rem;background:var(--color-white);border-radius:var(--card-radius)}.sidebar .menu-item{display:flex;align-items:center;height:4rem;cursor:pointer;transition:background .3s ease-in-out;position:relative}.sidebar .menu-item:hover{background:var(--color-light)}.sidebar i{font-size:1.4rem;color:var(--color-gray);margin-left:1rem;position:relative}.notification-count{background:var(--color-danger);color:#fff;font-size:.7rem;border-radius:.8rem;padding:.1rem .4rem;position:absolute;top:-.2rem;right:-.3rem}.menu-item-text{margin-left:1.5rem;font-size:1rem;font-weight:600;color:var(--color-dark)}.menu-item.active{background:var(--color-light)}.menu-item.active .menu-item-icon i,.menu-item.active .menu-item-text{color:var(--color-primary)}.menu-item.active:before{content:"";display:block;position:absolute;width:.5rem;height:100%;background:var(--color-primary)}.menu-item:first-child.active{border-top-left-radius:var(--card-radius);overflow:hidden}.menu-item:last-child.active{border-bottom-right-radius:var(--card-radius)}.left .btn{margin-top:1rem;width:100%;text-align:center;padding:1rem 0}.menu-item-popup{top:0;left:110%;width:30rem;border-radius:var(--card-radius);padding:var(--card-padding);box-shadow:0 0 2rem var(--color-shadow);display:none}.menu-item-popup,.menu-item-popup:before{position:absolute;background:var(--color-white)}.menu-item-popup:before{content:"";display:block;width:1.2rem;height:1.2rem;left:-.6rem;transform:rotate(45deg)}.popup-item{display:flex;align-items:flex-start;gap:1rem;padding:.5rem;border-radius:var(--card-radius);transition:background .3s ease-in-out}.popup-item:hover{background:var(--color-light)}.popup-item small{display:block}.middle{position:relative;z-index:0}.story-list{height:12rem;gap:.5rem}.story,.story-list{display:flex;justify-content:space-between}.story{padding:var(--card-padding);flex-direction:column;align-items:center;color:#fff;font-size:.75rem;position:relative;cursor:pointer;background-size:cover;background-position:50%;background-repeat:no-repeat}.story,.story:before{border-radius:var(--card-radius);width:100%}.story:before{content:"";display:block;height:5rem;background:linear-gradient(transparent,rgba(0,0,0,.75));position:absolute;bottom:0}.story-name{position:relative}.story .profile-photo{width:2.5rem;height:2.5rem;align-self:center;border:3px solid var(--color-primary)}.create-post-form{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:1rem;gap:1rem;background:var(--color-white);padding:.4rem var(--card-padding);border-radius:var(--card-radius)}.create-post-input{outline:none;justify-self:start;width:100%;background:transparent;color:var(--color-dark)}.feed{background:var(--color-white);border-radius:var(--card-radius);padding:var(--card-padding);margin:1rem 0;font-size:.85rem;line-height:1.5;display:block}.feed-head{display:flex;justify-content:space-between;align-items:center}.feed-user{display:flex;gap:1rem}.feed-body{cursor:pointer;height:300px}.feed-body img{transition:transform .15s ease-in}.feed-body:hover img{transform:scale(1.05) rotate(.5deg)}.feed-photo{border-radius:var(--card-radius);overflow:hidden;margin:.7em 0;height:100%}.feed-interactions{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;margin:.6rem .6rem 0}.feed-interactions-buttons{display:flex;gap:.5rem}.feed-interaction-button{cursor:pointer;transition:color .3s ease-in-out}.feed-interaction-button:hover{color:var(--color-primary)}.feed-footer{width:100%;position:relative}.feed-title{font-size:1.5rem;font-weight:600;transition:color .3s ease-in;cursor:pointer}.feed-title:hover{color:var(--color-primary)}.feed-tag-list{margin-top:.5em;display:flex;gap:.5rem;flex-wrap:wrap}.feed-tag{cursor:pointer}.feed-tag-text{font-size:.8rem;padding:.125rem .5rem;border-radius:1rem;color:#fff;background:var(--color-primary);transition:color .3s ease-in,background .3s ease}.feed-tag-text:hover{background:var(--color-white);color:var(--color-primary)}.feed-likeBy{display:flex;align-items:center}.likeBy-photo{width:1.4rem;height:1.4rem;border-radius:50%;display:block;overflow:hidden;border:2px solid var(--color-white);margin-left:-.6rem}.likeBy-photo:first-child{margin:0}.likeBy-text{margin-left:.5rem}.feed-comment-summary{cursor:pointer;transition:-webkit-text-decoration .3s ease;transition:text-decoration .3s ease;transition:text-decoration .3s ease,-webkit-text-decoration .3s ease}.feed-comment-summary:hover{text-decoration:underline}.right{height:-moz-max-content;height:max-content;position:sticky;top:calc(var(--navbar-height) + 1rem);bottom:0}.messages-container{background:var(--color-white);border-radius:var(--card-radius);padding:var(--card-padding)}.messages-container i{font-size:1.4rem}.messages-head{justify-content:space-between}.messages-head,.messages-search-bar{display:flex;align-items:center;margin-bottom:1rem}.messages-search-bar i{font-size:.85rem}.messages-search-bar input{background:transparent;outline:none;margin-left:.5em}.messages-category{display:flex;justify-content:space-between;margin-bottom:1rem}.message-category-text{width:100%;text-align:center;border-bottom:4px solid var(--color-light);padding-bottom:.5rem;font-size:.8rem;cursor:pointer}.message-category-text.active{border-color:var(--color-dark)}.messages-list{flex-direction:column}.message,.messages-list{display:flex;gap:1rem}.message-text{font-size:.85rem;max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.message.isActive .profile-photo{position:relative}.message.isActive .profile-photo:before{z-index:1;content:"";display:block;position:absolute;width:.8em;height:.8rem;border-radius:50%;border:3px solid var(--color-white);background:var(--color-success);bottom:0;right:0}.friend-request-container{margin-top:1rem}.friends-request-title{color:var(--color-gray);margin:1rem 0}.friend-request{background:var(--color-white);padding:var(--card-padding);border-radius:var(--card-radius);margin-bottom:.7rem}.friend-request-info{display:flex;gap:1rem;margin-bottom:1rem}.friend-request-data-text{font-size:.85rem}.friend-request-action{display:flex;gap:1rem}@media screen and (max-width:1200px){.container{width:96%}.sidebar i{margin-left:2rem}main .container{grid-template-columns:5rem auto 30vw;gap:1rem}.left{width:5rem;z-index:5}.left .btn,.menu-item-text,.profile-link{display:none}}@media screen and (max-width:992px){.navbar .search-bar{display:none}main .container{grid-template-columns:0 auto 5rem;gap:0}.container .left{grid-column:3/4;position:fixed;bottom:0;right:0}.menu-item-popup{position:absolute;left:-20rem;width:20rem}.menu-item-popup:before{top:1.3rem;left:calc(20rem - .6rem);display:block}.middle{grid-column:1/3}.right{display:none}}.tooltip_container__qBWq_{position:relative}.tooltip_content__NpGz4{display:none;opacity:0;position:absolute;padding:.75rem;top:2.75rem;right:0;background:var(--color-white);border-radius:.5rem;box-shadow:var(--primary-shadow);transition:display .3s ease-in-out,opacity .3s ease-in-out}.tooltip_container__qBWq_:hover .tooltip_content__NpGz4{display:block;opacity:1}.avatar_avatar__EpMCu{--size:2rem;position:relative;width:var(--size);height:var(--size);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--white)}.avatar_avatar__EpMCu[data-size=xs]{--size:1.5rem}.avatar_avatar__EpMCu[data-size=sm]{--size:2rem}.avatar_avatar__EpMCu[data-size=md]{--size:3rem}.avatar_avatar__EpMCu[data-size=lg]{--size:4rem}.avatar_avatar__EpMCu[data-size=xl]{--size:5rem}.avatar_avatar__EpMCu[data-bordered=true]{padding:.25rem;background:var(--primary-light)}.avatar_avatar__EpMCu .avatar_icon__9aigs{all:inherit;width:100%;height:100%;background:var(--grey-light);color:#fff}.avatar_avatar__EpMCu *{border-radius:inherit}.avatar_avatar__EpMCu img{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.avatar_avatar__EpMCu .avatar_bothContainer__6i1M_{all:inherit;width:100%;height:100%;padding:0;position:relative}.avatar_avatar__EpMCu .avatar_bothContainer__6i1M_ .avatar_icon__9aigs[data-has-both]{position:absolute;top:0;left:0;background:var(--grey-light-85)}.avatar_avatar__EpMCu .avatar_bothContainer__6i1M_ img{width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.loader_loader__BCyDN{--loader-size:2rem;width:var(--loader-size);height:var(--loader-size);border-radius:50%;display:inline-block;border-top:3px solid var(--loader-color);border-right:3px solid transparent;box-sizing:border-box;animation:loader_rotation__eABRr .75s linear infinite}.loader_loader__BCyDN[data-color=primary]{--loader-color:var(--color-primary)}.loader_loader__BCyDN[data-color=secondary]{--loader-color:var(--color-secondary)}.loader_loader__BCyDN[data-color=success]{--loader-color:var(--color-success)}.loader_loader__BCyDN[data-color=danger]{--loader-color:var(--color-danger)}.loader_loader__BCyDN[data-color=warning]{--loader-color:var(--color-warning)}.loader_loader__BCyDN[data-color=info]{--loader-color:var(--color-info)}.loader_loader__BCyDN[data-color=light]{--loader-color:var(--color-light)}.loader_loader__BCyDN[data-color=dark]{--loader-color:var(--color-dark)}@keyframes loader_rotation__eABRr{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button_btn__9rgQ6{display:flex;align-items:center;gap:.5rem;padding:var(--btn-padding);border-radius:var(--radius);cursor:pointer;transition:opacity .3s ease-in;background:var(--btn-color)}.button_btn__9rgQ6 *{color:var(--color-light)}.button_btn__9rgQ6[data-disabled=true],.button_btn__9rgQ6[disabled]{opacity:.5;cursor:not-allowed}.button_btn__9rgQ6[data-disabled=true]{pointer-events:none}.button_btn__9rgQ6[data-color=primary]{--btn-color:var(--color-primary)}.button_btn__9rgQ6[data-color=primary] *{color:#fff}.button_btn__9rgQ6[data-color=secondary]{--btn-color:var(--color-secondary)}.button_btn__9rgQ6[data-color=secondary] *{color:var(--color-black)}.button_btn__9rgQ6[data-color=success]{--btn-color:var(--color-success)}.button_btn__9rgQ6[data-color=danger]{--btn-color:var(--color-danger)}.button_btn__9rgQ6[data-color=warning]{--btn-color:var(--color-warning)}.button_btn__9rgQ6[data-color=info]{--btn-color:var(--color-info)}.button_btn__9rgQ6[data-color=light]{--btn-color:var(--color-light)}.button_btn__9rgQ6[data-color=light] *{color:var(--color-black)}.button_btn__9rgQ6[data-color=dark]{--btn-color:var(--color-black)}.button_btn__9rgQ6[data-color=dark] *{color:#fff}.button_btn__9rgQ6[data-full-width=true]{width:100%}.button_btn__9rgQ6[data-border=true]{border:1px solid var(--btn-color);background:transparent}.button_btn__9rgQ6:hover{opacity:.8}.button_btn__9rgQ6.button_primary__wFXhg{background:var(--color-primary);color:#fff}.button_iconRight__v258z,.button_icon__bPs8y{display:flex;align-items:center;justify-content:center}.button_label__sAyoY{flex-grow:1}.button_label__sAyoY[data-icon=true]{padding-right:1rem}.button_label__sAyoY[data-icon-right=true]{padding-left:1rem}.tag_tags_list__DhZVv{display:flex;gap:.5rem}.tag_tag_item__GoNMP{background:var(--color-primary-pale);border-radius:4px 10px 10px 4px;display:inline-flex;justify-content:center;align-items:center;min-width:41px;height:20px;padding:0 10px 0 8px;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden}.tag_tag_item__GoNMP .tag_tag_text__a_HcG{color:var(--color-primary);font-size:11px;font-weight:500;line-height:1.1}.tag_tag_item__GoNMP[data-random-color=true]{background:var(--tag-bg)}.tag_tag_item__GoNMP[data-random-color=true] .tag_tag_text__a_HcG{color:var(--tag-text)}.searchResults_container__vK00u{position:relative}.searchResults_results__MUu3U{position:absolute;top:3.5rem;left:0;width:100%;max-height:300px;background:var(--color-white);border-radius:var(--card-radius);box-shadow:var(--primary-shadow);display:flex;flex-direction:column;padding:.5rem;overflow:auto}.searchResults_item__nbOyQ{display:flex;align-items:center;gap:.5rem;padding:.5rem;transform:background .35s ease;border-radius:calc(var(--card-radius) / 2)}.searchResults_item__nbOyQ:hover{background:var(--color-light)}.searchResults_thumbnail__wHRrD{--size:3.5rem;width:var(--size);height:var(--size);border-radius:.5rem}.searchResults_item_body__i2vWG{--size:3.5rem;width:calc(100% - var(--size) - .5rem)}.searchResults_item_title__JLYws{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;font-weight:600}.searchBar_search_bar__0_ncy{position:relative;width:100%;max-width:450px;align-self:center;justify-self:center}.searchBar_search_bar__0_ncy .searchBar_icon__Uln7l{position:absolute;display:flex;align-items:center;justify-content:center;top:0;bottom:0;left:1rem}.searchBar_search_bar__0_ncy .searchBar_input__CULqz{background:var(--color-light);border-radius:var(--radius);padding:var(--search-padding);padding-left:2.5rem;font-size:.9rem;color:var(--color-dark);width:100%;height:100%}.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}