.ga-members {
    display: flex;
    flex-direction: column;
    gap: var(--ga-space-6);
}

.ga-members .ga-table {
    table-layout: fixed;
}

.ga-members .ga-table th:nth-child(2),
.ga-members .ga-table td:nth-child(2) {
    width: 160px;
}

.ga-members .ga-table th:nth-child(3),
.ga-members .ga-table td:nth-child(3) {
    width: 90px;
    text-align: center;
}

.ga-members .ga-table th:nth-child(4),
.ga-members .ga-table td:nth-child(4) {
    width: 140px;
    text-align: center;
}

.ga-members .ga-table th:nth-child(5),
.ga-members .ga-table td:nth-child(5) {
    width: 220px;
}

.ga-empty {
    padding: var(--ga-space-8);
    text-align: center;
    color: var(--ga-color-text-muted);
}

.ga-member-level {
    display: inline-block;
}

.ga-member-level-up {
    color: var(--ga-color-warning);
    font-weight: var(--ga-font-semibold);
}

.ga-member-level-recent {
    color: var(--ga-color-danger);
    font-weight: var(--ga-font-bold);
}

.ga-member-level-gain {
    margin-left: .25rem;
    font-size: .8em;
    color: var(--ga-color-warning);
    font-weight: var(--ga-font-semibold);
    white-space: nowrap;
}

.ga-member-level-gain-recent {
    color: var(--ga-color-danger);
}


/* ============================================================
   GUILD
   ============================================================ */

.ga-members-guild {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.ga-members-guild-logo {
    display: block;
    flex-shrink: 0;
	cursor: default;
}

.ga-members-guild-content {
    display: flex;
    flex-direction: column;
}

.ga-members-guild-title {
    display: flex;
    align-items: baseline;
    gap: .5rem;
}

.ga-members-guild-name {
    font-size: 2.5rem;
    font-weight: var(--ga-font-bold);
    color: var(--ga-color-text);
    user-select: none;
    cursor: default;
}

.ga-members-guild-tag {
    position: relative;
    font-size: 1.8rem;
    color: var(--ga-color-text-muted);
    user-select: none;
    cursor: deafult;
}

.ga-members-guild-description1 {
    margin-left: .5rem;
    color: var(--ga-color-text-muted);
    font-size: 1.25rem;
}

.ga-members-guild-description2 {
    margin-left: 1rem;
    color: var(--ga-color-text-muted);
    font-size: var(--ga-font-size-sm);
}

.ga-members-description-heading {
    margin-bottom: .25rem;
}

.ga-members-description-line {
    margin-left: 1rem;
}

.ga-members-legend {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    margin-top: .25rem;
    margin-left: 2rem;
}

.ga-members-legend-item {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.ga-members-legend-item .ga-activity-bar {
    flex: none;
    width: 4px;
    height: 16px;
    border-radius: 1px;
}

/* ============================================================
   META
   ============================================================ */

.ga-members-meta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--ga-space-2);
    padding-right: 1rem;
    margin-bottom: -12px;
    color: var(--ga-color-text-muted);
    font-size: var(--ga-font-size-sm);
}

.ga-members-meta-value {
    color: var(--ga-color-text);
    font-weight: var(--ga-font-semibold);
}

/* ============================================================
   DISCORD
   ============================================================ */

.ga-members-discord {
	display: inline-flex;
	align-items: center;
	width: 40px;
	height: 40px;
	max-width: 40px;
	max-height: 40px;
	margin-left: 1rem;
	color: var(--ga-text-muted);
	text-decoration: none;
	cursor: pointer !important;
}

.ga-members-discord-icon {
	width: 40px;
	height: 40px;
	fill: currentColor;
	transform: translateY(12px);
	pointer-events: none;
}

.ga-members-discord:hover {
	color: var(--ga-text);
}

/* ============================================================
   DESTROY THIS WEBSITE
   ============================================================ */

.ga-members-destroy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    text-decoration: none;
    cursor: pointer !important;
}

.ga-members-destroy img {
    display: block;
    width: 180px;
    height: 40px;
	transform: translateY(8px);
	pointer-events: none;
}