.blur_background
{
	filter: blur(3px) brightness(75%);
	pointer-events: none;
}

.blur_popup
{
	filter: blur(1px) brightness(90%);
	pointer-events: none;
	transition: filter var(--transition-duration-slow) var(--transition-easing-standard);
}

.popup
{
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	z-index: 8000000000;
	border-radius: 6px;
	background-color: var(--bright-menu-bg-color);
	color: var(--alt-font-color);
	box-shadow: var(--popup-box-shadow);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

[data-theme="dark"] .popup
{
	border: 0.1px solid #ffffff5e !important;
}

.sidebar_popout
{
    position: fixed;
	top: 0;
	height: var(--ol-app-height, 100vh);
    border-top: 0.1px solid black;
	margin: auto;
	overflow: hidden;
	z-index: 8000000000;
	border-radius: 6px 0px 0px 0px;
	background-color: var(--bright-menu-bg-color);
	color: var(--alt-font-color);
    box-shadow: var(--popup-box-shadow);
	backdrop-filter: blur(11px);
	-webkit-backdrop-filter: blur(11px);
}

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;
}

.popup_confirm
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px;
	border-radius: 5px;
	opacity: 0;
	align-content: space-between;
	user-select: none;
	text-align: center;
	font-size: 0.95em;
	row-gap: 2em;
}

#popup_container
{
	position: relative;
	padding: 20px;
	user-select: none;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

html[data-theme="light"]
{
	--ol-setup-shell-border: rgb(214 220 231 / 96%);
	--ol-setup-shell-background: linear-gradient(180deg, rgb(255 255 255 / 99%) 0%, rgb(247 250 253 / 99%) 100%);
	--ol-setup-shell-shadow:
		0 1px 2px rgb(15 23 42 / 5%),
		0 18px 34px -24px rgb(15 23 42 / 14%),
		inset 0 1px 0 rgb(255 255 255 / 88%);
	--ol-setup-divider: rgb(222 228 237 / 96%);
	--ol-setup-divider-shadow:
		inset 0 -1px 0 rgb(255 255 255 / 82%),
		0 8px 16px -22px rgb(15 23 42 / 8%);
	--ol-setup-title-color: rgb(26 34 47);
	--ol-setup-close-border: rgb(207 214 226 / 96%);
	--ol-setup-close-background: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%, rgb(247 249 252 / 100%) 100%);
	--ol-setup-close-shadow:
		0 1px 2px rgb(15 23 42 / 4%),
		0 8px 18px -18px rgb(15 23 42 / 10%);
	--ol-setup-close-color: rgb(63 74 92);
	--ol-setup-close-hover-border: rgb(180 190 207 / 96%);
	--ol-setup-close-hover-background: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%, rgb(245 247 251 / 100%) 100%);
	--ol-setup-close-hover-shadow:
		0 1px 2px rgb(15 23 42 / 5%),
		0 10px 22px -18px rgb(15 23 42 / 12%);
	--ol-popup-list-shell-border: rgb(220 225 234 / 96%);
	--ol-popup-list-shell-background: rgb(255 255 255 / 100%);
	--ol-popup-list-shell-shadow:
		0 1px 2px rgb(15 23 42 / 4%),
		0 8px 16px -22px rgb(15 23 42 / 7%);
	--ol-popup-list-item-color: rgb(31 40 54);
	--ol-popup-list-item-background: rgb(255 255 255 / 100%);
	--ol-popup-list-item-shadow: none;
	--ol-popup-list-item-hover-border: rgb(201 213 232 / 96%);
	--ol-popup-list-item-hover-background: rgb(232 238 247 / 92%);
	--ol-popup-list-item-hover-shadow: inset 0 0 0 1px rgb(244 247 252 / 46%);
	--ol-popup-list-item-hover-color: rgb(31 40 54);
	--ol-popup-list-item-selected-border: rgb(67 105 176 / 96%);
	--ol-popup-list-item-selected-background: rgb(59 101 176 / 96%);
	--ol-popup-list-item-selected-shadow: inset 0 1px 0 rgb(255 255 255 / 12%);
	--ol-popup-list-item-selected-color: rgb(250 252 255);
	--ol-popup-list-group-header-color: rgb(63 74 92);
	--ol-popup-list-group-header-muted-color: rgb(112 123 141);
	--ol-setup-action-button-border: rgb(205 214 227 / 96%);
	--ol-setup-action-button-background: rgb(255 255 255 / 100%);
	--ol-setup-action-button-shadow:
		0 1px 2px rgb(15 23 42 / 4%),
		0 6px 12px -16px rgb(15 23 42 / 7%);
	--ol-setup-action-button-color: rgb(31 40 54);
	--ol-setup-action-button-hover-border: rgb(103 132 187 / 88%);
	--ol-setup-action-button-hover-background: rgb(255 255 255 / 100%);
	--ol-setup-action-button-hover-shadow:
		0 1px 2px rgb(15 23 42 / 4%),
		0 6px 12px -16px rgb(15 23 42 / 7%);
}

