/* Kirra docs search — sits inside the Primer theme's .markdown-body. */

.kds-header {
	margin: -8px 0 24px;
}

.kds-form {
	position: relative;
	max-width: 560px;
	margin: 0;
}

.kds-input,
.markdown-body .kds-page-input {
	box-sizing: border-box;
	width: 100%;
	padding: 8px 12px;
	font-size: 15px;
	line-height: 20px;
	color: #24292e;
	background: #fff;
	border: 1px solid #d1d5da;
	border-radius: 6px;
	box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
}

.kds-input:focus,
.markdown-body .kds-page-input:focus {
	border-color: #0366d6;
	outline: none;
	box-shadow: 0 0 0 3px rgba(3, 102, 214, 0.3);
}

.kds-dropdown {
	position: absolute;
	z-index: 100;
	top: calc(100% + 4px);
	left: 0;
	right: 0;
	max-height: 70vh;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #d1d5da;
	border-radius: 6px;
	box-shadow: 0 8px 24px rgba(27, 31, 35, 0.15);
}

.markdown-body a.kds-result,
.markdown-body a.kds-all {
	display: block;
	padding: 8px 12px;
	color: #24292e;
	text-decoration: none;
	border-bottom: 1px solid #eaecef;
}

.markdown-body a.kds-result:hover,
.markdown-body a.kds-all:hover,
.markdown-body a.kds-active {
	background: #f1f8ff;
	text-decoration: none;
}

.kds-result-title {
	display: block;
	font-weight: 600;
	color: #0366d6;
}

.kds-result-category {
	display: inline-block;
	margin-top: 2px;
	font-size: 12px;
	color: #586069;
}

.kds-result-snippet {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: #444d56;
}

.markdown-body a.kds-all {
	font-size: 13px;
	font-weight: 600;
	color: #0366d6;
	border-bottom: 0;
}

.kds-result mark {
	padding: 0 1px;
	color: inherit;
	background: #fff5b1;
	border-radius: 2px;
}

.kds-empty,
.kds-message {
	margin: 0;
	padding: 12px;
	font-size: 14px;
	color: #586069;
}

.kds-empty p {
	margin: 0 0 8px;
}

.markdown-body a.kds-request {
	display: inline-block;
	padding: 6px 12px;
	font-weight: 600;
	color: #fff;
	background: #2ea44f;
	border-radius: 6px;
	text-decoration: none;
}

.markdown-body a.kds-request:hover {
	background: #2c974b;
	text-decoration: none;
}

.markdown-body .kds-empty .kds-request-note {
	margin: 8px 0 0;
	font-size: 12px;
}

/* search.html */

.kds-page-status {
	margin: 12px 0;
	color: #586069;
}

.kds-page-results a.kds-result {
	padding: 12px 0;
}

.kds-page-results a.kds-result:hover {
	background: none;
}

.kds-page-results a.kds-result:hover .kds-result-title {
	text-decoration: underline;
}

.kds-page-results .kds-empty {
	padding: 12px 0;
}