.gs-standings {
	container-type: inline-size;
}

.gs-standings .gs-wide {
	display: none;
}

@container (min-width: 560px) {
	.gs-standings .gs-wide {
		display: table-cell;
	}

	.gs-standings .gs-compact {
		display: none;
	}

	.gs-standings .rank-name {
		max-width: 240px;
	}
}

.gs-standings .rank-stat {
	white-space: nowrap;
}

@container (max-width: 380px) {
	.gs-standings .mp-rank-table thead th,
	.gs-standings .mp-rank-table tbody td {
		padding-left: 3px;
		padding-right: 3px;
	}

	.gs-standings .rank-stat {
		font-size: 0.82rem;
	}

	.gs-standings .rank-logo {
		width: 20px;
		height: 20px;
	}
}

.gs-standings .gs-points {
	font-weight: 800;
	color: #fff;
}

.gs-standings .is-muted .gs-points {
	color: rgba(255, 255, 255, 0.35);
}

.gs-form-cell {
	white-space: nowrap;
}

.gs-form {
	display: inline-grid;
	place-items: center;
	font-style: normal;
	line-height: 1;
	width: 17px;
	height: 17px;
	margin: 0 1px;
	border-radius: 5px;
	font-size: 0.6rem;
	font-weight: 800;
	color: #0b0f20;
}

.gs-form-V {
	background: #4ade80;
}

.gs-form-N {
	background: rgba(255, 255, 255, 0.45);
}

.gs-form-D {
	background: #f87171;
}

.is-muted .gs-form {
	opacity: 0.45;
}

.gs-tabs {
	display: flex;
	gap: 6px;
	margin-bottom: 12px;
}

.gs-tab {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	border: 1px solid var(--mp-line, rgba(255, 255, 255, 0.10));
	border-radius: 999px;
	padding: 6px 14px;
	background: transparent;
	color: var(--mp-muted, rgba(255, 255, 255, 0.56));
	font-family: "Titillium Web", sans-serif;
	font-weight: 800;
	font-size: 0.8rem;
	line-height: 1;
	cursor: pointer;
	transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease;
}

.gs-tab:hover {
	color: #fff;
	background: rgba(255, 255, 255, 0.05);
}

.gs-tab.is-on {
	color: #fff;
	border-color: rgba(255, 45, 134, 0.72);
	background: rgba(255, 45, 134, 0.14);
}

.gs-tab i {
	font-size: 0.8rem;
}

.gs-tab.is-on i {
	color: var(--mp-rose, #ff2d86);
}

.gs-tab:focus:not(:focus-visible) {
	outline: none;
}

.gs-tab:focus-visible {
	outline: 2px solid rgba(255, 45, 134, 0.6);
	outline-offset: 2px;
}
