#mobile_header_menu
{
	display: none;
}

@media (hover: none) and (pointer: coarse) and (min-width: 600px) and (max-width: 1100px) and (orientation: portrait),
	   (hover: none) and (pointer: coarse) and (min-height: 600px) and (max-height: 1100px) and (orientation: landscape)
{
	#header_branding
	{
		display: none !important;
	}
}

@media (hover: none) and (pointer: coarse)
{

	[data-theme="light"] #mobile_header_hamburger
	{
		border-color: rgb(57 81 135 / 22%);
		background: rgb(255 255 255 / 82%);
		box-shadow: 0 8px 18px rgb(63 81 120 / 16%), inset 0 1px 0 rgb(255 255 255 / 88%);
	}
}

@media (hover: none) and (pointer: coarse) and (max-width: 700px),
	   (hover: none) and (pointer: coarse) and (max-height: 500px) and (orientation: landscape),
	   (max-width: 700px) and (max-device-width: 700px),
	   (max-height: 500px) and (max-device-width: 1000px) and (orientation: landscape)
{

	#mobile_header_menu
	{
		display: block;
		position: absolute;
		top: 0.35rem;
		right: 0.55rem;
		z-index: 1700;
	}

	#mobile_header_toggle
	{
		display: none;
	}

	#mobile_header_hamburger
	{
		position: relative;
		z-index: 1702;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		row-gap: 5px;
		width: 34px;
		height: 34px;
		padding: 0;
		border: 1px solid rgb(255 255 255 / 16%);
		border-radius: 10px;
		background: rgb(7 17 31 / 72%);
		box-shadow: 0 8px 18px rgb(0 0 0 / 24%), inset 0 1px 0 rgb(255 255 255 / 9%);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		cursor: pointer;
		touch-action: manipulation;
	}

	#mobile_header_hamburger span
	{
		display: block;
		width: 18px;
		height: 2px;
		margin: 0 auto;
		border-radius: 999px;
		background: var(--alt-font-color);
		transform-origin: center;
		transition: transform 220ms var(--transition-easing-emphasized), opacity 160ms ease-out, background-color 160ms ease-out;
	}

	#mobile_header_toggle:checked + #mobile_header_hamburger span:nth-child(1)
	{
		transform: translateY(7px) rotate(45deg);
	}

	#mobile_header_toggle:checked + #mobile_header_hamburger span:nth-child(2)
	{
		opacity: 0;
		transform: scaleX(0.2);
	}

	#mobile_header_toggle:checked + #mobile_header_hamburger span:nth-child(3)
	{
		transform: translateY(-7px) rotate(-45deg);
	}

	#mobile_header_drawer
	{
		position: fixed;
		inset: 0;
		z-index: 1701;
		width: 100vw;
		height: 100%;
		height: var(--ol-app-height, 100dvh);
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		background:
			radial-gradient(circle at 85% 0%, rgb(47 103 176 / 20%), transparent 34%),
			linear-gradient(180deg, var(--primary-bg-color) 0%, #07111f 100%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transform: translateY(-10px) scale(0.985);
		transform-origin: top right;
		transition: opacity 190ms ease-out, transform 230ms var(--transition-easing-emphasized), visibility 0ms linear 230ms;
		box-sizing: border-box;
	}

	[data-theme="light"] #mobile_header_drawer
	{
		background:
			radial-gradient(circle at 85% 0%, rgb(76 111 180 / 20%), transparent 34%),
			linear-gradient(180deg, #eef3ff 0%, #dde7f9 100%);
	}

	#mobile_header_toggle:checked ~ #mobile_header_drawer
	{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0) scale(1);
		transition: opacity 190ms ease-out, transform 230ms var(--transition-easing-emphasized), visibility 0ms linear 0ms;
	}

	#mobile_header_drawer_content
	{
		display: flex;
		flex-direction: column;
		row-gap: 0.8rem;
		min-height: 100%;
		padding: calc(3.2rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));
		box-sizing: border-box;
	}

	#mobile_event_search_mount
	{
		position: relative;
		width: 100%;
		z-index: 3;
	}

	#mobile_event_search_mount #event_search_container
	{
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		z-index: 1;
	}

	#mobile_event_search_mount #event_search_box
	{
		width: 100%;
		min-width: 0;
		position: relative;
		z-index: 2;
	}

	#mobile_event_search_mount #event_search_results
	{
		position: absolute;
		left: 0;
		right: 0;
		top: calc(100% + 0.65rem);
		width: auto;
		min-width: 100%;
		max-width: none;
		max-height: calc(var(--ol-app-height, 100dvh) - 10rem);
		margin-top: 0;
		transform: none;
		z-index: 4;
	}

}

