.posts{display:flex;flex-direction:column;align-items:center;gap:21px}.post{display:flex;flex-direction:column;border:1px solid #595959;width:700px;border-radius:14px;padding:16px 19px;gap:7px;a,div{display:flex;gap:14px}.post-pfp{height:42px;width:42px;border-radius:50%;background-position:cover}.post-author-container{display:flex;flex-direction:column;justify-content:center;gap:3px;.upper{display:flex;align-items:center;gap:14px}.post-author{font-weight:700}.date,.post-author-name{color:#969696;font-size:.8em}}.post-tags{color:#c6a4ff;font-size:.9em;display:flex;flex-direction:row;gap:14px}.post-image{aspect-ratio:16/9;width:90%;background-position:50%;object-fit:cover;border-radius:14px;margin:10px auto auto;display:block;cursor:pointer}.post-stats-container{display:flex;flex-direction:row;align-items:center;gap:21px;.icon{aspect-ratio:1/1;height:21px}.comments-stats-container,.like-container{display:flex;gap:7px;justify-content:center;align-items:center;*{margin:0}}}}.filter-container{display:flex;position:fixed;right:251px;align-items:center;font-weight:700;background:rgba(0,0,0,.49);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(6.6px);padding:10px 14px;border:1px solid #3b3b3b;border-radius:14px;cursor:pointer;&:hover{background-color:#1e1e1e}}.image-modal{img{&:hover{scale:1.01}}}.post-author-link{display:flex;align-items:center;text-decoration:none}.heart-icon.icon.post-like-icon.clickable,.post-image-clickable{cursor:pointer}.heart-icon.icon.post-like-icon.not-allowed{cursor:not-allowed}.heart-icon.icon.post-like-icon.loading{opacity:.5}.comment-icon.icon.post-comment-icon.clickable{cursor:pointer}.post-comment-container{background:#232323;border-radius:10px;margin:10px 0 0;padding:10px 14px;display:flex;align-items:center;gap:10px;*{display:flex;align-items:center;margin:0}}.comment-author-link{text-decoration:none}.comment-pfp{width:32px;height:32px}.comment-pfp,.comment-pfp-sm{border-radius:50%;object-fit:cover}.comment-pfp-sm{width:28px;height:28px}.comment-author-link-text{color:#c6a4ff;font-weight:600;text-decoration:none}.comment-likes{margin-left:8px;color:#969696;font-size:.95em;white-space:nowrap}.comment-likes.clickable{cursor:pointer}.comment-likes.not-allowed{cursor:not-allowed}.comment-likes.loading{opacity:.5}.comment-content{color:#fff}.post-comment-list{margin-top:8px;display:flex;flex-direction:column;gap:8px}.post-comment-list-item{background:#232323;border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:10px}.comment-form{margin-top:10px;display:flex;gap:8px;align-items:center}.comment-input{flex:1 1;padding:7px 12px;border-radius:8px;border:1px solid #595959;background:#232323;color:#fff}.comment-send-btn{background:#c6a4ff;color:#181818;border:none;border-radius:8px;padding:7px 18px;font-weight:600;cursor:pointer}.comment-send-btn:disabled{cursor:not-allowed;opacity:.7}.comment-error{color:#ff6c6c;margin-top:4px}.image-modal{position:fixed;top:0;left:0;z-index:1000;width:100vw;height:100vh;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;cursor:zoom-out}.image-modal-inner{position:relative}.image-modal-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:16px;box-shadow:0 0 24px #000;background:#222;display:block}.image-modal-download{position:absolute;top:16px;right:16px;background:#181818cc;border-radius:8px;padding:6px;display:flex;align-items:center;justify-content:center}.download-icon-img{width:28px;height:28px}@media (max-width:768px){.posts{padding:14px}.post{width:100%}.filter-container{display:none}}