.postFilter{flex-shrink:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px;margin-top:10px;max-height:60px;opacity:1;overflow:hidden;transition:all .4s cubic-bezier(.25,1,.5,1)}.postFilter.hide-filter{max-height:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;opacity:0!important;pointer-events:none}.tabWrapper{position:relative;display:inline-block}.postsGroupFilter ul{display:flex;align-items:center;border:1px solid rgb(255 255 255 / .07);overflow:hidden;border-radius:10px;padding:0;margin:0;background:#40363626;list-style:none;white-space:nowrap}.postsGroupFilter ul li{display:flex;align-items:center;border-radius:10px;transition:background-color .2s ease}.postsGroupFilter button{color:#8b8b8b;padding:10px 20px;border:none;cursor:pointer;font-weight:500;background:transparent}.greyLayer .filterBtn{color:#d3d3d3;transition:color .15s ease}.filterList li:hover{background-color:#f6f6f621}.postsGroupFilter ul .divider{width:1px;height:14px;background:#ffffff14;flex-shrink:0;display:block;transition:opacity .15s ease}.greyLayer li:hover+.divider{opacity:0}.greyLayer .divider:has(+li:hover){opacity:0}.maskSlider{position:absolute;left:0;top:0;height:100%;background:#94242a;border-radius:10px;box-shadow:0 0 15px #ff252566;border:1px solid var(--border-color-aside);transform:translate(-200px);overflow:hidden;pointer-events:none;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.whiteLayer{position:absolute;left:0;top:0;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.whiteLayer .filterBtn{color:#fff}.whiteLayer .divider{opacity:0!important}.postContainer{flex-grow:1;padding-right:5px;padding-bottom:20px;display:flex;flex-direction:column;gap:15px;overflow-y:auto;overflow-y:overlay}.postsTimeFilter{position:relative;text-align:center;width:85px;transition:.2s ease;padding:10px 20px;cursor:pointer;color:#8b8b8b;border-radius:10px;background:#40363626;border:1px solid rgb(255 255 255 / .07)}.postsTimeFilter:hover{color:#d3d3d3;background-color:#f6f6f621}.card svg,img{width:15px}.card{border-radius:15px;padding:10px 20px;background-color:#0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.2s;box-shadow:inset 0 0 20px #ffffff0a;display:flex;flex-direction:column;gap:14px;border:1px solid transparent;background-image:linear-gradient(#0000002e,#0000002e),radial-gradient(circle at 10% 20%,rgba(255,26,26,.25) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(179,0,0,.22) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,0,50,.1) 0%,transparent 60%);background-size:100% 200%;background-attachment:local;background-position:0% 0%;transition:background-position .1s ease-out}.card:nth-child(4n+1){background-position:10% 15%}.card:nth-child(4n+2){background-position:85% 90%}.card:nth-child(4n+3){background-position:50% 50%}.card:nth-child(4n+4){background-position:90% 20%}.postTime{color:#909090ab;font-size:13px;display:flex;flex-direction:row;align-items:center;gap:5px}.postTime>span{display:flex;align-items:center;flex-direction:row;gap:5px}.headerZone{display:flex;justify-content:space-between;flex-direction:row;align-items:flex-start}.headerZone .logoPostInf{display:flex;align-items:center;flex-direction:row;gap:15px}.headerZone img{width:36px;background:#510808;border-radius:50%}.actionZone{display:flex;justify-content:space-between;flex-direction:row}.actionZone .leftSideIcons{display:flex;gap:calc(10px + 2vw)}.actionZone button{border:none;background:none;outline:none;display:inline-flex;align-items:center;flex-direction:row;color:#aaaaaaed;gap:6px;cursor:pointer}.actionZone svg{width:15px}.rightInfoCards{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:10px;height:100%;width:100%}.postRight .createPost{border:none;outline:none;background:#c1242b;color:#e1e1e1;padding:10px calc(20px + 1.4vw);border-radius:10px;cursor:pointer;margin-top:12px;margin-bottom:15px}.rightInfoCards>div{display:flex;flex-direction:column;gap:20px;min-height:30%;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#3232322e;background-image:linear-gradient(#00000063,#0003),radial-gradient(circle at 10% 20%,rgb(255 26 26 / .13) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgb(179 0 0 / .09) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgb(255 0 50 / .03) 0%,transparent 60%);background-size:100% 200%;border-radius:15px;padding:20px}.rightInfoCards .topic{border-bottom:1px solid #f6f6f614}.topic{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:10px}.infCardBody{display:flex;flex-direction:column;gap:10px}.topic span:nth-child(2){color:#909090ab;font-size:13px}.topic span:nth-child(1){font-size:14px}.firstInfCard .topic span:nth-child(1){color:#c1242b}.secondInfCard .topic button{background:none;font-size:13px;color:#c1242b;border:1px solid #c1242b;padding:5px 10px;border-radius:10px}.secondInfCard img{width:30px;background:#491a1a6e;border-radius:50%}.infSecond{display:flex;flex-direction:column}.infCardSecUser{display:flex;flex-direction:row;align-items:center;gap:1vw}.infCardMore{text-align:center}
