@import '../../lib/base-styles';
@import '../../../instant-search/lib/styles/helper';

.interface-interface-skeleton__content {
	background: $gray-100;
	height: 100%;
}

.interface-interface-skeleton__content > .jp-search-configure-app-wrapper {
	background: $gray-100;
	height: 100%;
	position: relative;

	.jp-search-configure-loading-spinner {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate( -50%, -50% );
	}

	.jetpack-instant-search {
		max-width: 90%;
		margin: 1em auto auto auto;

		position: static;
		padding: 0;
		background: none;

		.jetpack-instant-search__search-results {
			max-width: initial;
		}

		// Disables opening search results without disabling the sort option selector.
		a:not( .jetpack-instant-search__search-sort-option ) {
			pointer-events: none;
		}
	}
}