html[data-theme="dark"]
{
	--ol-setup-shell-border: rgb(149 166 201 / 18%);
	--ol-setup-shell-background:
		linear-gradient(180deg, rgb(255 255 255 / 1.3%) 0%, rgb(255 255 255 / 0.35%) 100%),
		linear-gradient(135deg, rgb(84 113 177 / 2.75%) 0%, rgb(9 16 31 / 0%) 76%),
		rgb(12 28 48 / 95%);
	--ol-setup-shell-shadow:
		0 0 0 1px rgb(255 255 255 / 3.5%),
		inset 0 1px 0 rgb(255 255 255 / 4%),
		0 18px 34px -26px rgb(0 0 0 / 84%);
	--ol-setup-divider: rgb(149 166 201 / 13%);
	--ol-setup-divider-shadow:
		inset 0 -1px 0 rgb(255 255 255 / 3%),
		0 10px 18px -22px rgb(0 0 0 / 88%);
	--ol-setup-title-color: rgb(234 239 248);
	--ol-setup-close-border: rgb(149 166 201 / 16%);
	--ol-setup-close-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%);
	--ol-setup-close-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%);
	--ol-setup-close-color: rgb(233 238 246);
	--ol-setup-close-hover-border: rgb(176 194 229 / 22%);
	--ol-setup-close-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%);
	--ol-setup-close-hover-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%);
	--ol-popup-list-shell-border: rgb(149 166 201 / 14%);
	--ol-popup-list-shell-background:
		linear-gradient(180deg, rgb(255 255 255 / 2.4%) 0%, rgb(255 255 255 / 0.55%) 100%),
		linear-gradient(135deg, rgb(84 113 177 / 4.8%) 0%, rgb(9 16 31 / 0%) 74%),
		rgb(17 28 46 / 78%);
	--ol-popup-list-shell-shadow:
		0 0 0 1px rgb(255 255 255 / 2.8%),
		inset 0 1px 0 rgb(255 255 255 / 3.2%),
		0 14px 24px -24px rgb(0 0 0 / 88%);
	--ol-popup-list-item-color: rgb(228 234 244);
	--ol-popup-list-item-background:
		linear-gradient(180deg, rgb(255 255 255 / 1.55%) 0%, rgb(255 255 255 / 0.25%) 100%),
		rgb(12 22 37 / 16%);
	--ol-popup-list-item-shadow: inset 0 1px 0 rgb(255 255 255 / 2.5%);
	--ol-popup-list-item-hover-border: rgb(170 187 221 / 24%);
	--ol-popup-list-item-hover-background:
		linear-gradient(180deg, rgb(255 255 255 / 2.2%) 0%, rgb(255 255 255 / 0.45%) 100%),
		rgb(15 27 44 / 32%);
	--ol-popup-list-item-hover-shadow:
		0 0 0 1px rgb(170 187 221 / 10%),
		inset 0 1px 0 rgb(255 255 255 / 3.2%),
		0 10px 16px -18px rgb(0 0 0 / 84%);
	--ol-popup-list-item-hover-color: rgb(236 241 248);
	--ol-popup-list-item-selected-border: rgb(184 201 235 / 28%);
	--ol-popup-list-item-selected-background:
		linear-gradient(180deg, rgb(84 111 173 / 82%) 0%, rgb(67 96 160 / 74%) 100%);
	--ol-popup-list-item-selected-shadow:
		0 0 0 1px rgb(184 201 235 / 12%),
		inset 0 1px 0 rgb(255 255 255 / 10%),
		0 10px 18px -20px rgb(0 0 0 / 72%);
	--ol-popup-list-item-selected-color: rgb(244 247 251);
	--ol-popup-list-group-header-color: rgb(232 237 246);
	--ol-popup-list-group-header-muted-color: rgb(172 185 209);
	--ol-setup-action-button-border: rgb(149 166 201 / 16%);
	--ol-setup-action-button-background:
		linear-gradient(180deg, rgb(255 255 255 / 2.2%) 0%, rgb(255 255 255 / 0.5%) 100%),
		linear-gradient(135deg, rgb(76 105 170 / 5.2%) 0%, rgb(9 16 31 / 0%) 76%),
		rgb(23 35 57 / 82%);
	--ol-setup-action-button-shadow:
		0 0 0 1px rgb(255 255 255 / 3%),
		inset 0 1px 0 rgb(255 255 255 / 3.5%),
		0 10px 18px -20px rgb(0 0 0 / 82%);
	--ol-setup-action-button-color: rgb(234 239 248);
	--ol-setup-action-button-hover-border: rgb(255 255 255 / 92%);
	--ol-setup-action-button-hover-background:
		linear-gradient(180deg, rgb(255 255 255 / 3.5%) 0%, rgb(255 255 255 / 0.8%) 100%),
		linear-gradient(135deg, rgb(92 121 189 / 7%) 0%, rgb(9 16 31 / 0%) 76%),
		rgb(27 41 66 / 86%);
	--ol-setup-action-button-hover-shadow:
		0 0 0 1px rgb(255 255 255 / 82%),
		inset 0 1px 0 rgb(255 255 255 / 4.2%),
		0 12px 20px -20px rgb(0 0 0 / 86%);
}

