.search-select:not(.qsd) { margin-bottom: 16px; }

@media (max-width: 575px) {
	.search-select > .search-tag-list {
		flex-wrap: nowrap; overflow: hidden; overflow-x: auto;
		scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none;
		margin-left: var(--wrp-p-inv); margin-right: var(--wrp-p-inv);
		gap: 0;
	}
	.search-select > .search-tag-list::-webkit-scrollbar { display: none; }
	.search-select > .search-tag-list::after,
	.search-select > .search-tag-list::before { content: ""; width: var(--wrp-p); flex-shrink: 0; }

	.search-select > .search-tag-list .search-tag-item + .search-tag-item { margin-left: 6px; }
}

.search-f {
	--search-field-h: 48px;
	position: relative; display: flex; align-items: center;
}
.search-f > input {
	--field-h: var(--search-field-h);
 	--field-rd: 24px !important;
	padding-left: 44px !important; 
	padding-right: 48px !important;
}
.search-fl {
	position: absolute; inset: 0; display: flex; align-items: center;
	pointer-events: none; user-select: none; padding: 12px; gap: 8px;
	opacity: .4;
}
.search-fl .search-fl-cont { min-width: 0; }
.search-f .search-fb {
	--btn-h: var(--search-field-h);
	--btn-pad-x: 12px;
    --btn-pad-y: 12px;
	position: absolute; right: 0;
	opacity: .4; transition: opacity .2s ease;
}
.search-f.ready .search-fb { opacity: 1; }
.search-f:not(.empty) .search-fl-cont { display: none; }

.search-result-info { font-size: var(--fs-1); margin-bottom: 16px; }