.banned-user-badge {
display: inline-flex;
align-items: center;
gap: 4px;
background: rgba(239, 68, 68, 0.15);
color: #ef4444;
font-size: 11px;
font-weight: 600;
padding: 2px 6px;
border-radius: 4px;
margin-left: 6px;
}
.banned-user-badge i {
font-size: 10px;
}
.banned-content-redacted {
position: relative;
color: rgba(255, 255, 255, 0.3);
font-style: italic;
}
.banned-content-redacted::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: repeating-linear-gradient(
45deg,
transparent,
transparent 2px,
rgba(239, 68, 68, 0.05) 2px,
rgba(239, 68, 68, 0.05) 4px
);
pointer-events: none;
border-radius: 4px;
}
.banned-post-card {
border: 1px solid rgba(239, 68, 68, 0.2);
}
.banned-post-card .post-text {
color: rgba(255, 255, 255, 0.35);
font-style: italic;
}
.banned-post-card .post-media {
display: none;
}
.banned-post-card .post-media-hidden {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 24px;
background: rgba(239, 68, 68, 0.08);
border-radius: 8px;
color: rgba(239, 68, 68, 0.6);
font-size: 13px;
margin-top: 12px;
}
.banned-post-card .post-media-hidden i {
font-size: 16px;
}
.banned-comment {
border-left: 2px solid rgba(239, 68, 68, 0.3);
}
.banned-comment .comment-text {
color: rgba(255, 255, 255, 0.35);
font-style: italic;
}
.banned-comment .comment-gif {
display: none;
}
.banned-reply {
border-left: 2px solid rgba(239, 68, 68, 0.3);
}
.banned-reply .reply-text {
color: rgba(255, 255, 255, 0.35);
font-style: italic;
}
.banned-reply .comment-gif {
display: none;
}
.search-result-card.banned-user .search-result-text {
color: rgba(255, 255, 255, 0.35);
font-style: italic;
}
.search-result-card.banned-user .search-result-media {
display: none;
}
.search-result-card.banned-user .search-result-bio {
color: rgba(255, 255, 255, 0.35);
font-style: italic;
}
.banned-media-placeholder {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 16px;
background: rgba(239, 68, 68, 0.08);
border-radius: 8px;
color: rgba(239, 68, 68, 0.6);
font-size: 12px;
margin-top: 8px;
}
.banned-media-placeholder i {
font-size: 14px;
}
@media (max-width: 768px) {
.banned-user-badge {
font-size: 10px;
padding: 2px 5px;
}
.banned-post-card .post-media-hidden {
padding: 16px;
font-size: 12px;
}
.banned-media-placeholder {
padding: 12px;
font-size: 11px;
}
}