﻿.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 .form-control {
	--field-h: var(--search-field-h);
 	--field-rd: 24px !important;
	padding-left: 44px !important; 
	padding-right: 48px !important;
	width: 100%;
}
.search-f .form-control .muted { color: hsla(var(--c-text), .3); }
.search-f-maket * { pointer-events: none; user-select: none; }
.search-f-maket { cursor: pointer; }
.search-f-maket:hover .form-control {
	--field-sw: inset 0 0 0 1.5px hsla(var(--c-text),0.5), 0 0 0 3px hsla(var(--c-text),0.05);
}

.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; }