
.wp-block-hpinc-search-dropdown {
	background-color: var(--wp--custom--color--surface--secondary);
	bottom: 0;
	color: var(--wp--custom--color--text--primary);
	display: none;
	left: 0;
	min-height: min(45rem, 75vh);
	overflow-y: auto;
	padding-bottom: var(--wp--custom--spacing--48);
	padding-top: var(--wp--custom--spacing--48);
	position: absolute;
	right: 0;
	top: 0;
	top: 100%;
	width: 100%;
	z-index: 100;
}

.wp-block-hpinc-search-dropdown[aria-hidden=false] {
	display: block;
}

.wp-block-hpinc-search-dropdown.has-search-results .wp-block-group {
	display: none;
}

@media (max-width:768px) {
	.wp-block-hpinc-search-dropdown {
		min-height: calc(100dvh - var(--header-height, 0px) - var(--wp-admin--admin-bar--height, 0px));
	}
}

.wp-block-hpinc-search-dropdown-backdrop {
	background-color: rgba(0, 0, 0, .5);
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 25;
}

.search-grid-results-container {
	container-name: search-grid-results;
	container-type: inline-size;
}

.search-grid-results {
	display: grid;
	grid-gap: 1rem;
	gap: 1rem;
	margin: 0;
	padding: 0;
}

@media (min-width:768px) {
	.search-grid-results {
		gap: var(--wp--custom--spacing--16) var(--wp--custom--spacing--80);
		grid-template-columns: repeat(2, 1fr);
	}
}

.search-grid-results__item {
	border-bottom: 1px solid var(--wp--custom--color--border--disabled);
	display: flex;
	flex-direction: column;
	gap: .5rem;
	padding-bottom: var(--wp--custom--spacing--12);
	padding-top: var(--wp--custom--spacing--12);
}

.search-grid-results__item-title {
	color: var(--wp--custom--color--text--color-2);
	font-size: var(--wp--preset--font-size--body-lg);
	font-weight: 500;
	-webkit-text-decoration: none;
	text-decoration: none;
}

.search-grid-results__item-title:hover {
	color: var(--wp--custom--color--text--color-1);
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

.search-grid-results__no-results {
	text-align: center;
}

.search-grid-results__no-results[aria-hidden=true] {
	display: none;
}

.search-grid-results__view-all {
	align-items: center;
	color: var(--wp--custom--color--neutrals--black);
	display: flex;
	font-weight: 500;
	gap: var(--wp--custom--spacing--8);
	margin-top: var(--wp--custom--spacing--20);
	text-decoration-color: var(--wp--custom--color--text--color-1);
	text-decoration-thickness: 2px;
	text-underline-offset: .375rem;
	transition: text-underline-offset .1s ease-in-out;
}

@media (min-width:768px) {
	.search-grid-results__view-all {
		flex-direction: row-reverse;
	}
}

.search-grid-results__view-all:hover {
	text-underline-offset: .5rem;
}

.search-grid-results__view-all:hover .wp-block-query-pagination-next-arrow {
	transform: translateX(.25rem);
}

.search-grid-results__view-all:hover .wp-block-query-pagination-previous-arrow {
	transform: rotate(180deg) translateX(.25rem);
}

.search-grid-results__view-all[aria-hidden=true] {
	display: none;
}

.search-grid-results__view-all-arrow {
	background-color: var(--wp--custom--color--text--color-1);
	display: inline-block;
	height: 1.5em;
	margin: 0;
	-webkit-mask-image: url("https://cdn-ilecnaj.nitrocdn.com/QyuCmNzrKSfazgpODowDvvTGHAkHWqnA/assets/images/optimized/rev-cd1aee4/www.hpinc.com/wp-content/mu-plugins/hpinc-plugin/dist/svg/arrow-wide-right.svg");
	mask-image: url("https://cdn-ilecnaj.nitrocdn.com/QyuCmNzrKSfazgpODowDvvTGHAkHWqnA/assets/images/optimized/rev-cd1aee4/www.hpinc.com/wp-content/mu-plugins/hpinc-plugin/dist/svg/arrow-wide-right.svg");
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: transform .1s ease-in-out;
	width: 1.5em;
}

.search-grid-results__view-all-arrow.nitro-lazy {
	mask-image: none !important;
}

:root {
	--wp--custom--site-content-width: calc(var(--wp--custom--full-viewport-width) - var(--wp--custom--site-outer-padding) * 2);
}

@media (max-width:768px) {
	:root {
		--wp--custom--site-content-width: calc(100vw - var(--wp--custom--site-outer-padding) * 2);
	}
}
