.mm-site {
	--mm-header-search-size: 48px;
	--mm-search-width: 48rem;
	--mm-search-height: 80dvh;
	--mm-search-backdrop: #000000d9;
	--mm-search-pill-radius: 999px;
	--mm-language-width: 36rem;
}

:where(.mm-site) .site-header .mobile-search,
:where(.mm-site) .site-header .mobile-language {
	display: none;
}

:where(.mm-site) .search-open {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: var(--mm-header-search-size);
	height: var(--mm-header-search-size);
	padding: 0;
	border: 0;
	border-radius: 50%;
	color: inherit;
	background: transparent;
	cursor: pointer;
}

:where(.mm-site) .search-open:focus-visible {
	outline: 3px solid var(--mm-focus);
	outline-offset: 3px;
}

:where(.mm-site) .search-open svg {
	flex-shrink: 0;
}

:where(.mm-site) a.search-open.language-open {
	width: auto;
	min-width: var(--mm-header-search-size);
	padding-inline: 12px;
	border-radius: 999px;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
	font-family: var(--mm-button-family);
	font-size: var(--mm-button-size);
	font-weight: var(--mm-button-weight);
	letter-spacing: var(--mm-button-tracking);
	line-height: 1;
}

@media (max-width: 1024px) {
	:where(.mm-site) .site-header.has-mobile-menu .nav-shell {
		grid-template-columns: minmax(0, 1fr) auto auto auto;
	}

	:where(.mm-site) .site-header .mobile-search:not([hidden]) {
		display: inline-flex;
		grid-column: 2;
		grid-row: 1;
		padding-inline: var(--mm-space-xs);
	}

	:where(.mm-site) .site-header .mobile-language:not([hidden]) {
		display: inline-flex;
		grid-column: 3;
		grid-row: 1;
	}

	:where(.mm-site) .site-header.has-mobile-menu .mobile-menu-button {
		grid-column: 4;
		grid-row: 1;
	}

	:where(.mm-site) .mobile-menu .search-open {
		display: none;
	}

	:where(.mm-site) .site-header.has-mobile-menu .logo {
		max-width: 100%;
	}
}

@media (max-width: 420px) {
	:where(.mm-site) .site-header.has-mobile-menu .nav-shell {
		column-gap: var(--mm-p-space1);
	}
}

:where(.mm-site) .search-dialog {
	width: min(var(--mm-search-width), calc(100% - 2 * var(--mm-space-sm)));
	max-height: min(var(--mm-search-height), calc(100dvh - 2 * var(--mm-space-sm)));
	padding: 0;
	overflow: auto;
	background: transparent;
	border: 0;
	box-shadow: none;
	margin: auto;
}

:where(.mm-site) .search-dialog[open] {
	display: flex;
	flex-direction: column;
	gap: var(--mm-space-sm);
}

:where(.mm-site) .search-response {
	min-height: 0;
	background: var(--mm-bg);
	color: var(--mm-text);
	border: 1px solid var(--mm-border);
	border-radius: var(--mm-radius);
	overflow: auto;
}

:where(.mm-site) .language-dialog {
	width: min(var(--mm-language-width), calc(100% - 2 * var(--mm-space-sm)));
}

:where(.mm-site) .language-dialog::backdrop {
	background: #0009;
}

:where(.mm-site) .search-dialog::backdrop {
	background: var(--mm-search-backdrop);
	backdrop-filter: blur(3px);
}

:where(.mm-site) .search-accessible {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

:where(.mm-site) .search-bar {
	display: flex;
	align-items: center;
	gap: var(--mm-space-xs);
	padding: var(--mm-space-xs) var(--mm-space-sm);
	border: 1px solid var(--mm-control-border);
	border-radius: var(--mm-search-pill-radius);
	background: var(--mm-bg);
	color: var(--mm-text);
	flex-shrink: 0;
}

:where(.mm-site) .search-bar > svg {
	flex-shrink: 0;
}

:where(.mm-site) .search-dialog .search-bar input {
	width: 100%;
	min-width: 0;
	min-height: var(--mm-button-height);
	border: 0;
	background: transparent;
	color: var(--mm-text);
	padding: var(--mm-space-xs);
	margin: 0;
	font: inherit;
}

:where(.mm-site) .search-dialog .search-bar input:focus-visible {
	outline: none;
}

:where(.mm-site) .search-bar:focus-within {
	outline: 2px solid var(--mm-focus);
	outline-offset: -3px;
}

:where(.mm-site) .search-close {
	display: grid;
	place-items: center;
	flex: 0 0 var(--mm-header-search-size);
	width: var(--mm-header-search-size);
	height: var(--mm-header-search-size);
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--mm-text);
	cursor: pointer;
}

:where(.mm-site) .search-dialog [data-search-status] {
	margin: 0;
	padding: var(--mm-space-xs) var(--mm-space-sm);
	flex-shrink: 0;
	color: var(--mm-muted);
}

:where(.mm-site) .search-dialog [data-search-results] {
	min-height: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 0 var(--mm-space-xs);
}

:where(.mm-site) .search-dialog section {
	margin: 0;
}

:where(.mm-site) .search-dialog section h3 {
	margin: 0;
	padding: var(--mm-space-xs);
}

:where(.mm-site) .search-result {
	display: grid;
	gap: var(--mm-p-space1);
	padding: var(--mm-space-xs);
	border-block-start: 1px solid var(--mm-border);
	text-decoration: none;
	overflow-wrap: anywhere;
}

:where(.mm-site) .search-result span {
	color: var(--mm-muted);
}

:where(.mm-site) .search-result:focus,
:where(.mm-site) .search-result:hover {
	background: var(--mm-surface);
}

:where(.mm-site) .search-dialog #search-help {
	max-width: none;
	margin: 0;
	padding: var(--mm-space-xs) var(--mm-space-sm);
	border-top: 1px solid var(--mm-border);
	flex-shrink: 0;
}

:where(.mm-site) .site-header .mobile-search {
	min-width: var(--mm-header-search-size);
	min-height: var(--mm-header-search-size);
}

:where(.mm-site) .site-header .logo {
	width: var(--mm-logo-width);
	height: var(--mm-logo-height);
}

:where(.mm-site) .site-header.has-mobile-menu .logo {
	width: var(--mm-logo-mobile-width);
	height: var(--mm-logo-mobile-height);
}

@media (min-width: 1025px) {
	:where(.mm-site) .site-header.has-mobile-menu .logo {
		width: var(--mm-logo-width);
		height: var(--mm-logo-height);
	}
}

@media (max-width: 420px) {
	:where(.mm-site) .site-header.has-mobile-menu .logo {
		width: var(--mm-logo-narrow-width);
	}
}