.team-member {
    text-align: center;
    position: relative;
    overflow: hidden;
    background: inherit;
    color: inherit;
    border: var(--nx-theme-card-border-width, var(--bs-card-border-width)) solid var(--nx-theme-card-border, var(--bs-card-border-color));
    border-radius: var(--nx-theme-card-radius, var(--bs-border-radius)) !important;
    box-shadow: var(--nx-theme-card-shadow, none);
    transition: 0.3s;
}

.team-member:hover {
    transform: translateY(-8px);
}

.team-member .member-img {
    position: relative;
    overflow: hidden;
    height: 260px;
    background: transparent;
    border-radius: var(--nx-theme-card-radius, var(--bs-border-radius)) var(--nx-theme-card-radius, var(--bs-border-radius)) 0 0 !important;
}

.team-member .member-img img {
    width: 100%;
    height: 100%;
    border-radius: var(--nx-theme-card-radius, var(--bs-border-radius));
    object-fit: cover;
    object-position: center;
}

.nx-userlist-card .team-member .member-img {
    height: 220px !important;
    border-radius: var(--nx-theme-card-radius, var(--bs-border-radius)) var(--nx-theme-card-radius, var(--bs-border-radius)) 0 0 !important;
}

.nx-userlist-card,
.nx-userlist-card > .card-body,
.nx-userlist-card .team-member,
.nx-userlist-card .team-member .member-info,
.nx-userlist-card .team-member .member-img,
.nx-userlist-card .team-member .social {
    background: var(--nx-theme-surface-2, var(--bs-body-bg)) !important;
    color: var(--nx-theme-text, inherit) !important;
    border-color: var(--nx-theme-card-border, var(--bs-border-color)) !important;
}

.nx-userlist-card {
    border-radius: var(--nx-theme-card-radius, var(--bs-border-radius)) !important;
    overflow: hidden !important;
    border: var(--nx-theme-card-border-width, var(--bs-card-border-width)) solid var(--nx-theme-card-border, var(--bs-card-border-color)) !important;
}

.nx-userlist-card > .card-body {
    border-radius: inherit !important;
    overflow: hidden !important;
}

.nx-userlist-card .row,
.nx-userlist-card .row > [class*="col-"] {
    background: transparent !important;
    color: inherit !important;
    border-color: transparent !important;
}

.nx-userlist-card .team-member {
    border-radius: var(--nx-theme-card-radius, var(--bs-border-radius)) !important;
    overflow: hidden;
}

.nx-userlist-card .team-member .social {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    height: 40px;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    transition: all .3s ease;
    background: color-mix(in srgb, var(--nx-theme-surface-2, #ffffff), transparent 20%) !important;
}

.nx-userlist-card .team-member:hover .social {
    bottom: 0;
    opacity: 1;
}

.nx-userlist-card .team-member .member-info {
    padding: 20px 15px;
    border-radius: 0 0 var(--nx-theme-card-radius, var(--bs-border-radius)) var(--nx-theme-card-radius, var(--bs-border-radius)) !important;
    background: transparent !important;
    color: inherit !important;
}

.nx-userlist-card .team-member .social {
    border-radius: 0 0 var(--nx-theme-card-radius, var(--bs-border-radius)) var(--nx-theme-card-radius, var(--bs-border-radius)) !important;
}

.nx-userlist-card > .card-body {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
}

.nx-userlist-card .row {
    --bs-gutter-x: 1rem;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.nx-userlist-card .row > [class*="col-"] {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

.nx-userlist-card .team-member .member-info {
    box-shadow: none !important;
}