.setup_popup
{
	border: 1px solid var(--ol-setup-shell-border) !important;
	border-radius: 0.62rem;
	background: var(--ol-setup-shell-background) !important;
	box-shadow: var(--ol-setup-shell-shadow) !important;
}

.setup_popup #popup_container
{
	display: flex;
	flex-direction: column;
	min-height: 0;
	padding: 10px 12px 14px;
}

.setup_popup .popup_header_container
{
	display: flex;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding: 0 0 0.5em;
	margin-bottom: 0.7em;
	border-bottom: 1px solid var(--ol-setup-divider);
	box-shadow: var(--ol-setup-divider-shadow);
}

.setup_popup .popup_title
{
	font-size: 0.93em;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: var(--ol-setup-title-color);
}

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

.setup_popup .popup_x
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.72rem;
	height: 1.72rem;
	padding: 0;
	margin-bottom: 0;
	border: 1px solid var(--ol-setup-close-border);
	border-radius: 0.48rem;
	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;
	box-sizing: border-box;
	transition:
		border-color var(--transition-duration-standard) var(--transition-easing-standard),
		box-shadow var(--transition-duration-standard) var(--transition-easing-standard),
		background var(--transition-duration-standard) var(--transition-easing-standard),
		color var(--transition-duration-standard) var(--transition-easing-standard);
}

.setup_popup .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);
}

.popup_x
{
	float: right;
	padding: 0 5px;
	border-radius: 2px;
	font-weight: bold;
	margin-bottom: 3px;
	transition: all var(--transition-duration-slow) var(--transition-easing-standard);
	cursor: pointer;
	FONT-SIZE: 0.85EM;
}

.popup_x:hover
{
	background-color: #8e8e97;
	box-shadow: inset 0px 0px 4px 1px #666666;
	color: var(--primary-font-color);
}

.popup_button
{
	color: var(--alt-font-color);
	background-color: var(--primary-bg-color);
	border: 0;
	border-radius: 0.4em;
	font-size: 0.8em;
	padding: 0.25em 0.5em;
	text-decoration: none #D1D5DB solid;
	text-decoration-thickness: auto;
	transition: all var(--transition-duration-quick) var(--transition-easing-linear);
	cursor: pointer;

	text-align: center;
	text-transform: uppercase;
	user-select: none;
}

.popup_button:active
{
	transform: translate(0px, 2px);
	transition-duration: var(--transition-duration-quick);
}

