.guido-mc-switcher {
	--guido-mc-tab: 40px;
	--guido-mc-width: 250px;
	--guido-mc-active: #db1215;
	--guido-mc-inactive: #212121;
	position: fixed;
	z-index: 9999;
	top: 45vh;
	right: calc(var(--guido-mc-tab) - var(--guido-mc-width));
	width: var(--guido-mc-width);
	transform: translateY(-50%);
	transition: right 250ms ease;
	font: 400 16px/1 "Mukta", sans-serif;
	text-align: left;
}

.guido-mc-switcher:focus-within {
	right: 0;
}

@media (hover: hover) {
	.guido-mc-switcher:hover {
		right: 0;
	}
}

.guido-mc-switcher .guido-mc-switcher__title {
	height: 50.5px;
	display: grid;
	place-items: center;
	visibility: hidden;
	pointer-events: none;
	color: #fff;
	background: var(--guido-mc-inactive);
	font: 300 16px/1 Arial, sans-serif;
}

.guido-mc-switcher:focus-within .guido-mc-switcher__title {
	visibility: visible;
}

@media (hover: hover) {
	.guido-mc-switcher:hover .guido-mc-switcher__title {
		visibility: visible;
	}
}

.guido-mc-switcher a.guido-mc-switcher__row,
.guido-mc-switcher a.guido-mc-switcher__row:visited {
	display: flex;
	align-items: center;
	height: var(--guido-mc-tab);
	margin-top: 4px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: var(--guido-mc-inactive);
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
}

.guido-mc-switcher a.guido-mc-switcher__row[aria-current="true"] {
	background: var(--guido-mc-active);
}

.guido-mc-switcher a.guido-mc-switcher__row:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -3px;
}

.guido-mc-switcher .guido-mc-switcher__code {
	flex: 0 0 var(--guido-mc-tab);
	text-align: center;
}

.guido-mc-switcher .guido-mc-switcher__name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
	.guido-mc-switcher {
		transition: none;
	}
}