#SD DIV.topLogoWrapper
{
	z-index: 90000;
	/*top: calc(var(--defaultInterval)*.5);*/
	/*left:var(--LRMargin);*/
	height: auto;
	position: fixed;
	position: fixed;
	display: flex;
	align-items: center;
	/*padding: 0 calc(var(--defaultInterval)*.5);*/
	top: calc(var(--defaultInterval)*1);
	box-sizing: border-box;
	/*padding: calc(var(--defaultInterval)*.5);*/
	animation: 1s ease-out 0s 1 slideInFromLeft;
	transition:var(--slowTransition);
	/*transition: all 5s;*/
	width: 100%;
	max-width: 200px;
	max-width:min(60vw, 200px);
	left: calc(var(--defaultInterval)*1);
}
DIV.topLogoWrapper A
{
	width: auto;
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
	width: 100%;
	position: ;
	box-sizing: border-box;
}
DIV.topLogoWrapper A > *
{
	position: relative;
	/*background-color: rgba(255, 255, 255, 0.737);*/
	transition:var(--defaultTransition);
	/*backdrop-filter:blur(3px);*/
	/*background-color: rgba(255, 255, 255, 0.565) !important;*/
	width: 100%;
	height: 100%;
	/*border: 6px solid black;*/
}
DIV.topLogoWrapper:hover A > *
{
	/*background-color:var(--colB);*/
	/*background-color: rgba(255, 255, 255, 0.565) !important;*/
}
DIV.topLogoWrapper .topLogo
{
	z-index: 10000;
	padding: calc(var(--defaultInterval)*.5);
}
DIV.topLogoWrapper .topLogo *
{
	fill:black;
	stroke:none;
	transition:var(--defaultTransition);
}
DIV.topLogoWrapper:hover .topLogo *
{
	fill:white;
}
.topLogoWrapper .background
{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background-color: white;
	z-index: 6387;
	transition:var(--defaultTransition);
	left: 0;
	border-radius:var(--defaultBorderRadius);
	backdrop-filter:blur(3px);
	background-color: rgba(255, 255, 255, 0.75);
	box-sizing: border-box;
	overflow: hidden;
	/*opacity: 0 !important;*/
}
.topLogoWrapper:hover .background
{
	background-color:var(--colC);
}
/*.topLogoWrapper:hover .background
{
	background-color:var(--colB);
	opacity: 1;
}*/
@keyframes slideInFromLeft
{
	0%
	{
		transform: translateX(-50%);
	}
	100%
	{
		transform: translateX(0);
	}
}
@media only screen and (max-width: 999px)
{
	#SD DIV.topLogoWrapper
	{
		top: 0;
		left: 0;
		/*padding-top: calc(var(--defaultInterval)*1);*/
		/*border-top-left-radius: 0px !important;*/
	}
	#SD DIV.topLogoWrapper A
	{
		margin-left: calc(var(--defaultInterval)*.5);
		margin-top: calc(var(--defaultInterval)*.5);
	}
	.topLogoWrapper .background
	{
		/*+border-radius: 0px;*/
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-khtml-border-radius: 0px;
		border-radius: 0px;
		border-bottom-right-radius:var(--defaultBorderRadius);
	}
}