.popup_button:hover
{
	transition-duration: var(--transition-duration-fast);
	background-color: rgb(241 241 241);
	box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.3), 0 1.5px 2.5px 0 rgba(0, 0, 0, 0.09) !important;
}

.popup_item_list_container
{
	overflow: hidden;
	padding: 6px;
	padding-inline-start: 6px;
	margin-block-start: 0;
	margin-block-end: 0;
	text-transform: uppercase;
	list-style: none;
	border: 1px solid var(--ol-popup-list-shell-border);
	border-radius: 0.56rem;
	font-size: 0.85em;
	background: var(--ol-popup-list-shell-background);
	box-shadow: var(--ol-popup-list-shell-shadow);
}

.popup_item_list
{
	padding: 1px;
	padding-inline-start: 1px;
	margin-block-start: 0;
	margin-block-end: 0;
	text-transform: uppercase;
	list-style: none;
	font-size: 0.95em;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
}

.popup_item_list li
{
	position: relative;
	padding: 0.36rem 0.5rem;
	margin-bottom: 0.25em;
	border: 1px solid transparent;
	border-radius: 0.46rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--ol-popup-list-item-color);
	overflow: hidden;
	opacity: 1;
	transform: translateY(0);
	max-height: 120px;
	background: var(--ol-popup-list-item-background);
	box-shadow: var(--ol-popup-list-item-shadow);
	font-size: 0.95em;
	font-weight: 600;
	letter-spacing: 0.02em;

	transition:
		opacity 140ms var(--transition-easing-standard),
		transform 140ms var(--transition-easing-standard),
		max-height 180ms var(--transition-easing-standard),
		margin 180ms var(--transition-easing-standard),
		border-color var(--transition-duration-standard) var(--transition-easing-standard),
		background-color var(--transition-duration-standard) var(--transition-easing-standard),
		box-shadow var(--transition-duration-standard) var(--transition-easing-standard),
		color var(--transition-duration-standard) var(--transition-easing-standard);
}

.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action)
{
	gap: 0.55rem;
	flex-wrap: nowrap;
}

.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > span:first-child
{
	flex: 1 1 auto;
	min-width: 0;
}

.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > span:first-child:not(.pressed_button_switch):not(.unpressed_button_switch)
{
	white-space: normal;
	overflow-wrap: anywhere;
}

.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > .pressed_button_switch,
.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > .unpressed_button_switch
{
	flex: 0 0 auto;
}

.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > .pressed_button_switch:first-of-type,
.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > .unpressed_button_switch:first-of-type
{
	margin-left: auto;
}

.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > div:has(> .pressed_button_switch),
.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > div:has(> .unpressed_button_switch)
{
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	flex: 0 0 auto;
	margin-left: auto;
	white-space: nowrap;
}

.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > div:has(> .pressed_button_switch) > .pressed_button_switch,
.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > div:has(> .pressed_button_switch) > .unpressed_button_switch,
.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > div:has(> .unpressed_button_switch) > .pressed_button_switch,
.popup_item_list li:not(.popup_item_group_header):not(.popup_item_group_header_action) > div:has(> .unpressed_button_switch) > .unpressed_button_switch
{
	flex: 0 0 auto;
}

.popup_item_list li:hover
{
	border-color: var(--ol-popup-list-item-hover-border);
	background: var(--ol-popup-list-item-hover-background);
	box-shadow: var(--ol-popup-list-item-hover-shadow);
	color: var(--ol-popup-list-item-hover-color) !important;
}

.popup_item_list li.popup_item_group_header,
.popup_item_list li.popup_item_group_header:hover
{
	padding: 0.6rem 0.25rem 0.6rem;
	margin: 0.15rem 0 0.2rem;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: default !important;
	pointer-events: none !important;
	justify-content: flex-start !important;
	color: var(--ol-popup-list-group-header-color) !important;
	font-size: 0.9em;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	overflow: visible;
}

.popup_item_list li.popup_item_group_header_inactive,
.popup_item_list li.popup_item_group_header_inactive:hover
{
	color: var(--ol-popup-list-group-header-muted-color) !important;
}

