.fi-topbar-profile {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding-inline-end: 0.75rem;
    margin-inline-end: 0.25rem;
    border-inline-end: 1px solid rgb(229 231 235);
}

.dark .fi-topbar-profile {
    border-inline-end-color: rgb(255 255 255 / 0.1);
}

.fi-topbar-profile-icon-wrap {
    display: flex;
    height: 2.25rem;
    width: 2.25rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background: rgb(253 242 244);
    color: #5b0012;
}

.dark .fi-topbar-profile-icon-wrap {
    background: rgb(91 0 18 / 0.15);
    color: rgb(252 165 165);
}

.fi-topbar-profile-icon {
    height: 1.375rem;
    width: 1.375rem;
}

.fi-topbar-profile-name {
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 600;
    color: rgb(3 7 18);
}

.dark .fi-topbar-profile-name {
    color: rgb(255 255 255);
}

@media (max-width: 639px) {
    .fi-topbar-profile-name {
        display: none;
    }
}