.locale_selector {
	float: right;
	padding-right: 10px;
	font-size: calc(14rem/16);
	position: relative;
	width: 125px;
	margin-bottom: 10px;
}

.locale_selector .toggle {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0;
	background-color: transparent;
	color: var(--white);
	text-transform: uppercase;
}

.locale_selector .localeLabel {
	display: inline-block;
}

.locale_selector .toggle i {
	font-size: calc(6rem/16);
	display: inline-block;
	margin-left: 6px;
	transition: rotate var(--transition);
}

.locale_selector.open .toggle i {
	rotate: 180deg
}

.locale_selector .dropdown {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
	background-color: var(--white);
	border: 1px solid var(--gray);
	color: var(--black);
	padding-block: 10px;
	transition: opacity var(--transition);
}

.locale_selector.open .dropdown {
	opacity: 1;
	pointer-events: all;
}

.locale_selector .dropdown .locale {
	padding: 3px 15px;
}

@media (min-width: 64em) {
	.locale_selector {
		margin-bottom: 0;
		width: unset;
	}

	.locale_selector .toggle {
		color: var(--black);
	}

	.locale_selector .toggle i {
		font-size: calc(8rem/16);
	}
}