/* The SearchStack widget on askthissite.com: the same build and theme as searchstack.dev, in EveryPage orange. */
:root {
	/* The Ask dialog opens from the typeahead, so it must sit above the list that opened it. */
	--searchstack-ask-z: 2100;
	--searchstack-list-width: min(40rem, calc(100vw - 2rem));
	--searchstack-list-max-height: 24em;
	--searchstack-list-border-radius: 10px;
	--searchstack-list-border-color: #e5e7eb;
	--searchstack-list-background-color: #fff;
	--searchstack-list-item-background-hover-color: rgba(249, 115, 22, .10);
	--searchstack-list-item-background-focused-color: rgba(249, 115, 22, .16);
	--searchstack-mobile-background-color: #fff;
	--searchstack-mobile-list-item-background-hover-color: rgba(249, 115, 22, .10);
	--searchstack-mobile-list-item-background-focused-color: rgba(249, 115, 22, .16);
	--ep-row-title-color: #18181b;
	--ep-row-crumb-color: #71717a;
}
html .searchstack-ask-card, html .searchstack-ask-row {
	--searchstack-ask-accent-color: #f97316;
	--searchstack-ask-hover-color: rgba(249, 115, 22, .12);
	--searchstack-ask-selected-color: rgba(249, 115, 22, .24);
	--searchstack-ask-background-color: #fff;
	--searchstack-ask-text-color: #18181b;
	--searchstack-ask-border-color: #e5e7eb;
	--searchstack-ask-muted-color: #71717a;
}
@media (prefers-color-scheme: dark) {
	:root {
		--searchstack-list-border-color: #3f3f46;
		--searchstack-list-background-color: #18181b;
		--searchstack-list-item-background-hover-color: rgba(249, 115, 22, .16);
		--searchstack-list-item-background-focused-color: rgba(249, 115, 22, .24);
		--searchstack-mobile-background-color: #18181b;
		--searchstack-mobile-list-item-background-hover-color: rgba(249, 115, 22, .16);
		--searchstack-mobile-list-item-background-focused-color: rgba(249, 115, 22, .24);
		--ep-row-title-color: #f4f4f5;
		--ep-row-crumb-color: #a1a1aa;
	}
	html .searchstack-ask-card, html .searchstack-ask-row {
		--searchstack-ask-hover-color: rgba(249, 115, 22, .18);
		--searchstack-ask-selected-color: rgba(249, 115, 22, .32);
		--searchstack-ask-background-color: #18181b;
		--searchstack-ask-text-color: #f4f4f5;
		--searchstack-ask-border-color: #3f3f46;
		--searchstack-ask-muted-color: #a1a1aa;
	}
}
.ep-row { display: flex; gap: 10px; align-items: flex-start; min-width: 0; }
.ep-row-icon { flex: 0 0 auto; color: #f97316; display: flex; margin-top: 1px; }
.ep-row-text { min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.ep-row-title { font-weight: 600; font-size: .875rem; color: var(--ep-row-title-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ep-row-crumb { font-size: .75rem; color: var(--ep-row-crumb-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }