:root {
	--as-background-color: #2c3338;
	--as-background-color-rgb: 44 51 56;
	--as-focus-color: #2271b1;
	--as-focus-text-color: #72aee6;
	--as-primary-color: #ffffff;
	--as-primary-color-rgb: 255 255 255;
}

@media (min-width: 783px) {

:root {
	--as-background-color: #1d2327;
	--as-background-color-rgb: 29 35 39;
}

}


#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default #wp-admin-bar-admin-search-toggle .ab-icon {
	margin-right: 0;
}

@media (min-width: 261px) and (max-width: 782px) {

#wpadminbar li#wp-admin-bar-admin-search-toggle {
	display: block;
}

}

#wpadminbar #wp-admin-bar-admin-search-toggle .ab-icon::before {
	content: "\f179";
	top: 3px;
}

@media (min-width: 783px) {

#wpadminbar #wp-admin-bar-admin-search-toggle .ab-icon::before {
	top: 2px;
}

}

#admin-search-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 46px 0 0;
	display: flex;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	z-index: 160001;
}

@media (min-width: 783px) {

#admin-search-modal {
	padding-top: 32px;
}

.is-fullscreen-mode #admin-search-modal {
	padding: 0;
}

}

#admin-search-modal-background {
	position: absolute;
	width: 100%;
	height: 100%;
}


#admin-search-container {
	position: relative;
	width: 100%;
	margin: auto;
	background: var(--as-background-color);
	color: var(--as-primary-color);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
	line-height: 1.4em;
}

@media (min-width: 783px) {

#admin-search-container {
	max-width: 673px;
	margin: 25vh auto auto;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgb(0 0 0 / 20%);
}

}

#admin-search-input {
	position: relative;
	overflow: hidden;
}

#admin-search-input-field {
	width: 100%;
	height: 52px;
	margin: 0;
	float: right;
	background: none;
	border: 0;
	border-radius: 0;
	color: var(--as-primary-color);
	font-size: 1.25em;
	line-height: 52px;
	box-shadow: none;
	outline: none;
}

#admin-search-input-field::-webkit-input-placeholder {
	color: rgb(var(--as-primary-color-rgb) / 50%);
}

#admin-search-input-field::-moz-placeholder {
	color: rgb(var(--as-primary-color-rgb) / 50%);
}

#admin-search-input-field:-ms-input-placeholder {
	color: rgb(var(--as-primary-color-rgb) / 50%);
}

#admin-search-input-field:-moz-placeholder {
	color: rgb(var(--as-primary-color-rgb) / 50%);
}

@media (min-width: 783px) {

#admin-search-input-field {
	width: 100%;
	width: -webkit-calc(100% - 64px);
	width: calc(100% - 64px);
	height: 64px;
	font-size: 1.75em;
	line-height: 64px;
}

}

#admin-search-input-submit {
	width: 64px; 
	height: 64px;
	margin: 0;
	padding: 0 8px 0 32px;
	float: left;
	background: none;
	border: 0;
	box-shadow: none;
	color: var(--as-primary-color);
	outline: none;
	display: none;
}

@media (min-width: 782px) {

#admin-search-input-submit {
	display: block;
}

}

#admin-search-input-submit svg {
	content: '';
	width: 24px;
	height: 24px;
	display: block;
	fill: rgb(var(--as-primary-color-rgb) / 50%);
}

#admin-search-input-submit:focus svg {
	fill: var(--as-focus-text-color);
}

#admin-search-settings-link {
	position: absolute;
	top: 50%;
	right: 18px;
	width: 24px;
	height: 24px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (min-width: 783px) {

#admin-search-settings-link {
	right: 32px;
}

}

#admin-search-settings-link a {
	display: block;
	background: var(--as-background-color);
	border-radius: 2px;
	opacity: 0;
	transition: opacity 100ms ease;
}

#admin-search-input:hover #admin-search-settings-link a {
	opacity: 1;
}

#admin-search-modal.admin-search-results-loading #admin-search-settings-link a {
	opacity: 0;
}

