// Corrections for the standard special page
.client-js {
	.rcoptions {
		border: 0;
		border-bottom: 1px solid #a2a9b1;

		legend {
			display: none;
		}
	}

	.mw-recentchanges-toplinks {
		padding: 0 0.5em;

		&-title,
		.mw-collapsible-text {
			// Same as the legend
			font-size: 0.85em;
		}

		&:not( .mw-collapsed ) {
			// Same as the legend
			border: 1px solid #ddd;
		}

		&:not( .mw-rcfilters-ui-ready ) {
			display: none;
		}
	}

	.rcfilters-head {
		min-height: 310px;
		margin-top: 1em;

		&:not( .mw-rcfilters-ui-ready ) {
			opacity: 0.5;
			pointer-events: none;

			.rcoptions {
				display: none;
			}
		}
	}

	.rcfilters-container {
		min-height: 100px;
		margin: 0;
	}

	.mw-changeslist {
		&-empty {
			// Hide the 'empty' message when we load rcfilters
			// since we replace it anyways with a specific
			// message of our own
			display: none;
		}

		&:not( .mw-rcfilters-ui-ready ) {
			opacity: 0.5;
		}
	}

	.rcfilters-spinner {
		margin: -2em auto 0;
		width: 70px;
		opacity: 0.8;
		display: none;
		white-space: nowrap;

		&:not( .mw-rcfilters-ui-ready ) {
			display: block;
		}

		& .rcfilters-spinner-bounce,
		&:before,
		&:after {
			content: '';
			display: inline-block;
			width: 12px;
			height: 12px;
			background-color: #c8ccd1;
			border-radius: 100%;
			animation: rcfiltersBouncedelay 1.5s infinite ease-in-out;
			animation-fill-mode: both;
			animation-delay: -0.16s;
		}

		&:before {
			animation-delay: -0.33s;
		}

		&:after {
			animation-delay: 0s;
		}

	}
}

.mw-rcfilters-staticfilters-selected {
	font-weight: bold;
}

@keyframes rcfiltersBouncedelay {
	0%,
	100%,
	80% {
		transform: scale( 0.7 );
	}
	40% {
		transform: scale( 1 );
		background-color: #a2a9b1;
	}
}