// TODO: Replace with @import 'mediawiki.skin.variables.less'; with MW core LTS v1.42 dependency.
@import '../../lib/codex-design-tokens/theme-wikimedia-ui-legacy.less';
@import 'mediawiki.mixins';

.uls-button-group {
	display: inline-block;
	position: relative;
	left: -20px;
}

.uls-display-settings-tab-switcher {
	text-align: center;

	/** cdx-button-group adds a z-index of 0; increase specificity to override that */
	.uls-button-group {
		z-index: 1;
	}
}

.uls-sub-panel {
	border-top: @border-width-base @border-style-base #eaecf0;
	padding-top: 25px;
	top: -20px;
	position: relative;
	min-height: 150px;
}

.uls-display-settings-font-selectors {
	margin: 5px 0 15px 0;
}

.uls-font-item {
	border-bottom: @border-width-base @border-style-base #eaecf0;
	background: #f8f9fa;
	padding: 10px 0;

	&:first-child {
		border-top: @border-width-base @border-style-base #eaecf0;
	}
}

/* stylelint-disable selector-max-id */
.uls-font-label,
.uls-font-select,
#uls-display-settings-anon-log-in-cta {
	font-size: 10pt;
}
/* stylelint-enable selector-max-id */

.uls-font-label {
	color: @color-subtle;
	font-size: 10pt;
}

.uls-font-label strong {
	color: @color-base;
}

.uls-display-settings-anon-label {
	font-weight: bold;
}