.mw-advancedSearch-fieldContainer {
	background: linear-gradient( rgba( 0, 0, 0, 0.1 ), #fff 0.5em );
	border: solid 1px #c8ccd1;
	border-top: 0;
	box-sizing: border-box;
	margin: 0;
	margin-top: -1px;
	max-width: 50em;
	padding: 1em;
}

.mw-advancedSearch-fieldContainer .oo-ui-fieldLayout {
	margin-top: 0.3em;
}

/* FIXME: Why is this border set on a "label" element and not on the <fieldset>? */
.mw-advancedSearch-fieldContainer fieldset.oo-ui-labelElement {
	border: 0;
	border-top: solid 1px #c8ccd1;
	margin-top: 1em;
}

/* FIXME: Why does this try to mimic a <fieldset><legend> element instead of being an actual one? */
/* See https://phabricator.wikimedia.org/T151061 and https://gerrit.wikimedia.org/r/#/c/325243/  */
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
	background: #fff;
	color: #666;
	font-weight: normal;
	font-size: 1em;
	left: 1em;
	line-height: 1;
	padding: 0 0.2em;
	position: relative;
	top: -0.8em;
}

.mw-advancedSearch-fieldContainer .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
	margin-right: 1%;
}

.mw-advancedSearch-fieldContainer .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
	float: right;
}

.mw-advancedSearch-expandablePane {
	clear: both;
	display: block;
	margin: 0;
	max-width: 50em;
	padding-top: 0.3em;
}

.mw-advancedSearch-expandablePane-button {
	background-color: #f8f9fa;
	color: #222;
	border: solid 1px #a2a9b1;
	padding: 0.625em 2.5em 0.625em 0.9375em;
	line-height: 1;
	position: relative;
	text-align: left;
}

.mw-advancedSearch-expandablePane-pane {
	display: none;
}

.mw-advancedSearch-expandablePane-button .oo-ui-indicatorElement-indicator {
	position: absolute;
	top: 0;
	height: 100%;
	right: 0.9375em;
}

.mw-advancedSearch-searchPreview-label {
	font-weight: bold;
	margin-right: 0.3125em;
}

.mw-advancedSearch-previewLabel.oo-ui.widget-enabled {
	background: #fff;
}

.mw-advancedSearch-optionTags {
	white-space: normal;
}

.mw-advancedSearch-optionTags > span {
	background: rgba( 255, 255, 255, 0.6 );
	border: 1px solid #a2a9b1;
	border-radius: 2px;
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	margin: 0.1em 0.2em;
	padding: 0.1em 0.5em;
}

.mw-advancedSearch-filetype-presets .oo-ui-multioptionWidget {
	display: inline-block;
	margin-right: 1em; /* TODO margin-left for LTR? */
}

.mw-advancedSearch-filesize .operator-container,
.mw-advancedSearch-filesize .value-container {
	width: 50%;
	float: left;
	box-sizing: border-box;
}

.mw-advancedSearch-filesize .operator-container {
	padding-right: 1em;
}

.mw-advancedSearch-namespacePresets {
	float: right;
}

.mw-advancedSearch-namespacePresets div {
	display: inline;
}

.mw-advancedSearch-namespace-selection label {
	display: inline-block;
}

.mw-advancedSearch-namespace-selection {
	border-radius: 2px;
	border: solid 1px #a2a9b1;
	background: rgb( 248, 249, 250 );
	box-sizing: border-box;
	margin-top: 0.3em;
	max-width: 50em;
	padding: 0.4em 0.9375em;
	position: relative;
	border-bottom: 0;
}

.mw-advancedSearch-namespace-selection label.oo-ui-checkboxMultioptionWidget {
	padding: 0;
}

.mw-advancedSearch-namespaceFilter {
	top: -2px;
}

.mw-advancedSearch-namespaceFilter .oo-ui-tagMultiselectWidget-handle {
	border-top: 0;
}