.postMain{display:flex;flex-direction:row;flex-grow:1;gap:10px;overflow:hidden;margin-top:20px;min-height:95%}.postLeft{overflow:hidden;flex-grow:1;width:70%;display:flex;flex-direction:column;gap:10px;background-attachment:local}.postRight{width:30%}.postFilter{flex-shrink:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px}.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:0 0 30px #0000001a,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-clip:padding-box,border-box;background-origin:padding-box,border-box}.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}
