#main .moderation {
	color: $fascistteam;
	position: relative;
	width: 98%;
	.player-input {
		display: flex;
		justify-content: center;
		color: var(--theme-background-1);
	}
	textarea {
		color: var(--theme-background-1);
	}
	h2 {
		text-align: center;
	}
	.ib {
		display: inline-block;
		width: 260px;
	}
	.player-list-toggle {
		position: absolute;
		color: lightblue;
		user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		text-decoration: underline;
		right: 80px;
		top: 10px;
		cursor: pointer;
	}
	ul {
		list-style-type: none;
		li label {
			cursor: pointer;
		}
	}
	button {
		color: var(--theme-background-1);
		padding: 10px;
	}
	> div {
		display: flex;
		.modlog {
			max-width: 60%;
			width: 100%;
			> div {
				overflow-y: scroll;
			}
		}
		.modplayerlist {
			ul {
				padding: 0 0 0 10px;
				overflow-y: scroll;
			}
		}
		> div {
			padding: 0 5px;
		}
		h3 {
			text-align: center;
		}
	}
	.istor {
		// IP is part of the TOR network.
		color: maroon;
		font-weight: bold;
	}
	.isbannedbefore {
		// Another user with the same IP is in the ban list.
		color: red;
		font-weight: bold;
	}
	.istimedbefore {
		// This user has been timed out.
		color: darkorange;
		font-weight: bold;
	}
	.multi {
		// IP fully matches another user.
		color: blue;
		font-weight: bold;
	}
	.multi2 {
		// First three blocks of IP fully matches another user.
		color: purple;
		font-weight: bold;
	}
	.emailunverified {
		// Email address has not been verified.
		color: var(--theme-background-3);
		font-weight: bold;
	}
	table {
		font-size: 12px;

		td {
			padding: 2px;
		}

		tr {
			background: lightyellow;
		}

		thead tr th {
			cursor: pointer;
		}

		+ button {
			color: var(--theme-text-1);
		}
	}
	textarea {
		width: 100%;
	}
	.ip {
		// color: turquoise;
	}
	.broadcast {
		cursor: pointer;
		position: absolute;
		left: 5%;
		color: lightblue;
		user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		top: 10px;
		text-decoration: underline;
	}
	.ipban-button {
		width: 100%;
		background: darkred;
		color: var(--theme-text-1);
		margin: 2px 0;
	}
	.cardback-button {
		width: 100%;
		background: lightblue;
		margin: 2px 0;
	}
	.timeout-button {
		width: 100%;
		background: lightgreen !important;
		margin: 2px 0;
	}
	.tier3 {
		background: orange;
		margin: 2px 3px 2px 0;
		padding: 2px;
		width: 74px;
		height: 40px;
		vertical-align: text-bottom;
	}
}

.broadcastmodal {
	display: none !important;
	input {
		width: 600px;
	}

	label {
		color: var(--theme-text-1);
		margin: 5px;
		cursor: pointer;
	}

	.stickycheck {
		margin-top: 5px !important;
		display: inline-block;
		width: inherit;
		cursor: pointer;
	}
}

.horizontal.divider {
	color: var(--theme-text-1);
}

.toggle-containers {
	text-align: center;
}
.private {
	// This game is private
	color: red;
	font-weight: bold;
}
.casual {
	// This game is casual
	color: darkorange;
	font-weight: bold;
}
.custom {
	// This game is custom
	color: blue;
	font-weight: bold;
}
.unlistedGame {
	// This game is unlisted
	color: green;
	font-weight: bold;
}

.ranked {
	color: #d55582;
	font-weight: bold;
}
