.main.is-wide-layout.plugins-browser--site-view {
	max-width: 100%;
}

.plugins-browser__billling-interval-switcher {
	margin-right: 15px;
}

.plugins-browser__main-buttons {
	display: flex;
	align-items: center;

	@media screen and (max-width: 960px) {
		.plugins-browser__button {
			border: none;
		}
	}

	.plugins-browser__button {
		white-space: nowrap;
		display: flex;
		align-items: center;
		height: 32px;

		.plugins-browser__button-icon {
			margin-right: 5px;
		}

		&:not(:last-child) {
			@include breakpoint-deprecated( ">480px" ) {
				margin-right: 10px;
			}
		}
	}
}

.plugins-browser__clear-filters,
.plugins-browser__clear-filters:visited {
	text-decoration: underline;
	color: var(--studio-black);
}

.plugins-browser__no-results {
	padding-top: 32px;
	@include breakpoint-deprecated( "<660px" ) {
		margin: 0 16px;
	}

	.plugins-browser-list {
		padding-top: 0;
	}
}
.has-no-sidebar .plugins-browser__main-container {
	position: relative;

	&::before {
		box-sizing: border-box;
		content: "";
		background-color: #fff;
		position: absolute;
		height: 100%;
		width: 200vw;
		left: -100vw;
		z-index: -1;
	}

}

.plugins-browser__main-container .plugins-browser-list:last-of-type {
	padding-bottom: 32px;
}

.plugins-browser__upgrade-banner {
	display: table;
	width: 100%;

	.banner.card {
		margin: 48px 0 0;
	}
}

body.is-section-plugins #primary .main.is-logged-out {
	// Need to specifically set this, to override the classic blue.
	--wp-admin-theme-color: var(--studio-blue-50);
	padding-top: 0;

	.responsive-toolbar-group__swipe-list {
		background: none;
		margin-bottom: 22px;
	}

	.responsive-toolbar-group__dropdown {
		margin-bottom: 20px;
		padding: 0 8px;

		.responsive-toolbar-group__button-item {
			padding: 4px 12px;

			&::before {
				background-color: transparent;
			}

			&:not([class*="is-pressed"]):hover::before {
				background-color: color-mix(in srgb, var(--studio-blue) 10%, transparent);
			}
		}
	}

	.responsive-toolbar-group__button-item.is-pressed::before {
		background: var(--studio-blue-50);
		left: 0;
		right: 0;
	}
}
// Jetpack injects a banner on the /plugins page for jetpack sites
.is-section-plugins .layout__content > .banner {
	// This moves it down out from under our sticky header
	margin-top: 50px;

	// And removes the extra padding on the main content
	+ .layout__secondary + .layout__primary main {
		padding-top: 0;
	}
}
