#LocaleSelection{
	font:var(--tech);
	font-size:1.5em;
	text-transform:uppercase;
	background-color:var(--black);
	transition:background-color .2s ease-in;
	height:46px;
	cursor:pointer;
}
#LocaleSelection *{
	cursor:pointer;
}
#LocaleSelection:hover{
	background-color:var(--blackGrey);
}
#LocaleSelection .selected{
	display:inline-flex;
	flex-flow:row nowrap;
	align-items:center;
	justify-content:center;
	height:100%;
}
.__iconWorld{
	height:60%;
	width:60%;
	border-radius:50%;
	border:2px solid currentColor;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	overflow:hidden;
	box-sizing:border-box;
}
.__iconWorld::before{
	height:120%;
	width:50%;
	border-radius:50%;
	border:2px solid currentColor;
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	box-sizing:border-box;
	transform:translate(-50%,-50%);
}
.__iconWorld::after{
	width:110%;
	height:40%;
	border-top:2px solid currentColor;
	border-bottom:2px solid currentColor;
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	box-sizing:border-box;
	transform:translate(-50%,-50%);
}
#LocaleSelection .languageName{
	padding-right:8px;
}
#LocaleSelection .countryName{
	padding-left:6px;
	position:relative;
}
#LocaleSelection .countryName::before{
	content:"";
	height:12px;
	width:1px;
	display:block;
	background-color:currentColor;
	opacity:.5;
	position:absolute;
	left:0px;
	top:50%;
	transform:translate(-50%,-50%);
}
#LocaleSelection .localeSelectionWorld{
	width:46px;
	height:46px;
	position:relative;
	display:block;
	box-sizing:border-box;
	margin-right:-6px;
}
#LocaleSelection .__iconWorld{
	transform:translate(-50%,-50%) scale(.5);
}	
#LocaleSelection .localeSelectionArrow{
	height:46px;
	width:46px;
	position:relative;
	display:inline-block;
	margin-left:-8px;
}
#LocaleSelection .__iconArrow--upDown{
	transform:translate(-50%,-50%) scale(.6) rotate(0deg);
	transition:transform .3s ease-in-out;
}
#LocaleOptions{
	width:100%;
	padding:32px 0 18px 0;
	background-color:var(--blackGrey);
	position:absolute;
	left:0px;
	top:0px;
	transform:translate(0,-100%);
	transition:transform .2s ease-in, top .2s ease-in;
	z-index:5;
}
.__showLangNav.__showLocaleOptions #LocaleSelection{
	background-color:var(--blackGrey);
}
.__showLangNav.__showLocaleOptions #LocaleSelection .__iconArrow--upDown{
	transform:translate(-50%,-50%) scale(.6) rotate(-180deg);
}
.__showLangNav.__showLocaleOptions #LocaleOptions{
	top:46px;
	transform:translate(0%,0%);
}

.availableLocales{
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-end;
	align-items:flex-start;
	width:100%;
}
.localeCountryGroup{
	margin-left:10px;
	margin-right:10px;
	background-color:var(--darkGrey);
	width:100%;
	min-width:200px;
	max-width:280px;
	box-sizing:border-box;
	padding:20px;
	color:var(--white);
	margin-bottom:20px;
	flex-grow:1;
}
.localeCountryGroup.__currentLocale{
	background-color:var(--white);
	color:var(--blackGrey);
}
.localeCountryGroup .countryName{
	font:var(--display);
	border-bottom:1px solid currentColor;
	padding:0 0 12px 0;
	font-size:1.6em;
	margin-bottom:10px;
}
.localeCountryGroup .countryLanguage{
	font:var(--subline);
	font-size:1.4em;
	padding:3px 0;
	transition:padding .2s ease-in;
	position:relative;
}
.localeCountryGroup .countryLanguage a:hover{
	text-decoration:underline;
}
.localeCountryGroup .countryLanguage.__currentLocale,
.localeCountryGroup .countryLanguage{
	padding-left:18px;
}
.localeCountryGroup .countryLanguage::before{
	height:10px;
	width:10px;
	border-radius:0;
	box-sizing:border-box;
	content:"";
	border:1px solid currentColor;
	position:absolute;
	top:50%;
	left:0px;
	transform:translate(0%,-50%);
	transition:opacity .3s ease-in;
	opacity:0;
}
.localeCountryGroup .countryLanguage::before{
	opacity:.6;
}
.localeCountryGroup .countryLanguage.__currentLocale::before{
	opacity:1;
	border:5px solid currentColor;
}

@media only screen and (max-width: 780px) {
	.localeCountryGroup{
		max-width:initial;
	}
}