@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
@import url('reset.css');
@import url('layout.css');
@import url('topbar.css');
@import url('sidebar.css');
@import url('profile.css');
@import url('posts.css');
@import url('comments.css');


.status-indicator {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 16px;
    height: 16px;
    border: 2px solid white;
    border-radius: 50%;
}

.status-online {
    background-color: #43b581;
}

.status-idle {
    background-color: #faa61a;
}

.status-dnd {
    background-color: #f04747;
}

.status-offline {
    background-color: #747f8d;
}

.highlighted-comment {
    outline: 2px solid #007bff;
    animation: flash 2s ease;
}

@keyframes flash {
    0% {
        background-color: #e6f0ff;
    }

    100% {
        background-color: transparent;
    }
}