/************************/
/*    Global Styling    */
/************************/

html
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

body
{
	position: relative;
	min-width: 100%;
	min-height: 100%;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	color: var(--mm-typography-paragraph-medium-color);
	font-family: var(--mm-typography-paragraph-medium-font-family);
	font-size: var(--mm-typography-paragraph-medium-font-size);
	font-style: var(--mm-typography-paragraph-medium-font-style);
	font-weight: var(--mm-typography-paragraph-medium-font-weight);
	line-height: var(--mm-typography-paragraph-medium-line-height);
	letter-spacing: var(--mm-typography-paragraph-medium-letter-spacing);
	-webkit-font-smoothing: antialiased;
	background: transparent;
}

*
{
	scrollbar-color: var(--mm-scrollbar-thumb-color) var(--mm-scrollbar-track-color);
	scrollbar-width: auto;
}

/* v10 UI Generic Styles */

.mm10_scraped_imgbutton_container
{
	top: 0 !important;
	outline: none;
}

.mm10_scraped_imgbutton
{
	position: relative;
	display: var(--mm-button-display);
	padding: var(--mm-button-padding-top-bottom) var(--mm-button-padding-left-right);
	height: var(--mm-button-height);
	font-size: var(--mm-button-font-size);
	font-family: var(--mm-button-font-family);
	font-style: var(--mm-button-font-style);
	font-weight: var(--mm-button-font-weight);
	letter-spacing: var(--mm-button-letter-spacing);
	line-height: var(--mm-button-line-height);
	color: var(--mm-button-alternate-color);
	background: var(--mm-button-alternate-background);
	border: var(--mm-button-alternate-border);
	box-shadow: var(--mm-button-alternate-shadow);
	border-radius: var(--mm-button-radius);
	align-items: var(--mm-button-align-items);
	justify-content: var(--mm-button-justify-content);
	transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	user-select: none;
}

.mm10_scraped_imgbutton:focus,
.mm10_scraped_imgbutton_container:focus .mm10_scraped_imgbutton
{
	--mm-button-alternate-color: var(--mm-button-alternate-color--focus);
	--mm-button-alternate-background: var(--mm-button-alternate-background--focus);
	--mm-button-alternate-border: var(--mm-button-alternate-border--focus);
	--mm-button-alternate-shadow: var(--mm-button-alternate-shadow--focus);
}

.mm10_scraped_imgbutton:focus-visible,
.mm10_scraped_imgbutton_container:focus-visible .mm10_scraped_imgbutton
{
	outline: var(--mm-button-alternate-outline--focus);
	outline-offset: var(--mm-button-outline-offset);
}

.mm10_scraped_imgbutton:hover,
.mm10_scraped_imgbutton_container:hover .mm10_scraped_imgbutton
{
	--mm-button-alternate-background: var(--mm-button-alternate-background--hover);
	--mm-button-alternate-border: var(--mm-button-alternate-border--hover);
	--mm-button-alternate-shadow: var(--mm-button-alternate-shadow--hover);
	--mm-button-alternate-color: var(--mm-button-alternate-color--hover);
}

.mm10_scraped_imgbutton:active,
.mm10_scraped_imgbutton_container:active .mm10_scraped_imgbutton
{
	--mm-button-alternate-background: var(--mm-button-alternate-background--active);
	--mm-button-alternate-border: var(--mm-button-alternate-border--active);
	--mm-button-alternate-shadow: var(--mm-button-alternate-shadow--active);
	--mm-button-alternate-color: var(--mm-button-alternate-color--active);
}

.mm10_svg_icon_span
{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.mm10_scrollbar_dimension_calculator
{
	position: absolute;
	top: -9999px;
	width: 100px;
	height: 100px;
	overflow: scroll;
}

.mm_vertical_align_top
{
	vertical-align: top;
}

/* AUTO-COMPLETE */

.mm9_autocomplete_container
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 11;
	max-height: 500px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc #999 #999 #ccc;
	box-shadow: 2px 2px 8px -2px rgba( 0, 0, 0, 0.2 );
}
.mm9_autocomplete_entry_container
{
	position: relative;
	display: block;
	padding: 5px 8px;
	cursor: pointer;
}
.mm9_autocomplete_entry_container.selected
{
	background: #1eabbd;
	color: #fff;
}

.mm9_autocomplete_entry_text
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm_dialog_completes
{
	background: #ffffff;
	border: 1px solid #cccccc;
	position: absolute;
	z-index: 3;
	display: none;
}

.mm_dialog_complete_text
{
	padding: 2px;
	display: block;
	width: auto;
}

.mm_dialog_complete_col
{
	float: left;
	overflow: hidden;
	white-space: nowrap;
	padding-right: 5px;
}

/* BUTTONS */

.mm_dialog_buttons_right
{
	text-align: right;
	margin-top: 20px;
	white-space: nowrap;
}

.mm_dialog_buttons_left
{
	float: left;
	text-align: left;
	margin-top: 20px;
	white-space: nowrap;
}

.mm_dialog_buttons_right input,
.mm_dialog_buttons_left input
{	
	width: auto;
	padding: 1px 2px;
	font-size: 13px;
}

.mm9_skinned_dialog_container
{
	position: absolute;
	padding: 0;
	left: -10000px;
}

.mm9_skinned_dialog_container .mm9_skinned_dialog
{
	position: relative !important;
	display: block !important;
	width: auto !important;
	top: 0px !important;
	left: 0px !important;
}

/* MISC */

.mm_clear
{
	clear: both;
	display: block;
	width: 0.1em;
	height: 0.1em;
}

.mm_highlight
{
	background: #252856;
	color: #ffffff;
}

.mm_storeicon_container
{
	position: relative;
	display: flex;
	margin-bottom: 15px;
	align-items: center;
}

.mm_storeicon_preview
{
	position: relative;
	display: inline-block;
	margin-right: 15px;
	width: 38px;
	height: 38px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 4px;
	flex-shrink: 0;
}

.mm_storeicon_button_container
{
	position: relative;
	display: inline-block;
	flex-shrink: 0;
}

.mm_storeicon
{
	position: relative;
	display: block;
}

.mm_storeicon .mm_storeicon_button
{
	margin: 0;
	padding: 0 15px;
	height: 38px;
}

.mm_storeicon_menu
{
	position: absolute;
	display: none;
	text-align: center;
	box-sizing: border-box;
	overflow: auto;
	z-index: 99999;
}

.mm_storeicon_menu .mm9_menubutton_menu_item
{
	position: relative;
	display: flex;
	padding: 0 25px;
	height: 30px;
	white-space: nowrap;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #6a6e79;
	align-items: center;
	cursor: pointer;
}

.mm_storeicon_menu .mm_storeicon_group_defaults > .mm10_menubutton_menu_group_menuitem_container
{
	position: relative;
	display: flex;
	padding: 0 20px;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-height: 206px;
	overflow: auto;
	max-width: 284px;
}

.mm_storeicon_menu .mm_storeicon_group_defaults > .mm10_menubutton_menu_group_header_container > .mm9_menubutton_menu_section_header
{
	position: relative;
	display: block;
	text-align: center;
	padding: 20px 0;
	font-size: 16px;
	font-weight: 500;
	color: #5b5c67;
}

.mm_storeicon_menu .mm_storeicon_group_defaults > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item
{
	position: relative;
	display: inline-block;
	margin: 0 5px 5px;
	padding: 0;
	width: 34px;
	height: 34px;
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
	flex-shrink: 0;
}

.mm_storeicon_menu .mm_storeicon_group_defaults > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected
{
	background-color: #f0f5ff;
	border-color: #d3e2ff;
}

.mm_storeicon_menu .mm_storeicon_group_defaults > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item .mm_storeicon_group_defaults_item_icon
{
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	flex-shrink: 0;
}

.mm_storeicon_menu .mm_storeicon_group_customize > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item
{
	position: relative;
	display: flex;
	margin: 30px 34px;
	height: 44px;
	font-size: 14px;
	font-weight: 500;
	color: #2f75ff;
	border: 1px solid #d3e2ff;
	border-radius: 4px;
	box-sizing: border-box;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.mm_storeicon_menu .mm_storeicon_group_customize > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected
{
	background-color: #fff;
	border-color: #2f75ff;
}

/* NEW Tab UI */

.tab_container
{
	position: relative;
	border: 1px solid #ccc;
}

.tab_container_header
{
	position: relative;
	height: 25px;
	padding: 8px;
	background: #777;
	border-bottom: 1px solid #ccc;
	z-index: 2;
	box-shadow: 0 3px 5px -1px #aaa;
}

.tab_container_header_title
{
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}

.tab_container_header_tabmenu
{
	position: absolute;
	display: inline-block;
	top: 5px;
	right: 5px;
}

.tab_container_content
{
	position: relative;
	z-index: 1;
}

.mm_notification_message_container
{
	position: absolute;
	display: flex;
	bottom: 15px;
	left: 50%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transform: translateX(-50%);
	z-index: 1000;
}

.mm_notification_message
{
	position: relative;
	display: inline-flex;
	margin-top: 15px;
	max-width: 450px;
	padding: 18px 100px 18px 25px;
	background: #11c7ab;
	border-radius: 4px;
	align-items: center;
}

.mm_notification_message.primary
{
	background: #2f75ff;
}

.mm_notification_message.error
{
	background: #ed6671;
}

.mm_notification_message_text
{
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	text-align: left;
	font-weight: 500;
	white-space: normal;
	word-break: break-all;
}

.mm_notification_message_action,
.mm_notification_message_action:hover,
.mm_notification_message_action:visited
{
	position: relative;
	display: inline-block;
	margin-left: 12px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: #fff;
	cursor: pointer;
}

.mm_notification_message_close.mm9_mivaicon
{
	position: absolute;
	top: 50%;
	right: 10px;
	padding: 15px;
	color: #fff;
	transform: translateY(-50%);
	cursor: pointer;
}

/*** ProgressBar CSS ***/

.mm9_progressbar
{
	position: relative;
	display: none;
}

.mm9_progressbar_progress
{
	position: relative;
	display: block;
	min-width: 200px;
	height: 12px;
	margin: 10px 30px 10px 25px;
	background: transparent;
}

.mm9_progressbar_show_title .mm9_progressbar_progress
{
	height: 40px;
}

.mm9_progressbar_error .mm9_progressbar_progress
{
	height: 40px;
}

.mm9_progressbar_progress_container
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.mm9_progressbar_progress_cancel.mm9_mivaicon
{
	position: absolute;
	display: none;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	font-size: 12px;
	line-height: 1;
	color: #8b8f98;
	cursor: pointer;
}

.mm9_progressbar_progress_cancel:hover
{
	color: #6a6e79;
}

.mm9_progressbar_cancel .mm9_progressbar_progress_cancel
{
	display: block;
}

.mm9_progressbar_cancel .mm9_progressbar_progress_container
{
	right: 27px;
}

.mm9_progressbar_progress_show_percent
{
	height: 50px;
}

.mm9_progressbar_progress_percent_container
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	transition: transform .25s linear;
}

.mm9_progressbar_progress_show_percent .mm9_progressbar_progress_percent_container
{
	display: block;
}

.mm9_progressbar_progress_percent_spacer
{
	position: absolute;
	top: 0;
	left: -23px;
	width: 46px;
	height: 34px;
}

.mm9_progressbar_progress_percent_bubble
{
	position: relative;
	display: inline-block;
	width: 46px;
	height: 28px;
	background: #eaeff7;
	border-radius: 6px;
}

.mm9_progressbar_progress_percent
{
	position: relative;
	display: block;
	padding: 7px 0;
	height: 12px;
	color: #494A53;
	text-align: center;
	font-size: 12px;
}

.mm9_progressbar_progress_percent_tail
{
	position: absolute;
	width: 0;
	height: 0;
	bottom: -6px;
	left: 15px;
	border-width: 8px 8px 0;
	border-style: solid;
	border-color: #eaeff7 transparent;
}

.mm9_progressbar_progress_background
{
	position: absolute;
	height: 6px;
	right: 0;
	bottom: 3px;
	left: 0;
	background: #eaeff7;
	border-radius: 8px;
	overflow: hidden;
}

.mm9_progressbar_progress_visual
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #11c7ab;
	border-radius: 8px;
	transition: transform .25s linear;
	transform: translateX(-100%);
}

.mm9_progressbar_progress_title
{
	position: absolute;
	display: block;
	text-align: left;
	bottom: 16px;
	left: 2px;
	right: 2px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm9_progressbar_progress_error
{
	position: absolute;
	display: none;
	text-align: right;
	right: 2px;
	bottom: 16px;
	font-size: 12px;
	color: #ed6671;
	cursor: pointer;
}

.mm9_progressbar_error .mm9_progressbar_progress_title
{
	right: 100px;
}

.mm9_progressbar_error .mm9_progressbar_progress_error
{
	display: block;
}

.mm9_progressbar_error .mm9_progressbar_progress_visual
{
	background: #ed6671;
}

.mm9_progressbar_error .mm9_progressbar_progress_percent_container
{
	display: none;
}

.mm9_progressbar.indeterminate .mm9_progressbar_progress_visual
{
	transform: translateX(0);
	background-color: transparent;
	overflow: hidden;
}

.mm9_progressbar.indeterminate .mm9_progressbar_progress_visual::before
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: #11c7ab;
	animation: mm9_dialog_progressbar_indeterminate 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
	content: '';
}

.mm9_progressbar.indeterminate.mm9_progressbar_error .mm9_progressbar_progress_visual::before
{
	background-color: #ed6671;
}

.mm9_progressbar.indeterminate .mm9_progressbar_progress_visual::after
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: #11c7ab;
	animation: mm9_dialog_progressbar_indeterminate_short 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation-delay: 1.2s;
	content: '';
}

.mm9_progressbar.indeterminate.mm9_progressbar_error .mm9_progressbar_progress_visual::after
{
	background-color: #ed6671;
}

/** MMSearch **/

.mm9_search_container
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	height: 25px;
	line-height: 18px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	color: #777;
	outline: none;
	cursor: text;
	background: #fff;
	transition: all .25s ease-in-out;
	z-index: 0;
}

.mm9_search_container_hover
{
	border-color: #b9b9b9;
	border-top-color: #a0a0a0;
}

.mm9_search_container_active,
.mm9_search_container:active
{
	border-color: #1eabbd;
	box-shadow: 1px 1px 8px -1px #ccc;
}

.mm9_search_container_disabled,
.mm9_search_container_disabled:active
{
	border-color: #d9d9d9;
	box-shadow: none;
	background: #f5f5f5;
}

.mm9_search_placeholder_container
{
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	z-index: 1;
}

.mm9_search_search_container
{
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	z-index: 2;
}

.mm9_search_placeholder
{
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	color: #999;
	outline: none;
	background: transparent;
	padding: 0;
	margin: 0;
}

.mm9_search
{
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	color: #999;
	outline: none;
	background: transparent;
	padding: 0;
	margin: 0;
}

.mm9_search_active
{
	color: #000;
}

.mm9_nodisplay
{
	display: none;
}

/** MMScreen CSS **/

.mm_screen_hide_scrollbars
{
	scrollbar-width: none;

	@supports not (scrollbar-width: none)
	{
		&::-webkit-scrollbar
		{
			display: none;
		}
	}
}

.mm9_screen_history_time
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	color: #777;
	margin-right: 8px;
}

.mm9_screen_history_title,
.mm9_screen_bookmark_text
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 1px 0;
	font-size: 11px;
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 250px;
}

.mm10_screen_content_grouptab
{
	position: relative;
	display: none;
}

.mm10_screen_content_grouptab_entry
{
	position: relative;
	display: none;
	min-width: 100%;
	box-sizing: border-box;

	&.visible
	{
		display: inline-block;
	}
	
	&.mm10_screen_content_grouptab_entry_visible
	{
		padding-bottom: 30px;
	}
	
	.mm10_screen_content_grouptab_entry + &
	{
		margin-top: 16px;
	}
}

.mm10_screen_content_grouptab_entry_title_container
{
	position: relative;
	display: flex;
	padding: 0;
	align-items: center;
	justify-content: space-between;
	transition: padding 0.2s ease-in-out;

	.mm10_screen_content_grouptab_entry.mm10_screen_content_grouptab_entry_visible &
	{
		padding-bottom: 24px;
	}
}

.mm10_screen_content_grouptab_entry_title
{
	position: relative;
	display: flex;
	margin-right: 20px;
	align-items: center;
	cursor: pointer;
	flex-shrink: 0;
}

.mm10_screen_content_grouptab_entry_title_text
{
	position: relative;
	display: inline-flex;
	margin-right: 12px;
}

.mm10_screen_content_grouptab_entry_title_dropdown
{
	position: relative;
	display: inline-block;
	margin-right: 12px;
	width: 9px;
	height: 6px;
	transform: rotate(-90deg);
	transition: transform 0.2s linear;
}

.mm10_screen_content_grouptab_entry_visible .mm10_screen_content_grouptab_entry_title_dropdown
{
	transform: none;
}

.mm10_screen_content_grouptab_entry_title_dropdown_bg1
{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 6px;
	height: 2px;
	background-color: #969da8;
	transform: rotate(-40deg);
}

.mm10_screen_content_grouptab_entry_visible .mm10_screen_content_grouptab_entry_title_dropdown_bg1
{
	background-color: #6a6e79;
}

.mm10_screen_content_grouptab_entry_title_dropdown_bg2
{
	position: absolute;
	top: 2px;
	left: 0px;
	width: 6px;
	height: 2px;
	background-color: #969da8;
	transform: rotate(40deg);
}

.mm10_screen_content_grouptab_entry_visible .mm10_screen_content_grouptab_entry_title_dropdown_bg2
{
	background-color: #6a6e79;
}

.mm10_screen_content_grouptab_entry_title_help
{
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.mm10_screen_content_grouptab_entry_content_wrapper
{
	position: relative;
	display: none;
	min-width: 100%;
	grid-template-rows: 0fr;
	grid-template-columns: minmax(max-content, 1fr);
	transition: grid-template-rows 0.2s ease-in-out, display 0.2s allow-discrete;

	.mm10_screen_content_grouptab_entry_visible &
	{
		display: inline-grid;
		grid-template-rows: 1fr;
	}
}

.mm10_screen_content_grouptab_entry_content
{
	position: relative;
	display: inline-block;
	min-width: 100%;
	overflow: hidden;

	.mm10_screen_content_grouptab_entry_visible &
	{
		overflow: visible;
	}
}

.mm_tab_content_background
{
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 7px 12px rgba( 202, 214, 237, 0.2 );
}

.mm9_scrape_actionbutton_positive,
.mm9_scrape_actionbutton_more,
.mm9_scrape_actionbutton_negative,
.mm9_scrape_actionbutton_nextprev,
.mm9_scrape_actionbutton_viewonlivestore
{
	display: none;
}

#mm9_content_container
{
	position: relative;
	display: block;
	padding: 0;
	min-width: 1366px;
	min-height: 645px;
	box-sizing: border-box;
	transition: margin-right 0.2s ease-in-out;
}

#mm9_content_container.mm9_content_container_fullscreen
{
	min-width: 0;
	min-height: 0;
}

#mm_screen_ai_insights_scroll_spacer
{
	position: absolute;
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	pointer-events: none;
}

#mm9_content
{
	position: relative;
	display: inline-block;
	margin: 25px 32px 50px;
	min-width: calc(100% - 64px);
	box-sizing: border-box;
}

.mm10_content_wrapper
{
	position: relative;
	display: block;
}

.mm9_scrollbar_calculator
{
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}

.mm9_table_container
{
	position: relative;
	display: block;
	margin: 8px 0;
	padding: 8px;
	background-color: #fff;
	border: 1px solid #dfe4eb;
	border-radius: 4px;
	box-sizing: border-box;
}

.mm9_table
{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.mm9_table thead td
{
	position: relative;
	vertical-align: middle;
	white-space: nowrap;
	padding: 18px 23px;
	color: #8b8f98;
	background: #f5f7fa;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.mm9_table thead td:first-child
{
	border-radius: 4px 0 0 4px;
}

.mm9_table thead td:last-child
{
	border-radius: 0 4px 4px 0;
}

.mm9_table tbody td
{
	position: relative;
	padding: 15px 23px;
	font-size: 13px;
	border-top: 1px solid #f2f4f7;
}

.mm9_table tbody tr:first-child td
{
	border-top: none;
}

.mm9_table_noborder tbody td
{
	border: none;
}

/** MMLoadingIndicator **/

.mm_loading_indicator
{
	position: relative;
	display: none;
	width: var(--mm-loading-indicator-dimension);
	height: var(--mm-loading-indicator-dimension);
	margin: 0 auto;
	border-radius: 50%;
	animation: mm_loading_indicator_rotate calc(var(--mm-loading-indicator-animation-duration) * 0.75) linear infinite;

	&.visible
	{
		display: block;
	}

	&::before
	{
		position: absolute;
		inset: 0px;
		border-radius: 50%;
		border: var(--mm-loading-indicator-line-width) solid var(--mm-loading-indicator-foreground-color);
		animation: mm_loading_indicator_clip var(--mm-loading-indicator-animation-duration) linear infinite;
		box-sizing: border-box;
		content: '';
	}
}

@keyframes mm_loading_indicator_rotate
{
	100%	{ transform: rotate( 360deg ); }
}

@keyframes mm_loading_indicator_clip
{
	0%		{ clip-path:polygon( 50% 50%, 0 0,			0 0,		0 0,		0 0,		0 0 ); }
	12%		{ clip-path:polygon( 50% 50%, 0 0,			100% 0,		100% 0,		100% 0,		100% 0 ); }
	25%		{ clip-path:polygon( 50% 50%, 0 0,			100% 0,		100% 100%,	100% 100%,	100% 100% ); }
	37%		{ clip-path:polygon( 50% 50%, 0 0,			100% 0,		100% 100%,	0 100%,		0 100% ); }
	50% 	{ clip-path:polygon( 50% 50%, 0 0,			100% 0,		100% 100%,	0 100%,		0 0 ); }
	62%		{ clip-path:polygon( 50% 50%, 100% 0,		100% 0,		100% 100%,	0 100%,		0 0 ); }
	75%		{ clip-path:polygon( 50% 50%, 100% 100%,	100% 100%,	100% 100%,	0 100%,		0 0 ); }
	87%		{ clip-path:polygon( 50% 50%, 0 100%,		0 100%,		100% 100%,	0 100%,		0 0 ); }
	100%	{ clip-path:polygon( 50% 50%, 0 0,			0 0,		0 0,		0 0,		0 0 ); }
}

.mm_input_error_container,
.mm_multilineinput_error_container,
.mm_textarea_error_container,
.mm9_menubutton_error_container
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

.mm_input_error_tail,
.mm_multilineinput_error_tail,
.mm_textarea_error_tail,
.mm9_menubutton_error_tail
{
	position: absolute;
	top: 2px;
	left: 10px;
	width: 0;
	height: 0;
	border-width: 8px 8px 0;
	border-style: solid;
	border-color: transparent transparent transparent var(--mm-field-invalid-message-background-color);
	z-index: 3;
}

.mm_input_error_container.above .mm_input_error_tail,
.mm_multilineinput_error_container.above .mm_multilineinput_error_tail,
.mm_textarea_error_container.above .mm_textarea_error_tail,
.mm9_menubutton_error_container.above .mm9_menubutton_error_tail
{
	top: auto;
	bottom: 2px;
	border-width: 0 8px 8px;
}

.mm_input_error_message,
.mm_multilineinput_error_message,
.mm_textarea_error_message,
.mm9_menubutton_error_message
{
	position: relative;
	display: block;
	margin: 10px;
	padding: 15px;
	background: var(--mm-field-invalid-message-background-color);
	color: var(--mm-field-invalid-message-text-color);
	font-size: 12px;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	z-index: 1000;
	border-radius: 0 var(--mm-field-invalid-message-border-radius) var(--mm-field-invalid-message-border-radius) var(--mm-field-invalid-message-border-radius);
}

.mm_input_error_container.above .mm_input_error_message,
.mm_multilineinput_error_container.above .mm_multilineinput_error_message,
.mm_textarea_error_container.above .mm_textarea_error_message,
.mm9_menubutton_error_container.above .mm9_menubutton_error_message
{
	margin-top: 0;
	margin-bottom: 10px;
	border-radius: var(--mm-field-invalid-message-border-radius) var(--mm-field-invalid-message-border-radius) var(--mm-field-invalid-message-border-radius) 0;
}

/** CSS Resources **/

.mm_list_basecssresourcelist_column_file
{
	position: relative;
	display: block;
	flex-grow: 1;
}

.mm_list_basecssresourcelist_column_file_file_container,
.mm_list_basecssresourcelist_column_file_na_container
{
	position: relative;
	display: flex;
}

.mm_list_basecssresourcelist_column_file_na_container
{
	padding-left: 13px;
}

.mm_list_basecssresourcelist_column_file_editableinput_container
{
	position: relative;
	display: flex;
	height: 34px;
	padding: 0 12px;
	align-items: center;
	background: #fff;
	border: 1px solid #d3e2ff;
	border-radius: 4px;
	box-sizing: border-box;
	flex-grow: 1;
}

.mm_list_view_compact .mm_list_basecssresourcelist_column_file_editableinput_container
{
	height: 28px;
}

.mm_list_view_comfortable .mm_list_basecssresourcelist_column_file_editableinput_container
{
	height: 44px;
}

.mm_list_basecssresourcelist_column_file_editableinput_container_active
{
	border-color: #539cff;
}

.mm_list_basecssresourcelist_column_file_editableinput_container.mm_list_data_col_editableinput_error
{
	padding: 0 11px;
	border-color: #ea6570;
	border-width: 2px;
	border-style: solid;
	outline: none;
}

.mm_list_basecssresourcelist_column_file_editableinput
{
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 14px;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	outline: none;
}

.mm_list_basecssresourcelist_column_upload_button_container
{
	position: relative;
	display: inline-block;
	margin: 0 3px 0 10px;
	flex-shrink: 0;
}

.mm_list_basecssresourcelist_column_file_button.mm10_button_style_alternative_1
{
	padding: 0 15px;
	height: 34px;
}

.mm_list_view_compact .mm_list_basecssresourcelist_column_file_button.mm10_button_style_alternative_1
{
	height: 28px;
}

.mm_list_view_comfortable .mm_list_basecssresourcelist_column_file_button.mm10_button_style_alternative_1
{
	height: 44px;
}

/** JavaScript Resources **/

.mm_list_basejavascriptresourcelist_column_file
{
	position: relative;
	display: block;
	flex-grow: 1;
}

.mm_list_basejavascriptresourcelist_column_file_file_container,
.mm_list_basejavascriptresourcelist_column_file_na_container
{
	position: relative;
	display: flex;
}

.mm_list_basejavascriptresourcelist_column_file_na_container
{
	padding-left: 13px;
}

.mm_list_basejavascriptresourcelist_column_file_editableinput_container
{
	position: relative;
	display: flex;
	height: 34px;
	padding: 0 12px;
	align-items: center;
	background: #fff;
	border: 1px solid #d3e2ff;
	border-radius: 4px;
	box-sizing: border-box;
	flex-grow: 1;
}

.mm_list_view_compact .mm_list_basejavascriptresourcelist_column_file_editableinput_container
{
	height: 28px;
}

.mm_list_view_comfortable .mm_list_basejavascriptresourcelist_column_file_editableinput_container
{
	height: 44px;
}

.mm_list_basejavascriptresourcelist_column_file_editableinput_container_active
{
	border-color: #539cff;
}

.mm_list_basejavascriptresourcelist_column_file_editableinput_container.mm_list_data_col_editableinput_error
{
	padding: 0 11px;
	border-color: #ea6570;
	border-width: 2px;
	border-style: solid;
	outline: none;
}

.mm_list_basejavascriptresourcelist_column_file_editableinput
{
	position: relative;
	width: 100%;
	height: 100%;
	font-size: 14px;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	outline: none;
}

.mm_list_basejavascriptresourcelist_column_upload_button_container
{
	position: relative;
	display: inline-block;
	margin: 0 3px 0 10px;
	flex-shrink: 0;
}

.mm_list_basejavascriptresourcelist_column_file_button.mm10_button_style_alternative_1
{
	padding: 0 15px;
	height: 34px;
}

.mm_list_view_compact .mm_list_basejavascriptresourcelist_column_file_button.mm10_button_style_alternative_1
{
	height: 28px;
}

.mm_list_view_comfortable .mm_list_basejavascriptresourcelist_column_file_button.mm10_button_style_alternative_1
{
	height: 44px;
}

.mm9_mivaicon
{
	speak: none;
	font-size: 15px;
	line-height: 1;
	text-align: center;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	font-family: "MivaIcons" !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mm9_mivaicon_spin
{
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

@-webkit-keyframes spin
{
	from
	{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to
	{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

@keyframes spin
{
	from
	{
		-webkit-transform: rotate(0deg);
		transform:rotate(0deg);
	}
	to
	{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

[class^="icon-"]:before,
[class*=" icon-"]:before
{
  font-family: "MivaIcons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}

/* Empty Icon */
.icon-empty:before
{
	content: '';
}

/* Add Icon */
.icon-add:before
{
	content: '\e002';
}

/* Assign Icon */
.icon-assign:before
{
	content: '\e003';
}

/* Bookmark Icon */
.icon-bookmark:before
{
	content: '\e004';
}

/* Cancel Icon */
.icon-cancel:before
{
	content: '\e005';
}

/* Catalog Icon */
.icon-catalog:before
{
	content: '\e006';
}

/* Changesort Icon */
.icon-changesort:before
{
	content: '\e007';
}

/* Checkmark Icon */
.icon-checkmark:before
{
	content: '\e008';
}

/* Column Resize Icon */
.icon-columnresize:before
{
	content: '\e00b';
}

/* Customers Icon */
.icon-customers:before
{
	content: '\e00c';
}

/* Data Management Icon */
.icon-datamanagement:before
{
	content: '\e00d';
}

/* Delete Icon */
.icon-delete:before
{
	content: '\e00e';
}

/* Notification Icon */
.icon-notification:before
{
	content: '\e00f';
}

/* Display Order Icon */
.icon-disp_order:before
{
	content: '\e010';
}

/* Domain Settings Icon */
.icon-domainsettings:before
{
	content: '\e011';
}

/* Download Icon */
.icon-download:before
{
	content: '\e012';
}

/* Dropdown Icon */
.icon-dropdown:before
{
	content: '\e013';
}

/* Edit Icon */
.icon-edit:before
{
	content: '\e014';
}

/* Exclamation Icon */
.icon-exclamation:before
{
	content: '\e015';
}

/* Export Icon */
.icon-export:before
{
	content: '\e016';
}

/* GoTo Icon */
.icon-goto:before
{
	content: '\e017';
}

/* History Icon */
.icon-history:before
{
	content: '\e018';
}

/* Home Icon */
.icon-home:before
{
	content: '\e019';
}

/* Import Icon */
.icon-import:before
{
	content: '\e01a';
}

/* Logging Icon */
.icon-logging:before
{
	content: '\e01b';
}

/* Logout Icon */
.icon-logout:before
{
	content: '\e01c';
}

/* Lookup Icon */
.icon-lookup:before
{
	content: '\e01d';
}

/* Shipping Icon */
.icon-shipping:before
{
	content: '\e01e';
}

/* Marketing Icon */
.icon-marketing:before
{
	content: '\e01f';
}

/* Menu Icon */
.icon-menu:before
{
	content: '\e020';
}

/* Modules Icon */
.icon-modules:before
{
	content: '\e021';
}

/* More Icon */
.icon-more:before
{
	content: '\e022';
}

/* Order Fulfillment Icon */
.icon-orderfulfillment:before
{
	content: '\e023';
}

/* Order Processing Icon */
.icon-orderprocessing:before
{
	content: '\e024';
}

/* Payment Icon */
.icon-payment:before
{
	content: '\e025';
}

/* Refresh Icon */
.icon-refresh:before
{
	content: '\e026';
}

/* Reports Icon */
.icon-reports:before
{
	content: '\e027';
}

/* Request Support Icon */
.icon-requestsupport:before
{
	content: '\e028';
}

/* Reset Icon */
.icon-reset:before
{
	content: '\e029';
}

/* Save Icon */
.icon-save:before
{
	content: '\e02a';
}

/* Show Icon */
.icon-show:before
{
	content: '\e02b';
}

/* List Icon */
.icon-list:before
{
	content: '\e02c';
}

/* Sort Icon */
.icon-sort:before
{
	content: '\e02d';
}

/* Sort Ascending Icon */
.icon-sort_asc:before
{
	content: '\e02e';
}

/* Sort Descending Icon */
.icon-sort_desc:before
{
	content: '\e02f';
}

/* Store Settings Icon */
.icon-storesettings:before
{
	content: '\e030';
}

/* System Extensions Icon */
.icon-systemextensions:before
{
	content: '\e031';
}

/* Folder Icon */
.icon-folder:before
{
	content: '\e032';
}

/* Template Add Icon */
.icon-template_add:before
{
	content: '\e033';
}

/* Unassign Icon */
.icon-unassign:before
{
	content: '\e034';
}

/* Update Available Icon */
.icon-update_available:before
{
	content: '\e035';
}

/* Upload Icon */
.icon-upload:before
{
	content: '\e036';
}

/* User Interface Icon */
.icon-userinterface:before
{
	content: '\e037';
}

/* Users Icon */
.icon-users:before
{
	content: '\e038';
}

/* Utilities Icon */
.icon-utilities:before
{
	content: '\e039';
}

/* Viewstore Icon */
.icon-viewstore:before
{
	content: '\e03a';
}

/* Column Menu Icon */
.icon-columnmenu:before
{
	content: '\e03b';
}

/* First Icon */
.icon-first:before
{
	content: '\e03c';
}

/* Previous Icon */
.icon-prev:before
{
	content: '\e03d';
}

/* Next Icon */
.icon-next:before
{
	content: '\e03e';
}

/* Last Icon */
.icon-last:before
{
	content: '\e03f';
}

/* Search Icon */
.icon-search:before
{
	content: '\e040';
}

/* Loading Icon */
.icon-loading:before
{
	content: '\e041';
}

/* Dismiss Icon */
.icon-dismiss:before
{
	content: '\e042';
}

/* Breadcrumb Separator Icon */
.icon-bseparator:before
{
	content: '\e043';
}

/* FieldError Icon */
.icon-fielderror:before
{
	content: '\e044';
}

/* Circle Icon */
.icon-circle:before
{
	content: '\e045';
}

/* Here Icon */
.icon-here:before
{
	content: '\e046';
}

/* Settings Icon */
.icon-settings:before
{
	content: '\e047';
}

/* URI Management Icon */
.icon-urimanagement:before
{
	content: '\e048';
}

/* Marketplaces Icon */
.icon-marketplaces:before
{
	content: '\e049';
}

/* Advanced Search Icon */
.icon-advancedsearch:before
{
	content: '\e04a';
}

/* Find In List Icon */
.icon-findinlist:before
{
	content: '\e04b';
}

/* ReadyTheme Icon */
.icon-readytheme:before
{
	content: '\e04c';
}

/* Arrow Up Icon */
.icon-arrow-up:before
{
	content: '\e04d';
}

/* Arrow Down Icon */
.icon-arrow-down:before
{
	content: '\e04e';
}

/* Font Icon */
.icon-font:before
{
	content: '\e04f';
}

/* Bold Icon */
.icon-bold:before
{
	content: '\e050';
}

/* Italic Icon */
.icon-italic:before
{
	content: '\e051';
}

/* Underline Icon */
.icon-underline:before
{
	content: '\e052';
}

/* Strikethrough Icon */
.icon-strike:before
{
	content: '\e053';
}

/* Align Left Icon */
.icon-align-left:before
{
	content: '\e054';
}

/* Align Center Icon */
.icon-align-center:before
{
	content: '\e055';
}

/* Align Right Icon */
.icon-align-right:before
{
	content: '\e056';
}

/* Align Justify Icon */
.icon-align-justify:before
{
	content: '\e057';
}

/* Indent Icon */
.icon-indent:before
{
	content: '\e058';
}

/* Outdent Icon */
.icon-outdent:before
{
	content: '\e059';
}

/* Picture Icon */
.icon-picture:before
{
	content: '\e05a';
}

/* Link Icon */
.icon-link:before
{
	content: '\e05b';
}

/* External Link Icon */
.icon-link-ext-alt:before
{
	content: '\e05c';
}

/* Code Icon */
.icon-code:before
{
	content: '\e05d';
}

/* Undo Icon */
.icon-undo:before
{
	content: '\e05e';
}

/* Redo Icon */
.icon-redo:before
{
	content: '\e05f';
}

/* Paint Bucket Icon */
.icon-paint:before
{
	content: '\e060';
}

/* Numbered List Icon */
.icon-numberedlist:before
{
	content: '\e061';
}

/* Bullet List Icon */
.icon-bulletlist:before
{
	content: '\e062';
}

/* Superscript Icon */
.icon-superscript:before
{
	content: '\e063';
}

/* Subscript Icon */
.icon-subscript:before
{
	content: '\e064';
}

/* Resize Icon */
.icon-resize:before
{
	content: '\e065';
}

/* Lock Icon */
.icon-lock:before
{
	content: '\e066';
}

/* Unlock Icon */
.icon-unlock:before
{
	content: '\e067';
}

/* Line Numbers Icon */
.icon-linenumbers:before
{
	content: '\e068';
}

/* Wrap Icon */
.icon-wrap:before
{
	content: '\e069';
}

/* TextArea Icon */
.icon-textarea:before
{
	content: '\e06a';
}

/* Color Picker Icon */
.icon-colorpicker:before
{
	content: '\e06b';
}

/* Paragraph Icon */
.icon-paragraph:before
{
	content: '\e06c';
}

/* Table Icon */
.icon-table:before
{
	content: '\e06d';
}

/* Font Size Icon */
.icon-fontsize:before
{
	content: '\e06e';
}

/* Font Face Icon */
.icon-fontface:before
{
	content: '\e06f';
}

/* Vertical Align Icon */
.icon-verticalalign:before
{
	content: '\e070';
}

/* Horizontal Align Icon */
.icon-horizontalalign:before
{
	content: '\e071';
}

/* Columns Icon */
.icon-columns:before
{
	content: '\e072';
}

/* Rows Icon */
.icon-rows:before
{
	content: '\e073';
}

/* Border Icon */
.icon-border:before
{
	content: '\e074';
}

/* Cell Icon */
.icon-cell:before
{
	content: '\e075';
}

/* RichText Icon */
.icon-richtext:before
{
	content: '\e076';
}

/* Fullscreen Start Icon */
.icon-fullscreen_start:before
{
	content: '\e077';
}

/* Fullscreen End Icon */
.icon-fullscreen_end:before
{
	content: '\e078';
}

/* Foreground Color Icon */
.icon-foregroundcolor:before
{
	content: '\e079';
}

/* Background Color Icon */
.icon-backgroundcolor:before
{
	content: '\e07a';
}

/* Find And Replace Icon */
.icon-find_and_replace:before
{
	content: '\e07b';
}

/* Find And Replace Icon */
.icon-help:before
{
	content: '\e07c';
}

/* Line Chart Stacked Icon */
.icon-line_stacked:before
{
	content: '\e07d';
}

/* Bar Chart Stacked Icon */
.icon-bar_stacked:before
{
	content: '\e07e';
}

/* Bar Chart Side-By-Side Icon */
.icon-bar_sbs:before
{
	content: '\e07f';
}

/* Workflow Group Icon */
.icon-group:before
{
	content: '\e080';
}

/* Workflow Ungroup Icon */
.icon-ungroup:before
{
	content: '\e081';
}

/* Workflow Triggers Icon */
.icon-triggers:before
{
	content: '\e082';
}

/* Workflow Conditions Icon */
.icon-conditions:before
{
	content: '\e083';
}

/* Workflow Actions Icon */
.icon-actions:before
{
	content: '\e084';
}

/* Workflow Icon */
.icon-workflow:before
{
	content: '\e085';
}

/* Details Icon */
.icon-details:before
{
	content: '\e086';
}

/* Zoom Out Icon */
.icon-zoom_out:before
{
	content: '\e087';
}

/* Zoom In Icon */
.icon-zoom_in:before
{
	content: '\e088';
}

/* Linked Icon */
.icon-linked:before
{
	content: '\e089';
}

/* Gear 1 Icon */
.icon-gear_1:before
{
	content: '\e08a';
}

/* Branches Icon */
.icon-branches:before
{
	content: '\e08b';
}

/* Create New Icon */
.icon-createnew:before
{
	content: '\e08c';
}

/* Tags Icon */
.icon-tags:before
{
	content: '\e08d';
}

/* Position Bottom Left Icon */
.icon-position_bottom_left:before
{
	content: '\e08e';
}

/* Position Bottom Right Icon */
.icon-position_bottom_right:before
{
	content: '\e08f';
}

/* Position Top Right Icon */
.icon-position_top_right:before
{
	content: '\e090';
}

/* Position Top Left Icon */
.icon-position_top_left:before
{
	content: '\e091';
}

/* Shop As Customer Icon */
.icon-shopascustomer:before
{
	content: '\e092';
}

/* Email Icon */
.icon-email:before
{
	content: '\e093';
}

/* Login Icon */
.icon-login:before
{
	content: '\e094';
}

/* Miva M Logo Icon */
.icon-miva_m:before
{
	content: '\e095';
}

/* Copy Icon */
.icon-copy:before
{
	content: '\e096';
}

/* Cicle Cancel Icon */
.icon-circle_cancel:before
{
	content: '\e097';
}

/* Circle Checkmark Icon */
.icon-cicle_checkmark:before
{
	content: '\e098';
}

/* Circle Information Icon */
.icon-cicle_information:before
{
	content: '\e099';
}

/* Filter Icon */
.icon-filter:before
{
	content: '\e09a';
}

/* Circle Plus Add Icon */
.icon-circle_add:before
{
	content: '\e09b';
}

/* Star Icon */
.icon-star:before
{
	content: '\e09c';
}

/* Date Icon */
.icon-date:before
{
	content: '\e09d';
}

/* Time Icon */
.icon-time:before
{
	content: '\e09e';
}

/* Revision Icon */
.icon-revision:before
{
	content: '\e09f';
}

/* Password Icon */
.icon-password:before
{
	content: '\e100';
}

/* Business Account Icon */
.icon-businessaccount:before
{
	content: '\e101';
}

/* Address Book Icon */
.icon-addressbook:before
{
	content: '\e102';
}

/* Customer Dashboard Login Icon */
.icon-customer_dashboard_login:before
{
	content: '\e103';
}

/* Customer Dashboard Business Account Icon */
.icon-customer_dashboard_businessaccount:before
{
	content: '\e104';
}

/* Customer Dashboard Email Icon */
.icon-customer_dashboard_email:before
{
	content: '\e105';
}

/* Customer Dashboard Password Icon */
.icon-customer_dashboard_password:before
{
	content: '\e106';
}

/* Customer Dashboard Address Icon */
.icon-customer_dashboard_address:before
{
	content: '\e107';
}

/* Customer Dashboard Phone Icon */
.icon-customer_dashboard_phone:before
{
	content: '\e108';
}

/* MM10 Dashboard Styles */

.mm10_dashboard
{
	position: relative;
	display: block;
	margin: 0 auto;
	max-width: 1300px;
}

.mm10_dashboard_group
{
	position: relative;
	display: none;
	box-sizing: border-box;
}

.mm10_dashboard_group.visible
{
	display: inline-flex;
}

.mm10_dashboard_group:empty
{
	display: none;
}

.mm10_dashboard_group.mm10_dashboard_group_small
{
	padding-right: 5px;
	width: 40%;
}

.mm10_dashboard_group.mm10_dashboard_group_medium
{
	padding-left: 5px;
	width: 60%;
}

.mm10_dashboard_group.mm10_dashboard_group_large
{
	width: auto;
	flex-grow: 1;
}

.mm10_dashboard_group.mm10_dashboard_group_large.visible
{
	display: flex;
}

.mm10_dashboard_group.mm10_dashboard_group_column
{
	flex-direction: column;
}

.mm10_dashboard_item
{
	position: relative;
	display: flex;
	margin-bottom: 10px;
	box-sizing: border-box;
	overflow: hidden;
	flex-direction: column;
}

.mm10_dashboard_item.inactive
{
	background-color: #f5f7fa;
}

.mm10_dashboard_item.nopermissions
{
	background-color: #f5f7fa;
	border: 1px solid #e1e5eb;
	box-shadow: none;
}

.mm10_dashboard_item.no_content
{
	padding: 30px;
}

.mm10_dashboard_item.hidden
{
	display: none;
}

.mm10_dashboard_item_header
{
	position: relative;
	display: flex;
	margin-bottom: 35px;
	align-items: center;
	overflow: hidden;
	flex-shrink: 0;
}

.mm10_dashboard_item.no_content .mm10_dashboard_item_header
{
	margin-bottom: 0;
}

.mm10_dashboard_item_title
{
	position: relative;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: #5b5c67;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	flex-grow: 1;
}

.mm10_dashboard_item.inactive .mm10_dashboard_item_title,
.mm10_dashboard_item.nopermissions .mm10_dashboard_item_title
{
	color: #969da8;
}

.mm10_dashboard_item_title_text
{
	position: relative;
	display: inline;
}

.mm10_dashboard_item_title_count
{
	position: relative;
	display: inline;
	margin-left: 5px;
	font-weight: normal;
}

.mm10_dashboard_item_title_count:empty
{
	display: none;
}

.mm10_dashboard_item_actions
{
	position: relative;
	display: inline-flex;
	white-space: nowrap;
	flex-shrink: 0;
	align-items: center;
}

.mm10_dashboard_item_actions .mm10_button_style_primary,
.mm10_dashboard_item_actions .mm10_button_style_alternative_1,
.mm10_dashboard_item_actions .mm10_button_style_primary_muted,
.mm10_dashboard_item_actions .mm10_button_style_secondary,
.mm10_dashboard_item_actions .mm10_button_style_secondary_borderless,
.mm10_dashboard_item_actions .mm10_button_style_primary_muted_borderless,
.mm10_dashboard_item_actions .mm10_button_style_link,
.mm10_dashboard_item_actions .mm10_button_style_negative,
.mm10_dashboard_item_actions .mm10_button_style_negative_muted,
.mm10_dashboard_item_actions .mm_hybridmenubutton_style_primary,
.mm10_dashboard_item_actions .mm_hybridmenubutton_style_alternative_1,
.mm10_dashboard_item_actions .mm_hybridmenubutton_style_primary_muted,
.mm10_dashboard_item_actions .mm_hybridmenubutton_style_secondary,
.mm10_dashboard_item_actions .mm_hybridmenubutton_style_secondary_borderless,
.mm10_dashboard_item_actions .mm_hybridmenubutton_style_primary_muted_borderless,
.mm10_dashboard_item_actions .mm_hybridmenubutton_style_link,
.mm10_dashboard_item_actions .mm_hybridmenubutton_style_negative,
.mm10_dashboard_item_actions .mm_hybridmenubutton_style_negative_muted
{
	margin-left: 12px;
}

.mm10_dashboard_item_content
{
	position: relative;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
}

.mm10_dashboard_item.inactive .mm10_dashboard_item_content,
.mm10_dashboard_item.nopermissions .mm10_dashboard_item_content
{
	color: #8b8f98;
}

.mm10_dashboard_item_nopermission_container
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	white-space: nowrap;
}

.mm10_dashboard_item_actions .mm10_dashboard_item_nopermission_container
{
	justify-content: flex-end;
}

.mm10_dashboard_item_nopermission_container.box
{
	background-color: #f2f4f7;
	border: 1px solid #e1e5eb;
	border-radius: 4px;
	justify-content: center;
	flex-grow: 1;
}

.mm10_dashboard_item_nopermission_icon
{
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-size: 16px;
	color: #ffa700;
}

.mm10_dashboard_item_nopermission_container.box .mm10_dashboard_item_nopermission_icon
{
	font-size: 20px;
}

.mm10_dashboard_item_nopermission_message
{
	position: relative;
	display: inline-block;
	font-size: 13px;
	color: #8b8f98;
}

.mm10_dashboard_item_nopermission_container.box .mm10_dashboard_item_nopermission_message
{
	font-size: 18px;
	font-weight: 500;
}

.mm10_dashboard_item_loading_container
{
	position: relative;
	display: none;
	width: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	flex-grow: 1;
}

.mm10_dashboard_item_loading_container.fixed
{
	height: 200px;
}

.mm10_dashboard_group_small > .mm10_dashboard_item .mm10_dashboard_item_loading_container.fixed
{
	height: 100px;
}

.mm10_dashboard_item_loading_container.visible
{
	display: flex;
}

.mm10_dashboard_item_empty_container
{
	position: relative;
	display: none;
	width: 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background-color: #f5f7fa;
	border-radius: 4px;
	box-sizing: border-box;
	flex-grow: 1;
}

.mm10_dashboard_item_empty_container.fixed
{
	height: 200px;
}

.mm10_dashboard_group_small > .mm10_dashboard_item .mm10_dashboard_item_empty_container.fixed
{
	height: 100px;
}

.mm10_dashboard_item_empty_container.visible
{
	display: flex;
}

.mm10_dashboard_item_empty_message_icon
{
	position: relative;
	display: block;
	margin-bottom: 40px;
	width: 133px;
	height: 130px;
	background-image: url('graphics/en-US/admin/mm10_dashboard_empty_icon.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.mm10_dashboard_item_empty_message_text
{
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: 500;
	color: #6a6e79;
}

.mm10_dashboard_group_small > .mm10_dashboard_item .mm10_dashboard_item_empty_message_text
{
	font-size: 14px;
}

.mm10_dashboard_item_list_container
{
	position: relative;
	display: none;
	box-sizing: border-box;
}

.mm10_dashboard_item_list_container.visible
{
	display: block;
}

.mm10_dashboard_item_list_row
{
	position: relative;
	display: flex;
	height: 50px;
	border-bottom: 1px solid #f2f4f7;
	align-items: center;
	overflow: hidden;
}

.mm10_dashboard_item_list_row:nth-child(even)
{
	background-color: #f5f7fa;
}

.mm10_dashboard_item_list_row.header
{
	height: 36px;
	background: transparent;
}

.mm10_dashboard_item_list_cell
{
	position: relative;
	display: inline-block;
	margin-left: 30px;
	font-size: 13px;
	font-weight: normal;
	color: #6a6e79;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mm10_dashboard_item_list_row .mm10_dashboard_item_list_cell:last-child
{
	margin-right: 30px;
}

.mm10_dashboard_item_list_row.header .mm10_dashboard_item_list_cell
{
	font-size: 11px;
	font-weight: bold;
	color: #969da8;
	text-transform: uppercase;
}

/* MM10 Admin Inline Help Styles */

.mm10_admin_inline_help_tooltip_button
{
	position: relative;
	display: flex;
	margin-top: 1px;
	align-items: center;
	background-color: transparent;
	box-sizing: border-box;
	transition: color 0.2s linear;
	cursor: pointer;
	outline: none;
	user-select: none;
}

.mm10_admin_inline_help_tooltip_button .mm9_button_custom
{
	position: relative;
	display: flex;
}

.mm10_admin_inline_help_tooltip_button .mm10_admin_inline_help_tooltip_button_content
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mm10_admin_inline_help_tooltip_button .mm10_admin_inline_help_tooltip_button_icon
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mm10_admin_inline_help_tooltip_button .mm10_admin_inline_help_tooltip_button_content.loading .mm10_admin_inline_help_tooltip_button_icon
{
	display: none;
}

.mm10_admin_inline_help_tooltip_button .mm10_admin_inline_help_tooltip_button_icon svg
{
	width: 16px;
	height: 16px;
}

.mm10_admin_inline_help_tooltip_button .mm10_svg_icon_color
{
	fill: var(--mm-admin-inline-help-tooltip-button-color);
	transition: fill 0.2s linear;
}

.mm10_admin_inline_help_tooltip_button:hover .mm10_svg_icon_color,
.mm10_admin_inline_help_tooltip_button.focus .mm10_svg_icon_color,
.mm10_admin_inline_help_tooltip_button.active .mm10_svg_icon_color
{
	--mm-admin-inline-help-tooltip-button-color: var(--mm-admin-inline-help-tooltip-button-color--active);
}/****************************/
/*    Core Button Styles    */
/****************************/

.mm9_button_text
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.mm9_button_title
{
	display: none;
}

.mm9_button_title_tooltip
{
	display: none;
}

.mm9_button_image
{
	position: relative;
	display: none;
	width: var(--mm-button-font-size);
	height: var(--mm-button-font-size);
	vertical-align: middle;
}

.mm9_button_upload_container
{
	position: absolute;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.mm9_button_error_icon
{
	display: none;
}

mm-button
{
	line-height: 0;
}

mm-button:not([button-style]) .mm_button_common,
mm-button[button-style~="primary"] .mm_button_common,
mm-button[button-style~="secondary"] .mm_button_common,
mm-button[button-style~="alternate"] .mm_button_common,
mm-button[button-style~="destructive-primary"] .mm_button_common,
mm-button[button-style~="destructive-secondary"] .mm_button_common,
mm-button[button-style~="close"] .mm_button_common,
mm-button[button-style^="custom--"] .mm_button_common,
.mm_button_style_primary,
.mm_button_style_secondary,
.mm_button_style_alternate,
.mm_button_style_destructive_primary,
.mm_button_style_destructive_secondary,
.mm10_button_style_primary,									/* Legacy Mapped Button */
.mm10_button_style_primary_alternate_background_1,			/* Legacy Mapped Button */
.mm10_button_style_alternative_1,							/* Legacy Mapped Button */
.mm10_button_style_primary_muted,							/* Legacy Mapped Button */
.mm10_button_style_secondary,								/* Legacy Mapped Button */
.mm10_button_style_secondary_borderless,					/* Legacy Mapped Button */
.mm10_button_style_primary_muted_borderless,				/* Legacy Mapped Button */
.mm10_button_style_negative,								/* Legacy Mapped Button */
.mm10_button_style_negative_muted,							/* Legacy Mapped Button */
.mm9_button,												/* Legacy Mapped Button */
.mm9_button_light,											/* Legacy Mapped Button */
.mm_list_action_button										/* MMList Mapped Button */
{
	position: relative;
	display: var(--mm-button-display);
	vertical-align: middle;
	padding: var(--mm-button-padding-top-bottom) var(--mm-button-padding-left-right);
	height: var(--mm-button-height);
	line-height: var(--mm-button-line-height);
	background: var(--mm-button-base-background);
	border: var(--mm-button-base-border);
	border-radius: var(--mm-button-radius);
	box-shadow: var(--mm-button-base-shadow);
	align-items: var(--mm-button-align-items);
	justify-content: var(--mm-button-justify-content);
	transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	user-select: none;

	&.disabled
	{
		cursor: default;
	}

	mm-button[size~="full"] &,
	&.whole
	{
		display: flex;
		width: auto;
		flex-grow: 1;
	}

	&.tertiary,
	&.overflowmenubutton,
	&.icon,
	mm-button[button-style~="icon"] &,
	mm-button[button-style~="close"] &
	{
		padding: 0;
		width: var(--mm-button-height);
		height: var(--mm-button-height);
	}

	&.icon,
	mm-button[button-style~="close"] &
	{
		font-size: var(--mm-button-font-size);
		color: var(--mm-button-base-color);

		.mm9_button_custom:not(:has(mm-icon[size])),
		svg:not(mm-icon[size] svg)
		{
			width: var(--mm-button-font-size);
			height: var(--mm-button-font-size);
		}
	}

	.mm9_button_image,
	.mm9_button_text,
	.mm9_button_custom
	{
		color: var(--mm-button-base-color);
		font-size: var(--mm-button-font-size);
		transition: color 0.2s linear;
	}

	.mm9_button_custom
	{
		display: flex;
		align-items: center;

		mm-icon:not([tone])
		{
			--mm-icon-color: var(--mm-button-base-color);
		}

		mm-icon:not([size])
		{
			--mm-icon-dimension--width: var(--mm-button-font-size);
			--mm-icon-dimension--height: var(--mm-button-font-size);
		}

		mm-text:where(:not(mm-badge mm-text, mm-text[type]))
		{
			--mm-text-font-size: var(--mm-button-font-size);
		}

		mm-text:where(:not(mm-badge mm-text, mm-text[tone]))
		{
			--mm-text-color: var(--mm-button-base-color);
		}

		mm-text:where(:not(mm-badge mm-text, mm-text[weight]))
		{
			--mm-text-font-weight: var(--mm-button-font-weight);
		}

		.mm10_svg_icon_color:not(mm-icon .mm10_svg_icon_color)
		{
			fill: var(--mm-button-base-color);
		}
	}

	.mm9_button_text
	{
		padding: 0;
	}

	.mm9_button_text,
	.mm9_button_custom
	{
		font-family: var(--mm-button-font-family);
		font-style: var(--mm-button-font-style);
		font-weight: var(--mm-button-font-weight);
		letter-spacing: var(--mm-button-letter-spacing);
	}

	&.tertiary,
	&.overflowmenubutton
	{
		.mm_button_style_xxx_tertiary_icon,
		.mm10_button_style_xxx_tertiary_icon,
		.mm_list_action_overflowmenubutton_icon
		{
			position: relative;
			display: block;
			width: 18px;
			height: 3px;
		}

		.mm_button_style_xxx_tertiary_icon_bg1,
		.mm10_button_style_xxx_tertiary_icon_bg1,
		.mm_list_action_overflowmenubutton_icon_bg1
		{
			position: absolute;
			top: 0;
			left: 0;
			width: 3px;
			height: 3px;
			background-color: var(--mm-button-base-color);
			border-radius: 50%;
			transition: transform 0.2s linear, background-color 0.2s linear;
		}

		.mm_button_style_xxx_tertiary_icon_bg2,
		.mm10_button_style_xxx_tertiary_icon_bg2,
		.mm_list_action_overflowmenubutton_icon_bg2
		{
			position: absolute;
			top: 0;
			left: 7px;
			width: 3px;
			height: 3px;
			background-color: var(--mm-button-base-color);
			border-radius: 50%;
			transition: transform 0.2s linear, background-color 0.2s linear;
		}


		.mm_button_style_xxx_tertiary_icon_bg3,
		.mm10_button_style_xxx_tertiary_icon_bg3,
		.mm_list_action_overflowmenubutton_icon_bg3
		{
			position: absolute;
			top: 0;
			left: 14px;
			width: 3px;
			height: 3px;
			background-color: var(--mm-button-base-color);
			border-radius: 50%;
			transition: transform 0.2s linear, background-color 0.2s linear;
		}
	}

	&.menubutton
	{
		padding-right: 40px;

		.mm9_menubutton_dropdown
		{
			position: absolute;
			display: block;
			top: 50%;
			right: var(--mm-button-padding-left-right);
			width: 9px;
			height: 6px;
			border: none;
			background: none;
			transform: translateY(-50%);
		}

		.mm9_menubutton_dropdown_bg1
		{
			position: absolute;
			top: 2px;
			left: 4px;
			width: 6px;
			height: 2px;
			background-color: var(--mm-button-base-color);
			transform: rotate(-40deg);
			transition: transform 0.2s linear, background-color 0.2s linear;
		}

		.mm9_menubutton_dropdown_bg1
		{
			.mm10_menubutton_container_style_common.active &
			{
				transform: rotate(40deg);
			}
		}

		.mm9_menubutton_dropdown_bg2
		{
			position: absolute;
			top: 2px;
			left: 0px;
			width: 6px;
			height: 2px;
			background-color: var(--mm-button-base-color);
			transform: rotate(40deg);
			transition: transform 0.2s linear, background-color 0.2s linear;
		}

		.mm9_menubutton_dropdown_bg2
		{
			.mm10_menubutton_container_style_common.active &
			{
				transform: rotate(-40deg);
			}
		}
	}

	&.mm_hybridmenubutton_button
	{
		padding-right: 55px;

		.mm9_menubutton_dropdown
		{
			position: absolute;
			display: block;
			top: 0;
			right: 0;
			bottom: 0;
			width: 44px;
			height: auto;
			border: none;
			background: none;
		}

		.mm9_menubutton_dropdown::before
		{
			position: absolute;
			display: block;
			top: 50%;
			left: 0;
			width: 1px;
			height: 18px;
			background-color: var(--mm-button-base-hybrid-divider-color);
			transform: translateY(-50%);
			transition: background-color 0.2s linear;
			content: '';
		}

		.mm9_menubutton_dropdown_bg1
		{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 9px;
			height: 6px;
			transform: translate(-50%, -50%);
		}

		.mm9_menubutton_dropdown_bg2
		{
			display: none;
		}

		.mm9_menubutton_dropdown_bg1::before
		{
			position: absolute;
			top: 2px;
			left: 4px;
			width: 6px;
			height: 2px;
			background-color: var(--mm-button-base-color);
			transform: rotate(-40deg);
			transition: all 0.2s linear;
			content: '';
		}

		.mm9_menubutton_dropdown_bg1::before
		{
			:where(.mm10_menubutton_container_style_common.active) &
			{
				transform: rotate(40deg);
			}
		}

		.mm9_menubutton_dropdown_bg1::after
		{
			position: absolute;
			top: 2px;
			left: 0px;
			width: 6px;
			height: 2px;
			background-color: var(--mm-button-base-color);
			transform: rotate(40deg);
			transition: all 0.2s linear;
			content: '';
		}

		.mm9_menubutton_dropdown_bg1::after
		{
			:where(.mm10_menubutton_container_style_common.active) &
			{
				transform: rotate(-40deg);
			}
		}
	}

	&.focus
	{
		--mm-button-base-background: var(--mm-button-base-background--focus);
		--mm-button-base-border: var(--mm-button-base-border--focus);
		--mm-button-base-shadow: var(--mm-button-base-shadow--focus);
		--mm-button-base-color: var(--mm-button-base-color--focus);
	}

	&.focus:not(.click-focus)
	{
		outline: var(--mm-button-base-outline--focus);
		outline-offset: var(--mm-button-outline-offset);
	}

	&:hover
	{
		--mm-button-base-background: var(--mm-button-base-background--hover);
		--mm-button-base-border: var(--mm-button-base-border--hover);
		--mm-button-base-shadow: var(--mm-button-base-shadow--hover);
		--mm-button-base-color: var(--mm-button-base-color--hover);
	}

	&.active,
	.mm10_menubutton_container_style_common.active &
	{
		--mm-button-base-background: var(--mm-button-base-background--active);
		--mm-button-base-border: var(--mm-button-base-border--active);
		--mm-button-base-shadow: var(--mm-button-base-shadow--active);
		--mm-button-base-color: var(--mm-button-base-color--active);
	}

	&.disabled
	{
		--mm-button-base-background: var(--mm-button-base-background--disabled);
		--mm-button-base-border: var(--mm-button-base-border--disabled);
		--mm-button-base-shadow: var(--mm-button-base-shadow--disabled);
		--mm-button-base-color: var(--mm-button-base-color--disabled);
	}
}

/* Size Small */

mm-button[size~="small"]:not([button-style]) .mm_button_common,
mm-button[button-style~="primary"][size~="small"] .mm_button_common,
mm-button[button-style~="secondary"][size~="small"] .mm_button_common,
mm-button[button-style~="alternate"][size~="small"] .mm_button_common,
mm-button[button-style~="destructive-primary"][size~="small"] .mm_button_common,
mm-button[button-style~="destructive-secondary"][size~="small"] .mm_button_common,
mm-button[button-style~="close"][size~="small"] .mm_button_common,
.mm_button_style_primary.small,
.mm_button_style_secondary.small,
.mm_button_style_alternate.small,
.mm_button_style_destructive_primary.small,
.mm_button_style_destructive_secondary.small,
.mm10_button_style_primary.small,							/* Legacy Mapped Button */
.mm10_button_style_primary_alternate_background_1.small,	/* Legacy Mapped Button */
.mm10_button_style_alternative_1.small,						/* Legacy Mapped Button */
.mm10_button_style_primary_muted.small,						/* Legacy Mapped Button */
.mm10_button_style_secondary.small,							/* Legacy Mapped Button */
.mm10_button_style_secondary_borderless.small,				/* Legacy Mapped Button */
.mm10_button_style_primary_muted_borderless.small,			/* Legacy Mapped Button */
.mm10_button_style_negative.small,							/* Legacy Mapped Button */
.mm10_button_style_negative_muted.small						/* Legacy Mapped Button */
.mm9_button.small,											/* Legacy Mapped Button */
.mm9_button_light.small										/* Legacy Mapped Button */
{
	--mm-button-padding-left-right: var(--mm-button-padding-left-right--s);
	--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--s);
	--mm-button-height: var(--mm-button-height--s);
	--mm-button-font-size: var(--mm-button-font-size--s);

	&.menubutton
	{
		padding-right: 32px;

		.mm9_menubutton_dropdown
		{
			right: 15px;
		}
	}

	&.mm_hybridmenubutton_button
	{
		padding-right: 45px;

		.mm9_menubutton_dropdown
		{
			width: 30px;
		}

		.mm9_menubutton_dropdown::before
		{
			height: 16px;
		}
	}
}

/* Size Large */

mm-button[size~="large"]:not([button-style]) .mm_button_common,
mm-button[button-style~="primary"][size~="large"] .mm_button_common,
mm-button[button-style~="secondary"][size~="large"] .mm_button_common,
mm-button[button-style~="alternate"][size~="large"] .mm_button_common,
mm-button[button-style~="destructive-primary"][size~="large"] .mm_button_common,
mm-button[button-style~="destructive-secondary"][size~="large"] .mm_button_common,
mm-button[button-style~="close"][size~="large"] .mm_button_common,
.mm_button_style_primary.large,
.mm_button_style_secondary.large,
.mm_button_style_alternate.large,
.mm_button_style_destructive_primary.large,
.mm_button_style_destructive_secondary.large,
.mm10_button_style_primary.large,							/* Legacy Mapped Button */
.mm10_button_style_primary_alternate_background_1.large,	/* Legacy Mapped Button */
.mm10_button_style_alternative_1.large,						/* Legacy Mapped Button */
.mm10_button_style_primary_muted.large,						/* Legacy Mapped Button */
.mm10_button_style_secondary.large,							/* Legacy Mapped Button */
.mm10_button_style_secondary_borderless.large,				/* Legacy Mapped Button */
.mm10_button_style_primary_muted_borderless.large,			/* Legacy Mapped Button */
.mm10_button_style_negative.large,							/* Legacy Mapped Button */
.mm10_button_style_negative_muted.large						/* Legacy Mapped Button */
.mm9_button.large,											/* Legacy Mapped Button */
.mm9_button_light.large										/* Legacy Mapped Button */
{
	--mm-button-padding-left-right: var(--mm-button-padding-left-right--l);
	--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--l);
	--mm-button-height: var(--mm-button-height--l);
	--mm-button-font-size: var(--mm-button-font-size--l);

	&.menubutton
	{
		padding-right: 32px;
	}

	&.mm_hybridmenubutton_button
	{
		padding-right: 45px;
	}
}

/* Size Extra Large */

mm-button[size~="extra-large"]:not([button-style]) .mm_button_common,
mm-button[button-style~="primary"][size~="extra-large"] .mm_button_common,
mm-button[button-style~="secondary"][size~="extra-large"] .mm_button_common,
mm-button[button-style~="alternate"][size~="extra-large"] .mm_button_common,
mm-button[button-style~="destructive-primary"][size~="extra-large"] .mm_button_common,
mm-button[button-style~="destructive-secondary"][size~="extra-large"] .mm_button_common,
mm-button[button-style~="close"][size~="extra-large"] .mm_button_common,
.mm_button_style_primary.extra-large,
.mm_button_style_secondary.extra-large,
.mm_button_style_alternate.extra-large,
.mm_button_style_destructive_primary.extra-large,
.mm_button_style_destructive_secondary.extra-large,
.mm10_button_style_primary.extra-large,								/* Legacy Mapped Button */
.mm10_button_style_primary_alternate_background_1.extra-large,		/* Legacy Mapped Button */
.mm10_button_style_alternative_1.extra-large,						/* Legacy Mapped Button */
.mm10_button_style_primary_muted.extra-large,						/* Legacy Mapped Button */
.mm10_button_style_secondary.extra-large,							/* Legacy Mapped Button */
.mm10_button_style_secondary_borderless.extra-large,				/* Legacy Mapped Button */
.mm10_button_style_primary_muted_borderless.extra-large,			/* Legacy Mapped Button */
.mm10_button_style_negative.extra-large,							/* Legacy Mapped Button */
.mm10_button_style_negative_muted.extra-large						/* Legacy Mapped Button */
.mm9_button.extra-large,											/* Legacy Mapped Button */
.mm9_button_light.extra-large										/* Legacy Mapped Button */
{
	--mm-button-padding-left-right: var(--mm-button-padding-left-right--xl);
	--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--xl);
	--mm-button-height: var(--mm-button-height--xl);
	--mm-button-font-size: var(--mm-button-font-size--xl);

	&.menubutton
	{
		padding-right: 32px;
	}

	&.mm_hybridmenubutton_button
	{
		padding-right: 45px;
	}
}

/**************************/
/*    Core Link Styles    */
/**************************/

mm-button[button-style~="link"] .mm_button_common,
mm-button[button-style~="secondary-link"] .mm_button_common,
.mm_button_style_link,
.mm_button_style_secondary_link,
.mm10_button_style_link,				/* Legacy Mapped Button */
.mm10_button_style_link_negative		/* Legacy Mapped Button */
{
	position: relative;
	display: var(--mm-button-display);
	vertical-align: middle;
	padding: 0;
	height: var(--mm-button-base-link-height);
	line-height: var(--mm-button-line-height);
	background: transparent;
	border: none;
	border-radius: var(--mm-button-base-link-radius);
	align-items: var(--mm-button-align-items);
	justify-content: var(--mm-button-justify-content);
	transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	user-select: none;

	mm-button[size~="full"] &,
	&.whole
	{
		display: flex;
		width: auto;
		flex-grow: 1;
	}

	.mm9_button_image,
	.mm9_button_text,
	.mm9_button_custom
	{
		color: var(--mm-button-base-link-color);
		font-size: var(--mm-button-font-size);
		transition: color 0.2s linear;
	}

	.mm9_button_text
	{
		padding: 0;
	}

	.mm9_button_text,
	.mm9_button_custom
	{
		font-family: var(--mm-button-font-family);
		font-style: var(--mm-button-font-style);
		font-weight: var(--mm-button-base-link-font-weight);
		letter-spacing: var(--mm-button-letter-spacing);
		text-decoration-line: var(--mm-button-base-link-text-decoration-line);
		text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness);
		text-underline-offset: var(--mm-button-base-link-text-underline-offset);
	}

	.mm9_button_custom
	{
		mm-icon:not([tone])
		{
			--mm-icon-color: var(--mm-button-base-link-color);
		}

		mm-icon:not([size])
		{
			--mm-icon-dimension--width: var(--mm-button-font-size);
			--mm-icon-dimension--height: var(--mm-button-font-size);
		}

		mm-text:where(:not(mm-badge mm-text, mm-text[type]))
		{
			--mm-text-font-size: var(--mm-button-font-size);
		}

		mm-text:where(:not(mm-badge mm-text, mm-text[tone]))
		{
			--mm-text-color: var(--mm-button-base-link-color);
		}

		mm-text:where(:not(mm-badge mm-text, mm-text[weight]))
		{
			--mm-text-font-weight: var(--mm-button-base-link-font-weight);
		}

		.mm10_svg_icon_color:not(mm-icon .mm10_svg_icon_color)
		{
			fill: var(--mm-button-base-link-color);
		}
	}

	&.menubutton
	{
		padding-right: 21px;

		.mm9_menubutton_dropdown
		{
			position: absolute;
			display: block;
			top: 50%;
			right: 0;
			width: 9px;
			height: 6px;
			border: none;
			background: none;
			transform: translateY(-50%);
		}

		.mm9_menubutton_dropdown_bg1
		{
			position: absolute;
			top: 2px;
			left: 4px;
			width: 6px;
			height: 2px;
			background-color: var(--mm-button-base-link-color);
			transform: rotate(-40deg);
			transition: transform 0.2s linear, background-color 0.2s linear;
		}

		.mm9_menubutton_dropdown_bg1
		{
			.mm10_menubutton_container_style_common.active &
			{
				transform: rotate(40deg);
			}
		}

		.mm9_menubutton_dropdown_bg2
		{
			position: absolute;
			top: 2px;
			left: 0px;
			width: 6px;
			height: 2px;
			background-color: var(--mm-button-base-link-color);
			transform: rotate(40deg);
			transition: transform 0.2s linear, background-color 0.2s linear;
		}

		.mm9_menubutton_dropdown_bg2
		{
			.mm10_menubutton_container_style_common.active &
			{
				transform: rotate(-40deg);
			}
		}
	}

	&.focus
	{
		--mm-button-base-link-color: var(--mm-button-base-link-color--focus);
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--focus);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--focus);
	}

	&.focus:not(.click-focus)
	{
		outline: var(--mm-button-base-link-outline--focus);
		outline-offset: var(--mm-button-link-outline-offset);
	}

	&:hover
	{
		--mm-button-base-link-color: var(--mm-button-base-link-color--hover);
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--hover);
		--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--hover);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--hover);
	}

	&.active,
	.mm10_menubutton_container_style_common.active &
	{
		--mm-button-base-link-color: var(--mm-button-base-link-color--active);
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--active);
		--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--active);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--active);
	}

	&.disabled
	{
		--mm-button-base-link-color: var(--mm-button-base-link-color--disabled);
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--disabled);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--disabled);

		cursor: default;
	}
}

/* Size Small */

mm-button[button-style~="link"][size~="small"] .mm_button_common,
mm-button[button-style~="secondary-link"][size~="small"] .mm_button_common,
.mm_button_style_link.small,
.mm_button_style_secondary_link.small,
.mm10_button_style_link.small,			/* Legacy Mapped Button */
.mm10_button_style_link_negative.small	/* Legacy Mapped Button */
{
	--mm-button-base-link-height: var(--mm-button-base-link-height--s);
	--mm-button-font-size: var(--mm-button-font-size--s);
	--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--s);
	--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--s);
	--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--s);

	&.focus
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--s--focus);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--s--focus);
	}

	&:hover
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--s--hover);
		--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--s--hover);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--s--hover);
	}

	&.active,
	.mm10_menubutton_container_style_common.active &
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--s--active);
		--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--s--active);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--s--active);
	}

	&.disabled
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--s--disabled);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--s--disabled);
	}
}

/* Size Large */

mm-button[button-style~="link"][size~="large"] .mm_button_common,
mm-button[button-style~="secondary-link"][size~="large"] .mm_button_common,
.mm_button_style_link.large,
.mm_button_style_secondary_link.large,
.mm10_button_style_link.large,			/* Legacy Mapped Button */
.mm10_button_style_link_negative.large	/* Legacy Mapped Button */
{
	--mm-button-base-link-height: var(--mm-button-base-link-height--l);
	--mm-button-font-size: var(--mm-button-font-size--l);
	--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--l);
	--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--l);
	--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--l);

	&.focus
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--l--focus);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--l--focus);
	}

	&:hover
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--l--hover);
		--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--l--hover);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--l--hover);
	}

	&.active,
	.mm10_menubutton_container_style_common.active &
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--l--active);
		--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--l--active);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--l--active);
	}

	&.disabled
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--l--disabled);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--l--disabled);
	}
}

/* Size Extra Large */

mm-button[button-style~="link"][size~="extra-large"] .mm_button_common,
mm-button[button-style~="secondary-link"][size~="extra-large"] .mm_button_common,
.mm_button_style_link.extra-large,
.mm_button_style_secondary_link.extra-large,
.mm10_button_style_link.extra-large,			/* Legacy Mapped Button */
.mm10_button_style_link_negative.extra-large	/* Legacy Mapped Button */
{
	--mm-button-base-link-height: var(--mm-button-base-link-height--xl);
	--mm-button-font-size: var(--mm-button-font-size--xl);
	--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--xl);
	--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--xl);
	--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--xl);

	&.focus
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--xl--focus);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--xl--focus);
	}

	&:hover
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--xl--hover);
		--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--xl--hover);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--xl--hover);
	}

	&.active,
	.mm10_menubutton_container_style_common.active &
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--xl--active);
		--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--xl--active);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--xl--active);
	}

	&.disabled
	{
		--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--xl--disabled);
		--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--xl--disabled);
	}
}

/****************************************/
/*    Core Hybrid Menu Button Styles    */
/****************************************/

.mm_hybridmenubutton_style_primary,
.mm_hybridmenubutton_style_secondary,
.mm_hybridmenubutton_style_alternate,
.mm_hybridmenubutton_style_destructive_primary,
.mm_hybridmenubutton_style_destructive_secondary,
.mm_hybridmenubutton,												/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_alternate_background_1,			/* Legacy Mapped Button */
.mm_hybridmenubutton_style_alternative_1,							/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_muted,							/* Legacy Mapped Button */
.mm_hybridmenubutton_style_secondary_borderless,					/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_muted_borderless,				/* Legacy Mapped Button */
.mm_hybridmenubutton_style_negative,								/* Legacy Mapped Button */
.mm_hybridmenubutton_style_negative_muted,							/* Legacy Mapped Button */
.mm_list_action_hybridmenubutton_container							/* MMList Mapped Button */
{
	position: relative;
	display: var(--mm-button-display);
	vertical-align: middle;
	line-height: 1;
	align-items: stretch;
	justify-content: center;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	user-select: none;

	&.whole
	{
		display: flex;
		width: auto;
		flex-grow: 1;
	}

	.mm_hybridmenubutton_button
	{
		position: relative;
		display: var(--mm-button-display);
		vertical-align: middle;
		padding: var(--mm-button-padding-top-bottom) var(--mm-button-padding-left-right);
		height: var(--mm-button-height);
		line-height: var(--mm-button-line-height);
		background: var(--mm-button-base-background);
		border-top: var(--mm-button-base-border);
		border-right: none;
		border-bottom: var(--mm-button-base-border);
		border-left: var(--mm-button-base-border);
		box-shadow: var(--mm-button-base-shadow);
		border-radius: var(--mm-button-radius) 0 0 var(--mm-button-radius);
		align-items: var(--mm-button-align-items);
		justify-content: var(--mm-button-justify-content);
		flex-grow: 1;
		cursor: pointer;
		outline: none;
		transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear;
		box-sizing: border-box;
		user-select: none;

		.menubutton_hidden &
		{
			border: var(--mm-button-base-border);
			border-radius: var(--mm-button-radius);
		}

		.mm9_button_image,
		.mm9_button_text,
		.mm9_button_custom
		{
			color: var(--mm-button-base-color);
			font-size: var(--mm-button-font-size);
			transition: color 0.2s linear;
		}

		.mm9_button_custom
		{
			mm-icon:not([tone])
			{
				--mm-icon-color: var(--mm-button-base-color);
			}

			mm-icon:not([size])
			{
				--mm-icon-dimension--width: var(--mm-button-font-size);
				--mm-icon-dimension--height: var(--mm-button-font-size);
			}

			mm-text:where(:not(mm-badge mm-text, mm-text[type]))
			{
				--mm-text-font-size: var(--mm-button-font-size);
			}

			mm-text:where(:not(mm-badge mm-text, mm-text[tone]))
			{
				--mm-text-color: var(--mm-button-base-color);
			}

			mm-text:where(:not(mm-badge mm-text, mm-text[weight]))
			{
				--mm-text-font-weight: var(--mm-button-font-weight);
			}

			.mm10_svg_icon_color:not(mm-icon .mm10_svg_icon_color)
			{
				fill: var(--mm-button-base-color);
			}
		}

		.mm9_button_text
		{
			padding: 0;
		}

		.mm9_button_text,
		.mm9_button_custom
		{
			font-family: var(--mm-button-font-family);
			font-style: var(--mm-button-font-style);
			font-weight: var(--mm-button-font-weight);
			letter-spacing: var(--mm-button-letter-spacing);
		}

		&.focus
		{
			--mm-button-base-background: var(--mm-button-base-background--focus);
			--mm-button-base-border: var(--mm-button-base-border--focus);
			--mm-button-base-shadow: var(--mm-button-base-shadow--focus);
			--mm-button-base-color: var(--mm-button-base-color--focus);
		}

		&.focus:not(.click-focus)
		{
			outline: var(--mm-button-base-outline--focus);
			outline-offset: var(--mm-button-outline-offset);
		}

		&:hover
		{
			--mm-button-base-background: var(--mm-button-base-background--hover);
			--mm-button-base-border: var(--mm-button-base-border--hover);
			--mm-button-base-shadow: var(--mm-button-base-shadow--hover);
			--mm-button-base-color: var(--mm-button-base-color--hover);
		}

		&.active
		{
			--mm-button-base-background: var(--mm-button-base-background--active);
			--mm-button-base-border: var(--mm-button-base-border--active);
			--mm-button-base-shadow: var(--mm-button-base-shadow--active);
			--mm-button-base-color: var(--mm-button-base-color--active);
		}

		&.disabled
		{
			--mm-button-base-background: var(--mm-button-base-background--disabled);
			--mm-button-base-border: var(--mm-button-base-border--disabled);
			--mm-button-base-shadow: var(--mm-button-base-shadow--disabled);
			--mm-button-base-color: var(--mm-button-base-color--disabled);

			cursor: default;
		}
	}

	.mm_hybridmenubutton_menubutton
	{
		position: relative;
		display: inline-flex;
		align-items: stretch;
		justify-content: center;
		box-sizing: border-box;

		.mm_hybridmenubutton_menubutton_button
		{
			position: relative;
			display: inline-flex;
			vertical-align: middle;
			padding: 0;
			width: var(--mm-button-height);
			height: var(--mm-button-height);
			background: var(--mm-button-base-background);
			border-top: var(--mm-button-base-border);
			border-right: var(--mm-button-base-border);
			border-bottom: var(--mm-button-base-border);
			border-left: none;
			box-shadow: var(--mm-button-base-shadow);
			border-radius: 0 var(--mm-button-radius) var(--mm-button-radius) 0;
			align-items: var(--mm-button-align-items);
			justify-content: var(--mm-button-justify-content);
			flex-shrink: 0;
			cursor: pointer;
			outline: none;
			transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear;
			box-sizing: border-box;
			user-select: none;

			.button_hidden &
			{
				border: var(--mm-button-base-border);
				border-radius: var(--mm-button-radius);
			}

			&::before
			{
				position: absolute;
				display: block;
				top: 0;
				left: 0;
				bottom: 0;
				width: 1px;
				background-color: var(--mm-button-base-hybrid-divider-color);
				transition: background-color 0.2s linear;
				content: '';

				.button_hidden &
				{
					display: none;
				}
			}

			.mm_hybridmenubutton_menubutton_button_display
			{
				position: relative;
				display: block;
				width: 9px;
				height: 6px;

				&::before
				{
					position: absolute;
					top: 2px;
					left: 4px;
					width: 6px;
					height: 2px;
					background-color: var(--mm-button-base-color);
					transform: rotate(-40deg);
					transition: all 0.2s linear;
					content: '';

					.mm_hybridmenubutton_menubutton.active &
					{
						transform: rotate(40deg);
					}
				}

				&::after
				{
					position: absolute;
					top: 2px;
					left: 0px;
					width: 6px;
					height: 2px;
					background-color: var(--mm-button-base-color);
					transform: rotate(40deg);
					transition: all 0.2s linear;
					content: '';

					.mm_hybridmenubutton_menubutton.active &
					{
						transform: rotate(-40deg);
					}
				}
			}

			.mm9_menubutton_dropdown
			{
				display: none;
			}
	
			&.focus
			{
				--mm-button-base-background: var(--mm-button-base-background--focus);
				--mm-button-base-border: var(--mm-button-base-border--focus);
				--mm-button-base-shadow: var(--mm-button-base-shadow--focus);
				--mm-button-base-hybrid-divider-color: var(--mm-button-base-hybrid-divider-color--focus);
				--mm-button-base-color: var(--mm-button-base-color--focus);
			}
	
			&.focus:not(.click-focus)
			{
				outline: var(--mm-button-base-outline--focus);
				outline-offset: var(--mm-button-outline-offset);
			}
	
			&::before
			{
				.button_focus &
				{
					--mm-button-base-hybrid-divider-color: var(--mm-button-base-hybrid-divider-color--focus);
				}
			}
	
			&:hover
			{
				--mm-button-base-background: var(--mm-button-base-background--hover);
				--mm-button-base-border: var(--mm-button-base-border--hover);
				--mm-button-base-shadow: var(--mm-button-base-shadow--hover);
				--mm-button-base-color: var(--mm-button-base-color--hover);
				--mm-button-base-hybrid-divider-color: var(--mm-button-base-hybrid-divider-color--hover);
			}
	
			&.active,
			.mm_hybridmenubutton_menubutton.active &
			{
				--mm-button-base-background: var(--mm-button-base-background--active);
				--mm-button-base-border: var(--mm-button-base-border--active);
				--mm-button-base-shadow: var(--mm-button-base-shadow--active);
				--mm-button-base-hybrid-divider-color: var(--mm-button-base-hybrid-divider-color--active);
				--mm-button-base-color: var(--mm-button-base-color--active);
			}
	
			&.disabled
			{
				--mm-button-base-background: var(--mm-button-base-background--disabled);
				--mm-button-base-border: var(--mm-button-base-border--disabled);
				--mm-button-base-shadow: var(--mm-button-base-shadow--disabled);
				--mm-button-base-hybrid-divider-color: var(--mm-button-base-hybrid-divider-color--disabled);
				--mm-button-base-color: var(--mm-button-base-color--disabled);

				cursor: default;
			}
		}
	}
}

/* Size Small */

.mm_hybridmenubutton_style_primary.small,
.mm_hybridmenubutton_style_secondary.small,
.mm_hybridmenubutton_style_alternate.small,
.mm_hybridmenubutton_style_destructive_primary.small,
.mm_hybridmenubutton_style_destructive_secondary.small,
.mm_hybridmenubutton.small,											/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_alternate_background_1.small,	/* Legacy Mapped Button */
.mm_hybridmenubutton_style_alternative_1.small,						/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_muted.small,						/* Legacy Mapped Button */
.mm_hybridmenubutton_style_secondary_borderless.small,				/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_muted_borderless.small,			/* Legacy Mapped Button */
.mm_hybridmenubutton_style_negative.small,							/* Legacy Mapped Button */
.mm_hybridmenubutton_style_negative_muted.small						/* Legacy Mapped Button */
{
	.mm_hybridmenubutton_button
	{
		--mm-button-padding-left-right: var(--mm-button-padding-left-right--s);
		--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--s);
		--mm-button-height: var(--mm-button-height--s);
		--mm-button-font-size: var(--mm-button-font-size--s);
	}

	.mm_hybridmenubutton_menubutton_button
	{
		--mm-button-height: var(--mm-button-height--s);
	}
}

/* Size Large */

.mm_hybridmenubutton_style_primary.large,
.mm_hybridmenubutton_style_secondary.large,
.mm_hybridmenubutton_style_alternate.large,
.mm_hybridmenubutton_style_destructive_primary.large,
.mm_hybridmenubutton_style_destructive_secondary.large,
.mm_hybridmenubutton.large,											/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_alternate_background_1.large,	/* Legacy Mapped Button */
.mm_hybridmenubutton_style_alternative_1.large,						/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_muted.large,						/* Legacy Mapped Button */
.mm_hybridmenubutton_style_secondary_borderless.large,				/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_muted_borderless.large,			/* Legacy Mapped Button */
.mm_hybridmenubutton_style_negative.large,							/* Legacy Mapped Button */
.mm_hybridmenubutton_style_negative_muted.large						/* Legacy Mapped Button */
{
	.mm_hybridmenubutton_button
	{
		--mm-button-padding-left-right: var(--mm-button-padding-left-right--l);
		--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--l);
		--mm-button-height: var(--mm-button-height--l);
		--mm-button-font-size: var(--mm-button-font-size--l);
	}

	.mm_hybridmenubutton_menubutton_button
	{
		--mm-button-height: var(--mm-button-height--l);
	}
}

/* Size Extra Large */

.mm_hybridmenubutton_style_primary.extra-large,
.mm_hybridmenubutton_style_secondary.extra-large,
.mm_hybridmenubutton_style_alternate.extra-large,
.mm_hybridmenubutton_style_destructive_primary.extra-large,
.mm_hybridmenubutton_style_destructive_secondary.extra-large,
.mm_hybridmenubutton.extra-large,											/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_alternate_background_1.extra-large,		/* Legacy Mapped Button */
.mm_hybridmenubutton_style_alternative_1.extra-large,						/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_muted.extra-large,						/* Legacy Mapped Button */
.mm_hybridmenubutton_style_secondary_borderless.extra-large,				/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_muted_borderless.extra-large,			/* Legacy Mapped Button */
.mm_hybridmenubutton_style_negative.extra-large,							/* Legacy Mapped Button */
.mm_hybridmenubutton_style_negative_muted.extra-large						/* Legacy Mapped Button */
{
	.mm_hybridmenubutton_button
	{
		--mm-button-padding-left-right: var(--mm-button-padding-left-right--xl);
		--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--xl);
		--mm-button-height: var(--mm-button-height--xl);
		--mm-button-font-size: var(--mm-button-font-size--xl);
	}

	.mm_hybridmenubutton_menubutton_button
	{
		--mm-button-height: var(--mm-button-height--xl);
	}
}

/********************************/
/*    Legacy Skinned Buttons    */
/********************************/

.mm_legacy_input_button_style_primary,
.mm_legacy_input_button_style_secondary,
.mm_legacy_input_button_style_negative,
.mm_legacy_input_button_style_negative_muted
{
	position: relative;
	display: var(--mm-button-display);
	vertical-align: middle;
	padding: var(--mm-button-padding-top-bottom) var(--mm-button-padding-left-right);
	height: var(--mm-button-height);
	color: var(--mm-button-base-color);
	font-size: var(--mm-button-font-size);
	font-family: var(--mm-button-font-family);
	font-style: var(--mm-button-font-style);
	font-weight: var(--mm-button-font-weight);
	letter-spacing: var(--mm-button-letter-spacing);
	line-height: var(--mm-button-line-height);
	background: var(--mm-button-base-background);
	border: var(--mm-button-base-border);
	border-radius: var(--mm-button-radius);
	box-shadow: var(--mm-button-base-shadow);
	align-items: var(--mm-button-align-items);
	justify-content: var(--mm-button-justify-content);
	transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear, color 0.2s linear;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	user-select: none;

	&:focus
	{
		--mm-button-base-background: var(--mm-button-base-background--focus);
		--mm-button-base-border: var(--mm-button-base-border--focus);
		--mm-button-base-shadow: var(--mm-button-base-shadow--focus);
		--mm-button-base-color: var(--mm-button-base-color--focus);

		outline: var(--mm-button-base-outline--focus);
		outline-offset: var(--mm-button-outline-offset);
	}

	&:hover
	{
		--mm-button-base-background: var(--mm-button-base-background--hover);
		--mm-button-base-border: var(--mm-button-base-border--hover);
		--mm-button-base-shadow: var(--mm-button-base-shadow--hover);
		--mm-button-base-color: var(--mm-button-base-color--hover);
	}

	&:active
	{
		--mm-button-base-background: var(--mm-button-base-background--active);
		--mm-button-base-border: var(--mm-button-base-border--active);
		--mm-button-base-shadow: var(--mm-button-base-shadow--active);
		--mm-button-base-color: var(--mm-button-base-color--active);
	}

	&:disabled
	{
		--mm-button-base-background: var(--mm-button-base-background--disabled);
		--mm-button-base-border: var(--mm-button-base-border--disabled);
		--mm-button-base-shadow: var(--mm-button-base-shadow--disabled);
		--mm-button-base-color: var(--mm-button-base-color--disabled);

		cursor: default;
	}
}/************************/
/*    Primary Button    */
/************************/

mm-button[button-style~="primary"] .mm_button_common,
.mm_button_style_primary,
.mm_hybridmenubutton_style_primary,
.mm10_button_style_primary,									/* Legacy Mapped Button */
.mm10_button_style_primary_alternate_background_1,			/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_alternate_background_1,	/* Legacy Mapped Button */
.mm_legacy_input_button_style_primary,						/* Legacy Skinned Button */
.mm_list_action_button.primary								/* MMList Mapped Button */
{
	--mm-button-base-color: var(--mm-button-primary-color);
	--mm-button-base-background: var(--mm-button-primary-background);
	--mm-button-base-border: var(--mm-button-primary-border);
	--mm-button-base-shadow: var(--mm-button-primary-shadow);
	--mm-button-base-hybrid-divider-color: var(--mm-button-primary-hybrid-divider-color);

	--mm-button-base-color--hover: var(--mm-button-primary-color--hover);
	--mm-button-base-background--hover: var(--mm-button-primary-background--hover);
	--mm-button-base-border--hover: var(--mm-button-primary-border--hover);
	--mm-button-base-shadow--hover: var(--mm-button-primary-shadow--hover);
	--mm-button-base-hybrid-divider-color--hover: var(--mm-button-primary-hybrid-divider-color--hover);

	--mm-button-base-color--active: var(--mm-button-primary-color--active);
	--mm-button-base-background--active: var(--mm-button-primary-background--active);
	--mm-button-base-border--active: var(--mm-button-primary-border--active);
	--mm-button-base-shadow--active: var(--mm-button-primary-shadow--active);
	--mm-button-base-hybrid-divider-color--active: var(--mm-button-primary-hybrid-divider-color--active);

	--mm-button-base-color--focus: var(--mm-button-primary-color--focus);
	--mm-button-base-background--focus: var(--mm-button-primary-background--focus);
	--mm-button-base-border--focus: var(--mm-button-primary-border--focus);
	--mm-button-base-shadow--focus: var(--mm-button-primary-shadow--focus);
	--mm-button-base-outline--focus: var(--mm-button-primary-outline--focus);
	--mm-button-base-hybrid-divider-color--focus: var(--mm-button-primary-hybrid-divider-color--focus);

	--mm-button-base-color--disabled: var(--mm-button-primary-color--disabled);
	--mm-button-base-background--disabled: var(--mm-button-primary-background--disabled);
	--mm-button-base-border--disabled: var(--mm-button-primary-border--disabled);
	--mm-button-base-shadow--disabled: var(--mm-button-primary-shadow--disabled);
	--mm-button-base-hybrid-divider-color--disabled: var(--mm-button-primary-hybrid-divider-color--disabled);
}/**************************/
/*    Secondary Button    */
/**************************/

mm-button:not([button-style]) .mm_button_common,
mm-button[button-style~="secondary"] .mm_button_common,
mm-button[button-style~="close"] .mm_button_common,
.mm_button_style_secondary,
.mm_hybridmenubutton_style_secondary,
.mm10_button_style_primary_muted,						/* Legacy Mapped Button */
.mm10_button_style_secondary,							/* Legacy Mapped Button */
.mm10_button_style_secondary_borderless,				/* Legacy Mapped Button */
.mm10_button_style_primary_muted_borderless,			/* Legacy Mapped Button */
.mm9_button,											/* Legacy Mapped Button */
.mm_hybridmenubutton,									/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_muted,				/* Legacy Mapped Button */
.mm_hybridmenubutton_style_secondary_borderless,		/* Legacy Mapped Button */
.mm_hybridmenubutton_style_primary_muted_borderless,	/* Legacy Mapped Button */
.mm_legacy_input_button_style_secondary,				/* Legacy Skinned Button */
.mm_list_action_button.secondary,						/* MMList Mapped Button */
.mm_list_action_button.muted_primary					/* MMList Mapped Button */
{
	--mm-button-base-color: var(--mm-button-secondary-color);
	--mm-button-base-background: var(--mm-button-secondary-background);
	--mm-button-base-border: var(--mm-button-secondary-border);
	--mm-button-base-shadow: var(--mm-button-secondary-shadow);
	--mm-button-base-hybrid-divider-color: var(--mm-button-secondary-hybrid-divider-color);

	--mm-button-base-color--hover: var(--mm-button-secondary-color--hover);
	--mm-button-base-background--hover: var(--mm-button-secondary-background--hover);
	--mm-button-base-border--hover: var(--mm-button-secondary-border--hover);
	--mm-button-base-shadow--hover: var(--mm-button-secondary-shadow--hover);
	--mm-button-base-hybrid-divider-color--hover: var(--mm-button-secondary-hybrid-divider-color--hover);

	--mm-button-base-color--active: var(--mm-button-secondary-color--active);
	--mm-button-base-background--active: var(--mm-button-secondary-background--active);
	--mm-button-base-border--active: var(--mm-button-secondary-border--active);
	--mm-button-base-shadow--active: var(--mm-button-secondary-shadow--active);
	--mm-button-base-hybrid-divider-color--active: var(--mm-button-secondary-hybrid-divider-color--active);

	--mm-button-base-color--focus: var(--mm-button-secondary-color--focus);
	--mm-button-base-background--focus: var(--mm-button-secondary-background--focus);
	--mm-button-base-border--focus: var(--mm-button-secondary-border--focus);
	--mm-button-base-shadow--focus: var(--mm-button-secondary-shadow--focus);
	--mm-button-base-outline--focus: var(--mm-button-secondary-outline--focus);
	--mm-button-base-hybrid-divider-color--focus: var(--mm-button-secondary-hybrid-divider-color--focus);

	--mm-button-base-color--disabled: var(--mm-button-secondary-color--disabled);
	--mm-button-base-background--disabled: var(--mm-button-secondary-background--disabled);
	--mm-button-base-border--disabled: var(--mm-button-secondary-border--disabled);
	--mm-button-base-shadow--disabled: var(--mm-button-secondary-shadow--disabled);
	--mm-button-base-hybrid-divider-color--disabled: var(--mm-button-secondary-hybrid-divider-color--disabled);
}/**************************/
/*    Alternate Button    */
/**************************/

mm-button[button-style~="alternate"] .mm_button_common,
.mm_button_style_alternate,
.mm_hybridmenubutton_style_alternate,
.mm10_button_style_alternative_1,			/* Legacy Mapped Button */
.mm9_button_light,							/* Legacy Mapped Button */
.mm_hybridmenubutton_style_alternative_1	/* Legacy Mapped Button */
{
	--mm-button-base-color: var(--mm-button-alternate-color);
	--mm-button-base-background: var(--mm-button-alternate-background);
	--mm-button-base-border: var(--mm-button-alternate-border);
	--mm-button-base-shadow: var(--mm-button-alternate-shadow);
	--mm-button-base-hybrid-divider-color: var(--mm-button-alternate-hybrid-divider-color);

	--mm-button-base-color--hover: var(--mm-button-alternate-color--hover);
	--mm-button-base-background--hover: var(--mm-button-alternate-background--hover);
	--mm-button-base-border--hover: var(--mm-button-alternate-border--hover);
	--mm-button-base-shadow--hover: var(--mm-button-alternate-shadow--hover);
	--mm-button-base-hybrid-divider-color--hover: var(--mm-button-alternate-hybrid-divider-color--hover);

	--mm-button-base-color--active: var(--mm-button-alternate-color--active);
	--mm-button-base-background--active: var(--mm-button-alternate-background--active);
	--mm-button-base-border--active: var(--mm-button-alternate-border--active);
	--mm-button-base-shadow--active: var(--mm-button-alternate-shadow--active);
	--mm-button-base-hybrid-divider-color--active: var(--mm-button-alternate-hybrid-divider-color--active);

	--mm-button-base-color--focus: var(--mm-button-alternate-color--focus);
	--mm-button-base-background--focus: var(--mm-button-alternate-background--focus);
	--mm-button-base-border--focus: var(--mm-button-alternate-border--focus);
	--mm-button-base-shadow--focus: var(--mm-button-alternate-shadow--focus);
	--mm-button-base-outline--focus: var(--mm-button-alternate-outline--focus);
	--mm-button-base-hybrid-divider-color--focus: var(--mm-button-alternate-hybrid-divider-color--focus);

	--mm-button-base-color--disabled: var(--mm-button-alternate-color--disabled);
	--mm-button-base-background--disabled: var(--mm-button-alternate-background--disabled);
	--mm-button-base-border--disabled: var(--mm-button-alternate-border--disabled);
	--mm-button-base-shadow--disabled: var(--mm-button-alternate-shadow--disabled);
	--mm-button-base-hybrid-divider-color--disabled: var(--mm-button-alternate-hybrid-divider-color--disabled);
}/*********************/
/*    Link Button    */
/*********************/

mm-button[button-style~="link"] .mm_button_common,
.mm_button_style_link,
.mm10_button_style_link,			/* Legacy Mapped Button */
.mm10_button_style_link_negative	/* Legacy Mapped Button */
{
	--mm-button-base-link-color: var(--mm-button-link-color);
	--mm-button-base-link-color--hover: var(--mm-button-link-color--hover);
	--mm-button-base-link-color--active: var(--mm-button-link-color--active);
	--mm-button-base-link-color--focus: var(--mm-button-link-color--focus);
	--mm-button-base-link-color--disabled: var(--mm-button-link-color--disabled);
	--mm-button-base-link-outline--focus: var(--mm-button-link-outline--focus);
}/*********************/
/*    Link Button    */
/*********************/

mm-button[button-style~="secondary-link"] .mm_button_common,
.mm_button_style_secondary_link
{
	--mm-button-base-link-color: var(--mm-button-secondary-link-color);
	--mm-button-base-link-color--hover: var(--mm-button-secondary-link-color--hover);
	--mm-button-base-link-color--active: var(--mm-button-secondary-link-color--active);
	--mm-button-base-link-color--focus: var(--mm-button-secondary-link-color--focus);
	--mm-button-base-link-color--disabled: var(--mm-button-secondary-link-color--disabled);
	--mm-button-base-link-outline--focus: var(--mm-button-secondary-link-outline--focus);
	--mm-button-base-link-font-weight: var(--mm-button-secondary-link-font-weight);
	--mm-button-base-link-text-decoration-line: var(--mm-button-secondary-link-text-decoration-line--m);
	--mm-button-base-link-text-decoration-line--s: var(--mm-button-secondary-link-text-decoration-line--s);
	--mm-button-base-link-text-decoration-line--m: var(--mm-button-secondary-link-text-decoration-line--m);
	--mm-button-base-link-text-decoration-line--l: var(--mm-button-secondary-link-text-decoration-line--l);
	--mm-button-base-link-text-decoration-line--xl: var(--mm-button-secondary-link-text-decoration-line--xl);
	--mm-button-base-link-text-decoration-line--focus: var(--mm-button-secondary-link-text-decoration-line--m);
	--mm-button-base-link-text-decoration-line--s--focus: var(--mm-button-secondary-link-text-decoration-line--s);
	--mm-button-base-link-text-decoration-line--m--focus: var(--mm-button-secondary-link-text-decoration-line--m);
	--mm-button-base-link-text-decoration-line--l--focus: var(--mm-button-secondary-link-text-decoration-line--l);
	--mm-button-base-link-text-decoration-line--xl--focus: var(--mm-button-secondary-link-text-decoration-line--xl);
	--mm-button-base-link-text-decoration-line--disabled: var(--mm-button-secondary-link-text-decoration-line--m);
	--mm-button-base-link-text-decoration-line--s--disabled: var(--mm-button-secondary-link-text-decoration-line--s);
	--mm-button-base-link-text-decoration-line--m--disabled: var(--mm-button-secondary-link-text-decoration-line--m);
	--mm-button-base-link-text-decoration-line--l--disabled: var(--mm-button-secondary-link-text-decoration-line--l);
	--mm-button-base-link-text-decoration-line--xl--disabled: var(--mm-button-secondary-link-text-decoration-line--xl);
}/************************************/
/*    Destructive Primary Button    */
/************************************/

mm-button[button-style~="destructive-primary"] .mm_button_common,
.mm_button_style_destructive_primary,
.mm_hybridmenubutton_style_destructive_primary,
.mm10_button_style_negative,			/* Legacy Mapped Button */
.mm_hybridmenubutton_style_negative,	/* Legacy Mapped Button */
.mm_legacy_input_button_style_negative	/* Legacy Skinned Button */
{
	--mm-button-base-color: var(--mm-button-destructive-primary-color);
	--mm-button-base-background: var(--mm-button-destructive-primary-background);
	--mm-button-base-border: var(--mm-button-destructive-primary-border);
	--mm-button-base-shadow: var(--mm-button-destructive-primary-shadow);
	--mm-button-base-hybrid-divider-color: var(--mm-button-destructive-primary-hybrid-divider-color);

	--mm-button-base-color--hover: var(--mm-button-destructive-primary-color--hover);
	--mm-button-base-background--hover: var(--mm-button-destructive-primary-background--hover);
	--mm-button-base-border--hover: var(--mm-button-destructive-primary-border--hover);
	--mm-button-base-shadow--hover: var(--mm-button-destructive-primary-shadow--hover);
	--mm-button-base-hybrid-divider-color--hover: var(--mm-button-destructive-primary-hybrid-divider-color--hover);

	--mm-button-base-color--active: var(--mm-button-destructive-primary-color--active);
	--mm-button-base-background--active: var(--mm-button-destructive-primary-background--active);
	--mm-button-base-border--active: var(--mm-button-destructive-primary-border--active);
	--mm-button-base-shadow--active: var(--mm-button-destructive-primary-shadow--active);
	--mm-button-base-hybrid-divider-color--active: var(--mm-button-destructive-primary-hybrid-divider-color--active);

	--mm-button-base-color--focus: var(--mm-button-destructive-primary-color--focus);
	--mm-button-base-background--focus: var(--mm-button-destructive-primary-background--focus);
	--mm-button-base-border--focus: var(--mm-button-destructive-primary-border--focus);
	--mm-button-base-shadow--focus: var(--mm-button-destructive-primary-shadow--focus);
	--mm-button-base-outline--focus: var(--mm-button-destructive-primary-outline--focus);
	--mm-button-base-hybrid-divider-color--focus: var(--mm-button-destructive-primary-hybrid-divider-color--focus);

	--mm-button-base-color--disabled: var(--mm-button-destructive-primary-color--disabled);
	--mm-button-base-background--disabled: var(--mm-button-destructive-primary-background--disabled);
	--mm-button-base-border--disabled: var(--mm-button-destructive-primary-border--disabled);
	--mm-button-base-shadow--disabled: var(--mm-button-destructive-primary-shadow--disabled);
	--mm-button-base-hybrid-divider-color--disabled: var(--mm-button-destructive-primary-hybrid-divider-color--disabled);
}/**************************************/
/*    Destructive Secondary Button    */
/**************************************/

mm-button[button-style~="destructive-secondary"] .mm_button_common,
.mm_button_style_destructive_secondary,
.mm_hybridmenubutton_style_destructive_secondary,
.mm10_button_style_negative_muted,				/* Legacy Mapped Button */
.mm_hybridmenubutton_style_negative_muted,		/* Legacy Mapped Button */
.mm_legacy_input_button_style_negative_muted	/* Legacy Skinned Button */
{
	--mm-button-base-color: var(--mm-button-destructive-secondary-color);
	--mm-button-base-background: var(--mm-button-destructive-secondary-background);
	--mm-button-base-border: var(--mm-button-destructive-secondary-border);
	--mm-button-base-shadow: var(--mm-button-destructive-secondary-shadow);
	--mm-button-base-hybrid-divider-color: var(--mm-button-destructive-secondary-hybrid-divider-color);

	--mm-button-base-color--hover: var(--mm-button-destructive-secondary-color--hover);
	--mm-button-base-background--hover: var(--mm-button-destructive-secondary-background--hover);
	--mm-button-base-border--hover: var(--mm-button-destructive-secondary-border--hover);
	--mm-button-base-shadow--hover: var(--mm-button-destructive-secondary-shadow--hover);
	--mm-button-base-hybrid-divider-color--hover: var(--mm-button-destructive-secondary-hybrid-divider-color--hover);

	--mm-button-base-color--active: var(--mm-button-destructive-secondary-color--active);
	--mm-button-base-background--active: var(--mm-button-destructive-secondary-background--active);
	--mm-button-base-border--active: var(--mm-button-destructive-secondary-border--active);
	--mm-button-base-shadow--active: var(--mm-button-destructive-secondary-shadow--active);
	--mm-button-base-hybrid-divider-color--active: var(--mm-button-destructive-secondary-hybrid-divider-color--active);

	--mm-button-base-color--focus: var(--mm-button-destructive-secondary-color--focus);
	--mm-button-base-background--focus: var(--mm-button-destructive-secondary-background--focus);
	--mm-button-base-border--focus: var(--mm-button-destructive-secondary-border--focus);
	--mm-button-base-shadow--focus: var(--mm-button-destructive-secondary-shadow--focus);
	--mm-button-base-outline--focus: var(--mm-button-destructive-secondary-outline--focus);
	--mm-button-base-hybrid-divider-color--focus: var(--mm-button-destructive-secondary-hybrid-divider-color--focus);

	--mm-button-base-color--disabled: var(--mm-button-destructive-secondary-color--disabled);
	--mm-button-base-background--disabled: var(--mm-button-destructive-secondary-background--disabled);
	--mm-button-base-border--disabled: var(--mm-button-destructive-secondary-border--disabled);
	--mm-button-base-shadow--disabled: var(--mm-button-destructive-secondary-shadow--disabled);
	--mm-button-base-hybrid-divider-color--disabled: var(--mm-button-destructive-secondary-hybrid-divider-color--disabled);
}/****************************/
/*    Menu Button Styles    */
/****************************/

.mm9_menubutton_container
{
	display: inline-block;
	position: relative;
	user-select: none;
}

.mm9_menubutton
{
	border-radius: 2px;
	background-color: #f0f0f0;
	border: 1px solid #ccc;
	color: #696969;
	cursor: default;
	font-size: 11px;
	font-weight: bold;
	margin: 0 2px;
	min-width: 45px;
	padding: 0 18px 0 6px;
	text-align: center;
}

.mm9_menubutton_tail_border
{
	position: absolute;
	display: none;
	bottom: -9px;
	left: 50%;
	width: 0;
	height: 0;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: #aaa transparent;
	z-index: 3;
}

.mm9_menubutton_tail
{
	position: absolute;
	display: none;
	bottom: -10px;
	left: 50%;
	width: 0;
	height: 0;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: #fff transparent;
	z-index: 3;
}

.mm9_menubutton_container.active .mm9_menubutton_tail_border,
.mm9_menubutton_container.active .mm9_menubutton_tail
{
	display: none;
}

.mm9_menubutton_dropdown
{
	position: absolute;
	display: none;
	top: 11px;
	right: 8px;
	width: 0;
	height: 0;
	border-color: #696969 transparent;
	border-style: solid;
	border-width: 4px 4px 0;
}

.mm9_menubutton:hover
{
	color: #000;
	border-color: #aaa;
}

.mm9_menubutton_dropped .mm9_menubutton_dropdown,
.mm9_menubutton:hover .mm9_menubutton_dropdown
{
	border-color: #000 transparent;
}

.mm9_menubutton_dropped
{
	color: #000;
	border-color: #aaa;
}

.mm9_menubutton_textoverflow_container
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

.mm9_menubutton_textoverflow_message
{
	position: relative;
	display: block;
	padding: 10px 20px;
	background: #fff;
	color: #6a6e79;
	font-size: 12px;
	font-weight: normal;
	overflow-wrap: break-word;
	white-space: normal;
	border-radius: 0 18px 18px 18px;
	box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 );
}

.mm9_menubutton_textoverflow_container.above .mm9_menubutton_textoverflow_message
{
	border-radius: 18px 18px 18px 0;
}

.mm9_menubutton_menu_item
{
	position: relative;
	display: flex;
	padding: 0 12px;
	align-items: center;
	white-space: nowrap;
	text-align: left;
	font-weight: var(--mm-menubutton-common-menu-item-font-weight);
	font-size: var(--mm-menubutton-common-menu-item-font-size);
	letter-spacing: var(--mm-field-letter-spacing);
	line-height: var(--mm-menubutton-common-menu-item-line-height);
	cursor: pointer;

	&.mm9_menubutton_menu_item_disabled
	{
		cursor: default;
	}

	:not(.wrap_items) mm-text:where(:not(mm-badge mm-text))
	{
		--mm-text-line-height: 1;
	}

	mm-text:where(:not(mm-badge mm-text, mm-text[type]))
	{
		--mm-text-font-size: var(--mm-menubutton-common-menu-item-font-size);
	}

	mm-text:where(:not(mm-badge mm-text, mm-text[weight]))
	{
		--mm-text-font-weight: var(--mm-menubutton-common-menu-item-font-weight);
	}

	.mm_menubutton_menu_item_content
	{
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		column-gap: 8px;
		flex-grow: 1;

		mm-text
		{
			flex-grow: 1;
		}

		mm-icon[data-icon-selected]
		{
			display: none;
		}
	}
}

.mm_menubutton_common_menu,
.mm_select_common_menu,
.mm9_menubutton_menu,							/* Legacy Mapped Menu */
.mm10_menubutton_container_style_common_menu	/* Legacy Mapped Menu */
{
	position: absolute;
	display: none;
	top: 46px;
	right: auto;
	left: 0;
	margin: 8px 0;
	padding: 10px 0;
	text-align: left;
	background: var(--mm-menubutton-common-menu-background-color);
	border: var(--mm-menubutton-common-menu-border);
	border-radius: var(--mm-menubutton-common-menu-border-radius);
	box-shadow: var(--mm-menubutton-common-menu-shadow);
	box-sizing: border-box;
	overflow: auto;
	pointer-events: auto;
	z-index: 99999;

	&.mm_select_common_menu
	{
		min-width: calc( 100% - 6px );
		max-width: calc( 100% - 6px );

		&.root
		{
			margin-top: 10px;
			margin-bottom: 10px;
			min-width: auto;
			max-width: auto;
		}
	}

	.mm9_menubutton_menu_item
	{
		height: var(--mm-menubutton-common-menu-item-height);
		margin: 0 8px;
		padding: 0 12px;
		color: var(--mm-menubutton-common-menu-item-text-color);
		background-color: var(--mm-menubutton-common-menu-item-background-color);
		border-radius: var(--mm-menubutton-common-menu-item-border-radius);

		:is(.mm_menubutton_common_menu, .mm_select_common_menu).wrap_items &
		{
			--mm-menubutton-common-menu-item-line-height: var(--mm-menubutton-common-menu-item-line-height--wrapped);

			height: auto;
			padding-top: 8px;
			padding-bottom: 8px;
			white-space: normal;
			word-break: break-word;
			word-wrap: break-word;
			overflow-wrap: break-word;
			box-sizing: border-box;
		}

		&.selected_option,
		&.mm9_menubutton_menu_item_toggle_active,
		&.mm10_menubutton_menu_item_persistent_selected
		{
			--mm-menubutton-common-menu-item-text-color: var(--mm-menubutton-common-menu-item-text-color--selected);
			--mm-menubutton-common-menu-item-background-color: var(--mm-menubutton-common-menu-item-background-color--selected);
		}

		&.mm9_menubutton_menu_item_selected
		{
			--mm-menubutton-common-menu-item-text-color: var(--mm-menubutton-common-menu-item-text-color--active);
			--mm-menubutton-common-menu-item-background-color: var(--mm-menubutton-common-menu-item-background-color--active);
		}

		&.mm9_menubutton_menu_item_selected.negative
		{
			--mm-menubutton-common-menu-item-text-color: var(--mm-menubutton-common-menu-item-text-color-destructive--active);
			--mm-menubutton-common-menu-item-background-color: var(--mm-menubutton-common-menu-item-background-color-destructive--active);
		}

		&.mm9_menubutton_menu_item_disabled
		{
			--mm-menubutton-common-menu-item-text-color: var(--mm-menubutton-common-menu-item-text-color--disabled);
			--mm-menubutton-common-menu-item-background-color: var(--mm-menubutton-common-menu-item-background-color--disabled);

			cursor: default;
		}

		mm-text:where(:not(mm-badge mm-text))
		{
			--mm-text-line-height: var(--mm-menubutton-common-menu-item-line-height);
		}

		mm-text:where(:not(mm-badge mm-text, mm-text[tone]))
		{
			--mm-text-color: var(--mm-menubutton-common-menu-item-text-color);
		}

		mm-icon:where(:not(mm-badge mm-icon, mm-icon[data-icon-selected]))
		{
			--mm-icon-dimension--width: var(--mm-menubutton-common-menu-item-font-size);
			--mm-icon-dimension--height: var(--mm-menubutton-common-menu-item-font-size);
		}

		mm-icon:where(:not(mm-badge mm-icon, mm-icon[tone]))
		{
			--mm-icon-color: var(--mm-menubutton-common-menu-item-text-color);
		}

		.mm_menubutton_menu_item_content
		{
			mm-icon[data-icon-selected]
			{
				--mm-icon-color: var(--mm-menubutton-common-menu-item-selected-icon-color);
				--mm-icon-dimension--width: var(--mm-menubutton-common-menu-item-selected-icon-dimension);
				--mm-icon-dimension--height: var(--mm-menubutton-common-menu-item-selected-icon-dimension);

				display: none;
				margin-left: 20px;

				.mm9_menubutton_menu_item.selected_option &,
				.mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected &
				{
					display: inline-flex;
				}
			}
		}
	}

	&.small
	{
		--mm-menubutton-common-menu-item-height: var(--mm-menubutton-common-menu-item-height--s);
		--mm-menubutton-common-menu-item-font-size: var(--mm-menubutton-common-menu-item-font-size--s);
		--mm-menubutton-common-menu-item-selected-icon-dimension: var(--mm-menubutton-common-menu-item-selected-icon-dimension--s);
	}

	&.large
	{
		--mm-menubutton-common-menu-item-height: var(--mm-menubutton-common-menu-item-height--l);
		--mm-menubutton-common-menu-item-font-size: var(--mm-menubutton-common-menu-item-font-size--l);
		--mm-menubutton-common-menu-item-selected-icon-dimension: var(--mm-menubutton-common-menu-item-selected-icon-dimension--l);
	}

	&.extra-large
	{
		--mm-menubutton-common-menu-item-height: var(--mm-menubutton-common-menu-item-height--xl);
		--mm-menubutton-common-menu-item-font-size: var(--mm-menubutton-common-menu-item-font-size--xl);
		--mm-menubutton-common-menu-item-selected-icon-dimension: var(--mm-menubutton-common-menu-item-selected-icon-dimension--xl);
	}
}

.mm9_menubutton_menu_divider
{
	position: relative;
	display: block;
	margin: 8px 20px;
	height: 1px;
	background-color: var(--mm-menubutton-common-menu-item-divider-color);
	border: none;
}

.mm9_menubutton_menu_section_header
{
	position: relative;
	display: flex;
	margin: 0 8px;
	padding: 0 12px;
	height: var(--mm-menubutton-common-menu-item-header-height);
	font-size: var(--mm-menubutton-common-menu-item-header-font-size);
	font-weight: var(--mm-menubutton-common-menu-item-header-font-weight);
	color: var(--mm-menubutton-common-menu-item-header-text-color);
	background-color: var(--mm-menubutton-common-menu-item-header-background-color);
	white-space: nowrap;
	align-items: center;
	cursor: default;

	.mm9_menubutton_menu_item + &
	{
		margin-top: 12px;
	}

	mm-text:where(:not(mm-badge mm-text, mm-text[tone]))
	{
		--mm-text-color: var(--mm-menubutton-common-menu-item-header-text-color);
	}

	mm-icon:where(:not(mm-badge mm-icon))
	{
		--mm-icon-dimension--width: var(--mm-menubutton-common-menu-item-header-font-size);
		--mm-icon-dimension--height: var(--mm-menubutton-common-menu-item-header-font-size);
		--mm-icon-color: var(--mm-menubutton-common-menu-item-header-text-color);
	}
}

.mm9_menubutton_menu_toggle_item
{
	justify-content: space-between;
	column-gap: 20px;

	.mm9_menubutton_menu_toggle_item_text
	{
		position: relative;
		display: inline-block;
		white-space: nowrap;
	}

	.mm9_menubutton_menu_toggle_item_icon
	{
		position: relative;
		display: inline-block;
		visibility: hidden;
		flex-shrink: 0;

		.mm9_menubutton_menu_item_toggle_active &
		{
			visibility: visible;
		}
	}
}

.mm9_menubutton_menu_toggle_sort.mm9_mivaicon
{
	position: absolute;
	display: inline-block;
	left: 15px;
	width: 12px;
	height: 12px;
	font-size: 12px;
}

.mm9_menubutton_menu_submenu_item
{
	position: relative;
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
}

.mm9_menubutton_menu_item.mm9_menubutton_menuitem_arrow
{
	padding-right: 30px;
}

.mm9_menubutton_menu_submenu_arrow_container
{
	position: absolute;
	display: none;
	right: 0;
	top: 0;
	bottom: 0;
	width: 30px;
	cursor: default;
}

.mm9_menubutton_menuitem_arrow .mm9_menubutton_menu_submenu_arrow_container
{
	display: block;
}

.mm9_menubutton_menu_submenu_arrow
{
	position: absolute;
	right: 8px;
	top: 10px;
	width: 0; 
	height: 0; 
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #aaa;
}

.mm10_menubutton_menu_checkbox_container
{
	position: relative;
	display: inline-flex;
	align-items: start;
	flex-shrink: 0;
}

.mm10_menubutton_menu_checkbox
{
	position: relative;
	display: inline-block;
	margin-top: 1px;
	width: var(--mm-field-checkbox-dimension);
	height: var(--mm-field-checkbox-dimension);
	background: var(--mm-field-checkbox-background-color);
	border: var(--mm-field-checkbox-border);
	border-radius: var(--mm-field-checkbox-border-radius);
	box-shadow: var(--mm-field-checkbox-box-shadow);
	box-sizing: border-box;
	outline: var(--mm-field-checkbox-outline);
	outline-offset: var(--mm-field-checkbox-outline-offset);
	transition: background-color 0.15s linear, border-color 0.15s linear;
	flex-shrink: 0;

	.mm10_menubutton_menu_checkbox_container.checked &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active);
	}
}

.mm10_menubutton_menu_checkbox_bg1
{
	position: absolute;
	display: block;
	top: 8px;
	left: 2px;
	width: 5px;
	height: 2px;
	background-color: var(--mm-field-checkbox-foreground-color);
	border-radius: 1px;
	opacity: 0;
	transform: rotate(45deg);
	transition: opacity 0.15s linear;

	.mm10_menubutton_menu_checkbox_container.checked &
	{
		opacity: 1;
	}
}

.mm10_menubutton_menu_checkbox_bg2
{
	position: absolute;
	display: block;
	top: 6px;
	left: 4px;
	width: 9px;
	height: 2px;
	background-color: var(--mm-field-checkbox-foreground-color);
	border-radius: 1px;
	opacity: 0;
	transform: rotate(-46deg);
	transition: opacity 0.15s linear;

	.mm10_menubutton_menu_checkbox_container.checked &
	{
		opacity: 1;
	}
}

.mm10_menubutton_menu_checkbox_item
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	padding-left: 15px;
	flex-grow: 1;
}

.mm10_menubutton_menu_checkbox_container.radio .mm10_menubutton_menu_checkbox
{
	position: relative;
	display: inline-block;
	margin-top: 1px;
	width: var(--mm-field-radio-dimension);
	height: var(--mm-field-radio-dimension);
	background: var(--mm-field-radio-background-color);
	border: var(--mm-field-radio-border);
	border-radius: var(--mm-field-radio-border-radius);
	box-shadow: var(--mm-field-radio-box-shadow);
	box-sizing: border-box;
	outline: var(--mm-field-radio-outline);
	outline-offset: var(--mm-field-radio-outline-offset);
	transition: background-color 0.15s linear, border-color 0.15s linear;
	flex-shrink: 0;

	.mm10_menubutton_menu_checkbox_container.radio.checked &
	{
		--mm-field-radio-background-color: var(--mm-field-radio-background-color--active);
		--mm-field-radio-border: var(--mm-field-radio-border--active);
	}
}

.mm10_menubutton_menu_checkbox_container.radio .mm10_menubutton_menu_checkbox_bg1
{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: var(--mm-field-radio-foreground-dimension);
	height: var(--mm-field-radio-foreground-dimension);
	background-color: var(--mm-field-radio-foreground-color);
	border-radius: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity 0.15s linear;

	.mm10_menubutton_menu_checkbox_container.radio.checked &
	{
		opacity: 1;
	}
}

.mm10_menubutton_menu_checkbox_container.radio .mm10_menubutton_menu_checkbox_bg2
{
	display: none;
}

.mm10_menubutton_menu_checkbox_container.radio .mm10_menubutton_menu_checkbox_item
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	padding-left: 15px;
	flex-grow: 1;
}

.mm10_menubutton_menu_group_menuitem_container
{
	position: relative;
	display: block;
}

.mm10_menubutton_menu_group_header_container > .mm9_menubutton_menu_section_header
{
	cursor: default;
}

.mm10_menubutton_menu_group_collapsible_header_container
{
	position: relative;
	display: block;
	padding-right: 30px;
	flex-grow: 1;
}

.mm10_menubutton_menu_group_collapsible_header_text
{
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: 500;
	color: var(--mm-menubutton-common-menu-item-collapsible-header-text-color);

	.mm9_menubutton_menu_item_selected &
	{
		text-decoration-line: var(--mm-menubutton-common-menu-item-collapsible-header-text-decoration-line--active);
		text-decoration-thickness: var(--mm-menubutton-common-menu-item-collapsible-header-text-decoration-thickness--active);
		text-underline-offset: var(--mm-menubutton-common-menu-item-collapsible-header-text-underline-offset--active);
	}
}

.mm10_menubutton_menu_group_collapsible_header_dropdown
{
	position: absolute;
	display: block;
	top: 50%;
	right: 2px;
	width: 10px;
	height: 10px;
	border: none;
	background: none;
	transform: translateY(-50%);
	transition: transform 0.2s linear;
}

.mm10_menubutton_menu_group_collapsible_header_dropdown_bg1
{
	position: absolute;
	top: 0;
	left: 4px;
	width: 2px;
	height: 10px;
	background-color: var(--mm-menubutton-common-menu-item-collapsible-header-text-color);
	transition: transform 0.2s linear;

	.mm10_menubutton_menu_collapsible_group_expanded &
	{
		transform: rotate(-90deg);
	}
}

.mm10_menubutton_menu_group_collapsible_header_dropdown_bg2
{
	position: absolute;
	top: 4px;
	left: 0;
	width: 10px;
	height: 2px;
	background-color: var(--mm-menubutton-common-menu-item-collapsible-header-text-color);
	transition: all 0.2s linear;
}

.mm10_menubutton_menu_collapsible_group_container .mm10_menubutton_menu_group_menuitem_container
{
	display: none;
}

.mm10_menubutton_menu_collapsible_group_container.mm10_menubutton_menu_collapsible_group_visible .mm10_menubutton_menu_group_menuitem_container,
.mm10_menubutton_menu_collapsible_group_container.mm10_menubutton_menu_collapsible_group_expanded .mm10_menubutton_menu_group_menuitem_container
{
	display: block;
}

.mm10_menubutton_menu_item_collapsible_header_toggle_container
{
	position: relative;
	display: flex;
	width: 10px;
}

.mm10_menubutton_menu_item_collapsible_header_toggle_dropdown
{
	position: absolute;
	display: block;
	top: 50%;
	right: 1px;
	width: 8px;
	height: 8px;
	border: none;
	background: none;
	transform: translateY(-50%);
	transition: all 0.2s linear;
}

.mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg1
{
	position: absolute;
	top: 3px;
	left: 0;
	width: 8px;
	height: 2px;
	background-color: var(--mm-menubutton-common-menu-item-collapsible-header-toggle-dropdown-color);
	border-radius: 1px;
	transition: all 0.2s linear;
}

.mm10_menubutton_menu_collapsible_item_expanded .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg1
{
	transform: rotate(-180deg);
}

.mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg2
{
	position: absolute;
	top: 0;
	left: 3px;
	width: 2px;
	height: 8px;
	background-color: var(--mm-menubutton-common-menu-item-collapsible-header-toggle-dropdown-color);
	border-radius: 1px;
	transition: all 0.2s linear;
}

.mm10_menubutton_menu_collapsible_item_expanded .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg2
{
	transform: rotate(90deg);
}

.mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg1,
.mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm10_menubutton_menu_item_collapsible_header_toggle_dropdown_bg2
{
	--mm-menubutton-common-menu-item-collapsible-header-toggle-dropdown-color: var(--mm-menubutton-common-menu-item-collapsible-header-toggle-dropdown-color--active);
}

.mm10_menubutton_menu_collapsible_item_container .mm10_menubutton_menu_group_menuitem_container
{
	display: none;
}

.mm10_menubutton_menu_collapsible_item_container > .mm10_menubutton_menu_group_header_container > .mm10_menubutton_menu_collapsible_item_header_group_container > .mm10_menubutton_menu_group_menuitem_container
{
	position: relative;
	display: flex;
}

.mm10_menubutton_menu_collapsible_item_container > .mm10_menubutton_menu_group_header_container > .mm10_menubutton_menu_collapsible_item_header_group_container > .mm10_menubutton_menu_group_menuitem_container > .mm10_menubutton_menu_item_collapsible_header_item_container
{
	margin-right: 0;
	flex-grow: 1;
}

.mm10_menubutton_menu_collapsible_item_container > .mm10_menubutton_menu_group_header_container > .mm10_menubutton_menu_collapsible_item_header_group_container > .mm10_menubutton_menu_group_menuitem_container > .mm10_menubutton_menu_item_collapsible_header_toggle_container
{
	margin-left: 0;
	width: 10px;
	flex-grow: 0;
	flex-shrink: 0;
}

.mm10_menubutton_menu_collapsible_item_container.mm10_menubutton_menu_collapsible_item_expanded .mm10_menubutton_menu_group_menuitem_container
{
	display: block;
}

.mm10_menubutton_container_style_common
{
	position: relative;
	display: inline-block;
}/*******************************/
/*    Miscellaneous Buttons    */
/*******************************/

/* Fullscreen End Button */

.mm_button_style_fullscreen_end
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 6px 11px 0 0;
	padding: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 1;
	background: #fff;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 );
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm_button_style_fullscreen_end.focus
{
	box-shadow: 0 0 0 3px #c7dfff;
}

.mm_button_style_fullscreen_end:hover
{
	box-shadow: 0 4px 5px rgba( 47, 117, 255, 0.25 );
}

.mm_button_style_fullscreen_end.active
{
	background: #fff;
	box-shadow: 0 2px 4px rgba( 47, 117, 255, 0.25 );
}

.mm_button_style_fullscreen_end.disabled,
.mm_button_style_fullscreen_end.disabled:hover,
.mm_button_style_fullscreen_end.disabled.focus,
.mm_button_style_fullscreen_end.disabled.active
{
	background: #fff;
	box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 );
}

.mm_button_style_fullscreen_end .mm9_button_image
{
	display: none;
}

.mm_button_style_fullscreen_end .mm9_button_text
{
	position: relative;
	display: block !important;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
}

.mm_button_style_fullscreen_end .mm9_button_text::before
{
	position: absolute;
	top: 7px;
	left: -2px;
	width: 19px;
	height: 2px;
	background-color: #6a6e79;
	border-radius: 1px;
	transform: rotate(45deg);
	transition: 0.2s all linear;
	content: '';
}

.mm_button_style_fullscreen_end .mm9_button_text::after
{
	position: absolute;
	top: 7px;
	left: -2px;
	width: 19px;
	height: 2px;
	background-color: #6a6e79;
	border-radius: 1px;
	transform: rotate(-45deg);
	transition: 0.2s all linear;
	content: '';
}

.mm_button_style_fullscreen_end:hover .mm9_button_text::before,
.mm_button_style_fullscreen_end:hover .mm9_button_text::after
{
	background-color: #2f75ff;
}

.mm_button_style_fullscreen_end.active .mm9_button_text::before,
.mm_button_style_fullscreen_end.active .mm9_button_text::after
{
	background-color: #2f75ff;
}

.mm_button_style_fullscreen_end.disabled .mm9_button_text::before,
.mm_button_style_fullscreen_end.disabled:hover .mm9_button_text::before,
.mm_button_style_fullscreen_end.disabled.focus .mm9_button_text::before,
.mm_button_style_fullscreen_end.disabled.active .mm9_button_text::before,
.mm_button_style_fullscreen_end.disabled .mm9_button_text::after,
.mm_button_style_fullscreen_end.disabled:hover .mm9_button_text::after,
.mm_button_style_fullscreen_end.disabled.focus .mm9_button_text::after,
.mm_button_style_fullscreen_end.disabled.active .mm9_button_text::after
{
	color: #e0e1e4;
}

/* Button Close  */

.mm10_button_style_close_borderless
{
	position: relative;
	display: inline-flex;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
}

.mm10_button_style_close_borderless .mm9_button_title,
.mm10_button_style_close_borderless .mm9_button_image,
.mm10_button_style_close_borderless .mm9_button_text
{
	display: none;
}

.mm10_button_style_close_borderless .mm9_button_custom
{
	position: absolute;
	display: block !important;
	top: 50%;
	left: 50%;
	width: 15px;
	height: 15px;
	transform: translate(-50%, -50%);
}

.mm10_button_style_close_borderless .mm9_button_custom::before
{
	position: absolute;
	top: 7px;
	left: -1px;
	width: 18px;
	height: 2px;
	background-color: #8b8f98;
	border-radius: 1px;
	transform: rotate(45deg);
	transition: scale 0.15s linear, background-color, 0.15s linear;
	content: '';
}

.mm10_button_style_close_borderless:hover .mm9_button_custom::before
{
	background-color: #2f75ff;
	transform: rotate(45deg) scale(1.1);
}

.mm10_button_style_close_borderless.active .mm9_button_custom:active::before
{
	background-color: #2f75ff;
}

.mm10_button_style_close_borderless.disabled .mm9_button_custom:disabled::before
{
	background-color: #e0e1e4;
}

.mm10_button_style_close_borderless .mm9_button_custom::after
{
	position: absolute;
	top: 7px;
	left: -1px;
	width: 18px;
	height: 2px;
	background-color: #8b8f98;
	border-radius: 1px;
	transform: rotate(-45deg);
	transition: scale 0.15s linear, background-color, 0.15s linear;
	content: '';
}

.mm10_button_style_close_borderless:hover .mm9_button_custom::after
{
	background-color: #2f75ff;
	transform: rotate(-45deg) scale(1.1);
}

.mm10_button_style_close_borderless.active .mm9_button_custom::after
{
	background-color: #2f75ff;
}

.mm10_button_style_close_borderless.disabled .mm9_button_custom::after
{
	background-color: #e0e1e4;
}/*****************************/
/*    Color Picker Styles    */
/*****************************/

.mm_colorpicker
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 493px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15);
	overflow: hidden;
}

.mm_colorpicker_title
{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 11px;
	background: rgba(0, 0, 0, 0.4);
	cursor: move;
	z-index: 2;
}

.mm_colorpicker_title::before
{
	position: absolute;
	top: 3px;
	left: calc(50% - 11px);
	width: 2px;
	height: 5px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 1px;
	box-shadow: 4px 0 0 rgba(0, 0, 0, 0.4), 8px 0 0 rgba(0, 0, 0, 0.4), 12px 0 0 rgba(0, 0, 0, 0.4), 16px 0 0 rgba(0, 0, 0, 0.4), 20px 0 0 rgba(0, 0, 0, 0.4), 24px 0 0 rgba(0, 0, 0, 0.4);
	content: '';
}

.mm_colorpicker_close
{
	position: absolute;
	top: 16px;
	right: 23px;
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 50%;
	box-sizing: border-box;
	cursor: pointer;
	z-index: 2;
}

.mm_colorpicker_close::before
{
	position: absolute;
	top: 11px;
	left: 7px;
	width: 10px;
	height: 2px;
	background: #8b8f98;
	border-radius: 1px;
	transform: rotate(45deg);
	content: '';
}

.mm_colorpicker_close::after
{
	position: absolute;
	top: 11px;
	left: 7px;
	width: 10px;
	height: 2px;
	background: #8b8f98;
	border-radius: 1px;
	transform: rotate(-45deg);
	content: '';
}

.mm_colorpicker_content
{
	position: relative;
	display: block;
}

.mm_colorpicker_actionbar
{
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	padding: 40px 20px;
}

.mm_colorpicker_savedcolors_container
{
	position: relative;
	display: flex;
	padding: 15px 24px;
	min-height: 40px;
	box-sizing: border-box;
	align-items: flex-start;
}

.mm_colorpicker_savedcolors_add_container
{
	position: relative;
	display: inline-block;
	margin: 3px 8px 3px 3px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	overflow: hidden;
	flex-shrink: 0;
}

.mm_colorpicker_savedcolors_add_container::before
{
	position: absolute;
	top: 6px;
	left: 3px;
	width: 8px;
	height: 2px;
	background-color: #6a6e79;
	border-radius: 1px;
	content: '';
}

.mm_colorpicker_savedcolors_add_container::after
{
	position: absolute;
	top: 3px;
	left: 6px;
	width: 2px;
	height: 8px;
	background-color: #6a6e79;
	border-radius: 1px;
	content: '';
}

.mm_colorpicker_savedcolors_color_container
{
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	flex-grow: 1;
}

.mm_colorpicker_savedcolor
{
	position: relative;
	display: block;
	margin: 3px;
	width: 14px;
	height: 14px;
	background: transparent;
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden;
}

.mm_colorpicker_savedcolor.drag_n_drop
{
	background-color: #f0f5ff;
	border: 1px dashed #2f75ff;
}

.mm_colorpicker_savedcolor_alpha_background
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('graphics/en-US/admin/alpha_background.png');
	background-repeat: repeat;
	background-position: center;
}

.mm_colorpicker_savedcolor.drag_n_drop .mm_colorpicker_savedcolor_alpha_background
{
	display: none;
}

.mm_colorpicker_savedcolor_color
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.mm_colorpicker_savedcolor.drag_n_drop .mm_colorpicker_savedcolor_color
{
	display: none;
}

.mm_colorpicker_colorpreview_savedcolor
{
	position: absolute;
	width: 14px;
	height: 14px;
	background: transparent;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0 2px 8px rgba( 0, 0, 0, 0.25 );
	cursor: pointer;
	z-index: 99999;
}

.mm_colorpicker_color_preview_container
{
	position: relative;
	display: block;
	height: 167px;
	overflow: hidden;
	margin-bottom: 22px;
}

.mm_colorpicker_color_preview_alpha_background
{
	position: absolute;
	top: 11px;
	right: 50%;
	bottom: 0;
	left: 0;
	z-index: 0;
	background-image: url('graphics/en-US/admin/alpha_background.png');
	background-repeat: repeat;
	background-position: center;
}

.mm_colorpicker_color_preview
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	cursor: pointer;
}

.mm_colorpicker_sliders_container
{
	position: relative;
	display: block;
}

.mm_colorpicker_sliders_content
{
	position: relative;
}

.mm_colorpicker_slider_color_container
{
	position: relative;
	display: none;
}

.mm_colorpicker_slider_color_container.visible
{
	display: block;
}

.mm_colorpicker_slider_container
{
	position: relative;
	display: block;
	box-sizing: border-box;
	margin: 0 24px;
	padding: 2px;
	background: transparent;
	z-index: 0;
}

.mm_colorpicker_slider_container + .mm_colorpicker_slider_container
{
	margin-top: 12px;
}

.mm_colorpicker_slider
{
	position: relative;
	display: block;
	height: 12px;
	background: transparent;
	border-radius: 6px;
	overflow: hidden;
	white-space: nowrap;
	z-index: 0;
}

.mm_colorpicker_slider_container_alpha_bg .mm_colorpicker_slider::before
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url('graphics/en-US/admin/alpha_background.png');
	background-repeat: repeat;
	background-position: center;
	content: '';
}

.mm_colorpicker_slider_background_container
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.mm_colorpicker_slider_background
{
	position: relative;
	display: inline-block;
	height: 100%;
	z-index: 0;
}

.mm_colorpicker_slider_handle
{
	position: absolute;
	top: 0;
	left: 30px;
	width: 16px;
	height: 16px;
	background: #f0f5ff;
	border-radius: 50%;
	box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.25);
	cursor: pointer;
	z-index: 1;
}

.mm_colorpicker_colorinput_container,
.mm_colorpicker_coloroutput_container
{
	position: relative;
	display: block;
	margin-bottom: 7px;
	text-align: center;
}

.mm_colorpicker_coloroutput_container
{
	margin-bottom: 0;
}

.mm_colorpicker_colorinput_mode_container,
.mm_colorpicker_coloroutput_mode_container
{
	position: relative;
	display: flex;
	align-items: center;
}

.mm_colorpicker_colorinput_mode_title,
.mm_colorpicker_coloroutput_mode_title
{
	position: relative;
	display: inline-flex;
	margin-left: 25px;
	padding: 0;
	height: 60px;
	font-size: 13px;
	font-weight: normal;
	color: #6a6e79;
	white-space: nowrap;
	text-align: left;
	text-transform: none;
	align-items: center;
	flex-grow: 1;
}

.mm_colorpicker_colorinput_input_container
{
	position: relative;
	display: none;
	margin: 0 20px;
	align-items: center;
	flex-wrap: nowrap;
}

.mm_colorpicker_colorinput_input_container.visible
{
	display: flex;
}

.mm_colorpicker_actionbar .mm_colorpicker_button
{
	margin: 0 5px;
	flex-grow: 1;
}

.mm_colorpicker_coloroutput_value_container
{
	position: relative;
	display: flex;
	padding: 0 20px;
}

.mm_colorpicker_slider_select
{
	position: relative;
	display: block;
	margin-bottom: 22px;
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button
{
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 42px 0 26px;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button .mm9_button_text
{
	padding: 0;
	flex-grow: 1;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	color: #6a6e79;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: 0.2s color linear;
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button:hover .mm9_button_text
{
	color: #5b5c67;
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.focus .mm9_button_text
{
	color: #2f75ff;
}

.mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button .mm9_button_text
{
	color: #2f75ff;
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown
{
	position: absolute;
	display: block;
	top: 50%;
	right: 10px;
	width: 11px;
	height: 7px;
	border: none;
	background: none;
	transform: translateY(-50%);
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg1
{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 7px;
	height: 2px;
	background-color: #6a6e79;
	border-radius: 1px;
	transform: rotate(-40deg);
	transition: transform 0.2s linear, background-color 0.2s linear;
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.focus .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.active .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg1
{
	background-color: #2f75ff;
}

.mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg1
{
	transform: rotate(40deg);
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg2
{
	position: absolute;
	top: 2px;
	left: 0;
	width: 7px;
	height: 2px;
	background-color: #6a6e79;
	border-radius: 1px;
	transform: rotate(40deg);
	transition: transform 0.2s linear, background-color 0.2s linear;
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.focus .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.active .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg2
{
	background-color: #2f75ff;
}

.mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button .mm9_menubutton_dropdown_bg2
{
	transform: rotate(-40deg);
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled,
.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled:hover,
.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled.focus,
.mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button.disabled,
.mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button.disabled:hover,
.mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button.disabled.focus
{
	border-color: #e0e1e4;
	background-color: #f8f8f8;
	cursor: default;
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled .mm9_button_text
{
	color: #e0e1e4;
}

.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_slider_select .mm_colorpicker_slider_select_button.disabled .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button.disabled .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_slider_select.active .mm_colorpicker_slider_select_button.disabled .mm9_menubutton_dropdown_bg2
{
	background-color: #e0e1e4;
}

.mm_colorpicker_colorinput_mode,
.mm_colorpicker_coloroutput_mode
{
	position: relative;
	display: block;
	flex-shrink: 0;
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button
{
	position: relative;
	display: flex;
	margin: 0;
	padding: 0 48px 0 26px;
	box-sizing: border-box;
	align-items: center;
	cursor: pointer;
	outline: none;
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button .mm9_button_text,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button .mm9_button_text
{
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	color: #6a6e79;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	flex-shrink: 0;
	transition: 0.2s color linear;
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button:hover .mm9_button_text,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button:hover .mm9_button_text
{
	color: #5b5c67;
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.focus .mm9_button_text,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.focus .mm9_button_text
{
	color: #2f75ff;
}

.mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button .mm9_button_text,
.mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button .mm9_button_text
{
	color: #2f75ff;
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown
{
	position: absolute;
	display: block;
	top: 50%;
	right: 27px;
	width: 11px;
	height: 7px;
	border: none;
	background: none;
	transform: translateY(-50%);
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg1
{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 7px;
	height: 2px;
	background-color: #6a6e79;
	border-radius: 1px;
	transform: rotate(-40deg);
	transition: transform 0.2s linear, background-color 0.2s linear;
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.focus .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.active .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.focus .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.active .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg1
{
	background-color: #2f75ff;
}

.mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg1
{
	transform: rotate(40deg);
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg2
{
	position: absolute;
	top: 2px;
	left: 0;
	width: 7px;
	height: 2px;
	background-color: #6a6e79;
	border-radius: 1px;
	transform: rotate(40deg);
	transition: transform 0.2s linear, background-color 0.2s linear;
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.focus .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.active .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.focus .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.active .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg2
{
	background-color: #2f75ff;
}

.mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button .mm9_menubutton_dropdown_bg2
{
	transform: rotate(-40deg);
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled,
.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled:hover,
.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled.focus,
.mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button.disabled,
.mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button.disabled:hover,
.mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button.disabled.focus,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled:hover,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled.focus,
.mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button.disabled,
.mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button.disabled:hover,
.mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button.disabled.focus
{
	border-color: #e0e1e4;
	background-color: #f8f8f8;
	cursor: default;
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled .mm9_button_text,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled .mm9_button_text
{
	color: #e0e1e4;
}

.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_colorinput_mode .mm_colorpicker_colorinput_mode_button.disabled .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button.disabled .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_colorinput_mode.active .mm_colorpicker_colorinput_mode_button.disabled .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_coloroutput_mode .mm_colorpicker_coloroutput_mode_button.disabled .mm9_menubutton_dropdown_bg2,
.mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button.disabled .mm9_menubutton_dropdown_bg1,
.mm_colorpicker_coloroutput_mode.active .mm_colorpicker_coloroutput_mode_button.disabled .mm9_menubutton_dropdown_bg2
{
	background-color: #e0e1e4;
}

.mm_colorpicker_colorinput_input
{
	position: relative;
	display: inline-flex;
	margin: 0 5px;
	padding: 14px 15px;
	width: 150px;
	height: 50px;
	background: #fff;
	border: 1px solid #e0e1e4;
	border-radius: 4px;
	box-sizing: border-box;
	align-items: center;
	flex-grow: 1;
}

.mm_colorpicker_colorinput_input.focus
{
	border-color: #539cff;
}

.mm_colorpicker_colorinput_input.invalid,
.mm_colorpicker_colorinput_input.invalid.focus
{
	border-color: #ea6570;
}

.mm_colorpicker_colorinput_input .mm_input_title
{
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	margin-right: 10px;
	font-size: 13px;
	font-weight: normal;
	color: #6a6e79;
	text-transform: none;
	white-space: nowrap;
	flex-shrink: 0;
}

.mm_colorpicker_colorinput_input .mm_input
{
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	box-sizing: border-box;
	font-size: 15px;
	color: #b6b6b6;
	text-align: right;
	outline: none;
	flex-grow: 1;
	min-width: 0;
}

.mm_colorpicker_colorinput_input.disabled,
.mm_colorpicker_colorinput_input.disabled.focus,
.mm_colorpicker_colorinput_input.disabled.invalid.focus
{
	background: #fff;
	border: 1px solid #cfd2d6;
}

.mm_colorpicker_colorinput_input.disabled .mm_input_title,
.mm_colorpicker_colorinput_input.disabled.focus .mm_input_title,
.mm_colorpicker_colorinput_input.disabled.invalid.focus .mm_input_title
{
	color: #969da8;
}

.mm_colorpicker_colorinput_input.disabled .mm_input,
.mm_colorpicker_colorinput_input.disabled.focus .mm_input,
.mm_colorpicker_colorinput_input.disabled.invalid.focus .mm_input
{
	color: #969da8;
}/************************/
/*    Tooltip Styles    */
/************************/

mm-tooltip
{
	position: relative;
	display: inline-flex;
	flex-shrink: 0;
}

.mm_tooltip
{
	position: relative;
	display: inline-block;
}

.mm_tooltip_button
{
	position: relative;
	display: flex;
	align-items: center;
	background-color: transparent;
	box-sizing: border-box;
	transition: color 0.2s linear;
	cursor: pointer;
	outline: none;
	user-select: none;
}

.mm_tooltip .mm_tooltip_button .mm9_button_custom
{
	position: relative;
	display: flex;
}

.mm_tooltip .mm_tooltip_button .mm9_button_custom svg
{
	width: 13px;
	height: 13px;
}

.mm_tooltip .mm_tooltip_button .mm10_svg_icon_color
{
	fill: #6a6e79;
	transition: fill 0.2s linear;
}

.mm_tooltip .mm_tooltip_button:hover .mm10_svg_icon_color,
.mm_tooltip .mm_tooltip_button.focus .mm10_svg_icon_color,
.mm_tooltip .mm_tooltip_button.active .mm10_svg_icon_color,
.mm_tooltip.active .mm_tooltip_button .mm10_svg_icon_color
{
	fill: #494a53;
}

.mm_tooltip .mm_tooltip_button .mm9_menubutton_dropdown
{
	display: none;
}

.mm_tooltip_menu
{
	.mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled
	{
		--mm-menubutton-common-menu-item-text-color: var(--mm-menubutton-common-menu-item-text-color--default);
	}
}

.mm_tooltip_menu_item_default
{
	position: relative;
	display: block;
	max-width: 450px;
	white-space: normal;
	text-align: left;
	font-weight: normal;
}

.mm_tooltip_menu_item_default_title
{
	position: relative;
	display: block;
	margin-bottom: 6px;
	font-weight: 500;
}

.mm_tooltip_menu_item_default_content
{
	position: relative;
	display: block;
}

/*********************/
/*    Grid Styles    */
/*********************/

mm-grid
{
	--mm-grid-columns: 1;
	--mm-grid-row-gap: 20px;
	--mm-grid-column-gap: 10px;
	--mm-grid-justify-items: normal;
	--mm-grid-align-items: normal;
	--mm-grid-justify-content: normal;
	--mm-grid-align-content: normal;

	display: grid;
	column-gap: var(--mm-grid-column-gap);
	row-gap: var(--mm-grid-row-gap);
	justify-items: var(--mm-grid-justify-items);
	align-items: var(--mm-grid-align-items);
	justify-content: var(--mm-grid-justify-content);
	align-content: var(--mm-grid-align-content);
	box-sizing: border-box;

	&[hidden]
	{
		display: none;
	}

	&[show-border]
	{
		border: var(--mm-grid-border);
		border-radius: var(--mm-grid-border-radius);
		padding: var(--mm-grid-border-padding);
	}

	&:where([grid-style="table-primary"])
	{
		/* The "table-primary" grid-style supports the following combinations:
		 *
		 * 1. All mm-grid-row elements are in the root context
		 * 2. A single mm-grid-section element exists in the root context containing one or more mm-grid-row and/or mm-grid-section elements
		 * 3. Two mm-grid-section elements, one with type "header", one with no type or type "body", exist in the root context. The "body" mm-grid-section may contain one or more mm-grid-row and/or mm-grid-section elements
		 */

		border: var(--mm-grid-style-table-primary-border);
		border-radius: var(--mm-grid-style-table-primary-border-radius);
		overflow: hidden;
		overflow-y: auto;

		&:where(:not([row-gap]))
		{
			--mm-grid-row-gap: 0;
		}

		&:where(:not([column-gap]))
		{
			--mm-grid-column-gap: 0;
		}

		> mm-grid-section:where([type="header"])
		{
			position: sticky;
			top: 0;
			z-index: 1;
		}

		mm-grid-row
		{
			border-bottom: var(--mm-grid-style-table-primary-row-border);
			background-color: var(--mm-grid-style-table-primary-row-background-color);

			&[change-tone-on-hover],
			&[change-tone-on-focus]
			{
				cursor: pointer;
			}

			&[change-tone-on-hover]:hover,
			&[change-tone-on-focus]:focus
			{
				--mm-grid-style-table-primary-row-text-color: var(--mm-grid-style-table-primary-row-text-color--hover);
				--mm-grid-style-table-primary-row-background-color: var(--mm-grid-style-table-primary-row-background-color--hover);
				--mm-grid-style-table-primary-row-border: var(--mm-grid-style-table-primary-row-border--hover);
			}

			&:has(+ mm-grid-row[change-tone-on-hover]:hover),
			&:has(+ mm-grid-row[change-tone-on-focus]:focus)
			{
				--mm-grid-style-table-primary-row-border: var(--mm-grid-style-table-primary-row-border--hover);
			}

			> mm-grid-column
			{
				padding: var(--mm-grid-style-table-primary-row-padding);
				color: var(--mm-grid-style-table-primary-row-text-color);
				overflow: hidden;

				mm-icon:not([tone])
				{
					--mm-icon-color: var(--mm-grid-style-table-primary-row-text-color);
				}

				mm-text:where(:not(mm-badge mm-text, mm-text[tone]))
				{
					--mm-text-color: var(--mm-grid-style-table-primary-row-text-color);
				}
			}

			:where(mm-grid-section:last-child:not(:has(> mm-grid-section))) &:last-child,
			:where(mm-grid[grid-style="table-primary"]:not(:has(mm-grid-section))) > &:last-child
			{
				border-bottom: none;
			}

			:where(mm-grid-section[type="header"]) &
			{
				height: 44px;
				background-color: var(--mm-grid-style-table-primary-header-background-color);
				border-bottom: var(--mm-grid-style-table-primary-header-border);
				align-items: center;
				box-sizing: border-box;

				> mm-grid-column
				{
					padding: var(--mm-grid-style-table-primary-header-padding);
					color: var(--mm-grid-style-table-primary-header-text-color);
					font-size: var(--mm-grid-style-table-primary-header-font-size);
					font-weight: var(--mm-grid-style-table-primary-header-font-weight);
					overflow: hidden;

					mm-icon:not([tone])
					{
						--mm-icon-color: var(--mm-grid-style-table-primary-header-text-color);
					}

					mm-text:where(:not(mm-badge mm-text, mm-text[tone]))
					{
						--mm-text-color: var(--mm-grid-style-table-primary-header-text-color);
					}
				}
			}
		}
	}

	&:where([grid-style="table-secondary"])
	{
		/* The "table-primary" grid-style supports the following combinations:
		 *
		 * 1. All mm-grid-row elements are in the root context
		 * 2. A single mm-grid-section element exists in the root context containing one or more mm-grid-row and/or mm-grid-section elements
		 * 3. Two mm-grid-section elements, one with type "header", one with no type or type "body", exist in the root context. The "body" mm-grid-section may contain one or more mm-grid-row and/or mm-grid-section elements
		 */

		overflow: hidden;
		overflow-y: auto;

		&:where(:not([row-gap]))
		{
			--mm-grid-row-gap: 0;
		}

		&:where(:not([column-gap]))
		{
			--mm-grid-column-gap: 0;
		}

		> mm-grid-section:where([type="header"])
		{
			position: sticky;
			top: 0;
			z-index: 1;
		}

		mm-grid-row
		{
			border-bottom: var(--mm-grid-style-table-secondary-row-border);
			background-color: var(--mm-grid-style-table-secondary-row-background-color);

			&[change-tone-on-hover],
			&[change-tone-on-focus]
			{
				cursor: pointer;
			}

			&[change-tone-on-hover]:hover,
			&[change-tone-on-focus]:focus
			{
				--mm-grid-style-table-secondary-row-text-color: var(--mm-grid-style-table-secondary-row-text-color--hover);
				--mm-grid-style-table-secondary-row-background-color: var(--mm-grid-style-table-secondary-row-background-color--hover);
				--mm-grid-style-table-secondary-row-border: var(--mm-grid-style-table-secondary-row-border--hover);
			}

			&:has(+ mm-grid-row[change-tone-on-hover]:hover),
			&:has(+ mm-grid-row[change-tone-on-focus]:focus)
			{
				--mm-grid-style-table-secondary-row-border: var(--mm-grid-style-table-secondary-row-border--hover);
			}

			> mm-grid-column
			{
				padding: var(--mm-grid-style-table-secondary-row-padding);
				color: var(--mm-grid-style-table-secondary-row-text-color);
				overflow: hidden;

				mm-icon:not([tone])
				{
					--mm-icon-color: var(--mm-grid-style-table-secondary-row-text-color);
				}

				mm-text:where(:not(mm-badge mm-text, mm-text[tone]))
				{
					--mm-text-color: var(--mm-grid-style-table-secondary-row-text-color);
				}
			}

			:where(mm-grid-section[type="header"]) &
			{
				align-items: center;
				box-sizing: border-box;

				> mm-grid-column
				{
					padding: var(--mm-grid-style-table-secondary-header-padding);
					color: var(--mm-grid-style-table-secondary-header-text-color);
					font-size: var(--mm-grid-style-table-secondary-header-font-size);
					font-weight: var(--mm-grid-style-table-secondary-header-font-weight);
					overflow: hidden;

					mm-icon:not([tone])
					{
						--mm-icon-color: var(--mm-grid-style-table-secondary-header-text-color);
					}

					mm-text:where(:not(mm-badge mm-text, mm-text[tone]))
					{
						--mm-text-color: var(--mm-grid-style-table-secondary-header-text-color);
					}
				}
			}
		}
	}
}

/*************************/
/*    Grid Row Styles    */
/*************************/

mm-grid-row
{
	position: relative;
	display: grid;
	grid-template-columns: subgrid;
	grid-column: 1 / calc( var(--mm-grid-columns) + 1 );
	row-gap: var(--mm-grid-row-gap);
	column-gap: var(--mm-grid-column-gap);
	justify-items: var(--mm-grid-justify-items);
	align-items: var(--mm-grid-align-items);
	justify-content: var(--mm-grid-justify-content);
	align-content: var(--mm-grid-align-content);
	outline: none;

	&[hidden]
	{
		display: none;
	}

	&[clickable]:not([disabled])
	{
		cursor: pointer;
	}
}

/*****************************/
/*    Grid Section Styles    */
/*****************************/

mm-grid-section
{
	position: relative;
	display: grid;
	grid-template-columns: subgrid;
	grid-column: 1 / calc( var(--mm-grid-columns) + 1 );
	row-gap: var(--mm-grid-row-gap);
	column-gap: var(--mm-grid-column-gap);
	justify-items: var(--mm-grid-justify-items);
	align-items: var(--mm-grid-align-items);
	justify-content: var(--mm-grid-justify-content);
	align-content: var(--mm-grid-align-content);
	outline: none;

	&[hidden]
	{
		display: none;
	}
}

/****************************/
/*    Grid Column Styles    */
/****************************/

mm-grid-column
{
	position: relative;
	display: inline-flex;
	grid-column: auto;
	grid-row: auto;

	&[hidden]
	{
		display: none;
	}
}

/*******************************/
/*    Flex Container Styles    */
/*******************************/

mm-flex-container
{
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 965px;
	row-gap: 20px;
}

mm-flex-container
{
	row-gap: 20px;
}

mm-flex-container:has(> mm-flex-section)
{
	row-gap: 32px;
}

mm-flex-container .mm9_texteditor
{
	margin-bottom: 0;
}

/*****************************/
/*    Flex Section Styles    */
/*****************************/

mm-flex-section
{
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 100%;
	row-gap: 20px;

	&[hidden]
	{
		display: none;
	}
}

/***************************/
/*    Flex Group Styles    */
/***************************/

mm-flex-group
{
	position: relative;
	display: flex;
	align-items: center;
	column-gap: 10px;
	flex-grow: 1;

	&[hidden]
    {
        display: none;
    }
}

/**************************/
/*    Flex Item Styles    */
/**************************/

mm-flex-item
{
	position: relative;
	display: inline-flex;
	width: 0;
	flex-direction: column;
	flex-grow: 1;

	&[hidden]
	{
		display: none;
	}
}

.mm_flex_item_prompt_container
{
	position: relative;
	display: flex;
	align-items: baseline;
	margin-bottom: 8px;
	column-gap: 20px;
	justify-content: space-between;
}

.mm_flex_item_prompt_container:has( > .mm_flex_item_prompt_content > .mm_flex_item_prompt > .mm_flex_item_prompt_text:empty )
{
	display: none;
}

.mm_flex_item_prompt_content
{
	position: relative;
	display: inline-flex;
	align-items: center;
	column-gap: 6px;
	overflow: hidden;
}

.mm_flex_item_prompt
{
	position: relative;
	display: inline-flex;
	align-items: center;
	column-gap: 8px;
	overflow: hidden;
}

/* This list must be kept in sync with MMFlexItemCustomElement's #getFirstFocusableField() function */
mm-flex-item:has( > .mm_flex_item_content input[type="text"], 
				  > .mm_flex_item_content input[type="number"], 
				  > .mm_flex_item_content input[type="password"], 
				  > .mm_flex_item_content select, 
				  > .mm_flex_item_content textarea, 
				  > .mm_flex_item_content mm-input, 
				  > .mm_flex_item_content mm-weight-input, 
				  > .mm_flex_item_content mm-texteditor, 
				  > .mm_flex_item_content mm-textarea, 
				  > .mm_flex_item_content mm-select, 
				  > .mm_flex_item_content mm-multiselect, 
				  > .mm_flex_item_content mm-selector,
				  > .mm_flex_item_content mm-radio[checked], 
				  > .mm_flex_item_content mm-datetimepickerdisplay ) .mm_flex_item_prompt
{
	cursor: pointer;
}

.mm_flex_item_prompt_text
{
	white-space: nowrap;

	mm-flex-item[prompt-size="small"] > .mm_flex_item_prompt_container > .mm_flex_item_prompt_content > .mm_flex_item_prompt > &,
	mm-flex-item:has( > .mm_flex_item_content mm-input[size~="small"],
					  > .mm_flex_item_content .mm_input_common.small,
					  > .mm_flex_item_content mm-weight-input[size~="small"],
					  > .mm_flex_item_content .mm_weight_input_container.small,
					  > .mm_flex_item_content mm-textarea[size~="small"],
					  > .mm_flex_item_content .mm_textarea.small,
					  > .mm_flex_item_content mm-select[size~="small"],
					  > .mm_flex_item_content .mm_select_common.small,
					  > .mm_flex_item_content mm-selector[size~="small"],
					  > .mm_flex_item_content mm-multiselect[size~="small"],
					  > .mm_flex_item_content mm-radio[size~="small"],
					  > .mm_flex_item_content .mm_radio.small,
					  > .mm_flex_item_content mm-datetimepickerdisplay[size~="small"],
					  > .mm_flex_item_content mm-datetimepickerdisplay.small,
					  > .mm_flex_item_content .mm_timepickerdisplay.small ) .mm_flex_item_prompt > &
	{
		--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--s);
	}

	mm-flex-item[prompt-size="large"] > .mm_flex_item_prompt_container > .mm_flex_item_prompt_content > .mm_flex_item_prompt > &,
	mm-flex-item:has( > .mm_flex_item_content mm-input[size~="large"],
					  > .mm_flex_item_content .mm_input_common.large,
					  > .mm_flex_item_content mm-weight-input[size~="large"],
					  > .mm_flex_item_content .mm_weight_input_container.large,
					  > .mm_flex_item_content mm-textarea[size~="large"],
					  > .mm_flex_item_content .mm_textarea.large,
					  > .mm_flex_item_content mm-select[size~="large"],
					  > .mm_flex_item_content .mm_select_common.large,
					  > .mm_flex_item_content mm-selector[size~="large"],
					  > .mm_flex_item_content mm-multiselect[size~="large"],
					  > .mm_flex_item_content mm-radio[size~="large"],
					  > .mm_flex_item_content .mm_radio.large,
					  > .mm_flex_item_content mm-datetimepickerdisplay[size~="large"],
					  > .mm_flex_item_content mm-datetimepickerdisplay.large,
					  > .mm_flex_item_content .mm_timepickerdisplay.large ) .mm_flex_item_prompt > &
	{
		--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--l);
	}

	mm-flex-item[prompt-size="extra-large"] > .mm_flex_item_prompt_container > .mm_flex_item_prompt_content > .mm_flex_item_prompt > &,
	mm-flex-item:has( > .mm_flex_item_content mm-input[size~="extra-large"],
					  > .mm_flex_item_content .mm_input_common.extra-large,
					  > .mm_flex_item_content mm-weight-input[size~="extra-large"],
					  > .mm_flex_item_content .mm_weight_input_container.extra-large,
					  > .mm_flex_item_content mm-textarea[size~="extra-large"],
					  > .mm_flex_item_content .mm_textarea.extra-large,
					  > .mm_flex_item_content mm-select[size~="extra-large"],
					  > .mm_flex_item_content .mm_select_common.extra-large,
					  > .mm_flex_item_content mm-selector[size~="extra-large"],
					  > .mm_flex_item_content mm-multiselect[size~="extra-large"],
					  > .mm_flex_item_content mm-radio[size~="extra-large"],
					  > .mm_flex_item_content .mm_radio.extra-large,
					  > .mm_flex_item_content mm-datetimepickerdisplay[size~="extra-large"],
					  > .mm_flex_item_content mm-datetimepickerdisplay.extra-large,
					  > .mm_flex_item_content .mm_timepickerdisplay.extra-large ) .mm_flex_item_prompt > &
	{
		--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--xl);
	}

	mm-flex-item[required] > .mm_flex_item_prompt_container > .mm_flex_item_prompt_content > .mm_flex_item_prompt > &
	{
		&::after
		{
			content: '*';
		}
	}
}

.mm_flex_item_prompt_container:has( > .mm_flex_item_prompt_content > .mm_flex_item_prompt > .mm_flex_item_subprompt_text:empty) .mm_flex_item_prompt_text
{
	text-overflow: ellipsis;
	overflow: hidden;
}

.mm_flex_item_subprompt_text
{
	mm-flex-item[prompt-size="small"] > .mm_flex_item_prompt_container > .mm_flex_item_prompt_content > .mm_flex_item_prompt > &
	{
		--mm-field-sub-prompt-font-size: var(--mm-field-sub-prompt-font-size--s);
	}

	mm-flex-item[prompt-size="large"] > .mm_flex_item_prompt_container > .mm_flex_item_prompt_content > .mm_flex_item_prompt > &
	{
		--mm-field-sub-prompt-font-size: var(--mm-field-sub-prompt-font-size--l);
	}

	mm-flex-item[prompt-size="extra-large"] > .mm_flex_item_prompt_container > .mm_flex_item_prompt_content > .mm_flex_item_prompt > &
	{
		--mm-field-sub-prompt-font-size: var(--mm-field-sub-prompt-font-size--xl);
	}
}

.mm_flex_item_subprompt_text:empty
{
	display: none;
}

.mm_flex_item_prompt_tooltip
{
	display: none;
	flex-shrink: 0;
}

mm-flex-item[tooltip-custom] > .mm_flex_item_prompt_container > .mm_flex_item_prompt_content > .mm_flex_item_prompt_tooltip,
mm-flex-item[tooltip]:not([tooltip=""]) > .mm_flex_item_prompt_container > .mm_flex_item_prompt_content > .mm_flex_item_prompt_tooltip
{
	display: inline-flex;
}

.mm_flex_item_prompt_action
{
	display: none;
}

mm-flex-item[action-text]:not([action-text=""]) > .mm_flex_item_prompt_container > .mm_flex_item_prompt_action
{
	display: inline-flex;
}

.mm_flex_item_content
{
	position: relative;
	display: block;
}

mm-grid-column .mm9_texteditor,
.mm_flex_item_content .mm9_texteditor
{
	margin-bottom: 0;
}

/************************/
/*    Divider Styles    */
/************************/

mm-divider
{
	display: block;
	flex-grow: 1;
	height: 1px;
	max-height: 1px;
	margin: var( --mm-divider-margin-top ) var( --mm-divider-margin-right ) var( --mm-divider-margin-bottom ) var( --mm-divider-margin-left );
	background-color: var(--mm-divider-color);
	border-radius: 0;

	&[direction="vertical"]
	{
		--mm-divider-margin-top: var(--mm-divider-margin-top--vertical);
		--mm-divider-margin-right: var(--mm-divider-margin-right--vertical);
		--mm-divider-margin-bottom: var(--mm-divider-margin-bottom--vertical);
		--mm-divider-margin-left: var(--mm-divider-margin-left--vertical);

		width: 1px;
		max-width: 1px;
		height: calc(100% - var(--mm-divider-margin-top) - var(--mm-divider-margin-bottom));
		max-height: calc(100% - var(--mm-divider-margin-top) - var(--mm-divider-margin-bottom));
	}

	&[hidden]
	{
		display: none;
	}

	mm-flex-container > &
	{
		margin: 0;
	}

	mm-flex-container:has(> mm-flex-section) > &
	{
		margin: -8px 0;
	}
}

/*****************/
/*    mm-icon    */
/*****************/

mm-icon
{
	position: relative;
	display: inline-flex;
	padding: var(--mm-icon-padding);
	background-color: var(--mm-icon-background-color);
	border-radius: var(--mm-icon-border-radius);
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
	transition: background-color 0.15s linear;

	&:where([type="legacy"])
	{
		color: var(--mm-icon-color);
		font-size: var(--mm-icon-dimension--width);
		line-height: 1;
		text-align: center;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		text-decoration: none;
		font-family: 'MivaIcons';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transition: color 0.15s linear;
	}

	svg
	{
		width: var(--mm-icon-dimension--width);
		height: var(--mm-icon-dimension--height);

		.mm10_svg_icon_color
		{
			fill: var(--mm-icon-color);
			transition: fill 0.15s linear;
		}
	}

	&:where([tone])
	{
		--mm-icon-color: var(--mm-tone-default);
	}

	&:where([focus-tone]:focus),
	:where([change-tone-on-focus]:focus) &:where([focus-tone]),
	:where([change-tone-on-focus].focus) &:where([focus-tone]),
	:where(mm-input[change-tone-on-focus]:has([data-mm-input].focus)) &:where([focus-tone]),
	:where([data-mm-button].focus) &:where([focus-tone])
	{
		--mm-icon-color: var(--mm-tone-focus);
	}

	&:where([hover-tone]:hover),
	:where([change-tone-on-hover]:hover) &:where([hover-tone]),
	:where(.mm9_menubutton_menu_item_selected) &:where([hover-tone]),
	:where([data-mm-button]:hover) &:where([hover-tone])
	{
		--mm-icon-color: var(--mm-tone-hover);
	}

	&:where([active-tone]:active),
	:where([change-tone-on-active]:active) &:where([active-tone]),
	:where([change-tone-on-active].active) &:where([active-tone]),
	:where([data-mm-button].active) &:where([active-tone])
	{
		--mm-icon-color: var(--mm-tone-active);
	}

	&:where([disabled-tone]:disabled),
	&:where([disabled-tone][disabled]),
	:where([change-tone-on-disabled]:disabled) &:where([disabled-tone]),
	:where([change-tone-on-disabled][disabled]) &:where([disabled-tone]),
	:where([change-tone-on-disabled].disabled) &:where([disabled-tone]),
	:where([data-mm-button].disabled) &:where([disabled-tone])
	{
		--mm-icon-color: var(--mm-tone-disabled);
	}
}

/*****************/
/*    mm-text    */
/*****************/

mm-text
{
	position: relative;
	display: inline-block;
	margin-top: var(--mm-text-margin-top);
	margin-bottom: var(--mm-text-margin-bottom);
	color: var(--mm-text-color);
	font-family: var(--mm-text-font-family);
	font-size: var(--mm-text-font-size);
	font-style: var(--mm-text-font-style);
	font-weight: var(--mm-text-font-weight);
	line-height: var(--mm-text-line-height);
	letter-spacing: var(--mm-text-letter-spacing);
	white-space: normal;
	word-break: break-word;
	transition: color 0.15s linear;
	outline: none;

	&:where([italic])
	{
		font-style: italic;
	}

	&:where([clickable]:not([disabled]))
	{
		cursor: pointer;
	}

	&:where([size="full"])
	{
		display: block;
		flex-grow: 1;
	}

	&:where([nowrap])
	{
		padding: 1px 0;
		white-space: nowrap;
		word-break: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 1;
	}

	&:where([type="display-1"])
	{
		--mm-text-color: var(--mm-typography-display-1-color);
		--mm-text-font-family: var(--mm-typography-display-1-font-family);
		--mm-text-font-size: var(--mm-typography-display-1-font-size);
		--mm-text-font-style: var(--mm-typography-display-1-font-style);
		--mm-text-font-weight: var(--mm-typography-display-1-font-weight);
		--mm-text-line-height: var(--mm-typography-display-1-line-height);
		--mm-text-letter-spacing: var(--mm-typography-display-1-letter-spacing);
	}

	&:where([type="display-2"])
	{
		--mm-text-color: var(--mm-typography-display-2-color);
		--mm-text-font-family: var(--mm-typography-display-2-font-family);
		--mm-text-font-size: var(--mm-typography-display-2-font-size);
		--mm-text-font-style: var(--mm-typography-display-2-font-style);
		--mm-text-font-weight: var(--mm-typography-display-2-font-weight);
		--mm-text-line-height: var(--mm-typography-display-2-line-height);
		--mm-text-letter-spacing: var(--mm-typography-display-2-letter-spacing);
	}

	&:where([type="display-3"])
	{
		--mm-text-color: var(--mm-typography-display-3-color);
		--mm-text-font-family: var(--mm-typography-display-3-font-family);
		--mm-text-font-size: var(--mm-typography-display-3-font-size);
		--mm-text-font-style: var(--mm-typography-display-3-font-style);
		--mm-text-font-weight: var(--mm-typography-display-3-font-weight);
		--mm-text-line-height: var(--mm-typography-display-3-line-height);
		--mm-text-letter-spacing: var(--mm-typography-display-3-letter-spacing);
	}

	&:where([type="display-4"])
	{
		--mm-text-color: var(--mm-typography-display-4-color);
		--mm-text-font-family: var(--mm-typography-display-4-font-family);
		--mm-text-font-size: var(--mm-typography-display-4-font-size);
		--mm-text-font-style: var(--mm-typography-display-4-font-style);
		--mm-text-font-weight: var(--mm-typography-display-4-font-weight);
		--mm-text-line-height: var(--mm-typography-display-4-line-height);
		--mm-text-letter-spacing: var(--mm-typography-display-4-letter-spacing);
	}

	&:where([type="display-5"])
	{
		--mm-text-color: var(--mm-typography-display-5-color);
		--mm-text-font-family: var(--mm-typography-display-5-font-family);
		--mm-text-font-size: var(--mm-typography-display-5-font-size);
		--mm-text-font-style: var(--mm-typography-display-5-font-style);
		--mm-text-font-weight: var(--mm-typography-display-5-font-weight);
		--mm-text-line-height: var(--mm-typography-display-5-line-height);
		--mm-text-letter-spacing: var(--mm-typography-display-5-letter-spacing);
	}

	&:where([type="display-6"])
	{
		--mm-text-color: var(--mm-typography-display-6-color);
		--mm-text-font-family: var(--mm-typography-display-6-font-family);
		--mm-text-font-size: var(--mm-typography-display-6-font-size);
		--mm-text-font-style: var(--mm-typography-display-6-font-style);
		--mm-text-font-weight: var(--mm-typography-display-6-font-weight);
		--mm-text-line-height: var(--mm-typography-display-6-line-height);
		--mm-text-letter-spacing: var(--mm-typography-display-6-letter-spacing);
	}

	&:where([type="display-7"])
	{
		--mm-text-color: var(--mm-typography-display-7-color);
		--mm-text-font-family: var(--mm-typography-display-7-font-family);
		--mm-text-font-size: var(--mm-typography-display-7-font-size);
		--mm-text-font-style: var(--mm-typography-display-7-font-style);
		--mm-text-font-weight: var(--mm-typography-display-7-font-weight);
		--mm-text-line-height: var(--mm-typography-display-7-line-height);
		--mm-text-letter-spacing: var(--mm-typography-display-7-letter-spacing);
	}

	&:where([type="paragraph-large"])
	{
		--mm-text-color: var(--mm-typography-paragraph-large-color);
		--mm-text-font-family: var(--mm-typography-paragraph-large-font-family);
		--mm-text-font-size: var(--mm-typography-paragraph-large-font-size);
		--mm-text-font-style: var(--mm-typography-paragraph-large-font-style);
		--mm-text-font-weight: var(--mm-typography-paragraph-large-font-weight);
		--mm-text-line-height: var(--mm-typography-paragraph-large-line-height);
		--mm-text-letter-spacing: var(--mm-typography-paragraph-large-letter-spacing);
	}

	&:where([type="paragraph-medium"])
	{
		--mm-text-color: var(--mm-typography-paragraph-medium-color);
		--mm-text-font-family: var(--mm-typography-paragraph-medium-font-family);
		--mm-text-font-size: var(--mm-typography-paragraph-medium-font-size);
		--mm-text-font-style: var(--mm-typography-paragraph-medium-font-style);
		--mm-text-font-weight: var(--mm-typography-paragraph-medium-font-weight);
		--mm-text-line-height: var(--mm-typography-paragraph-medium-line-height);
		--mm-text-letter-spacing: var(--mm-typography-paragraph-medium-letter-spacing);
	}

	&:where([type="paragraph-small"])
	{
		--mm-text-color: var(--mm-typography-paragraph-small-color);
		--mm-text-font-family: var(--mm-typography-paragraph-small-font-family);
		--mm-text-font-size: var(--mm-typography-paragraph-small-font-size);
		--mm-text-font-style: var(--mm-typography-paragraph-small-font-style);
		--mm-text-font-weight: var(--mm-typography-paragraph-small-font-weight);
		--mm-text-line-height: var(--mm-typography-paragraph-small-line-height);
		--mm-text-letter-spacing: var(--mm-typography-paragraph-small-letter-spacing);
	}

	&:where([type="field-prompt"])
	{
		--mm-text-color: var(--mm-field-prompt-text-color);
		--mm-text-font-family: var(--mm-field-prompt-font-family);
		--mm-text-font-size: var(--mm-field-prompt-font-size);
		--mm-text-font-style: var(--mm-field-prompt-font-style);
		--mm-text-font-weight: var(--mm-field-prompt-font-weight);
		--mm-text-line-height: var(--mm-field-prompt-line-height);
		--mm-text-letter-spacing: var(--mm-field-prompt-letter-spacing);
	}

	&:where([type="field-sub-prompt"])
	{
		--mm-text-color: var(--mm-field-sub-prompt-text-color);
		--mm-text-font-family: var(--mm-field-sub-prompt-font-family);
		--mm-text-font-size: var(--mm-field-sub-prompt-font-size);
		--mm-text-font-style: var(--mm-field-sub-prompt-font-style);
		--mm-text-font-weight: var(--mm-field-sub-prompt-font-weight);
		--mm-text-line-height: var(--mm-field-sub-prompt-line-height);
		--mm-text-letter-spacing: var(--mm-field-sub-prompt-letter-spacing);
	}

	&:where([align="left"] )	{ text-align: left; }
	&:where([align="center"] )	{ text-align: center; }
	&:where([align="right"] )	{ text-align: right; }

	&:where([tone])
	{
		--mm-text-color: var(--mm-tone-default);
	}

	&:where([focus-tone]:focus),
	:where([change-tone-on-focus]:focus) &:where([focus-tone]),
	:where([change-tone-on-focus].focus) &:where([focus-tone]),
	:where(mm-input[change-tone-on-focus]:has([data-mm-input].focus)) &:where([focus-tone]),
	:where([data-mm-button].focus) &:where([focus-tone])
	{
		--mm-text-color: var(--mm-tone-focus);
	}

	&:where([hover-tone]:hover),
	:where([change-tone-on-hover]:hover) &:where([hover-tone]),
	:where(.mm9_menubutton_menu_item_selected) &:where([hover-tone]),
	:where([data-mm-button]:hover) &:where([hover-tone])
	{
		--mm-text-color: var(--mm-tone-hover);
	}

	&:where([active-tone]:active),
	:where([change-tone-on-active]:active) &:where([active-tone]),
	:where([change-tone-on-active].active) &:where([active-tone]),
	:where([data-mm-button].active) &:where([active-tone])
	{
		--mm-text-color: var(--mm-tone-active);
	}

	&:where([disabled-tone]:disabled),
	&:where([disabled-tone][disabled]),
	:where([change-tone-on-disabled]:disabled) &:where([disabled-tone]),
	:where([change-tone-on-disabled][disabled]) &:where([disabled-tone]),
	:where([change-tone-on-disabled].disabled) &:where([disabled-tone]),
	:where([data-mm-button].disabled) &:where([disabled-tone])
	{
		--mm-text-color: var(--mm-tone-disabled);
	}

	&:where([weight="100"]) { --mm-text-font-weight: 100; }
	&:where([weight="200"]) { --mm-text-font-weight: 200; }
	&:where([weight="300"]) { --mm-text-font-weight: 300; }
	&:where([weight="400"]) { --mm-text-font-weight: 400; }
	&:where([weight="500"]) { --mm-text-font-weight: 500; }
	&:where([weight="600"]) { --mm-text-font-weight: 600; }
	&:where([weight="700"]) { --mm-text-font-weight: 700; }
	&:where([weight="800"]) { --mm-text-font-weight: 800; }
	&:where([weight="900"]) { --mm-text-font-weight: 900; }
}

/******************/
/*    mm-badge    */
/******************/

mm-badge
{
	position: relative;
	display: inline-flex;
	padding: var(--mm-badge-padding);
	width: var(--mm-badge-width);
	height: var(--mm-badge-height);
	align-items: center;
	justify-content: center;
	line-height: 1;
	background-color: var(--mm-badge-background-color);
	border-radius: var(--mm-badge-radius);
	box-sizing: border-box;
	transition: background-color 0.15s linear;

	&[hidden]
	{
		display: none;
	}

	mm-text.mm_badge_text
	{
		--mm-text-color: var(--mm-badge-color);
		--mm-text-font-size: var(--mm-badge-font-size);
		--mm-text-font-weight: var(--mm-badge-font-weight);
		--mm-text-line-height: var(--mm-badge-line-height);
	}

	mm-icon.mm_badge_icon
	{
		margin-right: 5px;
		--mm-icon-color: var(--mm-badge-color);
		--mm-icon-dimension--width: var(--mm-badge-font-size);
		--mm-icon-dimension--height: var(--mm-badge-font-size);

		&:empty
		{ 
			display: none;
		}
	}

	/* CSS Variable State Overrides */

	&:where([size~="full"])
	{
		display: flex;
		width: auto;
		flex-grow: 1;
	}

	&:where([size~="small"])
	{
		--mm-badge-padding: var(--mm-badge-padding--s);
		--mm-badge-height: var(--mm-badge-height--s);
		--mm-badge-font-size: var(--mm-badge-font-size--s);
		--mm-badge-radius: var(--mm-badge-radius--rectangle--small);
	}

	&:where([size~="large"])
	{
		--mm-badge-padding: var(--mm-badge-padding--l);
		--mm-badge-height: var(--mm-badge-height--l);
		--mm-badge-font-size: var(--mm-badge-font-size--l);
	}

	&:where([size~="extra-large"])
	{
		--mm-badge-padding: var(--mm-badge-padding--xl);
		--mm-badge-height: var(--mm-badge-height--xl);
		--mm-badge-font-size: var(--mm-badge-font-size--xl);
	}

	&:where([shape="pill"])
	{
		--mm-badge-radius: var(--mm-badge-radius--pill);
	}

	&:where([type="success"])
	{
		--mm-badge-color: var(--mm-badge-color--success);
		--mm-badge-background-color: var(--mm-badge-background-color--success);
	}

	&:where([type="caution"])
	{
		--mm-badge-color: var(--mm-badge-color--caution);
		--mm-badge-background-color: var(--mm-badge-background-color--caution);
	}

	&:where([type="danger"])
	{
		--mm-badge-color: var(--mm-badge-color--danger);
		--mm-badge-background-color: var(--mm-badge-background-color--danger);
	}
}

/***************************/
/*    Container Styling    */
/***************************/

[mm-container-style="card"]
{
	padding: var(--mm-container-style--card--padding);
	background-color: var(--mm-container-style--card--background-color);
	border: var(--mm-container-style--card--border);
	border-radius: var(--mm-container-style--card--border-radius);
	box-shadow: var(--mm-container-style--card--box-shadow);
}

[mm-container-style="section"]
{
	padding: var(--mm-container-style--section--padding);
	background-color: var(--mm-container-style--section--background-color);
	border: var(--mm-container-style--section--border);
	border-radius: var(--mm-container-style--section--border-radius);
	box-shadow: var(--mm-container-style--section--box-shadow);
}

/**********************/
/*    Tone Styling    */
/**********************/

/* Default Tone */
[tone="white"] { --mm-tone-default: var(--mm-color-white); }

[tone="50"] { --mm-tone-default: var(--mm-color-50); }
[tone="100"] { --mm-tone-default: var(--mm-color-100); }
[tone="200"] { --mm-tone-default: var(--mm-color-200); }
[tone="300"] { --mm-tone-default: var(--mm-color-300); }
[tone="400"] { --mm-tone-default: var(--mm-color-400); }
[tone="500"] { --mm-tone-default: var(--mm-color-500); }
[tone="600"] { --mm-tone-default: var(--mm-color-600); }
[tone="700"] { --mm-tone-default: var(--mm-color-700); }
[tone="800"] { --mm-tone-default: var(--mm-color-800); }
[tone="900"] { --mm-tone-default: var(--mm-color-900); }
[tone="1000"] { --mm-tone-default: var(--mm-color-1000); }

[tone="primary-50"] { --mm-tone-default: var(--mm-color-primary-50); }
[tone="primary-100"] { --mm-tone-default: var(--mm-color-primary-100); }
[tone="primary-200"] { --mm-tone-default: var(--mm-color-primary-200); }
[tone="primary-300"] { --mm-tone-default: var(--mm-color-primary-300); }
[tone="primary-400"] { --mm-tone-default: var(--mm-color-primary-400); }
[tone="primary-500"] { --mm-tone-default: var(--mm-color-primary-500); }
[tone="primary-600"] { --mm-tone-default: var(--mm-color-primary-600); }
[tone="primary-700"] { --mm-tone-default: var(--mm-color-primary-700); }
[tone="primary-800"] { --mm-tone-default: var(--mm-color-primary-800); }
[tone="primary-900"] { --mm-tone-default: var(--mm-color-primary-900); }
[tone="primary-1000"] { --mm-tone-default: var(--mm-color-primary-1000); }

[tone="success-50"] { --mm-tone-default: var(--mm-color-success-50); }
[tone="success-100"] { --mm-tone-default: var(--mm-color-success-100); }
[tone="success-200"] { --mm-tone-default: var(--mm-color-success-200); }
[tone="success-300"] { --mm-tone-default: var(--mm-color-success-300); }
[tone="success-400"] { --mm-tone-default: var(--mm-color-success-400); }
[tone="success-500"] { --mm-tone-default: var(--mm-color-success-500); }
[tone="success-600"] { --mm-tone-default: var(--mm-color-success-600); }
[tone="success-700"] { --mm-tone-default: var(--mm-color-success-700); }
[tone="success-800"] { --mm-tone-default: var(--mm-color-success-800); }
[tone="success-900"] { --mm-tone-default: var(--mm-color-success-900); }
[tone="success-1000"] { --mm-tone-default: var(--mm-color-success-1000); }

[tone="caution-50"] { --mm-tone-default: var(--mm-color-caution-50); }
[tone="caution-100"] { --mm-tone-default: var(--mm-color-caution-100); }
[tone="caution-200"] { --mm-tone-default: var(--mm-color-caution-200); }
[tone="caution-300"] { --mm-tone-default: var(--mm-color-caution-300); }
[tone="caution-400"] { --mm-tone-default: var(--mm-color-caution-400); }
[tone="caution-500"] { --mm-tone-default: var(--mm-color-caution-500); }
[tone="caution-600"] { --mm-tone-default: var(--mm-color-caution-600); }
[tone="caution-700"] { --mm-tone-default: var(--mm-color-caution-700); }
[tone="caution-800"] { --mm-tone-default: var(--mm-color-caution-800); }
[tone="caution-900"] { --mm-tone-default: var(--mm-color-caution-900); }
[tone="caution-1000"] { --mm-tone-default: var(--mm-color-caution-1000); }

[tone="danger-50"] { --mm-tone-default: var(--mm-color-danger-50); }
[tone="danger-100"] { --mm-tone-default: var(--mm-color-danger-100); }
[tone="danger-200"] { --mm-tone-default: var(--mm-color-danger-200); }
[tone="danger-300"] { --mm-tone-default: var(--mm-color-danger-300); }
[tone="danger-400"] { --mm-tone-default: var(--mm-color-danger-400); }
[tone="danger-500"] { --mm-tone-default: var(--mm-color-danger-500); }
[tone="danger-600"] { --mm-tone-default: var(--mm-color-danger-600); }
[tone="danger-700"] { --mm-tone-default: var(--mm-color-danger-700); }
[tone="danger-800"] { --mm-tone-default: var(--mm-color-danger-800); }
[tone="danger-900"] { --mm-tone-default: var(--mm-color-danger-900); }
[tone="danger-1000"] { --mm-tone-default: var(--mm-color-danger-1000); }

/* Focus Tone */
[focus-tone="white"] { --mm-tone-focus: var(--mm-color-white); }

[focus-tone="50"] { --mm-tone-focus: var(--mm-color-50); }
[focus-tone="100"] { --mm-tone-focus: var(--mm-color-100); }
[focus-tone="200"] { --mm-tone-focus: var(--mm-color-200); }
[focus-tone="300"] { --mm-tone-focus: var(--mm-color-300); }
[focus-tone="400"] { --mm-tone-focus: var(--mm-color-400); }
[focus-tone="500"] { --mm-tone-focus: var(--mm-color-500); }
[focus-tone="600"] { --mm-tone-focus: var(--mm-color-600); }
[focus-tone="700"] { --mm-tone-focus: var(--mm-color-700); }
[focus-tone="800"] { --mm-tone-focus: var(--mm-color-800); }
[focus-tone="900"] { --mm-tone-focus: var(--mm-color-900); }
[focus-tone="1000"] { --mm-tone-focus: var(--mm-color-1000); }

[focus-tone="primary-50"] { --mm-tone-focus: var(--mm-color-primary-50); }
[focus-tone="primary-100"] { --mm-tone-focus: var(--mm-color-primary-100); }
[focus-tone="primary-200"] { --mm-tone-focus: var(--mm-color-primary-200); }
[focus-tone="primary-300"] { --mm-tone-focus: var(--mm-color-primary-300); }
[focus-tone="primary-400"] { --mm-tone-focus: var(--mm-color-primary-400); }
[focus-tone="primary-500"] { --mm-tone-focus: var(--mm-color-primary-500); }
[focus-tone="primary-600"] { --mm-tone-focus: var(--mm-color-primary-600); }
[focus-tone="primary-700"] { --mm-tone-focus: var(--mm-color-primary-700); }
[focus-tone="primary-800"] { --mm-tone-focus: var(--mm-color-primary-800); }
[focus-tone="primary-900"] { --mm-tone-focus: var(--mm-color-primary-900); }
[focus-tone="primary-1000"] { --mm-tone-focus: var(--mm-color-primary-1000); }

[focus-tone="success-50"] { --mm-tone-focus: var(--mm-color-success-50); }
[focus-tone="success-100"] { --mm-tone-focus: var(--mm-color-success-100); }
[focus-tone="success-200"] { --mm-tone-focus: var(--mm-color-success-200); }
[focus-tone="success-300"] { --mm-tone-focus: var(--mm-color-success-300); }
[focus-tone="success-400"] { --mm-tone-focus: var(--mm-color-success-400); }
[focus-tone="success-500"] { --mm-tone-focus: var(--mm-color-success-500); }
[focus-tone="success-600"] { --mm-tone-focus: var(--mm-color-success-600); }
[focus-tone="success-700"] { --mm-tone-focus: var(--mm-color-success-700); }
[focus-tone="success-800"] { --mm-tone-focus: var(--mm-color-success-800); }
[focus-tone="success-900"] { --mm-tone-focus: var(--mm-color-success-900); }
[focus-tone="success-1000"] { --mm-tone-focus: var(--mm-color-success-1000); }

[focus-tone="caution-50"] { --mm-tone-focus: var(--mm-color-caution-50); }
[focus-tone="caution-100"] { --mm-tone-focus: var(--mm-color-caution-100); }
[focus-tone="caution-200"] { --mm-tone-focus: var(--mm-color-caution-200); }
[focus-tone="caution-300"] { --mm-tone-focus: var(--mm-color-caution-300); }
[focus-tone="caution-400"] { --mm-tone-focus: var(--mm-color-caution-400); }
[focus-tone="caution-500"] { --mm-tone-focus: var(--mm-color-caution-500); }
[focus-tone="caution-600"] { --mm-tone-focus: var(--mm-color-caution-600); }
[focus-tone="caution-700"] { --mm-tone-focus: var(--mm-color-caution-700); }
[focus-tone="caution-800"] { --mm-tone-focus: var(--mm-color-caution-800); }
[focus-tone="caution-900"] { --mm-tone-focus: var(--mm-color-caution-900); }
[focus-tone="caution-1000"] { --mm-tone-focus: var(--mm-color-caution-1000); }

[focus-tone="danger-50"] { --mm-tone-focus: var(--mm-color-danger-50); }
[focus-tone="danger-100"] { --mm-tone-focus: var(--mm-color-danger-100); }
[focus-tone="danger-200"] { --mm-tone-focus: var(--mm-color-danger-200); }
[focus-tone="danger-300"] { --mm-tone-focus: var(--mm-color-danger-300); }
[focus-tone="danger-400"] { --mm-tone-focus: var(--mm-color-danger-400); }
[focus-tone="danger-500"] { --mm-tone-focus: var(--mm-color-danger-500); }
[focus-tone="danger-600"] { --mm-tone-focus: var(--mm-color-danger-600); }
[focus-tone="danger-700"] { --mm-tone-focus: var(--mm-color-danger-700); }
[focus-tone="danger-800"] { --mm-tone-focus: var(--mm-color-danger-800); }
[focus-tone="danger-900"] { --mm-tone-focus: var(--mm-color-danger-900); }
[focus-tone="danger-1000"] { --mm-tone-focus: var(--mm-color-danger-1000); }

/* Hover Tone */
[hover-tone="white"] { --mm-tone-hover: var(--mm-color-white); }

[hover-tone="50"] { --mm-tone-hover: var(--mm-color-50); }
[hover-tone="100"] { --mm-tone-hover: var(--mm-color-100); }
[hover-tone="200"] { --mm-tone-hover: var(--mm-color-200); }
[hover-tone="300"] { --mm-tone-hover: var(--mm-color-300); }
[hover-tone="400"] { --mm-tone-hover: var(--mm-color-400); }
[hover-tone="500"] { --mm-tone-hover: var(--mm-color-500); }
[hover-tone="600"] { --mm-tone-hover: var(--mm-color-600); }
[hover-tone="700"] { --mm-tone-hover: var(--mm-color-700); }
[hover-tone="800"] { --mm-tone-hover: var(--mm-color-800); }
[hover-tone="900"] { --mm-tone-hover: var(--mm-color-900); }
[hover-tone="1000"] { --mm-tone-hover: var(--mm-color-1000); }

[hover-tone="primary-50"] { --mm-tone-hover: var(--mm-color-primary-50); }
[hover-tone="primary-100"] { --mm-tone-hover: var(--mm-color-primary-100); }
[hover-tone="primary-200"] { --mm-tone-hover: var(--mm-color-primary-200); }
[hover-tone="primary-300"] { --mm-tone-hover: var(--mm-color-primary-300); }
[hover-tone="primary-400"] { --mm-tone-hover: var(--mm-color-primary-400); }
[hover-tone="primary-500"] { --mm-tone-hover: var(--mm-color-primary-500); }
[hover-tone="primary-600"] { --mm-tone-hover: var(--mm-color-primary-600); }
[hover-tone="primary-700"] { --mm-tone-hover: var(--mm-color-primary-700); }
[hover-tone="primary-800"] { --mm-tone-hover: var(--mm-color-primary-800); }
[hover-tone="primary-900"] { --mm-tone-hover: var(--mm-color-primary-900); }
[hover-tone="primary-1000"] { --mm-tone-hover: var(--mm-color-primary-1000); }

[hover-tone="success-50"] { --mm-tone-hover: var(--mm-color-success-50); }
[hover-tone="success-100"] { --mm-tone-hover: var(--mm-color-success-100); }
[hover-tone="success-200"] { --mm-tone-hover: var(--mm-color-success-200); }
[hover-tone="success-300"] { --mm-tone-hover: var(--mm-color-success-300); }
[hover-tone="success-400"] { --mm-tone-hover: var(--mm-color-success-400); }
[hover-tone="success-500"] { --mm-tone-hover: var(--mm-color-success-500); }
[hover-tone="success-600"] { --mm-tone-hover: var(--mm-color-success-600); }
[hover-tone="success-700"] { --mm-tone-hover: var(--mm-color-success-700); }
[hover-tone="success-800"] { --mm-tone-hover: var(--mm-color-success-800); }
[hover-tone="success-900"] { --mm-tone-hover: var(--mm-color-success-900); }
[hover-tone="success-1000"] { --mm-tone-hover: var(--mm-color-success-1000); }

[hover-tone="caution-50"] { --mm-tone-hover: var(--mm-color-caution-50); }
[hover-tone="caution-100"] { --mm-tone-hover: var(--mm-color-caution-100); }
[hover-tone="caution-200"] { --mm-tone-hover: var(--mm-color-caution-200); }
[hover-tone="caution-300"] { --mm-tone-hover: var(--mm-color-caution-300); }
[hover-tone="caution-400"] { --mm-tone-hover: var(--mm-color-caution-400); }
[hover-tone="caution-500"] { --mm-tone-hover: var(--mm-color-caution-500); }
[hover-tone="caution-600"] { --mm-tone-hover: var(--mm-color-caution-600); }
[hover-tone="caution-700"] { --mm-tone-hover: var(--mm-color-caution-700); }
[hover-tone="caution-800"] { --mm-tone-hover: var(--mm-color-caution-800); }
[hover-tone="caution-900"] { --mm-tone-hover: var(--mm-color-caution-900); }
[hover-tone="caution-1000"] { --mm-tone-hover: var(--mm-color-caution-1000); }

[hover-tone="danger-50"] { --mm-tone-hover: var(--mm-color-danger-50); }
[hover-tone="danger-100"] { --mm-tone-hover: var(--mm-color-danger-100); }
[hover-tone="danger-200"] { --mm-tone-hover: var(--mm-color-danger-200); }
[hover-tone="danger-300"] { --mm-tone-hover: var(--mm-color-danger-300); }
[hover-tone="danger-400"] { --mm-tone-hover: var(--mm-color-danger-400); }
[hover-tone="danger-500"] { --mm-tone-hover: var(--mm-color-danger-500); }
[hover-tone="danger-600"] { --mm-tone-hover: var(--mm-color-danger-600); }
[hover-tone="danger-700"] { --mm-tone-hover: var(--mm-color-danger-700); }
[hover-tone="danger-800"] { --mm-tone-hover: var(--mm-color-danger-800); }
[hover-tone="danger-900"] { --mm-tone-hover: var(--mm-color-danger-900); }
[hover-tone="danger-1000"] { --mm-tone-hover: var(--mm-color-danger-1000); }

/* Active Tone */
[active-tone="white"] { --mm-tone-active: var(--mm-color-white); }

[active-tone="50"] { --mm-tone-active: var(--mm-color-50); }
[active-tone="100"] { --mm-tone-active: var(--mm-color-100); }
[active-tone="200"] { --mm-tone-active: var(--mm-color-200); }
[active-tone="300"] { --mm-tone-active: var(--mm-color-300); }
[active-tone="400"] { --mm-tone-active: var(--mm-color-400); }
[active-tone="500"] { --mm-tone-active: var(--mm-color-500); }
[active-tone="600"] { --mm-tone-active: var(--mm-color-600); }
[active-tone="700"] { --mm-tone-active: var(--mm-color-700); }
[active-tone="800"] { --mm-tone-active: var(--mm-color-800); }
[active-tone="900"] { --mm-tone-active: var(--mm-color-900); }
[active-tone="1000"] { --mm-tone-active: var(--mm-color-1000); }

[active-tone="primary-50"] { --mm-tone-active: var(--mm-color-primary-50); }
[active-tone="primary-100"] { --mm-tone-active: var(--mm-color-primary-100); }
[active-tone="primary-200"] { --mm-tone-active: var(--mm-color-primary-200); }
[active-tone="primary-300"] { --mm-tone-active: var(--mm-color-primary-300); }
[active-tone="primary-400"] { --mm-tone-active: var(--mm-color-primary-400); }
[active-tone="primary-500"] { --mm-tone-active: var(--mm-color-primary-500); }
[active-tone="primary-600"] { --mm-tone-active: var(--mm-color-primary-600); }
[active-tone="primary-700"] { --mm-tone-active: var(--mm-color-primary-700); }
[active-tone="primary-800"] { --mm-tone-active: var(--mm-color-primary-800); }
[active-tone="primary-900"] { --mm-tone-active: var(--mm-color-primary-900); }
[active-tone="primary-1000"] { --mm-tone-active: var(--mm-color-primary-1000); }

[active-tone="success-50"] { --mm-tone-active: var(--mm-color-success-50); }
[active-tone="success-100"] { --mm-tone-active: var(--mm-color-success-100); }
[active-tone="success-200"] { --mm-tone-active: var(--mm-color-success-200); }
[active-tone="success-300"] { --mm-tone-active: var(--mm-color-success-300); }
[active-tone="success-400"] { --mm-tone-active: var(--mm-color-success-400); }
[active-tone="success-500"] { --mm-tone-active: var(--mm-color-success-500); }
[active-tone="success-600"] { --mm-tone-active: var(--mm-color-success-600); }
[active-tone="success-700"] { --mm-tone-active: var(--mm-color-success-700); }
[active-tone="success-800"] { --mm-tone-active: var(--mm-color-success-800); }
[active-tone="success-900"] { --mm-tone-active: var(--mm-color-success-900); }
[active-tone="success-1000"] { --mm-tone-active: var(--mm-color-success-1000); }

[active-tone="caution-50"] { --mm-tone-active: var(--mm-color-caution-50); }
[active-tone="caution-100"] { --mm-tone-active: var(--mm-color-caution-100); }
[active-tone="caution-200"] { --mm-tone-active: var(--mm-color-caution-200); }
[active-tone="caution-300"] { --mm-tone-active: var(--mm-color-caution-300); }
[active-tone="caution-400"] { --mm-tone-active: var(--mm-color-caution-400); }
[active-tone="caution-500"] { --mm-tone-active: var(--mm-color-caution-500); }
[active-tone="caution-600"] { --mm-tone-active: var(--mm-color-caution-600); }
[active-tone="caution-700"] { --mm-tone-active: var(--mm-color-caution-700); }
[active-tone="caution-800"] { --mm-tone-active: var(--mm-color-caution-800); }
[active-tone="caution-900"] { --mm-tone-active: var(--mm-color-caution-900); }
[active-tone="caution-1000"] { --mm-tone-active: var(--mm-color-caution-1000); }

[active-tone="danger-50"] { --mm-tone-active: var(--mm-color-danger-50); }
[active-tone="danger-100"] { --mm-tone-active: var(--mm-color-danger-100); }
[active-tone="danger-200"] { --mm-tone-active: var(--mm-color-danger-200); }
[active-tone="danger-300"] { --mm-tone-active: var(--mm-color-danger-300); }
[active-tone="danger-400"] { --mm-tone-active: var(--mm-color-danger-400); }
[active-tone="danger-500"] { --mm-tone-active: var(--mm-color-danger-500); }
[active-tone="danger-600"] { --mm-tone-active: var(--mm-color-danger-600); }
[active-tone="danger-700"] { --mm-tone-active: var(--mm-color-danger-700); }
[active-tone="danger-800"] { --mm-tone-active: var(--mm-color-danger-800); }
[active-tone="danger-900"] { --mm-tone-active: var(--mm-color-danger-900); }
[active-tone="danger-1000"] { --mm-tone-active: var(--mm-color-danger-1000); }

/* Disabled Tone */
[disabled-tone="white"] { --mm-tone-disabled: var(--mm-color-white); }

[disabled-tone="50"] { --mm-tone-disabled: var(--mm-color-50); }
[disabled-tone="100"] { --mm-tone-disabled: var(--mm-color-100); }
[disabled-tone="200"] { --mm-tone-disabled: var(--mm-color-200); }
[disabled-tone="300"] { --mm-tone-disabled: var(--mm-color-300); }
[disabled-tone="400"] { --mm-tone-disabled: var(--mm-color-400); }
[disabled-tone="500"] { --mm-tone-disabled: var(--mm-color-500); }
[disabled-tone="600"] { --mm-tone-disabled: var(--mm-color-600); }
[disabled-tone="700"] { --mm-tone-disabled: var(--mm-color-700); }
[disabled-tone="800"] { --mm-tone-disabled: var(--mm-color-800); }
[disabled-tone="900"] { --mm-tone-disabled: var(--mm-color-900); }
[disabled-tone="1000"] { --mm-tone-disabled: var(--mm-color-1000); }

[disabled-tone="primary-50"] { --mm-tone-disabled: var(--mm-color-primary-50); }
[disabled-tone="primary-100"] { --mm-tone-disabled: var(--mm-color-primary-100); }
[disabled-tone="primary-200"] { --mm-tone-disabled: var(--mm-color-primary-200); }
[disabled-tone="primary-300"] { --mm-tone-disabled: var(--mm-color-primary-300); }
[disabled-tone="primary-400"] { --mm-tone-disabled: var(--mm-color-primary-400); }
[disabled-tone="primary-500"] { --mm-tone-disabled: var(--mm-color-primary-500); }
[disabled-tone="primary-600"] { --mm-tone-disabled: var(--mm-color-primary-600); }
[disabled-tone="primary-700"] { --mm-tone-disabled: var(--mm-color-primary-700); }
[disabled-tone="primary-800"] { --mm-tone-disabled: var(--mm-color-primary-800); }
[disabled-tone="primary-900"] { --mm-tone-disabled: var(--mm-color-primary-900); }
[disabled-tone="primary-1000"] { --mm-tone-disabled: var(--mm-color-primary-1000); }

[disabled-tone="success-50"] { --mm-tone-disabled: var(--mm-color-success-50); }
[disabled-tone="success-100"] { --mm-tone-disabled: var(--mm-color-success-100); }
[disabled-tone="success-200"] { --mm-tone-disabled: var(--mm-color-success-200); }
[disabled-tone="success-300"] { --mm-tone-disabled: var(--mm-color-success-300); }
[disabled-tone="success-400"] { --mm-tone-disabled: var(--mm-color-success-400); }
[disabled-tone="success-500"] { --mm-tone-disabled: var(--mm-color-success-500); }
[disabled-tone="success-600"] { --mm-tone-disabled: var(--mm-color-success-600); }
[disabled-tone="success-700"] { --mm-tone-disabled: var(--mm-color-success-700); }
[disabled-tone="success-800"] { --mm-tone-disabled: var(--mm-color-success-800); }
[disabled-tone="success-900"] { --mm-tone-disabled: var(--mm-color-success-900); }
[disabled-tone="success-1000"] { --mm-tone-disabled: var(--mm-color-success-1000); }

[disabled-tone="caution-50"] { --mm-tone-disabled: var(--mm-color-caution-50); }
[disabled-tone="caution-100"] { --mm-tone-disabled: var(--mm-color-caution-100); }
[disabled-tone="caution-200"] { --mm-tone-disabled: var(--mm-color-caution-200); }
[disabled-tone="caution-300"] { --mm-tone-disabled: var(--mm-color-caution-300); }
[disabled-tone="caution-400"] { --mm-tone-disabled: var(--mm-color-caution-400); }
[disabled-tone="caution-500"] { --mm-tone-disabled: var(--mm-color-caution-500); }
[disabled-tone="caution-600"] { --mm-tone-disabled: var(--mm-color-caution-600); }
[disabled-tone="caution-700"] { --mm-tone-disabled: var(--mm-color-caution-700); }
[disabled-tone="caution-800"] { --mm-tone-disabled: var(--mm-color-caution-800); }
[disabled-tone="caution-900"] { --mm-tone-disabled: var(--mm-color-caution-900); }
[disabled-tone="caution-1000"] { --mm-tone-disabled: var(--mm-color-caution-1000); }

[disabled-tone="danger-50"] { --mm-tone-disabled: var(--mm-color-danger-50); }
[disabled-tone="danger-100"] { --mm-tone-disabled: var(--mm-color-danger-100); }
[disabled-tone="danger-200"] { --mm-tone-disabled: var(--mm-color-danger-200); }
[disabled-tone="danger-300"] { --mm-tone-disabled: var(--mm-color-danger-300); }
[disabled-tone="danger-400"] { --mm-tone-disabled: var(--mm-color-danger-400); }
[disabled-tone="danger-500"] { --mm-tone-disabled: var(--mm-color-danger-500); }
[disabled-tone="danger-600"] { --mm-tone-disabled: var(--mm-color-danger-600); }
[disabled-tone="danger-700"] { --mm-tone-disabled: var(--mm-color-danger-700); }
[disabled-tone="danger-800"] { --mm-tone-disabled: var(--mm-color-danger-800); }
[disabled-tone="danger-900"] { --mm-tone-disabled: var(--mm-color-danger-900); }
[disabled-tone="danger-1000"] { --mm-tone-disabled: var(--mm-color-danger-1000); }/*********************************/
/*    MMDateTimePicker Styles    */
/*********************************/

.mm9_datetimepicker
{
	position: relative;
	display: flex;
	align-items: flex-start;
}

.mm9_datetimepicker_date_only
{
	position: relative;
	display: flex;
	justify-content: center;
}

.mm9_datetimepicker_time_container
{
	position: relative;
	margin: 67px 0 0 25px;
	display: inline-flex;
	justify-content: center;
	align-items: flex-end;
	flex-direction: column;
	flex-grow: 1;
}

.mm9_datetimepicker_date_only .mm9_datetimepicker_time_container
{
	display: none;
}

.mm9_datetimepicker_time_hms_container
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 8px;
}

.mm9_datetimepicker_time_label
{
	position: relative;
	display: inline-block;
	padding: 0;
}

.mm9_datetimepicker_time_period_container
{
	position: relative;
	display: inline-flex;
	margin-top: 20px;
}

.mm9_datetimepicker_calendar_container
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1px;
	width: 288px;
	flex-shrink: 0;
	user-select: none;
}

.mm9_datetimepicker_calendar_month_selector
{
	position: relative;
	display: flex;
	height: 50px;
	align-items: center;
}

.mm9_datetimepicker_calendar_month_selector_prev,
.mm9_datetimepicker_calendar_month_selector_next
{
	position: relative;
	display: inline-flex;
	width: 40px;
	height: 50px;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	cursor: pointer;
}

.mm9_datetimepicker_calendar_month_selector_prev:before
{
	position: absolute;
	top: 27px;
	left: 19px;
	width: 8px;
	height: 2px;
	background-color: var(--mm-datetimepicker-dialog-calendar-year-select-next-prev-color);
	border-radius: 1px;
	transform: rotate(50deg);
	content: '';
}

.mm9_datetimepicker_calendar_month_selector_prev:after
{
	position: absolute;
	top: 22px;
	left: 19px;
	width: 8px;
	height: 2px;
	background-color: var(--mm-datetimepicker-dialog-calendar-year-select-next-prev-color);
	border-radius: 1px;
	transform: rotate(-50deg);
	content: '';
}

.mm9_datetimepicker_calendar_month_selector_next:before
{
	position: absolute;
	top: 27px;
	left: 14px;
	width: 8px;
	height: 2px;
	background-color: var(--mm-datetimepicker-dialog-calendar-year-select-next-prev-color);
	border-radius: 1px;
	transform: rotate(-50deg);
	content: '';
}

.mm9_datetimepicker_calendar_month_selector_next:after
{
	position: absolute;
	top: 22px;
	left: 14px;
	width: 8px;
	height: 2px;
	background-color: var(--mm-datetimepicker-dialog-calendar-year-select-next-prev-color);
	border-radius: 1px;
	transform: rotate(50deg);
	content: '';
}

.mm9_datetimepicker_calendar_month_selector_prev:hover::before,
.mm9_datetimepicker_calendar_month_selector_prev:hover::after,
.mm9_datetimepicker_calendar_month_selector_next:hover::before,
.mm9_datetimepicker_calendar_month_selector_next:hover::after
{
	--mm-datetimepicker-dialog-calendar-year-select-next-prev-color: var(--mm-datetimepicker-dialog-calendar-year-select-next-prev-color--hover);
}

.mm9_datetimepicker_calendar_month_selector_prev.disabled,
.mm9_datetimepicker_calendar_month_selector_next.disabled
{
	cursor: default;
}

.mm9_datetimepicker_calendar_month_selector_prev.disabled::before,
.mm9_datetimepicker_calendar_month_selector_prev.disabled::after,
.mm9_datetimepicker_calendar_month_selector_next.disabled::before,
.mm9_datetimepicker_calendar_month_selector_next.disabled::after,
.mm9_datetimepicker_calendar_month_selector_prev.disabled:hover::before,
.mm9_datetimepicker_calendar_month_selector_prev.disabled:hover::after,
.mm9_datetimepicker_calendar_month_selector_next.disabled:hover::before,
.mm9_datetimepicker_calendar_month_selector_next.disabled:hover::after
{
	--mm-datetimepicker-dialog-calendar-year-select-next-prev-color: var(--mm-datetimepicker-dialog-calendar-year-select-next-prev-color--disabled);
}

.mm9_datetimepicker_calendar_month_selector_title
{
	position: relative;
	display: inline-flex;
	flex-grow: 1;
	align-items: center;
	justify-content: center;
	padding: 9px;
}

.mm9_datetimepicker_calendar_month_selector_title_year
{
	position: relative;
	display: inline-block;
}

.mm9_datetimepicker_calendar_month_selector_title_year_select
{
	position: relative;
	display: inline-block;
}

.mm9_datetimepicker_calendar_month_selector_title_year_select .mm9_datetimepicker_calendar_month_selector_title_year_select_button
{
	position: relative;
	display: flex;
	margin-left: 6px;
	padding: 0;
	line-height: 1;
	text-align: left;
	box-sizing: border-box;
	align-items: center;
	cursor: pointer;
	outline: none;
}

.mm9_datetimepicker_calendar_month_selector_title_year_select .mm9_datetimepicker_calendar_month_selector_title_year_select_button .mm9_button_text,
.mm9_datetimepicker_calendar_month_selector_title_year_select.active .mm9_datetimepicker_calendar_month_selector_title_year_select_button .mm9_button_text
{
	padding: 0;
	color: var(--mm-datetimepicker-dialog-calendar-year-select-text-color);
	line-height: var(--mm-datetimepicker-dialog-calendar-year-select-line-height);
	font-size: var(--mm-datetimepicker-dialog-calendar-year-select-font-size);
	font-weight: var(--mm-datetimepicker-dialog-calendar-year-select-font-weight);
	text-align: left;
	white-space: nowrap;
	text-decoration-line: var(--mm-datetimepicker-dialog-calendar-year-select-text-decoration-line);
	text-decoration-thickness: var(--mm-datetimepicker-dialog-calendar-year-select-text-decoration-thickness);
	text-underline-offset: var(--mm-datetimepicker-dialog-calendar-year-select-text-underline-offset);
}

.mm9_datetimepicker_calendar_weekday_container
{
	position: relative;
	display: block;
	height: 48px;
	background-color: var(--mm-datetimepicker-dialog-calendar-header-background-color);
	border-top: var(--mm-datetimepicker-dialog-calendar-border);
	border-right: var(--mm-datetimepicker-dialog-calendar-border);
	border-left: var(--mm-datetimepicker-dialog-calendar-border);
	border-radius: var(--mm-datetimepicker-dialog-calendar-border-radius) var(--mm-datetimepicker-dialog-calendar-border-radius) 0 0;
}

.mm9_datetimepicker_calendar_weekday_title
{
	position: absolute;
	display: inline-flex;
	width: 40px;
	height: 48px;
	align-items: center;
	justify-content: center;
}

.mm9_datetimepicker_calendar_week_container
{
	position: relative;
	display: block;
}

.mm9_datetimepicker_calendar_column
{
	position: absolute;
	top: -1px;
	bottom: -1px;
	width: 42px;
	border: var(--mm-datetimepicker-dialog-calendar-day-border);
	border-top: var(--mm-datetimepicker-dialog-calendar-day-border);
	border-right: var(--mm-datetimepicker-dialog-calendar-day-border);
	border-bottom: var(--mm-datetimepicker-dialog-calendar-border);
	border-left: var(--mm-datetimepicker-dialog-calendar-day-border);
	box-sizing: border-box;
	z-index: 1;
	pointer-events: none;
}

.mm9_datetimepicker_calendar_column_0
{
	left: 0;
	border-left: var(--mm-datetimepicker-dialog-calendar-border);
	border-radius: 0 0 0 var(--mm-datetimepicker-dialog-calendar-border-radius);
}

.mm9_datetimepicker_calendar_column_1
{
	left: 41px;
}

.mm9_datetimepicker_calendar_column_2
{
	left: 82px;
}

.mm9_datetimepicker_calendar_column_3
{
	left: 123px;
}

.mm9_datetimepicker_calendar_column_4
{
	left: 164px;
}

.mm9_datetimepicker_calendar_column_5
{
	left: 205px;
}

.mm9_datetimepicker_calendar_column_6
{
	left: 246px;
	border-right: var(--mm-datetimepicker-dialog-calendar-border);
	border-radius: 0 0 var(--mm-datetimepicker-dialog-calendar-border-radius) 0;
}

.mm9_datetimepicker_calendar_week
{
	position: relative;
	display: block;
	height: 36px;
}

.mm9_datetimepicker_calendar_week + .mm9_datetimepicker_calendar_week
{
	border-top: var(--mm-datetimepicker-dialog-calendar-day-border);
}

.mm9_datetimepicker_calendar_day
{
	position: absolute;
	display: inline-flex;
	top: 0;
	bottom: 0;
	width: 40px;
	text-align: center;
	font-size: var(--mm-datetimepicker-dialog-calendar-day-font-size);
	font-weight: var(--mm-datetimepicker-dialog-calendar-day-font-weight);
	line-height: 1;
	color: var(--mm-datetimepicker-dialog-calendar-day-text-color);
	background-color: var(--mm-datetimepicker-dialog-calendar-day-background-color);
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	transition: color 0.15s linear, background-color 0.15s linear;
	cursor: pointer;
}

.mm9_datetimepicker_calendar_week:last-child .mm9_datetimepicker_calendar_day_0
{
	border-radius: 0 0 0 var(--mm-datetimepicker-dialog-calendar-border-radius);
}

.mm9_datetimepicker_calendar_week:last-child .mm9_datetimepicker_calendar_day_6
{
	border-radius: 0 0 var(--mm-datetimepicker-dialog-calendar-border-radius) 0;
}

.mm9_datetimepicker_calendar_day:hover
{
	--mm-datetimepicker-dialog-calendar-day-text-color: var(--mm-datetimepicker-dialog-calendar-day-text-color--hover);
	--mm-datetimepicker-dialog-calendar-day-background-color: var(--mm-datetimepicker-dialog-calendar-day-background-color--hover);

	z-index: 1;
}

.mm9_datetimepicker_calendar_day_differentmonth
{
	--mm-datetimepicker-dialog-calendar-day-text-color: var(--mm-datetimepicker-dialog-calendar-day-text-color--other-month);
	--mm-datetimepicker-dialog-calendar-day-background-color: var(--mm-datetimepicker-dialog-calendar-day-background-color--other-month);
}

.mm9_datetimepicker_calendar_day_noselect,
.mm9_datetimepicker_calendar_day_noselect:hover
{
	--mm-datetimepicker-dialog-calendar-day-text-color: var(--mm-datetimepicker-dialog-calendar-day-text-color--disabled);
	--mm-datetimepicker-dialog-calendar-day-background-color: var(--mm-datetimepicker-dialog-calendar-day-background-color--disabled);

	cursor: default;
}

.mm9_datetimepicker_calendar_day_differentmonth.mm9_datetimepicker_calendar_day_noselect,
.mm9_datetimepicker_calendar_day_differentmonth.mm9_datetimepicker_calendar_day_noselect:hover
{
	--mm-datetimepicker-dialog-calendar-day-text-color: var(--mm-datetimepicker-dialog-calendar-day-text-color--other-month);
}

.mm9_datetimepicker_calendar_day_current,
.mm9_datetimepicker_calendar_day_current:hover
{
	--mm-datetimepicker-dialog-calendar-day-text-color: var(--mm-datetimepicker-dialog-calendar-day-text-color--current-day);
}

.mm9_datetimepicker_calendar_day_active,
.mm9_datetimepicker_calendar_day_active:hover
{
	--mm-datetimepicker-dialog-calendar-day-text-color: var(--mm-datetimepicker-dialog-calendar-day-text-color--active);
	--mm-datetimepicker-dialog-calendar-day-background-color: var(--mm-datetimepicker-dialog-calendar-day-background-color--active);
}

.mm9_datetimepicker_calendar_day_0
{
	left: 1px;
}

.mm9_datetimepicker_calendar_day_1
{
	left: 42px;
}

.mm9_datetimepicker_calendar_day_2
{
	left: 83px;
}

.mm9_datetimepicker_calendar_day_3
{
	left: 124px;
}

.mm9_datetimepicker_calendar_day_4
{
	left: 165px;
}

.mm9_datetimepicker_calendar_day_5
{
	left: 206px;
}

.mm9_datetimepicker_calendar_day_6
{
	left: 247px;
}/***********************/
/*    Dialog Styles    */
/***********************/

.mm_dialog_hidden_content
{
	display: none;
}

.mm9_dialog,
.mm_tabdialog,
.mm_listdialog,
.mm_actiondialog
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 700px;
	height: auto;
	box-sizing: border-box;

	&.mm_actiondialog
    {
	    width: auto;
    }
}

.mm9_dialog.hidden,
.mm_tabdialog.hidden,
.mm_listdialog.hidden,
.mm_actiondialog.hidden
{
	visibility: hidden;
}

.mm9_dialog_container,
.mm_tabdialog_container,
.mm_listdialog_container,
.mm_actiondialog_container
{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: var(--mm-dialog-radius);
	overflow: hidden;
	box-shadow: var(--mm-dialog-shadow);
	box-sizing: border-box;
}

.mm9_dialog_resize_top,
.mm_tabdialog_resize_top,
.mm_listdialog_resize_top
{
	position: absolute;
	display: none;
	top: 0;
	right: 10px;
	left: 10px;
	height: 6px;
	cursor: n-resize;
	background: transparent;
}

.mm9_dialog_resize_topright,
.mm_tabdialog_resize_topright,
.mm_listdialog_resize_topright
{
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	cursor: ne-resize;
	background: transparent;
}

.mm9_dialog_resize_right,
.mm_tabdialog_resize_right,
.mm_listdialog_resize_right
{
	position: absolute;
	display: none;
	top: 10px;
	right: 0;
	bottom: 10px;
	width: 6px;
	cursor: e-resize;
	background: transparent;
}

.mm9_dialog_resize_bottomright,
.mm_tabdialog_resize_bottomright,
.mm_listdialog_resize_bottomright
{
	position: absolute;
	display: none;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	cursor: se-resize;
	background: transparent;
}

.mm9_dialog_resize_bottom,
.mm_tabdialog_resize_bottom,
.mm_listdialog_resize_bottom
{
	position: absolute;
	display: none;
	right: 10px;
	bottom: 0;
	left: 10px;
	height: 6px;
	cursor: s-resize;
	background: transparent;
}

.mm9_dialog_resize_bottomleft,
.mm_tabdialog_resize_bottomleft,
.mm_listdialog_resize_bottomleft
{
	position: absolute;
	display: none;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	cursor: sw-resize;
	background: transparent;
}

.mm9_dialog_resize_left,
.mm_tabdialog_resize_left,
.mm_listdialog_resize_left
{
	position: absolute;
	display: none;
	top: 10px;
	bottom: 10px;
	left: 0;
	width: 6px;
	cursor: w-resize;
	background: transparent;
}

.mm9_dialog_resize_topleft,
.mm_tabdialog_resize_topleft,
.mm_listdialog_resize_topleft
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	cursor: nw-resize;
	background: transparent;
}

.mm9_dialog_content_container,
.mm_tabdialog_content_container,
.mm_listdialog_content_container,
.mm_actiondialog_content_container
{
	position: relative;
	display: flex;
	margin: 0;
	width: 100%;
	height: 100%;
	flex-direction: column;
	background: var(--mm-dialog-background-color);
	box-sizing: border-box;
	overflow: hidden;
}

.mm9_dialog_progressbar_container,
.mm_tabdialog_progressbar_container,
.mm_listdialog_progressbar_container
{
	position: absolute;
	display: none;
	top: 0;
	right: -2px;
	left: -2px;
	height: 6px;
	overflow: hidden;
}

.mm9_dialog_progressbar_container.visible,
.mm_tabdialog_progressbar_container.visible,
.mm_listdialog_progressbar_container.visible
{
	display: block;
}

.mm9_dialog_progressbar_background,
.mm_tabdialog_progressbar_background,
.mm_listdialog_progressbar_background
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
}

.mm9_dialog_progressbar_foreground,
.mm_tabdialog_progressbar_foreground,
.mm_listdialog_progressbar_foreground
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--mm-dialog-progressbar-foreground-color);
	border-radius: 3px;
	transform: translateX(-100%);
}

.mm9_dialog_progressbar_container.error .mm9_dialog_progressbar_foreground,
.mm_tabdialog_progressbar_container.error .mm_tabdialog_progressbar_foreground
{
	--mm-dialog-progressbar-foreground-color: var(--mm-dialog-progressbar-foreground-color--invalid);
}

.mm9_dialog_progressbar_container.indeterminate .mm9_dialog_progressbar_foreground,
.mm_tabdialog_progressbar_container.indeterminate .mm_tabdialog_progressbar_foreground,
.mm_listdialog_progressbar_container.indeterminate .mm_listdialog_progressbar_foreground
{
	background-color: transparent;
	transform: translateX(0);
	overflow: hidden;
}

.mm9_dialog_progressbar_container.indeterminate .mm9_dialog_progressbar_foreground::before,
.mm_tabdialog_progressbar_container.indeterminate .mm_tabdialog_progressbar_foreground::before,
.mm_listdialog_progressbar_container.indeterminate .mm_listdialog_progressbar_foreground::before
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: var(--mm-dialog-progressbar-foreground-color);
	animation: mm9_dialog_progressbar_indeterminate 2s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
	content: '';
}

.mm9_dialog_progressbar_container.indeterminate.error .mm9_dialog_progressbar_foreground::before,
.mm_tabdialog_progressbar_container.indeterminate.errrtab .mm9_dialog_progressbar_foreground::before,
.mm_listdialog_progressbar_container.indeterminate.errrtab .mm9_dialog_progressbar_foreground::before
{
	--mm-dialog-progressbar-foreground-color: var(--mm-dialog-progressbar-foreground-color--invalid);
}

.mm9_dialog_progressbar_container.indeterminate .mm9_dialog_progressbar_foreground::after,
.mm_tabdialog_progressbar_container.indeterminate .mm_tabdialog_progressbar_foreground::after,
.mm_listdialog_progressbar_container.indeterminate .mm_listdialog_progressbar_foreground::after
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: var(--mm-dialog-progressbar-foreground-color);
	animation: mm9_dialog_progressbar_indeterminate_short 2s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation-delay: 1.2s;
	content: '';
}

.mm9_dialog_progressbar_container.indeterminate.error .mm9_dialog_progressbar_foreground::after,
.mm_tabdialog_progressbar_container.indeterminate.errrtab .mm9_dialog_progressbar_foreground::after,
.mm_listdialog_progressbar_container.indeterminate.errrtab .mm9_dialog_progressbar_foreground::after
{
	--mm-dialog-progressbar-foreground-color: var(--mm-dialog-progressbar-foreground-color--invalid);
}

@keyframes mm9_dialog_progressbar_indeterminate
{
	0%
	{
		left: -35%;
		right: 100%;
	}
	60%
	{
		left: 100%;
		right: -190%;
	}
	100%
	{
		left: 100%;
		right: -190%;
	}
}

@keyframes mm9_dialog_progressbar_indeterminate_short
{
	0%
	{
		left: -200%;
		right: 100%;
	}
	60%
	{
		left: 107%;
		right: -8%;
	}
	100%
	{
		left: 107%;
		right: -8%;
	}
}

.mm9_dialog_draganddrop_container,
.mm_tabdialog_draganddrop_container,
.mm_listdialog_draganddrop_container
{
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 99999;
}

.mm9_dialog.draganddrop_visible .mm9_dialog_draganddrop_container,
.mm_tabdialog.draganddrop_visible .mm_tabdialog_draganddrop_container,
.mm_listdialog.draganddrop_visible .mm_listdialog_draganddrop_container
{
	display: block;
}

.mm9_dialog_draganddrop_content,
.mm_tabdialog_draganddrop_content,
.mm_listdialog_draganddrop_content
{
	position: absolute;
	display: flex;
	top: 8px;
	right: 8px;
	bottom: 8px;
	left: 8px;
	background-color: var(--mm-dialog-drag-and-drop-background-color);
	border: var(--mm-dialog-drag-and-drop-border);
	border-radius: var(--mm-dialog-drag-and-drop-radius);
	align-items: center;
	justify-content: center;
}

.mm9_dialog_draganddrop_mask,
.mm_tabdialog_draganddrop_mask,
.mm_listdialog_draganddrop_mask
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	z-index: 99999;
}

.mm9_dialog_header,
.mm_tabdialog_header,
.mm_listdialog_header,
.mm_actiondialog_header
{
	position: relative;
	display: flex;
	align-items: start;
	justify-content: space-between;
	flex-shrink: 0;
	overflow: hidden;

	.mm9_dialog_fullscreen &
	{
		display: none;
	}
}

.mm9_dialog_top_controls,
.mm_tabdialog_top_controls,
.mm_listdialog_top_controls,
.mm_actiondialog_top_controls
{
	display: inline-flex;
	margin-right: 12px;
	align-items: center;
	flex-shrink: 0;

	.mm9_skinned_dialog_container &
	{
		position: absolute;
		top: 0;
		right: 0;
	}
}

.mm9_dialog_top_control_button,
.mm9_dialog_top_control_button_close,
.mm_tabdialog_top_control_button,
.mm_tabdialog_top_control_button_close,
.mm_listdialog_top_control_button,
.mm_listdialog_top_control_button_close,
.mm_actiondialog_top_control_button,
.mm_actiondialog_top_control_button_close,
:is( .mm9_dialog_help, .mm_tabdialog_help, .mm_listdialog_help ) .mm10_admin_inline_help_tooltip_button
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 12px 0 0 4px;
	padding: 0;
	width: var(--mm-dialog-top-controls-button-dimension);
	height: var(--mm-dialog-top-controls-button-dimension);
	line-height: 1;
	background-color: var(--mm-dialog-top-controls-button-background-color);
	border: var(--mm-dialog-top-controls-button-border);
	border-radius: var(--mm-dialog-top-controls-button-radius);
	box-shadow: var(--mm-dialog-top-controls-button-shadow);
	align-items: center;
	justify-content: center;
	transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	outline: var(--mm-dialog-top-controls-button-outline);
	outline-offset: var(--mm-dialog-top-controls-button-outline-offset);
	user-select: none;

	&.disabled
	{
		cursor: default;
	}

	.mm9_button_image,
	.mm9_button_text
	{
		display: none;
	}

	.mm9_button_custom
	{
		display: inline-flex;
		width: var(--mm-dialog-top-controls-button-dimension);
		height: var(--mm-dialog-top-controls-button-dimension);
		align-items: center;
		justify-content: center;
	}

	svg
	{
		width: var(--mm-dialog-top-controls-button-dimension);
		height: var(--mm-dialog-top-controls-button-dimension);
	}

	.mm10_svg_icon_color
	{
		fill: var(--mm-dialog-top-controls-button-color);
	}

	&.focus
	{
		--mm-dialog-top-controls-button-background-color: var(--mm-dialog-top-controls-button-background-color--focus);
		--mm-dialog-top-controls-button-border: var(--mm-dialog-top-controls-button-border--focus);
		--mm-dialog-top-controls-button-shadow: var(--mm-dialog-top-controls-button-shadow--focus);

		.mm10_svg_icon_color
		{
			--mm-dialog-top-controls-button-color: var(--mm-dialog-top-controls-button-color--focus);
		}
	}

	&.focus:not(.click-focus)
	{
		--mm-dialog-top-controls-button-outline: var(--mm-dialog-top-controls-button-outline--focus);
	}

	&:hover
	{
		--mm-dialog-top-controls-button-background-color: var(--mm-dialog-top-controls-button-background-color--hover);
		--mm-dialog-top-controls-button-border: var(--mm-dialog-top-controls-button-border--hover);
		--mm-dialog-top-controls-button-shadow: var(--mm-dialog-top-controls-button-shadow--hover);

		.mm10_svg_icon_color
		{
			--mm-dialog-top-controls-button-color: var(--mm-dialog-top-controls-button-color--hover);
		}
	}

	&.active
	{
		--mm-dialog-top-controls-button-background-color: var(--mm-dialog-top-controls-button-background-color--active);
		--mm-dialog-top-controls-button-border: var(--mm-dialog-top-controls-button-border--active);
		--mm-dialog-top-controls-button-shadow: var(--mm-dialog-top-controls-button-shadow--active);

		.mm10_svg_icon_color
		{
			--mm-dialog-top-controls-button-color: var(--mm-dialog-top-controls-button-color--active);
		}
	}

	&.disabled
	{
		--mm-dialog-top-controls-button-background-color: var(--mm-dialog-top-controls-button-background-color--disabled);
		--mm-dialog-top-controls-button-border: var(--mm-dialog-top-controls-button-border--disabled);
		--mm-dialog-top-controls-button-shadow: var(--mm-dialog-top-controls-button-shadow--disabled);

		.mm10_svg_icon_color
		{
			--mm-dialog-top-controls-button-color: var(--mm-dialog-top-controls-button-color--disabled);
		}
	}
}

:is( .mm9_dialog_help, .mm_tabdialog_help, .mm_listdialog_help ) .mm10_admin_inline_help_tooltip_button
{
	svg
	{
		width: 15px;
		height: 15px;
	}
}

.mm9_dialog_top_control_button_close
{
	--mm-dialog-top-controls-button-color: var(--mm-dialog-top-controls-button-close-color);
	--mm-dialog-top-controls-button-color--hover: var(--mm-dialog-top-controls-button-close-color--hover);
	--mm-dialog-top-controls-button-color--active: var(--mm-dialog-top-controls-button-close-color--active);
	--mm-dialog-top-controls-button-color--focus: var(--mm-dialog-top-controls-button-close-color--focus);
	--mm-dialog-top-controls-button-color--disabled: var(--mm-dialog-top-controls-button-close-color--disabled);
	--mm-dialog-top-controls-button-background-color: var(--mm-dialog-top-controls-button-close-background-color);
	--mm-dialog-top-controls-button-background-color--hover: var(--mm-dialog-top-controls-button-close-background-color--hover);
	--mm-dialog-top-controls-button-background-color--active: var(--mm-dialog-top-controls-button-close-background-color--active);
	--mm-dialog-top-controls-button-background-color--focus: var(--mm-dialog-top-controls-button-close-background-color--focus);
	--mm-dialog-top-controls-button-background-color--disabled: var(--mm-dialog-top-controls-button-close-background-color--disabled);
}

.mm9_dialog_help:empty,
.mm_tabdialog_help:empty,
.mm_listdialog_help:empty
{
	display: none;
}

.mm9_dialog_title_container,
.mm_tabdialog_title_container,
.mm_listdialog_title_container,
.mm_actiondialog_title_container
{
	display: block;
	flex-grow: 1;
	overflow: hidden;
	cursor: default;
}

.mm9_dialog_title,
.mm_tabdialog_title,
.mm_listdialog_title,
.mm_actiondialog_title
{
	padding: 24px;
}

.mm9_dialog.mm9_dialog_subtitle_visible .mm9_dialog_title,
.mm_tabdialog.mm9_dialog_subtitle_visible .mm_tabdialog_title,
.mm_listdialog.mm9_dialog_subtitle_visible .mm_listdialog_title
{
	padding-bottom: 8px;
}

.mm9_dialog_subtitle,
.mm_tabdialog_subtitle,
.mm_listdialog_subtitle
{
	position: relative;
	display: block;
	padding: 0 24px 24px 24px;
}

.mm9_dialog:not(.mm9_dialog_subtitle_visible) .mm9_dialog_subtitle,
.mm_tabdialog:not(.mm9_dialog_subtitle_visible) .mm_tabdialog_subtitle,
.mm_listdialog:not(.mm9_dialog_subtitle_visible) .mm_listdialog_subtitle
{
	display: none;
}

.mm9_dialog_content,
.mm_tabdialog_content,
.mm_listdialog_content,
.mm_actiondialog_content
{
	position: relative;
	display: block;
	overflow: auto;
	flex-grow: 1;
}

.mm9_dialog.mm9_dialog_autoheight .mm9_dialog_content
{
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	overflow: auto;
	flex-grow: 1;
}

.mm9_dialog_content_body
{
	padding: 6px 24px;
}

.mm9_dialog_actionbar,
.mm_tabdialog_actionbar,
.mm_listdialog_actionbar,
.mm_actiondialog_actionbar
{
	position: relative;
	display: none;
	padding: 24px;
	white-space: nowrap;
	justify-content: flex-end;
	align-items: center;
	overflow: hidden;
	flex-shrink: 0;
	column-gap: 8px;
}

.mm9_dialog_actionbar.visible,
.mm_tabdialog_actionbar.visible,
.mm_listdialog_actionbar.visible,
.mm_actiondialog_actionbar.visible
{
	display: flex;
}

.mm9_dialog_actionitem_save
{
	&.saved,
	&.saved:is(&.active, &:hover, &.focus, &.disabled)
	{
		--mm-button-base-color: var(--mm-dialog-actionitem-save-color);
		--mm-button-base-background: var(--mm-dialog-actionitem-save-background);
		--mm-button-base-border: var(--mm-dialog-actionitem-save-border);
	}

	.mm9_button_custom
	{
		position: relative;
		display: inline-flex;
		height: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex-grow: 1;
		overflow: hidden;
	}

	.mm9_dialog_actionitem_save_state
	{
		text-align: center;
	}

	.mm9_dialog_actionitem_save_state_default
	{
		position: relative;
		display: block;
		height: 0;
		transform: translateY(-7px);
		transition: transform 0.2s ease-in-out;
	}

	.mm9_dialog_actionitem_save_state_saving
	{
		position: relative;
		display: block;
		height: 0;
		transform: translateY(var(--mm-button-height));
		transition: transform 0.2s ease-in-out;
	}

	.mm9_dialog_actionitem_save_state_saved
	{
		position: relative;
		display: flex;
		height: 0;
		align-items: center;
		transform: translateY(calc(0px - var(--mm-button-height)));
		transition: transform 0.2s ease-in-out;

		.mm9_dialog_actionitem_save_state_saved_icon
		{
			position: relative;
			display: block;
			margin-right: 8px;
			width: 15px;
			height: 15px;
			border: 1px solid var(--mm-button-base-color);
			border-radius: 50%;
			box-sizing: border-box;
		}

		.mm9_dialog_actionitem_save_state_saved_icon::before
		{
			position: absolute;
			top: 7px;
			left: 3px;
			width: 4px;
			height: 1px;
			background-color: var(--mm-button-base-color);
			transform: rotate(30deg);
			content: '';
		}

		.mm9_dialog_actionitem_save_state_saved_icon::after
		{
			position: absolute;
			top: 6px;
			left: 5px;
			width: 6px;
			height: 1px;
			background-color: var(--mm-button-base-color);
			transform: rotate(-50deg);
			content: '';
		}
	}

	.mm9_dialog_actionitem_save_state_saving,
	.mm9_dialog_actionitem_save_state_saved_text,
	.mm9_dialog_actionitem_save_state_default
	{
		color: var(--mm-button-base-color);
		font-family: var(--mm-button-font-family);
		font-style: var(--mm-button-font-style);
		font-weight: var(--mm-button-font-weight);
		letter-spacing: var(--mm-button-letter-spacing);
	}

	&.notransition
	{
		.mm9_dialog_actionitem_save_state_default,
		.mm9_dialog_actionitem_save_state_saving
		{
			transition: none;
		}
	}

	&.saving
	{
		.mm9_dialog_actionitem_save_state_default
		{
			transform: translateY(calc(0px - var(--mm-button-height)));
		}

		.mm9_dialog_actionitem_save_state_saving
		{
			transform: translateY(-7px);
		}
	}

	&.saved
	{
		.mm9_dialog_actionitem_save_state_default
		{
			transform: translateY(var(--mm-button-height));
		}

		.mm9_dialog_actionitem_save_state_saved
		{
			transform: translateY(0);
		}
	}
}

.mm9_dialog_prompt
{
	position: relative;
	display: inline-block;
	width: 150px;
	vertical-align: top;
	padding: 7px 5px 0 0;
	white-space: normal;
	word-break: break-all;
}

.mm9_dialog_prompt_required
{
	font-weight: bold;
}

.mm10_dialog_fullscreen_maintain_dialog_integrity.mm9_dialog,
.mm10_dialog_fullscreen_maintain_dialog_integrity.mm_tabdialog,
.mm10_dialog_fullscreen_maintain_dialog_integrity.mm_listdialog
{
	padding: 0;
}

.mm10_dialog_fullscreen_maintain_dialog_integrity .mm9_dialog_container,
.mm10_dialog_fullscreen_maintain_dialog_integrity .mm_tabdialog_container,
.mm10_dialog_fullscreen_maintain_dialog_integrity .mm_listdialog_container
{
	border-radius: 0;
	box-shadow: none;
}

.mm9_dialog_fullscreen.mm9_dialog,
.mm9_dialog_fullscreen.mm_tabdialog,
.mm9_dialog_fullscreen.mm_listdialog
{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.mm9_dialog_fullscreen .mm9_dialog_container,
.mm9_dialog_fullscreen .mm_tabdialog_container,
.mm9_dialog_fullscreen .mm_listdialog_container
{
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: none;
	border-radius: 0;
	overflow: auto;
	box-shadow: none;
}

.mm9_dialog_fullscreen .mm9_dialog_close,
.mm9_dialog_fullscreen .mm_tabdialog_close,
.mm9_dialog_fullscreen .mm_listdialog_close
{
	display: none;
}

.mm9_dialog_fullscreen .mm9_dialog_title,
.mm9_dialog_fullscreen .mm_tabdialog_title,
.mm9_dialog_fullscreen .mm_listdialog_title
{
	display: none;
}

.mm9_dialog_fullscreen .mm9_dialog_content,
.mm9_dialog_fullscreen .mm_tabdialog_content,
.mm9_dialog_fullscreen .mm_listdialog_content
{
	top: 0;
	bottom: 0;
}

.mm9_dialog_fullscreen .mm9_dialog_content_body,
.mm9_dialog_fullscreen .mm_tabdialog_content_body,
.mm9_dialog_fullscreen .mm_listdialog_content_body
{
	padding: 0;
}

.mm9_dialog_fullscreen .mm9_dialog_actionbar,
.mm9_dialog_fullscreen .mm_tabdialog_actionbar,
.mm9_dialog_fullscreen .mm_listdialog_actionbar
{
	display: none;
	margin: 0;
	padding: 15px 24px;
}

.mm9_dialog_fullscreen.mm9_dialog_fullscreen_actions_visible .mm9_dialog_actionbar,
.mm9_dialog_fullscreen.mm9_dialog_fullscreen_actions_visible .mm_tabdialog_actionbar,
.mm9_dialog_fullscreen.mm9_dialog_fullscreen_actions_visible .mm_listdialog_actionbar
{
	display: flex;
}

/** MMTabDialog CSS Customizations **/

.mm_tabdialog_tabs
{
	position: relative;
	display: flex;
	align-items: flex-start;
	margin: 0 24px 16px;
	border-bottom: var(--mm-dialog-tab-border);
}

.mm_tabdialog.mm_tabdialog_list_mode .mm_tabdialog_tabs
{
	margin-bottom: 0;
}

.mm_tabdialog_tabs_wrapper
{
	position: relative;
	display: flex;
	align-items: center;
}

.mm_tabdialog_tabs_content
{
	position: relative;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.mm_tabdialog_tabs_more_container
{
	position: relative;
	display: inline-block;
	visibility: hidden;
}

.mm_tabdialog_tabs_more_container.visible
{
	visibility: visible;
}

.mm_tabdialog_tabs_more_menubutton
{
	position: relative;
	display: inline-flex;

	.mm_tabdialog_tabs_more_button
	{
		position: relative;
		display: inline-flex;
		margin: 0;
		line-height: 1;
		background-color: var(--mm-dialog-tabs-more-button-background-color);
		border: var(--mm-dialog-tabs-more-button-border);
		border-radius: var(--mm-dialog-tabs-more-button-radius);
		box-shadow: var(--mm-dialog-tabs-more-button-shadow);
		align-items: center;
		justify-content: center;
		transition: background-color 0.2s linear, border-color 0.2s linear, box-shadow 0.2s linear;
		box-sizing: border-box;
		cursor: pointer;
		outline: var(--mm-dialog-tabs-more-button-outline);
		outline-offset: var(--mm-dialog-tabs-more-button-outline-offset);
		user-select: none;

		.mm9_button_image,
		.mm9_button_text
		{
			display: none;
		}

		.mm9_button_custom
		{
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;

			.mm_tabdialog_tabs_more_button_content
			{
				position: relative;
				display: inline-flex;
				height: 30px;
				align-items: start;
				column-gap: 8px;
				box-sizing: border-box;
				cursor: pointer;

				mm-text
				{
					--mm-text-color: var(--mm-dialog-tabs-more-button-text-color);

					.mm_tabdialog_tabs_more_button_content.active &
					{
						--mm-dialog-tabs-more-button-text-color: var(--mm-dialog-tabs-more-button-text-color--active);
					}
				}

				mm-icon[data-icon-dropdown]
				{
					--mm-icon-color: var(--mm-dialog-tabs-more-button-dropdown-color);

					transition: transform 0.15s linear;

					.mm_tabdialog_tabs_more_menubutton.active &
					{
						transform: scaleY(-1);
					}
				}
			}
		}

		&.focus
		{
			--mm-dialog-tabs-more-button-background-color: var(--mm-dialog-tabs-more-button-background-color--focus);
			--mm-dialog-tabs-more-button-border: var(--mm-dialog-tabs-more-button-border--focus);
			--mm-dialog-tabs-more-button-shadow: var(--mm-dialog-tabs-more-button-shadow--focus);
			--mm-dialog-tabs-more-button-text-color: var(--mm-dialog-tabs-more-button-text-color--focus);
			--mm-dialog-tabs-more-button-dropdown-color: var(--mm-dialog-tabs-more-button-dropdown-color--focus);
		}

		&.focus:not(.click-focus)
		{
			--mm-dialog-tabs-more-button-outline: var(--mm-dialog-tabs-more-button-outline--focus);
		}

		&:hover
		{
			--mm-dialog-tabs-more-button-background-color: var(--mm-dialog-tabs-more-button-background-color--hover);
			--mm-dialog-tabs-more-button-border: var(--mm-dialog-tabs-more-button-border--hover);
			--mm-dialog-tabs-more-button-shadow: var(--mm-dialog-tabs-more-button-shadow--hover);
			--mm-dialog-tabs-more-button-text-color: var(--mm-dialog-tabs-more-button-text-color--hover);
			--mm-dialog-tabs-more-button-dropdown-color: var(--mm-dialog-tabs-more-button-dropdown-color--hover);
		}

		&.active,
		.mm_tabdialog_tabs_more_menubutton.active &
		{
			--mm-dialog-tabs-more-button-background-color: var(--mm-dialog-tabs-more-button-background-color--active);
			--mm-dialog-tabs-more-button-border: var(--mm-dialog-tabs-more-button-border--active);
			--mm-dialog-tabs-more-button-shadow: var(--mm-dialog-tabs-more-button-shadow--active);
			--mm-dialog-tabs-more-button-text-color: var(--mm-dialog-tabs-more-button-text-color--active);
			--mm-dialog-tabs-more-button-dropdown-color: var(--mm-dialog-tabs-more-button-dropdown-color--active);
		}

		&.disabled
		{
			--mm-dialog-tabs-more-button-background-color: var(--mm-dialog-tabs-more-button-background-color--disabled);
			--mm-dialog-tabs-more-button-border: var(--mm-dialog-tabs-more-button-border--disabled);
			--mm-dialog-tabs-more-button-shadow: var(--mm-dialog-tabs-more-button-shadow--disabled);
			--mm-dialog-tabs-more-button-text-color: var(--mm-dialog-tabs-more-button-text-color--disabled);
			--mm-dialog-tabs-more-button-dropdown-color: var(--mm-dialog-tabs-more-button-dropdown-color--disabled);

			cursor: default;
		}
	}
}

.mm_tabdialog_tab
{
	position: relative;
	display: inline-flex;
	padding-right: 28px;
	height: 30px;
	box-sizing: border-box;
	flex-direction: column;
	cursor: pointer;
	outline: none;

	.mm_tabdialog_tab_text
	{
		position: relative;
		display: block;
		flex-grow: 1;
		white-space: nowrap;
	}
}

.mm_tabdialog_tabs_active_indicator
{
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background-color: var(--mm-dialog-tab-active-border-color);
	border-radius: 2px;
}

.mm_tabdialog_content
{
	position: relative;
	display: block;
	padding: 0 24px;
	overflow: auto;
	flex-grow: 1;
}

.mm_tabdialog.mm_tabdialog_list_mode .mm_tabdialog_content
{
	padding: 0;
	overflow: visible;
	z-index: 1;
}

.mm_tabdialog_content_click_block
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
}

.mm_tabdialog_content_click_block.visible
{
	display: block;
}

.mm_tabdialog_tab_content
{
	display: none;
}

.mm_tabdialog_tab_content.visible
{
	display: block;
}

.mm_tabdialog .mm_list
{
	position: absolute;
	top: 16px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: visible;
}

.mm_tabdialog .mm_list_container
{
	overflow: visible;
}

.mm_tabdialog .mm_list:not(.mm_list_fullscreen) .mm_list_actions_container
{
	background-color: transparent;
	border: none;
	border-radius: 0;
}

.mm_tabdialog .mm_list:not(.mm_list_fullscreen) .mm_list_listinfo_container
{
	left: 24px;
	bottom: -65px;
	justify-content: flex-start;
	pointer-events: none;

	mm-text
	{
		pointer-events: auto;
	}
}

.mm_tabdialog .mm_list.mm_list_feature_recordcount:not(.mm_list_fullscreen) .mm_list_scroll_container
{
	right: 24px;
	bottom: 0;
	left: 24px;
}

.mm_tabdialog .mm_list.mm_list_local_actions_controls_container_visible:not(.mm_list_fullscreen) .mm_list_local_actions_controls_container
{
	margin-right: 24px;
	margin-left: 24px;
	padding: 8px 20px;
	background-color: var(--mm-list-action-bar-background-color);
	border: var(--mm-list-action-bar-border);
	border-radius: var(--mm-list-action-bar-radius);

	&:not(:has(.mm_list_feature_add_actions_visible, .mm_list_feature_edit_actions_visible, .mm_list_feature_error_actions_visible, .mm_list_feature_selection_actions_visible, .mm_list_feature_displayorder_actions_visible))
	{
		background-color: transparent;
		border-color: transparent;
	}

	.mm_list_local_actions_container,
	.mm_list_actions_container,
	.mm_list_local_controls_container
	{
		height: 36px;
	}
}

/** MMListDialog CSS Customizations **/

.mm_listdialog_content
{
	overflow: visible;
	z-index: 1;
}

.mm_listdialog .mm_list
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: visible;
}

.mm_listdialog .mm_list_container
{
	overflow: visible;
}

.mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_actions_container
{
	background-color: transparent;
	border: none;
	border-radius: 0;
}

.mm_listdialog .mm_list:not(.mm_list_fullscreen) .mm_list_listinfo_container
{
	left: 24px;
	bottom: -65px;
	justify-content: flex-start;
	pointer-events: none;

	mm-text
	{
		pointer-events: auto;
	}
}

.mm_listdialog .mm_list.mm_list_feature_recordcount:not(.mm_list_fullscreen) .mm_list_scroll_container
{
	right: 24px;
	bottom: 0;
	left: 24px;
}

.mm_listdialog .mm_list.mm_list_local_actions_controls_container_visible:not(.mm_list_fullscreen) .mm_list_local_actions_controls_container
{
	margin-right: 24px;
	margin-left: 24px;
	padding: 8px 20px;
	background-color: var(--mm-list-action-bar-background-color);
	border: var(--mm-list-action-bar-border);
	border-radius: var(--mm-list-action-bar-radius);

	&:not(:has(.mm_list_feature_add_actions_visible, .mm_list_feature_edit_actions_visible, .mm_list_feature_error_actions_visible, .mm_list_feature_selection_actions_visible, .mm_list_feature_displayorder_actions_visible))
	{
		background-color: transparent;
		border-color: transparent;
	}

	.mm_list_local_actions_container,
	.mm_list_actions_container,
	.mm_list_local_controls_container
	{
		height: 36px;
	}
}

#modal_background
{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(15, 22, 38, 0.7);
	display: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm_dialog_skinned_scrollbar_width
{
	width: 100px;
	height: 100px;
	overflow: scroll;
	position: absolute;
	top: -9999px;
}

/** MMActionDialog CSS Customizations **/

.mm_actiondialog_container:has(.mm_actiondialog_title:empty):has(.mm_actiondialog_top_controls.hidden)
{
	.mm_actiondialog_header
	{
		display: none;
	}

	.mm_actiondialog_content
	{
		padding-top: 24px;
	}
}

.mm_actiondialog_content
{
	position: relative;
	display: block;
	padding: 0 24px;
	text-align: left;
	font-size: var(--mm-actiondialog-content-font-size);
	color: var(--mm-actiondialog-content-text-color);
	line-height: var(--mm-actiondialog-content-line-height);
}

.mm_actiondialog_content_body
{
	padding-bottom: 32px;
}

.mm_actiondialog_title_container:has(.mm_actiondialog_title_centered)
{
	padding-left: 48px;
}

.mm_actiondialog_title_centered,
.mm_actiondialog_message_centered
{
	text-align: center;
}

.mm_actiondialog_default_message
{
	position: relative;
	display: block;
	min-width: 200px;
	max-width: 500px;
	max-height: 350px;
	white-space: pre-wrap;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	overflow: auto;
}

.mm_actiondialog_actionbar
{
	justify-content: space-between;
	column-gap: 24px;

	&:where(:has(.mm_actiondialog_actions_left:empty):not(:has(.mm_actiondialog_actions_right:empty)))
	{ 
		justify-content: flex-end; 
	}

	&.mm_actiondialog_actions_centered
	{
		justify-content: center;
		column-gap: 8px;
	}
}

.mm_actiondialog_actions_right,
.mm_actiondialog_actions_left
{
	position: relative;
	display: inline-flex;
	column-gap: 8px;
}

.mm_actiondialog_actions_right:empty,
.mm_actiondialog_actions_left:empty
{
	display: none;
}

.mm10_confirmationdialog_ignorefutureconfirmations_container
{
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-grow: 1;
	margin-top: 10px;
}/*************************/
/*    Checkbox Styles    */
/*************************/

mm-checkbox
{
	position: relative;
	display: inline-flex;
}

mm-checkbox[size~="full"]
{
	display: flex;
	flex-grow: 1;
}

.mm_checkbox
{
	position: relative;
	display: inline-flex;
	align-items: start;
	column-gap: var(--mm-field-checkbox-gap);
	cursor: pointer;

	mm-checkbox[size~="small"] &,
	&.small
	{
		--mm-field-checkbox-gap: var(--mm-field-checkbox-gap--s);
	}

	mm-checkbox[size~="large"] &,
	&.large
	{
		--mm-field-checkbox-gap: var(--mm-field-checkbox-gap--l);
	}

	mm-checkbox[size~="extra-large"] &,
	&.extra-large
	{
		--mm-field-checkbox-gap: var(--mm-field-checkbox-gap--xl);
	}

	mm-checkbox[disabled] &,
	&.disabled
	{
		cursor: default;
	}
}

.mm_checkbox .mm_checkbox_container
{
	position: relative;
	display: inline-block;
	margin-top: 1px;
	width: var(--mm-field-checkbox-dimension);
	height: var(--mm-field-checkbox-dimension);
	background: var(--mm-field-checkbox-background-color);
	border: var(--mm-field-checkbox-border);
	border-radius: var(--mm-field-checkbox-border-radius);
	box-shadow: var(--mm-field-checkbox-box-shadow);
	box-sizing: border-box;
	outline: var(--mm-field-checkbox-outline);
	outline-offset: var(--mm-field-checkbox-outline-offset);
	transition: background-color 0.15s linear, border-color 0.15s linear;
	flex-shrink: 0;

	mm-checkbox[size~="small"] &,
	.mm_checkbox.small &
	{
		margin-top: 0;
		--mm-field-checkbox-dimension: var(--mm-field-checkbox-dimension--s);
	}

	mm-checkbox[size~="large"] &,
	.mm_checkbox.large &
	{
		--mm-field-checkbox-dimension: var(--mm-field-checkbox-dimension--l);
	}

	mm-checkbox[size~="extra-large"] &,
	.mm_checkbox.extra-large &
	{
		--mm-field-checkbox-dimension: var(--mm-field-checkbox-dimension--xl);
	}

	&.focus:not(.click-focus)
	{
		--mm-field-checkbox-outline: var(--mm-field-checkbox-outline--focus);
	}

	&.active
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active);
	}

	mm-checkbox[readonly] &,
	.mm_checkbox.readonly &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--readonly);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--readonly);
	}

	mm-checkbox[readonly] &.active,
	.mm_checkbox.readonly &.active
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active--readonly);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active--readonly);
	}

	mm-checkbox[disabled] &,
	.mm_checkbox.disabled &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--disabled);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--disabled);
		--mm-field-checkbox-box-shadow: var(--mm-field-checkbox-box-shadow--disabled);
	}

	mm-checkbox[disabled] &.active,
	.mm_checkbox.disabled &.active
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active--disabled);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active--disabled);
	}
}

.mm_checkbox .mm_checkbox_container .mm_checkbox_background
{
	display: none;
}

.mm_checkbox .mm_checkbox_container .mm_checkbox_foreground_1
{
	position: absolute;
	display: block;
	top: 8px;
	left: 2px;
	width: 5px;
	height: 2px;
	background-color: var(--mm-field-checkbox-foreground-color);
	border-radius: 1px;
	opacity: 0;
	transform: rotate(45deg);
	transition: opacity 0.15s linear;

	mm-checkbox[size~="small"] &,
	.mm_checkbox.small &
	{
		top: 7px;
		left: 2px;
		width: 4px;
		height: 2px;
	}

	mm-checkbox[size~="extra-large"] &,
	.mm_checkbox.extra-large &
	{
		top: 9px;
		left: 3px;
	}

	.mm_checkbox_container.active &
	{
		opacity: 1;
	}
}

.mm_checkbox .mm_checkbox_container .mm_checkbox_foreground_2
{
	position: absolute;
	display: block;
	top: 6px;
	left: 4px;
	width: 9px;
	height: 2px;
	background-color: var(--mm-field-checkbox-foreground-color);
	border-radius: 1px;
	opacity: 0;
	transform: rotate(-46deg);
	transition: opacity 0.15s linear;

	mm-checkbox[size~="small"] &,
	.mm_checkbox.small &
	{
		top: 5px;
		left: 4px;
		width: 7px;
		height: 2px;
	}

	mm-checkbox[size~="extra-large"] &,
	.mm_checkbox.extra-large &
	{
		top: 7px;
		left: 5px;
	}

	.mm_checkbox_container.active &
	{
		opacity: 1;
	}
}

.mm_checkbox .mm_checkbox_text
{
	position: relative;
	display: inline-block;
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-checkbox-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	color: var(--mm-field-checkbox-text-color);
	overflow-wrap: anywhere;

	mm-checkbox[size~="small"] &,
	.mm_checkbox.small &
	{
		--mm-field-font-size: var(--mm-field-font-size--s);
	}

	mm-checkbox[size~="large"] &,
	.mm_checkbox.large &
	{
		--mm-field-font-size: var(--mm-field-font-size--l);
	}

	mm-checkbox[size~="extra-large"] &,
	.mm_checkbox.extra-large &
	{
		--mm-field-font-size: var(--mm-field-font-size--xl);
	}

	.mm_checkbox &:empty
	{
		display: none;
	}

	.mm_checkbox.disabled &
	{
		--mm-field-checkbox-text-color: var(--mm-field-checkbox-text-color--disabled);
	}
}

/********************************/
/*    Checkbox Slider Styles    */
/********************************/

mm-checkbox[slider]
{
	position: relative;
	display: inline-flex;
}

mm-checkbox[slider][size~="full"]
{
	display: flex;
	flex-grow: 1;
}

.mm_checkboxslider
{
	position: relative;
	display: inline-flex;
	align-items: start;
	column-gap: var(--mm-field-checkbox-gap);
	cursor: pointer;

	mm-checkbox[slider][size~="small"] &,
	&.small
	{
		--mm-field-checkbox-gap: var(--mm-field-checkbox-gap--s);
	}

	mm-checkbox[slider][size~="large"] &,
	&.large
	{
		--mm-field-checkbox-gap: var(--mm-field-checkbox-gap--l);
	}

	mm-checkbox[slider][size~="extra-large"] &,
	&.extra-large
	{
		--mm-field-checkbox-gap: var(--mm-field-checkbox-gap--xl);
	}

	mm-checkbox[slider][disabled] &,
	&.disabled
	{
		cursor: default;
	}
}

.mm_checkboxslider .mm_checkbox_container
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: var(--mm-field-checkbox-slider-width);
	height: var(--mm-field-checkbox-slider-height);
	background: transparent;
	border: none;
	border-radius: calc(var(--mm-field-checkbox-slider-height) / 2);
	box-shadow: var(--mm-field-checkbox-box-shadow);
	box-sizing: border-box;
	outline: var(--mm-field-checkbox-outline);
	outline-offset: var(--mm-field-checkbox-outline-offset);
	flex-shrink: 0;

	mm-checkbox[slider][size~="small"] &,
	.mm_checkboxslider.small &
	{
		--mm-field-checkbox-slider-width: var(--mm-field-checkbox-slider-width--s);
		--mm-field-checkbox-slider-height: var(--mm-field-checkbox-slider-height--s);
		--mm-field-checkbox-gap: var(--mm-field-checkbox-gap--s);
	}

	mm-checkbox[slider][size~="large"] &,
	.mm_checkboxslider.large &
	{
		--mm-field-checkbox-slider-width: var(--mm-field-checkbox-slider-width--l);
		--mm-field-checkbox-slider-height: var(--mm-field-checkbox-slider-height--l);
		--mm-field-checkbox-gap: var(--mm-field-checkbox-gap--l);
	}

	mm-checkbox[slider][size~="extra-large"] &,
	.mm_checkboxslider.extra-large &
	{
		--mm-field-checkbox-slider-width: var(--mm-field-checkbox-slider-width--xl);
		--mm-field-checkbox-slider-height: var(--mm-field-checkbox-slider-height--xl);
		--mm-field-checkbox-gap: var(--mm-field-checkbox-gap--xl);
	}

	&.focus:not(.click-focus)
	{
		--mm-field-checkbox-outline: var(--mm-field-checkbox-outline--focus);
	}
}

.mm_checkboxslider .mm_checkbox_background
{
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--mm-field-checkbox-slider-background-color);
	border-radius: calc(var(--mm-field-checkbox-slider-height) / 2);
	transition: background-color 0.15s linear;

	.mm_checkbox_container.active &
	{
		--mm-field-checkbox-slider-background-color: var(--mm-field-checkbox-slider-background-color--active);
	}

	mm-checkbox[slider][readonly] &,
	.mm_checkboxslider.readonly &
	{
		--mm-field-checkbox-slider-background-color: var(--mm-field-checkbox-slider-background-color--readonly);
		--mm-field-checkbox-slider-border: var(--mm-field-checkbox-slider-border--readonly);
	}

	mm-checkbox[slider][readonly] .mm_checkbox_container.active &,
	.mm_checkboxslider.readonly .mm_checkbox_container.active &
	{
		--mm-field-checkbox-slider-background-color: var(--mm-field-checkbox-slider-background-color--active--readonly);
		--mm-field-checkbox-slider-border: var(--mm-field-checkbox-slider-border--active--readonly);
	}

	mm-checkbox[slider][disabled] &,
	.mm_checkboxslider.disabled &
	{
		--mm-field-checkbox-slider-background-color: var(--mm-field-checkbox-slider-background-color--disabled);
	}

	mm-checkbox[slider][disabled] .mm_checkbox_container.active &,
	.mm_checkboxslider.disabled .mm_checkbox_container.active &
	{
		--mm-field-checkbox-slider-background-color: var(--mm-field-checkbox-slider-background-color--active--disabled);
	}
}

.mm_checkboxslider .mm_checkbox_foreground_1
{
	position: absolute;
	display: inline-block;
	top: 2px;
	left: 2px;
	width: var(--mm-field-checkbox-slider-toggle-dimension);
	height: var(--mm-field-checkbox-slider-toggle-dimension);
	background-color: var(--mm-field-checkbox-slider-foreground-color);
	border-radius: 50%;
	box-shadow: var(--mm-field-checkbox-slider-toggle-shadow);
	box-sizing: border-box;
	transition: all 0.15s linear;

	.mm_checkbox_container.active &
	{
		left: 18px;
	}

	mm-checkbox[slider][size~="small"] &,
	.mm_checkboxslider.small &
	{
		--mm-field-checkbox-slider-toggle-dimension: var(--mm-field-checkbox-slider-toggle-dimension--s);
	}

	mm-checkbox[slider][size~="large"] &,
	.mm_checkboxslider.large &
	{
		--mm-field-checkbox-slider-toggle-dimension: var(--mm-field-checkbox-slider-toggle-dimension--l);
	}

	mm-checkbox[slider][size~="extra-large"] &,
	.mm_checkboxslider.extra-large &
	{
		--mm-field-checkbox-slider-toggle-dimension: var(--mm-field-checkbox-slider-toggle-dimension--xl);
	}

	mm-checkbox[slider][readonly] &,
	.mm_checkboxslider.readonly &
	{
		--mm-field-checkbox-slider-foreground-color: var(--mm-field-checkbox-slider-foreground-color--readonly);
	}

	mm-checkbox[slider][readonly] .mm_checkbox_container.active &,
	.mm_checkboxslider.readonly .mm_checkbox_container.active &
	{
		--mm-field-checkbox-slider-foreground-color: var(--mm-field-checkbox-slider-foreground-color--active--readonly);
	}

	mm-checkbox[slider][disabled] &,
	.mm_checkboxslider.disabled &
	{
		--mm-field-checkbox-slider-foreground-color: var(--mm-field-checkbox-slider-foreground-color--disabled);
	}

	mm-checkbox[slider][disabled] .mm_checkbox_container.active &,
	.mm_checkboxslider.disabled .mm_checkbox_container.active &
	{
		--mm-field-checkbox-slider-foreground-color: var(--mm-field-checkbox-slider-foreground-color--active--disabled);
	}
}

.mm_checkboxslider .mm_checkbox_foreground_2,
.mm_checkboxslider .mm_checkbox_container.active .mm_checkbox_foreground_2
{
	display: none;
}

.mm_checkboxslider .mm_checkbox_text
{
	position: relative;
	display: inline-block;
	margin-top: 1px;
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-checkbox-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	color: var(--mm-field-checkbox-text-color);
	overflow-wrap: anywhere;

	mm-checkbox[slider][size~="small"] &,
	.mm_checkboxslider.small &
	{
		margin-top: 3px;
		--mm-field-font-size: var(--mm-field-font-size--s);
	}

	mm-checkbox[slider][size~="large"] &,
	.mm_checkboxslider.large &
	{
		margin-top: 4px;
		--mm-field-font-size: var(--mm-field-font-size--l);
	}

	mm-checkbox[slider][size~="extra-large"] &,
	.mm_checkboxslider.extra-large &
	{
		margin-top: 2px;
		--mm-field-font-size: var(--mm-field-font-size--xl);
	}

	.mm_checkboxslider &:empty
	{
		display: none;
	}

	.mm_checkboxslider.disabled &
	{
		--mm-field-checkbox-text-color: var(--mm-field-checkbox-text-color--disabled);
	}
}/*******************************************/
/*    Date / Time Picker Display Styles    */
/*******************************************/

mm-datetimepickerdisplay
{
	position: relative;
	display: inline-flex;
	padding: var(--mm-field-datetimepickerdisplay-padding);
	height: var(--mm-field-datetimepickerdisplay-height);
	background: var(--mm-field-datetimepickerdisplay-background-color);
	border: var(--mm-field-datetimepickerdisplay-border);
	border-radius: var(--mm-field-datetimepickerdisplay-border-radius);
	box-shadow: var(--mm-field-datetimepickerdisplay-shadow);
	box-sizing: border-box;
	align-items: center;
	cursor: pointer;
	outline: none;
	user-select: none;

	&[size~="full"],
	&.whole_width
	{
		display: flex;
		width: auto;
		flex-grow: 1;
	}
}

mm-datetimepickerdisplay .mm_datetimepickerdisplay_container
{
	position: relative;
	display: flex;
	align-items: center;
	flex-grow: 1;
}

mm-datetimepickerdisplay .mm_datetimepickerdisplay_date_container,
mm-datetimepickerdisplay .mm_datetimepickerdisplay_time_container
{
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-grow: 1;
}

mm-datetimepickerdisplay[dateonly] .mm_datetimepickerdisplay_time_container
{
	display: none;
}

mm-datetimepickerdisplay .mm_datetimepickerdisplay_date_icon,
mm-datetimepickerdisplay .mm_datetimepickerdisplay_time_icon
{
	position: relative;
	display: inline-block;
	margin-right: 12px;
	width: var(--mm-field-font-size);
	height: var(--mm-field-font-size);
	font-size: var(--mm-field-font-size);
	color: var(--mm-field-datetimepickerdisplay-text-color);
	flex-shrink: 0;
}

mm-datetimepickerdisplay .mm_datetimepickerdisplay_date,
mm-datetimepickerdisplay .mm_datetimepickerdisplay_time
{
	position: relative;
	display: inline-block;
	color: var(--mm-field-datetimepickerdisplay-text-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
}

mm-datetimepickerdisplay .mm_datetimepickerdisplay_divider
{
	position: relative;
	display: inline-block;
	margin: 0 15px;
	width: 1px;
	height: calc(var(--mm-field-datetimepickerdisplay-height) - 12px);
	background-color: var(--mm-field-datetimepickerdisplay-divider-color);
}

mm-datetimepickerdisplay[dateonly] .mm_datetimepickerdisplay_divider
{
	display: none;
}

mm-datetimepickerdisplay .mm_datetimepickerdisplay_error_icon
{
	display: none;

	mm-datetimepickerdisplay[invalid] &
	{
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		width: var(--mm-field-invalid-icon-dimension);
		height: var(--mm-field-invalid-icon-dimension);
		background-color: #fff;
		border-radius: 50%;
		transform: translate(50%, -50%);

		svg
		{
			width: var(--mm-field-invalid-icon-dimension);
			height: var(--mm-field-invalid-icon-dimension);

			.mm10_svg_icon_color
			{
				fill: var(--mm-field-invalid-icon-color);
			}
		}
	}
}

mm-datetimepickerdisplay .mm_datetimepickerdisplay_error_container
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

mm-datetimepickerdisplay .mm_datetimepickerdisplay_error_container .mm_datetimepickerdisplay_error_tail
{
	position: absolute;
	top: 4px;
	left: 50%;
	width: 12px;
	height: 12px;
	background-color: var(--mm-field-invalid-message-background-color);
	transform: translateX(-50%) rotate(45deg);
	z-index: 1;
}

mm-datetimepickerdisplay .mm_datetimepickerdisplay_error_container.above .mm_datetimepickerdisplay_error_tail
{
	top: auto;
	bottom: 4px;
}

mm-datetimepickerdisplay .mm_datetimepickerdisplay_error_container .mm_datetimepickerdisplay_error_message
{
	position: relative;
	display: block;
	margin: 10px;
	padding: 15px;
	background: var(--mm-field-invalid-message-background-color);
	color: var(--mm-field-invalid-message-text-color);
	font-size: 12px;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	border-radius: var(--mm-field-invalid-message-border-radius);
}

/* CSS Variable State Overrides */

mm-datetimepickerdisplay[size~="small"],
mm-datetimepickerdisplay.small
{
	--mm-field-datetimepickerdisplay-padding: var(--mm-field-datetimepickerdisplay-padding--s);
	--mm-field-datetimepickerdisplay-height: var(--mm-field-datetimepickerdisplay-height--s);
	--mm-field-font-size: var(--mm-field-font-size--s);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--s);
}

mm-datetimepickerdisplay[size~="large"],
mm-datetimepickerdisplay.large
{
	--mm-field-datetimepickerdisplay-padding: var(--mm-field-datetimepickerdisplay-padding--l);
	--mm-field-datetimepickerdisplay-height: var(--mm-field-datetimepickerdisplay-height--l);
	--mm-field-font-size: var(--mm-field-font-size--l);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--l);
}

mm-datetimepickerdisplay[size~="extra-large"],
mm-datetimepickerdisplay.extra-large
{
	--mm-field-datetimepickerdisplay-padding: var(--mm-field-datetimepickerdisplay-padding--xl);
	--mm-field-datetimepickerdisplay-height: var(--mm-field-datetimepickerdisplay-height--xl);
	--mm-field-font-size: var(--mm-field-font-size--xl);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--xl);
}

mm-datetimepickerdisplay:focus,
mm-datetimepickerdisplay.focus
{
	--mm-field-datetimepickerdisplay-border: var(--mm-field-datetimepickerdisplay-border--focus);
	--mm-field-datetimepickerdisplay-shadow: var(--mm-field-datetimepickerdisplay-shadow--focus);
}

mm-datetimepickerdisplay[readonly]
{
	--mm-field-datetimepickerdisplay-border: var(--mm-field-datetimepickerdisplay-border--readonly);
	--mm-field-datetimepickerdisplay-background-color: var(--mm-field-datetimepickerdisplay-background-color--readonly);
	--mm-field-datetimepickerdisplay-text-color: var(--mm-field-datetimepickerdisplay-text-color--readonly);
}

mm-datetimepickerdisplay[readonly]:focus
{
	--mm-field-datetimepickerdisplay-shadow: var(--mm-field-datetimepickerdisplay-shadow--readonly--focus);
	--mm-field-datetimepickerdisplay-border: var(--mm-field-datetimepickerdisplay-border--readonly--focus);
}

mm-datetimepickerdisplay[disabled]
{
	--mm-field-datetimepickerdisplay-text-color: var(--mm-field-datetimepickerdisplay-text-color--disabled);
}

mm-datetimepickerdisplay.invalid,
mm-datetimepickerdisplay.invalid:focus,
mm-datetimepickerdisplay.invalid.focus,
mm-datetimepickerdisplay.invalid:hover,
mm-datetimepickerdisplay.invalid.active
{
	--mm-field-datetimepickerdisplay-border: var(--mm-field-datetimepickerdisplay-border--invalid);
}

mm-datetimepickerdisplay.invalid:focus,
mm-datetimepickerdisplay.invalid.focus
{
	--mm-field-datetimepickerdisplay-shadow: var(--mm-field-datetimepickerdisplay-shadow--invalid--focus);
}

mm-datetimepickerdisplay[disabled],
mm-datetimepickerdisplay[disabled]:focus,
mm-datetimepickerdisplay[disabled].focus,
mm-datetimepickerdisplay[disabled]:hover,
mm-datetimepickerdisplay[disabled].active,
mm-datetimepickerdisplay[disabled].invalid
{
	--mm-field-datetimepickerdisplay-border: var(--mm-field-datetimepickerdisplay-border--disabled);
	--mm-field-datetimepickerdisplay-background-color: var(--mm-field-datetimepickerdisplay-background-color--disabled);
}

/************************************/
/*    Time Picker Display Styles    */
/************************************/

.mm_timepickerdisplay
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.mm_timepickerdisplay_button
{
	position: relative;
	display: inline-flex;
	padding: var(--mm-field-datetimepickerdisplay-padding);
	height: var(--mm-field-datetimepickerdisplay-height);
	background: var(--mm-field-datetimepickerdisplay-background-color);
	border: var(--mm-field-datetimepickerdisplay-border);
	border-radius: var(--mm-field-datetimepickerdisplay-border-radius);
	box-shadow: var(--mm-field-datetimepickerdisplay-shadow);
	box-sizing: border-box;
	align-items: center;
	cursor: pointer;
	outline: none;
	user-select: none;

	.mm_timepickerdisplay.whole_width &
	{
		display: flex;
		width: auto;
		flex-grow: 1;
	}
}

.mm_timepickerdisplay_button_content
{
	position: relative;
	display: flex;
	align-items: center;
}

.mm_timepickerdisplay_button_content_time_container
{
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-grow: 1;
}

.mm_timepickerdisplay_button_content_time_icon
{
	position: relative;
	display: inline-block;
	margin-right: 12px;
	width: var(--mm-field-font-size);
	height: var(--mm-field-font-size);
	font-size: var(--mm-field-font-size);
	color: var(--mm-field-datetimepickerdisplay-text-color);
	flex-shrink: 0;
}

.mm_timepickerdisplay_button_content_time
{
	position: relative;
	display: inline-block;
	color: var(--mm-field-datetimepickerdisplay-text-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
}

.mm9_button_error_icon
{
	.mm_timepickerdisplay.invalid &
	{
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		width: var(--mm-field-invalid-icon-dimension);
		height: var(--mm-field-invalid-icon-dimension);
		background-color: #fff;
		border-radius: 50%;
		transform: translate(50%, -50%);

		svg
		{
			width: var(--mm-field-invalid-icon-dimension);
			height: var(--mm-field-invalid-icon-dimension);

			.mm10_svg_icon_color
			{
				fill: var(--mm-field-invalid-icon-color);
			}
		}
	}
}

.mm_timepickerdisplay_menu
{
	position: absolute;
	display: none;
	top: 46px;
	right: auto;
	left: 0;
	margin: 11px 0;
	padding: 20px;
	background: var(--mm-field-datetimepickerdisplay-menu-background-color);
	border: var(--mm-field-datetimepickerdisplay-menu-border);
	border-radius: var(--mm-field-datetimepickerdisplay-menu-border-radius);
	box-shadow: var(--mm-field-datetimepickerdisplay-menu-shadow);
	text-align: left;
	box-sizing: border-box;
	overflow: auto;
	z-index: 99999;
}

.mm_timepickerdisplay_menu .mm9_menubutton_menu_item
{
	display: inline-flex;
	padding: 0;
	align-items: center;
}

.mm_timepickerdisplay_menu .mm9_menubutton_menu_item.mm_timepickerdisplay_menu_item_minute,
.mm_timepickerdisplay_menu .mm9_menubutton_menu_item.mm_timepickerdisplay_menu_item_second
{
	margin-left: 6px;
}

.mm_timepickerdisplay_menu .mm9_menubutton_menu_item.mm_timepickerdisplay_menu_item_minute::before,
.mm_timepickerdisplay_menu .mm9_menubutton_menu_item.mm_timepickerdisplay_menu_item_second::before
{
	position: relative;
	display: inline-block;
	margin-right: 6px;
	color: var(--mm-field-datetimepickerdisplay-text-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	content: ':';
}

.mm_timepickerdisplay_menu .mm9_menubutton_menu_item.mm_timepickerdisplay_menu_item_ampm
{
	margin-left: 10px;
}

.mm_timepickerdisplay_menu .mm_select_common .mm_select_common_button
{
	min-width: 76px;
}

.mm_timepickerdisplay_menu_item_time_period
{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* CSS Variable State Overrides */

.mm_timepickerdisplay.small
{
	--mm-field-datetimepickerdisplay-padding: var(--mm-field-datetimepickerdisplay-padding--s);
	--mm-field-datetimepickerdisplay-height: var(--mm-field-datetimepickerdisplay-height--s);
	--mm-field-font-size: var(--mm-field-font-size--s);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--s);
}

.mm_timepickerdisplay.large
{
	--mm-field-datetimepickerdisplay-padding: var(--mm-field-datetimepickerdisplay-padding--l);
	--mm-field-datetimepickerdisplay-height: var(--mm-field-datetimepickerdisplay-height--l);
	--mm-field-font-size: var(--mm-field-font-size--l);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--l);
}

.mm_timepickerdisplay.extra-large
{
	--mm-field-datetimepickerdisplay-padding: var(--mm-field-datetimepickerdisplay-padding--xl);
	--mm-field-datetimepickerdisplay-height: var(--mm-field-datetimepickerdisplay-height--xl);
	--mm-field-font-size: var(--mm-field-font-size--xl);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--xl);
}

.mm_timepickerdisplay_button.focus,
.mm_timepickerdisplay_button.active,
.mm_timepickerdisplay.active .mm_timepickerdisplay_button
{
	--mm-field-datetimepickerdisplay-border: var(--mm-field-datetimepickerdisplay-border--focus);
	--mm-field-datetimepickerdisplay-shadow: var(--mm-field-datetimepickerdisplay-shadow--focus);
}

.mm_timepickerdisplay.invalid .mm_timepickerdisplay_button,
.mm_timepickerdisplay.invalid .mm_timepickerdisplay_button.focus,
.mm_timepickerdisplay.invalid .mm_timepickerdisplay_button:hover,
.mm_timepickerdisplay.invalid .mm_timepickerdisplay_button.active,
.mm_timepickerdisplay.invalid.active .mm_timepickerdisplay_button
{
	--mm-field-datetimepickerdisplay-border: var(--mm-field-datetimepickerdisplay-border--invalid);
}

.mm_timepickerdisplay.invalid .mm_timepickerdisplay_button.focus,
.mm_timepickerdisplay.invalid .mm_timepickerdisplay_button.active,
.mm_timepickerdisplay.invalid.active .mm_timepickerdisplay_button
{
	--mm-field-datetimepickerdisplay-shadow: var(--mm-field-datetimepickerdisplay-shadow--invalid--focus);
	--mm-field-datetimepickerdisplay-border: var(--mm-field-datetimepickerdisplay-border--invalid);
}

.mm_timepickerdisplay_button.disabled,
.mm_timepickerdisplay_button.disabled.focus,
.mm_timepickerdisplay_button.disabled:hover,
.mm_timepickerdisplay_button.disabled.active,
.mm_timepickerdisplay .mm_timepickerdisplay_button.disabled,
.mm_timepickerdisplay.invalid .mm_timepickerdisplay_button.disabled
{
	--mm-field-datetimepickerdisplay-text-color: var(--mm-field-datetimepickerdisplay-text-color--disabled);
	--mm-field-datetimepickerdisplay-border: var(--mm-field-datetimepickerdisplay-border--disabled);
	--mm-field-datetimepickerdisplay-background-color: var(--mm-field-datetimepickerdisplay-background-color--disabled);
}/**********************/
/*    Input Styles    */
/**********************/

mm-input[size]:not([size~="full"],[size~="auto"])
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
}

.mm_input_common
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 0;
	padding: var(--mm-field-input-padding);
	width: 250px;
	height: var(--mm-field-input-height);
	background: var(--mm-field-input-background-color);
	border: var(--mm-field-input-border);
	border-radius: var(--mm-field-input-border-radius);
	box-shadow: var(--mm-field-input-shadow);
	box-sizing: border-box;
	align-items: center;
	transition: border-color 0.1s linear;
	outline: none;

	&.title_visible,
	&.show_hide_password_visible
	{
		margin-top: var(--mm-field-input-title-margin-top);
	}

	&.fixed_extranarrow_width
	{
		width: 75px;
	}

	&.fixed_narrow_width
	{
		width: 125px;
	}

	&.fixed_narrow_medium_width
	{
		width: 175px;
	}

	&.fixed_default_width
	{
		width: 250px;
	}

	&.fixed_wide_width
	{
		width: 400px;
	}

	mm-input[size]:not([size~="auto"]) &,
	&.whole_width
	{
		display: flex;
		width: auto;
		flex-grow: 1;
	}
}

.mm_input_common.search
{
	padding-left: 37px;

	&::before
	{
		position: absolute;
		top: 10px;
		left: 13px;
		width: 13px;
		height: 13px;
		background-color: transparent;
		border: 1px solid var(--mm-field-input-search-icon-color);
		border-radius: 50%;
		box-sizing: border-box;
		transition: 0.15s all linear;
		content: '';

		&.focus
		{
			--mm-field-input-search-icon-color: var(--mm-field-input-search-icon-color--focus)
		}

		&.disabled
		{
			--mm-field-input-search-icon-color: var(--mm-field-input-search-icon-color--disabled)
		}
	}

	&::after
	{
		position: absolute;
		top: 20px;
		left: 25px;
		width: 1px;
		height: 5px;
		background-color: var(--mm-field-input-search-icon-color);
		border-radius: 1px;
		transform: rotate(-45deg);
		transition: 0.15s all linear;
		content: '';

		&.focus
		{
			--mm-field-input-search-icon-color: var(--mm-field-input-search-icon-color--focus)
		}

		&.disabled
		{
			--mm-field-input-search-icon-color: var(--mm-field-input-search-icon-color--disabled)
		}
	}
}

.mm_input_title,
.mm_input_title_tooltip
{
	display: none;
}

.mm_input_common.title_visible
{
	.mm_input_title
	{
		position: absolute;
		display: flex;
		top: calc(0px - var(--mm-field-input-title-margin-top));
		left: 0;
		align-items: center;

		.mm_input_title_text
		{
			font-family: var(--mm-field-prompt-font-family);
			font-size: var(--mm-field-prompt-font-size);
			font-style: var(--mm-field-prompt-font-style);
			font-weight: var(--mm-field-prompt-font-weight);
			line-height: var(--mm-field-prompt-line-height);
			letter-spacing: var(--mm-field-prompt-letter-spacing);
			color: var(--mm-field-prompt-text-color);
			text-transform: none;
	
			mm-input[required] &::after,
			.mm_input_common.required &::after
			{
				content: '*';
			}
		}
	}

	&.tooltip_visible
	{
		.mm_input_title_tooltip
		{
			position: relative;
			display: inline-flex;
			margin-left: 6px;
		}
	}
}

.mm_input_common.show_hide_password_visible .mm_input_show_hide_password_toggle
{
	position: absolute;
	top: -22px;
	right: 0;
}

.mm_input_prefix
{
	display: none;

	.mm_input_common.prefix_visible &
	{
		position: relative;
		display: inline-block;
		margin-right: 10px;
		color: var(--mm-field-input-text-color-prefix);
		font-family: var(--mm-field-font-family);
		font-size: var(--mm-field-font-size);
		font-style: var(--mm-field-font-style);
		font-weight: var(--mm-field-font-weight);
		line-height: var(--mm-field-line-height);
		letter-spacing: var(--mm-field-letter-spacing);

		.mm_input_common.prefix_border &
		{
			border-right: 1px solid var(--mm-field-border-color);
			height: 100%;
			padding-right: 15px;
			align-content: center;
		}
	}
}

.mm_input_label
{
	display: none;

	.mm_input_common.label_visible &
	{
		position: relative;
		display: inline-block;
		margin-left: 10px;
		color: var(--mm-field-input-text-color-label);
		font-family: var(--mm-field-font-family);
		font-size: var(--mm-field-font-size);
		font-style: var(--mm-field-font-style);
		font-weight: var(--mm-field-font-weight);
		line-height: var(--mm-field-line-height);
		letter-spacing: var(--mm-field-letter-spacing);
	}
}

.mm_input_error_icon
{
	display: none;

	.mm_input_common.invalid &
	{
		position: relative;
		display: inline-block;
		margin-left: 10px;
		width: var(--mm-field-invalid-icon-dimension);
		height: var(--mm-field-invalid-icon-dimension);
		flex-shrink: 0;
		background-color: #fff;
		border-radius: 50%;

		svg
		{
			width: var(--mm-field-invalid-icon-dimension);
			height: var(--mm-field-invalid-icon-dimension);

			.mm10_svg_icon_color
			{
				fill: var(--mm-field-invalid-icon-color);
			}
		}
	}
}

.mm_input
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	color: var(--mm-field-input-text-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	background: transparent;
	border: none;
	box-sizing: border-box;
	text-align: left;
	flex-grow: 1;
	outline: none;

	&::placeholder
	{
		color: var(--mm-field-input-text-color-placeholder);
		font-family: var(--mm-field-font-family);
		font-size: var(--mm-field-font-size);
		font-style: var(--mm-field-font-style);
		font-weight: var(--mm-field-font-weight);
		line-height: var(--mm-field-line-height);
		letter-spacing: var(--mm-field-letter-spacing);
		opacity: 1;
	}
}

mm-input .mm_input_custom_left,
mm-input .mm_input_custom_right
{
	position: relative;
	display: flex;
	column-gap: 10px;
	align-items: center;
	white-space: nowrap;
}

mm-input .mm_input_custom_left
{
	margin-right: 10px;
}

mm-input .mm_input_custom_right
{
	margin-left: 10px;
}

mm-input .mm_input_custom_left:has(mm-select)
{
	margin-left: -10px;
}

mm-input .mm_input_custom_left .mm_select_common_button
{
	--mm-field-select-height: calc(var(--mm-field-input-height) - 8px);
	--mm-field-select-radius: var(--mm-field-input-button-border-radius);
	border: none;
	box-shadow: none;
	outline: none;
}

mm-input .mm_input_custom_left .mm_select_common_button::after
{
	position: absolute;
	top: 5px;
	right: 0;
	bottom: 5px;
	width: 1px;
	background-color: #e1e5eb;
	content: '';
}

mm-input .mm_input_custom_right:has(mm-button)
{
	margin-right: -9px;
}

mm-input .mm_input_custom_right mm-button > [data-mm-button]
{
	--mm-button-height: calc(var(--mm-field-input-height) - 8px);
	--mm-button-radius: var(--mm-field-input-button-border-radius);
	--mm-button-padding-left-right: var(--mm-button-padding-left-right--s);
	--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--s);
	--mm-button-font-size: var(--mm-button-font-size--s);
}

/* CSS Variable State Overrides */

mm-input[size~="small"],
.mm_input_common.small
{
	--mm-field-input-padding: var(--mm-field-input-padding--s);
	--mm-field-input-height: var(--mm-field-input-height--s);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--s);
	--mm-field-font-size: var(--mm-field-font-size--s);
	--mm-field-select-padding: var(--mm-field-select-padding--s);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--s);
	--mm-field-input-title-margin-top: var(--mm-field-input-title-margin-top--s);

	.mm_input_custom_right mm-button
	{
		--mm-button-padding-left-right: var(--mm-button-padding-left-right--s);
		--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--s);
		--mm-button-font-size: var(--mm-button-font-size--s);
	}
}

mm-input[size~="large"],
.mm_input_common.large
{
	--mm-field-input-padding: var(--mm-field-input-padding--l);
	--mm-field-input-height: var(--mm-field-input-height--l);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--l);
	--mm-field-font-size: var(--mm-field-font-size--l);
	--mm-field-select-padding: var(--mm-field-select-padding--l);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--l);
	--mm-field-input-title-margin-top: var(--mm-field-input-title-margin-top--l);

	.mm_input_custom_right mm-button
	{
		--mm-button-padding-left-right: var(--mm-button-padding-left-right--m);
		--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--m);
		--mm-button-font-size: var(--mm-button-font-size--m);
	}
}

mm-input[size~="extra-large"],
.mm_input_common.extra-large
{
	--mm-field-input-padding: var(--mm-field-input-padding--xl);
	--mm-field-input-height: var(--mm-field-input-height--xl);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--xl);
	--mm-field-font-size: var(--mm-field-font-size--xl);
	--mm-field-select-padding: var(--mm-field-select-padding--xl);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--xl);
	--mm-field-input-title-margin-top: var(--mm-field-input-title-margin-top--xl);

	.mm_input_custom_right mm-button
	{
		--mm-button-padding-left-right: var(--mm-button-padding-left-right--l);
		--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--l);
		--mm-button-font-size: var(--mm-button-font-size--l);
	}
}

.mm_input_common.focus
{
	--mm-field-input-border: var(--mm-field-input-border--focus);
	--mm-field-input-shadow: var(--mm-field-input-shadow--focus);
}

mm-input[readonly],
.mm_input_common.readonly
{
	--mm-field-input-background-color: var(--mm-field-input-background-color--readonly);
	--mm-field-input-border: var(--mm-field-input-border--readonly);
	--mm-field-input-text-color-prefix: var(--mm-field-input-text-color-prefix--readonly);
	--mm-field-input-text-color-label: var(--mm-field-input-text-color-label--readonly);
	--mm-field-input-text-color: var(--mm-field-input-text-color--readonly);
}

mm-input[readonly] .mm_input_common.focus,
.mm_input_common.readonly.focus
{
	--mm-field-input-border: var(--mm-field-input-border--readonly--focus);
	--mm-field-input-shadow: var(--mm-field-input-shadow--readonly--focus);
}

mm-input[invalid],
.mm_input_common.invalid,
.mm_input_common.invalid.focus
{
	--mm-field-input-border: var(--mm-field-input-border--invalid);
}

mm-input[invalid] .mm_input_common.focus,
.mm_input_common.invalid.focus
{
	--mm-field-input-border: var(--mm-field-input-border--invalid);
	--mm-field-input-shadow: var(--mm-field-input-shadow--invalid--focus);
}

mm-input[disabled],
mm-input[disabled] .mm_input_common.focus,
mm-input[disabled] .mm_input_common.invalid.focus,
.mm_input_common.disabled,
.mm_input_common.disabled.focus,
.mm_input_common.disabled.invalid.focus
{
	--mm-field-input-background-color: var(--mm-field-input-background-color--disabled);
	--mm-field-input-border: var(--mm-field-input-border--disabled);
	--mm-field-input-text-color-prefix: var(--mm-field-input-text-color-prefix--disabled);
	--mm-field-input-text-color-label: var(--mm-field-input-text-color-label--disabled);
	--mm-field-input-text-color: var(--mm-field-input-text-color--disabled);
}

/************************************/
/*    Auto Complete Input Styles    */
/************************************/

.mm_autocompleteinput_wrapper
{
	position: relative;
	display: block;
}

.mm_autocompleteinput_menu
{
	position: absolute;
	display: none;
	font-size: 12px;
	overflow: auto;
	top: 50px;
	left: 0;
	min-width: 100%;
	max-width: 100%;
	max-height: 300px;
	padding: 15px 0;
	background: #fff;
	border: none;
	box-shadow: 2px 2px 15px -5px rgba( 0, 0, 0, 0.25 );
	box-sizing: border-box;
	z-index: 9999;
}

.mm_autocompleteinput_entry
{
	position: relative;
	display: block;
	padding: 8px 20px 8px 20px;
	white-space: nowrap;
	cursor: pointer;
	color: #000;
	text-align: left;
	font-weight: normal;
}

.mm_autocompleteinput_entry.selected
{
	background-color: #f1f1f1;
}/***********************/
/*    Legacy Styles    */
/***********************/

.mm_legacy_input,
.mm10_content_wrapper input:not(.mm_input),
.mm10_screen_content_grouptab_entry_content input:not(.mm_input),
.mm9_dialog_container input:not(.mm_input),
.mm9_skinned_dialog_container input:not(.mm_input),
.mm_list_filters_container input:not(.mm_input),
.mm_list_advancedsearchdialog_container input:not(.mm_input)
{
	&:is(:not([type]),
		 [type="text"],
		 [type="password"],
		 [type="date"],
		 [type="datetime-local"],
		 [type="email"],
		 [type="month"],
		 [type="number"],
		 [type="search"],
		 [type="tel"],
		 [type="time"],
		 [type="url"],
		 [type="week"])
	{
		display: inline-flex;
		padding: var(--mm-field-input-padding);
		height: var(--mm-field-input-height);
		color: var(--mm-field-input-text-color);
		background: var(--mm-field-input-background-color);
		font-family: var(--mm-field-font-family);
		font-size: var(--mm-field-font-size);
		font-style: var(--mm-field-font-style);
		font-weight: var(--mm-field-font-weight);
		line-height: var(--mm-field-line-height);
		letter-spacing: var(--mm-field-letter-spacing);
		border: var(--mm-field-input-border);
		border-radius: var(--mm-field-input-border-radius);
		box-shadow: var(--mm-field-input-shadow);
		box-sizing: border-box;
		outline: none;

		&:focus
		{
			--mm-field-input-border: var(--mm-field-input-border--focus);
			--mm-field-input-shadow: var(--mm-field-input-shadow--focus);
		}

		&:read-only
		{
			--mm-field-input-text-color: var(--mm-field-input-text-color--readonly);
			--mm-field-input-background-color: var(--mm-field-input-background-color--readonly);
			--mm-field-input-border: var(--mm-field-input-border--readonly);
		}

		&:read-only:focus
		{
			--mm-field-input-border: var(--mm-field-input-border--readonly--focus);
			--mm-field-input-shadow: var(--mm-field-input-shadow--readonly--focus);
		}

		&:disabled,
		&:disabled:focus
		{
			--mm-field-input-text-color: var(--mm-field-input-text-color--disabled);
			--mm-field-input-background-color: var(--mm-field-input-background-color--disabled);
			--mm-field-input-border: var(--mm-field-input-border--disabled);
		}

		&::placeholder
		{
			color: var(--mm-field-input-text-color-placeholder);
			font-family: var(--mm-field-font-family);
			font-size: var(--mm-field-font-size);
			font-style: var(--mm-field-font-style);
			font-weight: var(--mm-field-font-weight);
			line-height: var(--mm-field-line-height);
			letter-spacing: var(--mm-field-letter-spacing);
			opacity: 1;
		}
	}
}

.mm_legacy_select,
.mm10_content_wrapper select,
.mm10_screen_content_grouptab_entry_content select,
.mm9_dialog_container select,
.mm9_skinned_dialog_container select,
.mm_list_filters_container select,
.mm_list_advancedsearchdialog_container select,
.mm_list_data_col_div_content select
{
	padding: 7px 35px 7px 15px;
	padding: var(--mm-field-select-padding);
	color: var(--mm-field-select-text-color);
	background: var(--mm-field-select-background-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	border: var(--mm-field-select-border);
	border-radius: var(--mm-field-select-border-radius);
	box-shadow: var(--mm-field-select-shadow);
	box-sizing: border-box;
	outline: none;

	&:not([multiple])
	{
		height: var(--mm-field-select-height);
		background: no-repeat calc(100% - 15px) var(--mm-legacy-field-select-dropdown-url) var(--mm-field-select-background-color) ;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	&:focus
	{
		--mm-field-select-border: var(--mm-field-select-border--focus);
		--mm-field-select-shadow: var(--mm-field-select-shadow--focus);
	}

	&:disabled,
	&:disabled:focus
	{
	    --mm-field-select-text-color: var(--mm-field-select-text-color--disabled);
	    --mm-field-select-background-color: var(--mm-field-select-background-color--disabled);
	    --mm-field-select-border: var(--mm-field-select-border--disabled);
	} 
}

.mm10_content_wrapper textarea,
.mm10_screen_content_grouptab_entry_content textarea,
.mm9_dialog_container textarea,
.mm9_skinned_dialog_container textarea,
.mm_list_advancedsearchdialog_container textarea
{
	padding: 18px 20px;
	color: var(--mm-field-textarea-text-color);
	background: var(--mm-field-textarea-background-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	border: var(--mm-field-textarea-border);
	border-radius: var(--mm-field-textarea-border-radius);
	box-shadow: var(--mm-field-textarea-shadow);
	box-sizing: border-box;
	overflow: auto;
	outline: none;

	&:focus
	{
		--mm-field-textarea-border: var(--mm-field-textarea-border--focus);
		--mm-field-textarea-shadow: var(--mm-field-textarea-shadow--focus);
	}

	&:disabled,
	&:disabled:focus
	{
	    --mm-field-textarea-text-color: var(--mm-field-textarea-text-color--disabled);
	    --mm-field-textarea-background-color: var(--mm-field-textarea-background-color--disabled);
	    --mm-field-textarea-border: var(--mm-field-textarea-border--disabled);
	} 
}/*****************************/
/*    Multi-Select Styles    */
/*****************************/

mm-multiselect
{
	display: inline-flex;
	box-sizing: border-box;
	outline: none;
}

mm-multiselect[size~="full"],
mm-multiselect.whole_width
{
	width: 100%;
	flex-grow: 1;
}

.mm_multiselect
{
	position: relative;
	display: flex;
	background-color: var(--mm-field-multiselect-background-color);
	flex-direction: column;
	flex-grow: 1;
	border-radius: var(--mm-field-multiselect-border-radius);
	overflow: hidden;

	&::after
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border: var(--mm-field-multiselect-border);
		border-radius: var(--mm-field-multiselect-border-radius);
		box-shadow: var(--mm-field-multiselect-shadow);
		outline: none;
		pointer-events: none;
		content: '';
	}
}

.mm_multiselect_header
{
	position: relative;
	display: flex;
	padding: var(--mm-field-multiselect-header-padding);
	height: var(--mm-field-multiselect-header-height);
	background-color: var(--mm-field-multiselect-header-background-color);
	border-radius: var(--mm-field-multiselect-border-radius) var(--mm-field-multiselect-border-radius) 0 0;
	border-bottom: var(--mm-field-multiselect-header-border);
	align-items: center;
}

.mm_multiselect_header_selection
{
	position: relative;
	display: inline-flex;
	width: 0;
	flex-grow: 1;
	column-gap: 18px;
	align-items: center;
	overflow: hidden;
}

.mm_multiselect_header_selection_icon
{
	position: relative;
	display: inline-flex;
	width: var(--mm-field-checkbox-dimension);
	height: var(--mm-field-checkbox-dimension);
	background: var(--mm-field-checkbox-background-color);
	border: var(--mm-field-checkbox-border);
	border-radius: var(--mm-field-checkbox-border-radius);
	box-shadow: var(--mm-field-checkbox-box-shadow);
	box-sizing: border-box;
	outline: var(--mm-field-checkbox-outline);
	outline-offset: var(--mm-field-checkbox-outline-offset);
	flex-shrink: 0;
	box-sizing: border-box;
	cursor: pointer;

	.mm_multiselect_header_selection.partial_selection &,
	.mm_multiselect_header_selection.full_selection &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active);
	}

	mm-multiselect[readonly] &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--readonly);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--readonly);
	}

	mm-multiselect[readonly] .mm_multiselect_header_selection.partial_selection &,
	mm-multiselect[readonly] .mm_multiselect_header_selection.full_selection &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active--readonly);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active--readonly);
	}

	mm-multiselect[disabled] &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--disabled);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--disabled);
		--mm-field-checkbox-box-shadow: var(--mm-field-checkbox-box-shadow--disabled);
	}

	mm-multiselect[disabled] .mm_multiselect_header_selection.partial_selection &,
	mm-multiselect[disabled] .mm_multiselect_header_selection.full_selection &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active--disabled);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active--disabled);
	}
}

.mm_multiselect_header_selection.partial_selection .mm_multiselect_header_selection_icon
{
	&::before
	{
		position: absolute;
		display: block;
		top: 6px;
		left: 2px;
		width: 10px;
		height: 2px;
		background-color: var(--mm-field-checkbox-foreground-color);
		border-radius: 1px;
		content: '';
	}

	mm-multiselect[size~="small"] &::before
	{
		top: 5px;
		left: 2px;
		width: 8px;
		height: 2px;
	}

	mm-multiselect[size~="extra-large"] &::before
	{
		top: 7px;
		left: 3px;
	}
}

.mm_multiselect_header_selection.full_selection .mm_multiselect_header_selection_icon
{
	&::before
	{
		position: absolute;
		display: block;
		top: 8px;
		left: 2px;
		width: 5px;
		height: 2px;
		background-color: var(--mm-field-checkbox-foreground-color);
		border-radius: 1px;
		transform: rotate(45deg);
		transition: opacity 0.15s linear;
		content: '';
	}

	mm-multiselect[size~="small"] &::before
	{
		top: 7px;
		left: 2px;
		width: 4px;
		height: 2px;
	}

	mm-multiselect[size~="extra-large"] &::before
	{
		top: 9px;
		left: 3px;
	}

	&::after
	{
		position: absolute;
		display: block;
		top: 6px;
		left: 4px;
		width: 9px;
		height: 2px;
		background-color: var(--mm-field-checkbox-foreground-color);
		border-radius: 1px;
		transform: rotate(-46deg);
		transition: opacity 0.15s linear;
		content: '';
	}

	mm-multiselect[size~="small"] &::after
	{
		top: 5px;
		left: 4px;
		width: 7px;
		height: 2px;
	}

	mm-multiselect[size~="extra-large"] &::after
	{
		top: 7px;
		left: 5px;
	}
}

.mm_multiselect_header_selection_text
{
	position: relative;
	display: inline-block;
	width: 0;
	flex-grow: 1;
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-checkbox-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	color: var(--mm-field-checkbox-text-color);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm_multiselect_content
{
	position: relative;
	display: flex;
	padding: var(--mm-field-multiselect-padding);
	height: var(--mm-field-multiselect-height);
	flex-direction: column;
	overflow: auto;
}

.mm_multiselect_option
{
	position: relative;
	display: flex;
	padding: 5px 0;
	column-gap: 18px;
	align-items: safe center;
	cursor: pointer;
}

.mm_multiselect_option_checkbox
{
	position: relative;
	display: inline-flex;
	width: var(--mm-field-checkbox-dimension);
	height: var(--mm-field-checkbox-dimension);
	background: var(--mm-field-checkbox-background-color);
	border: var(--mm-field-checkbox-border);
	border-radius: var(--mm-field-checkbox-border-radius);
	box-shadow: var(--mm-field-checkbox-box-shadow);
	box-sizing: border-box;
	outline: var(--mm-field-checkbox-outline);
	outline-offset: var(--mm-field-checkbox-outline-offset);
	flex-shrink: 0;
	box-sizing: border-box;
	cursor: pointer;

	.mm_multiselect_option.selected &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active);
	}

	mm-multiselect:focus:not([disabled], [readonly]) .mm_multiselect_option.focus:not(.disabled) &
	{
		outline: var(--mm-field-checkbox-outline--focus);
	}

	mm-multiselect[readonly] &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--readonly);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--readonly);
	}

	mm-multiselect[readonly] .mm_multiselect_option.selected &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active--readonly);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active--readonly);
	}

	.mm_multiselect_option.disabled &,
	mm-multiselect[disabled] &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--disabled);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--disabled);
		--mm-field-checkbox-box-shadow: var(--mm-field-checkbox-box-shadow--disabled);
	}

	.mm_multiselect_option.selected.disabled &,
	mm-multiselect[disabled] .mm_multiselect_option.selected &
	{
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active--disabled);
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active--disabled);
	}
}

.mm_multiselect_option.selected .mm_multiselect_option_checkbox
{
	&::before
	{
		position: absolute;
		display: block;
		top: 8px;
		left: 2px;
		width: 5px;
		height: 2px;
		background-color: var(--mm-field-checkbox-foreground-color);
		border-radius: 1px;
		transform: rotate(45deg);
		transition: opacity 0.15s linear;
		content: '';
	}

	mm-multiselect[size~="small"] &::before
	{
		top: 7px;
		left: 2px;
		width: 4px;
		height: 2px;
	}

	mm-multiselect[size~="extra-large"] &::before
	{
		top: 9px;
		left: 3px;
	}

	&::after
	{
		position: absolute;
		display: block;
		top: 6px;
		left: 4px;
		width: 9px;
		height: 2px;
		background-color: var(--mm-field-checkbox-foreground-color);
		border-radius: 1px;
		transform: rotate(-46deg);
		transition: opacity 0.15s linear;
		content: '';
	}

	mm-multiselect[size~="small"] &::after
	{
		top: 5px;
		left: 4px;
		width: 7px;
		height: 2px;
	}

	mm-multiselect[size~="extra-large"] &::after
	{
		top: 7px;
		left: 5px;
	}
}

.mm_multiselect_option_text
{
	position: relative;
	display: inline-block;
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-checkbox-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	color: var(--mm-field-checkbox-text-color);
	white-space: normal;
	overflow-wrap: anywhere;
	flex-grow: 1;
}

mm-multiselect .mm_multiselect_error_icon
{
	display: none;

	mm-multiselect[invalid] &
	{
		position: relative;
		display: inline-block;
		margin-left: 10px;
		width: var(--mm-field-invalid-icon-dimension);
		height: var(--mm-field-invalid-icon-dimension);
		background-color: #fff;
		border-radius: 50%;

		svg
		{
			width: var(--mm-field-invalid-icon-dimension);
			height: var(--mm-field-invalid-icon-dimension);

			.mm10_svg_icon_color
			{
				fill: var(--mm-field-invalid-icon-color);
			}
		}
	}
}

.mm_multiselect_error_container
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

.mm_multiselect_error_tail
{
	position: absolute;
	top: 4px;
	left: 50%;
	width: 12px;
	height: 12px;
	background-color: #ed6670;
	transform: translateX(-50%) rotate(45deg);
	z-index: 1;
}

.mm_multiselect_error_container.above .mm_multiselect_error_tail
{
	top: auto;
	bottom: 4px;
}

.mm_multiselect_error_message
{
	position: relative;
	display: block;
	margin: 10px;
	padding: 15px;
	background: #ed6671;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.15 );
}

/* CSS Variable State Overrides */

mm-multiselect[size~="small"]
{
	--mm-field-font-size: var(--mm-field-font-size--s);
	--mm-field-multiselect-header-height: var(--mm-field-multiselect-header-height--s);
	--mm-field-multiselect-header-padding: var(--mm-field-multiselect-header-padding--s);
	--mm-field-multiselect-padding: var(--mm-field-multiselect-padding--s);
	--mm-field-multiselect-height: var(--mm-field-multiselect-height--s);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--s);
	--mm-field-checkbox-dimension: var(--mm-field-checkbox-dimension--s);
}

mm-multiselect[size~="large"]
{
	--mm-field-font-size: var(--mm-field-font-size--l);
	--mm-field-multiselect-header-height: var(--mm-field-multiselect-header-height--l);
	--mm-field-multiselect-header-padding: var(--mm-field-multiselect-header-padding--l);
	--mm-field-multiselect-padding: var(--mm-field-multiselect-padding--l);
	--mm-field-multiselect-height: var(--mm-field-multiselect-height--l);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--l);
	--mm-field-checkbox-dimension: var(--mm-field-checkbox-dimension--l);
}

mm-multiselect[size~="extra-large"]
{
	--mm-field-font-size: var(--mm-field-font-size--xl);
	--mm-field-multiselect-header-height: var(--mm-field-multiselect-header-height--xl);
	--mm-field-multiselect-header-padding: var(--mm-field-multiselect-header-padding--xl);
	--mm-field-multiselect-padding: var(--mm-field-multiselect-padding--xl);
	--mm-field-multiselect-height: var(--mm-field-multiselect-height--xl);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--xl);
	--mm-field-checkbox-dimension: var(--mm-field-checkbox-dimension--xl);
}

mm-multiselect:focus
{
	--mm-field-multiselect-border: var(--mm-field-multiselect-border--focus);
	--mm-field-multiselect-shadow: var(--mm-field-multiselect-shadow--focus);
}

mm-multiselect[invalid]
{
	--mm-field-multiselect-border: var(--mm-field-multiselect-border--invalid);
	--mm-field-multiselect-header-border: var(--mm-field-multiselect-header-border--invalid);
	--mm-field-multiselect-header-background-color: var(--mm-field-multiselect-header-background-color--invalid);
}

mm-multiselect[invalid]:focus
{
	--mm-field-multiselect-shadow: var(--mm-field-multiselect-shadow--invalid--focus);
}

mm-multiselect[readonly]
{
	--mm-field-multiselect-border: var(--mm-field-multiselect-border--readonly);
	--mm-field-multiselect-background-color: var(--mm-field-multiselect-background-color--readonly);
	--mm-field-multiselect-option-text-color: var(--mm-field-multiselect-option-text-color--readonly);
	--mm-field-multiselect-header-background-color: var(--mm-field-multiselect-header-background-color--readonly);
}

mm-multiselect[readonly]:focus
{
	--mm-field-multiselect-border: var(--mm-field-multiselect-border--readonly--focus);
	--mm-field-multiselect-shadow: var(--mm-field-multiselect-shadow--readonly--focus);
}

mm-multiselect[disabled],
mm-multiselect[disabled]:focus
{
	--mm-field-multiselect-border: var(--mm-field-multiselect-border--disabled);
	--mm-field-multiselect-header-text-color: var(--mm-field-multiselect-header-text-color--disabled);
	--mm-field-multiselect-option-text-color: var(--mm-field-multiselect-option-text-color--disabled);
	--mm-field-checkbox-text-color: var(--mm-field-checkbox-text-color--disabled);
}/**********************/
/*    Radio Styles    */
/**********************/

mm-radio
{
	position: relative;
	display: inline-flex;
}

mm-radio[size~="full"]
{
	display: flex;
	flex-grow: 1;
}

.mm_radio
{
	position: relative;
	display: inline-flex;
	align-items: start;
	column-gap: var(--mm-field-radio-gap);
	cursor: pointer;

	mm-radio[size~="small"] &,
	&.small
	{
		--mm-field-radio-gap: var(--mm-field-radio-gap--s);
	}

	mm-radio[size~="large"] &,
	&.large
	{
		--mm-field-radio-gap: var(--mm-field-radio-gap--l);
	}

	mm-radio[size~="extra-large"] &,
	&.extra-large
	{
		--mm-field-radio-gap: var(--mm-field-radio-gap--xl);
	}

	mm-radio[disabled] &,
	&.disabled
	{
		cursor: default;
	}
}

.mm_radio .mm_checkbox_container
{
	position: relative;
	display: inline-block;
	margin-top: 1px;
	width: var(--mm-field-radio-dimension);
	height: var(--mm-field-radio-dimension);
	background: var(--mm-field-radio-background-color);
	border: var(--mm-field-radio-border);
	border-radius: var(--mm-field-radio-border-radius);
	box-shadow: var(--mm-field-radio-box-shadow);
	box-sizing: border-box;
	outline: var(--mm-field-radio-outline);
	outline-offset: var(--mm-field-radio-outline-offset);
	transition: background-color 0.15s linear, border-color 0.15s linear;
	flex-shrink: 0;

	mm-radio[size~="small"] &,
	.mm_radio.small &
	{
		margin-top: 0;
		--mm-field-radio-dimension: var(--mm-field-radio-dimension--s);
	}

	mm-radio[size~="large"] &,
	.mm_radio.large &
	{
		--mm-field-radio-dimension: var(--mm-field-radio-dimension--l);
	}

	mm-radio[size~="extra-large"] &,
	.mm_radio.extra-large &
	{
		--mm-field-radio-dimension: var(--mm-field-radio-dimension--xl);
	}

	&.focus:not(.click-focus)
	{
		--mm-field-radio-outline: var(--mm-field-radio-outline--focus);
	}

	&.active
	{
		--mm-field-radio-background-color: var(--mm-field-radio-background-color--active);
		--mm-field-radio-border: var(--mm-field-radio-border--active);
	}

	mm-radio[readonly] &,
	.mm_radio.readonly &
	{
		--mm-field-radio-background-color: var(--mm-field-radio-background-color--readonly);
		--mm-field-radio-border: var(--mm-field-radio-border--readonly);
	}

	mm-radio[readonly] &.active,
	.mm_radio.readonly &.active
	{
		--mm-field-radio-background-color: var(--mm-field-radio-background-color--active--readonly);
		--mm-field-radio-border: var(--mm-field-radio-border--active--readonly);
	}

	mm-radio[disabled] &,
	.mm_radio.disabled &
	{
		--mm-field-radio-background-color: var(--mm-field-radio-background-color--disabled);
		--mm-field-radio-border: var(--mm-field-radio-border--disabled);
		--mm-field-radio-box-shadow: var(--mm-field-radio-box-shadow--disabled);
	}

	mm-radio[disabled] &.active,
	.mm_radio.disabled &.active
	{
		--mm-field-radio-background-color: var(--mm-field-radio-background-color--active--disabled);
		--mm-field-radio-border: var(--mm-field-radio-border--active--disabled);
	}
}

.mm_radio .mm_checkbox_container .mm_checkbox_background
{
	display: none;
}

.mm_radio .mm_checkbox_container .mm_checkbox_foreground_1
{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: var(--mm-field-radio-foreground-dimension);
	height: var(--mm-field-radio-foreground-dimension);
	background-color: var(--mm-field-radio-foreground-color);
	border-radius: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: opacity 0.15s linear;

	mm-radio[size~="small"] &,
	.mm_radio.small &
	{
		--mm-field-radio-foreground-dimension: var(--mm-field-radio-foreground-dimension--s);
	}

	mm-radio[size~="large"] &,
	.mm_radio.large &
	{
		--mm-field-radio-foreground-dimension: var(--mm-field-radio-foreground-dimension--l);
	}

	mm-radio[size~="extra-large"] &,
	.mm_radio.extra-large &
	{
		--mm-field-radio-foreground-dimension: var(--mm-field-radio-foreground-dimension--xl);
	}

	.mm_checkbox_container.active &
	{
		opacity: 1;
	}
}

.mm_radio .mm_checkbox_container .mm_checkbox_foreground_2
{
	display: none;
}

.mm_radio .mm_checkbox_text
{
	position: relative;
	display: inline-block;
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-radio-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	color: var(--mm-field-radio-text-color);
	overflow-wrap: anywhere;

	mm-radio[size~="small"] &,
	.mm_radio.small &
	{
		--mm-field-font-size: var(--mm-field-font-size--s);
	}

	mm-radio[size~="large"] &,
	.mm_radio.large &
	{
		--mm-field-font-size: var(--mm-field-font-size--l);
	}

	mm-radio[size~="extra-large"] &,
	.mm_radio.extra-large &
	{
		--mm-field-font-size: var(--mm-field-font-size--xl);
	}

	.mm_radio &:empty
	{
		display: none;
	}

	.mm_radio.disabled &
	{
		--mm-field-radio-text-color: var(--mm-field-radio-text-color--disabled);
	}
}/***********************/
/*    Select Styles    */
/***********************/

mm-select[size]:not([size~="full"],[size~="auto"])
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
}

.mm_select_common
{
	position: relative;
	display: inline-block;

	&.fixed_narrow_width
	{
		width: 125px;
	}

	&.fixed_default_width
	{
		width: 250px;
	}

	&.fixed_wide_width
	{
		width: 400px;
	}

	&.auto_width
	{
		display: inline-block;
		width: unset;
	}

	mm-select[size]:not([size~="auto"]) &,
	&.whole_width
	{
		display: block;
		width: auto;
		flex-grow: 1;
	}

	&.title_visible
	{
		margin-top: var(--mm-field-select-title-margin-top);
	}
}

.mm_select_common .mm_select_common_button
{
	position: relative;
	display: flex;
	margin: 0;
	padding: var(--mm-field-select-padding);
	height: var(--mm-field-select-height);
	line-height: 1;
	background: var(--mm-field-select-background-color);
	border: var(--mm-field-select-border);
	border-radius: var(--mm-field-select-border-radius);
	box-shadow: var(--mm-field-select-shadow);
	box-sizing: border-box;
	align-items: center;
	transition: border-color 0.15s linear;
	cursor: pointer;
	outline: none;
}

.mm_select_common.title_visible
{
	.mm9_button_title
	{
		position: absolute;
		display: flex;
		top: calc(0px - var(--mm-field-select-title-margin-top));
		left: 0;
		align-items: center;

		.mm9_button_title_text
		{
			font-family: var(--mm-field-prompt-font-family);
			font-size: var(--mm-field-prompt-font-size);
			font-style: var(--mm-field-prompt-font-style);
			font-weight: var(--mm-field-prompt-font-weight);
			line-height: var(--mm-field-prompt-line-height);
			letter-spacing: var(--mm-field-prompt-letter-spacing);
			color: var(--mm-field-prompt-text-color);
			text-transform: none;

			mm-select[required] .mm_select_common_button > .mm9_button_title > &::after,
			.mm_select_common.required .mm_select_common_button > .mm9_button_title > &::after
			{
				content: '*';
			}
		}
	}

	&.tooltip_visible
	{
		.mm9_button_title_tooltip
		{
			position: relative;
			display: inline-flex;
			margin-left: 6px;
		}
	}
}

.mm_select_common .mm_select_common_button .mm9_button_text,
.mm_select_common.active .mm_select_common_button .mm9_button_text
{
	padding: 0;
	text-align: left;
	color: var(--mm-field-select-text-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	flex-grow: 1;
}

.mm_select_common_button .mm9_menubutton_dropdown
{
	position: absolute;
	display: block;
	top: 50%;
	right: 15px;
	width: 10px;
	height: 6px;
	border: none;
	background: none;
	transform: translateY(-50%);
}

.mm_select_common_button .mm9_menubutton_dropdown_bg1
{
	position: absolute;
	top: 2px;
	left: 3px;
	width: 7px;
	height: 2px;
	background-color: var(--mm-field-select-dropdown-color);
	border-radius: 1px;
	transform: rotate(-45deg);
	transition: all 0.2s linear;
}

.mm_select_common.active .mm_select_common_button .mm9_menubutton_dropdown_bg1
{
	transform: rotate(45deg);
}

.mm_select_common_button .mm9_menubutton_dropdown_bg2
{
	position: absolute;
	top: 2px;
	left: -1px;
	width: 7px;
	height: 2px;
	background-color: var(--mm-field-select-dropdown-color);
	border-radius: 1px;
	transform: rotate(45deg);
	transition: all 0.2s linear;
}

.mm_select_common.active .mm_select_common_button .mm9_menubutton_dropdown_bg2
{
	transform: rotate(-45deg);
}

.mm9_button_error_icon
{
	.mm_select_common.invalid &
	{
		position: relative;
		display: inline-block;
		margin-left: 10px;
		width: var(--mm-field-invalid-icon-dimension);
		height: var(--mm-field-invalid-icon-dimension);
		flex-shrink: 0;
		background-color: #fff;
		border-radius: 50%;

		svg
		{
			width: var(--mm-field-invalid-icon-dimension);
			height: var(--mm-field-invalid-icon-dimension);

			.mm10_svg_icon_color
			{
				fill: var(--mm-field-invalid-icon-color);
			}
		}
	}
}

/* CSS Variable State Overrides */

mm-select[size~="small"],
.mm_select_common.small
{
	--mm-field-select-padding: var(--mm-field-select-padding--s);
	--mm-field-select-height: var(--mm-field-select-height--s);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--s);
	--mm-field-font-size: var(--mm-field-font-size--s);
	--mm-button-padding-left-right: var(--mm-button-padding-left-right--s);
	--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--s);
	--mm-button-font-size: var(--mm-button-font-size--s);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--s);
	--mm-field-select-title-margin-top: var(--mm-field-select-title-margin-top--s);
}

mm-select[size~="large"],
.mm_select_common.large
{
	--mm-field-select-padding: var(--mm-field-select-padding--l);
	--mm-field-select-height: var(--mm-field-select-height--l);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--l);
	--mm-field-font-size: var(--mm-field-font-size--l);
	--mm-button-padding-left-right: var(--mm-button-padding-left-right--l);
	--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--l);
	--mm-button-font-size: var(--mm-button-font-size--l);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--l);
	--mm-field-select-title-margin-top: var(--mm-field-select-title-margin-top--l);
}

mm-select[size~="extra-large"],
.mm_select_common.extra-large
{
	--mm-field-select-padding: var(--mm-field-select-padding--xl);
	--mm-field-select-height: var(--mm-field-select-height--xl);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--xl);
	--mm-field-font-size: var(--mm-field-font-size--xl);
	--mm-button-padding-left-right: var(--mm-button-padding-left-right--xl);
	--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--xl);
	--mm-button-font-size: var(--mm-button-font-size--xl);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--xl);
	--mm-field-select-title-margin-top: var(--mm-field-select-title-margin-top--xl);
}

.mm_select_common.active,
.mm_select_common_button.focus,
.mm_select_common_button.active
{
	--mm-field-select-border: var(--mm-field-select-border--focus);
	--mm-field-select-shadow: var(--mm-field-select-shadow--focus);
}

.mm_select_common.invalid,
.mm_select_common.invalid.active,
.mm_select_common.invalid .mm_select_common_button.focus,
.mm_select_common.invalid .mm_select_common_button.active
{
	--mm-field-select-border: var(--mm-field-select-border--invalid);
}

mm-select[readonly],
.mm_select_common.readonly
{
	--mm-field-select-background-color: var(--mm-field-select-background-color--readonly);
	--mm-field-select-border: var(--mm-field-select-border--readonly);
	--mm-field-select-text-color: var(--mm-field-select-text-color--readonly);
}

mm-select[readonly] .mm_select_common.active .mm_select_common_button,
mm-select[readonly] .mm_select_common .mm_select_common_button.active,
mm-select[readonly] .mm_select_common .mm_select_common_button.focus,
.mm_select_common.readonly.active,
.mm_select_common.readonly .mm_select_common_button.focus,
.mm_select_common.readonly .mm_select_common_button.active
{
	--mm-field-select-border: var(--mm-field-select-border--readonly--focus);
	--mm-field-select-shadow: var(--mm-field-select-shadow--readonly--focus);
}

.mm_select_common.invalid,
.mm_select_common.invalid .mm_select_common_button.focus
{
	--mm-field-select-border: var(--mm-field-select-border--invalid);
}

.mm_select_common.invalid.active,
.mm_select_common.invalid .mm_select_common_button.focus,
.mm_select_common.invalid .mm_select_common_button.active
{
	--mm-field-select-shadow: var(--mm-field-select-shadow--invalid--focus);
}

mm-select[disabled],
mm-select[disabled] .mm_select_common .mm_select_common_button.focus,
mm-select[disabled] .mm_select_common.invalid .mm_select_common_button.focus,
.mm_select_common .mm_select_common_button.disabled,
.mm_select_common .mm_select_common_button.disabled.focus,
.mm_select_common .mm_select_common_button.disabled.invalid.focus
{
	--mm-field-select-background-color: var(--mm-field-select-background-color--disabled);
	--mm-field-select-border: var(--mm-field-select-border--disabled);
	--mm-field-select-text-color: var(--mm-field-select-text-color--disabled);
	--mm-field-select-dropdown-color: var(--mm-field-select-dropdown-color--disabled);
}/*************************/
/*    Selector Styles    */
/*************************/

mm-selector
{
	display: inline-block;
	box-sizing: border-box;
	outline: none;
}

mm-selector[size~="full"]
{
	display: block;
	width: 100%;
	flex-grow: 1;
}

mm-selector .mm_selector
{
	position: relative;
	display: block;
}

mm-selector .mm_selector_content
{
	position: relative;
	display: block;
	height: var(--mm-field-selector-height);
	background-color: var(--mm-field-selector-background-color);
	border: var(--mm-field-selector-border);
	border-radius: var(--mm-field-selector-border-radius);
	box-sizing: border-box;
	cursor: pointer;

	mm-selector:focus &
	{
		--mm-field-selector-border: var(--mm-field-selector-border--focus);
	}

	mm-selector[readonly] &
	{
		--mm-field-selector-border: var(--mm-field-selector-border--readonly);
		--mm-field-selector-background-color: var(--mm-field-selector-background-color--readonly);
		cursor: default;
	}

	mm-selector[readonly]:focus &
	{
		--mm-field-selector-border: var(--mm-field-selector-border--readonly--focus);
	}

	mm-selector:is([invalid], [invalid]:hover, [invalid]:focus, :has(.mm_selector_option:where(.invalid):where(:not(.disabled)))) &
	{
		--mm-field-selector-border: var(--mm-field-selector-border--invalid);
	}

	mm-selector:is([disabled], [disabled]:hover, [disabled]:focus) &
	{
		--mm-field-selector-border: var(--mm-field-selector-border--disabled);
		--mm-field-selector-background-color: var(--mm-field-selector-background-color--disabled);
		cursor: default;
	}
}

mm-selector .mm_selector_content_active
{
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: calc( 100% - 6px );
	background-color: var(--mm-field-selector-option-background-color);
	border-radius: var(--mm-field-selector-option-border-radius);
	box-shadow: var(--mm-field-selector-option-shadow);
	transform: translateY(-50%);

	mm-selector[readonly] &
	{
		--mm-field-selector-option-background-color: var(--mm-field-selector-option-background-color--readonly);
	}

	mm-selector[disabled] &
	{
		--mm-field-selector-option-background-color: var(--mm-field-selector-option-background-color--disabled);
	}
}

mm-selector .mm_selector_content_options
{
	position: relative;
	display: grid;
	margin-top: 1px;
	height: calc( 100% - 2px );
	align-items: center;
	box-sizing: border-box;
}

mm-selector .mm_selector_option
{
	position: relative;
	display: inline-flex;
	height: 100%;
	padding: var(--mm-field-selector-option-padding);
	overflow: hidden;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border-radius: var(--mm-field-selector-option-border-radius);
	outline: var(--mm-field-selector-option-outline);

	.mm_selector_option_text
	{
		position: relative;
		display: inline-block;
		color: var(--mm-field-selector-option-text-color);
		font-family: var(--mm-field-font-family);
		font-size: var(--mm-field-font-size);
		font-style: var(--mm-field-font-style);
		font-weight: var(--mm-field-selector-option-font-weight);
		line-height: var(--mm-field-line-height);
		letter-spacing: var(--mm-field-letter-spacing);
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;

		&:has(svg)
		{
			display: inline-flex;
		}

		svg
		{
			width: var(--mm-field-font-size);
			height: var(--mm-field-font-size);

			.mm10_svg_icon_color
			{
				fill: var(--mm-field-selector-option-text-color);
			}
		}
	}

	&:is(:hover, .selected)
	{
		--mm-field-selector-option-text-color: var(--mm-field-selector-option-text-color--active);
	}

	mm-selector:focus:not([readonly]) .mm_selector:not(.click-focus) &.focus
	{
		--mm-field-selector-option-outline: var(--mm-field-selector-option-outline--focus);
	}

	mm-selector[readonly] &:is(:hover, .focus, &.selected)
	{
		--mm-field-selector-option-text-color: var(--mm-field-selector-option-text-color--readonly);
	}

	&:is(.invalid, .invalid.selected, .invalid:hover, .invalid.selected:hover)
	{
		--mm-field-selector-option-text-color: var(--mm-field-selector-option-text-color--invalid);
	}

	&:is(.disabled, .disabled:hover, .disabled.selected, .disabled.selected:hover),
	mm-selector[disabled] :is(&, &.disabled, &.disabled:hover, &.selected, &.selected:hover, &.disabled:focus)
	{
		--mm-field-selector-option-text-color: var(--mm-field-selector-option-text-color--disabled);
	}
}

mm-selector .mm_selector_error_icon
{
	display: none;

	mm-selector[invalid] &
	{
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		width: var(--mm-field-invalid-icon-dimension);
		height: var(--mm-field-invalid-icon-dimension);
		background-color: #fff;
		border-radius: 50%;
		transform: translate(50%, -50%);

		svg
		{
			width: var(--mm-field-invalid-icon-dimension);
			height: var(--mm-field-invalid-icon-dimension);

			.mm10_svg_icon_color
			{
				fill: var(--mm-field-invalid-icon-color);
			}
		}
	}
}

mm-selector .mm_selector_error_container
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
}

mm-selector .mm_selector_error_container .mm_selector_error_tail
{
	position: absolute;
	top: 4px;
	left: 50%;
	width: 12px;
	height: 12px;
	background-color: var(--mm-field-invalid-message-background-color);
	transform: translateX(-50%) rotate(45deg);
	z-index: 1;
}

mm-selector .mm_selector_error_container.above .mm_selector_error_tail
{
	top: auto;
	bottom: 4px;
}

mm-selector .mm_selector_error_container .mm_selector_error_message
{
	position: relative;
	display: block;
	margin: 10px;
	padding: 15px;
	background: var(--mm-field-invalid-message-background-color);
	color: var(--mm-field-invalid-message-text-color);
	font-size: 12px;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	border-radius: var(--mm-field-invalid-message-border-radius);
}

/* CSS Variable State Overrides */

mm-selector[size~="small"]
{
	--mm-field-selector-height: var(--mm-field-selector-height--s);
	--mm-field-selector-option-padding: var(--mm-field-selector-option-padding--s);
	--mm-field-font-size: var(--mm-field-font-size--s);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--s);
}

mm-selector[size~="large"]
{
	--mm-field-selector-height: var(--mm-field-selector-height--l);
	--mm-field-selector-option-padding: var(--mm-field-selector-option-padding--l);
	--mm-field-font-size: var(--mm-field-font-size--l);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--l);
}

mm-selector[size~="extra-large"]
{
	--mm-field-selector-height: var(--mm-field-selector-height--xl);
	--mm-field-selector-option-padding: var(--mm-field-selector-option-padding--xl);
	--mm-field-font-size: var(--mm-field-font-size--xl);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--xl);
}/**************************/
/*    Text Area Styles    */
/**************************/

mm-textarea[size]:not([size~="full"],[size~="auto"])
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
}

.mm_textarea
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 250px;
	height: var(--mm-field-textarea-height);
	align-items: stretch;
	flex-direction: column;
	box-sizing: border-box;

	mm-textarea[size]:not([size~="auto"]) &,
	&.whole_width
	{
		display: flex;
		width: auto;
		flex-grow: 1;
	}

	&.match_parent
	{
		position: absolute;
		display: flex;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: auto;
		height: auto;
	}

	&.hidden
	{
		display: none;
	}
}

.mm_textarea .mm_textarea_container
{
	position: relative;
	display: flex;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	background: var(--mm-field-textarea-background-color);
	border: var(--mm-field-textarea-border);
	border-radius: var(--mm-field-textarea-border-radius);
	box-shadow: var(--mm-field-textarea-shadow);
	overflow: hidden;
	box-sizing: border-box;
	align-items: center;
	flex-grow: 1;
	cursor: text;
	transition: border-color 0.1s linear;
	outline: none;
}

.mm_textarea .mm_textarea_title,
.mm_textarea .mm_textarea_title_tooltip
{
	display: none;
}

.mm_textarea.title_visible
{
	.mm_textarea_container
	{
		margin-top: 8px;
	}

	.mm_textarea_title
	{
		position: relative;
		display: flex;
		align-items: center;
		overflow: hidden;

		.mm_textarea_title_text
		{
			position: relative;
			display: inline-block;
			font-family: var(--mm-field-prompt-font-family);
			font-size: var(--mm-field-prompt-font-size);
			font-style: var(--mm-field-prompt-font-style);
			font-weight: var(--mm-field-prompt-font-weight);
			line-height: var(--mm-field-prompt-line-height);
			letter-spacing: var(--mm-field-prompt-letter-spacing);
			color: var(--mm-field-prompt-text-color);
			text-transform: none;
			overflow: hidden;
			text-overflow: ellipsis;

			mm-textarea[required] &,
			.mm_textarea.required &
			{
				&::after
				{
					content: '*';
				}
			}
		}
	}

	&.tooltip_visible
	{
		.mm_textarea_title_tooltip
		{
			position: relative;
			display: inline-flex;
			margin-left: 6px;

			.mm_tooltip
			{
				margin-top: 0;
			}
		}
	}
}

.mm_textarea .mm_textarea_scroller
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: var(--mm-field-textarea-padding);
	box-sizing: border-box;
	background: transparent;
	overflow: auto;
}

.mm_textarea .mm_textarea_editor,
.mm_textarea .mm_textarea_calculator
{
	position: relative;
	margin: 0;
	padding: 0;
	color: var(--mm-field-textarea-text-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-multiline-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	border: none;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	box-sizing: border-box;
	flex-grow: 1;
	outline: none;
	resize: none;

	&::placeholder
	{
		color: var(--mm-field-input-text-color-placeholder);
		font-family: var(--mm-field-font-family);
		font-size: var(--mm-field-font-size);
		font-style: var(--mm-field-font-style);
		font-weight: var(--mm-field-font-weight);
		line-height: var(--mm-field-multiline-line-height);
		letter-spacing: var(--mm-field-letter-spacing);
		opacity: 1;
	}
}

.mm_textarea .mm_textarea_calculator
{
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	visibility: hidden;
}

.mm_textarea_resizer
{
	position: absolute;
	display: none;
	right: 3px;
	bottom: 3px;
	width: 15px;
	height: 15px;

	&.vertical
	{
		cursor: ns-resize;
	}

	&.horizontal
	{
		cursor: ew-resize;
	}

	&.vertical.horizontal
	{
		cursor: nwse-resize;
	}

	&.enabled
	{
		display: block;
	}

	&::before
	{
		position: absolute;
		top: 6px;
		left: 1px;
		width: 12px;
		height: 2px;
		background-color: var(--mm-field-textarea-resize-icon-color);
		border-radius: 1px;
		transform: rotate(-45deg);
		content: '';
	}

	&::after
	{
		position: absolute;
		top: 9px;
		left: 7px;
		width: 6px;
		height: 2px;
		background-color: var(--mm-field-textarea-resize-icon-color);
		border-radius: 1px;
		transform: rotate(-45deg);
		content: '';
	}
}

.mm_textarea_error_icon
{
	display: none;

	.mm_textarea.invalid &
	{
		position: absolute;
		top: 12px;
		right: 12px;
		display: inline-block;
		width: var(--mm-field-invalid-icon-dimension);
		height: var(--mm-field-invalid-icon-dimension);
		background-color: #fff;
		border-radius: 50%;

		svg
		{
			width: var(--mm-field-invalid-icon-dimension);
			height: var(--mm-field-invalid-icon-dimension);

			.mm10_svg_icon_color
			{
				fill: var(--mm-field-invalid-icon-color);
			}
		}
	}
}

/* CSS Variable State Overrides */

mm-textarea[size~="small"],
.mm_textarea.small
{
	--mm-field-textarea-padding: var(--mm-field-textarea-padding--s);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--s);
	--mm-field-font-size: var(--mm-field-font-size--s);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--s);
}

mm-textarea[size~="large"],
.mm_textarea.large
{
	--mm-field-textarea-padding: var(--mm-field-textarea-padding--l);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--l);
	--mm-field-font-size: var(--mm-field-font-size--l);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--l);
}

mm-textarea[size~="extra-large"],
.mm_textarea.extra-large
{
	--mm-field-textarea-padding: var(--mm-field-textarea-padding--xl);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--xl);
	--mm-field-font-size: var(--mm-field-font-size--xl);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--xl);
}

.mm_textarea.focus
{
	--mm-field-textarea-border: var(--mm-field-textarea-border--focus);
	--mm-field-textarea-shadow: var(--mm-field-textarea-shadow--focus);
}

.mm_textarea.invalid,
.mm_textarea.invalid.focus
{
	--mm-field-textarea-border: var(--mm-field-textarea-border--invalid);
}

mm-textarea[readonly],
.mm_textarea.readonly
{
	--mm-field-textarea-background-color: var(--mm-field-textarea-background-color--readonly);
	--mm-field-textarea-border: var(--mm-field-textarea-border--readonly);
	--mm-field-textarea-text-color: var(--mm-field-textarea-text-color--readonly);
	--mm-field-textarea-resize-icon-color: var(--mm-field-textarea-resize-icon-color--readonly);
}

mm-textarea[readonly] .mm_textarea.focus,
.mm_textarea.readonly.focus
{
	--mm-field-textarea-border: var(--mm-field-textarea-border--readonly--focus);
	--mm-field-textarea-shadow: var(--mm-field-textarea-shadow--readonly--focus);
}

.mm_textarea.invalid,
.mm_textarea.invalid.focus
{
	--mm-field-textarea-border: var(--mm-field-textarea-border--invalid);
}

.mm_textarea.invalid.focus
{
	--mm-field-textarea-shadow: var(--mm-field-textarea-shadow--invalid--focus);
}

mm-textarea[disabled],
mm-textarea[disabled] .mm_textarea.focus,
mm-textarea[disabled] .mm_textarea.invalid.focus,
.mm_textarea.disabled,
.mm_textarea.disabled.focus,
.mm_textarea.disabled.invalid.focus
{
	--mm-field-textarea-background-color: var(--mm-field-textarea-background-color--disabled);
	--mm-field-textarea-border: var(--mm-field-textarea-border--disabled);
	--mm-field-textarea-text-color: var(--mm-field-textarea-text-color--disabled);
	--mm-field-textarea-resize-icon-color: var(--mm-field-textarea-resize-icon-color--disabled);
}

.mm_template_textarea
{
	position: relative;
	box-sizing: border-box;
}

.mm_template_textarea.whole_width
{
	display: flex;
	width: 100%;
	flex-grow: 1;
}

.mm10_button_style_secondary.mm_template_textarea_button
{
	margin-bottom: 10px;
	padding: 0;
	width: var(--mm-button-height);
	height: var(--mm-button-height);
}

.mm_template_textarea_version_recall
{
	position: relative;
	display: inline-block;
}

.mm_template_textarea_version_recall_menu
{
	position: absolute;
	display: none;
	top: 57px;
	left: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	min-width: auto;
	max-width: auto;
	text-align: left;
	background: #fff;
	border: 1px solid #ecedf2;
	border-radius: 4px;
	box-shadow: 0 12px 20px rgba(127, 155, 211, 0.25);
	box-sizing: border-box;
	flex-direction: column;
	overflow: auto;
	z-index: 99999;
}

.mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item
{
	position: relative;
	display: flex;
	padding: 0 25px;
	white-space: nowrap;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #6a6e79;
	background-color: #fff;
	align-items: center;
	cursor: pointer;
}

.mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected
{
	background-color: #2f75ff;
	color: #fff;
}

.mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled
{
	background-color: #fff;
	color: #cfd2d6;
	cursor: default;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_loading
{
	position: relative;
	display: flex;
	width: 300px;
	height: 200px;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	color: #6a6e79;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_title_group
{
	position: relative;
	display: block;
	padding: 10px 15px;
	background-color: #f5f7fa;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_title_entry
{
	position: relative;
	display: flex;
	padding: 0 15px;
	height: 33px;
	flex-shrink: 0;
	font-size: 13px;
	font-weight: bold;
	color: #2f75ff;
	background-color: transparent;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_title_entry.mm9_menubutton_menu_item_selected
{
	color: #1f4389;
	background-color: transparent;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_content_group
{
	position: relative;
	display: block;
	padding: 0;
	border-top: 1px solid #ecedf2;
	box-sizing: border-box;
	overflow: auto;
	flex-grow: 1;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details
{
	position: relative;
	display: flex;
	padding: 12px 0;
	flex-grow: 1;
	align-items: flex-start;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_visual
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_visual::before
{
	position: absolute;
	top: 0;
	left: 4px;
	bottom: 0;
	width: 2px;
	background-color: #e9ecf0;
	content: '';
}

.mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_template_textarea_version_recall_menu_entry_details_visual::before
{
	background-color: #1a5cde;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_visual::after
{
	position: absolute;
	top: 15px;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #fff;
	border: 2px solid #969da8;
	border-radius: 50%;
	content: '';
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_active .mm_template_textarea_version_recall_menu_entry_details_visual::after
{
	border-color: #2f75ff;
}

.mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_template_textarea_version_recall_menu_entry_details_visual::after
{
	background-color: #2f75ff;
	border-color: #1f4389;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_content
{
	position: relative;
	display: inline-block;
	margin-left: 30px;
	flex-grow: 1;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_title
{
	position: relative;
	display: block;
	max-width: 500px;
	color: #494a53;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_active .mm_template_textarea_version_recall_menu_entry_details_title
{
	color: #2f75ff;
}

.mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_template_textarea_version_recall_menu_entry_details_title
{
	color: #f0f5ff;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_summary
{
	position: relative;
	display: block;
	margin-top: 8px;
	min-width: 250px;
	max-width: 400px;
	font-size: 11px;
	font-weight: normal;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: pre-wrap;
	color: #6a6e79;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_active .mm_template_textarea_version_recall_menu_entry_details_summary
{
	color: #2f75ff;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_summary:empty
{
	display: none;
}

.mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_template_textarea_version_recall_menu_entry_details_summary
{
	color: #f0f5ff;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_current_label
{
	position: relative;
	display: none;
	margin-top: 15px;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_current .mm_template_textarea_version_recall_menu_entry_details_current_label
{
	display: block;
}

.mm_template_textarea_version_recall_menu .mm_template_textarea_version_recall_menu_entry_details_current_label::before
{
	position: relative;
	display: inline-flex;
	padding: 0 8px;
	align-items: center;
	height: 22px;
	font-size: 10px;
	font-weight: 500;
	color: #2f75ff;
	background-color: #f0f5ff;
	border-radius: 12px;
	content: 'Current';
}

.mm_template_textarea_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_template_textarea_version_recall_menu_entry_details_current_label::before
{
	color: #2f75ff;
	background-color: #f0f5ff;
}/****************************/
/*    Text Editor Styles    */
/****************************/

.mm9_texteditor_parent
{
	position: relative;
}

.mm9_texteditor
{
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	height: 300px;

	&::after
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border: var(--mm-field-texteditor-border);
		border-radius: var(--mm-field-texteditor-border-radius);
		box-shadow: var(--mm-field-texteditor-shadow);
		outline: none;
		pointer-events: none;
		content: '';
	}
}

.mm9_texteditor.focus
{
	--mm-field-texteditor-border: var(--mm-field-texteditor-border--focus);
	--mm-field-texteditor-shadow: var(--mm-field-texteditor-shadow--focus);
}

.mm9_texteditor.loading
{
	overflow: hidden;
}

.mm9_texteditor.fullscreen
{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	margin: 0;

	&::after
	{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
}

.mm9_texteditor_initializing
{
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	align-items: center;
}

.mm9_texteditor.loading .mm9_texteditor_initializing
{
	display: flex;
}

.mm9_texteditor_controls_container
{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: auto;
}

.mm9_texteditor_minicontrols_container
{
	position: absolute;
	display: none;
	right: 15px;
	bottom: 15px;
}

.mm9_texteditor.textarea_minified .mm9_texteditor_minicontrols_container
{
	display: block;
}

.mm9_texteditor.textarea_minified .mm9_texteditor_textarea_linenumbers_container
{
	top: 8px;
}

.mm9_texteditor.textarea_minified .mm9_texteditor_textarea_currentline
{
	margin-top: 8px;
}

.mm9_texteditor.textarea_minified .mm9_texteditor_textarea_scroller
{
	top: 7px;
}

.mm9_texteditor_controls_richtext
{
	position: relative;
	display: none;
	padding: 0 7px;
	background-color: #fff;
	border-radius: var(--mm-field-texteditor-border-radius) var(--mm-field-texteditor-border-radius) 0 0;
}

.mm9_texteditor.richtext .mm9_texteditor_controls_richtext
{
	display: block;
}

.mm9_texteditor.fullscreen .mm9_texteditor_controls_richtext
{
	border: none;
}

.mm9_texteditor.focus .mm9_texteditor_controls_richtext
{
	border-color: #539cff;
}

.mm9_texteditor.loading .mm9_texteditor_controls_richtext
{
	padding-top: 4px;
}

.mm9_texteditor_controls_textarea
{
	position: relative;
	display: none;
	padding: 7px;
	background-color: #fff;
	border-radius: var(--mm-field-texteditor-border-radius) var(--mm-field-texteditor-border-radius) 0 0;
	align-items: center;
}

.mm9_texteditor.textarea .mm9_texteditor_controls_textarea
{
	display: flex;
}

.mm9_texteditor.fullscreen .mm9_texteditor_controls_textarea
{
	border: none;
}

.mm9_texteditor_controls_textarea_content
{
	position: relative;
	display: inline-block;
	padding: 0 13px;
	background-color: #f5f7fa;
	border-radius: 4px;
	flex-grow: 1;
}

.mm9_texteditor.loading .mm9_texteditor_controls_textarea_content
{
	display: none;
}

.mm9_texteditor_controls_richtext_menu
{
	position: relative;
	display: block;
	white-space: nowrap;
}

.mm9_texteditor.loading .mm9_texteditor_controls_richtext_menu
{
	display: none;
}

.mm9_texteditor_controls_richtext_submenu
{
	position: relative;
	display: block;
	white-space: nowrap;
	background-color: #f5f7fa;
	border-radius: 4px;
}

.mm9_texteditor.loading .mm9_texteditor_controls_richtext_submenu
{
	display: none;
}

.mm9_texteditor_richtext_control_submenu_group
{
	position: relative;
	display: inline-block;
	padding: 0 12px;
}

.mm9_texteditor_richtext_control_submenu_group + .mm9_texteditor_richtext_control_submenu_group::before
{
	position: absolute;
	left: 0;
	top: 15px;
	width: 1px;
	height: 18px;
	background-color: #e2e6ea;
	content: '';
}

.mm9_texteditor_controls_richtext_imageresizer
{
	position: relative;
	display: none;
	margin: 8px 0 0;
	padding: 0 21px;
	height: 48px;
	background-color: #f5f7fa;
	border-radius: 4px;
	align-items: center;
}

.mm9_texteditor.loading .mm9_texteditor_controls_richtext_imageresizer
{
	display: none;
}

.mm9_texteditor_bottom_container
{
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	left: 0;
}

.mm9_texteditor_findreplace_container
{
	position: relative;
	display: none;
	padding: 12px;
	background: #fff;
	border-radius: 0 0 var(--mm-field-texteditor-border-radius) var(--mm-field-texteditor-border-radius);
}

.mm9_texteditor.findreplace_visible .mm9_texteditor_findreplace_container
{
	display: block;
}

.mm9_texteditor_findreplace_content
{
	position: relative;
	display: block;
	padding: 20px 67px 20px 20px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15);
}

.mm9_texteditor_save_container
{
	position: relative;
	display: none;
	padding: 30px 30px 40px;
	text-align: right;
	background: #fff;
}

.mm9_texteditor_save_container .mm10_button_style_primary,
.mm9_texteditor_save_container .mm10_button_style_alternative_1,
.mm9_texteditor_save_container .mm10_button_style_primary_muted,
.mm9_texteditor_save_container .mm10_button_style_secondary,
.mm9_texteditor_save_container .mm10_button_style_secondary_borderless,
.mm9_texteditor_save_container .mm10_button_style_primary_muted_borderless,
.mm9_texteditor_save_container .mm10_button_style_link,
.mm9_texteditor_save_container .mm10_button_style_negative,
.mm9_texteditor_save_container .mm10_button_style_negative_muted,
.mm9_texteditor_save_container .mm_hybridmenubutton_style_primary,
.mm9_texteditor_save_container .mm_hybridmenubutton_style_alternative_1,
.mm9_texteditor_save_container .mm_hybridmenubutton_style_primary_muted,
.mm9_texteditor_save_container .mm_hybridmenubutton_style_secondary,
.mm9_texteditor_save_container .mm_hybridmenubutton_style_secondary_borderless,
.mm9_texteditor_save_container .mm_hybridmenubutton_style_primary_muted_borderless,
.mm9_texteditor_save_container .mm_hybridmenubutton_style_link,
.mm9_texteditor_save_container .mm_hybridmenubutton_style_negative,
.mm9_texteditor_save_container .mm_hybridmenubutton_style_negative_muted
{
	margin-left: 10px;
}

.mm9_texteditor_findreplace_container .mm10_button_style_primary,
.mm9_texteditor_findreplace_container .mm10_button_style_alternative_1,
.mm9_texteditor_findreplace_container .mm10_button_style_primary_muted,
.mm9_texteditor_findreplace_container .mm10_button_style_secondary,
.mm9_texteditor_findreplace_container .mm10_button_style_secondary_borderless,
.mm9_texteditor_findreplace_container .mm10_button_style_primary_muted_borderless,
.mm9_texteditor_findreplace_container .mm10_button_style_link,
.mm9_texteditor_findreplace_container .mm10_button_style_negative,
.mm9_texteditor_findreplace_container .mm10_button_style_negative_muted,
.mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_primary,
.mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_alternative_1,
.mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_primary_muted,
.mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_secondary,
.mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_secondary_borderless,
.mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_primary_muted_borderless,
.mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_link,
.mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_negative,
.mm9_texteditor_findreplace_container .mm_hybridmenubutton_style_negative_muted
{
	margin-left: 10px;
}

.mm9_texteditor_findreplace_container .mm_texteditor_findreplace_button
{
	width: 110px;
	flex-shrink: 0;
}

.mm9_texteditor_findreplace_close_container.mm9_mivaicon
{
	position: absolute;
	display: flex;
	top: 15px;
	right: 15px;
	width: 15px;
	height: 15px;
	font-size: 10px;
	color: #8b8f98;
	justify-content: center;
	align-items: center;
	z-index: 4;
	cursor: pointer;
}

.mm9_texteditor_findreplace_close_container:hover
{
	color: #6a6e79;
}

.mm9_texteditor_findreplace_section
{
	position: relative;
	display: flex;
	align-items: flex-start;
}

.mm9_texteditor_findreplace_section + .mm9_texteditor_findreplace_section
{
	margin-top: 10px;
}

.mm9_texteditor_findreplace_section_input_container
{
	position: relative;
	display: inline-block;
	flex-grow: 1;
}

.mm9_texteditor_findreplace_section_action_container
{
	position: relative;
	display: inline-block;
	width: 160px;
	flex-shrink: 0;
}

.mm9_texteditor_findreplace_content .mm9_texteditor_findreplace_textarea
{
	position: relative;
	display: block;
	width: 100%;
	min-height: 30px;
	max-height: 75px;
	margin: 0;
	word-wrap: normal;
	white-space: pre;
	resize: none;
	font-size: 11px;
	box-sizing: border-box;
	overflow: auto;
}

.mm9_texteditor_content_container
{
	position: absolute;
	top: 51px;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	border-radius: 0 0 var(--mm-field-texteditor-border-radius) var(--mm-field-texteditor-border-radius);

	.textarea_minified &
	{
		border-radius: var(--mm-field-texteditor-border-radius);
	}
}

.mm9_texteditor_content_container_richtext,
.mm9_texteditor_content_container_textarea
{
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent;
}

.mm9_texteditor.richtext .mm9_texteditor_content_container_richtext
{
	display: block;
}

.mm9_texteditor.textarea .mm9_texteditor_content_container_textarea,
.mm9_texteditor.textarea_minified .mm9_texteditor_content_container_textarea
{
	display: block;
}

.mm9_texteditor.loading .mm9_texteditor_content_container_richtext
{
	opacity: 0;
}

.mm9_texteditor.loading .mm9_texteditor_content_container_textarea
{
	visibility: hidden;
}

.mm9_texteditor_sandboxed_iframe
{
	position: relative;
	display: block;
	border: 0;
	width: 100%;
	height: 100%;
}

.mm9_texteditor_resizer
{
	position: absolute;
	right: 3px;
	bottom: 3px;
	width: 15px;
	height: 15px;
	cursor: nwse-resize;
}

.mm9_texteditor_resizer_bg1
{
	position: absolute;
	top: 6px;
	left: 1px;
	width: 12px;
	height: 2px;
	background-color: var(--mm-field-texteditor-resize-icon-color);
	border-radius: 1px;
	transform: rotate(-45deg);
}

.mm9_texteditor_resizer_bg2
{
	position: absolute;
	top: 9px;
	left: 7px;
	width: 6px;
	height: 2px;
	background-color: var(--mm-field-texteditor-resize-icon-color);
	border-radius: 1px;
	transform: rotate(-45deg);
}

.mm9_texteditor_imageresizer_input_container
{
	position: relative;
	display: inline-block;
	flex-shrink: 0;
}

.mm9_texteditor_imageresizer_icon_container
{
	position: relative;
	display: inline-block;
	flex-shrink: 0;
}

.mm9_texteditor_imageresizer_spacer
{
	position: relative;
	display: inline-block;
	margin: 0 15px 0 26px;
	width: 1px;
	height: 18px;
	background-color: #e2e6ea;
	flex-shrink: 0;
}

.mm9_texteditor_imageresizer_actions_container
{
	position: relative;
	display: inline-block;
	text-align: right;
	flex-grow: 1;
}

.mm9_texteditor_imageresizer_actions_container .mm10_button_style_primary
{
	margin-left: 10px;
}

.mm9_texteditor_hyperlink_addeditdialog_row
{
	position: relative;
	display: block;
}

.mm9_texteditor_hyperlink_addeditdialog_row + .mm9_texteditor_hyperlink_addeditdialog_row
{
	margin-top: 13px;
}

.mm9_texteditor_hyperlink_addeditdialog_prompt
{
	position: relative;
	display: block;
	margin: 0 0 7px;
}

.mm9_texteditor_hyperlink_addeditdialog_prompt_required
{
	font-weight: bold;
}

.mm9_texteditor_hyperlink_addeditdialog_value
{
	position: relative;
	display: flex;
	align-items: center;
}

.mm9_texteditor_hyperlink_addeditdialog_href_container
{
	position: relative;
	display: block;
	flex-grow: 1;
}

.mm9_texteditor_hyperlink_addeditdialog_displaytype_container
{
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 120px;
	flex-shrink: 0;
}

.mm9_texteditor_hyperlink_addeditdialog_text_container
{
	position: relative;
	display: none;
	flex-grow: 1;
}

.mm9_texteditor_hyperlink_addeditdialog_text_visible .mm9_texteditor_hyperlink_addeditdialog_text_container
{
	display: inline-block;
}

.mm9_texteditor_hyperlink_addeditdialog_image_container
{
	position: relative;
	display: none;
	flex-grow: 1;
}

.mm9_texteditor_hyperlink_addeditdialog_image_visible .mm9_texteditor_hyperlink_addeditdialog_image_container
{
	display: inline-block;
}

.mm9_texteditor_hyperlink_addeditdialog_imagelookup_container
{
	position: relative;
	display: none;
	margin-left: 10px;
	flex-shrink: 0;
}

.mm9_texteditor_hyperlink_addeditdialog_image_visible .mm9_texteditor_hyperlink_addeditdialog_imagelookup_container
{
	display: inline-block;
}

.mm9_texteditor_hyperlink_addeditdialog_title_container
{
	position: relative;
	display: block;
	flex-grow: 1;
}

.mm9_texteditor_hyperlink_addeditdialog_newtab_container
{
	position: relative;
	display: block;
	flex-grow: 1;
}

.mm9_texteditor_tablesettings_cellwidth_dialog_row
{
	position: relative;
	display: block;
}

.mm9_texteditor_tablesettings_cellwidth_dialog_prompt
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 75px;
}

.mm9_texteditor_tablesettings_cellwidth_dialog_value
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.mm9_texteditor_tablesettings_cellwidth_dialog_value input
{
	padding: 8px;
	width: 200px;
	border: 1px solid #e0e1e4;
	border-radius: 4px;
	outline: none;
}

.mm9_texteditor_tablesettings_cellwidth_dialog_value input:focus
{
	border-color: #539cff;
}

.mm9_texteditor_table_selector
{
	position: relative;
	display: block;
}

.mm9_texteditor_table_selector_row
{
	position: relative;
	display: block;
}

.mm9_texteditor_table_selector_column
{
	position: relative;
	display: inline-block;
	padding: 1px 2px;
}

.mm9_texteditor_table_selector_column_display
{
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	background: #f5f7fa;
	border: 1px solid #f5f7fa;
}

.mm9_texteditor_table_selector_column.active .mm9_texteditor_table_selector_column_display,
.mm9_texteditor_table_selector_column.current.active .mm9_texteditor_table_selector_column_display
{
	background: #2f75ff;
	border-color: #2f75ff;
}

.mm9_texteditor_table_selector_column.current .mm9_texteditor_table_selector_column_display
{
	border-color: #999;
}

.mm9_texteditor_table_selector_title
{
	position: relative;
	display: block;
	height: 15px;
	line-height: 15px;
	padding: 15px 0 0;
	font-size: 15px;
	color: #6a6e79;
	text-align: center;
}

.mm9_texteditor_control_spacer
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 22px;
	margin: 0 14px;
	background-color: #e2e6ea;
}

.mm9_texteditor_control_spacer.hidden
{
	display: none;
}

.mm9_texteditor_richtext_tablesettings_overlay
{
	position: absolute;
	display: none;
	top: -999px;
	left: -999px;
	margin: 15px;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #dfe4eb;
	border-radius: 4px;
	white-space: nowrap;
	box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15);
	z-index: 1;
}

.mm9_texteditor_resize_overlay
{
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 5px 10px;
	background: transparent;
	z-index: 1;
}

.mm9_texteditor_richtext_tablesettings_overlay_tail_top
{
	position: absolute;
	display: none;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
}

.mm9_texteditor_richtext_tablesettings_overlay_tail_bottom
{
	position: absolute;
	display: none;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
}

.mm9_texteditor_richtext_tablesettings_overlay_tail_top .mm9_texteditor_richtext_tablesettings_overlay_tail_border
{
	position: absolute;
	display: block;
	top: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: #dfe4eb transparent;
	z-index: 3;
}

.mm9_texteditor_richtext_tablesettings_overlay_tail_top .mm9_texteditor_richtext_tablesettings_overlay_tail
{
	position: absolute;
	display: block;
	top: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-width: 0 8px 8px;
	border-style: solid;
	border-color: #fff transparent;
	z-index: 3;
}

.mm9_texteditor_richtext_tablesettings_overlay_tail_bottom .mm9_texteditor_richtext_tablesettings_overlay_tail_border
{
	position: absolute;
	display: block;
	bottom: -9px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-width: 8px 8px 0;
	border-style: solid;
	border-color: #dfe4eb transparent;
	z-index: 3;
}

.mm9_texteditor_richtext_tablesettings_overlay_tail_bottom .mm9_texteditor_richtext_tablesettings_overlay_tail
{
	position: absolute;
	display: block;
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-width: 8px 8px 0;
	border-style: solid;
	border-color: #fff transparent;
	z-index: 3;
}

.mm9_texteditor_richtext_tablesettings_overlay_content
{
	position: relative;
	display: block;
	z-index: 3;
}

.mm9_texteditor_textarea_container
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.mm9_texteditor_textarea_wrapper
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	border-radius: 0 0 var(--mm-field-texteditor-border-radius) var(--mm-field-texteditor-border-radius);
	box-sizing: border-box;
	z-index: 0;
	background: transparent;
	overflow: hidden;
	cursor: text;
}

.mm9_texteditor.textarea_minified .mm9_texteditor_textarea_wrapper
{
	border-radius: var(--mm-field-texteditor-border-radius);
}

.mm9_texteditor.findreplace_visible .mm9_texteditor_textarea_wrapper
{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.mm9_texteditor.fullscreen .mm9_texteditor_textarea_wrapper
{
	border-radius: 0;
}

.mm9_texteditor_textarea_scroller
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	z-index: 0;
	background: transparent;
	overflow: auto;
}

.mm9_texteditor .mm9_texteditor_textarea
{
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	word-wrap: normal;
	color: var(--mm-field-texteditor-text-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-multiline-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	background: transparent;
	border: none;
	box-shadow: none;
	box-sizing: border-box;
	resize: none;
	outline: none;
	overflow: hidden;
	z-index: 0;
}

.mm9_texteditor .mm9_texteditor_textarea_calculator
{
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	visibility: hidden;
}

.mm9_texteditor_textarea_highlight_container
{
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
}

.mm9_texteditor_textarea_find_highlight
{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 18px;
	background: #fffd88;
}

.mm9_texteditor_textarea_find_highlight_active
{
	background: #ffb562;
}

.mm9_texteditor_textarea_currentline
{
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 8px;
	right: 0;
	height: 18px;
	background: rgba(64, 96, 161, 0.05);
	cursor: text;
}

.mm9_texteditor_textarea_linenumbers
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 10px 18px;
	color: var(--mm-field-texteditor-gutter-text-color);
	background-color: var(--mm-field-texteditor-gutter-background-color);
	font-family: var(--mm-monospace-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-multiline-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	text-align: right;
	white-space: pre;
	border-radius: 4px;
	cursor: text;
}

.mm9_texteditor_textarea_linenumbers_container
{
	position: absolute;
	top: 0;
	bottom: 8px;
	left: 8px;
	width: 0;
	border-radius: 4px;
	overflow: hidden;
}

.mm9_texteditor_textarea_linenumbers_background
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.mm9_texteditortemplatedialog_texteditor_wrapper,
.mm9_texteditorfiledialog_texteditor_container,
.mm9_texteditordialog_texteditor_container
{
	position: absolute;
	display: block;
	top: 1px;
	right: 24px;
	bottom: 1px;
	left: 24px;
}

.mm9_texteditortemplatedialog_texteditor_wrapper
{
	display: flex;
	flex-direction: column;
}

.mm9_dialog.mm9_dialog_fullscreen .mm9_texteditortemplatedialog_texteditor_wrapper,
.mm9_dialog.mm9_dialog_fullscreen .mm9_texteditorfiledialog_texteditor_container,
.mm9_dialog.mm9_dialog_fullscreen .mm9_texteditordialog_texteditor_container
{
	right: 0;
	left: 0;
}

.mm9_texteditortemplatedialog_texteditor_container
{
	position: relative;
	display: block;
	flex-grow: 1;
}

.mm9_texteditortemplatedialog_texteditor_version_container
{
	position: relative;
	display: block;
	flex-shrink: 0;
}

.mm9_texteditorfiledialog_texteditor_container .mm9_texteditor,
.mm9_texteditortemplatedialog_texteditor_container .mm9_texteditor,
.mm9_texteditordialog_texteditor_container .mm9_texteditor
{
	position: absolute;
	top: 0px;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto;
	height: auto;
	margin: 0;
}

.mm9_texteditor_help_subtitle
{
	position: relative;
	display: block;
	margin-bottom: 20px;
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	color: #969da8;
}

.mm9_texteditor_help_entry + .mm9_texteditor_help_subtitle
{
	margin-top: 60px;
}

.mm9_texteditor_help_entry
{
	position: relative;
	display: block;
	padding: 20px;
	white-space: nowrap;
}

.mm9_texteditor_help_entry:nth-child(2n+0)
{
	background: #f8f8f8;
}

.mm9_texteditor_help_entry_icon.mm9_mivaicon
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	color: #2f75ff;
	font-size: 18px
}

.mm9_texteditor_help_entry_name
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 150px;
	margin-right: 5px;
	font-weight: bold;
	font-size: 16px;
	color: #444;
}

.mm9_texteditor_help_entry_description
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	max-width: 400px;
	text-align: left;
	font-size: 12px;
	color: #999;
	white-space: normal;
	word-break: break-word;
}

.mm9_texteditor_help_entry_keyboard_shortcut
{
	position: relative;
	display: block;
	margin-top: 8px;
	font-style: italic;
}

.mm9_texteditor_help_entry_keyboardshortcut_description
{
	position: relative;
	display: block;
	margin-bottom: 8px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	color: #444;
	white-space: normal;
	word-break: break-word;
}

.mm9_texteditor_help_entry_keyboardshortcut_command
{
	position: relative;
	display: block;
	text-align: left;
	font-size: 12px;
	color: #999;
	white-space: normal;
	word-break: break-word;
}

.mm_texteditor_control_richtext_menu
{
	position: relative;
	display: inline-block;
}

.mm_texteditor_control_richtext_menu_button_fullscreen_end.mm_button_style_fullscreen_end
{
	position: absolute;
	top: 0;
	right: 0;
}

.mm_texteditor_control_textarea_menu_button_fullscreen_end.mm_button_style_fullscreen_end
{
	margin: 0 5px 0 14px;
	flex-shrink: 0;
}

.mm_texteditor_control_richtext_menu_button
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 8px 3px 7px 0;
	padding: 0 44px 0 23px;
	height: 30px;
	text-align: center;
	line-height: 1;
	background: transparent;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	cursor: pointer;
	outline: none;
	transition: box-shadow 0.2s linear;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm9_texteditor.fullscreen .mm_texteditor_control_richtext_menu_button
{
	height: 38px;
}

.mm_texteditor_control_richtext_menu_button.focus
{
	box-shadow: 0 0 0 3px #c7dfff;
}

.mm_texteditor_control_richtext_menu_button:hover
{
	box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15);
}

.mm_texteditor_control_richtext_menu_button.active,
.mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button
{
	box-shadow: 0 2px 3px rgba(47, 117, 255, 0.15);
}

.mm_texteditor_control_richtext_menu_button.disabled,
.mm_texteditor_control_richtext_menu_button.disabled:hover,
.mm_texteditor_control_richtext_menu_button.disabled.focus,
.mm_texteditor_control_richtext_menu_button.disabled.active,
.mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button.disabled
{
	box-shadow: none;
}

.mm_texteditor_control_richtext_menu_button .mm9_button_image
{
	display: none;
}

.mm_texteditor_control_richtext_menu_button .mm9_button_text
{
	font-size: 14px;
	font-weight: 500;
	color: #6a6e79;
	transition: color 0.2s linear;
}

.mm_texteditor_control_richtext_menu_button:hover .mm9_button_text
{
	color: #2f75ff;
}

.mm_texteditor_control_richtext_menu_button.active .mm9_button_text,
.mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button .mm9_button_text
{
	color: #2f75ff;
}

.mm_texteditor_control_richtext_menu_button.disabled .mm9_button_text,
.mm_texteditor_control_richtext_menu_button.disabled:hover .mm9_button_text,
.mm_texteditor_control_richtext_menu_button.disabled.focus .mm9_button_text,
.mm_texteditor_control_richtext_menu_button.disabled.active .mm9_button_text,
.mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button.disabled .mm9_button_text
{
	color: #e0e1e4;
}

.mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown
{
	position: absolute;
	display: block;
	top: 50%;
	right: 17px;
	width: 9px;
	height: 6px;
	border: none;
	background: none;
	transform: translateY(-50%);
}

.mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg1
{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 6px;
	height: 2px;
	background-color: #6a6e79;
	transform: rotate(-40deg);
	transition: all 0.2s linear;
}

.mm_texteditor_control_richtext_menu_button:hover .mm9_menubutton_dropdown_bg1,
.mm_texteditor_control_richtext_menu_button.active .mm9_menubutton_dropdown_bg1,
.mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg1
{
	background-color: #2f75ff;
}

.mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg1
{
	transform: rotate(40deg);
}

.mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg2
{
	position: absolute;
	top: 2px;
	left: 0px;
	width: 6px;
	height: 2px;
	background-color: #6a6e79;
	transform: rotate(40deg);
	transition: all 0.2s linear;
}

.mm_texteditor_control_richtext_menu_button:hover .mm9_menubutton_dropdown_bg2,
.mm_texteditor_control_richtext_menu_button.active .mm9_menubutton_dropdown_bg2,
.mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg2
{
	background-color: #2f75ff;
}

.mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button .mm9_menubutton_dropdown_bg2
{
	transform: rotate(-40deg);
}

.mm_texteditor_control_richtext_menu_button.disabled .mm9_menubutton_dropdown_bg1,
.mm_texteditor_control_richtext_menu_button.disabled .mm9_menubutton_dropdown_bg2,
.mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button.disabled .mm9_menubutton_dropdown_bg1,
.mm_texteditor_control_richtext_menu.active .mm_texteditor_control_richtext_menu_button.disabled .mm9_menubutton_dropdown_bg2
{
	background-color: #e0e1e4;
}

.mm_texteditor_control_richtext_submenu
{
	position: relative;
	display: inline-block;
}

.mm_texteditor_control_richtext_submenu_button
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 12px 7px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 1;
	background: transparent;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	cursor: pointer;
	outline: none;
	transition: box-shadow 0.2s linear;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm_texteditor_control_richtext_submenu_button.focus
{
	box-shadow: 0 0 0 3px #c7dfff;
}

.mm_texteditor_control_richtext_submenu_button.disabled,
.mm_texteditor_control_richtext_submenu_button.disabled:hover,
.mm_texteditor_control_richtext_submenu_button.disabled.focus,
.mm_texteditor_control_richtext_submenu_button.disabled.active,
.mm_texteditor_control_richtext_submenu.active .mm_texteditor_control_richtext_submenu_button.disabled
{
	box-shadow: none;
}

.mm_texteditor_control_richtext_submenu_button .mm9_button_text
{
	display: none;
}

.mm_texteditor_control_richtext_submenu_button .mm9_button_image
{
	width: 18px;
	height: 18px;
	color: #6a6e79;
	font-size: 18px;
	transition: color 0.2s linear;
}

.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg .mm9_button_image
{
	display: none;
}

.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg .mm9_button_custom
{
	display: inline-block;
	width: 18px;
	height: 18px;
}

.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg .mm9_button_custom svg
{
	width: 18px;
	height: 18px;
}

.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg .mm10_svg_icon_color
{
	fill: #6a6e79;
	transition: fill 0.2s linear;
}

.mm_texteditor_control_richtext_submenu_button:hover .mm9_button_image
{
	color: #2f75ff;
}

.mm_texteditor_control_richtext_submenu_button.in_use .mm9_button_image,
.mm_texteditor_control_richtext_submenu_button.active .mm9_button_image,
.mm_texteditor_control_richtext_submenu.active .mm_texteditor_control_richtext_submenu_button .mm9_button_image
{
	color: #2f75ff;
}

.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg:hover .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.in_use .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.active .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_richtext_submenu.active .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg .mm9_button_custom .mm10_svg_icon_color
{
	fill: #2f75ff;
}

.mm_texteditor_control_richtext_submenu_button.disabled .mm9_button_image,
.mm_texteditor_control_richtext_submenu_button.disabled:hover .mm9_button_image,
.mm_texteditor_control_richtext_submenu_button.disabled.focus .mm9_button_image,
.mm_texteditor_control_richtext_submenu_button.disabled.active .mm9_button_image,
.mm_texteditor_control_richtext_submenu.active .mm_texteditor_control_richtext_submenu_button.disabled .mm9_button_image
{
	color: #e0e1e4;
}

.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.disabled .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.disabled:hover .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.disabled.focus .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.disabled.active .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_richtext_submenu.active .mm_texteditor_control_richtext_submenu_button.mm_texteditor_control_richtext_submenu_button_svg.disabled .mm9_button_custom .mm10_svg_icon_color
{
	fill: #e0e1e4;
}

.mm_texteditor_control_richtext_tablesetting
{
	position: relative;
	display: inline-block;
}

.mm_texteditor_control_richtext_tablesetting_button
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 12px 7px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 1;
	background: transparent;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	cursor: pointer;
	outline: none;
	transition: box-shadow 0.2s linear;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm_texteditor_control_richtext_tablesetting_button.focus
{
	box-shadow: 0 0 0 3px #c7dfff;
}

.mm_texteditor_control_richtext_tablesetting_button.disabled,
.mm_texteditor_control_richtext_tablesetting_button.disabled:hover,
.mm_texteditor_control_richtext_tablesetting_button.disabled.focus,
.mm_texteditor_control_richtext_tablesetting_button.disabled.active,
.mm_texteditor_control_richtext_tablesetting.active .mm_texteditor_control_richtext_tablesetting_button.disabled
{
	box-shadow: none;
}

.mm_texteditor_control_richtext_tablesetting_button .mm9_button_text
{
	display: none;
}

.mm_texteditor_control_richtext_tablesetting_button .mm9_button_image
{
	width: 18px;
	height: 18px;
	color: #6a6e79;
	font-size: 18px;
	transition: color 0.2s linear;
}

.mm_texteditor_control_richtext_tablesetting_button:hover .mm9_button_image
{
	color: #2f75ff;
}

.mm_texteditor_control_richtext_tablesetting_button.active .mm9_button_image,
.mm_texteditor_control_richtext_tablesetting.active .mm_texteditor_control_richtext_tablesetting_button .mm9_button_image
{
	color: #2f75ff;
}

.mm_texteditor_control_richtext_tablesetting_button.disabled .mm9_button_image,
.mm_texteditor_control_richtext_tablesetting_button.disabled:hover .mm9_button_image,
.mm_texteditor_control_richtext_tablesetting_button.disabled.focus .mm9_button_image,
.mm_texteditor_control_richtext_tablesetting_button.disabled.active .mm9_button_image,
.mm_texteditor_control_richtext_tablesetting.active .mm_texteditor_control_richtext_tablesetting_button.disabled .mm9_button_image
{
	color: #e0e1e4;
}

.mm_texteditor_control_textarea
{
	position: relative;
	display: inline-block;
}

.mm_texteditor_control_textarea_button
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 12px 7px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 1;
	background: transparent;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	cursor: pointer;
	outline: none;
	transition: box-shadow 0.2s linear;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm_texteditor_control_textarea_button.focus
{
	box-shadow: 0 0 0 3px #c7dfff;
}

.mm_texteditor_control_textarea_button.disabled,
.mm_texteditor_control_textarea_button.disabled:hover,
.mm_texteditor_control_textarea_button.disabled.focus,
.mm_texteditor_control_textarea_button.disabled.active,
.mm_texteditor_control_textarea.active .mm_texteditor_control_textarea_button.disabled
{
	box-shadow: none;
}

.mm_texteditor_control_textarea_button .mm9_button_text
{
	display: none;
}

.mm_texteditor_control_textarea_button .mm9_button_image
{
	width: 18px;
	height: 18px;
	color: #6a6e79;
	font-size: 18px;
	transition: color 0.2s linear;
}

.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg .mm9_button_image
{
	display: none;
}

.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg .mm9_button_custom
{
	display: inline-block;
	width: 18px;
	height: 18px;
}

.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg .mm9_button_custom svg
{
	width: 18px;
	height: 18px;
}

.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg .mm10_svg_icon_color
{
	fill: #6a6e79;
	transition: fill 0.2s linear;
}

.mm_texteditor_control_textarea_button:hover .mm9_button_image
{
	color: #2f75ff;
}

.mm_texteditor_control_textarea_button.in_use .mm9_button_image,
.mm_texteditor_control_textarea_button.active .mm9_button_image,
.mm_texteditor_control_textarea.active .mm_texteditor_control_textarea_button .mm9_button_image
{
	color: #2f75ff;
}

.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg:hover .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.in_use .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.active .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_textarea.active .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg .mm9_button_custom .mm10_svg_icon_color
{
	fill: #2f75ff;
}

.mm_texteditor_control_textarea_button.disabled .mm9_button_image,
.mm_texteditor_control_textarea_button.disabled:hover .mm9_button_image,
.mm_texteditor_control_textarea_button.disabled.focus .mm9_button_image,
.mm_texteditor_control_textarea_button.disabled.active .mm9_button_image,
.mm_texteditor_control_textarea.active .mm_texteditor_control_textarea_button.disabled .mm9_button_image
{
	color: #e0e1e4;
}

.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.disabled .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.disabled:hover .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.disabled.focus .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.disabled.active .mm9_button_custom .mm10_svg_icon_color,
.mm_texteditor_control_textarea.active .mm_texteditor_control_textarea_button.mm_texteditor_control_textarea_button_svg.disabled .mm9_button_custom .mm10_svg_icon_color
{
	fill: #e0e1e4;
}

.mm_texteditor_control_textarea_minified_button
{
	margin-left: 10px;
}

.mm_texteditor_control_richtext_imageresizer_button
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 0 7px;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 1;
	background: transparent;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	cursor: pointer;
	outline: none;
	transition: box-shadow 0.2s linear;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm_texteditor_control_richtext_imageresizer_button.focus
{
	box-shadow: 0 0 0 3px #c7dfff;
}

.mm_texteditor_control_richtext_imageresizer_button.disabled,
.mm_texteditor_control_richtext_imageresizer_button.disabled:hover,
.mm_texteditor_control_richtext_imageresizer_button.disabled.focus,
.mm_texteditor_control_richtext_imageresizer_button.disabled.active
{
	box-shadow: none;
}

.mm_texteditor_control_richtext_imageresizer_button .mm9_button_text
{
	display: none;
}

.mm_texteditor_control_richtext_imageresizer_button .mm9_button_image
{
	width: 16px;
	height: 16px;
	color: #6a6e79;
	font-size: 16px;
	transition: color 0.2s linear;
}

.mm_texteditor_control_richtext_imageresizer_button.lock .mm9_button_image
{
	color: #2f75ff;
}

.mm_texteditor_control_richtext_imageresizer_button:hover .mm9_button_image
{
	color: #2f75ff;
}

.mm_texteditor_control_richtext_imageresizer_button.in_use .mm9_button_image,
.mm_texteditor_control_richtext_imageresizer_button.active .mm9_button_image
{
	color: #2f75ff;
}

.mm_texteditor_control_richtext_imageresizer_button.disabled .mm9_button_image,
.mm_texteditor_control_richtext_imageresizer_button.disabled:hover .mm9_button_image,
.mm_texteditor_control_richtext_imageresizer_button.disabled.focus .mm9_button_image,
.mm_texteditor_control_richtext_imageresizer_button.disabled.active .mm9_button_image
{
	color: #e0e1e4;
}

.mm_texteditor_control_richtext_imageresizer_input
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 0;
	padding: 0 15px 0 0;
	width: 100px;
	height: 30px;
	background: #fff;
	border: 1px solid #e0e1e4;
	border-radius: 4px;
	box-sizing: border-box;
	align-items: center;
	transition: border-color 0.1s linear;
}

.mm_texteditor_control_richtext_imageresizer_input.focus
{
	border-color: #539cff;
}

.mm_texteditor_control_richtext_imageresizer_input.invalid,
.mm_texteditor_control_richtext_imageresizer_input.invalid.focus
{
	border-color: #ea6570;
}

.mm_texteditor_control_richtext_imageresizer_input .mm_input_title
{
	position: relative;
	display: inline-block;
	top: auto;
	left: auto;
	margin: 0;
	width: 30px;
	font-size: 12px;
	font-weight: normal;
	color: #969da8;
	text-align: center;
}

.mm_texteditor_control_richtext_imageresizer_input .mm_input
{
	position: relative;
	width: calc(100% - 30px);
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	color: #6a6e79;
	outline: none;
}

.mm_texteditor_control_richtext_imageresizer_input.disabled,
.mm_texteditor_control_richtext_imageresizer_input.disabled.focus,
.mm_texteditor_control_richtext_imageresizer_input.disabled.invalid.focus
{
	background: #fff;
	border: 1px solid #e0e1e4;
}

.mm_texteditor_control_richtext_imageresizer_input.disabled .mm_input,
.mm_texteditor_control_richtext_imageresizer_input.disabled.focus .mm_input,
.mm_texteditor_control_richtext_imageresizer_input.disabled.invalid.focus .mm_input
{
	color: #c9ced8;
}

.mm_texteditor_menu .mm_texteditor_menu_collapsible_group.mm10_menubutton_menu_collapsible_group_container:not(.mm10_menubutton_menu_collapsible_group_visible) .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item
{
	padding-left: 35px;
}

.mm_texteditor_menu_mergecells .mm9_menubutton_menu_item
{
	height: auto;
}

.mm_texteditor_menu_mergecells .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected
{
	background: transparent;
}

.mm_texteditor_version_recall_menu
{
	position: absolute;
	display: none;
	top: 57px;
	left: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	min-width: auto;
	max-width: auto;
	text-align: left;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgb(47, 117, 255, 15%);
	box-sizing: border-box;
	flex-direction: column;
	overflow: auto;
	z-index: 99999;
}

.mm_texteditor_version_recall_menu .mm9_menubutton_menu_item
{
	position: relative;
	display: flex;
	padding: 0 25px;
	height: auto;
	white-space: nowrap;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #6a6e79;
	background-color: #fff;
	align-items: center;
	cursor: pointer;
}

.mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected
{
	background-color: #2f75ff;
	color: #fff;
}

.mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_disabled
{
	background-color: #fff;
	color: #cfd2d6;
	cursor: default;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_title_group
{
	position: relative;
	display: block;
	padding: 10px 15px;
	background-color: #f5f7fa;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_title_entry
{
	position: relative;
	display: flex;
	padding: 0 15px;
	height: 33px;
	flex-shrink: 0;
	font-size: 13px;
	font-weight: bold;
	color: #2f75ff;
	background-color: transparent;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_title_entry.mm9_menubutton_menu_item_selected
{
	color: #1f4389;
	background-color: transparent;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_content_group
{
	position: relative;
	display: block;
	padding: 0;
	border-top: 1px solid #ecedf2;
	box-sizing: border-box;
	overflow: auto;
	flex-grow: 1;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details
{
	position: relative;
	display: flex;
	padding: 12px 0;
	flex-grow: 1;
	align-items: flex-start;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_visual
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_visual::before
{
	position: absolute;
	top: 0;
	left: 4px;
	bottom: 0;
	width: 2px;
	background-color: #e9ecf0;
	content: '';
}

.mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_texteditor_version_recall_menu_entry_details_visual::before
{
	background-color: #1a5cde;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_visual::after
{
	position: absolute;
	top: 15px;
	left: 0;
	width: 6px;
	height: 6px;
	background-color: #fff;
	border: 2px solid #969da8;
	border-radius: 50%;
	content: '';
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_active .mm_texteditor_version_recall_menu_entry_details_visual::after
{
	border-color: #2f75ff;
}

.mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_texteditor_version_recall_menu_entry_details_visual::after
{
	background-color: #2f75ff;
	border-color: #1f4389;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_content
{
	position: relative;
	display: inline-block;
	margin-left: 30px;
	flex-grow: 1;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_title
{
	position: relative;
	display: block;
	max-width: 500px;
	color: #494a53;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_active .mm_texteditor_version_recall_menu_entry_details_title
{
	color: #2f75ff;
}

.mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_texteditor_version_recall_menu_entry_details_title
{
	color: #f0f5ff;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_summary
{
	position: relative;
	display: block;
	margin-top: 8px;
	min-width: 250px;
	max-width: 400px;
	font-size: 11px;
	font-weight: normal;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: pre-wrap;
	color: #6a6e79;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_active .mm_texteditor_version_recall_menu_entry_details_summary
{
	color: #2f75ff;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_summary:empty
{
	display: none;
}

.mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_texteditor_version_recall_menu_entry_details_summary
{
	color: #f0f5ff;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_current_label
{
	position: relative;
	display: none;
	margin-top: 15px;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_current .mm_texteditor_version_recall_menu_entry_details_current_label
{
	display: block;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_details_current_label::before
{
	position: relative;
	display: inline-flex;
	padding: 0 8px;
	align-items: center;
	height: 22px;
	font-size: 10px;
	font-weight: 500;
	color: #2f75ff;
	background-color: #f0f5ff;
	border-radius: 12px;
	content: 'Current';
}

.mm_texteditor_version_recall_menu .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected .mm_texteditor_version_recall_menu_entry_details_current_label::before
{
	color: #2f75ff;
	background-color: #f0f5ff;
}

.mm_texteditor_version_recall_menu .mm_texteditor_version_recall_menu_entry_loading
{
	position: relative;
	display: flex;
	width: 300px;
	height: 200px;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500;
	color: #6a6e79;
}

.mm_texteditor_table_adddialog_content
{
	position: relative;
	display: block;
}

.mm_texteditor_table_adddialog_item
{
	position: relative;
	display: flex;
	align-items: center;
}

.mm_texteditor_table_adddialog_item + .mm_texteditor_table_adddialog_item
{
	margin-top: 8px;
}

.mm_texteditor_table_adddialog_prompt
{
	position: relative;
	display: inline-block;
	width: 100px;
	font-size: 14px;
	font-weight: 500;
	color: #6a6e79;
	flex-shrink: 0;
}

.mm_texteditor_table_adddialog_field
{
	position: relative;
	display: inline-block;
	flex-grow: 1;
}

.mm_texteditor_table_adddialog_input
{
	width: 100%;
	font-size: 12px;
	color: #6a6e79;
	box-sizing: border-box;
}

.mm9_texteditor_preferences_row
{
	position: relative;
	display: block;
	padding: 7px 0;
}

.mm9_texteditor_preferences_row:nth-child(odd)
{
	background-color: #f8f8f8;
}

.mm9_texteditor_preferences_col_description
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0 7px;
	text-align: left;
	box-sizing: border-box;
	width: calc( 100% - 50px - 200px - 50px );
	color: #444;
}

.mm9_texteditor_preferences_col_description_title
{
	position: relative;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #444;
	text-align: left;
}

.mm9_texteditor_preferences_col_description_subtitle
{
	position: relative;
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #666;
	text-align: justify;
}

.mm9_texteditor_preferences_col_override
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
	width: 25px;
	margin: 0 10px 0 15px;
	color: #444;
}

.mm9_texteditor_preferences_col_setting
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
	width: 200px;
	color: #444;
}

.mm9_texteditor_preferences_col_action
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	box-sizing: border-box;
	width: 50px;
	color: #444;
}

.mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 5px 10px;
	margin: 0;
	cursor: pointer;
	border: 1px solid #ddd;
	background-color: #fff;
	outline: none;
}

.mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select:hover
{
	border-color: #ccc;
}

.mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select .mm9_button_text
{
	width: 160px;
	text-align: left;
	color: #444;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select.disabled
{
	border-color: #ddd;
	background-color: #f8f8f8;
}

.mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select.disabled:hover
{
	border-color: #ddd;
}

.mm9_texteditor_preferences_select_menubutton_container.active .mm9_texteditor_preferences_select:hover,
.mm9_texteditor_preferences_select_menubutton_container.active .mm9_texteditor_preferences_select
{
	background-color: #2f75ff;
	border-color: #2f75ff;
}

.mm9_texteditor_preferences_select_menubutton_container.active .mm9_texteditor_preferences_select .mm9_button_text
{
	color: #fff;
}

.mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select.disabled .mm9_button_text
{
	color: #999;
}

.mm9_texteditor_preferences_select_menubutton_container.active .mm9_texteditor_preferences_select .mm9_menubutton_dropdown
{
	border-color: #fff transparent;
}

.mm9_texteditor_preferences_select_menubutton_container .mm9_texteditor_preferences_select.disabled .mm9_menubutton_dropdown
{
	border-color: #ddd transparent;
}

.mm9_texteditor_preferences_select_menubutton_menu
{
	padding: 0;
	min-width: 191px;
	max-width: 191px;
	max-height: 300px;
	border-top: none;
	border-color: #ddd;
	box-shadow: 2px 2px 15px rgba( 0, 0, 0, 0.15 );
	border-radius: 0 0 15px 15px;
	z-index: 9999;
}

.mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 0 3px;
	width: 35px;
	height: 35px;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.15 );
	outline: none;
}

.mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action:hover
{
	border-color: #ccc;
}

.mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action .mm9_button_image
{
	color: #777;
	font-size: 21px;
	width: 21px;
	height: 21px;
}

.mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action.disabled
{
	border-color: #ddd;
	background-color: #f8f8f8;
}

.mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action.disabled:hover
{
	border-color: #ddd;
}

.mm9_texteditor_preferences_action_menubutton_container.active .mm9_texteditor_preferences_action:hover,
.mm9_texteditor_preferences_action_menubutton_container.active .mm9_texteditor_preferences_action
{
	background-color: #2f75ff;
	border-color: #2f75ff;
}

.mm9_texteditor_preferences_action_menubutton_container.active .mm9_texteditor_preferences_action .mm9_button_image
{
	color: #fff;
}

.mm9_texteditor_preferences_action_menubutton_container.active .mm9_texteditor_preferences_action .mm9_menubutton_dropdown
{
	border-color: #fff transparent;
}

.mm9_texteditor_preferences_action_menubutton_container .mm9_texteditor_preferences_action.disabled .mm9_menubutton_dropdown
{
	border-color: #ddd transparent;
}

.mm9_texteditor_preferences_action_menubutton_container.active .mm9_menubutton_tail_border
{
	display: none;
	left: 50%;
	bottom: -9px;
	border-color: #ddd transparent;
	transform: translateX(-50%);
}

.mm9_texteditor_preferences_action_menubutton_container.active .mm9_menubutton_tail
{
	display: none;
	left: 50%;
	bottom: -10px;
	border-color: #fff transparent;
	transform: translateX(-50%);
}

.mm9_texteditor_preference_colorpicker_button
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	cursor: pointer;
	height: 29px;
	width: 192px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	outline: none;
}

.mm9_texteditor_preference_colorpicker_button:focus
{
	border-color: #ddd;
}

.mm9_texteditor_preference_colorpicker_button:hover
{
	box-shadow: 2px 2px 15px rgba( 0, 0, 0, 0.25 );
}

.mm9_texteditor_preference_colorpicker_button.disabled,
.mm9_texteditor_preference_colorpicker_button.disabled:focus,
.mm9_texteditor_preference_colorpicker_button.disabled:hover
{
	cursor: default;
	box-shadow: none;
}

.mm9_texteditor_preferences_preference_colorpicker_preview_container
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.mm9_texteditor_preferences_preference_colorpicker_preview
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: repeating-linear-gradient( -45deg, #fff, #fff 10px, #f8f8f8 10px, #f8f8f8 20px );
}

.mm9_texteditor_preferences_preference_colorpicker_preview_disabled_overlay
{
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba( 255, 255, 255, 0.9 );
}

.mm9_texteditor_preference_colorpicker_button.disabled .mm9_texteditor_preferences_preference_colorpicker_preview_disabled_overlay
{
	display: block;
}/*****************************/
/*    Weight Input Styles    */
/*****************************/

mm-weight-input[size]:not([size~="full"],[size~="auto"])
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
}

.mm_weight_input_container
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	margin: 0;
	align-items: center;

	mm-weight-input[size]:not([size~="auto"]) &,
	&.whole_width
	{
		display: flex;
		width: auto;
		flex-grow: 1;
	}
}

.mm_weight_input_container .mm_weight_input
{
	position: relative;
	display: inline-flex;
	margin: 0;
	padding: var(--mm-field-weight-input-padding);
	width: 138px;
	height: var(--mm-field-weight-input-height);
	background: var(--mm-field-weight-input-background-color);
	border: var(--mm-field-weight-input-border);
	border-radius: var(--mm-field-weight-input-border-radius);
	box-shadow: var(--mm-field-weight-input-shadow);
	box-sizing: border-box;
	align-items: center;
	transition: border-color 0.1s linear;
	outline: none;
	flex-grow: 1;

	&.mm_weight_input_smaller_units_input
	{
		padding-right: 0;
		width: 160px;
	}

	&.mm_weight_input_mixed_units_input
	{
		width: 120px;
	}

	.mm_weight_input + &
	{
		margin-left: 10px;
	}

	&.title_visible
	{
		margin-top: var(--mm-field-input-title-margin-top);
	}

	mm-weight-input[size]:not([size~="auto"]) &,
	mm-weight-input[size]:not([size~="auto"]) &.mm_weight_input_smaller_units_input,
	mm-weight-input[size]:not([size~="auto"]) &.mm_weight_input_mixed_units_input,
	.mm_weight_input_container.auto_width &,
	.mm_weight_input_container.auto_width &.mm_weight_input_smaller_units_input,
	.mm_weight_input_container.auto_width &.mm_weight_input_mixed_units_input
	{
		width: auto;
	}
}

.mm_weight_input_container .mm_weight_input .mm_input_prefix
{
	display: none;
}

.mm_weight_input_container .mm_weight_input .mm_input_label
{
	position: relative;
	display: inline-block;
	margin-left: 10px;
	color: var(--mm-field-weight-input-text-color-label);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);

	.mm_weight_input.mm_weight_input_smaller_units_input &
	{
		display: none;
	}
}

.mm_weight_input_container .mm_weight_input .mm_input_title,
.mm_weight_input_container .mm_weight_input .mm_input_title_tooltip
{
	display: none;
}

.mm_weight_input_container .mm_weight_input.title_visible
{
	.mm_input_title
	{
		position: absolute;
		display: flex;
		top: calc(0px - var(--mm-field-input-title-margin-top));
		left: 0;
		align-items: center;

		.mm_input_title_text
		{
			font-family: var(--mm-field-prompt-font-family);
			font-size: var(--mm-field-prompt-font-size);
			font-style: var(--mm-field-prompt-font-style);
			font-weight: var(--mm-field-prompt-font-weight);
			line-height: var(--mm-field-prompt-line-height);
			letter-spacing: var(--mm-field-prompt-letter-spacing);
			color: var(--mm-field-prompt-text-color);
			text-transform: none;

			mm-weight-input[required] &::after,
			.mm_weight_input_container.required &::after
			{
				content: '*';
			}
		}
	}

	&.tooltip_visible
	{
		.mm_input_title_tooltip
		{
			position: relative;
			display: inline-block;
			margin-left: 6px;
		}
	}
}

.mm_weight_input_container .mm_weight_input .mm_input
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	color: var(--mm-field-weight-input-text-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	background: transparent;
	border: none;
	box-sizing: border-box;
	text-align: left;
	flex-grow: 1;
	outline: none;

	&::placeholder
	{
		color: var(--mm-field-weight-input-text-color-placeholder);
		font-family: var(--mm-field-font-family);
		font-size: var(--mm-field-font-size);
		font-style: var(--mm-field-font-style);
		font-weight: var(--mm-field-font-weight);
		line-height: var(--mm-field-line-height);
		letter-spacing: var(--mm-field-letter-spacing);
		opacity: 1;
	}
}

.mm_weight_input_container .mm_weight_input_units
{
	position: relative;
	display: inline-flex;
	margin-left: 16px;
	height: 100%;
	align-items: stretch;
	justify-content: center;
	box-sizing: border-box;
}

.mm_weight_input_container .mm_weight_input_units_button
{
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	padding: var(--mm-field-weight-input-units-button-padding);
	text-align: center;
	line-height: 1;
	align-items: center;
	justify-content: center;
	box-shadow: none;
	flex-shrink: 1;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	user-select: none;

	&::before
	{
		position: absolute;
		display: block;
		top: 50%;
		left: 0;
		width: 1px;
		height: calc(var(--mm-field-weight-input-height) - 2px);
		background-color: var(--mm-field-weight-input-units-button-border-left-color);
		transform: translateY(-50%);
		transition: background-color 0.2s linear, height 0.2s linear;
		content: '';
	}

	mm-weight-input[disabled] &,
	.mm_weight_input_container .mm_weight_input.disabled &
	{
		cursor: default;
	}
}

.mm_weight_input_container .mm_weight_input_units_button .mm9_menubutton_dropdown,
.mm_weight_input_container .mm_weight_input_units_button .mm9_button_image
{
	display: none;
}

.mm_weight_input_container .mm_weight_input_units_button .mm9_button_text
{
	padding: 0 16px 0 0;
	min-width: 2ch;
	color: var(--mm-field-weight-input-units-button-text-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	transition: color 0.2s linear;

	&::before
	{
		position: absolute;
		top: 50%;
		right: 3px;
		width: 5px;
		height: 2px;
		background-color: var(--mm-field-weight-input-units-button-dropdown-color);
		border-radius: 2px 0 0 2px;
		transform: translateY(-50%) rotate(40deg);
		transition: all 0.2s linear;
		content: '';

		.mm_weight_input_units.active &
		{
			transform: rotate(-40deg);
		}
	}

	&::after
	{
		position: absolute;
		top: 50%;
		right: 0px;
		width: 5px;
		height: 2px;
		background-color: var(--mm-field-weight-input-units-button-dropdown-color);
		border-radius: 0 2px 2px 0;
		transform: translateY(-50%) rotate(-40deg);
		transition: all 0.2s linear;
		content: '';

		.mm_weight_input_units.active &
		{
			transform: rotate(40deg);
		}
	}
}

.mm_weight_input_units_menu .mm9_menubutton_menu_item.mm10_menubutton_menu_item_persistent_selected
{
	color: #2f75ff;
	font-weight: bold;
}

/* CSS Variable State Overrides */

mm-weight-input[size~="small"],
.mm_weight_input_container.small
{
	--mm-field-weight-input-padding: var(--mm-field-weight-input-padding--s);
	--mm-field-weight-input-height: var(--mm-field-weight-input-height--s);
	--mm-field-font-size: var(--mm-field-font-size--s);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--s);
}

mm-weight-input[size~="large"],
.mm_weight_input_container.large
{
	--mm-field-weight-input-padding: var(--mm-field-weight-input-padding--l);
	--mm-field-weight-input-height: var(--mm-field-weight-input-height--l);
	--mm-field-font-size: var(--mm-field-font-size--l);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--l);
}

mm-weight-input[size~="extra-large"],
.mm_weight_input_container.extra-large
{
	--mm-field-weight-input-padding: var(--mm-field-weight-input-padding--xl);
	--mm-field-weight-input-height: var(--mm-field-weight-input-height--xl);
	--mm-field-font-size: var(--mm-field-font-size--xl);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--xl);
}

.mm_weight_input_container .mm_weight_input.focus
{
	--mm-field-weight-input-border: var(--mm-field-weight-input-border--focus);
	--mm-field-weight-input-shadow: var(--mm-field-weight-input-shadow--focus);
}

.mm_weight_input_container .mm_weight_input.invalid,
.mm_weight_input_container .mm_weight_input.invalid.focus
{
	--mm-field-weight-input-border: var(--mm-field-weight-input-border--invalid);
	--mm-field-weight-input-units-button-border-left-color: var(--mm-field-weight-input-units-button-border-left-color--invalid);
}

.mm_weight_input_container .mm_weight_input.invalid.focus
{
	--mm-field-weight-input-shadow: var(--mm-field-weight-input-shadow--invalid--focus);
}

mm-weight-input[readonly],
.mm_weight_input_container .mm_weight_input.readonly
{
	--mm-field-weight-input-background-color: var(--mm-field-weight-input-background-color--readonly);
	--mm-field-weight-input-border: var(--mm-field-weight-input-border--readonly);
	--mm-field-weight-input-text-color-label: var(--mm-field-weight-input-text-color-label--readonly);
	--mm-field-weight-input-text-color: var(--mm-field-weight-input-text-color--readonly);
	--mm-field-weight-input-units-button-text-color: var(--mm-field-weight-input-units-button-text-color--readonly);
	--mm-field-weight-input-units-button-dropdown-color: var(--mm-field-weight-input-units-button-dropdown-color--readonly);
	--mm-field-weight-input-units-button-border-left-color: var(--mm-field-weight-input-units-button-border-left-color--readonly);
}

mm-weight-input[readonly] .mm_weight_input.focus,
.mm_weight_input_container .mm_weight_input.readonly.focus
{
	--mm-field-weight-input-border: var(--mm-field-weight-input-border--readonly--focus);
	--mm-field-weight-input-shadow: var(--mm-field-weight-input-shadow--readonly--focus);
}

mm-weight-input[disabled],
mm-weight-input[disabled] .focus,
mm-weight-input[disabled] .invalid.focus,
.mm_weight_input_container .mm_weight_input.disabled,
.mm_weight_input_container .mm_weight_input.disabled.focus,
.mm_weight_input_container .mm_weight_input.disabled.invalid.focus
{
	--mm-field-weight-input-background-color: var(--mm-field-weight-input-background-color--disabled);
	--mm-field-weight-input-border: var(--mm-field-weight-input-border--disabled);
	--mm-field-weight-input-text-color-label: var(--mm-field-weight-input-text-color-label--disabled);
	--mm-field-weight-input-text-color: var(--mm-field-weight-input-text-color--disabled);
	--mm-field-weight-input-units-button-text-color: var(--mm-field-weight-input-units-button-text-color--disabled);
	--mm-field-weight-input-units-button-dropdown-color: var(--mm-field-weight-input-units-button-dropdown-color--disabled);
	--mm-field-weight-input-units-button-border-left-color: var(--mm-field-weight-input-units-button-border-left-color--disabled);
}

.mm_weight_input_units.active,
.mm_weight_input_units_button.focus,
.mm_weight_input_units_button.active
{
	--mm-field-weight-input-units-button-text-color: var(--mm-field-weight-input-units-button-text-color--active);
}/*****************************/
/*    Image Picker Styles    */
/*****************************/

.mm9_imagepicker_container
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm9_imagepicker_actionbar
{
	position: absolute;
	display: flex;
	top: 0;
	right: 0;
	left: 0;
	height: 64px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15);
	align-items: center;
	z-index: 2;
}

.mm9_imagepicker_content
{
	position: absolute;
	top: 64px;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

.mm9_imagepicker_imagelist_container
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-sizing: border-box;
	overflow: auto;
}

.mm9_imagepicker_imageuploads_title,
.mm9_imagepicker_imagelist_title
{
	position: relative;
	display: block;
	margin: 0 40px;
	padding: 28px 0;
	font-size: 27px;
	color: #494a53;
}

.mm9_imagepicker_imageuploads_content,
.mm9_imagepicker_imagelist_content
{
	position: relative;
	display: block;
	margin: 0 32px;
}

.mm9_imagepicker_loading_container
{
	position: relative;
	display: block;
	width: 400px;
	margin: 10px auto;
	padding: 15px 0;
	text-align: center;
	font-size: 13px;
	background: #f5f7fa;
	color: #6a6e79;
	border-radius: 4px;
}

.mm9_imagepicker_slot_container
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 8px;
	width: 366px;
	height: 382px;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15);
	overflow: hidden;
}

.mm9_imagepicker_slot_container.active
{
	box-shadow: 0 4px 5px rgba(47, 117, 255, 0.25), 0 0 0 1px #2f75ff;
}

.mm9_imagepicker_slot_container.error
{
	box-shadow: 0 2px 10px rgba(27, 71, 159, 0.15), 0 0 0 1px #ed6671;
}

.mm9_imagepicker_slot
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.mm9_imagepicker_slot_action_upload_cancel
{
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 3;
}

.mm9_imagepicker_slot_action_error
{
	position: absolute;
	top: 5px;
	right: 40px;
	z-index: 3;
}

.mm9_imagepicker_slot_action
{
	position: absolute;
	visibility: hidden;
	display: flex;
	top: 3px;
	left: 3px;
	background-color: #fff;
	border-radius: 5px;
	align-items: center;
	cursor: pointer;
	z-index: 3;
}

.mm9_imagepicker_slot_container.productimage .mm9_imagepicker_slot_action
{
	right: 2px;
}

.mm9_imagepicker_slot_container.active .mm9_imagepicker_slot_action
{
	visibility: visible;
}

.mm9_imagepicker_slot_action_checkbox
{
	position: relative;
	display: block;
	margin: 13px;
	width: 18px;
	height: 18px;
	background-color: #2f75ff;
	border: 1px solid #2f75ff;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	transition: background-color 0.15s linear, border-color 0.15s linear;
}

.mm9_imagepicker_slot_container.productimage .mm9_imagepicker_slot_action_checkbox
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.mm9_imagepicker_slot_action_checkbox::before
{
	position: absolute;
	display: block;
	top: 8px;
	left: 3px;
	width: 6px;
	height: 2px;
	background-color: #fff;
	border-radius: 1px;
	transform: rotate(40deg);
	transition: opacity 0.15s linear;
	content: '';
}

.mm9_imagepicker_slot_action_checkbox::after
{
	position: absolute;
	display: block;
	top: 7px;
	left: 6px;
	height: 2px;
	width: 8px;
	background-color: #fff;
	border-radius: 1px;
	transform: rotate(-45deg);
	transition: opacity 0.15s linear;
	content: '';
}

.mm9_imagepicker_slot_image_container
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 66px);
	background-image: url('graphics/en-US/admin/mm9_placeholder.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
}

.mm9_imagepicker_slot_image
{
	position: absolute;
	visibility: hidden;
	top: -100%;
	right: -100%;
	bottom: -100%;
	left: -100%;
	margin: auto;
}

.mm9_imagepicker_slot_details_container
{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 66px;
	background: #fff;
	z-index: 1;
	-webkit-touch-callout: text;
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.mm9_imagepicker_slot_details_name
{
	position: relative;
	display: block;
	margin: 12px 10px 11px;
	font-size: 12px;
	font-weight: 500;
	color: #6a6e79;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm9_imagepicker_slot_details_dimensions
{
	position: absolute;
	top: 30px;
	right: 5px;
	left: 5px;
	height: 12px;
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #999;
}

.mm9_imagepicker_slot_details_dimensions_select
{
	position: relative;
	display: block;
	text-align: center;
}

.mm9_imagepicker_slot_details_dimensions_select_button
{
	position: relative;
	display: flex;
	vertical-align: middle;
	padding: 0 44px 10px 23px;
	text-align: center;
	line-height: 1;
	background: #fff;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm9_imagepicker_slot_details_dimensions_select_button .mm9_button_image,
.mm9_imagepicker_slot_details_dimensions_select_button .mm9_button_text
{
	color: #2f75ff;
	font-size: 12px;
	font-weight: normal;
}

.mm9_imagepicker_slot_details_dimensions_select_button .mm9_button_text
{
	font-weight: normal;
}

.mm9_imagepicker_slot_details_dimensions_select_button.focus .mm9_button_image,
.mm9_imagepicker_slot_details_dimensions_select_button.focus .mm9_button_text
{
	color: #2f75ff;
}

.mm9_imagepicker_slot_details_dimensions_select_button:hover .mm9_button_image,
.mm9_imagepicker_slot_details_dimensions_select_button:hover .mm9_button_text
{
	color: #2f75ff;
}

.mm9_imagepicker_slot_details_dimensions_select_button.active .mm9_button_image,
.mm9_imagepicker_slot_details_dimensions_select_button.active .mm9_button_text,
.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_button_image,
.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_button_text
{
	color: #2f75ff;
}

.mm9_imagepicker_slot_details_dimensions_select_button.disabled,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled:hover,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled.focus,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled.active,
.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button.disabled
{
	cursor: default;
}

.mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_button_image,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled:hover .mm9_button_image,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled.focus .mm9_button_image,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled.active .mm9_button_image,
.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_button_image,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_button_text,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled:hover .mm9_button_text,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled.focus .mm9_button_text,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled.active .mm9_button_text,
.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_button_text
{
	color: #969da8;
}

.mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown
{
	position: relative;
	display: inline-block;
	top: auto;
	right: auto;
	margin-left: 8px;
	margin-right: -38px;
	width: 9px;
	height: 6px;
	border: none;
	background: none;
	transform: none;
}

.mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg1
{
	position: absolute;
	top: 2px;
	left: 3px;
	width: 6px;
	height: 2px;
	background-color: #2f75ff;
	border-radius: 1px;
	transform: rotate(-40deg);
	transition: transform 0.2s linear;
}

.mm9_imagepicker_slot_details_dimensions_select_button:hover .mm9_menubutton_dropdown_bg1,
.mm9_imagepicker_slot_details_dimensions_select_button.active .mm9_menubutton_dropdown_bg1,
.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg1
{
	background-color: #2f75ff;
}

.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg1
{
	transform: rotate(40deg);
}

.mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg2
{
	position: absolute;
	top: 2px;
	left: 0px;
	width: 6px;
	height: 2px;
	background-color: #2f75ff;
	border-radius: 1px;
	transform: rotate(40deg);
	transition: transform 0.2s linear;
}

.mm9_imagepicker_slot_details_dimensions_select_button:hover .mm9_menubutton_dropdown_bg2,
.mm9_imagepicker_slot_details_dimensions_select_button.active .mm9_menubutton_dropdown_bg2,
.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg2
{
	background-color: #2f75ff;
}

.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button .mm9_menubutton_dropdown_bg2
{
	transform: rotate(-40deg);
}

.mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_menubutton_dropdown_bg1,
.mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_menubutton_dropdown_bg2,
.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_menubutton_dropdown_bg1,
.mm9_imagepicker_slot_details_dimensions_select.active .mm9_imagepicker_slot_details_dimensions_select_button.disabled .mm9_menubutton_dropdown_bg2
{
	display: none;
}

.mm9_imagepicker_slot_imagetype_select
{
	position: relative;
	display: block;
	flex-grow: 1;
}

.mm9_imagepicker_slot_imagetype_select_button
{
	position: relative;
	display: flex;
	vertical-align: middle;
	padding: 0 18px 0 40px;
	height: 44px;
	text-align: center;
	line-height: 1;
	background: #fff;
	border-radius: 5px;
	align-items: center;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button
{
	border-radius: 5px 5px 0 0;
}

.mm9_imagepicker_slot_imagetype_select_button .mm9_button_image,
.mm9_imagepicker_slot_imagetype_select_button .mm9_button_text
{
	display: none;
}

.mm9_imagepicker_slot_imagetype_select_button .mm9_button_custom
{
	flex-grow: 1;
}

.mm9_imagepicker_slot_imagetype_select_button .mm9_imagepicker_slot_imagetype_select_button_content
{
	position: relative;
	display: flex;
	align-items: center;
}

.mm9_imagepicker_slot_imagetype_select_button .mm9_imagepicker_slot_imagetype_select_button_content_title
{
	color: #5b5c67;
	font-size: 12px;
	font-weight: normal;
	flex-shrink: 0;
}

.mm9_imagepicker_slot_imagetype_select_button .mm9_imagepicker_slot_imagetype_select_button_content_value
{
	position: relative;
	display: inline-block;
	margin-left: 8px;
	max-width: 75px;
	color: #5b5c67;
	font-size: 12px;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_imagepicker_slot_imagetype_select_button_content_title,
.mm9_imagepicker_slot_imagetype_select_button.disabled:hover .mm9_imagepicker_slot_imagetype_select_button_content_title,
.mm9_imagepicker_slot_imagetype_select_button.disabled.focus .mm9_imagepicker_slot_imagetype_select_button_content_title,
.mm9_imagepicker_slot_imagetype_select_button.disabled.active .mm9_imagepicker_slot_imagetype_select_button_content_title,
.mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_imagepicker_slot_imagetype_select_button_content_title,
.mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_imagepicker_slot_imagetype_select_button_content_value,
.mm9_imagepicker_slot_imagetype_select_button.disabled:hover .mm9_imagepicker_slot_imagetype_select_button_content_value,
.mm9_imagepicker_slot_imagetype_select_button.disabled.focus .mm9_imagepicker_slot_imagetype_select_button_content_value,
.mm9_imagepicker_slot_imagetype_select_button.disabled.active .mm9_imagepicker_slot_imagetype_select_button_content_value,
.mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_imagepicker_slot_imagetype_select_button_content_value
{
	color: #969da8;
}

.mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown
{
	position: relative;
	display: inline-block;
	top: auto;
	right: auto;
	margin-left: 8px;
	width: 9px;
	height: 6px;
	border: none;
	background: none;
	transform: none;
}

.mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg1
{
	position: absolute;
	top: 2px;
	left: 3px;
	width: 6px;
	height: 2px;
	background-color: #2f75ff;
	border-radius: 1px;
	transform: rotate(-40deg);
	transition: transform 0.2s linear;
}

.mm9_imagepicker_slot_imagetype_select_button:hover .mm9_menubutton_dropdown_bg1,
.mm9_imagepicker_slot_imagetype_select_button.active .mm9_menubutton_dropdown_bg1,
.mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg1
{
	background-color: #2f75ff;
}

.mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg1
{
	transform: rotate(40deg);
}

.mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg2
{
	position: absolute;
	top: 2px;
	left: 0px;
	width: 6px;
	height: 2px;
	background-color: #2f75ff;
	border-radius: 1px;
	transform: rotate(40deg);
	transition: transform 0.2s linear;
}

.mm9_imagepicker_slot_imagetype_select_button:hover .mm9_menubutton_dropdown_bg2,
.mm9_imagepicker_slot_imagetype_select_button.active .mm9_menubutton_dropdown_bg2,
.mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg2
{
	background-color: #2f75ff;
}

.mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button .mm9_menubutton_dropdown_bg2
{
	transform: rotate(-40deg);
}

.mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_menubutton_dropdown_bg1,
.mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_menubutton_dropdown_bg2,
.mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_menubutton_dropdown_bg1,
.mm9_imagepicker_slot_imagetype_select.active .mm9_imagepicker_slot_imagetype_select_button.disabled .mm9_menubutton_dropdown_bg2
{
	display: none;
}

.mm9_imagepicker_slot_upload_container
{
	position: absolute;
	display: none;
	top: 50%;
	right: 10px;
	left: 10px;
	height: 0;
	text-align: center;
}

.mm9_imagepicker_slot_upload_container .mm9_progressbar
{
	top: -12px;
}

.mm9_imagepicker_slot_upload_container .mm9_progressbar_progress
{
	min-width: 0;
	height: 7px;
}

.mm9_imagepicker_slot_upload_container .mm9_progressbar_progress_background
{
	height: 5px;
	box-shadow: none;
}

.mm9_imagepicker_slot_upload_container .mm9_progressbar_progress_error
{
	top: 13px;
	bottom: auto;
	left: 2px;
	text-align: center;
}

.mm9_imagepicker_actionbar_buttons
{
	position: relative;
	display: inline-flex;
	margin: 0 10px 0 40px;
	align-items: center;
	flex-grow: 1;
}

.mm9_imagepicker_actionbar_buttons .mm10_button_style_primary,
.mm9_imagepicker_actionbar_buttons .mm10_button_style_alternative_1,
.mm9_imagepicker_actionbar_buttons .mm10_button_style_primary_muted,
.mm9_imagepicker_actionbar_buttons .mm10_button_style_secondary,
.mm9_imagepicker_actionbar_buttons .mm10_button_style_secondary_borderless,
.mm9_imagepicker_actionbar_buttons .mm10_button_style_primary_muted_borderless,
.mm9_imagepicker_actionbar_buttons .mm10_button_style_link,
.mm9_imagepicker_actionbar_buttons .mm10_button_style_negative,
.mm9_imagepicker_actionbar_buttons .mm10_button_style_negative_muted,
.mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_primary,
.mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_alternative_1,
.mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_primary_muted,
.mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_secondary,
.mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_secondary_borderless,
.mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_primary_muted_borderless,
.mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_link,
.mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_negative,
.mm9_imagepicker_actionbar_buttons .mm_hybridmenubutton_style_negative_muted
{
	margin-right: 10px;
}

.mm9_imagepicker_actionbar_search
{
	position: relative;
	display: inline-flex;
	margin-right: 20px;
	flex-shrink: 0;
	align-items: center;
}

.mm9_imagepicker_actionbar_search .mm_input_common
{
	width: 250px;
	margin: 0 24px 0 0;
}

.mm9_imagepicker_imagepath_path_input_container
{
	position: relative;
	margin-right: 16px;
}

.mm9_imagepicker_imagepath_path_input
{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 8px;
	margin: 0;
}

.mm9_imagepicker_generatedimage_dimensions_container
{
	position: relative;
	display: flex;
	margin-top: 20px;
	align-items: flex-end;
}

.mm9_imagepicker_generatedimage_dimension_container_left,
.mm9_imagepicker_generatedimage_dimension_container_right
{
	position: relative;
	display: inline-block;
	flex-grow: 1;
}

.mm9_imagepicker_generatedimage_dimension_container_right
{
	text-align: right;
}

.mm9_imagepicker_generatedimage_dimension_container_left .mm_input_common,
.mm9_imagepicker_generatedimage_dimension_container_right .mm_input_common
{
	width: 160px;
}

.mm9_imagepicker_generatedimage_dimension_container_left .mm_input_common .mm_input,
.mm9_imagepicker_generatedimage_dimension_container_right .mm_input_common .mm_input
{
	min-width: 0;
}

.mm9_imagepicker_generatedimage_dimension_separator
{
	position: relative;
	display: inline-block;
	margin: 11px 15px;
	font-size: 16px;
	font-weight: 500;
	color: #494a53;
	flex-shrink: 0;
}

/** ProductImagePicker CSS **/

.mm9_imagepicker_selected_container
{
	position: relative;
	display: inline-flex;
	align-items: center;
	flex-grow: 1;
}

.mm9_imagepicker_selected_text
{
	position: relative;
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	color: #969da8;
}

.mm9_imagepicker_selected_toggle_container
{
	position: relative;
	display: inline-block;
	margin-left: 12px;
}/**************************/
/*    Multi-Line Input    */
/**************************/

.mm_multilineinput_container
{
	position: relative;
	display: block;
	margin: 0 0 10px 0;
	padding: 8px 10px 10px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.mm_multilineinput_title
{
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #999;
}

.mm_multilineinput_container.invalid
{
	border-color: #ed6671;
}

.mm_multilineinput_container.invalid .mm_multilineinput_title
{
	color: #ed6671;
}

.mm_multilineinput_content
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-top: 5px;
	margin-right: 5px;
	width: calc( 100% - 50px );
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
}

.mm_multilineinput_button_container
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.mm_multilineinput_button
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-top: 3px;
	padding: 6px 0;
	width: 45px;
	text-align: center;
	line-height: 1;
	background: #1eabbd;
	border-radius: 3px;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm_multilineinput_button.active
{
	background: #0e9bad;
}

.mm_multilineinput_button:focus
{
	box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.25 );
}

.mm_multilineinput_button:hover
{
	box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.15 );
}

.mm_multilineinput_button .mm9_button_image,
.mm_multilineinput_button .mm9_button_text
{
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.mm_multilineinput_button:hover .mm9_button_image,
.mm_multilineinput_button:hover .mm9_button_text
{
	color: #fff;
}

.mm_multilineinput_button.disabled,
.mm_multilineinput_button.disabled:hover
{
	background: #ddd;
}

.mm_multilineinput_button.disabled .mm9_button_image,
.mm_multilineinput_button.disabled:hover .mm9_button_image
{
	color: #444;
}

/***********************/
/*    Legacy Dialog    */
/***********************/

.mm_dialog
{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	padding: 0;
	width: 700px;
	min-width: 350px;
	background-color: var(--mm-dialog-background-color);
	box-shadow: var(--mm-dialog-shadow);
	border-radius: var(--mm-dialog-radius);
	box-sizing: border-box;
	overflow: hidden;
	z-index: 10;
}

.mm_dialog_title
{
	position: relative;
	display: block;
	padding: 24px 92px 24px 24px;
	color: var(--mm-typography-display-6-color);
	font-family: var(--mm-typography-display-6-font-family);
	font-size: var(--mm-typography-display-6-font-size);
	font-style: var(--mm-typography-display-6-font-style);
	font-weight: var(--mm-typography-display-6-font-weight);
	line-height: var(--mm-typography-display-6-line-height);
	letter-spacing: var(--mm-typography-display-6-letter-spacing);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-shrink: 0;
	cursor: default;
}

.mm_dialog_content_container
{
	position: relative;
	padding: 0 24px;
	overflow: auto;
	box-sizing: border-box;
}

.mm_dialog_table
{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.mm_dialog_scrollarea
{
	overflow: auto;
	padding: 0;
	background-color: transparent;
}

.mm_dialog_upload
{
	height: 60px;
	width: 100%;
	padding: 4px;
	vertical-align: middle;
	border: 1px dashed #c4c2b9;
}

.mm_dialog_dropzone_file
{
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 35px;
}

.mm_dialog_dropzone_text
{
	margin-left: 30px;
	font-size: 11px;
}

.mm_dialog_header_row
{
	font-weight: bold;
	height: 15px;
}

.mm_dialog_header_col
{
	padding: 0 5px 0 0;
	vertical-align: middle;
}

.mm_dialog_data_row
{
	padding: 4px 5px;
}

.mm_dialog_data_col
{
	padding: 0 5px;
	vertical-align: top;
}

.mm_dialog_prompt
{
	vertical-align: top;
	padding: 7px 5px 0 0;
	float: left;
}

.mm_dialog_prompt_required
{
	font-weight: bold;
	vertical-align: top;
	padding: 7px 5px 0 0;
	float: left;
}

.mm_dialog_clear
{
	clear: both;
	display: block;
	width: 0.1em;
	height: 0.1em;
}

/**************************/
/*    Legacy BatchList    */
/**************************/

.mm_batchlist
{
	display: block;
	margin: 0;
	min-width: 700px;
	position: relative;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.infotable .mm_batchlist
{
	margin: 0;
}

.mm_batchlist_control_container
{
	border-collapse: collapse;
	padding: 0;
	margin: 4px 0;
	font-size: 10px;
	vertical-align: bottom;
}

.mm_batchlist_control_container input
{
	width: auto;
	overflow: visible;
	padding: 1px 2px;
	font-size: 12px;
}

.mm_batchlist input[type="button"],
.mm_batchlist select
{
	padding: 1px 2px;
	font-size: 12px;
	font-family: inherit;
}

.mm_batchlist_content_container
{
	padding: 3px;
	margin: 0;
	background-color: #f9f7eb;
	border: 1px solid #c4c2b9;
}

.mm_batchlist_header_row
{
	background-color: #999;
	color: #ffffff;
	font-weight: bold;
}

.mm_batchlist_header_row td
{
	height: 35px;
	padding: 0 5px;
	vertical-align: middle;
	white-space: nowrap;
}

.mm_batchlist_col_select input
{
	height: 13px;
}

.mm_batchlist_data_row td
{
	border-top: 1px solid #e9e6db;
	padding: 4px 5px;
	vertical-align: top;
}

.mm_batchlist_col_select
{
	width: 20px;
	text-align: center;
}

.mm_batchlist_col_previous	{ text-align: left; }
.mm_batchlist_col_next		{ text-align: right; }

.mm_batchlist_previous		{ display: none; }
.mm_batchlist_next			{ display: none; }

.mm_batchlist_scrollarea
{
	width: 100%;
	max-height: 500px;
	overflow: auto;
}

.mm_batchlist_data_col
{
	padding: 4px 5px;
	vertical-align: top;
}

.mm_batchlist_none
{
	font-style: italic;
}

.mm_batchlist_table
{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.mm_batchlist_clear
{
	clear: both;
	display: block;
	width: 0.1em;
	height: 0.1em;
}

.mm_batchlist_buttons
{
	width: auto;
	padding-left: 8px;
	white-space: nowrap;
	vertical-align: bottom;
	border-collapse: collapse;
}

.mm_batchlist_buttons input[type="button"]
{
	width: auto;
	padding: 1px 3px;
}

.mm_batchlist_header_row a:link,
.mm_batchlist_header_row a:visited,
.mm_batchlist_header_row a:active,
.mm_batchlist_header_row a:hover
{
	color: #ffffff;
}

.mm_batchlist_upload
{
	height: 60px;
	width: 100%;
	padding: 4px;
	vertical-align: middle;
	border: 1px dashed #c4c2b9;
}

.mm_batchlist_dropzone_file
{
	position: absolute;
	opacity: 0;
	filter: alpha(opacity=0);
	width: auto;
	height: 35px;
}

.mm_batchlist_dropzone_text
{
	margin-left: 30px;
	font-size: 11px;
}

.mm_batchlist input,
.mm_batchlist select
{
	margin: 0;
}/***********************/
/*    MMList Styles    */
/***********************/

.mm_list
{
	position: relative;
	display: block;
	margin: 0;
	width: 100%;
	min-width: 700px;
	overflow: hidden;
	z-index: 0;
	-webkit-tap-highlight-color: transparent;
}

.mm_list_container
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--mm-list-background-color);
	overflow: hidden;
}

.mm_list_container.mm_list_container_hidden
{
	visibility: hidden;
}

.mm_list_controls_container
{
	position: relative;
	display: block;
	padding: 0;
}

.mm_list_local_actions_controls_container
{
	position: relative;
	display: none;
	padding: 12px 32px 4px;
	height: 52px;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;

	.mm_list_local_actions_controls_container_visible &
	{
		display: flex;
	}

	.mm_list_fullscreen &
	{
		padding: 0 0 0 20px;
		border-bottom: var(--mm-list-action-bar-border);
		background-color: var(--mm-list-action-bar-background-color--fullscreen);
	}
}

.mm_list_feature_controls_search_advancedsearch_active .mm_list_advancedsearch_filters_container
{
	padding: 12px 32px 4px;
}

.mm_list_fullscreen .mm_list_controls_container
{
	justify-content: flex-end;
	flex-wrap: wrap-reverse;
	align-items: center;
}

.mm_list_fullscreen.mm_list_feature_controls_search_advancedsearch_active .mm_list_advancedsearch_filters_container
{
	padding: 12px 30px 4px;

	.mm_list_fullscreen &
	{
		padding: 12px 20px 4px;
	}
}

.mm_list_filters_container
{
	position: relative;
	display: flex;
	align-items: center;

	.mm_list_feature_persistent_visible &
	{
		padding: 12px 32px 4px;

		.mm_list_fullscreen &
		{
			padding: 12px 20px 4px;
		}
	}
}

.mm_list_filters_hidden
{
	display: none;
}

.mm_list_advancedsearch_filters_container
{
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
}

.mm_list_advancedsearch_filters
{
	position: relative;
	display: inline-flex;
	white-space: nowrap;
	align-items: center;
}

.mm_list_advancedsearch_filters_more
{
	position: relative;
	display: inline-block;
}

.mm_list_advancedsearch_filter_menu_group .mm10_menubutton_menu_group_menuitem_container
{
	position: relative;
	display: flex;
	flex-grow: 1;
}

.mm_list_advancedsearch_filter_menu_group .mm_list_advancedsearch_filter_menu_item_edit
{
	margin-right: 0;
	flex-grow: 1;
	overflow: hidden;
}

.mm_list_advancedsearch_filter_menu_group .mm_list_advancedsearch_filter_menu_item_clear
{
	margin-left: 0;
	padding: 0;
	width: 32px;
	align-items: center;
	justify-content: center;
	flex-grow: 0;
	flex-shrink: 0;
}

.mm_list_advancedsearch_filter
{
	position: relative;
	display: inline-flex;
	margin-right: 8px;
}

.mm_list_advancedsearch_filter_button
{
	.mm_list_advancedsearch_filter_edit_button_container &
	{
		margin-left: 0;
		padding-right: 8px;
		border-radius: var(--mm-button-radius) 0 0 var(--mm-button-radius);
	}

	.mm_list_advancedsearch_filter_close_button_container &
	{
		margin-left: -1px;
		border-radius: 0 var(--mm-button-radius) var(--mm-button-radius) 0;

		&:not(&.focus, &:hover, &.active)
		{
			border-left-color: transparent;
		}
	}

	mm-icon[data-icon-dropdown]
	{
		margin-right: -9px;
		transition: transform 0.15s linear;

		.mm10_menubutton_container_style_common.active &
		{
			transform: scaleY(-1);
		}
	}

	&.focus,
	&:hover,
	&.active
	{
		z-index: 1;
	}
}

.mm_list_advancedsearch_filter_content
{
	position: relative;
	display: inline-flex;
	align-items: center;
}

.mm_list_advancedsearch_filter_name
{
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.mm_list_advancedsearch_filter_filter
{
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.mm_list_advancedsearch_filter_value_quote
{
	position: relative;
	display: inline-block;
}

.mm_list_advancedsearch_filter_value
{
	position: relative;
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm_list_advancedsearch_filter_name:empty,
.mm_list_advancedsearch_filter_filter:empty
{
	margin-right: 0;
}

.mm_list_fullscreen_actions_add_container,
.mm_list_fullscreen_actions_edit_container,
.mm_list_fullscreen_actions_selection_container,
.mm_list_fullscreen_actions_displayorder_container
{
	position: relative;
	display: none;
	padding-left: 30px;
	height: 56px;
	flex-grow: 1;
	align-items: center;
}

.mm_list_feature_add_actions_visible .mm_list_fullscreen_actions_add_container,
.mm_list_feature_edit_actions_visible .mm_list_fullscreen_actions_edit_container,
.mm_list_feature_selection_actions_visible .mm_list_fullscreen_actions_selection_container,
.mm_list_feature_displayorder_actions_visible .mm_list_fullscreen_actions_displayorder_container
{
	display: inline-flex;
}

.mm_list_fullscreen_actions_error_container
{
	position: relative;
	display: none;
	margin-left: 25px;
	height: 56px;
	align-items: center;
}

.mm_list_feature_error_actions_visible .mm_list_fullscreen_actions_error_container
{
	display: inline-flex;
}

.mm_list_fullscreen_actions_controls_close_container
{
	position: relative;
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
}

.mm_list_fullscreen_actions_controls_container
{
	position: relative;
	display: inline-flex;
	padding-left: 10px;
	height: 56px;
	align-items: center;
}

.mm_list_fullscreen_actions_fullscreen_close_container
{
	position: relative;
	display: inline-flex;
	padding-left: 10px;
	height: 56px;
	align-items: center;
}

.mm_list_advancedsearch
{
	position: relative;
	display: inline-block;
	margin-right: 8px;
	font-weight: normal;
	vertical-align: middle;
}

.mm_list_local_actions_container
{
	position: relative;
	display: flex;
	height: 52px;
	align-items: center;
	justify-content: flex-start;
	flex-grow: 1;
	flex-shrink: 0;
}

.mm_list_local_controls_container
{
	position: relative;
	display: flex;
	margin-left: 25px;
	height: 52px;
	align-items: center;
	justify-content: flex-start;
	flex-shrink: 0;
}

.mm_list_local_controls_container .mm_list_feature_controls_container
{
	padding-right: 0;
}

.mm_list_actions_container
{
	position: relative;
	display: flex;
	height: 52px;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	z-index: 2;

	&:not(.mm_list_fullscreen &)
	{
		background-color: var(--mm-list-action-bar-background-color);
		border: var(--mm-list-action-bar-border);
		border-radius: var(--mm-list-action-bar-radius);
	}
}

.mm_list_local_actions_container .mm_list_actions_container
{
	flex-grow: 1;
}

.mm_list_actions_container:empty
{
	display: none;
}

.mm_list_scroll_container
{
	position: absolute;
	top: 0;
	right: 32px;
	bottom: 0;
	left: 32px;

	.mm_list_feature_recordcount &
	{
		bottom: 48px;
	}

	.mm_list_fullscreen &
	{
		right: 20px;
		left: 20px;
	}
}

.mm_list_list_container
{
	position: absolute;
	top: 12px;
	right: 0;
	bottom: 0;
	left: 0;
	border: var(--mm-list-border);
	border-radius: var(--mm-list-radius);
	overflow: hidden;

	.mm_list_fullscreen:not(.mm_list_feature_persistent_visible, .mm_list_feature_controls_search_advancedsearch_active) &
	{
		top: 20px;
	}
}

.mm_list_empty_list_overlay
{
	position: absolute;
	display: none;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	align-items: center;
	justify-content: center;
	background-color: var(--mm-list-empty-list-background-color);
	border: var(--mm-list-empty-list-border);
	border-radius: var(--mm-list-empty-list-border-radius);
	z-index: 2;

	.mm_list_empty_list_overlay_visible &
	{
		display: flex;
	}
}

.mm_list_empty_list_help
{
	position: absolute;
	top: 16px;
	right: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.mm_list_empty_list_help:empty
{
	display: none;
}

.mm_list_empty_list_message_container
{
	position: relative;
	display: flex;
	width: 700px;
	height: 220px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.mm_list_empty_list_icon
{
	display: flex;
}

.mm_list_empty_list_message
{
	margin-top: 18px;
}

.mm_list_list_content_container
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	min-width: 100%;
	padding: 0;
	overflow: hidden;
	border: none;
	outline: none;
	z-index: 0;
}

.mm_list_list_content_container select,
.mm_list_list_content_container input[type="text"],
.mm_list_list_content_container textarea
{
	width: 100%;
}

.mm_list_header_col,
.mm_list_data_col
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	box-sizing: border-box;
}

.mm_list_data_col
{
	vertical-align: middle;
	height: auto;
	padding: 0 5px;

	.mm_list_data_row_addmode &:has(.mm_list_data_col_div.mm_list_data_col_div_data_editable),
	.mm_list_data_row_editmode &:has(.mm_list_data_col_div.mm_list_data_col_div_data_editable)
	{
		padding: 0 2px;
	}
}

.mm_list_header_col_move
{
	cursor: move;
}

.mm_list_header_col a
{
	text-decoration: none;
	cursor: default;
}

.mm_list_header_col_move a
{
	cursor: pointer;
	outline: none;
}

.mm_list_header_col_div
{
	position: relative;
	display: flex;
	padding: 0 12px;
	height: 34px;
	align-items: center;
	text-transform: capitalize;
	overflow: hidden;

	.mm_list_header_col_edit:has(> .mm_list_columnedit_visible) &
	{
		padding-right: 35px;
	}

	.mm_list_header_col_edit.mm_list_header_col_resize:has(> .mm_list_columnedit_visible) &
	{
		padding-right: 50px;
	}

	.mm_list_header_col_selection_spacer &
	{
		padding: 0;
	}
}

.mm_list_columnsort_link,
.mm_list_columnsort_link:link,
.mm_list_columnsort_link:visited,
.mm_list_columnsort_link:active,
.mm_list_columnsort_link:hover
{
	color: var(--mm-list-header-row-text-color);
}

.mm_list_columnsort_link:hover
{
	--mm-list-header-row-text-color: var(--mm-list-header-row-text-color-link--hover);
}

.mm_list_columnsort
{
	position: relative;
	display: inline-block;
	visibility: hidden;
	vertical-align: middle;
	margin-left: 5px;
	width: 10px;
	height: 5px;

	.mm_list_columnsort_asc &,
	.mm_list_columnsort_desc &
	{
		visibility: visible;
	}
}

.mm_list_columnsort_bg1
{
	position: absolute;
	display: none;
	top: 0;
	left: 1px;
	width: 5px;
	height: 2px;
	background-color: var(--mm-list-header-row-text-color);;
	transition: all 0.2s linear;

	.mm_list_columnsort_asc &
	{
		display: block;
		transform: rotate(-40deg);
	}

	.mm_list_columnsort_desc &
	{
		display: block;
		transform: rotate(40deg);
	}
}

.mm_list_columnsort_bg2
{
	position: absolute;
	display: none;
	top: 0;
	left: 4px;
	width: 5px;
	height: 2px;
	background-color: var(--mm-list-header-row-text-color);;
	transition: all 0.2s linear;

	.mm_list_columnsort_asc &
	{
		display: block;
		transform: rotate(40deg);
	}

	.mm_list_columnsort_desc &
	{
		display: block;
		transform: rotate(-40deg);
	}
}

.mm_list_columnsort_nonvisible_sort_menuitem
{
	mm-icon[data-icon-sort]
	{
		transition: transform 0.15s linear;

		&:not(.mm_list_columnsort_nonvisible_sort_menuitem_asc &, .mm_list_columnsort_nonvisible_sort_menuitem_desc &)
		{
			display: none;
		}

		.mm_list_columnsort_nonvisible_sort_menuitem_desc &
		{
			transform: scaleY(-1);
		}
	}

	mm-icon[data-icon-selected]
	{
		&:not(.mm_list_columnsort_nonvisible_sort_menuitem_asc &, .mm_list_columnsort_nonvisible_sort_menuitem_desc &)
		{
			display: none;
		}
	}
}

.mm_list_data_col_div_content
{
	position: relative;
	display: flex;
	align-items: center;
	align-self: stretch;
	align-content: center;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-grow: 1;

	.mm_list_data_row_addmode .mm_list_data_col_div.mm_list_data_col_div_data_editable &,
	.mm_list_data_row_editmode .mm_list_data_col_div.mm_list_data_col_div_data_editable &
	{
		padding: 0 3px;
	}
}

.mm_list_data_col_navigation
{
	color: var(--mm-list-column-navigation-text-color);
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.mm_list_data_col_navigation:hover
{
	--mm-list-column-navigation-text-color: var(--mm-list-column-navigation-text-color--hover);
}

.mm_list_header_col .mm_list_header_col_div,
.mm_list_data_col .mm_list_data_col_div
{
	white-space: nowrap;
}

.mm_list_data_col .mm_list_data_col_div
{
	position: relative;
	display: flex;
	padding: 0 0 0 13px;
	height: 47px;
	align-items: center;
	overflow: hidden;

	.mm_list_view_compact .mm_list_data_col &
	{
		height: 31px;
	}

	.mm_list_view_comfortable .mm_list_data_col &
	{
		height: 63px;
	}
}

.mm_list_data_row_addmode .mm_list_data_col_div,
.mm_list_data_row_editmode .mm_list_data_col_div
{
	white-space: nowrap;
}

.mm_list_data_row_addmode .mm_list_data_col_div_content,
.mm_list_data_row_editmode .mm_list_data_col_div_content
{
	flex-grow: 1;
}

.mm_list_data_row_addmode .mm_list_data_col_div.mm_list_data_col_div_data_editable,
.mm_list_data_row_editmode .mm_list_data_col_div.mm_list_data_col_div_data_editable
{
	padding: 0;
}

.mm_list_data_col_selection_spacer .mm_list_data_col_div
{
	padding: 0;
}

.mm_list_data_row_loading_spacer .mm_list_data_col_div
{
	padding: 0;
}

.mm_list_data_col_string_data
{
	padding: 3px 0;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm_list_data_row_addmode .mm_list_data_col_div.mm_list_data_col_div_data_editable .mm_list_data_col_string_data,
.mm_list_data_row_editmode .mm_list_data_col_div.mm_list_data_col_div_data_editable .mm_list_data_col_string_data
{
	margin-left: 13px;
}

.mm_list_data_row_addmode .mm_list_data_col_div.mm_list_data_col_div_data_editable .mm_checkboxslider,
.mm_list_data_row_editmode .mm_list_data_col_div.mm_list_data_col_div_data_editable .mm_checkboxslider
{
	margin-left: 13px;
}

.mm_list_feature_controls_container
{
	position: relative;
	display: flex;
	padding-right: 50px;
	align-items: center;
	z-index: 3;
}

.mm_list_feature_controls_container .mm10_button_style_primary,
.mm_list_feature_controls_container .mm10_button_style_alternative_1,
.mm_list_feature_controls_container .mm10_button_style_primary_muted,
.mm_list_feature_controls_container .mm10_button_style_secondary,
.mm_list_feature_controls_container .mm10_button_style_secondary_borderless,
.mm_list_feature_controls_container .mm10_button_style_primary_muted_borderless,
.mm_list_feature_controls_container .mm10_button_style_link,
.mm_list_feature_controls_container .mm10_button_style_negative,
.mm_list_feature_controls_container .mm10_button_style_negative_muted,
.mm_list_feature_controls_container .mm_hybridmenubutton_style_primary,
.mm_list_feature_controls_container .mm_hybridmenubutton_style_alternative_1,
.mm_list_feature_controls_container .mm_hybridmenubutton_style_primary_muted,
.mm_list_feature_controls_container .mm_hybridmenubutton_style_secondary,
.mm_list_feature_controls_container .mm_hybridmenubutton_style_secondary_borderless,
.mm_list_feature_controls_container .mm_hybridmenubutton_style_primary_muted_borderless,
.mm_list_feature_controls_container .mm_hybridmenubutton_style_link,
.mm_list_feature_controls_container .mm_hybridmenubutton_style_negative,
.mm_list_feature_controls_container .mm_hybridmenubutton_style_negative_muted
{
	margin-left: 10px;
}

.mm_list_feature_controls_entry
{
	position: relative;
}

.mm_list_feature_controls_entry:empty
{
	margin-left: 0;
}

.mm_list_feature_controls_search_wrapper
{
	position: relative;
	display: inline-flex;
	margin-left: 10px;
	align-items: center;
}

.mm_list_feature_controls_search_container
{
	position: relative;
	display: block;
	width: 355px;
	transition: 0.2s width linear;
}

.mm_list_feature_controls_search_container.compact
{
	width: 180px;
}

@media screen and ( max-width: 1500px )
{
	.mm_list_feature_controls_search_container
	{
		width: 250px;
	}
}

.mm_list_feature_controls_find_container
{
	position: absolute;
	display: none;
	top: 44px;
	right: 0;
	padding: 7px;
	align-items: center;
	background-color: var(--mm-list-find-in-list-background-color);
	border: var(--mm-list-find-in-list-border);
	border-radius: var(--mm-list-find-in-list-border-radius);
	box-shadow: var(--mm-list-find-in-list-box-shadow);
}

.mm_list_feature_controls_find_container.visible
{
	display: flex;
}

.mm_list_feature_controls_find_displayorder_container
{
	position: relative;
	display: inline-flex;
	margin-left: 10px;
	align-items: center;
}

.mm_list_feature_controls_search_cancel_button
{
	position: absolute;
	display: none;
	top: 8px;
	right: 44px;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	line-height: 1;
	border-radius: var(--mm-list-search-cancel-button-radius);
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	cursor: pointer;
	outline: var(--mm-list-search-cancel-button-outline);
	outline-offset: var(--mm-list-search-cancel-button-outline-offset);
	user-select: none;
	z-index: 1;

	.mm_list_feature_controls_search_cancel_button_visible &
	{
		display: inline-flex;
	}

	.mm9_button_image,
	.mm9_button_text
	{
		display: none;
	}

	.mm9_button_custom
	{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;

		mm-icon
		{
			--mm-icon-color: var(--mm-list-search-cancel-button-text-color);
		}
	}

	&.focus
	{
		--mm-list-search-cancel-button-text-color: var(--mm-list-search-cancel-button-text-color--focus);
	}

	&.focus:not(.click-focus)
	{
		--mm-list-search-cancel-button-outline: var(--mm-list-search-cancel-button-outline--focus);
	}

	&:hover
	{
		--mm-list-search-cancel-button-text-color: var(--mm-list-search-cancel-button-text-color--hover);
	}

	&.active
	{
		--mm-list-search-cancel-button-text-color: var(--mm-list-search-cancel-button-text-color--active);
	}

	&.disabled
	{
		--mm-list-search-cancel-button-text-color: var(--mm-list-search-cancel-button-text-color--disabled);

		cursor: default;
	}
}

.mm_list_feature_controls_search_input
{
	&.menubutton_visible
	{
		padding-right: 46px;
	}

	.mm_list_feature_controls_search_cancel_button_visible &
	{
		&.menubutton_visible
		{
			padding-right: 72px;
		}

		.mm_input_custom_left
		{
			display: none;
		}
	}
}

.mm_list_feature_controls_search_menu_container.mm10_menubutton_container_style_common
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.mm_list_feature_controls_search_menu_button
{
	position: relative;
	display: inline-flex;
	width: 36px;
	height: var(--mm-button-height);
	margin: 0;
	padding: 0;
	line-height: 1;
	border-radius: var(--mm-list-search-menu-button-radius);
	align-items: stretch;
	justify-content: stretch;
	box-sizing: border-box;
	cursor: pointer;
	outline: var(--mm-list-search-menu-button-outline);
	outline-offset: var(--mm-list-search-menu-button-outline-offset);
	user-select: none;

	.mm9_button_image,
	.mm9_button_text
	{
		display: none;
	}

	.mm9_button_custom
	{
		position: relative;
		display: flex;
		width: 36px;
		height: var(--mm-button-height);
		align-items: center;
		justify-content: center;

		&::after
		{
			position: absolute;
			top: 11px;
			left: 0;
			width: 1px;
			height: 16px;
			background-color: var(--mm-field-border-color);
			content: '';
		}

		mm-icon
		{
			--mm-icon-color: var(--mm-list-search-menu-button-color);
		}
	}

	&.focus
	{
		--mm-list-search-menu-button-color: var(--mm-list-search-menu-button-color--focus);
	}

	&.focus:not(.click-focus)
	{
		--mm-list-search-menu-button-outline: var(--mm-list-search-menu-button-outline--focus);
	}

	&:hover
	{
		--mm-list-search-menu-button-color: var(--mm-list-search-menu-button-color--hover);
	}

	&.active,
	.mm10_menubutton_container_style_common.active &
	{
		--mm-list-search-menu-button-color: var(--mm-list-search-menu-button-color--active);
	}

	&.disabled
	{
		--mm-list-search-menu-button-color: var(--mm-list-search-menu-button-color--disabled);

		cursor: default;
	}
}

.mm_list_feature_controls_find_match_count
{
	position: relative;
	margin-left: 5px;
	flex-shrink: 0;
}

.mm_list_feature_controls_find_button
{
	margin-left: 8px;
	border-radius: var(--mm-button-radius) 0 0 var(--mm-button-radius);

	& + .mm_list_feature_controls_find_button
	{
		margin-left: -1px;
		border-radius: 0 var(--mm-button-radius) var(--mm-button-radius) 0;
	}

	&.focus
	{
		z-index: 1;
	}
}

.mm_list_feature_controls_find_displayorder_match_count
{
	position: relative;
	margin-left: 5px;
	flex-shrink: 0;
}

.mm_list_feature_controls_find_actions_container
{
	position: relative;
	display: inline-flex;
	flex-grow: 1;
	align-items: center;
	justify-content: flex-end;
}

.mm_list_actions_add_container,
.mm_list_actions_edit_container,
.mm_list_actions_error_container,
.mm_list_actions_selection_container,
.mm_list_actions_displayorder_container
{
	position: relative;
	display: none;
	height: 100%;
	flex-grow: 1;
}

.mm_list_feature_add_actions_visible .mm_list_actions_add_container,
.mm_list_feature_edit_actions_visible .mm_list_actions_edit_container,
.mm_list_feature_error_actions_visible .mm_list_actions_error_container,
.mm_list_feature_selection_actions_visible .mm_list_actions_selection_container,
.mm_list_feature_displayorder_actions_visible .mm_list_actions_displayorder_container
{
	display: flex;
}

.mm_list_feature_add_action_container,
.mm_list_feature_edit_action_container,
.mm_list_feature_error_action_container,
.mm_list_feature_selection_action_container,
.mm_list_feature_displayorder_action_container
{
	position: relative;
	display: flex;
	height: 100%;
	flex-grow: 1;
	align-items: center;
	box-sizing: border-box;
}

.mm_list_local_actions_container .mm_list_feature_add_action_container,
.mm_list_local_actions_container .mm_list_feature_edit_action_container,
.mm_list_local_actions_container .mm_list_feature_error_action_container,
.mm_list_local_actions_container .mm_list_feature_selection_action_container,
.mm_list_local_actions_container .mm_list_feature_displayorder_action_container
{
	background-color: transparent;
}

.mm_list_feature_displayorder_manualedit .mm_list_feature_displayorder_action_container
{
	padding-left: 23px;
}

.mm_list_feature_error_action_container
{
	justify-content: flex-end;
}

.mm_list_feature_add_actions_visible .mm_list_feature_add_action_container,
.mm_list_feature_edit_actions_visible .mm_list_feature_edit_action_container,
.mm_list_feature_selection_actions_visible .mm_list_feature_selection_action_container
{
	display: flex;
}

.mm_list_feature_add_action_selected_indicator,
.mm_list_feature_edit_action_selected_indicator,
.mm_list_feature_selection_action_selected_indicator,
.mm_list_feature_displayorder_action_selected_indicator
{
	margin-left: 20px;
	min-width: 92px;
	flex-shrink: 0;
}

.mm_list_feature_error_action_clear_container,
.mm_list_feature_selection_action_clear_container
{
	display: inline-flex;
	justify-content: flex-end;
}

.mm_list_feature_selection_action_clear_container
{
	flex-grow: 1;
}

.mm_list_local_actions_container .mm_list_feature_error_action_clear_container,
.mm_list_local_actions_container .mm_list_feature_selection_action_clear_container,
.mm_list_fullscreen_actions_selection_container .mm_list_feature_error_action_clear_container,
.mm_list_fullscreen_actions_selection_container .mm_list_feature_selection_action_clear_container
{
	display: none;
}

.mm_list_feature_error_action_clear_container .mm_list_action_button,
.mm_list_feature_selection_action_clear_container .mm_list_action_button
{
	margin: 0 11px 0 0;
}

.mm_list_feature_selection_row_error_overlay_content
{
	position: relative;
	display: block;
}

.mm_list_feature_selection_row_error_overlay_content_line
{
	position: relative;
	display: block;
}

.mm_list_feature_selection_row_error_overlay_content_line + .mm_list_feature_selection_row_error_overlay_content_line
{
	margin-top: 8px;
}

.mm_list_feature_displayorder_manualedit .mm_list_feature_displayorder_action_selected_indicator
{
	display: none;
}

.mm_list_action_button
{
	margin-left: 8px;
}

.mm_list_action_button.error
{
	margin-right: 10px;
}

.mm_list_action_button_fullscreen_end,
.mm_list_feature_controls_find_close_button,
.mm_list_feature_selection_button_clear,
.mm_list_feature_error_button_clear,
.mm_list_feature_error_menu_entry_dismiss_button
{
	--mm-button-base-color: var(--mm-list-button-close-color);
	--mm-button-base-color--focus: var(--mm-list-button-close-color--focus);
	--mm-button-base-color--hover: var(--mm-list-button-close-color--hover);
	--mm-button-base-color--active: var(--mm-list-button-close-color--active);
	--mm-button-base-color--disabled: var(--mm-list-button-close-color--disabled);
	--mm-button-base-background: var(--mm-list-button-close-background-color);
	--mm-button-base-background--focus: var(--mm-list-button-close-background-color--focus);
	--mm-button-base-background--hover: var(--mm-list-button-close-background-color--hover);
	--mm-button-base-background--active: var(--mm-list-button-close-background-color--active);
	--mm-button-base-background--disabled: var(--mm-list-button-close-background-color--disabled);

	margin: 0 10px;
	border: none;
	box-shadow: none;

	&.mm_list_feature_controls_find_close_button
	{
		margin-right: 0;
	}

	&.mm_list_feature_error_menu_entry_dismiss_button.mm_button_style_secondary.icon
	{
		--mm-button-height: 24px;

		margin: 0;
	}
}

.mm_list_feature_error_menubutton
{
	position: relative;
	display: flex;
	align-items: center;
	column-gap: 10px;
}

.mm_list_feature_error_menu
{
	padding-top: 17px;
	padding-bottom: 20px;
	max-width: 384px;

	.mm_list_feature_error_menu_group_header
	{
		.mm10_menubutton_menu_group_menuitem_container
		{
			display: flex;
			margin-bottom: 16px;
			align-items: center;

			.mm9_menubutton_menu_section_header
			{
				flex-grow: 1;
			}

			.mm9_menubutton_menu_item
			{
				margin: 0 20px;
				height: auto;
				flex-shrink: 0;
			}
		}
	}

	.mm9_menubutton_menu_item
	{
		margin-top: 8px;
		height: auto;
		white-space: normal;
		background-color: transparent;

		.mm_list_feature_error_menu_entry_container
		{
			padding: 12px 12px 8px;
			background-color: var(--mm-list-error-menu-entry-background-color);
			border: var(--mm-list-error-menu-entry-border);
			border-radius: var(--mm-list-error-menu-entry-border-radius);
			box-sizing: border-box;
			box-shadow: var(--mm-list-error-menu-entry-box-shadow);
			flex-grow: 1;

			.mm9_menubutton_menu_item_selected &
			{
				--mm-list-error-menu-entry-box-shadow: var(--mm-list-error-menu-entry-box-shadow--selected);
			}

			mm-text
			{
				--mm-text-line-height: var(--mm-typography-paragraph-small-line-height);
			}
		}
	}

	.mm_list_feature_error_menu_item_dismiss
	{
		position: absolute;
		top: 9px;
		right: 29px;
		margin: 0;
		padding: 0;
	}
}

.mm_list_feature_controls_primary_action_container
{
	position: relative;
	display: inline-block;
}

.mm_list_feature_displayorder_dragtorearrange_element
{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 99999;
}

.mm_list_feature_displayorder_dragtorearrange_element_position
{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background-color: var(--mm-list-sort-drag-row-position-background-color);
	z-index: 99998;
}

.mm_list_feature_columnvisibility
{
	position: absolute;
	display: inline-flex;
	top: 0;
	right: 0;
	padding: 0 20px;
	height: 44px;
	align-items: center;
	gap: 16px;
	background-color: var(--mm-list-header-row-background-color);
	z-index: 2;
}

.mm_list_feature_columnvisibility_help
{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.mm_list_feature_columnvisibility_help:empty
{
	display: none;
}

.mm_list_feature_columnvisibility_button_container
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mm_list_feature_columnvisibility_button
{
	--mm-button-base-color: var(--mm-list-header-column-visibility-button-color);

	padding: 0;
	width: 24px;
	height: 24px;

	.mm_list_feature_columnvisibility_icon
	{
		position: relative;
		display: block;
		width: 8px;
		height: 8px;
	}

	.mm_list_feature_columnvisibility_icon_bg1
	{
		position: absolute;
		top: 0;
		left: 3px;
		width: 2px;
		height: 8px;
		background-color: var(--mm-button-base-color);
		border-radius: 1px;
		transition: 0.2s all linear;

		.mm_list_feature_columnvisibility_button_container.active &
		{
			transform: rotate(45deg);
		}
	}

	.mm_list_feature_columnvisibility_icon_bg2
	{
		position: absolute;
		top: 3px;
		left: 0;
		width: 8px;
		height: 2px;
		background-color: var(--mm-button-base-color);
		border-radius: 1px;
		transition: 0.2s all linear;

		.mm_list_feature_columnvisibility_button_container.active &
		{
			transform: rotate(45deg);
		}
	}
}

.mm_list_feature_columnvisibility_button_menu
{
	min-width: 360px;
	max-width: 360px;
	flex-direction: column;

	.mm_list_feature_columnvisibility_menu_item_search
	{
		height: auto;
		flex-shrink: 0;

		&.mm9_menubutton_menu_item_selected
		{
			background-color: transparent;
		}

		.mm_list_feature_columnvisibility_menu_item_search_container
		{
			width: 100%;

			[data-mm-input]
			{
				padding: 0;
				border: none;
				box-shadow: none;
				outline: none;
			}
		}
	}

	.mm_list_feature_columnvisibility_menu_group_content
	{
		overflow: auto;
	}

	.mm_list_columnsort_nonvisible_sort_group > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item > .mm10_menubutton_menu_checkbox_item,
	.mm_list_feature_columnvisibility_button_menu_group > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item > .mm10_menubutton_menu_checkbox_item
	{
		white-space: normal;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
	
	.mm9_menubutton_menu_item,
	.mm10_menubutton_menu_collapsible_group_container:not(.mm10_menubutton_menu_collapsible_group_visible) .mm10_menubutton_menu_group_menuitem_container .mm9_menubutton_menu_item
	{
		padding: 0 12px;
	}

	.mm_list_feature_columnvisibility_button_menu_group > .mm10_menubutton_menu_group_menuitem_container > .mm9_menubutton_menu_item:has(.mm10_menubutton_menu_checkbox_item)
	{
		--mm-menubutton-common-menu-item-line-height: var(--mm-menubutton-common-menu-item-line-height--wrapped);

		height: auto;
		padding-top: 7px;
		padding-bottom: 7px;
		align-items: start;
		white-space: normal;
		word-break: break-word;
		word-wrap: break-word;
		overflow-wrap: break-word;
		box-sizing: border-box;
	}
	
	.mm10_menubutton_menu_group_header_container > .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected
	{
		background-color: transparent;
	}
	
	.mm_list_feature_columnvisibility_menu_item_empty
	{
		height: 150px;
		justify-content: center;
	}
	
	.mm_list_feature_columnvisibility_button_menu_item_reset
	{
		margin-top: 8px;
		height: auto;
		background: transparent;
	
		mm-button
		{
			width: 100%;
		}
	}
}

.mm_list_fullscreen_actions_fullscreen_close_container .mm_list_action_button
{
	margin: 0 11px 0 0;
}

.mm_list_header_col_selection,
.mm_list_header_col_displayorder
{
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 56px;
	line-height: 0;
	align-items: center;
	background-color: var(--mm-list-header-row-background-color);
	box-shadow: var(--mm-list-column-selection-box-shadow);
	box-sizing: border-box;
	z-index: 2;

	&.mm_list_header_col_displayorder
	{
		width: 88px;
	}

	&.mm_list_header_col_selection_scrolled,
	&.mm_list_header_col_displayorder_scrolled
	{
		--mm-list-column-selection-box-shadow: var(--mm-list-column-selection-box-shadow--scrolled);
	}

	.mm_list_feature_displayorder_moveto &,
	.mm_list_feature_displayorder_manualedit &
	{
		display: none;
	}
}

.mm_list_header_col_selection_spacer,
.mm_list_header_col_displayorder_spacer
{
	margin-right: 0;
	padding: 0;
	width: 55px;
	text-align: center;
	box-sizing: border-box;

	&.mm_list_header_col_displayorder_spacer
	{
		width: 88px;

		.mm_list_data_row_loading_visible &
		{
			display: none;
		}
	}
}

.mm_list_data_col_selection,
.mm_list_data_col_displayorder
{
	position: absolute;
	display: flex;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 56px;
	line-height: 0;
	align-items: center;
	box-sizing: border-box;
	background-color: var(--mm-list-row-background-color);
	box-shadow: var(--mm-list-column-selection-box-shadow);
	z-index: 1;

	&.mm_list_data_col_displayorder
	{
		width: 88px;
	}

	&.mm_list_data_col_selection_scrolled,
	&.mm_list_data_col_displayorder_scrolled
	{
		--mm-list-column-selection-box-shadow: var(--mm-list-column-selection-box-shadow--scrolled);
	}
}

.mm_list_data_col_selection_background,
.mm_list_data_col_displayorder_background
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	background-color: transparent;
	border: none;

	.mm_list_manual_focus .mm_list_data_row_focus &
	{
		border-left: 4px solid var(--mm-list-row-focus-indicator-color);
	}

	.mm_list_data_row_addmode &,
	.mm_list_data_row_editmode &,
	.mm_list_data_row_disporder &
	{
		border-left: none;
		border-top: none;
		border-bottom: none;
	}

	.mm_list_data_row_error &
	{
		border-left: 4px solid var(--mm-list-row-error-indicator-color);
	}
}

.mm_list_data_col_selection_spacer,
.mm_list_data_col_displayorder_spacer
{
	margin-right: 0;
	padding: 0;
	width: 55px;
	line-height: 0;
	text-align: center;
	box-sizing: border-box;

	&.mm_list_data_col_displayorder_spacer
	{
		width: 88px;
	}

	.mm_list_data_row_loading_visible &
	{
		display: none;
	}
}

.mm_list_header_col_selection_container,
.mm_list_header_col_displayorder_selection_container
{
	position: relative;
	display: none;
	margin-left: 20px;
	align-items: center;
	justify-content: center;

	&.mm_list_header_col_displayorder_selection_container
	{
		margin-left: 60px;
	}

	.mm_list_header_col_selection_multiselect &,
	&.mm_list_header_col_displayorder_selection_container
	{
		display: flex;
	}
}

.mm_list_data_col_selection_container,
.mm_list_data_col_displayorder_selection_container
{
	position: relative;
	display: flex;
	margin-left: 20px;
	align-items: center;
	justify-content: center;

	&.mm_list_data_col_displayorder_selection_container
	{
		margin-left: 10px;

		.mm_list_feature_displayorder_moveto &
		{
			pointer-events: none;
		}

		.mm_list_feature_displayorder_moveto &:not(.mm_list_data_row_displayorder_selection_checked &),
		.mm_list_feature_displayorder_manualedit &
		{
			display: none;
		}

		.mm_list_feature_displayorder_disabled &
		{
			visibility: hidden;
		}
	}

	.mm_list_data_row_selection_disabled .mm_list_data_col_selection &
	{
		visibility: hidden;
	}
}

.mm_list_header_col_selection_checkbox,
.mm_list_data_col_selection_checkbox
{
	position: relative;
	display: inline-block;
	margin-top: 1px;
	width: var(--mm-field-radio-dimension);
	height: var(--mm-field-radio-dimension);
	background: var(--mm-field-radio-background-color);
	border: var(--mm-field-radio-border);
	border-radius: var(--mm-field-radio-border-radius);
	box-shadow: var(--mm-field-radio-box-shadow);
	box-sizing: border-box;
	outline: var(--mm-field-radio-outline);
	outline-offset: var(--mm-field-radio-outline-offset);
	flex-shrink: 0;
	cursor: pointer;

	.mm_list_header_col_selection_checkbox_bg1,
	.mm_list_data_col_selection_checkbox_bg1
	{
		position: absolute;
		display: block;
		top: 50%;
		left: 50%;
		width: var(--mm-field-radio-foreground-dimension);
		height: var(--mm-field-radio-foreground-dimension);
		background-color: var(--mm-field-radio-foreground-color);
		border-radius: 50%;
		opacity: 0;
		transform: translate(-50%, -50%);
		transition: opacity 0.15s linear;

		.mm_list_header_row_selection_checked &,
		.mm_list_data_row_selection_checked &
		{
			opacity: 1;
		}
	}

	.mm_list_header_col_selection_checkbox_bg2,
	.mm_list_data_col_selection_checkbox_bg2
	{
		display: none;
	}

	.mm_list_header_row_selection_checked &,
	.mm_list_data_row_selection_checked &
	{
		--mm-field-radio-background-color: var(--mm-field-radio-background-color--active);
		--mm-field-radio-border: var(--mm-field-radio-border--active);
	}

	.mm_list_data_row_error &,
	.mm_list_data_row_error.be_hov:hover &
	{
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--error);
	}

	.mm_list_data_row_selection_checked.mm_list_data_row_error &
	{
		--mm-field-radio-border: var(--mm-field-radio-border--error);
		--mm-field-radio-background-color: var(--mm-field-radio-background-color--error);
	}
}

.mm_list_header_col_selection_multiselect .mm_list_header_col_selection_checkbox,
.mm_list_data_col_selection_multiselect .mm_list_data_col_selection_checkbox,
.mm_list_header_col_displayorder_selection_checkbox,
.mm_list_data_col_displayorder_selection_checkbox
{
	position: relative;
	display: inline-block;
	width: var(--mm-field-checkbox-dimension);
	height: var(--mm-field-checkbox-dimension);
	background: var(--mm-field-checkbox-background-color);
	border: var(--mm-field-checkbox-border);
	border-radius: var(--mm-field-checkbox-border-radius);
	box-shadow: var(--mm-field-checkbox-box-shadow);
	box-sizing: border-box;
	outline: var(--mm-field-checkbox-outline);
	outline-offset: var(--mm-field-checkbox-outline-offset);
	flex-shrink: 0;
	cursor: pointer;

	.mm_list_header_col_selection_checkbox_bg1,
	.mm_list_data_col_selection_checkbox_bg1,
	.mm_list_header_col_displayorder_selection_checkbox_bg1,
	.mm_list_data_col_displayorder_selection_checkbox_bg1
	{
		position: absolute;
		display: block;
		top: 8px;
		left: 2px;
		width: 5px;
		height: 2px;
		background-color: var(--mm-field-checkbox-foreground-color);
		border-radius: 1px;
		opacity: 0;
		transform: rotate(45deg);

		.mm_list_header_row_selection_checked &,
		.mm_list_data_row_addmode &,
		.mm_list_data_row_editmode &,
		.mm_list_data_row_selection_checked &,
		.mm_list_header_row_displayorder_selection_checked &,
		.mm_list_data_row_displayorder_selection_checked &
		{
			opacity: 1;
		}

		.mm_list_header_row_selection_partially_checked &,
		.mm_list_header_row_displayorder_selection_partially_checked &
		{
			transform: none;
			top: 6px;
			left: 3px;
			width: 8px;
			opacity: 1;
		}
	}

	.mm_list_header_col_selection_checkbox_bg2,
	.mm_list_data_col_selection_checkbox_bg2,
	.mm_list_header_col_displayorder_selection_checkbox_bg2,
	.mm_list_data_col_displayorder_selection_checkbox_bg2
	{
		position: absolute;
		display: block;
		top: 6px;
		left: 4px;
		width: 9px;
		height: 2px;
		background-color: var(--mm-field-checkbox-foreground-color);
		border-radius: 1px;
		opacity: 0;
		transform: rotate(-46deg);

		.mm_list_header_row_selection_checked &,
		.mm_list_data_row_addmode &,
		.mm_list_data_row_editmode &,
		.mm_list_data_row_selection_checked &,
		.mm_list_header_row_displayorder_selection_checked &,
		.mm_list_data_row_displayorder_selection_checked &
		{
			opacity: 1;
		}

		.mm_list_header_row_selection_partially_checked &,
		.mm_list_header_row_displayorder_selection_partially_checked &
		{
			opacity: 0;
		}
	}

	.mm_list_header_row_selection_checked &,
	.mm_list_header_row_selection_partially_checked &,
	.mm_list_data_row_addmode &,
	.mm_list_data_row_editmode &,
	.mm_list_data_row_selection_checked &,
	.mm_list_data_row_displayorder_selection_checked &,
	.mm_list_header_row_displayorder_selection_checked &,
	.mm_list_header_row_displayorder_selection_partially_checked &
	{
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--active);
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--active);
	}

	.mm_list_data_row_error &,
	.mm_list_data_row_error.be_hov:hover &
	{
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--error);
	}

	.mm_list_data_row_addmode.mm_list_data_row_error &,
	.mm_list_data_row_editmode.mm_list_data_row_error &,
	.mm_list_data_row_selection_checked.mm_list_data_row_error &
	{
		--mm-field-checkbox-border: var(--mm-field-checkbox-border--error);
		--mm-field-checkbox-background-color: var(--mm-field-checkbox-background-color--error);
	}
}

.mm_list_data_col_displayorder_drag_container,
.mm_list_data_col_displayorder_dragtorearrange_overlay_drag_container
{
	position: relative;
	display: flex;
	padding-right: 10px;
	width: 50px;
	height: 100%;
	align-items: center;
	justify-content: end;
	cursor: pointer; /* fallback */
	cursor: grab;
	box-sizing: border-box;

	.mm_list_feature_displayorder_moveto &,
	.mm_list_feature_displayorder_disabled &,
	.mm_list_feature_displayorder_dragtorearrange_disabled &
	{
		visibility: hidden;
	}

	.mm_list_feature_displayorder_manualedit &
	{
		display: none;
	}

	mm-icon
	{
		--mm-icon-color: var(--mm-list-sort-drag-icon-color);
	}

	.mm_list_data_col_displayorder_drag_container:hover &
	{
		--mm-list-sort-drag-icon-color: var(--mm-list-sort-drag-icon-color--hover);
	}

	.mm_list_data_row_displayorder_selection_checked &,
	.mm_list_feature_displayorder_dragtorearrange &
	{
		--mm-list-sort-drag-icon-color: var(--mm-list-sort-drag-icon-color--selected);
	}
}

.mm_list_data_col_displayorder_dragtorearrange_overlay_drag
{
	position: relative;
	display: block;
	width: 9px;
	height: 15px;
	transition: 0.2s all linear;
}

.mm_list_data_col_displayorder_dragtorearrange_overlay
{
	position: absolute;
	display: flex;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--mm-list-sort-drag-row-background-color);
	border-radius: var(--mm-list-sort-drag-row-border-radius);
	box-shadow: var(--mm-list-sort-drag-row-shadow);
	align-items: center;
	z-index: 2;
}

.mm_list_data_col_displayorder_dragtorearrange_overlay_tag
{
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 24px;
	padding: 0 10px;
	height: 24px;
	min-width: 24px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	color: var(--mm-list-sort-drag-row-tag-text-color);
	background: var(--mm-list-sort-drag-row-tag-background-color);
	border-radius: var(--mm-list-sort-drag-row-tag-border-radius);
	box-sizing: border-box;
}

.mm_list_data_col_displayorder_dragtorearrange_overlay_message
{
	position: relative;
	display: inline-block;
	font-size: 13px;
	font-weight: 400;
	color: var(--mm-list-sort-drag-row-message-text-color);
	flex-grow: 1;
}

.mm_list_feature_displayorder_movetoposition_entry
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

	.mm_list_feature_displayorder_movetoposition_entry_icon
	{
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;

		mm-icon[data-icon="default"]
		{
			display: inline-flex;

			.mm_list_feature_displayorder_movetoposition_entry:hover &
			{
				display: none;
			}
		}

		mm-icon[data-icon="hover"]
		{
			display: none;

			.mm_list_feature_displayorder_movetoposition_entry:hover &
			{
				display: inline-flex;
			}
		}
	}
}

.mm_list_data_col_displayorder_manualentry_container
{
	position: relative;
	display: none;
}

.mm_list_data_row_level_1 .mm_list_data_col_displayorder_manualentry_container
{
	margin-left: 25px;
}

.mm_list_data_row_level_2 .mm_list_data_col_displayorder_manualentry_container
{
	margin-left: 40px;
}

.mm_list_data_row_level_3 .mm_list_data_col_displayorder_manualentry_container
{
	margin-left: 55px;
}

.mm_list_feature_displayorder_manualedit .mm_list_data_col_displayorder_manualentry_container
{
	display: flex;
}

.mm_list_feature_displayorder_disabled .mm_list_data_col_displayorder_manualentry_container
{
	visibility: hidden;
}

.mm_list_feature_displayorder_manualentry_input
{
	width: 48px;

	.mm_input
	{
		text-align: center;
	}
}

.mm_list_data_col_feature_edit
{
	position: relative;
	display: none;
	vertical-align: middle;
	margin-left: 8px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	opacity: 0;
	transition: 0.1s opacity linear;

	.mm_list_data_col_div_feature_edit_visible &
	{
		display: inline-flex;
		visibility: hidden;
	}

	.mm_list_data_col:hover .mm_list_data_col_div_feature_edit_visible &
	{
		visibility: visible;
		opacity: 1;
		transition-delay: 0.15s;
	}

	.mm_list_data_col_div_data_editable &
	{
		display: none;
	}
}

.mm_list_header_row
{
	position: relative;
	display: block;
	min-width: 100%;
	font-size: var(--mm-list-header-row-font-size);
	font-weight: var(--mm-list-header-row-font-weight);
	color: var(--mm-list-header-row-text-color);
	background: var(--mm-list-header-row-background-color);
	border-bottom: var(--mm-list-header-row-border);
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}

.mm_list_data_row
{
	position: relative;
	display: block;
	min-width: 100%;
	color: var(--mm-list-row-text-color);
	font-size: var(--mm-list-row-font-size);
	font-weight: var(--mm-list-row-font-weight);
	white-space: nowrap;
	border-bottom: var(--mm-list-row-border);
	overflow: hidden;
	box-sizing: border-box;

	&:last-child
	{
		border-bottom-color: transparent;
	}

	.mm_list_feature_selection_rowmode &
	{
		cursor: pointer;
	}

	&.mm_list_data_row_displayorder_dragtorearrange_active
	{
		opacity: 0;
		border-color: transparent;

		& > *
		{
			opacity: 0;

			&.mm_list_data_col_displayorder_dragtorearrange_overlay
			{
				opacity: 1;
			}
		}
	}

	&.mm_list_feature_displayorder_dragtorearrange
	{
		overflow: visible;
	}

	&.mm_list_data_row_displayorder_movetoposition_active
	{
		pointer-events: none;
	}

	&.mm_list_data_row_selection_checked,
	&.mm_list_data_row_selection_checked.be_hov:hover,
	&.mm_list_data_row_displayorder_selection_checked,
	&.mm_list_data_row_displayorder_selection_checked.be_hov:hover,
	&.mm_list_data_row_displayorder_movetoposition_active,
	&.mm_list_data_row_displayorder_movetoposition_active.be_hov:hover
	{
		--mm-list-row-text-color: var(--mm-list-row-text-color--selected);
		--mm-list-row-background-color: var(--mm-list-row-background-color--selected);
		--mm-list-row-border: var(--mm-list-row-border--selected);
		--mm-list-column-navigation-text-color: var(--mm-list-column-navigation-text-color--selected);
	}

	&:has(+ .mm_list_data_row.mm_list_data_row_selection_checked),
	&:has(+ .mm_list_data_row.mm_list_data_row_selection_checked.be_hov:hover),
	&:has(+ .mm_list_data_row.mm_list_data_row_displayorder_selection_checked),
	&:has(+ .mm_list_data_row.mm_list_data_row_displayorder_selection_checked.be_hov:hover),
	&:has(+ .mm_list_data_row.mm_list_data_row_displayorder_movetoposition_active),
	&:has(+ .mm_list_data_row.mm_list_data_row_displayorder_movetoposition_active.be_hov:hover)
	{
		--mm-list-row-border: var(--mm-list-row-border--selected);
	}

	.mm_list_feature_displayorder_manualedit &,
	.mm_list_feature_displayorder_manualedit &.be_hov:hover
	{
		cursor: default;
	}

	&.mm_list_data_row_addmode,
	&.mm_list_data_row_addmode.be_hov:hover,
	&.mm_list_data_row_editmode,
	&.mm_list_data_row_editmode.be_hov:hover,
	&.mm_list_data_row_disporder,
	&.mm_list_data_row_disporder.be_hov:hover
	{
		--mm-list-row-background-color: var(--mm-list-row-background-color--edit);
		--mm-list-row-border: var(--mm-list-row-border--edit);

		cursor: default;
	}

	&:has(+ .mm_list_data_row_addmode),
	&:has(+ .mm_list_data_row_addmode.be_hov:hover),
	&:has(+ .mm_list_data_row_editmode),
	&:has(+ .mm_list_data_row_editmode.be_hov:hover),
	&:has(+ .mm_list_data_row_disporder),
	&:has(+ .mm_list_data_row_disporder.be_hov:hover)
	{
		--mm-list-row-border: var(--mm-list-row-border--edit);
	}

	&.mm_list_data_row_match,
	&.mm_list_data_row_match.be_hov:hover
	{
		--mm-list-row-background-color: var(--mm-list-row-background-color--find-match);
		--mm-list-row-border: var(--mm-list-row-border--find-match);
	}

	&:has(+ .mm_list_data_row_match),
	&:has(+ .mm_list_data_row_match.be_hov:hover)
	{
		--mm-list-row-border: var(--mm-list-row-border--find-match);
	}
}

.mm_list_data_row_background
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: var(--mm-list-row-background-color);
	box-shadow: var(--mm-list-row-box-shadow);
	box-sizing: border-box;

	.mm_list_feature_displayorder_dragtorearrange.mm_list_data_row &
	{
		--mm-list-row-box-shadow: var(--mm-list-row-box-shadow--display-order-drag);
	}
}

.mm_list_data_row_focus_indicator
{
	position: absolute;
	display: none;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 4px solid var(--mm-list-row-focus-indicator-color);

	.mm_list_manual_focus .mm_list_data_row_focus &
	{
		display: block;
	}

	.mm_list_data_row_addmode &,
	.mm_list_data_row_editmode &,
	.mm_list_data_row_disporder &,
	.mm_list_feature_displayorder_active .mm_list_data_row &
	{
		display: none;
	}

	.mm_list_dummycolumn &
	{
		visibility: hidden;
	}
}

.mm_list_data_row_disporder .mm_list_data_col_div
{
	white-space: nowrap;
	overflow: hidden;
}

.mm_list_list_header_scrollfix_container
{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	overflow: hidden;
}

.mm_list_list_header
{
	position: relative;
	display: none;
	min-width: 100%;
	z-index: 1;
}

.mm_list_list_content
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	min-width: 100%;
}

.mm_list_columnresize
{
	position: absolute;
	overflow: hidden;
	display: flex;
	top: 50%;
	right: -12px;
	height: 40px;
	cursor: col-resize;
	align-items: center;
	transform: translateY(-50%);
	opacity: 0;
	z-index: 1;
}

.mm_list_header_col:hover .mm_list_columnresize,
.mm_list_columnresize_visible.mm_list_columnresize
{
	opacity: 1;
}

.mm_list_header_row.mm_list_header_row_move .mm_list_header_col .mm_list_columnresize,
.mm_list_header_row.mm_list_header_row_move .mm_list_header_col:hover .mm_list_columnresize
{
	opacity: 0;
}

.mm_list_columnresize_bg
{
	position: relative;
	display: block;
	margin: 0 11px;
	width: 2px;
	height: 22px;
	background-color: var(--mm-list-header-column-resize-indicator-color);
	border-radius: 1px;

	.mm_list_columnresize:hover &,
	.mm_list_columnresize_visible.mm_list_columnresize &
	{
		--mm-list-header-column-resize-indicator-color: var(--mm-list-header-column-resize-indicator-color--active);
	}
}

.mm_list_columnedit
{
	position: absolute;
	display: inline-flex;
	top: 50%;
	right: 12px;
	width: 35px;
	height: 35px;
	align-items: center;
	justify-content: center;
	visibility: hidden;
	overflow: hidden;
	cursor: pointer;
	transform: translateY(-50%);

	.mm_list_header_col:hover &.mm_list_columnedit_visible
	{
		visibility: visible;
	}

	.mm_list_header_row.mm_list_header_row_move .mm_list_header_col &,
	.mm_list_header_row.mm_list_header_row_move .mm_list_header_col:hover &
	{
		visibility: hidden;
	}
}

.mm_list_actions
{
	position: relative;
	text-align: right;
	margin: 4px 0;
}

.mm_list_actions input[type="button"]
{
	overflow: visible;
	padding: 1px 2px;
	font-size: 12px;
	font-family: inherit;
	width: auto;
	margin: 0;
}

.mm_list_actions input
{
	width: auto;
	overflow: visible;
	padding: 1px 2px;
	font-size: 12px;
}

.mm_list_dummycolumn
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100px;
	background-color: #fff;
	z-index: 100;
	border-radius: 4px;
	box-shadow: 0 7px 12px rgba( 47, 117, 255, 0.15 );
	overflow: hidden;
	cursor: move;
}

.mm_list_columnmove_indicator_left
{
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	display: flex;
	top: 50%;
	left: -8px;
	height: 35px;
	width: 16px;
	background-color: var(--mm-list-header-column-move-indicator-background-color);
	border-radius: 20px;
	cursor: col-resize;
	align-items: center;
	transform: translateY(-50%);
}

.mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_left
{
	visibility: visible;
}

.mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_left.mm_list_columnmove_indicator_left_active
{
	--mm-list-header-column-move-indicator-background-color: var(--mm-list-header-column-move-indicator-background-color--active);
	z-index: 2;
}

.mm_list_columnmove_indicator_left_bg1
{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 2px;
	height: 21px;
	background-color: var(--mm-list-header-column-move-indicator-color);
	border-radius: 1px;
}

.mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_left.mm_list_columnmove_indicator_left_active .mm_list_columnmove_indicator_left_bg1
{
	--mm-list-header-column-move-indicator-color: var(--mm-list-header-column-move-indicator-color--active);
}

.mm_list_columnmove_indicator_right
{
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	display: flex;
	top: 50%;
	right: -8px;
	height: 35px;
	width: 16px;
	background-color: var(--mm-list-header-column-move-indicator-background-color);
	border-radius: 20px;
	cursor: col-resize;
	align-items: center;
	transform: translateY(-50%);
}

.mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_right
{
	visibility: visible;
}

.mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_right.mm_list_columnmove_indicator_right_active
{
	--mm-list-header-column-move-indicator-background-color: var(--mm-list-header-column-move-indicator-background-color--active);

	z-index: 2;
}

.mm_list_columnmove_indicator_right_bg1
{
	position: relative;
	display: block;
	margin: 0 auto;
	width: 2px;
	height: 21px;
	background-color: var(--mm-list-header-column-move-indicator-color);
	border-radius: 1px;
}

.mm_list_header_row.mm_list_header_row_move .mm_list_columnmove_indicator_right.mm_list_columnmove_indicator_right_active .mm_list_columnmove_indicator_right_bg1
{
	--mm-list-header-column-move-indicator-color: var(--mm-list-header-column-move-indicator-color--active);
}

.mm_list_data_col_mm_input_container
{
	flex-grow: 1;

	mm-input [data-mm-input]
	{
		.mm_list_view_compact &
		{
			--mm-field-input-height: 24px;
		}

		.mm_list_view_comfortable &
		{
			--mm-field-input-height: var(--mm-field-input-height--xl);
		}
	}
}

.mm_list_data_col_editableinput_container
{
	position: relative;
	display: flex;
	margin: 0;
	padding: var(--mm-field-input-padding);
	width: auto;
	height: var(--mm-field-input-height);
	flex-grow: 1;
	background: var(--mm-field-input-background-color);
	border: var(--mm-field-input-border);
	border-radius: var(--mm-field-input-border-radius);
	box-shadow: var(--mm-field-input-shadow);
	box-sizing: border-box;
	align-items: center;
	transition: border-color 0.1s linear;
	outline: none;

	&.mm_list_data_col_editableinput_container_active,
	&:has(.mm_list_data_col_editableinput:focus)
	{
		--mm-field-input-border: var(--mm-field-input-border--focus);
		--mm-field-input-shadow: var(--mm-field-input-shadow--focus);
	}

	&.mm_list_data_col_editableinput_error,
	&.mm_list_data_col_editableinput_error:has(.mm_list_data_col_editableinput:focus)
	{
		--mm-field-input-border: var(--mm-field-input-border--invalid);
	}

	&.mm_list_data_col_editableinput_error:has(.mm_list_data_col_editableinput:focus)
	{
		--mm-field-input-shadow: var(--mm-field-input-shadow--invalid--focus);
	}

	.mm_list_view_compact &
	{
		--mm-field-input-height: 24px;
	}

	.mm_list_view_comfortable &
	{
		--mm-field-input-height: var(--mm-field-input-height--xl);
	}
}

.mm_list_data_col_editableinput
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
	color: var(--mm-field-input-text-color);
	font-family: var(--mm-field-font-family);
	font-size: var(--mm-field-font-size);
	font-style: var(--mm-field-font-style);
	font-weight: var(--mm-field-font-weight);
	line-height: var(--mm-field-line-height);
	letter-spacing: var(--mm-field-letter-spacing);
	background: transparent;
	border: none;
	box-sizing: border-box;
	text-align: left;
	flex-grow: 1;
	outline: none;

	&::placeholder
	{
		color: var(--mm-field-input-text-color-placeholder);
		font-family: var(--mm-field-font-family);
		font-size: var(--mm-field-font-size);
		font-style: var(--mm-field-font-style);
		font-weight: var(--mm-field-font-weight);
		line-height: var(--mm-field-line-height);
		letter-spacing: var(--mm-field-letter-spacing);
		opacity: 1;
	}
}

.mm_list_data_col_div_content select
{
	.mm_list_view_compact &
	{
		--mm-field-select-height: 24px;
	}

	.mm_list_view_comfortable &
	{
		--mm-field-select-height: var(--mm-field-select-height--xl);
	}
}

.mm_list_data_col_div_content select.mm_list_data_col_editableinput_error
{
	--mm-field-select-border: var(--mm-field-select-border--invalid);

	&:focus
	{
		--mm-field-select-shadow: var(--mm-field-select-shadow--invalid--focus);
	}
}

.mm_list_data_col_popup_container
{
	position: relative;
	display: flex;
	flex-grow: 1;
	column-gap: 8px;
	align-items: center;

	.mm_button_style_secondary
	{
		margin-right: 6px;
		flex-shrink: 0;

		.mm_list_view_compact &
		{
			--mm-button-height: 24px;
		}

		.mm_list_view_comfortable &
		{
			--mm-button-height: var(--mm-button-height--xl);
		}
	}
}

.mm_list_data_col_select_wrapper
{
	position: relative;
	display: block;
	flex-grow: 1;
	max-width: 100%;
}

.mm_list_data_col_select_container
{
	max-width: 100%;

	.mm_list_view_compact & .mm_select_common_button
	{
		--mm-field-select-height: 24px;
	}

	.mm_list_view_comfortable & .mm_select_common_button
	{
		--mm-field-select-height: var(--mm-field-select-height--xl);
	}
}

.mm_list_data_col_weight_input_container
{
	position: relative;
	display: block;
	flex-grow: 1;
	max-width: 100%;

	.mm_list_data_col_weight_input
	{
		position: relative;
		display: flex;
		margin: 0;
		padding: 0;
		flex-grow: 1;
		align-items: center;
		box-sizing: border-box;
		outline: none;

		.mm_list_view_compact & .mm_weight_input
		{
			--mm-field-weight-input-height: 24px;
		}

		.mm_list_view_comfortable & .mm_weight_input
		{
			--mm-field-weight-input-height: var(--mm-field-weight-input-height--xl);
		}
	}
}

.mm_list_advancedsearch_weightinput_container
{
	position: relative;
	display: flex;
	flex-grow: 1;
}

.mm_list_data_col_div.mm_list_data_col_div_data_editable .mm_list_data_col_editablecheckbox
{
	margin-left: 13px;
}

.mm_list_error_message
{
	position: absolute;
	display: flex;
	visibility: hidden;
	bottom: 0;
	padding: 8px 12px;
	max-width: 300px;
	align-items: center;
	background: var(--mm-field-invalid-message-background-color);
	color: var(--mm-field-invalid-message-text-color);
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
	border-radius: var(--mm-field-invalid-message-border-radius);
	z-index: 2;

	.mm_list_error_message_text
	{
		--mm-text-color: var(--mm-field-invalid-message-text-color);

		position: relative;
		z-index: 2;
	}
}

.mm_list_error_message_tail
{
	position: absolute;
	bottom: -4px;
	right: 8px;
	width: 10px;
	height: 10px;
	background-color: var(--mm-field-invalid-message-background-color);
	border-radius: 2px;
	box-sizing: border-box;
	transform: rotate(45deg);
	z-index: 1;
}

.mm_list_error_message_tail.above
{
	top: -4px;
	bottom: auto;
}

.mm_list_data_row_loading_container
{
	position: absolute;
	display: flex;
	visibility: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.8);
	align-items: center;

	.mm_list_data_row_loading_visible &
	{
		visibility: visible;
		z-index: 3;
	}
}

.mm_list_data_row_loading_spacer
{
	display: none;
	margin-right: 0;
	padding: 0;
	width: 74px;
	line-height: 0;
	text-align: center;
	box-sizing: border-box;
}

.mm_list_data_row_loading_visible .mm_list_data_row_loading_spacer
{
	display: inline-block;
}

.mm_list_data_row_loading
{
	position: absolute;
	display: flex;
	top: 2px;
	bottom: 2px;
	left: 0;
	padding: 0;
	background: var(--mm-list-row-background-color);
	align-items: center;
	border-radius: 4px 0 0 4px;
}

.mm_list_data_row_selection_checked .mm_list_data_row_loading,
.mm_list_data_row_selection_checked.be_hov:hover .mm_list_data_row_loading
{
	--mm-list-row-background-color: var(--mm-list-row-background-color--selected);
}

.mm_list_data_row_addmode .mm_list_data_row_loading,
.mm_list_data_row_addmode.be_hov:hover .mm_list_data_row_loading,
.mm_list_data_row_editmode .mm_list_data_row_loading,
.mm_list_data_row_editmode.be_hov:hover .mm_list_data_row_loading,
.mm_list_data_row_disporder .mm_list_data_row_loading,
.mm_list_data_row_disporder.be_hov:hover .mm_list_data_row_loading
{
	--mm-list-row-background-color: var(--mm-list-row-background-color--edit);
}

.mm_list_data_row_match .mm_list_data_row_loading,
.mm_list_data_row_match.be_hov:hover .mm_list_data_row_loading
{
	--mm-list-row-border: var(--mm-list-row-border--find-match);
}

.mm_list_data_row_loading_mask
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.8);
}

.mm_list_data_row_loading > .mm_loading_indicator
{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 16px;
}

.mm_list_scrollbar_container_vertical
{
	position: absolute;
	display: block;
	top: 0;
	right: var(--mm-list-scrollbar-track-offset);
	bottom: -3px;
	width: var(--mm-list-scrollbar-track-dimension);
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	transition: transform 0.2s ease-in-out, opacity 0.5s ease-in-out 1s;
	cursor: pointer;
	pointer-events: none;
	z-index: 1;

	.mm_list_empty_list_overlay_visible &
	{
		display: none;
	}

	&.scrollbar_available
	{
		visibility: visible;
		pointer-events: auto;
	}

	&:hover,
	&.scrollbar_visible,
	&.mm_list_scrollbar_container_vertical_active
	{
		transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out 0s; /* When hovering, animate the track opacity immediately with a faster fade in */
		opacity: 1;
	}

	&:hover,
	&.mm_list_scrollbar_container_vertical_active
	{
		--mm-list-scrollbar-track-offset: var(--mm-list-scrollbar-track-offset--active);
		--mm-list-scrollbar-track-dimension: var(--mm-list-scrollbar-track-dimension--active);
		--mm-list-scrollbar-track-color: var(--mm-list-scrollbar-track-color--hover);
		--mm-list-scrollbar-thumb-color: var(--mm-list-scrollbar-thumb-color--hover);
	}

	.mm_list_scrollbar_track_verticalright
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: var(--mm-list-scrollbar-track-color);
		border-radius: var(--mm-list-scrollbar-track-radius);
		transition: background-color 0.15s linear;
	}

	.mm_list_scrollbar_thumb_verticalright
	{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		min-height: 20px;
		background-color: var(--mm-list-scrollbar-thumb-color);
		border-radius: var(--mm-list-scrollbar-thumb-radius);
		transition: background-color 0.15s linear;
	}
}

.mm_list_scrollbar_container_horizontal
{
	position: absolute;
	display: block;
	right: -3px;
	left: 0;
	bottom: var(--mm-list-scrollbar-track-offset);
	height: var(--mm-list-scrollbar-track-dimension);
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	cursor: pointer;
	pointer-events: none;
	transition: opacity 0.5s ease-in-out 1s;
	z-index: 1;

	.mm_list_empty_list_overlay_visible &
	{
		display: none;
	}

	&.scrollbar_available
	{
		visibility: visible;
		pointer-events: auto;
	}

	&:hover,
	&.scrollbar_visible,
	&.mm_list_scrollbar_container_horizontal_active
	{
		transition: right 0.2s ease-in-out, opacity 0.2s ease-in-out 0s; /* When hovering, animate the track opacity immediately with a faster fade in */
		opacity: 1;
	}

	&:hover,
	&.mm_list_scrollbar_container_horizontal_active
	{
		--mm-list-scrollbar-track-offset: var(--mm-list-scrollbar-track-offset--active);
		--mm-list-scrollbar-track-dimension: var(--mm-list-scrollbar-track-dimension--active);
		--mm-list-scrollbar-track-color: var(--mm-list-scrollbar-track-color--hover);
		--mm-list-scrollbar-thumb-color: var(--mm-list-scrollbar-thumb-color--hover);
	}

	.mm_list_scrollbar_track_horizontalbottom
	{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: var(--mm-list-scrollbar-track-color);
		border-radius: var(--mm-list-scrollbar-track-radius);
		transition: background-color 0.15s linear;
	}

	.mm_list_scrollbar_thumb_horizontalbottom
	{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		min-width: 20px;
		background-color: var(--mm-list-scrollbar-thumb-color);
		border-radius: var(--mm-list-scrollbar-thumb-radius);
		transition: background-color 0.15s linear;
	}
}

.mm_list_textareaeditor_textarea_container
{
	position: relative;
	display: block;
	padding-right: 12px;
	padding-bottom: 12px;
	height: 150px;
}

#mm_list_textareaeditor_textarea
{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 5px;
	margin: 0;
}

.mm_list_column_textarea_container
{
	position: relative;
	display: flex;
	flex-grow: 1;
	align-items: center;
	align-self: stretch;
	overflow: hidden;

	[data-mm-button]
	{
		flex-shrink: 0;

		.mm_list_view_compact &
		{
			--mm-button-height: 24px;
		}

		.mm_list_view_comfortable &
		{
			--mm-button-height: var(--mm-button-height--xl);
		}
	}
}

.mm_list_data_col_div_data_editable .mm_list_column_textarea_container
{
	padding-left: 13px;
	padding-right: 6px;
}

.mm_list_column_textarea_summary_container
{
	position: relative;
	flex-grow: 1;
	padding: 3px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm_list_column_textarea_button.mm_button_style_secondary
{
	position: relative;
	margin: 0 6px 0 10px;
	padding: 0 15px;

	.mm_list_view_compact &
	{
		--mm-button-height: 24px;
	}

	.mm_list_view_comfortable &
	{
		--mm-button-height: var(--mm-button-height--xl);
	}
}

.mm_list_column_imagepreview_image_container,
.mm_list_column_imagepreview_circleimage_container
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mm_list_column_imagepreview_image,
.mm_list_column_imagepreview_circleimage
{
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius: 4px;

	&.mm_list_column_imagepreview_circleimage
	{
		background-size: cover;
		border-radius: 50%;
		flex-shrink: 0;
	}

	.mm_list_view_compact &
	{
		width: 24px;
		height: 24px;
	}

	.mm_list_view_comfortable &
	{
		width: 48px;
		height: 48px;
	}
}

.mm_list_column_imagepreview_image_container.fallback .mm_list_column_imagepreview_image
{
	display: none;
}

.mm_list_column_imagepreview_circleimage_title
{
	position: relative;
	display: inline-block;
	margin-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mm_list_column_imagepreview_image_fallback
{
	position: relative;
	display: none;
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	background-color: var(--mm-list-column-preview-image-fallback-background-color);
	border: var(--mm-list-column-preview-image-fallback-border);
	border-radius: var(--mm-list-column-preview-image-fallback-border-radius);
	box-sizing: border-box;

	.mm_list_column_imagepreview_image_container.fallback &
	{
		display: inline-flex;
	}

	.mm_list_view_compact &
	{
		width: 24px;
		height: 24px;
	}

	.mm_list_view_comfortable &
	{
		width: 48px;
		height: 48px;
	}
}

.mm_list_loading_container
{
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	align-items: center;
	justify-content: center;
	background-color: var(--mm-list-loading-background-color);
	z-index: 2;

	&.visible
	{
		display: flex;
	}

	.mm_list_fullscreen &
	{
		top: 52px;
	}
}

.mm_list_loading_content
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.mm_list_loading_message
{
	position: relative;
	display: block;
	margin-top: 25px;
}

.mm_list_loading_message:empty
{
	display: none;
}

.mm_list_data_row_level_1 .mm_list_level_col
{
	padding-left: 5px;

	.mm_list_data_row_addmode &:has(.mm_list_data_col_div.mm_list_data_col_div_data_editable),
	.mm_list_data_row_editmode &:has(.mm_list_data_col_div.mm_list_data_col_div_data_editable)
	{
		padding-left: 2px;
	}
}

.mm_list_data_row_level_2 .mm_list_level_col
{
	padding-left: 30px;

	.mm_list_data_row_addmode &:has(.mm_list_data_col_div.mm_list_data_col_div_data_editable),
	.mm_list_data_row_editmode &:has(.mm_list_data_col_div.mm_list_data_col_div_data_editable)
	{
		padding-left: 27px;
	}
}

.mm_list_data_row_level_3 .mm_list_level_col
{
	padding-left: 55px;

	.mm_list_data_row_addmode &:has(.mm_list_data_col_div.mm_list_data_col_div_data_editable),
	.mm_list_data_row_editmode &:has(.mm_list_data_col_div.mm_list_data_col_div_data_editable)
	{
		padding-left: 52px;
	}
}

.mm_list_dimmed_text
{
	--mm-list-row-text-color: var(--mm-list-row-text-color--dimmed);
}

.mm_list_column_header
{
	font-weight: bold;
	text-align: left;
}

.mm_list_advancedsearch_column_value_textarea
{
	flex-grow: 1;
}

.mm_list_advancedsearch_column_popup_container .mm_list_column_popup_button
{
	margin: 4px 0;
}

.mm_list_advancedsearch_column_value_input_popup_container
{
	display: block;
	margin-right: 52px;
}

.mm_list_advancedsearchdialog_container
{
	--mm-grid-style-table-primary-row-padding: 8px 21px;

	mm-grid-row > mm-grid-column:nth-child(1)
	{
		--mm-grid-style-table-primary-header-padding: 0 5px 0 21px;
		--mm-grid-style-table-primary-row-padding: 8px 5px 8px 21px;
	}

	mm-grid-row > mm-grid-column:nth-child(2)
	{
		--mm-grid-style-table-primary-header-padding: 0 5px;
		--mm-grid-style-table-primary-row-padding: 8px 5px;
	}

	mm-grid-row > mm-grid-column:nth-child(3)
	{
		--mm-grid-style-table-primary-header-padding: 0 21px 0 5px;
		--mm-grid-style-table-primary-row-padding: 8px 21px 8px 5px;
	}

	max-height: 100%;

	select,
	input:not(.mm_input),
	textarea:not(.mm_textarea_editor)
	{
		width: 100%;
	}

	.mm_select_common
	{
		max-width: 100%;
	}
}

.mm_list_advancedsearchdialog_item_name
{
	min-height: 36px;
	align-items: center;
}

.mm_list_advancedsearchdialog_entry_value_popup_container
{
	position: relative;
	display: flex;
	align-items: center;
}

.mm_list_advancedsearchdialog_entry_value_popup_container .mm_input_common
{
	margin-right: 5px;
	flex-grow: 1;
}

.mm_list_advancedsearchdialog_entry_value_popup_button
{
	flex-shrink: 0;
}

.mm_list_datetimepicker_container
{
	position: relative;
	display: flex;
	align-items: center;
	flex-grow: 1;
}

.mm_list_datetimepicker
{
	position: relative;
	display: inline-block;
	flex-grow: 1;
	padding: 0 13px;
	border-radius: 4px;
	box-sizing: border-box;
}

.mm_list_datetimepicker_button.mm_button_style_secondary
{
	position: relative;
	margin: 0 3px 0 10px;
	padding: 0 15px;
	flex-shrink: 0;

	.mm_list_view_compact &
	{
		--mm-button-height: 24px;
	}

	.mm_list_view_comfortable &
	{
		--mm-button-height: var(--mm-button-height--xl);
	}
}

.mm_list_advancedsearch_datetime_container
{
	position: relative;
	display: block;
}

.mm_list_advancedsearch_datetime_on_container
{
	position: relative;
	display: block;
}

.mm_list_advancedsearch_datetime_beforeafter_container
{
	position: relative;
	display: block;
}

.mm_list_advancedsearch_datetime_between_container
{
	position: relative;
	display: block;
}

.mm_list_advancedsearch_datetime_between_start_container,
.mm_list_advancedsearch_datetime_between_end_container
{
	position: relative;
	display: inline-flex;
	margin-right: 10px;
	align-items: center;
}

.mm_list_advancedsearch_datetime_between_end_container
{
	margin-top: 10px;
}

.mm_list_advancedsearch_datetime_between_start_title,
.mm_list_advancedsearch_datetime_between_end_title
{
	position: relative;
	display: inline-block;
	margin-right: 10px;
	width: 40px;
}

.mm_list_advancedsearch_datetime_between_start,
.mm_list_advancedsearch_datetime_between_end
{
	position: relative;
	display: inline-block;
}

.mm_list_listinfo_container
{
	position: absolute;
	display: none;
	right: 50px;
	bottom: 0;
	left: 50px;
	height: 48px;
	text-align: center;
	background: transparent;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;

	.mm_list_feature_recordcount &
	{
		display: flex;
	}
}

.mm_list_action_button.mm_list_assignlist_toggle_action
{
	padding: 0 12px;
	width: 130px;
}

.mm_list_action_button.mm_list_assignlist_toggle_action .mm9_button_custom
{
	flex-grow: 1;
}

.mm_list_assignlist_toggle_slider
{
	pointer-events: none;

	.mm_checkbox_container
	{
		outline: none;
	}

	.mm_checkbox_text
	{
		color: var(--mm-list-assign-button-text-color);
		font-weight: 600;
		white-space: nowrap;
	}
}

/***********************/
/*    Legacy Styles    */
/***********************/

.mm_list_table
{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.mm_list_table_header_row
{
	color: #ffffff;
	font-weight: bold;
	background-color: #999;
}

.mm_list_data_col_select_container .mm_list_data_col_select
{
	position: relative;
	display: flex;
	margin: 0;
	padding: 0 35px 0 11px;
	height: 34px;
	flex-grow: 1;
	align-items: center;
	background: #fff;
	border: 1px solid #d3e2ff;
	border-radius: 4px;
	box-sizing: border-box;
	transition: 0.2s border-color linear;
	cursor: pointer;
	outline: none;
}

.mm_list_data_col_select_container .mm_list_data_col_select.focus
{
	border-color: #2f75ff;
}

.mm_list_data_col_select_container .mm_list_data_col_select:hover
{
	border-color: #d3e2ff;
}

.mm_list_data_col_select_container.active .mm_list_data_col_select,
.mm_list_data_col_select_container.active .mm_list_data_col_select:hover
{
	border-color: #2f75ff;
}

.mm_list_data_col_select_container.invalid .mm_list_data_col_select,
.mm_list_data_col_select_container.invalid .mm_list_data_col_select.focus,
.mm_list_data_col_select_container.invalid .mm_list_data_col_select:hover,
.mm_list_data_col_select_container.invalid .mm_list_data_col_select.active,
.mm_list_data_col_select_container.invalid.active .mm_list_data_col_select
{
	border-color: #ea6570;
	border-width: 2px;
}

.mm_list_data_col_select_container .mm_list_data_col_select .mm9_button_text,
.mm_list_data_col_select_container.active .mm_list_data_col_select .mm9_button_text
{
	text-align: left;
	color: #6a6e79;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.mm_list_data_col_select .mm9_menubutton_dropdown
{
	position: absolute;
	display: block;
	top: 50%;
	right: 15px;
	width: 9px;
	height: 6px;
	border: none;
	background: none;
	transform: translateY(-50%);
}

.mm_list_data_col_select .mm9_menubutton_dropdown_bg1
{
	position: absolute;
	top: 2px;
	left: 4px;
	width: 6px;
	height: 2px;
	background-color: #6a6e79;
	transform: rotate(-40deg);
	transition: all 0.2s linear;
}

.mm_list_data_col_select_container.active .mm_list_data_col_select .mm9_menubutton_dropdown_bg1
{
	background-color: #6a6e79;
	transform: rotate(40deg);
}

.mm_list_data_col_select .mm9_menubutton_dropdown_bg2
{
	position: absolute;
	top: 2px;
	left: 0px;
	width: 6px;
	height: 2px;
	background-color: #6a6e79;
	transform: rotate(40deg);
	transition: all 0.2s linear;
}

.mm_list_data_col_select_container.active .mm_list_data_col_select .mm9_menubutton_dropdown_bg2
{
	background-color: #6a6e79;
	transform: rotate(-40deg);
}

.mm_list_data_col_select_container .mm_list_data_col_select.disabled,
.mm_list_data_col_select_container .mm_list_data_col_select.disabled:hover,
.mm_list_data_col_select_container .mm_list_data_col_select.disabled.focus,
.mm_list_data_col_select_container.active .mm_list_data_col_select.disabled,
.mm_list_data_col_select_container.active .mm_list_data_col_select.disabled:hover,
.mm_list_data_col_select_container.active .mm_list_data_col_select.disabled.focus
{
	border-color: #e0e1e4;
	background-color: #f8f8f8;
	cursor: default;
}

.mm_list_data_col_select_container .mm_list_data_col_select.disabled .mm9_button_text
{
	color: #e0e1e4;
}

.mm_list_data_col_select.disabled .mm9_menubutton_dropdown_bg1,
.mm_list_data_col_select.disabled .mm9_menubutton_dropdown_bg2,
.mm_list_data_col_select_container.active .mm_list_data_col_select.disabled .mm9_menubutton_dropdown_bg1,
.mm_list_data_col_select_container.active .mm_list_data_col_select.disabled .mm9_menubutton_dropdown_bg2
{
	background-color: #e0e1e4;
}

.mm_list_data_col_select_menu_root
{
	position: absolute;
	display: none;
	margin: 7px 0;
	background: #fff;
	border: 1px solid #ecedf2;
	border-radius: 4px;
	box-shadow: 0 12px 20px rgba( 47, 117, 255, 0.25 );
	box-sizing: border-box;
	overflow: auto;
	z-index: 9999;
}

.mm_list_data_col_select_menu_root .mm9_menubutton_menu_item
{
	position: relative;
	display: flex;
	padding: 0 20px;
	height: 38px;
	white-space: nowrap;
	text-align: left;
	font-size: 13px;
	font-weight: 500;
	color: #6a6e79;
	align-items: center;
	cursor: pointer;
}

.mm_list_data_col_select_menu_root .mm9_menubutton_menu_item + .mm9_menubutton_menu_item
{
	border-top: 1px solid #ecedf2;
}

.mm_list_data_col_select_menu_root .mm9_menubutton_menu_item.selected_option
{
	background-color: #f2f4f7;
	color: #2f75ff;
	font-weight: bold;
}

.mm_list_data_col_select_menu_root .mm9_menubutton_menu_item.mm9_menubutton_menu_item_selected
{
	background-color: #2f75ff;
	color: #fff;
}

.mm_list_data_col_popup_button
{
	position: relative;
	display: inline-flex;
	margin: 0 5px 0 8px;
	width: 30px;
	height: 30px;
	flex-shrink: 0;
	line-height: 0;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 );
	align-items: center;
	justify-content: center;
	cursor: pointer;
	outline: none;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mm_list_data_col_popup_button.focus
{
	box-shadow: 0 0 0 3px #c7dfff;
}

.mm_list_data_col_popup_button:hover
{
	box-shadow: 0 2px 4px rgba(47, 117, 255, 0.25);
}

.mm_list_data_col_popup_button.active
{
	box-shadow: 0 0 0 3px #c7dfff;
}

.mm_list_data_col_popup_button.disabled
{
	background-color: #fff;
	box-shadow: 0 2px 3px rgba( 47, 117, 255, 0.15 );
}

.mm_list_data_col_popup_button_icon
{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 24px;
	height: 24px;
}

.mm_list_data_col_popup_button_icon_arrow
{
	position: absolute;
	top: 0;
	left: 0;
}

.mm_list_data_col_popup_button_icon_bg1
{
	position: absolute;
	top: 4px;
	left: 5px;
	width: 14px;
	height: 2px;
	background-color: #6a6e79;
	border-radius: 1px;
	transition: 0.2s all linear;
}

.mm_list_data_col_popup_button_icon_arrow_bg1
{
	position: absolute;
	top: 10px;
	left: 9px;
	width: 2px;
	height: 7px;
	background-color: #6a6e79;
	border-radius: 0 0 1px 1px;
	transform: rotate(45deg);
	transition: 0.2s all linear;
}

.mm_list_data_col_popup_button_icon_arrow_bg2
{
	position: absolute;
	top: 10px;
	left: 13px;
	width: 2px;
	height: 7px;
	background-color: #6a6e79;
	border-radius: 0 0 1px 1px;
	transform: rotate(-45deg);
	transition: 0.2s all linear;
}

.mm_list_data_col_popup_button_icon_arrow_bg3
{
	position: absolute;
	top: 12px;
	left: 11px;
	width: 2px;
	height: 9px;
	background-color: #6a6e79;
	border-radius: 0 0 1px 1px;
	transition: 0.2s all linear;
}

.mm_list_data_col_popup_button:hover .mm_list_data_col_popup_button_icon_bg1,
.mm_list_data_col_popup_button:hover .mm_list_data_col_popup_button_icon_arrow_bg1,
.mm_list_data_col_popup_button:hover .mm_list_data_col_popup_button_icon_arrow_bg2,
.mm_list_data_col_popup_button:hover .mm_list_data_col_popup_button_icon_arrow_bg3
{
	background-color: #2f75ff;
}

.mm_list_data_col_popup_button.disabled .mm_list_data_col_popup_button_icon_bg1,
.mm_list_data_col_popup_button.disabled .mm_list_data_col_popup_button_icon_bg2,
.mm_list_data_col_popup_button.disabled .mm_list_data_col_popup_button_icon_bg3,
.mm_list_data_col_popup_button.disabled .mm_list_data_col_popup_button_icon_bg4
{
	background-color: #e0e1e4;
}