/* Profile picture avatar */
.profile-bubble {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #a3f7ec;
    color: #07867b;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 24px;
    border: 2px solid #07867b;
    overflow: hidden;
    margin-inline-end: 12px;
}

    .profile-bubble img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

/* Background color */
.app-bar-bg {
    background-color: white;
}

/* Override Telerik AppBar default styles */
.k-appbar {
    border-bottom: none !important;    
}

/* Remove border from sticky appbar */
.k-appbar-sticky {
    position: relative;
    border-bottom: none !important;
}

/* Add spacing after appbar when not logged in */
.k-appbar + main > article,
main > .k-appbar + article {
    padding-top: 5rem;
}