@import '../variables.less';

.mw-theme-toggle {
	width: @icon-box-size + @margin-side;
	height: @header-height;
	border: 0;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
	opacity: @opacity-icon;
	outline: 0;
	transition: @transition-transform-quick, @transition-opacity-quick;

	&:hover {
		opacity: @opacity-icon-active;
	}
}

.skin-citizen-dark {
	.mw-theme-toggle {
		filter: invert( 1 );
	}
}