/* framework/posts-filter — measured off live's press-room sidebar: a 388x34
   input on a 2px #ddd rule with the magnifier inside it, and a 34px select.
   Live has no submit button on either, and neither does this. */
.vk-filter__heading {
	margin: 0 0 14px;
	font-size: 27px;
	/* 29.9, measured. At 38 each of the two filter headings stood 8px taller
	   than live's and pushed the control under it down with them. */
	line-height: 29.9px;
	letter-spacing: -0.94px;
	font-weight: 700;
	color: #272727;
}
.vk-filter__heading + .vk-filter__field { margin-bottom: 34px; }
.vk-filter__field { margin: 0; }

.vk-filter__search,
.vk-filter__cat {
	box-sizing: border-box;
	width: 100%;
	height: 34px;
	border-radius: 0;
	background-color: #fff;
	font-size: 13px;
	color: #555;
}
.vk-filter__search {
	border: 2px solid #ddd;
	padding: 0 8px 0 28px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23888'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-1.4-.001a5 5 0 1 1-7.07-7.07 5 5 0 0 1 7.07 7.07z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 8px 50%;
	background-size: 13px 13px;
}
.vk-filter__search::-webkit-search-cancel-button { cursor: pointer; }
.vk-filter__cat { border: 1px solid #ccc; padding: 0 8px; }

.vk-filter__empty { margin: 18px 0 0; font-size: 14px; color: #808080; }

/* A card the filter has ruled out, and a row left with none. */
.vk-recent__card[hidden],
.vk-recent__grid[hidden] { display: none !important; }

/* Results and their loading line. The results grid inherits the listing's own
   grid style from the row it replaces, so a filtered card cannot look
   different from a listed one. */
.vk-filter__results:not([hidden]) {
	display: grid;
}

.vk-filter__status {
	margin: 24px 0 0;
	font-size: 14px;
	line-height: 19.6px;
	color: #808080;
}

.vk-filter__sentinel {
	height: 1px;
}

/* The canvas gives inputs its own near-black; the page's search box types in
   the site's #555. Specific enough to outrank the canvas rule. */
.editor-styles-wrapper .vk-filter__search,
.editor-styles-wrapper .vk-filter__cat {
	color: #555;
	min-height: 0;
}