#event_search_container
{
	position: relative;
	display: inline-flex;
	align-items: center;
	order: 1;
	margin-right: 0.75em;
	margin-top: 0.4em;
	z-index: 1200;
	min-width: 0;
}

@media (min-width: 701px) and (min-height: 501px)
{
	#event_search_container
	{
		order: 4;
		margin-right: 0;
		margin-top: 0;
		flex: 0 1 14rem;
	}
}

#event_search_box
{
	display: flex;
	align-items: center;
	column-gap: 0.35em;
	min-width: 12rem;
	padding: 8px 6px;
	background: var(--bright-menu-bg-color);
	border: var(--button-border);
	border-radius: 0.25rem;
	box-shadow: rgb(0 0 0 / 15%) 0 1px 1px 0, rgb(0 0 0 / 9%) 0 2px 5px -1px;
	box-sizing: border-box;
}

@media (min-width: 701px) and (min-height: 501px)
{
	#event_search_box
	{
		width: 100%;
	}

	[data-theme="light"] #event_search_box
	{
		border: 1px solid rgb(203 210 223 / 92%);
		border-radius: 0.42rem;
		background: linear-gradient(180deg, rgb(255 255 255 / 99%) 0%, rgb(250 252 255 / 99%) 100%);
		box-shadow:
			0 1px 2px rgb(15 23 42 / 4%),
			0 8px 20px -16px rgb(15 23 42 / 10%);
	}

	[data-theme="light"] #event_search_box:focus-within
	{
		border-color: rgb(168 179 198 / 96%);
		box-shadow:
			0 1px 2px rgb(15 23 42 / 5%),
			0 10px 24px -16px rgb(15 23 42 / 13%);
	}

	[data-theme="dark"] #event_search_box
	{
		border: 1px solid rgb(149 166 201 / 18%);
		border-radius: 0.42rem;
		background:
			linear-gradient(180deg, rgb(255 255 255 / 2.35%) 0%, rgb(255 255 255 / 0.55%) 100%),
			linear-gradient(135deg, rgb(78 107 171 / 6%) 0%, rgb(9 16 31 / 0%) 76%),
			var(--menu-bg-color);
		box-shadow:
			0 0 0 1px rgb(255 255 255 / 4%),
			inset 0 1px 0 rgb(255 255 255 / 4.5%),
			0 10px 18px -18px rgb(0 0 0 / 72%);
	}

	[data-theme="dark"] #event_search_box:focus-within
	{
		border-color: rgb(176 194 229 / 24%);
		box-shadow:
			0 0 0 1px rgb(255 255 255 / 5%),
			inset 0 1px 0 rgb(255 255 255 / 5.5%),
			0 12px 22px -18px rgb(0 0 0 / 78%);
	}
}

#event_search_input
{
	width: 100%;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--alt-font-color);
	font-size: 0.75em !important;
	line-height: 1;
	font-family: 'Inter', -apple-system, system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#event_search_input::placeholder
{
	opacity: 0.72;
}

@media (min-width: 701px) and (min-height: 501px)
{
	[data-theme="light"] #event_search_input::placeholder
	{
		color: rgb(143 152 168);
		opacity: 1;
	}

	[data-theme="dark"] #event_search_input::placeholder
	{
		color: rgb(151 163 186);
		opacity: 1;
	}
}

#event_search_clear
{
	border: 0;
	background: transparent;
	color: var(--alt-font-color);
	cursor: pointer;
	font-size: 0.72em;
	font-weight: 700;
	line-height: 1;
	padding: 3px 4px;
	border-radius: 999px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 120ms ease-out, background-color 120ms ease-out;
}

#event_search_clear:hover
{
	background-color: rgb(127 127 127 / 18%);
}

@media (min-width: 701px) and (min-height: 501px)
{
	[data-theme="light"] #event_search_clear
	{
		border-radius: 0.32rem;
		color: rgb(79 94 122);
	}

	[data-theme="light"] #event_search_clear:hover
	{
		background: rgb(101 122 167 / 9%);
	}

	[data-theme="dark"] #event_search_clear
	{
		border-radius: 0.32rem;
	}

	[data-theme="dark"] #event_search_clear:hover
	{
		background: rgb(255 255 255 / 6%);
	}
}

#event_search_clear.event_search_clear_visible
{
	opacity: 1;
	pointer-events: auto;
}

#event_search_results
{
	position: absolute;
	top: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%);
	display: none;
	min-width: 20rem;
	max-width: 28rem;
	max-height: 20rem;
	overflow-y: auto;
	border-radius: 0.5rem;
	background: #0c1c30;
	border: 0.5px solid #ffffff7a;
	box-shadow: 0 0 10px rgba(0,0,0,.45);
	padding: 0.35rem;
	box-sizing: border-box;
}

[data-theme="light"] #event_search_results
{
	background: #526fac;
	border: 0.5px solid rgb(43 62 108 / 45%);
}

#event_search_results.event_search_open
{
	display: block;
}

#event_search_results.popup_container_safari
{
	top: calc(100% + 6px);
	left: 50%;
	bottom: auto;
	height: auto !important;
	transform: translateX(-50%);
}

.event_search_result
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 0.18rem;
	width: 100%;
	border: 0;
	background: transparent;
	color: white;
	cursor: pointer;
	text-align: left;
	padding: 0.5rem 0.55rem;
	border-radius: 0.35rem;
}

.event_search_result:hover
{
	background: rgb(255 255 255 / 10%);
}

.event_search_result_primary
{
	display: inline-flex;
	align-items: center;
	column-gap: 0.42rem;
	flex-wrap: wrap;
	font-size: 0.82rem;
	font-weight: 600;
	line-height: 1.2;
}

.event_search_result_meta
{
	font-size: 0.68rem;
	opacity: 0.8;
}

.event_search_empty,
.event_search_off_view_notice
{
	padding: 0.55rem;
	font-size: 0.72rem;
	line-height: 1.3;
	color: white;
	opacity: 0.9;
}

.event_search_off_view_notice
{
	padding-top: 0.4rem;
	border-top: 1px solid rgb(255 255 255 / 12%);
	margin-top: 0.2rem;
}

#schedule tr.ol_search_filtered_out
{
	display: none !important;
}

#schedule tr.ol_search_force_visible
{
	display: table-row !important;
}