@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap");*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif;-webkit-tap-highlight-color:transparent;letter-spacing:.9px;font-family:Bricolage Grotesque,sans-serif;font-optical-sizing:auto}::-webkit-scrollbar{visibility:hidden}:root{--red:#f55;--blue:#4169e1;--green:#30ff30}.bg-blue{background-color:var(--blue)}.c-white{color:#fff}.btn{position:relative}.btn:after{content:"";position:absolute;bottom:0;left:0;height:100%;width:100%}.c-red{color:var(--red)}.c-black{color:var(--black)}.c-green{color:var(--green)}.micro{font-size:10px}.nospace{margin:0;padding:0}.tiny{font-size:13px}.small{font-size:16px}.medium{font-size:39px}.large{font-size:60px}.wt100{font-weight:100}.bold{font-weight:400}.bolder{font-weight:600}.boldest{font-weight:800}.c-blue{color:var(--blue)}.flex{display:flex}.col{flex-direction:column}.rev-col{flex-direction:column-reverse}.row{flex-direction:row}.space-between{justify-content:space-between}.justify-center{justify-content:center}.self-center{align-self:center}.items-center{align-items:center}.center{margin:auto}.text-right{text-align:right}.text-left{text-align:left}button{border:none;cursor:pointer}a{text-decoration:none}.link:hover,a:hover,button:hover{opacity:.6}.not-visible{visibility:hidden;display:none}.visible{visibility:visible;display:initial}.fit{height:100%}.fit,.w-full{width:100%}.h-full{height:100%}.h-max{height:max-content}.w-max{width:max-content}.vh100{height:100vh}.dim{opacity:.6}.dim1{opacity:.8}:focus{outline:none;border:none}.b-none{background-color:transparent}.spin,.spin-body{height:1.3rem;width:1.3rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:1px solid transparent;border-top-color:#fff;animation:spin .3s linear infinite;-webkit-animation:spin .3s linear infinite}@keyframes spin{to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}.hline{width:100%}.hline,.vline{background-color:var(--input-bg);padding:.06rem}.vline{width:1%;height:100%}.link{cursor:pointer;opacity:.9;text-decoration:underline}.in-left{animation:inleft .3s;-webkit-animation:inleft .3s}@keyframes inleft{to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}0%{transform:translateX(-100rem);-webkit-transform:translateX(-100rem);-moz-transform:translateX(-100rem);-ms-transform:translateX(-100rem);-o-transform:translateX(-100rem)}}.in-right{animation:inright .3s;-webkit-animation:inright .3s}@keyframes inright{to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}0%{transform:translateX(100rem);-webkit-transform:translateX(100rem);-moz-transform:translateX(100rem);-ms-transform:translateX(100rem);-o-transform:translateX(100rem)}}.zoom-out{animation:zoomout .3s;-webkit-animation:zoomout .3s}@keyframes zoomout{to{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}0%{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}}.glassmorphism{background:rgba(0,0,0,.199);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.gradient-bg-1{background-color:#3b2872;background-image:radial-gradient(at 0 0,#2d1d7e 0,transparent 50%),radial-gradient(at 50% 0,#fa5050 0,transparent 50%),radial-gradient(at 100% 0,#572d9b 0,transparent 50%);height:100vh;transition:1s}.upper{text-transform:uppercase}textarea{border:none;padding:1.3rem;min-height:13rem}.draft,textarea{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.draft{position:relative;height:max-content;width:100%}.draft .tools{width:100%;z-index:10;display:grid;grid-template-columns:repeat(auto-fit,minmax(1rem,2rem));grid-gap:.4rem;margin-top:1rem;display:flex;place-items:center;overflow-x:auto}.textarea{position:relative;z-index:1;max-height:100%;min-height:100%;max-width:100%;min-width:100%;width:100%}.publisher form,.textarea{height:100%}section.text-bar{display:flex;flex-direction:column;height:100%}section.text-bar.not-visible{display:none}.textarea .text{background-color:transparent;z-index:1;max-height:100%;min-height:100%;max-width:100%;min-width:100%;width:100%;overflow-y:auto;font-size:12px}.under{text-decoration:underline}.post-content ul,.textarea ul{padding:.3rem 1.3rem}.textarea .placeholder{position:absolute;top:0;z-index:-1;font-size:12px}i.at{color:#4169e1;cursor:pointer}i.at,i.cont{font-style:normal}i.cont{color:#fff;text-decoration:none;font-weight:400}a.content-link{opacity:.6;text-decoration:underline;color:#fff}img.content-img{max-width:100%}img.content-img,video.content-video{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}video.content-video{width:100%;height:max-content}.draft .format-btn{width:max-content;font-size:16px;border-radius:var(--br);-webkit-border-radius:var(--br);-moz-border-radius:var(--br);-ms-border-radius:var(--br);-o-border-radius:var(--br);display:flex;place-items:center;z-index:10;opacity:.8;margin-right:.4rem}.tools .format-btn:hover{opacity:.1}.grid{display:grid;grid-gap:1.3rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.scroll-y{overflow-y:auto}.pointer{cursor:pointer}.wrap{text-wrap:wrap;flex-wrap:wrap;word-wrap:break-word}.avater:hover{opacity:.6}.avater img{width:100%;height:100%;border-radius:inherit;-webkit-border-radius:inherit;-moz-border-radius:inherit;-ms-border-radius:inherit;-o-border-radius:inherit}.dropdown-menu{position:relative}.dropdown-menu .panel{position:absolute;background-color:var(--input-bg);box-shadow:0 0 10px #000;right:0;border-radius:var(--br2);-webkit-border-radius:var(--br2);-moz-border-radius:var(--br2);-ms-border-radius:var(--br2);-o-border-radius:var(--br2);z-index:10;display:none;width:max-content}.dropdown-menu .panel.open{display:flex;padding:.3rem 0}.dropdown-menu .panel button{padding:.3rem 3rem;background-color:var(--bg-black);margin-right:0!important}.tablinks button{background-color:transparent;color:#fff;border-radius:0;padding:.6rem;font-size:12px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0}.tablinks button.active,.tablinks button:hover{border-bottom:3px solid #4169e1}.tablinks{padding:0 1rem;border-radius:var(--br2);background-color:#15141b;-webkit-border-radius:var(--br2);-moz-border-radius:var(--br2);-ms-border-radius:var(--br2);-o-border-radius:var(--br2)}.tag{padding:0 .3rem;width:max-content;height:max-content;font-style:normal}.float-alert,.tag{background-color:var(--input-bg);border-radius:var(--br2);-webkit-border-radius:var(--br2);-moz-border-radius:var(--br2);-ms-border-radius:var(--br2);-o-border-radius:var(--br2)}.float-alert{position:fixed;bottom:1rem;right:1rem;padding:.3rem .6rem;border:1px solid hsla(0,0%,100%,.1);z-index:50}.float-alert button{font-size:20px}a.link-icon{text-decoration:none;width:max-content;height:max-content}.fa,.far{font-size:13px!important}:root{--bs:0 0 60px rgba(0,0,0,.1);--bs2:0 0 3px rgba(0,0,0,.1);--input-bg:#2b2828;--bg:#e9e9e9;--black:rgba(0,0,0,.6);--bg-black:#1a1717;--br:3rem;--br2:10px;--white:#fff}body{background-color:var(--bg-black);color:var(--white);background-color:#18171d}body,main{height:100vh}main{width:100%;left:0;right:0;top:0;bottom:0}.auth-center,main{padding:3rem}.auth form{width:20rem}.input-bar{display:flex;justify-content:space-between;place-items:center;background-color:#15141b;padding:.8rem 1rem;border-radius:var(--br);-webkit-border-radius:var(--br);-moz-border-radius:var(--br);-ms-border-radius:var(--br);-o-border-radius:var(--br)}.input-bar input{border:none;width:100%;font-weight:500;color:#fff;background-color:#15141b}.publisher input{background-color:transparent}.input-file{position:relative;cursor:pointer}.input-file.img{height:6rem;width:6rem;display:flex;place-items:center;justify-content:center;padding:0}.input-file.img img{height:100%;width:100%;border-radius:inherit;-webkit-border-radius:inherit;-moz-border-radius:inherit;-ms-border-radius:inherit;-o-border-radius:inherit}.input-file input{opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;cursor:pointer}.input-bar .icon{color:#fff;font-size:23px}form button{display:flex;place-items:center;justify-content:center;padding:1.6rem;border-radius:var(--br);-webkit-border-radius:var(--br);-moz-border-radius:var(--br);-ms-border-radius:var(--br);-o-border-radius:var(--br);background-color:#4169e1;color:#fff;height:3rem;width:100%}button .icon{font-size:23px}.toast.error{color:#ff3e3e;background-color:rgba(255,0,0,0);border-radius:var(--br);-webkit-border-radius:var(--br);-moz-border-radius:var(--br);-ms-border-radius:var(--br);-o-border-radius:var(--br);border:1px solid rgba(255,0,0,.2)}.toast.error,.toast.success{text-align:center;font-weight:bolder;padding:1rem;font-size:13px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}.toast.success{color:#0cff0c;background-color:rgba(0,255,0,0);border-radius:var(--br);-webkit-border-radius:var(--br);-moz-border-radius:var(--br);-ms-border-radius:var(--br);-o-border-radius:var(--br);border:1px solid rgba(12,255,12,.2)}@media screen and (max-width:640px){.auth-center{display:flex;flex-direction:column;padding:0}.auth{overflow:auto;padding:3rem}.auth form{width:100%;margin-bottom:1.6rem}.auth .navbrand{font-size:29px!important}}.avater{background-color:var(--input-bg);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.sidebar{max-width:max-content;min-width:max-content;width:23rem}.sidebar button{background-color:transparent;text-transform:uppercase;margin-bottom:1rem}header nav{padding:0 3rem 1rem}header .title{font-weight:600;text-transform:uppercase}header .nav-links{padding:0;border-radius:var(--br);-webkit-border-radius:var(--br);-moz-border-radius:var(--br);-ms-border-radius:var(--br);-o-border-radius:var(--br)}header button{background-color:transparent}header button:not(:last-child){margin-right:1rem}.menu-btn{visibility:hidden;display:none}@media screen and (max-width:860px){.sidebar .data{flex-direction:column}.menu-btn{visibility:visible;display:flex}.sidebar{position:fixed;z-index:1000;top:0;left:0;bottom:0;right:0;transform:translateX(100rem);-webkit-transform:translateX(100rem);-moz-transform:translateX(100rem);-ms-transform:translateX(100rem);-o-transform:translateX(100rem);width:100%;min-width:100%;max-width:100%}.sidebar .content{background-color:var(--bg-black);padding:2.3rem;box-shadow:0 0 10px hsla(0,0%,100%,.3)}.sidebar .close-bar{background-color:transparent;height:100%;padding:20rem;overflow-x:hidden}.sidebar.open{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}header nav{padding-left:0;padding-right:0}main.auth,main.home,main.profile{padding:1.3rem}}main.profile{position:fixed}.main{padding:1rem 3rem;height:100%;width:100%}.banner{border:1px solid var(--input-bg);padding:3rem;border-radius:var(--br);-webkit-border-radius:var(--br);-moz-border-radius:var(--br);-ms-border-radius:var(--br);-o-border-radius:var(--br);width:100%;min-width:100%}.banner:hover{box-shadow:0 0 10px hsla(0,0%,100%,.1)}textarea{width:100%;background-color:#15141b;color:#fff}@media screen and (max-width:640px){.main{padding:0}.banner{padding:1rem;border-radius:var(--br2);-webkit-border-radius:var(--br2);-moz-border-radius:var(--br2);-ms-border-radius:var(--br2);-o-border-radius:var(--br2);border:none}.banner:hover{box-shadow:0 0 10px hsla(0,0%,100%,0)}.banner .username{font-size:20px}.banner .email{font-size:12px}.top-nav .input-bar{padding:.6rem}}@media screen and (max-width:1123px){.banner{flex-direction:column;place-items:center}}.top-nav{padding:1rem 3rem}.post-item{margin-bottom:1rem;min-width:100%}.post-item .icon{font-size:16px}.post-item .icon .num{font-weight:300}.comment-item{margin-bottom:1rem}.post-item .content{min-width:100%;width:100%;position:relative;overflow:hidden}.post-item .content:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.post-item .text-content{display:flex;flex-direction:column}.post .actions button,.post-item .actions button{display:flex;font-size:13px!important}.follow-btn{padding:.3rem 1rem;width:max-content;border:1px solid var(--input-bg);border-radius:var(--br);-webkit-border-radius:var(--br);-moz-border-radius:var(--br);-ms-border-radius:var(--br);-o-border-radius:var(--br)}.mini-user-bar{margin-bottom:1rem}@media screen and (max-width:840px){.top-nav{padding:1rem 0 1.3rem}.main{padding:0}.mini-user-bar h3{font-size:16px}}.notifications .notification-section{display:flex;flex-direction:column-reverse}.notification-bar{margin-bottom:.6rem;padding:.6rem;border-radius:var(--br2);-webkit-border-radius:var(--br2);-moz-border-radius:var(--br2);-ms-border-radius:var(--br2);-o-border-radius:var(--br2)}.notification-bar:hover{background-color:var(--input-bg);cursor:pointer}.notification-bar .icon{font-size:20px;min-height:1.5rem;min-width:1.5rem}.bell{position:relative}.bell .bell-tag{position:absolute;height:.8rem;width:.8rem;padding:.1rem;right:-3px;top:-3px;background-color:#4169e1;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;display:flex;place-items:center;justify-content:center;font-size:9px;border:1px solid #fff}.publisher .input-bar{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:transparent;padding:0}.publisher .input-bar input{font-weight:600;font-size:20px}@media screen and (max-width:840px){.notification-bar{padding:0 0 1rem}.notification-bar:hover{background-color:transparent;cursor:pointer}}.main-post-link{padding:.3rem .6rem;background:var(--input-bg);border-radius:var(--br2);-webkit-border-radius:var(--br2);-moz-border-radius:var(--br2);-ms-border-radius:var(--br2);-o-border-radius:var(--br2);cursor:pointer}.usernames{position:relative;background-color:rgba(26,23,23,.534);color:#fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;cursor:pointer;z-index:100;bottom:0;width:max-content;-webkit-backdrop-filter:blur(4rem);backdrop-filter:blur(4rem);margin-top:.4rem}.usernames .name{padding:.4rem}