.bis-list-card-grid.char-grid {
    gap: 0.85rem;
    padding: 0.75rem 0 0;
}

.bis-list-role-group + .bis-list-role-group {
    margin-top: 1.15rem;
}

.bis-list-role-separator {
    margin-top: 0.35rem;
}

.bis-list-role-sep-inner {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.bis-list-role-sep-inner::before,
.bis-list-role-sep-inner::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent,
        color-mix(in srgb, var(--role-color) 45%, transparent),
        transparent
    );
}

.bis-list-role-sep-icon {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    flex-shrink: 0;
    box-shadow: 0 0 6px 1px color-mix(in srgb, var(--role-color) 45%, transparent);
}

.bis-list-role-sep-label {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--role-color);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.bis-list-role-sep-count {
    font-size: 0.66rem;
    font-weight: 600;
    color: var(--role-color);
    background: color-mix(in srgb, var(--role-color) 11%, transparent);
    border: 1px solid color-mix(in srgb, var(--role-color) 28%, transparent);
    padding: 1px 7px;
    border-radius: 10px;
}

.bis-list-card.char-card {
    width: 145px;
}

.bis-list-card .char-card__avatar {
    padding: 0.75rem 0.75rem 0.5rem;
    overflow: visible;
}

.bis-list-card__icons {
    position: relative;
    width: 44px;
    height: 44px;
    margin: 0 auto;
}

.bis-list-card .char-card__avatar .bis-list-card__spec-icon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,0.18);
    object-fit: cover;
    display: block;
    box-shadow: none;
}

.bis-list-card .char-card__avatar .bis-list-card__class-icon {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.35);
    object-fit: cover;
    background: #10131a;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);
}

.bis-list-card .char-card__info {
    padding: 0.5rem 0.65rem 0.45rem;
}

.bis-list-card .char-card__name {
    font-size: 0.82rem;
    margin-bottom: 2px;
}

.bis-list-card .char-card__meta {
    margin-bottom: 0.35rem;
}

.bis-list-card .char-card__server {
    font-size: 0.62rem;
}

.bis-list-card .badge--eligible {
    font-size: 0.58rem;
    padding: 2px 5px;
}

#bis-list-filters .filter-custom-select__icon {
    width: 14px;
    height: 14px;
    flex-basis: 14px;
}

#bis-list-filters .filter-custom-select__option-icon {
    width: 13px;
    height: 13px;
    flex-basis: 13px;
}