// ============================================================================
// :: Scope Searchbar
// ============================================================================
/**
 * This scope will add a backgroundcolor to the Searchbar component + give a
 * proper height
 */

// ============================================================================
// :: Root
// ============================================================================
.s-bp-search-bar {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30rem;

	background-color: $background-color-grey-extra-light;
}