.newPosts {
    position: fixed;
    top: 2rem;
    left: 0;
    right: 0;
    margin: auto;
    background: var(--primary-color);
    color: #FFF;
    border-radius: 50px;
    padding: .35rem .5rem;
    z-index: 9;
    width: 190px;
    box-shadow: 0px 10px 20px -4px rgba(0, 163, 255, .3);
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    strong {
        margin-left: 1rem;
    }
    &>img {
        transform: rotate(90deg);
        margin-left: 0rem;
        filter: invert(1) brightness(2) !important;
    }
}

.newAvatars {
    display: flex;
    align-items: center;
}

.newAvatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 -.5rem;
    &:first-child {
        margin-left: 0;
    }
    border: 2px solid #FFF;
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.search {
    width: 100%;
    padding: .5rem 1rem;
    &:first-child {
        flex: .6;
    }
    &:last-child {
        flex: .4;
        padding-left: 0;
    }
    &>div {
        margin: 0;
    }
}