/* =========================================================
   THEME SELECTOR
   ========================================================= */

.mc-theme-selector {
	display:
		inline-flex;

	align-items:
		center;

	gap:
		2px;

	padding:
		3px;

	border:
		1px solid var(--border-soft);

	border-radius:
		999px;

	background:
		rgba(255,255,255,.035);

	box-shadow:
		var(--shadow-frame);
}


.mc-theme-option {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	min-height:
		34px;

	padding:
		0 11px;

	border:
		0;

	border-radius:
		999px;

	background:
		transparent;

	color:
		var(--muted-2);

	font-family:
		var(--font-sans);

	font-size:
		.67rem;

	font-weight:
		700;

	letter-spacing:
		.08em;

	text-transform:
		uppercase;

	cursor:
		pointer;
}


.mc-theme-option:hover {
	color:
		var(--foreground);
}


.mc-theme-option.is-active {
	background:
		rgba(122,77,255,.14);

	color:
		var(--plum-soft);

	box-shadow:
		inset 0 0 0 1px rgba(122,77,255,.30);
}


@media (max-width: 640px) {

	.mc-theme-selector {
		padding:
			2px;
	}


	.mc-theme-option {
		min-height:
			30px;

		padding:
			0 8px;

		font-size:
			.60rem;
	}

}