// Ensure there is only 1 client prefs landmark at anytime
.vector-feature-appearance-pinned-clientpref-1 .vector-user-links .vector-appearance-landmark,
.vector-feature-appearance-pinned-clientpref-0 .vector-column-end .vector-appearance-landmark {
	display: none;
}

#vector-appearance-dropdown {
	.vector-dropdown-content {
		.mixin-vector-dropdown-content-flip();
	}
}

.exclusion-notice {
	color: @color-disabled;
}

/* If JS is disabled the menu should not render at all */
.client-nojs .vector-appearance-landmark {
	display: none;
}

// By default, limited width client pref should be hidden unless the breakpoint below is reached.
#skin-client-prefs-vector-feature-limited-width {
	display: none;
}

// Note on certain pages the control will have no effect e.g. Special:RecentChanges
// Defining this at 1400px is a product decision so do not change it
// (more context at https://phabricator.wikimedia.org/T326887#8540889)
@media ( min-width: 1400px ) {
	#skin-client-prefs-vector-feature-limited-width {
		display: block;
	}
}