#admin-search-settings-link svg {
	width: 24px;
	height: 24px;
	display: block;
	fill: var(--as-focus-text-color);
}

#admin-search-settings-link a:focus {
	opacity: 1;
}

#admin-search-status-indicator {
	position: absolute;
	top: 50%;
	right: 18px;
	width: 24px;
	height: 24px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	transition: opacity 100ms ease;
}

@media (min-width: 783px) {

#admin-search-status-indicator {
	right: 32px;
}

}

#admin-search-modal.admin-search-results-loading #admin-search-status-indicator {
	opacity: 1;
}

#admin-search-status-indicator svg {
	width: 24px;
	height: 24px;
	display: block;
	fill: rgb(var(--as-primary-color-rgb) / 50%);
}

#admin-search-results {
	height: -webkit-calc(100vh - 98px);
	height: calc(100vh - 98px);
	overflow-x: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	-webkit-transition: height 200ms ease;
	transition: height 200ms ease;
}

@media (min-width: 783px) {

#admin-search-results {
	height: 0;
}

#admin-search-modal.admin-search-results-open #admin-search-results {
	height: 352px;
	height: -webkit-calc(60vh - 98px);
	height: calc(60vh - 98px);
}

}

#admin-search-modal.admin-search-results-loading #admin-search-results {
	overflow-y: hidden;
}

#admin-search-results::-webkit-scrollbar {
	width: 12px;
}

#admin-search-modal.admin-search-results-loading #admin-search-results::-webkit-scrollbar {
	display: none;
}
 
#admin-search-results::-webkit-scrollbar-thumb {
	background-color: rgb(var(--as-primary-color-rgb) / 20%);
	border: 1px solid rgb(var(--as-primary-color-rgb) / 10%);
}

#admin-search-results-message {
	height: 90%;
	display: flex;
}

#admin-search-results-message-content {
	margin: auto;
	font-size: 1.25em;
}

.admin-search-result-group {
	margin: 0 0 16px;
}

.admin-search-result-group-title {
	position: relative;
	padding: 16px 10px 10px;
	box-sizing: border-box;
	background: rgb(var(--as-background-color-rgb) / 90%);
	background: linear-gradient(180deg, var(--as-background-color), rgb(var(--as-background-color-rgb) / 90%));
	backdrop-filter: blur(8px);
	color: rgb(var(--as-primary-color-rgb) / 50%);
	font-weight: 500;
	z-index: 1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}

@supports (position: sticky) or (position: -webkit-sticky) {

.admin-search-result-group-title {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

}

.admin-search-result-group-title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	height: 1px;
	background: rgb(var(--as-primary-color-rgb) / 10%);
}

@media (min-width: 783px) {

.admin-search-result-group-title {
	padding: 16px 32px 10px;
}

.admin-search-result-group-title::before {
	left: 32px;
	right: 32px;
}

}

.admin-search-result-group-shortcut {
	position: absolute;
	top: 0;
	right: 0;
}

.admin-search-result-group-shortcut a {
	display: block;
	padding: 16px 10px;
	box-shadow: none;
	color: var(--as-focus-text-color);
	text-decoration: none;
	opacity: 0;
	outline: none;
	transition: 100ms ease;
	transition-property: color, opacity;
}

@media (min-width: 783px) {

.admin-search-result-group-shortcut a {
	padding: 16px 32px 10px;
}

}

.admin-search-result-group:hover .admin-search-result-group-shortcut a,
.admin-search-result-group-shortcut a:focus {
	opacity: 1;
}

.admin-search-result-group-shortcut a::after {
	content: '\2192';
	display: block;
	vertical-align: -1px;
}

.admin-search-results {
	
}

.admin-search-result-group.admin-search-attachment-post-type .admin-search-results {
	padding: 10px 2px 32px;
	overflow: hidden;
}

@media (min-width: 783px) {

.admin-search-result-group.admin-search-attachment-post-type .admin-search-results {
	padding: 10px 24px 32px;
}

}

.admin-search-result {
}

.admin-search-result-group.admin-search-attachment-post-type .admin-search-result {
	width: 33.3333%;
	padding: 10px;
	float: left;
	box-sizing: border-box;
}