.popup_item_list li.popup_item_group_header_action,
.popup_item_list li.popup_item_group_header_action:hover
{
	padding: 0.8rem 0.25rem 0.8rem;
	margin: 0.15rem 0 0.2rem;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: default !important;
	justify-content: space-between !important;
	color: var(--ol-popup-list-group-header-color) !important;
	font-size: 0.84em;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	overflow: visible;
}

.popup_item_list li.popup_item_group_header_action > *
{
	pointer-events: auto;
}

.popup_item_list li.popup_item_group_child
{
	margin-left: 0.85rem;
}

.popup_item_selected,
.popup_item_selected_alt
{
	border: 1px solid var(--ol-popup-list-item-selected-border) !important;
	background: var(--ol-popup-list-item-selected-background) !important;
	box-shadow: var(--ol-popup-list-item-selected-shadow) !important;
	color: var(--ol-popup-list-item-selected-color) !important;
}

.setup_popup .popup_item_list li.item_active,
.setup_popup .popup_item_list li.item_active:hover
{
	border: 1px solid var(--ol-popup-list-item-selected-border) !important;
	background: var(--ol-popup-list-item-selected-background) !important;
	box-shadow: var(--ol-popup-list-item-selected-shadow) !important;
	color: var(--ol-popup-list-item-selected-color) !important;
}

.popup_item_list li:hover:not(.sportsbook_item_selected):not(.popup_item_selected):not(.popup_item_selected_alt)
{
	box-shadow: var(--ol-popup-list-item-hover-shadow);
}

.popup_item_dragging
{
	display: inline-grid;
	align-items: center;
	position: absolute;
	top: -1000px;
	padding: 2px;

	background-color: #8e8e97;
	color: white;
	border-radius: 6px;

	font-size: 0.7em;
	text-transform: uppercase;
	text-align: center;
}

.popup_item_dropzone
{
	opacity: 0.88 !important;
	box-shadow: inset 0px 0px 8px 1px rgb(59 59 74 / 40%) !important;
	background-color: #736f8636 !important;
	transition: all var(--transition-duration-slow) var(--transition-easing-standard);
}

.popup_options_container
{
	grid-area: d;
	flex-basis: 100%;
	margin-top: 0.5em;
}

.popup_save_button
{
	float: right;
}

.ol-setup-action-button
{
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-width: 0;
	box-sizing: border-box;
	padding: 0.58rem 0.82rem !important;
	border: 1px solid var(--ol-setup-action-button-border) !important;
	border-radius: 0.48rem !important;
	background: var(--ol-setup-action-button-background) !important;
	box-shadow: var(--ol-setup-action-button-shadow) !important;
	color: var(--ol-setup-action-button-color) !important;
	font-size: 0.76em !important;
	font-weight: 700 !important;
	letter-spacing: 0.025em;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	transition:
		border-color var(--transition-duration-standard) var(--transition-easing-standard),
		box-shadow var(--transition-duration-standard) var(--transition-easing-standard),
		background-color var(--transition-duration-standard) var(--transition-easing-standard),
		color var(--transition-duration-standard) var(--transition-easing-standard) !important;
	transform: none !important;
}

.shortcut_button.ol-setup-action-button:not(.shortcut_button_on):hover,
.ol-setup-action-button:hover,
.ol-setup-action-button:focus-visible
{
	border-color: var(--ol-setup-action-button-hover-border) !important;
	background: var(--ol-setup-action-button-hover-background) !important;
	box-shadow: var(--ol-setup-action-button-hover-shadow) !important;
	color: var(--ol-setup-action-button-color) !important;
	transform: none !important;
	outline: none;
}

.shortcut_button.ol-setup-action-button:active,
.ol-setup-action-button:active
{
	border-color: var(--ol-setup-action-button-hover-border) !important;
	background: var(--ol-setup-action-button-hover-background) !important;
	box-shadow: var(--ol-setup-action-button-hover-shadow) !important;
	color: var(--ol-setup-action-button-color) !important;
	transform: none !important;
}

.popupscrollbar::-webkit-scrollbar
{
	width: 8px;
	height: 6px;
}

.popupscrollbar::-webkit-scrollbar-track
{
	background: transparent;
}

.popupscrollbar::-webkit-scrollbar-thumb
{
	background: #6c6c6cdb;
	border-radius: 2px;
	border: 1px solid #b7b7b7;
}

