/* Scoped appearance roots isolate palette variables from body / parent scopes. */
.cmfe-appearance-scope {
	/* Establish a containing block for inherited custom properties on this subtree. */
	position: relative;
}

.cmfe-switch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 12px;
	border: 0;
	background: transparent;
	cursor: pointer;
	line-height: 1;
}

button.cmfe-switch:hover,
button.cmfe-switch:focus,
button.cmfe-switch:focus-visible,
[type="button"].cmfe-switch:hover,
[type="button"].cmfe-switch:focus,
[type="button"].cmfe-switch:focus-visible {
	background-color: transparent;
	color: inherit;
	text-decoration: none;
	outline: none;
}

.cmfe-switch svg {
	width: 1em;
	height: 1em;
}