@media (min-width: 551px) {

.admin-search-result-group.admin-search-attachment-post-type .admin-search-result {
	width: 25%;
}

}

.admin-search-result-focussed {
	background-color: var(--as-focus-color);
}

.admin-search-result a {
	display: block;
	padding: 10px 10px;
	color: var(--as-primary-color);
	text-decoration: none;
	transition: none;
}

.admin-search-result > span {
	display: block;
	padding: 10px 10px;
}

@media (min-width: 783px) {

.admin-search-result a,
.admin-search-result > span {
	padding: 10px 32px;
}

}

.admin-search-result a {
	box-shadow: none;
	outline: none;
}

.admin-search-result-group.admin-search-attachment-post-type .admin-search-result a {
	padding: 0;
	background: none;
	border-radius: 2px;
}

.admin-search-result-group.admin-search-attachment-post-type .admin-search-result a:focus {
	box-shadow: 0 0 0 1px var(--as-focus-color), 0 0 2px 1px var(--as-focus-color);
}

.admin-search-result-container {
	position: relative;
	display: flex;
}

.admin-search-result-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex-grow: 1;
}

a[target="_blank"] .admin-search-result-title::after {
	content: '\2192';
	display: inline-block;
	vertical-align: -1px;
	transform: rotate(-45deg);
}

.admin-search-result-title-highlight {
	text-decoration: underline;
	text-decoration-color: rgb(var(--as-primary-color-rgb) / 80%);
}

.admin-search-result-status {
	color: rgb(var(--as-primary-color-rgb) / 80%);
	font-weight: normal;
}

.admin-search-result-date {
	min-width: 124px;
	overflow: hidden;
	padding-left: 1em;
	box-sizing: border-box;
	color: rgb(var(--as-primary-color-rgb) / 80%);
	text-align: right;
	white-space: nowrap;
	display: none;
}

@media (min-width: 783px) {

.admin-search-result-focussed .admin-search-result-date {
	display: block;
}

}

.admin-search-result-preview {
	position: relative;
}

.admin-search-result-preview::after {
	content: '';
	display: block;
	padding: 100% 0 0;
}

.admin-search-result-preview img {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 2px;
	object-fit: cover;
	object-position: center;
}

.admin-search-result-file {
	position: relative;
}

.admin-search-result-file::after {
	content: '';
	display: block;
	padding: 100% 0 0;
}

.admin-search-result-file-container {
	position: absolute;
	top: 50%;
	width: 100%;
	-moz-transform: translatey(-50%);
	-webkit-transform: translatey(-50%);
	transform: translatey(-50%);
}

.admin-search-result-file-icon {
	width: 44px;
	height: 44px;
	display: block;
	margin: 0 auto 8px;
	background: var(--as-primary-color);
	padding: 6px;
	box-sizing: border-box;
	object-fit: contain;
	object-position: center;
	border-radius: 2px;
}

.admin-search-result-file-title {
	text-align: center;
}

.admin-search-result-group-pagination {
	margin: 8px 10px 10px;
}

@media (min-width: 783px) {

.admin-search-result-group-pagination {
	margin: 10px 32px 10px;
}

}

.admin-search-result-group-pagination button {
	position: relative;
	height: 24px;
	display: block;
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	color: var(--as-focus-text-color);
	font: inherit;
	font-weight: 600;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.admin-search-result-group-pagination button span {
	line-height: 24px;
	transition: opacity 100ms ease;
}

.admin-search-result-group-pagination.admin-search-results-loading button span {
	opacity: 0;
}

.admin-search-result-group-pagination-status-indicator {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	opacity: 0;
	transition: opacity 100ms ease;
}

.admin-search-result-group-pagination.admin-search-results-loading .admin-search-result-group-pagination-status-indicator {
	opacity: 1;
}

.admin-search-result-group-pagination-status-indicator svg {
	width: 24px;
	height: 24px;
	display: block;
	fill: rgb(var(--as-primary-color-rgb) / 50%);
}