@media (max-width: 640px) {
	body {
		grid-template-columns: min-content minmax(0, 1fr) 132px;
	}

	#member-list {
		grid-column: 3;
		z-index: 1;
	}

	#member-list > section,
	#member-list.expand > section {
		width: 132px;
	}

	#member-list.expand {
		grid-column: 3;
	}

	#member-list-header {
		border-left: 1px solid var(--sidebar-background);
	}

	#member-list .expander {
		display: none;
	}

	#member-list li a {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}

@media (max-width: 420px) {
	body {
		grid-template-columns: min-content minmax(0, 1fr) 112px;
	}

	#member-list > section,
	#member-list.expand > section {
		width: 112px;
	}
}