#search-popup-wrap,
#author-popup-wrap {
	display: none
}

.search-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s 0s, visibility 0s .3s;
	z-index: 9999
}

@supports (((-webkit-backdrop-filter:blur(6px)) or (backdrop-filter:blur(6px)))) {
	.search-popup {
		background-color: rgba(0, 0, 0, .5);
		-webkit-backdrop-filter: saturate(180%) blur(6px);
		backdrop-filter: saturate(180%) blur(6px)
	}
}

.search-hidden {
	overflow: hidden
}

.search-popup.is-visible {
	opacity: 1;
	visibility: visible;
	transition: opacity .3s 0s, visibility 0s 0s
}

.search-popup .search-popup-content {
	position: relative;
	max-width: 740px;
	width: 100%;
	padding: 3rem;
	margin: 5rem auto;
	background-color: #fff;
	transform: translateY(-2.5rem);
	transition-property: transform;
	transition-duration: .3s
}

.search-popup.is-visible .search-popup-content {
	transform: translateY(0)
}

.search-popup .search-popup-close {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 2.5rem;
	height: 2.5rem;
	border: none;
	cursor: pointer;
	outline: none;
	border-radius: 50%;
	transition: transform .6s
}

.search-popup .search-popup-close:hover {
	transform: rotate(360deg) scale(1.1);
	transition: transform .6s
}

.search-popup .search-popup-close:before,
.search-popup .search-popup-close:after {
	content: "";
	position: absolute;
	top: 1.1875rem;
	width: 1.25rem;
	height: .0625rem;
	background-color: var(--color-secondary)
}

.search-popup .search-popup-close:before {
	transform: rotate(45deg);
	left: .625rem
}

.search-popup .search-popup-close:after {
	transform: rotate(-45deg);
	right: .625rem
}

.search-popup .search-popup-body {
	position: relative;
	padding: 5rem 0 3rem
}

.search-popup .search-popup-form {
	position: relative
}

.search-popup .search-popup-button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 3rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.search-popup .search-popup-button:hover,
.search-popup .search-popup-button:focus {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: #fff
}

.search-popup .search-popup-tags {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 8px
}

.search-popup .search-popup-tags a {
	position: relative
}

.search-popup .search-popup-tags a.hot {
	background-color: rgba(255, 103, 80, .05);
	border-color: rgba(255, 103, 80, .05);
	color: #ff6750;
	padding-left: 30px
}

.search-popup .search-popup-tags a.hot:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 50%;
	width: 14px;
	height: 14px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iNDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEzLjg2OC40NzdhMS43NTEgMS43NTEgMCAwIDEgMi40MTEuMDA5IDcwLjY1NyA3MC42NTcgMCAwIDEgNi43NjQgNy4zODJjLjk1OC0xLjI2NiAyLjA0Ni0yLjY0NSAzLjIyMS0zLjc3LjY4OC0uNjUgMS43NS0uNjUgMi40MzguMDA5IDMuMDEyIDIuOSA1LjU2MiA2LjczMiA3LjM1NiAxMC4zN0MzNy44MjUgMTguMDYzIDM5IDIxLjcyNyAzOSAyNC4zMTIgMzkgMzUuNTI2IDMwLjMxMiA0NSAxOS41IDQ1IDguNTY2IDQ1IDAgMzUuNTE3IDAgMjQuMzAzYzAtMy4zNzUgMS41NS03LjQ5NyAzLjk1Mi0xMS41NzVDNi4zODEgOC41ODggOS44MTEgNC4yNzMgMTMuODY4LjQ3N1ptNS43OCAzNi4wODZjMi4yMDIgMCA0LjE1Mi0uNjE1IDUuOTktMS44NDYgMy42NjQtMi41ODQgNC42NDgtNy43NTEgMi40NDUtMTEuODEyLS4zOTEtLjc5LTEuMzkyLS44NDMtMS45NTgtLjE3NWwtMi4xOTQgMi41NzVjLS41NzUuNjY4LTEuNjEuNjUtMi4xNS0uMDQ0YTYwNTMuNTgxIDYwNTMuNTgxIDAgMCAwLTUuNDY3LTcuMDE0IDEuMzYgMS4zNiAwIDAgMC0yLjE1LS4wMDhjLTIuOTQzIDMuNzM1LTQuNDIzIDYuMDktNC40MjMgOC43MzUuMDA5IDYuMDIgNC40MTQgOS41ODkgOS45MDcgOS41ODlaIiBmaWxsPSJ1cmwoI2EpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMTkuNSIgeTE9IjAiIHgyPSIxOS41IiB5Mj0iNDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZDMzk3Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRkYzNzE4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+');
	transform: translate(0, -50%)
}

@media (max-width:767.98px) {
	.search-popup .search-popup-content {
		padding: 1.5rem;
		margin: 5rem auto;
		width: 90%
	}

	.search-popup .search-popup-body {
		padding: 4rem 0 2rem
	}

	.search-popup .search-popup-close {
		width: 1.9375rem;
		height: 1.9375rem;
		top: 0;
		right: 0;
		transform: translateY(-115%)
	}

	.search-popup .search-popup-close:before {
		transform: rotate(45deg);
		left: .5rem
	}

	.search-popup .search-popup-close:after {
		transform: rotate(-45deg);
		right: .5rem
	}

	.search-popup .search-popup-close:before,
	.search-popup .search-popup-close:after {
		top: .9375rem;
		width: .9375rem
	}
}

@media (min-width:768px) and (max-width:991.98px) {
	.search-popup .search-popup-content {
		padding: 2rem;
		margin: 3rem auto;
		width: 90%
	}

	.search-popup .search-popup-close {
		right: 0;
		top: 0
	}
}

@media (min-width:992px) and (max-width:1199.98px) {
	.search-popup .search-popup-close {
		right: 0;
		top: 0
	}
}

body[data-scheme=dark] .search-popup .search-popup-content {
	background-color: var(--bg-secondary)
}

@media (prefers-color-scheme:dark) {
	body[data-scheme=auto] .search-popup .search-popup-content {
		background-color: var(--bg-secondary)
	}
}