.search-panel {
	width: 80vw;
	max-width: var(--content-width);
	height: 80vh;
	max-height: 800px;
	border: 0;
	padding: 0;
	--form-height: 140px;
}
.search-panel::backdrop {
	background-color: rgba(0, 0, 0, 0.7);
}
.search-panel-form {
	height: var(--form-height);
	background-color: var(--clr-calm-light);
	padding-inline: var(--pad-in-1);
	position: relative;
}
.search-panel-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	background-color: var(--clr-calm);
	color: white;
	display: flex;
	width: 50px;
	height: 50px;
	align-items: center;
	justify-content: center;
	font-size: 2.6rem;
	cursor: pointer;
	text-shadow: 0 0 3px var(--clr-grey);
}
.search-panel-close:hover {
	color: var(--clr-thrive);
}
.search-panel-close::after {
	content: "\f00d";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}
.search-panel-form form {
	width: 100%;
	position: relative;
	bottom: 0;
	height: calc(var(--form-height) - 25px);
}
.search-panel-form [name="search"] {
	display: block;
	width: 100%;
	border: 0;
	position: absolute;
	bottom: 0;
	font-size: 1.6rem;
	padding: 5px 10px;
}
.search-panel-form [name="search"]:focus-visible {
	outline: 0;
	background-image: linear-gradient(to top, var(--clr-thrive), var(--clr-thrive) 2px, #fff 2px, #fff);
}
.search-panel-results {
	overflow-x: hidden;
	overflow-y: scroll;
	height: calc(100% - var(--form-height));
}
.search-panel-results-general {
	padding-inline: var(--pad-in-1);
}
.search-panel-results-found {
	color: var(--clr-grey);
	font-weight: 600;
}
.search-panel-results-found .search-term {
	color: var(--clr-onyx);
}
.search-panel-results-services {
	padding-inline: var(--pad-in-1);
	display: none;
}
.search-panel-results-specialties {
	background-color: var(--clr-calm-light);
	padding-inline: var(--pad-in-1);
	color: var(--clr-thrive);
	font-size: 1.375rem;
	font-weight: 600;
	display: none;
}
.search-panel-results-specialties-buttons {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
	padding-block: 25px;
}
.search-panel-results article {
	background-color: var(--clr-soft-grey);
	margin-block: 20px;
	padding-inline: 25px;
	padding-block: 25px;
	cursor: pointer;
}
.search-panel-results article:hover {
	box-shadow: 0 0 10px var(--clr-grey);
}
.search-panel-results-services article {
	background-color: var(--clr-thrive);
	color: var(--clr-white);
	cursor: pointer;
}
.search-panel-results-services h3 {
	color: var(--clr-white);
}
.search-panel-results-services article::before {
	content: 'Our Services';
	color: var(--clr-social);
	margin-block: 10px;
	font-size: 1.375rem;
	font-weight: 600;
	display: block;
}
.search-panel-results-services article a {
	color: var(--clr-white);
}
.search-panel-results-services article a:hover {
	text-decoration: underline;
}
@keyframes loadinggradient {
	0% {
		background-size: 10%;
	}
	100% {
		background-size: 100%;
	}
}
.search-panel.in-progress .search-panel-results {
	filter: blur(2px);
}
.search-panel.in-progress [name="search"] {
	background-image: linear-gradient(90deg, var(--clr-white), rgba(76, 178, 214, 0.5) 80%, var(--clr-white) 100%);
	background-size: 10%;
	background-repeat: no-repeat;
	animation: loadinggradient 5s linear infinite;
}
.search-panel.in-error {
	border: 2px solid red;
}
@media( max-width: 799px) {
	.search-panel {
		width: 100%;
		height: 100%;
	}
}