@media (hover: none) and (pointer: coarse) and (max-width: 700px),
	   (hover: none) and (pointer: coarse) and (max-height: 500px) and (orientation: landscape),
	   (max-width: 700px) and (max-device-width: 700px),
	   (max-height: 500px) and (max-device-width: 1000px) and (orientation: landscape)
{
	html,
	body
	{
		width: 100%;
		height: 100%;
		height: var(--ol-app-height, 100dvh);
		margin: 0;
		overflow: hidden;
		-webkit-text-size-adjust: 100%;
	}

	#fullpage
	{
		height: 100%;
		height: var(--ol-app-height, 100dvh);
		min-height: 100%;
		min-height: var(--ol-app-height, 100dvh);
	}

	#tablecontainer
	{
		flex: 1 1 auto;
		min-height: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: env(safe-area-inset-bottom);
	}

	#table_scroll
	{
		min-height: 100%;
	}

	:root,
	html
	{
		--timeWidth: 37px !important;
		--gnumWidth: 32px !important;
		--teamWidth: 66px !important;
		--scoreWidth: 44px !important;
		--bookWidth: 60px !important;
	}

	#schedule
	{
		font-size: 0.7rem;
	}

	#table_scroll th,
	#table_scroll td
	{
		padding: 1px 2px;
	}

	.popup:not(.popup_confirm)
	{
		width: calc(100vw - 16px) !important;
		max-width: 94vw !important;
		height: calc(var(--ol-app-height, 100dvh) - 16px) !important;
		max-height: 92vh !important;
	}

	#popup_container
	{
		max-height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.popup_header_container
	{
		position: sticky;
		top: 0;
		background: var(--bright-menu-bg-color);
		z-index: 2;
		padding-top: 4px;
	}

	.popup:not(.popup_confirm)
	{
		border: 1px solid var(--ol-setup-shell-border) !important;
		border-radius: 0.72rem;
		background: var(--ol-setup-shell-background) !important;
		box-shadow: var(--ol-setup-shell-shadow) !important;
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}

	.popup:not(.popup_confirm) #popup_container
	{
		padding: 10px 12px 14px;
		box-sizing: border-box;
	}

	.popup:not(.popup_confirm) .popup_header_container
	{
		position: sticky;
		top: 0;
		z-index: 2;
		display: flex;
		width: 100%;
		margin-left: 0;
		padding: 0 0 0.45em;
		margin-bottom: 0.55em;
		border-bottom: 1px solid var(--ol-setup-divider);
		box-shadow: var(--ol-setup-divider-shadow);
		background: var(--ol-setup-shell-background);
	}

	.popup:not(.popup_confirm) .popup_title
	{
		font-size: 0.9em;
		font-weight: 700;
		letter-spacing: 0.03em;
		color: var(--ol-setup-title-color);
	}

	html[data-theme="dark"] .popup:not(.popup_confirm) .popup_title
	{
		text-shadow: 0 1px 0 rgb(0 0 0 / 28%);
	}

	.popup:not(.popup_confirm) .popup_x
	{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 1.65rem;
		height: 1.65rem;
		padding: 0;
		margin-bottom: 0;
		border: 1px solid var(--ol-setup-close-border);
		border-radius: 0.46rem;
		background: var(--ol-setup-close-background);
		box-shadow: var(--ol-setup-close-shadow);
		color: var(--ol-setup-close-color);
		font-size: 0.8em;
		font-weight: 700;
		line-height: 1;
	}

	.popup:not(.popup_confirm) .popup_x:hover
	{
		border-color: var(--ol-setup-close-hover-border);
		background: var(--ol-setup-close-hover-background);
		box-shadow: var(--ol-setup-close-hover-shadow);
		color: var(--ol-setup-title-color);
	}

	.sidebar_popout
	{
		position: fixed !important;
		inset: 0 !important;
		width: 100vw !important;
		height: var(--ol-app-height, 100dvh) !important;
		max-height: none !important;
		border-radius: 0 !important;
	}

	.sidebar_popout #popup_container
	{
		height: 100%;
		max-height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		padding: calc(env(safe-area-inset-top) + 10px) 12px calc(env(safe-area-inset-bottom) + 14px);
		box-sizing: border-box;
	}

	.sidebar_popout.mobile_sidebar_popout
	{
		transform: translateX(100%);
		opacity: 0 !important;
		pointer-events: none;
		transition:
			transform var(--sidebar-mobile-transition-ms, 240ms) var(--transition-easing-emphasized),
			opacity 180ms ease-out;
	}

	.sidebar_popout.mobile_sidebar_popout.mobile_sidebar_popout_open
	{
		transform: translateX(0);
		opacity: 1 !important;
		pointer-events: auto;
	}

	.dropdown_header_box
	{
		padding: 5px 4px;
		font-size: 0.62em !important;
	}

	html[data-theme="light"] .sidebar_popout
	{
		border-top: 1px solid rgb(214 220 229 / 96%) !important;
		border-left: 1px solid rgb(214 220 229 / 96%) !important;
		border-right: 1px solid rgb(255 255 255 / 84%) !important;
		background: linear-gradient(180deg, rgb(252 253 255 / 98%) 0%, rgb(243 246 250 / 98%) 100%) !important;
		box-shadow:
			0 1px 2px rgb(15 23 42 / 4%),
			-18px 0 34px -24px rgb(15 23 42 / 11%),
			0 18px 34px -28px rgb(15 23 42 / 8%) !important;
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
	}

	html[data-theme="light"] .sidebar_popout .popup_header_container
	{
		background: linear-gradient(180deg, rgb(252 253 255 / 98%) 0%, rgb(243 246 250 / 98%) 100%);
		border-bottom: 1px solid rgb(217 223 232 / 96%);
		box-shadow:
			inset 0 -1px 0 rgb(255 255 255 / 76%),
			0 8px 18px -22px rgb(15 23 42 / 8%);
	}

	html[data-theme="light"] .sidebar_popout .popup_title
	{
		color: rgb(29 37 51);
	}

	html[data-theme="light"] .sidebar_popout .popup_x
	{
		border-color: rgb(207 214 226 / 96%);
		background: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%, rgb(247 249 252 / 100%) 100%);
		box-shadow:
			0 1px 2px rgb(15 23 42 / 4%),
			0 8px 18px -18px rgb(15 23 42 / 10%);
		color: rgb(63 74 92);
	}

	html[data-theme="light"] .sidebar_popout .popup_x:hover
	{
		border-color: rgb(180 190 207 / 96%);
		background: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%, rgb(245 247 251 / 100%) 100%);
		box-shadow:
			0 1px 2px rgb(15 23 42 / 5%),
			0 10px 22px -18px rgb(15 23 42 / 12%);
		color: rgb(35 44 59);
	}

	html[data-theme="dark"] .sidebar_popout
	{
		border-top: 1px solid rgb(149 166 201 / 14%) !important;
		border-left: 1px solid rgb(149 166 201 / 18%) !important;
		border-right: 1px solid rgb(255 255 255 / 3%) !important;
		background:
			linear-gradient(180deg, rgb(255 255 255 / 2.6%) 0%, rgb(255 255 255 / 0.55%) 100%),
			linear-gradient(135deg, rgb(84 113 177 / 5.5%) 0%, rgb(9 16 31 / 0%) 76%),
			var(--sidebar-glass-background) !important;
		box-shadow:
			0 0 0 1px rgb(255 255 255 / 3.5%),
			inset 0 1px 0 rgb(255 255 255 / 3.5%),
			-14px 0 30px -28px rgb(0 0 0 / 84%),
			var(--sidebar-box-shadow) !important;
	}

	html[data-theme="dark"] .sidebar_popout .popup_header_container
	{
		background:
			linear-gradient(180deg, rgb(255 255 255 / 2.6%) 0%, rgb(255 255 255 / 0.55%) 100%),
			linear-gradient(135deg, rgb(84 113 177 / 5.5%) 0%, rgb(9 16 31 / 0%) 76%),
			var(--sidebar-glass-background);
		border-bottom: 1px solid rgb(149 166 201 / 13%);
		box-shadow:
			inset 0 -1px 0 rgb(255 255 255 / 3%),
			0 10px 18px -22px rgb(0 0 0 / 88%);
	}

	html[data-theme="dark"] .sidebar_popout .popup_title
	{
		color: rgb(234 239 248);
		text-shadow: 0 1px 0 rgb(0 0 0 / 28%);
	}

	html[data-theme="dark"] .sidebar_popout .popup_x
	{
		border-color: rgb(149 166 201 / 16%);
		background:
			linear-gradient(180deg, rgb(255 255 255 / 2.8%) 0%, rgb(255 255 255 / 0.7%) 100%),
			linear-gradient(135deg, rgb(78 107 171 / 6%) 0%, rgb(9 16 31 / 0%) 76%),
			rgb(26 38 62 / 90%);
		box-shadow:
			0 0 0 1px rgb(255 255 255 / 3.5%),
			inset 0 1px 0 rgb(255 255 255 / 4.5%),
			0 10px 18px -20px rgb(0 0 0 / 84%);
		color: rgb(233 238 246);
	}

	html[data-theme="dark"] .sidebar_popout .popup_x:hover
	{
		background:
			linear-gradient(180deg, rgb(255 255 255 / 4%) 0%, rgb(255 255 255 / 1%) 100%),
			linear-gradient(135deg, rgb(96 127 196 / 8%) 0%, rgb(9 16 31 / 0%) 76%),
			rgb(31 45 72 / 92%);
		border-color: rgb(176 194 229 / 22%);
		box-shadow:
			0 0 0 1px rgb(255 255 255 / 4.5%),
			inset 0 1px 0 rgb(255 255 255 / 5%),
			0 12px 20px -20px rgb(0 0 0 / 88%);
	}

	html[data-theme="light"] .dropdown_header_box
	{
		border: 1px solid rgb(203 210 223 / 92%) !important;
		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%);
	}

	html[data-theme="light"] .dropdown_header_box:hover
	{
		border-color: rgb(168 179 198 / 96%) !important;
		background: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%, rgb(248 250 253 / 100%) 100%);
		box-shadow:
			0 1px 2px rgb(15 23 42 / 5%),
			0 10px 24px -16px rgb(15 23 42 / 13%);
	}

	html[data-theme="dark"] .dropdown_header_box
	{
		border: 1px solid rgb(149 166 201 / 20%) !important;
		border-radius: 0.42rem;
		background:
			linear-gradient(180deg, rgb(255 255 255 / 2.6%) 0%, rgb(255 255 255 / 0.7%) 100%),
			linear-gradient(135deg, rgb(85 113 177 / 7%) 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 20px -18px rgb(0 0 0 / 72%);
	}

	html[data-theme="dark"] .dropdown_header_box:hover
	{
		border-color: rgb(176 194 229 / 26%) !important;
		background:
			linear-gradient(180deg, rgb(255 255 255 / 4.1%) 0%, rgb(255 255 255 / 1%) 100%),
			linear-gradient(135deg, rgb(96 127 196 / 9%) 0%, rgb(9 16 31 / 0%) 76%),
			var(--menu-bg-color);
		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%);
	}

	.dropdown_header_text,
	#league_type_dropdown_container > span,
	#team_dropdown_container > span
	{
		display: inline-block;
		max-width: calc(100% - 18px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: middle;
	}

	.team > div
	{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	#loading
	{
		font-size: 1.9em;
		flex-direction: column;
		text-align: center;
		align-items: center;
		justify-content: center;
		width: 100%;
		white-space: nowrap;
		position: relative;
		margin: 0;
	}

	#loading_container
	{
		position: fixed !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#loading .loading_text
	{
		text-align: center;
		display: block;
	}

	#loading .loading_shine
	{
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		right: auto !important;
		bottom: auto !important;
		transform: translate(-50%, -50%);
		width: 100%;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
	}
}

@media (hover: none) and (pointer: coarse) and (max-height: 500px) and (orientation: landscape),
	   (max-height: 500px) and (max-device-width: 1000px) and (orientation: landscape)
{
	:root,
	html
	{
		--teamWidth: 116px !important;
		--scoreWidth: 60px !important;
		--bookWidth: 78px !important;
	}

	#schedule
	{
		font-size: 0.7rem;
	}

		#header_container
		{
			display: grid;
			grid-template-columns: minmax(9.2rem, 10.2rem) minmax(9.2rem, 10.2rem) minmax(8.75rem, 0.8fr) auto auto;
			grid-template-areas:
				"league market search actions menu"
				"tabs tabs tabs tabs tabs";
		align-items: center;
		column-gap: 0.8rem;
		row-gap: 0.35rem;
		width: 100%;
		padding: 0.45rem 0.65rem 0;
		box-sizing: border-box;
		float: none;
		justify-content: stretch;
	}

		#market_menu,
		#items_menu,
		#event_search_container,
		#shortcut_menu,
		#league_menu
	{
		margin: 0 !important;
	}

	#items_menu
	{
		grid-area: league;
		width: 100%;
		min-width: 0;
		position: relative;
		z-index: 130;
	}

	#market_menu
	{
		grid-area: market;
		width: 100%;
		min-width: 0;
		position: relative;
		z-index: 140;
	}

		#event_search_container
	{
		grid-area: search;
		width: 100%;
		min-width: 0;
		display: block;
		position: relative;
		z-index: 1200;
	}

	#shortcut_menu
	{
		grid-area: actions;
		display: inline-flex;
		align-items: center;
		justify-self: start;
		min-width: max-content;
	}

	#mobile_header_menu
	{
		grid-area: menu;
		position: static;
		top: auto;
		right: auto;
		justify-self: end;
		align-self: center;
	}

	#league_menu
	{
		grid-area: tabs;
		width: 100%;
		min-width: 0;
		float: none;
	}

	#market_dropdown_container,
	#items_dropdown_container
	{
		width: 100% !important;
		min-width: 0;
		position: relative;
	}

	#relative_container1,
	#items_dropdown_relative_container
	{
		position: static !important;
		display: contents;
	}

	#market_dropdown_list_container,
	#items_dropdown_list_container
	{
		position: absolute;
		left: 0 !important;
		top: calc(100% + 6px) !important;
		right: auto !important;
	}

	#market_menu .dropdown_header_box,
	#items_menu .dropdown_header_box
	{
		width: 100% !important;
		min-height: 1.85rem;
		padding: 0.28rem 0.58rem;
		font-size: 0.74rem !important;
		display: block;
		position: relative;
		box-sizing: border-box;
	}

	#selected_market,
	#selected_item
	{
		display: block;
		width: 100%;
		padding-right: 1.9rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1.05;
	}

	#market_dropdown_container > label,
	#items_dropdown_container > label,
	#market_dropdown_chevron_label,
	#items_dropdown_chevron_label
	{
		position: absolute;
		top: 50%;
		right: 0.68rem;
		left: auto !important;
		bottom: auto !important;
		width: auto !important;
		height: auto !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: 0;
		transform: translateY(-50%);
	}

	#market_dropdown_container .chevron,
	#items_dropdown_container .chevron
	{
		width: 8px;
		height: 8px;
		margin: 0;
	}

	#event_search_box
	{
		width: 100%;
		min-width: 8.75rem;
		padding: 0.36rem 0.45rem;
	}

	#mobile_event_search_mount
	{
		display: none;
	}

	#shortcut_items
	{
		margin: 0;
		align-items: center;
		column-gap: 1rem;
		flex-wrap: nowrap;
	}

	#shortcut_items > li
	{
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

		#mobile_header_hamburger
	{
		width: 2.25rem;
		height: 2.25rem;
		border-radius: 10px;
	}

	#tablecontainer
	{
		margin-top: 0;
	}

}

@media (hover: none) and (pointer: coarse) and (max-width: 700px) and (orientation: portrait),
	   (max-width: 700px) and (max-device-width: 700px) and (orientation: portrait)
{
	#header_container
	{
		display: grid;
			grid-template-columns: minmax(0, 1fr) auto auto;
			grid-template-areas:
				"market actions menu"
				"league league menu"
				"tabs tabs tabs";
		align-items: center;
		column-gap: 0.9rem;
		row-gap: 0.55rem;
		width: 100%;
		padding: 0.7rem 0.75rem 0;
		box-sizing: border-box;
		float: none;
		justify-content: stretch;
	}

		#market_menu,
		#items_menu,
		#shortcut_menu,
		#league_menu
	{
		margin: 0 !important;
	}

	#market_menu
	{
		grid-area: market;
		width: 100%;
		min-width: 0;
		position: relative;
		z-index: 140;
	}

	#items_menu
	{
		grid-area: league;
		width: 100%;
		min-width: 0;
		position: relative;
		z-index: 130;
	}

	#shortcut_menu
	{
		grid-area: actions;
		display: inline-flex;
		align-items: center;
		justify-self: start;
		min-width: 0;
	}

	#mobile_header_menu
	{
		grid-area: menu;
		position: static;
		top: auto;
		right: auto;
		justify-self: end;
		align-self: start;
	}

		#league_menu
	{
		grid-area: tabs;
		width: 100%;
		min-width: 0;
		float: none;
	}

	#market_dropdown_container,
	#items_dropdown_container
	{
		width: 100% !important;
		min-width: 0;
	}

	#market_menu .dropdown_header_box,
	#items_menu .dropdown_header_box
	{
		width: 100% !important;
		min-height: 1.95rem;
		padding: 0.34rem 0.62rem;
		font-size: 0.78rem !important;
		display: block;
		position: relative;
		box-sizing: border-box;
	}

	#selected_market,
	#selected_item
	{
		display: block;
		width: 100%;
		padding-right: 2rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1.05;
	}

	#market_dropdown_container > label,
	#items_dropdown_container > label,
	#market_dropdown_chevron_label,
	#items_dropdown_chevron_label
	{
		position: absolute;
		top: 50%;
		right: 0.7rem;
		left: auto !important;
		bottom: auto !important;
		width: auto !important;
		height: auto !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		margin-left: 0;
		transform: translateY(-50%);
		flex: 0 0 auto;
	}

	#market_dropdown_container .chevron,
	#items_dropdown_container .chevron
	{
		width: 8px;
		height: 8px;
		margin: 0;
	}

	#relative_container1,
	#items_dropdown_relative_container
	{
		position: static !important;
		display: contents;
	}

	#market_dropdown_list_container,
	#items_dropdown_list_container
	{
		position: absolute;
		left: 0 !important;
		top: calc(100% + 6px) !important;
		right: auto !important;
	}

	#market_dropdown_list_container
	{
		width: 130% !important;
		min-width: 20.5em !important;
		max-width: calc(100vw - 1.5rem) !important;
	}

	#items_dropdown_list_container
	{
		width: min(calc(100vw - 1.5rem), 24rem) !important;
	}

	#shortcut_items
	{
		margin: 0;
		align-items: center;
		column-gap: 1rem;
		flex-wrap: nowrap;
	}

	#shortcut_items > li
	{
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

		#mobile_header_hamburger
	{
		width: 2.25rem;
		height: 2.25rem;
		border-radius: 10px;
	}

	#league_names
	{
		padding-bottom: 5px;
		border-bottom: 0.1px solid var(--utility-blue-color);
	}

	[data-theme="dark"] #league_names
	{
		border-bottom: 0.1px solid #ffffffa3;
	}

	#pinned_items
	{
		margin-block-start: 0.7em;
		margin-block-end: 0.3em;
		margin-left: 0.7em;
		height: 1em;
	}

	#pinned_items li
	{
		padding-right: 1.3em;
		font-size: 0.85em;
	}

	#pinned_items li.selected_item::after
	{
		right: 1.3em;
		bottom: -10px;
		height: 1.5px;
	}

	[data-theme="light"] #pinned_items li.selected_item::after
	{
		bottom: -9px;
		height: 3px;
	}

	#tablecontainer
	{
		margin-top: 0;
	}

}

@media (max-width: 480px) and (max-device-width: 480px)
{
	:root
	{
		--timeWidth: 37px !important;
		--gnumWidth: 32px !important;
		--teamWidth: 66px !important;
		--scoreWidth: 44px !important;
		--bookWidth: 60px !important;
	}

	#schedule
	{
		font-size: 0.6rem;
	}

	.dropdown_header_box
	{
		font-size: 0.58em !important;
		padding: 4px 3px;
	}

}

@media (max-height: 500px) and (orientation: landscape)
{

}

@media (hover: none) and (pointer: coarse) and (min-width: 901px) and (max-width: 1180px) and (min-height: 600px) and (max-height: 820px) and (orientation: landscape)
{
	#header_container
	{
		column-gap: 0.45em;
		row-gap: 0.3em;
	}

	#items_dropdown_container,
	#market_dropdown_container
	{
		width: 13em !important;
	}

	#event_search_container
	{
		flex: 0 1 10em;
		margin-right: 0 !important;
	}

	#event_search_box
	{
		min-width: 10em;
	}

	#shortcut_items
	{
		column-gap: 0.85em;
	}
}

@media (hover: none) and (pointer: coarse) and (min-width: 901px) and (max-width: 1100px) and (orientation: portrait)
{
	#header_container
	{
		column-gap: 0.45em;
		row-gap: 0.35em;
		padding: 0.55rem 0.65rem 0;
	}

	#items_dropdown_container,
	#market_dropdown_container
	{
		width: 13em !important;
	}

	#event_search_container
	{
		flex: 0 1 10em;
		min-width: 0;
		margin-right: 0 !important;
	}

	#event_search_box
	{
		min-width: 10em;
	}

	#shortcut_items
	{
		column-gap: 0.85em;
		flex-wrap: nowrap;
	}

	#shortcut_items > li
	{
		flex: 0 0 auto;
	}
}

@media (hover: none) and (pointer: coarse) and (min-width: 701px) and (max-width: 900px) and (orientation: portrait)
{
	#header_container
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		column-gap: 0.38rem;
		row-gap: 0.45rem;
		width: 100%;
		max-width: 100%;
		padding: 0.42rem 0.55rem 0;
		box-sizing: border-box;
		float: none;
	}

	#items_menu,
	#market_menu,
	#event_search_container,
	#shortcut_menu,
	#mobile_header_menu,
	#league_menu
	{
		margin: 0 !important;
	}

	#items_menu
	{
		order: 2;
		flex: 0 0 9.15rem;
		width: 9.15rem;
		min-width: 9.15rem;
	}

	#market_menu
	{
		order: 3;
		flex: 0 0 10.2rem;
		width: 10.2rem;
		min-width: 10.2rem;
	}

	#event_search_container
	{
		order: 4;
		flex: 1 1 auto;
		width: auto;
		max-width: none;
		min-width: 4rem;
		display: block;
		position: relative;
		z-index: 1200;
	}

	#shortcut_menu
	{
		order: 5;
		flex: 0 0 2.2rem;
		display: inline-flex;
		align-items: center;
		justify-self: start;
		width: 2.2rem;
		min-width: 2.2rem;
		max-width: 2.2rem;
		overflow: hidden;
	}

	#mobile_header_menu
	{
		order: 7;
		flex: 0 0 auto;
		display: block;
		position: static;
		top: auto;
		right: auto;
		justify-self: start;
		align-self: center;
		z-index: 1700;
	}

	#league_menu
	{
		order: 8;
		flex: 1 0 100%;
		width: 100%;
		min-width: 0;
		float: none;
	}

	#shortcut_items
	{
		margin: 0;
		align-items: center;
		column-gap: 0.3rem;
		flex-wrap: nowrap;
	}

	#shortcut_items > li
	{
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 1.72rem;
		min-height: 1.72rem;
		padding: 0;
	}

	#shortcut_items > li:has(> #clear_all_button)
	{
		order: -100;
	}

	#market_dropdown_container,
	#items_dropdown_container
	{
		width: 100% !important;
		min-width: 0;
		position: relative;
	}

	#relative_container1,
	#items_dropdown_relative_container
	{
		position: static !important;
		display: contents;
	}

	#market_dropdown_list_container,
	#items_dropdown_list_container
	{
		position: absolute;
		left: 0 !important;
		top: calc(100% + 6px) !important;
		right: auto !important;
	}

	#market_menu .dropdown_header_box,
	#items_menu .dropdown_header_box
	{
		width: 100% !important;
		min-height: 1.72rem;
		height: 1.72rem;
		padding: 0 0.52rem;
		font-size: 0.68rem !important;
		display: flex;
		align-items: center;
		position: relative;
		box-sizing: border-box;
	}

	#selected_market,
	#selected_item
	{
		display: flex;
		align-items: center;
		height: 100%;
		width: 100%;
		padding-right: 1.35rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1;
		font-size: 0.68rem;
	}

	#market_dropdown_container > label,
	#items_dropdown_container > label,
	#market_dropdown_chevron_label,
	#items_dropdown_chevron_label
	{
		position: absolute;
		top: 50%;
		right: 0.48rem;
		left: auto !important;
		bottom: auto !important;
		width: auto !important;
		height: auto !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transform: translateY(-50%);
		margin-left: 0;
	}

	#market_dropdown_container .chevron,
	#items_dropdown_container .chevron
	{
		width: 6px;
		height: 6px;
		margin: 0;
	}

	#event_search_box
	{
		width: 100%;
		min-width: 0;
		min-height: 1.72rem;
		height: 1.72rem;
		padding: 0 0.42rem;
		display: flex;
		align-items: center;
		box-sizing: border-box;
	}

	#event_search_input
	{
		font-size: 0.67rem !important;
		line-height: 1;
	}

	#event_search_clear
	{
		font-size: 0.64rem;
		padding: 2px 3px;
	}

	#mobile_header_toggle
	{
		display: none;
	}

	#mobile_header_hamburger
	{
		position: relative;
		z-index: 1702;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		row-gap: 5px;
		width: 1.95rem;
		height: 1.95rem;
		padding: 0;
		border: 1px solid rgb(255 255 255 / 16%);
		border-radius: 10px;
		background: rgb(7 17 31 / 72%);
		box-shadow: 0 8px 18px rgb(0 0 0 / 24%), inset 0 1px 0 rgb(255 255 255 / 9%);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		cursor: pointer;
		touch-action: manipulation;
	}

	#mobile_header_hamburger span
	{
		display: block;
		width: 16px;
		height: 2px;
		margin: 0 auto;
		border-radius: 999px;
		background: var(--alt-font-color);
		transform-origin: center;
		transition: transform 220ms var(--transition-easing-emphasized), opacity 160ms ease-out, background-color 160ms ease-out;
	}

	#mobile_header_toggle:checked + #mobile_header_hamburger span:nth-child(1)
	{
		transform: translateY(7px) rotate(45deg);
	}

	#mobile_header_toggle:checked + #mobile_header_hamburger span:nth-child(2)
	{
		opacity: 0;
		transform: scaleX(0.2);
	}

	#mobile_header_toggle:checked + #mobile_header_hamburger span:nth-child(3)
	{
		transform: translateY(-7px) rotate(-45deg);
	}

	#mobile_header_drawer
	{
		position: fixed;
		inset: 0;
		z-index: 1701;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		background: rgb(5 11 22 / 14%);
		transition: opacity 180ms ease-out, visibility 0ms linear 180ms;
	}

	#mobile_header_toggle:checked ~ #mobile_header_drawer
	{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition: opacity 180ms ease-out, visibility 0ms linear 0ms;
	}

	#mobile_header_drawer_content
	{
		display: flex;
		flex-direction: column;
		row-gap: 0.7rem;
		width: min(18rem, 42vw);
		height: 100%;
		margin-left: auto;
		padding: calc(3.75rem + env(safe-area-inset-top)) 0.8rem calc(0.95rem + env(safe-area-inset-bottom));
		box-sizing: border-box;
		background:
			radial-gradient(circle at 85% 0%, rgb(47 103 176 / 18%), transparent 36%),
			linear-gradient(180deg, var(--primary-bg-color) 0%, #07111f 100%);
		border-left: 1px solid rgb(255 255 255 / 11%);
		box-shadow: -16px 0 28px rgb(0 0 0 / 22%);
		transform: translateX(18px);
		transition: transform 220ms var(--transition-easing-emphasized);
	}

	[data-theme="light"] #mobile_header_drawer_content
	{
		background:
			radial-gradient(circle at 85% 0%, rgb(76 111 180 / 18%), transparent 36%),
			linear-gradient(180deg, #eef3ff 0%, #dde7f9 100%);
		border-left-color: rgb(59 87 146 / 18%);
	}

	#mobile_header_toggle:checked ~ #mobile_header_drawer #mobile_header_drawer_content
	{
		transform: translateX(0);
	}

	#mobile_event_search_mount
	{
		display: none;
	}

}

@media (min-width: 701px) and (max-width: 1024px) and (orientation: portrait)
{

}