.popupscrollbar::-webkit-scrollbar-corner
{
	border-radius: 0 0 2px 0;
}

.popup_header_container
{
	display: inline-flex;
	margin-left: 2px;
	width: 99%;
	border-bottom: 0.5px solid #606060ab;
	padding-bottom: 2px;
	margin-bottom: 0.5em;
	border-radius: 0;
	box-shadow: 0 4px 3px -2px #b1b1b140;
	justify-content: space-between;
	align-items: center;
}

	html[data-theme="light"]
	{
		--ol-light-sidebar-shell-border: rgb(214 220 229 / 96%);
		--ol-light-sidebar-shell-bg: linear-gradient(180deg, rgb(252 253 255 / 98%) 0%, rgb(243 246 250 / 98%) 100%);
		--ol-light-sidebar-shell-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%);
		--ol-light-sidebar-divider: rgb(217 223 232 / 96%);
		--ol-light-sidebar-panel-border: rgb(220 225 234 / 96%);
		--ol-light-sidebar-panel-bg: linear-gradient(180deg, rgb(246 248 251 / 100%) 0%, rgb(239 243 247 / 100%) 100%);
		--ol-light-sidebar-panel-shadow:
			inset 0 1px 0 rgb(255 255 255 / 76%),
			0 10px 20px -22px rgb(15 23 42 / 8%);
		--ol-light-sidebar-card-border: rgb(214 220 229 / 96%);
		--ol-light-sidebar-card-bg: linear-gradient(180deg, rgb(255 255 255 / 100%) 0%, rgb(250 252 254 / 100%) 100%);
		--ol-light-sidebar-card-shadow:
			0 1px 2px rgb(15 23 42 / 4%),
			0 10px 20px -20px rgb(15 23 42 / 7%);
	}

	html[data-theme="light"] .sidebar_popout
	{
		border-top: 1px solid var(--ol-light-sidebar-shell-border) !important;
		border-left: 1px solid var(--ol-light-sidebar-shell-border) !important;
		border-right: 1px solid rgb(255 255 255 / 84%) !important;
		background: var(--ol-light-sidebar-shell-bg) !important;
		box-shadow: var(--ol-light-sidebar-shell-shadow) !important;
		backdrop-filter: blur(2px);
		-webkit-backdrop-filter: blur(2px);
	}

	html[data-theme="light"] .sidebar_popout #popup_container
	{
		padding: 10px 12px 14px;
	}

	html[data-theme="light"] .sidebar_popout .popup_header_container
	{
		display: flex;
		width: 100%;
		margin-left: 0;
		padding: 0 0 0.45em;
		margin-bottom: 0.55em;
		border-bottom: 1px solid var(--ol-light-sidebar-divider);
		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
	{
		font-size: 0.9em;
		font-weight: 700;
		letter-spacing: 0.03em;
		color: rgb(29 37 51);
	}

	html[data-theme="light"] .sidebar_popout .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 rgb(207 214 226 / 96%);
		border-radius: 0.46rem;
		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);
		font-size: 0.8em;
		font-weight: 700;
		line-height: 1;
	}

	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 #popup_container
	{
		padding: 10px 12px 14px;
	}

	html[data-theme="dark"] .sidebar_popout .popup_header_container
	{
		display: flex;
		width: 100%;
		margin-left: 0;
		padding: 0 0 0.45em;
		margin-bottom: 0.55em;
		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
	{
		font-size: 0.9em;
		font-weight: 700;
		letter-spacing: 0.03em;
		color: rgb(234 239 248);
		text-shadow: 0 1px 0 rgb(0 0 0 / 28%);
	}

	html[data-theme="dark"] .sidebar_popout .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 rgb(149 166 201 / 16%);
		border-radius: 0.46rem;
		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);
		font-size: 0.8em;
		font-weight: 700;
		line-height: 1;
	}

	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%);
	}

.popup_title
{
	float: left;
	FONT-SIZE: 0.85EM;
}

.popup_container_safari
{
	height: auto !important;      /* since fit-content is unreliable */
	bottom: auto;      /* key: stop the “stretch to fill” behavior */
	top: 50%;
	transform: translateY(-50%);
}

.popup_container_safari > .popup_header_container
{
	height: auto;
}