/*
 * Miva Merchant
 *
 * This file and the source codes contained herein are the property of
 * Miva, Inc.  Use of this file is restricted to the specific terms and
 * conditions in the License Agreement associated with this file.  Distribution
 * of this file or portions of this file for uses not covered by the License
 * Agreement is not allowed without a written agreement signed by an officer of
 * Miva, Inc.
 *
 * Copyright 1998-2026 Miva, Inc.  All rights reserved.
 * http://www.miva.com
 *
 */

:root
{
	/**********************/
	/*    Theme Colors    */
	/**********************/

	--mm-color-white: #ffffff;

	--mm-color-50: #f9f9fa;
	--mm-color-100: #f0f0f2;
	--mm-color-200: #e4e4e7;
	--mm-color-300: #d4d4d8;
	--mm-color-400: #a1a1aa;
	--mm-color-500: #71717a;
	--mm-color-600: #52525b;
	--mm-color-700: #3f3f46;
	--mm-color-800: #27272a;
	--mm-color-900: #18181b;
	--mm-color-1000: #09090b;

	--mm-color-primary-50: #f1f5ff;
	--mm-color-primary-100: #e5ecff;
	--mm-color-primary-200: #bfd0ff;
	--mm-color-primary-300: #87a7ff;
	--mm-color-primary-400: #5580f9;
	--mm-color-primary-500: #1d4ed8;
	--mm-color-primary-600: #1a41b1;
	--mm-color-primary-700: #163489;
	--mm-color-primary-800: #142b6c;
	--mm-color-primary-900: #11214e;
	--mm-color-primary-1000: #0e1427;

	--mm-color-success-50: #eefdf7;
	--mm-color-success-100: #cffbeb;
	--mm-color-success-200: #a0f5da;
	--mm-color-success-300: #66e9c5;
	--mm-color-success-400: #31d3ac;
	--mm-color-success-500: #12b993;
	--mm-color-success-600: #099579;
	--mm-color-success-700: #0a7763;
	--mm-color-success-800: #0c5f50;
	--mm-color-success-900: #0d4e43;
	--mm-color-success-1000: #032e28;

	--mm-color-caution-50: #fffbeb;
	--mm-color-caution-100: #fef3c7;
	--mm-color-caution-200: #fde68a;
	--mm-color-caution-300: #fcd34d;
	--mm-color-caution-400: #fbbf24;
	--mm-color-caution-500: #ffa815;
	--mm-color-caution-600: #d97706;
	--mm-color-caution-700: #b45309;
	--mm-color-caution-800: #92400e;
	--mm-color-caution-900: #78350f;
	--mm-color-caution-1000: #451a03;

	--mm-color-danger-50: #fef2f2;
	--mm-color-danger-100: #fee2e2;
	--mm-color-danger-200: #fecaca;
	--mm-color-danger-300: #fca5a5;
	--mm-color-danger-400: #f87171;
	--mm-color-danger-500: #f42434;
	--mm-color-danger-600: #dc2626;
	--mm-color-danger-700: #b91c1c;
	--mm-color-danger-800: #991b1b;
	--mm-color-danger-900: #7f1d1d;
	--mm-color-danger-1000: #450a0a;

	/***************/
	/*    Fonts    */
	/***************/

	--mm-font-family: 'Geist', sans-serif;
	--mm-monospace-font-family: 'GeistMono', sans-serif;
	--mm-icon-font-family: 'MivaIcons';

	/***********************/
	/*    Corner Radius    */
	/***********************/

	--mm-corner-radius--s: 4px;
	--mm-corner-radius--m: 8px;
	--mm-corner-radius--l: 12px;
	--mm-corner-radius--xl: 20px;

	/*********************/
	/*    Drop Shadow    */
	/*********************/

	--mm-drop-shadow--s: 0 1px 2px 0 rgb(from var(--mm-color-1000) r g b / 0.05);
	--mm-drop-shadow--m: 0 1px 3px 0 rgb(from var(--mm-color-1000) r g b / 0.10), 0 1px 2px 0 rgb(from var(--mm-color-1000) r g b / 0.06);
	--mm-drop-shadow--l: 0 4px 8px -2px rgb(from var(--mm-color-1000) r g b / 0.08), 0 2px 4px -2px rgb(from var(--mm-color-1000) r g b / 0.04);
	--mm-drop-shadow--xl: 0 12px 16px -4px rgb(from var(--mm-color-1000) r g b / 0.08), 0 4px 6px -2px rgb(from var(--mm-color-1000) r g b / 0.03);

	--mm-drop-shadow-primary--s: 0 4px 6px -2px rgb(from var(--mm-color-primary-500) r g b / 0.06), 0 1px 2px -2px rgb(from var(--mm-color-primary-500) r g b / 0.12);
	--mm-drop-shadow-primary--m: 0 4px 8px -2px rgb(from var(--mm-color-primary-500) r g b / 0.12), 0 2px 4px -2px rgb(from var(--mm-color-primary-500) r g b / 0.06);
	--mm-drop-shadow-primary--l: 0 4px 8px -2px rgb(from var(--mm-color-primary-500) r g b / 0.20), 0 2px 4px -2px rgb(from var(--mm-color-primary-500) r g b / 0.12);
	--mm-drop-shadow-primary--focus: 0 0 0 3px var(--mm-color-primary-200);

	/*******************/
	/*    Scrollbar    */
	/*******************/

	--mm-scrollbar-track-color: transparent;
	--mm-scrollbar-thumb-color: var(--mm-color-300);

	/********************/
	/*    Typography    */
	/********************/

	/* Display 1 */
	--mm-typography-display-1-color: var(--mm-color-900);
	--mm-typography-display-1-font-family: var(--mm-font-family);
	--mm-typography-display-1-font-size: 64px;
	--mm-typography-display-1-font-style: normal;
	--mm-typography-display-1-font-weight: 600;
	--mm-typography-display-1-line-height: 1.1;
	--mm-typography-display-1-letter-spacing: -1.28px;

	/* Display 2 */
	--mm-typography-display-2-color: var(--mm-color-900);
	--mm-typography-display-2-font-family: var(--mm-font-family);
	--mm-typography-display-2-font-size: 48px;
	--mm-typography-display-2-font-style: normal;
	--mm-typography-display-2-font-weight: 600;
	--mm-typography-display-2-line-height: 1.1;
	--mm-typography-display-2-letter-spacing: -0.96px;

	/* Display 3 */
	--mm-typography-display-3-color: var(--mm-color-900);
	--mm-typography-display-3-font-family: var(--mm-font-family);
	--mm-typography-display-3-font-size: 36px;
	--mm-typography-display-3-font-style: normal;
	--mm-typography-display-3-font-weight: 600;
	--mm-typography-display-3-line-height: 1.1;
	--mm-typography-display-3-letter-spacing: -0.36px;

	/* Display 4 */
	--mm-typography-display-4-color: var(--mm-color-900);
	--mm-typography-display-4-font-family: var(--mm-font-family);
	--mm-typography-display-4-font-size: 30px;
	--mm-typography-display-4-font-style: normal;
	--mm-typography-display-4-font-weight: 600;
	--mm-typography-display-4-line-height: 1.1;
	--mm-typography-display-4-letter-spacing: -0.3px;

	/* Display 5 */
	--mm-typography-display-5-color: var(--mm-color-900);
	--mm-typography-display-5-font-family: var(--mm-font-family);
	--mm-typography-display-5-font-size: 24px;
	--mm-typography-display-5-font-style: normal;
	--mm-typography-display-5-font-weight: 600;
	--mm-typography-display-5-line-height: 1.1;
	--mm-typography-display-5-letter-spacing: -0.24px;

	/* Display 6 */
	--mm-typography-display-6-color: var(--mm-color-900);
	--mm-typography-display-6-font-family: var(--mm-font-family);
	--mm-typography-display-6-font-size: 20px;
	--mm-typography-display-6-font-style: normal;
	--mm-typography-display-6-font-weight: 600;
	--mm-typography-display-6-line-height: 1.1;
	--mm-typography-display-6-letter-spacing: -0.2px;

	/* Display 7 */
	--mm-typography-display-7-color: var(--mm-color-900);
	--mm-typography-display-7-font-family: var(--mm-font-family);
	--mm-typography-display-7-font-size: 18px;
	--mm-typography-display-7-font-style: normal;
	--mm-typography-display-7-font-weight: 600;
	--mm-typography-display-7-line-height: 1.1;
	--mm-typography-display-7-letter-spacing: 0;

	/* Paragraph Large */
	--mm-typography-paragraph-large-color: var(--mm-color-600);
	--mm-typography-paragraph-large-font-family: var(--mm-font-family);
	--mm-typography-paragraph-large-font-size: 16px;
	--mm-typography-paragraph-large-font-style: normal;
	--mm-typography-paragraph-large-font-weight: 400;
	--mm-typography-paragraph-large-line-height: 1.4;
	--mm-typography-paragraph-large-letter-spacing: 0;

	/* Paragraph Medium */
	--mm-typography-paragraph-medium-color: var(--mm-color-600);
	--mm-typography-paragraph-medium-font-family: var(--mm-font-family);
	--mm-typography-paragraph-medium-font-size: 14px;
	--mm-typography-paragraph-medium-font-style: normal;
	--mm-typography-paragraph-medium-font-weight: 400;
	--mm-typography-paragraph-medium-line-height: 1.4;
	--mm-typography-paragraph-medium-letter-spacing: 0;

	/* Paragraph Small */
	--mm-typography-paragraph-small-color: var(--mm-color-600);
	--mm-typography-paragraph-small-font-family: var(--mm-font-family);
	--mm-typography-paragraph-small-font-size: 12px;
	--mm-typography-paragraph-small-font-style: normal;
	--mm-typography-paragraph-small-font-weight: 400;
	--mm-typography-paragraph-small-line-height: 1.4;
	--mm-typography-paragraph-small-letter-spacing: 0;
}:root
{
	/* Common Button */
	--mm-button-display: inline-flex;
	--mm-button-radius: var(--mm-corner-radius--m);
	--mm-button-height: var(--mm-button-height--m);
	--mm-button-height--s: 30px;
	--mm-button-height--m: 36px;
	--mm-button-height--l: 40px;
	--mm-button-height--xl: 48px;
	--mm-button-padding-left-right: var(--mm-button-padding-left-right--m);
	--mm-button-padding-left-right--s: 12px;
	--mm-button-padding-left-right--m: 16px;
	--mm-button-padding-left-right--l: 20px;
	--mm-button-padding-left-right--xl: 28px;
	--mm-button-padding-top-bottom: var(--mm-button-padding-top-bottom--m);
	--mm-button-padding-top-bottom--s: 0;
	--mm-button-padding-top-bottom--m: 0;
	--mm-button-padding-top-bottom--l: 0;
	--mm-button-padding-top-bottom--xl: 0;
	--mm-button-justify-content: center;
	--mm-button-align-items: center;
	--mm-button-font-family: var(--mm-font-family);
	--mm-button-font-style: normal;
	--mm-button-font-weight: 600;
	--mm-button-line-height: 1;
	--mm-button-letter-spacing: 0;
	--mm-button-font-size: var(--mm-button-font-size--m);
	--mm-button-font-size--s: 12px;
	--mm-button-font-size--m: 14px;
	--mm-button-font-size--l: 16px;
	--mm-button-font-size--xl: 16px;
	--mm-button-outline-width: 3px;
	--mm-button-outline-style: solid;
	--mm-button-outline-offset: 3px;
	--mm-button-link-outline-offset: 6px;

	/* Base 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);

	/* Base Button Link */
	--mm-button-base-link-font-weight: 500;
	--mm-button-base-link-color: var(--mm-button-link-color);
	--mm-button-base-link-text-decoration-line: var(--mm-button-base-link-text-decoration-line--m);
	--mm-button-base-link-text-decoration-line--s: none;
	--mm-button-base-link-text-decoration-line--m: none;
	--mm-button-base-link-text-decoration-line--l: none;
	--mm-button-base-link-text-decoration-line--xl: underline;
	--mm-button-base-link-text-decoration-thickness: var(--mm-button-base-link-text-decoration-thickness--m);
	--mm-button-base-link-text-decoration-thickness--s: 8%;
	--mm-button-base-link-text-decoration-thickness--m: 8%;
	--mm-button-base-link-text-decoration-thickness--l: 8%;
	--mm-button-base-link-text-decoration-thickness--xl: 8%;
	--mm-button-base-link-text-underline-offset: var(--mm-button-base-link-text-underline-offset--m);
	--mm-button-base-link-text-underline-offset--s: 3px;
	--mm-button-base-link-text-underline-offset--m: 3px;
	--mm-button-base-link-text-underline-offset--l: 3px;
	--mm-button-base-link-text-underline-offset--xl: 3px;
	--mm-button-base-link-height: var(--mm-button-base-link-height--m);
	--mm-button-base-link-height--s: auto;
	--mm-button-base-link-height--m: auto;
	--mm-button-base-link-height--l: auto;
	--mm-button-base-link-height--xl: auto;
	--mm-button-base-link-radius: var(--mm-corner-radius--s);

	--mm-button-base-link-color--hover: var(--mm-button-link-color--hover);
	--mm-button-base-link-text-decoration-line--hover: var(--mm-button-base-link-text-decoration-line--m--hover);
	--mm-button-base-link-text-decoration-line--s--hover: underline;
	--mm-button-base-link-text-decoration-line--m--hover: underline;
	--mm-button-base-link-text-decoration-line--l--hover: underline;
	--mm-button-base-link-text-decoration-line--xl--hover: underline;
	--mm-button-base-link-text-decoration-thickness--hover: var(--mm-button-base-link-text-decoration-thickness--m--hover);
	--mm-button-base-link-text-decoration-thickness--s--hover: 8%;
	--mm-button-base-link-text-decoration-thickness--m--hover: 8%;
	--mm-button-base-link-text-decoration-thickness--l--hover: 8%;
	--mm-button-base-link-text-decoration-thickness--xl--hover: 8%;
	--mm-button-base-link-text-underline-offset--hover: var(--mm-button-base-link-text-underline-offset--m--hover);
	--mm-button-base-link-text-underline-offset--s--hover: 3px;
	--mm-button-base-link-text-underline-offset--m--hover: 3px;
	--mm-button-base-link-text-underline-offset--l--hover: 3px;
	--mm-button-base-link-text-underline-offset--xl--hover: 3px;

	--mm-button-base-link-color--active: var(--mm-button-link-color--active);
	--mm-button-base-link-text-decoration-line--active: var(--mm-button-base-link-text-decoration-line--m--active);
	--mm-button-base-link-text-decoration-line--s--active: underline;
	--mm-button-base-link-text-decoration-line--m--active: underline;
	--mm-button-base-link-text-decoration-line--l--active: underline;
	--mm-button-base-link-text-decoration-line--xl--active: underline;
	--mm-button-base-link-text-decoration-thickness--active: var(--mm-button-base-link-text-decoration-thickness--m--active);
	--mm-button-base-link-text-decoration-thickness--s--active: 8%;
	--mm-button-base-link-text-decoration-thickness--m--active: 8%;
	--mm-button-base-link-text-decoration-thickness--l--active: 8%;
	--mm-button-base-link-text-decoration-thickness--xl--active: 8%;
	--mm-button-base-link-text-underline-offset--active: var(--mm-button-base-link-text-underline-offset--m--active);
	--mm-button-base-link-text-underline-offset--s--active: 3px;
	--mm-button-base-link-text-underline-offset--m--active: 3px;
	--mm-button-base-link-text-underline-offset--l--active: 3px;
	--mm-button-base-link-text-underline-offset--xl--active: 3px;

	--mm-button-base-link-color--focus: var(--mm-button-link-color--focus);
	--mm-button-base-link-text-decoration-line--focus: var(--mm-button-base-link-text-decoration-line--m--focus);
	--mm-button-base-link-text-decoration-line--s--focus: none;
	--mm-button-base-link-text-decoration-line--m--focus: none;
	--mm-button-base-link-text-decoration-line--l--focus: none;
	--mm-button-base-link-text-decoration-line--xl--focus: underline;
	--mm-button-base-link-text-underline-offset--focus: var(--mm-button-base-link-text-underline-offset--m--focus);
	--mm-button-base-link-text-underline-offset--s--focus: 3px;
	--mm-button-base-link-text-underline-offset--m--focus: 3px;
	--mm-button-base-link-text-underline-offset--l--focus: 3px;
	--mm-button-base-link-text-underline-offset--xl--focus: 3px;
	--mm-button-base-link-outline--focus: var(--mm-button-link-outline--focus);

	--mm-button-base-link-color--disabled: var(--mm-button-link-color--disabled);
	--mm-button-base-link-text-decoration-line--disabled: var(--mm-button-base-link-text-decoration-line--m--disabled);
	--mm-button-base-link-text-decoration-line--s--disabled: none;
	--mm-button-base-link-text-decoration-line--m--disabled: none;
	--mm-button-base-link-text-decoration-line--l--disabled: none;
	--mm-button-base-link-text-decoration-line--xl--disabled: none;
	--mm-button-base-link-text-underline-offset--disabled: var(--mm-button-base-link-text-underline-offset--m--disabled);
	--mm-button-base-link-text-underline-offset--s--disabled: 3px;
	--mm-button-base-link-text-underline-offset--m--disabled: 3px;
	--mm-button-base-link-text-underline-offset--l--disabled: 3px;
	--mm-button-base-link-text-underline-offset--xl--disabled: 3px;

	/* Primary Button */
	--mm-button-primary-color: var(--mm-color-white);
	--mm-button-primary-background: var(--mm-color-primary-500);
	--mm-button-primary-border: 1px solid var(--mm-color-primary-500);
	--mm-button-primary-shadow: none;
	--mm-button-primary-hybrid-divider-color: var(--mm-color-primary-400);

	--mm-button-primary-color--hover: var(--mm-color-white);
	--mm-button-primary-background--hover: var(--mm-color-primary-600);
	--mm-button-primary-border--hover: 1px solid var(--mm-color-primary-600);
	--mm-button-primary-shadow--hover: none;
	--mm-button-primary-hybrid-divider-color--hover: var(--mm-color-primary-400);

	--mm-button-primary-color--active: var(--mm-color-white);
	--mm-button-primary-background--active: var(--mm-color-primary-700);
	--mm-button-primary-border--active: 1px solid var(--mm-color-primary-700);
	--mm-button-primary-shadow--active: none;
	--mm-button-primary-hybrid-divider-color--active: var(--mm-color-primary-400);

	--mm-button-primary-color--focus: var(--mm-color-white);
	--mm-button-primary-background--focus: var(--mm-color-primary-500);
	--mm-button-primary-border--focus: 1px solid var(--mm-color-primary-500);
	--mm-button-primary-shadow--focus: none;
	--mm-button-primary-shadow--focus: none;
	--mm-button-primary-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-primary-200);
	--mm-button-primary-hybrid-divider-color--focus: var(--mm-color-primary-400);

	--mm-button-primary-color--disabled: var(--mm-color-primary-50);
	--mm-button-primary-background--disabled: var(--mm-color-primary-200);
	--mm-button-primary-border--disabled: 1px solid var(--mm-color-primary-200);
	--mm-button-primary-shadow--disabled: none;
	--mm-button-primary-hybrid-divider-color--disabled: var(--mm-color-primary-50);

	/* Secondary Button */
	--mm-button-secondary-color: var(--mm-color-700);
	--mm-button-secondary-background: var(--mm-color-white);
	--mm-button-secondary-border: 1px solid var(--mm-color-300);
	--mm-button-secondary-shadow: none;
	--mm-button-secondary-hybrid-divider-color: var(--mm-color-300);

	--mm-button-secondary-color--hover: var(--mm-color-700);
	--mm-button-secondary-background--hover: var(--mm-color-50);
	--mm-button-secondary-border--hover: 1px solid var(--mm-color-300);
	--mm-button-secondary-shadow--hover: var(--mm-drop-shadow--m);
	--mm-button-secondary-hybrid-divider-color--hover: var(--mm-color-300);

	--mm-button-secondary-color--active: var(--mm-color-700);
	--mm-button-secondary-background--active: var(--mm-color-100);
	--mm-button-secondary-border--active: 1px solid var(--mm-color-300);
	--mm-button-secondary-shadow--active: var(--mm-drop-shadow--m);
	--mm-button-secondary-hybrid-divider-color--active: var(--mm-color-300);

	--mm-button-secondary-color--focus: var(--mm-color-700);
	--mm-button-secondary-background--focus: var(--mm-color-white);
	--mm-button-secondary-border--focus: 1px solid var(--mm-color-300);
	--mm-button-secondary-shadow--focus: none;
	--mm-button-secondary-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-primary-200);
	--mm-button-secondary-hybrid-divider-color--focus: var(--mm-color-300);

	--mm-button-secondary-color--disabled: var(--mm-color-300);
	--mm-button-secondary-background--disabled: var(--mm-color-white);
	--mm-button-secondary-border--disabled: 1px solid var(--mm-color-100);
	--mm-button-secondary-shadow--disabled: none;
	--mm-button-secondary-hybrid-divider-color--disabled: var(--mm-color-100);

	/* Alternate Button */
	--mm-button-alternate-color: var(--mm-color-primary-500);
	--mm-button-alternate-background: var(--mm-color-primary-50);
	--mm-button-alternate-border: 1px solid var(--mm-color-primary-200);
	--mm-button-alternate-shadow: var(--mm-drop-shadow-primary--s);
	--mm-button-alternate-hybrid-divider-color: var(--mm-color-primary-200);

	--mm-button-alternate-color--hover: var(--mm-color-primary-500);
	--mm-button-alternate-background--hover: var(--mm-color-primary-100);
	--mm-button-alternate-border--hover: 1px solid var(--mm-color-primary-200);
	--mm-button-alternate-shadow--hover: var(--mm-drop-shadow-primary--s);
	--mm-button-alternate-hybrid-divider-color--hover: var(--mm-color-primary-200);

	--mm-button-alternate-color--active: var(--mm-color-white);
	--mm-button-alternate-background--active: var(--mm-color-primary-700);
	--mm-button-alternate-border--active: 1px solid var(--mm-color-primary-700);
	--mm-button-alternate-shadow--active: var(--mm-drop-shadow-primary--s);
	--mm-button-alternate-hybrid-divider-color--active: var(--mm-color-primary-700);

	--mm-button-alternate-color--focus: var(--mm-color-primary-500);
	--mm-button-alternate-background--focus: var(--mm-color-primary-50);
	--mm-button-alternate-border--focus: 1px solid var(--mm-color-primary-200);
	--mm-button-alternate-shadow--focus: none;
	--mm-button-alternate-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-primary-200);
	--mm-button-alternate-hybrid-divider-color--focus: var(--mm-color-primary-200);

	--mm-button-alternate-color--disabled: var(--mm-color-primary-200);
	--mm-button-alternate-background--disabled: var(--mm-color-primary-50);
	--mm-button-alternate-border--disabled: 1px solid var(--mm-color-primary-50);
	--mm-button-alternate-shadow--disabled: none;
	--mm-button-alternate-hybrid-divider-color--disabled: var(--mm-color-primary-200);

	/* Link Button */
	--mm-button-link-color: var(--mm-color-primary-500);
	--mm-button-link-color--focus: var(--mm-color-primary-500);
	--mm-button-link-color--hover: var(--mm-color-primary-600);
	--mm-button-link-color--active: var(--mm-color-primary-700);
	--mm-button-link-color--disabled: var(--mm-color-primary-200);
	--mm-button-link-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-primary-200);

	/* Secondary-Link Button */
	--mm-button-secondary-link-font-weight: 400;
	--mm-button-secondary-link-color: var(--mm-color-900);
	--mm-button-secondary-link-color--focus: var(--mm-color-900);
	--mm-button-secondary-link-color--hover: var(--mm-color-primary-500);
	--mm-button-secondary-link-color--active: var(--mm-color-primary-700);
	--mm-button-secondary-link-color--disabled: var(--mm-color-200);
	--mm-button-secondary-link-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-primary-200);
	--mm-button-secondary-link-text-decoration-line--s: underline;
	--mm-button-secondary-link-text-decoration-line--m: underline;
	--mm-button-secondary-link-text-decoration-line--l: underline;
	--mm-button-secondary-link-text-decoration-line--xl: underline;

	/* Negative Primary Button */
	--mm-button-destructive-primary-color: var(--mm-color-white);
	--mm-button-destructive-primary-background: var(--mm-color-danger-600);
	--mm-button-destructive-primary-border: 1px solid var(--mm-color-danger-600);
	--mm-button-destructive-primary-shadow: none;
	--mm-button-destructive-primary-hybrid-divider-color: var(--mm-color-danger-400);

	--mm-button-destructive-primary-color--hover: var(--mm-color-white);
	--mm-button-destructive-primary-background--hover: var(--mm-color-danger-700);
	--mm-button-destructive-primary-border--hover: 1px solid var(--mm-color-danger-700);
	--mm-button-destructive-primary-shadow--hover: none;
	--mm-button-destructive-primary-hybrid-divider-color--hover: var(--mm-color-danger-400);

	--mm-button-destructive-primary-color--active: var(--mm-color-white);
	--mm-button-destructive-primary-background--active: var(--mm-color-danger-800);
	--mm-button-destructive-primary-border--active: 1px solid var(--mm-color-danger-800);
	--mm-button-destructive-primary-shadow--active: none;
	--mm-button-destructive-primary-hybrid-divider-color--active: var(--mm-color-danger-400);

	--mm-button-destructive-primary-color--focus: var(--mm-color-white);
	--mm-button-destructive-primary-background--focus: var(--mm-color-danger-600);
	--mm-button-destructive-primary-border--focus: 1px solid var(--mm-color-danger-600);
	--mm-button-destructive-primary-shadow--focus: none;
	--mm-button-destructive-primary-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-danger-200);
	--mm-button-destructive-primary-hybrid-divider-color--focus: var(--mm-color-danger-400);

	--mm-button-destructive-primary-color--disabled: var(--mm-color-danger-50);
	--mm-button-destructive-primary-background--disabled: var(--mm-color-danger-200);
	--mm-button-destructive-primary-border--disabled: 1px solid var(--mm-color-danger-200);
	--mm-button-destructive-primary-shadow--disabled: none;
	--mm-button-destructive-primary-hybrid-divider-color--disabled: var(--mm-color-danger-200);

	/* Negative Secondary Button */
	--mm-button-destructive-secondary-color: var(--mm-color-danger-600);
	--mm-button-destructive-secondary-background: var(--mm-color-white);
	--mm-button-destructive-secondary-border: 1px solid var(--mm-color-danger-300);
	--mm-button-destructive-secondary-shadow: none;
	--mm-button-destructive-secondary-hybrid-divider-color: var(--mm-color-danger-300);

	--mm-button-destructive-secondary-color--hover: var(--mm-color-danger-600);
	--mm-button-destructive-secondary-background--hover: var(--mm-color-danger-50);
	--mm-button-destructive-secondary-border--hover: 1px solid var(--mm-color-danger-300);
	--mm-button-destructive-secondary-shadow--hover: none;
	--mm-button-destructive-secondary-hybrid-divider-color--hover: var(--mm-color-danger-300);

	--mm-button-destructive-secondary-color--active: var(--mm-color-danger-600);
	--mm-button-destructive-secondary-background--active: var(--mm-color-danger-100);
	--mm-button-destructive-secondary-border--active: 1px solid var(--mm-color-danger-300);
	--mm-button-destructive-secondary-shadow--active: none;
	--mm-button-destructive-secondary-hybrid-divider-color--active: var(--mm-color-danger-300);

	--mm-button-destructive-secondary-color--focus: var(--mm-color-danger-600);
	--mm-button-destructive-secondary-background--focus: var(--mm-color-white);
	--mm-button-destructive-secondary-border--focus: 1px solid var(--mm-color-danger-300);
	--mm-button-destructive-secondary-shadow--focus: none;
	--mm-button-destructive-secondary-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-danger-200);
	--mm-button-destructive-secondary-hybrid-divider-color--focus: var(--mm-color-danger-300);

	--mm-button-destructive-secondary-color--disabled: var(--mm-color-danger-200);
	--mm-button-destructive-secondary-background--disabled: var(--mm-color-white);
	--mm-button-destructive-secondary-border--disabled: 1px solid var(--mm-color-danger-100);
	--mm-button-destructive-secondary-shadow--disabled: none;
	--mm-button-destructive-secondary-hybrid-divider-color--disabled: var(--mm-color-danger-100);
}:root
{
	/* Core */
	--mm-field-prompt-font-family: var(--mm-font-family);
	--mm-field-prompt-font-size: var(--mm-field-prompt-font-size--m);
	--mm-field-prompt-font-size--s: 12px;
	--mm-field-prompt-font-size--m: 14px;
	--mm-field-prompt-font-size--l: 14px;
	--mm-field-prompt-font-size--xl: 16px;
	--mm-field-prompt-font-style: normal;
	--mm-field-prompt-font-weight: 500;
	--mm-field-prompt-line-height: 1.4;
	--mm-field-prompt-letter-spacing: 0;
	--mm-field-prompt-text-color: var(--mm-color-900);
	--mm-field-sub-prompt-font-family: var(--mm-font-family);
	--mm-field-sub-prompt-font-size: var(--mm-field-prompt-font-size--m);
	--mm-field-sub-prompt-font-size--s: 11px;
	--mm-field-sub-prompt-font-size--m: 12px;
	--mm-field-sub-prompt-font-size--l: 12px;
	--mm-field-sub-prompt-font-size--xl: 15px;
	--mm-field-sub-prompt-font-style: normal;
	--mm-field-sub-prompt-font-weight: normal;
	--mm-field-sub-prompt-line-height: 1.4;
	--mm-field-sub-prompt-letter-spacing: 0;
	--mm-field-sub-prompt-text-color: var(--mm-color-900);
	--mm-field-font-family: var(--mm-font-family);
	--mm-field-font-size: var(--mm-field-font-size--m);
	--mm-field-font-size--s: 12px;
	--mm-field-font-size--m: 14px;
	--mm-field-font-size--l: 14px;
	--mm-field-font-size--xl: 16px;
	--mm-field-font-style: normal;
	--mm-field-font-weight: 400;
	--mm-field-line-height: 1;
	--mm-field-multiline-line-height: 1.4;
	--mm-field-letter-spacing: 0;
	--mm-field-text-color: var(--mm-color-700);
	--mm-field-text-color--readonly: var(--mm-color-700);
	--mm-field-text-color--disabled: var(--mm-color-400);
	--mm-field-text-color-placeholder: var(--mm-color-400);
	--mm-field-background-color: var(--mm-color-white);
	--mm-field-background-color--readonly: var(--mm-color-50);
	--mm-field-background-color--disabled: var(--mm-color-100);
	--mm-field-border-color: var(--mm-color-200);
	--mm-field-border-color--focus: var(--mm-color-primary-300);
	--mm-field-border-color--readonly: var(--mm-color-200);
	--mm-field-border-color--readonly--focus: var(--mm-color-400);
	--mm-field-border-color--disabled: var(--mm-color-200);
	--mm-field-border-color--invalid: var(--mm-color-danger-400);
	--mm-field-border: 1px solid var(--mm-field-border-color);
	--mm-field-border--focus: 1px solid var(--mm-field-border-color--focus);
	--mm-field-border--readonly: 1px solid var(--mm-field-border-color--readonly);
	--mm-field-border--readonly--focus: 1px solid var(--mm-field-border-color--readonly--focus);
	--mm-field-border--disabled: 1px solid var(--mm-field-border-color--disabled);
	--mm-field-border--invalid: 1px solid var(--mm-field-border-color--invalid);
	--mm-field-border-radius: var(--mm-corner-radius--m);
	--mm-field-inner-border-radius: var(--mm-corner-radius--s);
	--mm-field-invalid-icon-color: var(--mm-color-danger-500);
	--mm-field-invalid-icon-dimension: var(--mm-field-invalid-icon-dimension--m);
	--mm-field-invalid-icon-dimension--s: 16px;
	--mm-field-invalid-icon-dimension--m: 20px;
	--mm-field-invalid-icon-dimension--l: 20px;
	--mm-field-invalid-icon-dimension--xl: 24px;
	--mm-field-invalid-message-text-color: var(--mm-color-white);
	--mm-field-invalid-message-background-color: var(--mm-color-danger-600);
	--mm-field-invalid-message-border-radius: var(--mm-corner-radius--m);
	--mm-field-shadow: var(--mm-drop-shadow--s);

	/* Link */
	--mm-field-link-color: var(--mm-color-primary-500);

	/* Input */
	--mm-field-input-padding: var(--mm-field-input-padding--m);
	--mm-field-input-height: var(--mm-field-input-height--m);
	--mm-field-input-height--s: 30px;
	--mm-field-input-height--m: 36px;
	--mm-field-input-height--l: 40px;
	--mm-field-input-height--xl: 48px;
	--mm-field-input-padding--s: 0 12px;
	--mm-field-input-padding--m: 0 12px;
	--mm-field-input-padding--l: 0 12px;
	--mm-field-input-padding--xl: 0 12px;
	--mm-field-input-title-margin-top: var(--mm-field-input-title-margin-top--m);
	--mm-field-input-title-margin-top--s: 25px;
	--mm-field-input-title-margin-top--m: 28px;
	--mm-field-input-title-margin-top--l: 28px;
	--mm-field-input-title-margin-top--xl: 30px;
	--mm-field-input-text-color: var(--mm-field-text-color);
	--mm-field-input-text-color--readonly: var(--mm-field-text-color--readonly);
	--mm-field-input-text-color--disabled: var(--mm-field-text-color--disabled);
	--mm-field-input-text-color-placeholder: var(--mm-field-text-color-placeholder);
	--mm-field-input-text-color-prefix: var(--mm-field-text-color);
	--mm-field-input-text-color-prefix--readonly: var(--mm-field-text-color--readonly);
	--mm-field-input-text-color-prefix--disabled: var(--mm-field-text-color--disabled);
	--mm-field-input-text-color-label: var(--mm-field-text-color);
	--mm-field-input-text-color-label--readonly: var(--mm-field-text-color--readonly);
	--mm-field-input-text-color-label--disabled: var(--mm-field-text-color--disabled);
	--mm-field-input-background-color: var(--mm-field-background-color);
	--mm-field-input-background-color--readonly: var(--mm-field-background-color--readonly);
	--mm-field-input-background-color--disabled: var(--mm-field-background-color--disabled);
	--mm-field-input-border: var(--mm-field-border);
	--mm-field-input-border--focus: var(--mm-field-border--focus);
	--mm-field-input-border--readonly: var(--mm-field-border--readonly);
	--mm-field-input-border--readonly--focus: var(--mm-field-border--readonly--focus);
	--mm-field-input-border--invalid: var(--mm-field-border--invalid);
	--mm-field-input-border--disabled: var(--mm-field-border--disabled);
	--mm-field-input-border-radius: var(--mm-field-border-radius);
	--mm-field-input-shadow: var(--mm-field-shadow);
	--mm-field-input-shadow--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--focus);
	--mm-field-input-shadow--readonly--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--readonly--focus);
	--mm-field-input-shadow--invalid--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--invalid);
	--mm-field-input-button-height: calc(var(--mm-field-input-height) - 8px);
	--mm-field-input-button-border-radius: var(--mm-corner-radius--s);
	--mm-field-input-search-icon-color: var(--mm-color-500);
	--mm-field-input-search-icon-color--focus: var(--mm-color-500);
	--mm-field-input-search-icon-color--disabled: var(--mm-color-400);

	/* Weight-Input */
	--mm-field-weight-input-padding: var(--mm-field-weight-input-padding--m);
	--mm-field-weight-input-height: var(--mm-field-weight-input-height--m);
	--mm-field-weight-input-height--s: 30px;
	--mm-field-weight-input-height--m: 36px;
	--mm-field-weight-input-height--l: 40px;
	--mm-field-weight-input-height--xl: 48px;
	--mm-field-weight-input-padding--s: 0 12px;
	--mm-field-weight-input-padding--m: 0 12px;
	--mm-field-weight-input-padding--l: 0 12px;
	--mm-field-weight-input-padding--xl: 0 12px;
	--mm-field-weight-input-text-color: var(--mm-field-text-color);
	--mm-field-weight-input-text-color--readonly: var(--mm-field-text-color--readonly);
	--mm-field-weight-input-text-color--disabled: var(--mm-field-text-color--disabled);
	--mm-field-weight-input-text-color-placeholder: var(--mm-field-text-color-placeholder);
	--mm-field-weight-input-text-color-prefix: var(--mm-field-text-color);
	--mm-field-weight-input-text-color-prefix--readonly: var(--mm-field-text-color--readonly);
	--mm-field-weight-input-text-color-prefix--disabled: var(--mm-field-text-color--disabled);
	--mm-field-weight-input-text-color-label: var(--mm-field-text-color);
	--mm-field-weight-input-text-color-label--readonly: var(--mm-field-text-color--readonly);
	--mm-field-weight-input-text-color-label--disabled: var(--mm-field-text-color--disabled);
	--mm-field-weight-input-background-color: var(--mm-field-background-color);
	--mm-field-weight-input-background-color--readonly: var(--mm-field-background-color--readonly);
	--mm-field-weight-input-background-color--disabled: var(--mm-field-background-color--disabled);
	--mm-field-weight-input-border: var(--mm-field-border);
	--mm-field-weight-input-border--focus: var(--mm-field-border--focus);
	--mm-field-weight-input-border--readonly: var(--mm-field-border--readonly);
	--mm-field-weight-input-border--readonly--focus: var(--mm-field-border--readonly--focus);
	--mm-field-weight-input-border--invalid: var(--mm-field-border--invalid);
	--mm-field-weight-input-border--disabled: var(--mm-field-border--disabled);
	--mm-field-weight-input-border-radius: var(--mm-field-border-radius);
	--mm-field-weight-input-shadow: var(--mm-field-shadow);
	--mm-field-weight-input-shadow--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--focus);
	--mm-field-weight-input-shadow--readonly--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--readonly--focus);
	--mm-field-weight-input-shadow--invalid--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--invalid);
	--mm-field-weight-input-units-button-padding: 0 12px;
	--mm-field-weight-input-units-button-border-left-color: var(--mm-field-border-color);
	--mm-field-weight-input-units-button-border-left-color--readonly: var(--mm-field-border-color--readonly);
	--mm-field-weight-input-units-button-border-left-color--invalid: var(--mm-field-border-color--invalid);
	--mm-field-weight-input-units-button-border-left-color--disabled: var(--mm-field-border-color--disabled);
	--mm-field-weight-input-units-button-text-color: var(--mm-field-text-color);
	--mm-field-weight-input-units-button-text-color--active: var(--mm-color-primary-500);
	--mm-field-weight-input-units-button-text-color--readonly: var(--mm-field-text-color--readonly);
	--mm-field-weight-input-units-button-text-color--disabled: var(--mm-field-text-color--disabled);
	--mm-field-weight-input-units-button-dropdown-color: var(--mm-field-text-color);
	--mm-field-weight-input-units-button-dropdown-color--readonly: var(--mm-field-text-color--readonly);
	--mm-field-weight-input-units-button-dropdown-color--disabled: var(--mm-field-text-color--disabled);
	--mm-field-weight-input-units-button-border-radius: var(--mm-corner-radius--s);

	/* Select */
	--mm-field-select-padding: var(--mm-field-select-padding--m);
	--mm-field-select-padding--s: 0 37px 0 12px;
	--mm-field-select-padding--m: 0 37px 0 12px;
	--mm-field-select-padding--l: 0 37px 0 12px;
	--mm-field-select-padding--xl: 0 37px 0 12px;
	--mm-field-select-height: var(--mm-field-select-height--m);
	--mm-field-select-height--s: 30px;
	--mm-field-select-height--m: 36px;
	--mm-field-select-height--l: 40px;
	--mm-field-select-height--xl: 48px;
	--mm-field-select-title-margin-top: var(--mm-field-select-title-margin-top--m);
	--mm-field-select-title-margin-top--s: 25px;
	--mm-field-select-title-margin-top--m: 28px;
	--mm-field-select-title-margin-top--l: 28px;
	--mm-field-select-title-margin-top--xl: 30px;
	--mm-field-select-text-color: var(--mm-field-text-color);
	--mm-field-select-text-color--readonly: var(--mm-field-text-color--readonly);
	--mm-field-select-text-color--disabled: var(--mm-field-text-color--disabled);
	--mm-field-select-background-color: var(--mm-field-background-color);
	--mm-field-select-background-color--readonly: var(--mm-field-background-color--readonly);
	--mm-field-select-background-color--disabled: var(--mm-field-background-color--disabled);
	--mm-field-select-border: var(--mm-field-border);
	--mm-field-select-border--focus: var(--mm-field-border--focus);
	--mm-field-select-border--readonly: var(--mm-field-border--readonly);
	--mm-field-select-border--readonly--focus: var(--mm-field-border--readonly--focus);
	--mm-field-select-border--invalid: var(--mm-field-border--invalid);
	--mm-field-select-border--disabled: var(--mm-field-border--disabled);
	--mm-field-select-border-radius: var(--mm-field-border-radius);
	--mm-field-select-shadow: var(--mm-field-shadow);
	--mm-field-select-shadow--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--focus);
	--mm-field-select-shadow--readonly--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--readonly--focus);
	--mm-field-select-shadow--invalid--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--invalid);
	--mm-field-select-dropdown-color: var(--mm-color-600);
	--mm-field-select-dropdown-color--disabled: var(--mm-color-400);

	/* Legacy Select */
	--mm-legacy-field-select-dropdown-url: url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm10_select_dropdown.png');
	--mm-legacy-field-checkbox-background-url: url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm9_checkbox_background.png');
	--mm-legacy-field-checkbox-foreground-url: url('https://www.kittenkaboodle.com/mm5/graphics/en-US/admin/mm9_checkbox_foreground.png');

	/* Selector */
	--mm-field-selector-height: var(--mm-field-selector-height--m);
	--mm-field-selector-height--s: 30px;
	--mm-field-selector-height--m: 36px;
	--mm-field-selector-height--l: 40px;
	--mm-field-selector-height--xl: 48px;
	--mm-field-selector-background-color: var(--mm-color-50);
	--mm-field-selector-background-color--readonly: var(--mm-field-background-color--readonly);
	--mm-field-selector-background-color--disabled: var(--mm-field-background-color--disabled);
	--mm-field-selector-border-radius: var(--mm-corner-radius--m);
	--mm-field-selector-border: var(--mm-field-border);
	--mm-field-selector-border--focus: var(--mm-field-border);
	--mm-field-selector-border--readonly: var(--mm-field-border--readonly);
	--mm-field-selector-border--readonly--focus: var(--mm-field-border--readonly);
	--mm-field-selector-border--invalid: var(--mm-field-border--invalid);
	--mm-field-selector-border--disabled: var(--mm-field-border--disabled);
	--mm-field-selector-option-padding: var(--mm-field-selector-option-padding--m);
	--mm-field-selector-option-padding--s: 0 10px;
	--mm-field-selector-option-padding--m: 0 12px;
	--mm-field-selector-option-padding--l: 0 12px;
	--mm-field-selector-option-padding--xl: 0 16px;
	--mm-field-selector-option-border-radius: 6px;
	--mm-field-selector-option-font-weight: 500;
	--mm-field-selector-option-text-color: var(--mm-field-text-color);
	--mm-field-selector-option-text-color--active: var(--mm-color-primary-500);
	--mm-field-selector-option-text-color--readonly: var(--mm-color-600);
	--mm-field-selector-option-text-color--invalid: var(--mm-color-danger-600);
	--mm-field-selector-option-text-color--disabled: var(--mm-color-300);
	--mm-field-selector-option-background-color: var(--mm-field-background-color);
	--mm-field-selector-option-background-color--readonly: var(--mm-field-background-color);
	--mm-field-selector-option-background-color--disabled: var(--mm-field-background-color--disabled);
	--mm-field-selector-option-shadow: var(--mm-drop-shadow--m);
	--mm-field-selector-option-outline: none;
	--mm-field-selector-option-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-primary-200);

	/* Multi-Select */
	--mm-field-multiselect-header-height: var(--mm-field-multiselect-header-height--m);
	--mm-field-multiselect-header-height--s: var(--mm-field-multiselect-header-height--m);
	--mm-field-multiselect-header-height--m: 36px;
	--mm-field-multiselect-header-height--l: 44px;
	--mm-field-multiselect-header-height--xl: 46px;
	--mm-field-multiselect-header-padding: var(--mm-field-multiselect-header-padding--m);
	--mm-field-multiselect-header-padding--s: 0 16px;
	--mm-field-multiselect-header-padding--m: 0 16px;
	--mm-field-multiselect-header-padding--l: 0 16px;
	--mm-field-multiselect-header-padding--xl: 0 16px;
	--mm-field-multiselect-header-text-color: var(--mm-color-600);
	--mm-field-multiselect-header-text-color--disabled: var(--mm-color-300);
	--mm-field-multiselect-header-background-color: var(--mm-color-50);
	--mm-field-multiselect-header-background-color--invalid: var(--mm-color-danger-50);
	--mm-field-multiselect-header-background-color--readonly: var(--mm-color-200);
	--mm-field-multiselect-header-border: 1px solid var(--mm-color-200);
	--mm-field-multiselect-header-border--invalid: 1px solid var(--mm-color-danger-50);
	--mm-field-multiselect-border: var(--mm-field-border);
	--mm-field-multiselect-border--focus: var(--mm-field-border--focus);
	--mm-field-multiselect-border--readonly: var(--mm-field-border--readonly);
	--mm-field-multiselect-border--readonly--focus: var(--mm-field-border--readonly--focus);
	--mm-field-multiselect-border--invalid: var(--mm-field-border--invalid);
	--mm-field-multiselect-border--disabled: var(--mm-field-border--disabled);
	--mm-field-multiselect-border-radius: var(--mm-field-border-radius);
	--mm-field-multiselect-padding: var(--mm-field-multiselect-padding--m);
	--mm-field-multiselect-padding--s: 5px 16px;
	--mm-field-multiselect-padding--m: 5px 16px;
	--mm-field-multiselect-padding--l: 5px 16px;
	--mm-field-multiselect-padding--xl: 5px 16px;
	--mm-field-multiselect-height: var(--mm-field-multiselect-height--m);
	--mm-field-multiselect-height--s: var(--mm-field-multiselect-height--m);
	--mm-field-multiselect-height--m: 180px;
	--mm-field-multiselect-height--l: var(--mm-field-multiselect-height--m);
	--mm-field-multiselect-height--xl: var(--mm-field-multiselect-height--m);
	--mm-field-multiselect-option-text-color: var(--mm-field-text-color);
	--mm-field-multiselect-option-text-color--readonly: var(--mm-field-text-color--readonly);
	--mm-field-multiselect-option-text-color--disabled: var(--mm-field-text-color--disabled);
	--mm-field-multiselect-background-color: var(--mm-field-background-color);
	--mm-field-multiselect-background-color--readonly: var(--mm-color-50);
	--mm-field-multiselect-shadow: var(--mm-field-shadow);
	--mm-field-multiselect-shadow--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--focus);
	--mm-field-multiselect-shadow--readonly--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--readonly--focus);
	--mm-field-multiselect-shadow--invalid--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--invalid);

	/* TextArea */
	--mm-field-textarea-height: 120px;
	--mm-field-textarea-padding: var(--mm-field-textarea-padding--m);
	--mm-field-textarea-padding--s: 12px;
	--mm-field-textarea-padding--m: 12px;
	--mm-field-textarea-padding--l: 12px;
	--mm-field-textarea-padding--xl: 12px;
	--mm-field-textarea-text-color: var(--mm-field-text-color);
	--mm-field-textarea-text-color--readonly: var(--mm-field-text-color--readonly);
	--mm-field-textarea-text-color--disabled: var(--mm-field-text-color--disabled);
	--mm-field-textarea-text-color-placeholder: var(--mm-field-text-color-placeholder);
	--mm-field-textarea-background-color: var(--mm-field-background-color);
	--mm-field-textarea-background-color--readonly: var(--mm-field-background-color--readonly);
	--mm-field-textarea-background-color--disabled: var(--mm-field-background-color--disabled);
	--mm-field-textarea-resize-icon-color: var(--mm-color-700);
	--mm-field-textarea-resize-icon-color--readonly: var(--mm-color-700);
	--mm-field-textarea-resize-icon-color--disabled: var(--mm-color-400);
	--mm-field-textarea-border: var(--mm-field-border);
	--mm-field-textarea-border--focus: var(--mm-field-border--focus);
	--mm-field-textarea-border--readonly: var(--mm-field-border--readonly);
	--mm-field-textarea-border--readonly--focus: var(--mm-field-border--readonly--focus);
	--mm-field-textarea-border--invalid: var(--mm-field-border--invalid);
	--mm-field-textarea-border--disabled: var(--mm-field-border--disabled);
	--mm-field-textarea-border-radius: var(--mm-field-border-radius);
	--mm-field-textarea-shadow: var(--mm-field-shadow);
	--mm-field-textarea-shadow--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--focus);
	--mm-field-textarea-shadow--readonly--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--readonly--focus);
	--mm-field-textarea-shadow--invalid--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--invalid);

	/* Text Editor */
	--mm-field-texteditor-text-color: var(--mm-color-600);
	--mm-field-texteditor-gutter-text-color: var(--mm-color-400);
	--mm-field-texteditor-gutter-background-color: var(--mm-color-50);
	--mm-field-texteditor-border: var(--mm-field-border);
	--mm-field-texteditor-border--focus: var(--mm-field-border--focus);
	--mm-field-texteditor-border-radius: var(--mm-field-border-radius);
	--mm-field-texteditor-resize-icon-color: var(--mm-color-700);
	--mm-field-texteditor-shadow: var(--mm-field-shadow);
	--mm-field-texteditor-shadow--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--focus);

	/* Checkbox */
	--mm-field-checkbox-line-height: 1.4;
	--mm-field-checkbox-text-color: var(--mm-color-600);
	--mm-field-checkbox-text-color--disabled: var(--mm-color-300);
	--mm-field-checkbox-foreground-color: var(--mm-color-white);
	--mm-field-checkbox-background-color: var(--mm-color-white);
	--mm-field-checkbox-background-color--active: var(--mm-color-primary-400);
	--mm-field-checkbox-background-color--error: var(--mm-color-danger-400);
	--mm-field-checkbox-background-color--readonly: var(--mm-color-50);
	--mm-field-checkbox-background-color--active--readonly: var(--mm-color-600);
	--mm-field-checkbox-background-color--disabled: var(--mm-color-white);
	--mm-field-checkbox-background-color--active--disabled: var(--mm-color-300);
	--mm-field-checkbox-border: 1px solid var(--mm-color-300);
	--mm-field-checkbox-border--active: 1px solid var(--mm-color-primary-400);
	--mm-field-checkbox-border--error: 1px solid var(--mm-color-danger-400);
	--mm-field-checkbox-border--readonly: 1px solid var(--mm-color-300);
	--mm-field-checkbox-border--active--readonly: 1px solid var(--mm-color-600);
	--mm-field-checkbox-border--disabled: 1px solid var(--mm-color-100);
	--mm-field-checkbox-border--active--disabled: 1px solid var(--mm-color-300);
	--mm-field-checkbox-box-shadow: var(--mm-field-shadow);
	--mm-field-checkbox-box-shadow--disabled: none;
	--mm-field-checkbox-dimension: var(--mm-field-checkbox-dimension--m);
	--mm-field-checkbox-dimension--s: 14px;
	--mm-field-checkbox-dimension--m: 16px;
	--mm-field-checkbox-dimension--l: 16px;
	--mm-field-checkbox-dimension--xl: 18px;
	--mm-field-checkbox-gap: var(--mm-field-checkbox-gap--m);
	--mm-field-checkbox-gap--s: 10px;
	--mm-field-checkbox-gap--m: 10px;
	--mm-field-checkbox-gap--l: 10px;
	--mm-field-checkbox-gap--xl: 10px;
	--mm-field-checkbox-border-radius: var(--mm-corner-radius--s);
	--mm-field-checkbox-outline-width: 3px;
	--mm-field-checkbox-outline-style: solid;
	--mm-field-checkbox-outline-offset: 3px;
	--mm-field-checkbox-outline: none;
	--mm-field-checkbox-outline--focus: var(--mm-field-checkbox-outline-width) var(--mm-field-checkbox-outline-style) var(--mm-color-primary-200);

	/* Checkbox Slider */
	--mm-field-checkbox-slider-foreground-color: var(--mm-color-white);
	--mm-field-checkbox-slider-foreground-color--readonly: var(--mm-color-100);
	--mm-field-checkbox-slider-foreground-color--active--readonly: var(--mm-color-white);
	--mm-field-checkbox-slider-foreground-color--disabled: var(--mm-color-50);
	--mm-field-checkbox-slider-foreground-color--active--disabled: var(--mm-color-300);
	--mm-field-checkbox-slider-background-color: var(--mm-color-300);
	--mm-field-checkbox-slider-background-color--active: var(--mm-color-primary-400);
	--mm-field-checkbox-slider-background-color--active--automatic: linear-gradient(var(--mm-color-success-300), #3076d4);
	--mm-field-checkbox-slider-background-color--readonly: var(--mm-color-400);
	--mm-field-checkbox-slider-background-color--active--readonly: var(--mm-color-600);
	--mm-field-checkbox-slider-background-color--disabled: var(--mm-color-200);
	--mm-field-checkbox-slider-background-color--active--disabled: var(--mm-color-400);
	--mm-field-checkbox-slider-toggle-dimension: var(--mm-field-checkbox-slider-toggle-dimension--m);
	--mm-field-checkbox-slider-toggle-dimension--s: var(--mm-field-checkbox-slider-toggle-dimension--m);
	--mm-field-checkbox-slider-toggle-dimension--m: 16px;
	--mm-field-checkbox-slider-toggle-dimension--l: 20px;
	--mm-field-checkbox-slider-toggle-dimension--xl: var(--mm-field-checkbox-slider-toggle-dimension--l);
	--mm-field-checkbox-slider-toggle-shadow: var(--mm-drop-shadow--m);
	--mm-field-checkbox-slider-width: var(--mm-field-checkbox-slider-width--m);
	--mm-field-checkbox-slider-width--s: var(--mm-field-checkbox-slider-width--m);
	--mm-field-checkbox-slider-width--m: 36px;
	--mm-field-checkbox-slider-width--l: 40px;
	--mm-field-checkbox-slider-width--xl: var(--mm-field-checkbox-slider-width--l);
	--mm-field-checkbox-slider-height: var(--mm-field-checkbox-slider-height--m);
	--mm-field-checkbox-slider-height--s: var(--mm-field-checkbox-slider-height--m);
	--mm-field-checkbox-slider-height--m: 20px;
	--mm-field-checkbox-slider-height--l: 24px;
	--mm-field-checkbox-slider-height--xl: var(--mm-field-checkbox-slider-height--l);

	/* Radio */
	--mm-field-radio-line-height: 1.4;
	--mm-field-radio-text-color: var(--mm-color-600);
	--mm-field-radio-text-color--disabled: var(--mm-color-300);
	--mm-field-radio-foreground-color: var(--mm-color-white);
	--mm-field-radio-background-color: var(--mm-color-white);
	--mm-field-radio-background-color--active: var(--mm-color-primary-400);
	--mm-field-radio-background-color--readonly: var(--mm-color-50);
	--mm-field-radio-background-color--active--readonly: var(--mm-color-600);
	--mm-field-radio-background-color--error: var(--mm-color-danger-400);
	--mm-field-radio-background-color--disabled: var(--mm-color-white);
	--mm-field-radio-background-color--active--disabled: var(--mm-color-300);
	--mm-field-radio-border: 1px solid var(--mm-color-300);
	--mm-field-radio-border--active: 1px solid var(--mm-color-primary-400);
	--mm-field-radio-border--readonly: 1px solid var(--mm-color-300);
	--mm-field-radio-border--active--readonly: 1px solid var(--mm-color-600);
	--mm-field-radio-border--error: 1px solid var(--mm-color-danger-400);
	--mm-field-radio-border--disabled: 1px solid var(--mm-color-100);
	--mm-field-radio-border--active--disabled: 1px solid var(--mm-color-300);
	--mm-field-radio-box-shadow: var(--mm-field-shadow);
	--mm-field-radio-box-shadow--disabled: none;
	--mm-field-radio-foreground-dimension: var(--mm-field-radio-foreground-dimension--m);
	--mm-field-radio-foreground-dimension--s: var(--mm-field-radio-foreground-dimension--m);
	--mm-field-radio-foreground-dimension--m: 4px;
	--mm-field-radio-foreground-dimension--l: var(--mm-field-radio-foreground-dimension--m);
	--mm-field-radio-foreground-dimension--xl: 6px;
	--mm-field-radio-dimension: var(--mm-field-radio-dimension--m);
	--mm-field-radio-dimension--s: 14px;
	--mm-field-radio-dimension--m: 16px;
	--mm-field-radio-dimension--l: 16px;
	--mm-field-radio-dimension--xl: 18px;
	--mm-field-radio-gap: var(--mm-field-radio-gap--m);
	--mm-field-radio-gap--s: 10px;
	--mm-field-radio-gap--m: 10px;
	--mm-field-radio-gap--l: 10px;
	--mm-field-radio-gap--xl: 10px;
	--mm-field-radio-border-radius: 50%;
	--mm-field-radio-outline-width: 3px;
	--mm-field-radio-outline-style: solid;
	--mm-field-radio-outline-offset: 3px;
	--mm-field-radio-outline: none;
	--mm-field-radio-outline--focus: var(--mm-field-radio-outline-width) var(--mm-field-radio-outline-style) var(--mm-color-primary-200);

	/* Date / Time Picker Display */
	--mm-field-datetimepickerdisplay-padding: var(--mm-field-datetimepickerdisplay-padding--m);
	--mm-field-datetimepickerdisplay-padding--s: 0 12px;
	--mm-field-datetimepickerdisplay-padding--m: 0 12px;
	--mm-field-datetimepickerdisplay-padding--l: 0 12px;
	--mm-field-datetimepickerdisplay-padding--xl: 0 12px;
	--mm-field-datetimepickerdisplay-height: var(--mm-field-datetimepickerdisplay-height--m);
	--mm-field-datetimepickerdisplay-height--s: 30px;
	--mm-field-datetimepickerdisplay-height--m: 36px;
	--mm-field-datetimepickerdisplay-height--l: 40px;
	--mm-field-datetimepickerdisplay-height--xl: 48px;
	--mm-field-datetimepickerdisplay-text-color: var(--mm-field-text-color);
	--mm-field-datetimepickerdisplay-text-color--readonly: var(--mm-field-text-color--readonly);
	--mm-field-datetimepickerdisplay-text-color--disabled: var(--mm-field-text-color--disabled);
	--mm-field-datetimepickerdisplay-background-color: var(--mm-field-background-color);
	--mm-field-datetimepickerdisplay-background-color--readonly: var(--mm-field-background-color--readonly);
	--mm-field-datetimepickerdisplay-background-color--disabled: var(--mm-field-background-color--disabled);
	--mm-field-datetimepickerdisplay-divider-color: var(--mm-color-200);
	--mm-field-datetimepickerdisplay-border: var(--mm-field-border);
	--mm-field-datetimepickerdisplay-border--focus: var(--mm-field-border--focus);
	--mm-field-datetimepickerdisplay-border--readonly: var(--mm-field-border--readonly);
	--mm-field-datetimepickerdisplay-border--readonly--focus: var(--mm-field-border--readonly--focus);
	--mm-field-datetimepickerdisplay-border--invalid: var(--mm-field-border--invalid);
	--mm-field-datetimepickerdisplay-border--disabled: var(--mm-field-border--disabled);
	--mm-field-datetimepickerdisplay-border-radius: var(--mm-field-border-radius);
	--mm-field-datetimepickerdisplay-shadow: var(--mm-field-shadow);
	--mm-field-datetimepickerdisplay-shadow--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--focus);
	--mm-field-datetimepickerdisplay-shadow--readonly--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--readonly--focus);
	--mm-field-datetimepickerdisplay-shadow--invalid--focus: var(--mm-field-shadow), inset 0 0 0 1px var(--mm-field-border-color--invalid);
	--mm-field-datetimepickerdisplay-menu-background-color: var(--mm-color-white);
	--mm-field-datetimepickerdisplay-menu-border: var(--mm-field-border);
	--mm-field-datetimepickerdisplay-menu-border-radius: var(--mm-field-border-radius);
	--mm-field-datetimepickerdisplay-menu-shadow: var(--mm-drop-shadow--l);

	/* Date / Time Picker Dialog */
	--mm-datetimepicker-dialog-calendar-year-select-text-color: var(--mm-color-900);
	--mm-datetimepicker-dialog-calendar-year-select-font-size: var(--mm-typography-paragraph-medium-font-size);
	--mm-datetimepicker-dialog-calendar-year-select-font-weight: 500;
	--mm-datetimepicker-dialog-calendar-year-select-line-height: var(--mm-typography-paragraph-medium-line-height);
	--mm-datetimepicker-dialog-calendar-year-select-text-decoration-line: underline;
	--mm-datetimepicker-dialog-calendar-year-select-text-decoration-thickness: 1px;
	--mm-datetimepicker-dialog-calendar-year-select-text-underline-offset: 2px;
	--mm-datetimepicker-dialog-calendar-year-select-next-prev-color: var(--mm-color-900);
	--mm-datetimepicker-dialog-calendar-year-select-next-prev-color--hover: var(--mm-color-primary-500);
	--mm-datetimepicker-dialog-calendar-year-select-next-prev-color--disabled: var(--mm-color-300);
	--mm-datetimepicker-dialog-calendar-header-text-color: var(--mm-color-500);
	--mm-datetimepicker-dialog-calendar-header-background-color: var(--mm-color-50);
	--mm-datetimepicker-dialog-calendar-day-font-size: 12px;
	--mm-datetimepicker-dialog-calendar-day-font-weight: 600;
	--mm-datetimepicker-dialog-calendar-day-text-color: var(--mm-color-500);
	--mm-datetimepicker-dialog-calendar-day-text-color--hover: var(--mm-color-primary-500);
	--mm-datetimepicker-dialog-calendar-day-text-color--active: var(--mm-color-white);
	--mm-datetimepicker-dialog-calendar-day-text-color--disabled: var(--mm-color-400);
	--mm-datetimepicker-dialog-calendar-day-text-color--current-day: var(--mm-color-primary-500);
	--mm-datetimepicker-dialog-calendar-day-text-color--other-month: var(--mm-color-300);
	--mm-datetimepicker-dialog-calendar-day-background-color: var(--mm-color-white);
	--mm-datetimepicker-dialog-calendar-day-background-color--hover: var(--mm-color-primary-50);
	--mm-datetimepicker-dialog-calendar-day-background-color--active: var(--mm-color-primary-500);
	--mm-datetimepicker-dialog-calendar-day-background-color--disabled: var(--mm-color-50);
	--mm-datetimepicker-dialog-calendar-day-background-color--other-month: var(--mm-color-white);
	--mm-datetimepicker-dialog-calendar-day-border: 1px solid var(--mm-color-100);
	--mm-datetimepicker-dialog-calendar-border: 1px solid var(--mm-color-200);
	--mm-datetimepicker-dialog-calendar-border-radius: var(--mm-corner-radius--m);
}:root
{
	/******************************/
	/*    MMBadgeCustomElement    */
	/******************************/

	--mm-badge-padding: var(--mm-badge-padding--m);
	--mm-badge-padding--s: 0 8px;
	--mm-badge-padding--m: 0 10px;
	--mm-badge-padding--l: 0 16px;
	--mm-badge-padding--xl: 0 22px;
	--mm-badge-width: auto;
	--mm-badge-height: var(--mm-badge-height--m);
	--mm-badge-height--s: 24px;
	--mm-badge-height--m: 30px;
	--mm-badge-height--l: 34px;
	--mm-badge-height--xl: 42px;
	--mm-badge-color: var(--mm-badge-color--info);
	--mm-badge-color--info: var(--mm-color-700);
	--mm-badge-color--success: var(--mm-color-success-700);
	--mm-badge-color--caution: var(--mm-color-caution-700);
	--mm-badge-color--danger: var(--mm-color-danger-700);
	--mm-badge-background-color: var(--mm-badge-background-color--info);
	--mm-badge-background-color--info: var(--mm-color-100);
	--mm-badge-background-color--success: var(--mm-color-success-100);
	--mm-badge-background-color--caution: var(--mm-color-caution-100);
	--mm-badge-background-color--danger: var(--mm-color-danger-100);
	--mm-badge-font-size: var(--mm-badge-font-size--m);
	--mm-badge-font-size--s: 12px;
	--mm-badge-font-size--m: 14px;
	--mm-badge-font-size--l: 16px;
	--mm-badge-font-size--xl: 16px;
	--mm-badge-font-weight: 400;
	--mm-badge-line-height: 1;
	--mm-badge-radius: var(--mm-badge-radius--rectangle);
	--mm-badge-radius--rectangle: var(--mm-corner-radius--m);
	--mm-badge-radius--rectangle--small: var(--mm-corner-radius--s);
	--mm-badge-radius--pill: var(--mm-corner-radius--xl);

	/****************************/
	/*    MMLoadingIndicator    */
	/****************************/

	--mm-loading-indicator-dimension: 48px;
	--mm-loading-indicator-line-width: 2px;
	--mm-loading-indicator-foreground-color: var(--mm-color-primary-400);
	--mm-loading-indicator-animation-duration: 2000ms;

	/********************************/
	/*    MMGridCustomElement    	*/
	/********************************/

	--mm-grid-border: 1px solid var(--mm-color-200);
	--mm-grid-border-radius: var(--mm-corner-radius--m);
	--mm-grid-border-padding: 60px 60px 115px 60px;

	/* Grid Style: Table: Primary */
	--mm-grid-style-table-primary-border: 1px solid var(--mm-color-200);
	--mm-grid-style-table-primary-border-radius: var(--mm-corner-radius--l);
	--mm-grid-style-table-primary-header-padding: 0 21px;
	--mm-grid-style-table-primary-header-font-size: 12px;
	--mm-grid-style-table-primary-header-font-weight: 600;
	--mm-grid-style-table-primary-header-text-color: var(--mm-color-900);
	--mm-grid-style-table-primary-header-background-color: var(--mm-color-50);
	--mm-grid-style-table-primary-header-border: 1px solid var(--mm-color-200);
	--mm-grid-style-table-primary-row-padding: 12px 21px;
	--mm-grid-style-table-primary-row-text-color: var(--mm-color-600);
	--mm-grid-style-table-primary-row-text-color--hover: var(--mm-color-primary-500);
	--mm-grid-style-table-primary-row-background-color: var(--mm-color-white);
	--mm-grid-style-table-primary-row-background-color--hover: var(--mm-color-primary-50);
	--mm-grid-style-table-primary-row-border: 1px solid var(--mm-color-100);
	--mm-grid-style-table-primary-row-border--hover: 1px solid var(--mm-color-primary-100);

	/* Grid Style: Table: Secondary */
	--mm-grid-style-table-secondary-header-padding: 0 12px 12px 12px;
	--mm-grid-style-table-secondary-header-font-size: 12px;
	--mm-grid-style-table-secondary-header-font-weight: 600;
	--mm-grid-style-table-secondary-header-text-color: var(--mm-color-900);
	--mm-grid-style-table-secondary-row-padding: 16px 12px;
	--mm-grid-style-table-secondary-row-text-color: var(--mm-color-600);
	--mm-grid-style-table-secondary-row-text-color--hover: var(--mm-color-primary-500);
	--mm-grid-style-table-secondary-row-background-color: var(--mm-color-white);
	--mm-grid-style-table-secondary-row-background-color--hover: var(--mm-color-primary-50);
	--mm-grid-style-table-secondary-row-border: 1px solid var(--mm-color-200);
	--mm-grid-style-table-secondary-row-border--hover: 1px solid var(--mm-color-primary-100);

	/*****************************/
	/*    MMTextCustomElement    */
	/*****************************/

	--mm-text-margin-top: 0;
	--mm-text-margin-bottom: 0;
	--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);

	/*****************************/
	/*    MMIconCustomElement    */
	/*****************************/

	--mm-icon-padding: 0;
	--mm-icon-background-color: transparent;
	--mm-icon-border-radius: 0;
	--mm-icon-color: var(--mm-color-700);
	--mm-icon-dimension--width: 14px;
	--mm-icon-dimension--height: 14px;

	/********************************/
	/*    MMDividerCustomElement    */
	/********************************/

	--mm-divider-margin-top: var(--mm-divider-margin-top--horizontal);
	--mm-divider-margin-top--horizontal: 20px;
	--mm-divider-margin-top--vertical: 0px;
	--mm-divider-margin-right: var(--mm-divider-margin-right--horizontal);
	--mm-divider-margin-right--horizontal: 0px;
	--mm-divider-margin-right--vertical: 12px;
	--mm-divider-margin-bottom: var(--mm-divider-margin-bottom--horizontal);
	--mm-divider-margin-bottom--horizontal: 20px;
	--mm-divider-margin-bottom--vertical: 0px;
	--mm-divider-margin-left: var(--mm-divider-margin-left--horizontal);
	--mm-divider-margin-left--horizontal: 0px;
	--mm-divider-margin-left--vertical: 12px;
	--mm-divider-color: var(--mm-color-200);

	/**************************/
	/*    Menu Button Menu    */
	/**************************/

	--mm-menubutton-common-menu-item-height: var(--mm-menubutton-common-menu-item-height--m);
	--mm-menubutton-common-menu-item-height--s: 28px;
	--mm-menubutton-common-menu-item-height--m: 32px;
	--mm-menubutton-common-menu-item-height--l: 36px;
	--mm-menubutton-common-menu-item-height--xl: 38px;
	--mm-menubutton-common-menu-item-font-size: var(--mm-menubutton-common-menu-item-font-size--m);
	--mm-menubutton-common-menu-item-font-size--s: 12px;
	--mm-menubutton-common-menu-item-font-size--m: 14px;
	--mm-menubutton-common-menu-item-font-size--l: 14px;
	--mm-menubutton-common-menu-item-font-size--xl: 16px;
	--mm-menubutton-common-menu-item-selected-icon-color: var(--mm-color-primary-500);
	--mm-menubutton-common-menu-item-selected-icon-dimension: var(--mm-menubutton-common-menu-item-selected-icon-dimension--m);
	--mm-menubutton-common-menu-item-selected-icon-dimension--s: 16px;
	--mm-menubutton-common-menu-item-selected-icon-dimension--m: 20px;
	--mm-menubutton-common-menu-item-selected-icon-dimension--l: 20px;
	--mm-menubutton-common-menu-item-selected-icon-dimension--xl: 22px;
	--mm-menubutton-common-menu-item-font-weight: 500;
	--mm-menubutton-common-menu-item-line-height: 1;
	--mm-menubutton-common-menu-item-line-height--wrapped: var(--mm-typography-paragraph-medium-line-height);
	--mm-menubutton-common-menu-item-letter-spacing: var(--mm-typography-paragraph-medium-letter-spacing);
	--mm-menubutton-common-menu-item-text-color: var(--mm-menubutton-common-menu-item-text-color--default);
	--mm-menubutton-common-menu-item-text-color--default: var(--mm-color-600);
	--mm-menubutton-common-menu-item-text-color--active: var(--mm-color-primary-500);
	--mm-menubutton-common-menu-item-text-color--selected: var(--mm-color-primary-500);
	--mm-menubutton-common-menu-item-text-color--disabled: var(--mm-color-400);
	--mm-menubutton-common-menu-item-text-color-destructive--active: var(--mm-color-danger-500);
	--mm-menubutton-common-menu-item-text-color-destructive--selected: var(--mm-color-danger-500);
	--mm-menubutton-common-menu-item-background-color: var(--mm-menubutton-common-menu-item-background-color--default);
	--mm-menubutton-common-menu-item-background-color--default: var(--mm-color-white);
	--mm-menubutton-common-menu-item-background-color--active: var(--mm-color-primary-50);
	--mm-menubutton-common-menu-item-background-color--selected: var(--mm-color-white);
	--mm-menubutton-common-menu-item-background-color--disabled: var(--mm-color-white);
	--mm-menubutton-common-menu-item-background-color-destructive--active: var(--mm-color-danger-50);
	--mm-menubutton-common-menu-item-background-color-destructive--selected: var(--mm-color-white);
	--mm-menubutton-common-menu-item-border-radius: var(--mm-corner-radius--m);
	--mm-menubutton-common-menu-item-divider-color: var(--mm-color-200);
	--mm-menubutton-common-menu-item-collapsible-header-text-color: var(--mm-color-900);
	--mm-menubutton-common-menu-item-collapsible-header-toggle-dropdown-color: var(--mm-color-500);
	--mm-menubutton-common-menu-item-collapsible-header-toggle-dropdown-color--active: var(--mm-color-primary-500);
	--mm-menubutton-common-menu-item-collapsible-header-text-decoration-line--active: var(--mm-button-base-link-text-decoration-line--m--active);
	--mm-menubutton-common-menu-item-collapsible-header-text-decoration-thickness--active: 8%;
	--mm-menubutton-common-menu-item-collapsible-header-text-underline-offset--active: 3px;
	--mm-menubutton-common-menu-item-header-font-size: 12px;
	--mm-menubutton-common-menu-item-header-font-weight: 400;
	--mm-menubutton-common-menu-item-header-text-color: var(--mm-color-500);
	--mm-menubutton-common-menu-item-header-background-color: var(--mm-color-white);
	--mm-menubutton-common-menu-item-header-height: 28px;
	--mm-menubutton-common-menu-background-color: var(--mm-color-white);
	--mm-menubutton-common-menu-border: 1px solid var(--mm-color-200);
	--mm-menubutton-common-menu-border-radius: var(--mm-corner-radius--l);
	--mm-menubutton-common-menu-shadow: var(--mm-drop-shadow--l);

	/***************************/
	/*    Container Styling    */
	/***************************/

	--mm-container-style--card--padding: 24px;
	--mm-container-style--card--background-color: var(--mm-color-white);
	--mm-container-style--card--border: 1px solid var(--mm-color-200);
	--mm-container-style--card--border-radius: var(--mm-corner-radius--m);
	--mm-container-style--card--box-shadow: var(--mm-drop-shadow--s);

	--mm-container-style--section--padding: 24px;
	--mm-container-style--section--background-color: var(--mm-color-white);
	--mm-container-style--section--border: 1px solid var(--mm-color-200);
	--mm-container-style--section--border-radius: var(--mm-corner-radius--l);
	--mm-container-style--section--box-shadow: var(--mm-drop-shadow--s);
}:root
{
	/* Core Dialog Styles */
	--mm-dialog-radius: var(--mm-corner-radius--xl);
	--mm-dialog-shadow: var(--mm-drop-shadow--xl);
	--mm-dialog-background-color: var(--mm-color-white);
	--mm-dialog-progressbar-foreground-color: var(--mm-color-success-500);
	--mm-dialog-progressbar-foreground-color--invalid: var(--mm-color-danger-500);
	--mm-dialog-drag-and-drop-background-color: rgb(from var(--mm-color-white) r g b / 0.9);
	--mm-dialog-drag-and-drop-border: 2px dashed var(--mm-color-primary-500);
	--mm-dialog-drag-and-drop-radius: var(--mm-corner-radius--l);
	--mm-dialog-actionitem-save-color: var(--mm-color-white);
	--mm-dialog-actionitem-save-background: var(--mm-color-success-500);
	--mm-dialog-actionitem-save-border: none;
	--mm-dialog-tab-border: 1px solid var(--mm-color-200);
	--mm-dialog-tab-active-border-color: var(--mm-color-primary-500);

	/* Action Dialog Styles */
	--mm-actiondialog-content-text-color: var(--mm-color-600);
	--mm-actiondialog-content-font-size: var(--mm-typography-paragraph-medium-font-size);
	--mm-actiondialog-content-line-height: 1.4;

	/* Top Controls Button Styles */
	--mm-dialog-top-controls-button-dimension: 32px;
	--mm-dialog-top-controls-button-color: var(--mm-color-500);
	--mm-dialog-top-controls-button-color--focus: var(--mm-color-500);
	--mm-dialog-top-controls-button-color--hover: var(--mm-color-900);
	--mm-dialog-top-controls-button-color--active: var(--mm-color-900);
	--mm-dialog-top-controls-button-color--disabled: var(--mm-color-300);
	--mm-dialog-top-controls-button-background-color: transparent;
	--mm-dialog-top-controls-button-background-color--focus: transparent;
	--mm-dialog-top-controls-button-background-color--hover: transparent;
	--mm-dialog-top-controls-button-background-color--active: transparent;
	--mm-dialog-top-controls-button-background-color--disabled: transparent;
	--mm-dialog-top-controls-button-border: none;
	--mm-dialog-top-controls-button-border--focus: none;
	--mm-dialog-top-controls-button-border--hover: none;
	--mm-dialog-top-controls-button-border--active: none;
	--mm-dialog-top-controls-button-border--disabled: none;
	--mm-dialog-top-controls-button-radius: var(--mm-corner-radius--m);
	--mm-dialog-top-controls-button-shadow: none;
	--mm-dialog-top-controls-button-shadow--focus: none;
	--mm-dialog-top-controls-button-shadow--hover: none;
	--mm-dialog-top-controls-button-shadow--active: none;
	--mm-dialog-top-controls-button-shadow--disabled: none;
	--mm-dialog-top-controls-button-outline: none;
	--mm-dialog-top-controls-button-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-primary-200);
	--mm-dialog-top-controls-button-outline-offset: 3px;

	/* Top Controls "Close" Button Styles */
	--mm-dialog-top-controls-button-close-color: var(--mm-color-700);
	--mm-dialog-top-controls-button-close-color--focus: var(--mm-color-700);
	--mm-dialog-top-controls-button-close-color--hover: var(--mm-color-900);
	--mm-dialog-top-controls-button-close-color--active: var(--mm-color-900);
	--mm-dialog-top-controls-button-close-color--disabled: var(--mm-color-300);
	--mm-dialog-top-controls-button-close-background-color: transparent;
	--mm-dialog-top-controls-button-close-background-color--focus: var(--mm-color-50);
	--mm-dialog-top-controls-button-close-background-color--hover: var(--mm-color-50);
	--mm-dialog-top-controls-button-close-background-color--active: var(--mm-color-50);
	--mm-dialog-top-controls-button-close-background-color--disabled: transparent;

	/* Tab Dialog Button "More" Styles */
	--mm-dialog-tabs-more-button-text-color: var(--mm-color-600);
	--mm-dialog-tabs-more-button-text-color--focus: var(--mm-color-600);
	--mm-dialog-tabs-more-button-text-color--hover: var(--mm-color-primary-500);
	--mm-dialog-tabs-more-button-text-color--active: var(--mm-color-primary-500);
	--mm-dialog-tabs-more-button-text-color--disabled: var(--mm-color-300);
	--mm-dialog-tabs-more-button-dropdown-color: var(--mm-color-500);
	--mm-dialog-tabs-more-button-dropdown-color--focus: var(--mm-color-500);
	--mm-dialog-tabs-more-button-dropdown-color--hover: var(--mm-color-primary-500);
	--mm-dialog-tabs-more-button-dropdown-color--active: var(--mm-color-primary-500);
	--mm-dialog-tabs-more-button-dropdown-color--disabled: var(--mm-color-300);
	--mm-dialog-tabs-more-button-background-color: transparent;
	--mm-dialog-tabs-more-button-background-color--focus: transparent;
	--mm-dialog-tabs-more-button-background-color--hover: transparent;
	--mm-dialog-tabs-more-button-background-color--active: transparent;
	--mm-dialog-tabs-more-button-background-color--disabled: transparent;
	--mm-dialog-tabs-more-button-border: none;
	--mm-dialog-tabs-more-button-border--focus: none;
	--mm-dialog-tabs-more-button-border--hover: none;
	--mm-dialog-tabs-more-button-border--active: none;
	--mm-dialog-tabs-more-button-border--disabled: none;
	--mm-dialog-tabs-more-button-radius: var(--mm-corner-radius--m);
	--mm-dialog-tabs-more-button-shadow: none;
	--mm-dialog-tabs-more-button-shadow--focus: none;
	--mm-dialog-tabs-more-button-shadow--hover: none;
	--mm-dialog-tabs-more-button-shadow--active: none;
	--mm-dialog-tabs-more-button-shadow--disabled: none;
	--mm-dialog-tabs-more-button-outline: none;
	--mm-dialog-tabs-more-button-outline--focus: none;
	--mm-dialog-tabs-more-button-outline-offset: 0;
}:root
{
	/* Core Styles */
	--mm-list-background-color: var(--mm-color-white);
	--mm-list-border: 1px solid var(--mm-color-200);
	--mm-list-radius: var(--mm-corner-radius--l);
	--mm-list-loading-background-color: var(--mm-color-white);
	--mm-list-header-row-font-size: 12px;
	--mm-list-header-row-font-weight: 500;
	--mm-list-header-row-text-color: var(--mm-color-500);
	--mm-list-header-row-text-color-link--hover: var(--mm-color-700);
	--mm-list-header-row-background-color: var(--mm-color-50);
	--mm-list-header-row-border: 1px solid var(--mm-color-200);
	--mm-list-header-column-visibility-button-color: var(--mm-color-500);
	--mm-list-header-column-resize-indicator-color: var(--mm-color-400);
	--mm-list-header-column-resize-indicator-color--active: var(--mm-color-900);
	--mm-list-header-column-move-indicator-color: var(--mm-color-400);
	--mm-list-header-column-move-indicator-color--active: var(--mm-color-white);
	--mm-list-header-column-move-indicator-background-color: var(--mm-color-50);
	--mm-list-header-column-move-indicator-background-color--active: var(--mm-color-primary-300);
	--mm-list-column-selection-box-shadow: none;
	--mm-list-column-selection-box-shadow--scrolled: var(--mm-drop-shadow--xl);
	--mm-list-row-font-size: 14px;
	--mm-list-row-font-weight: normal;
	--mm-list-row-text-color: var(--mm-color-600);
	--mm-list-row-text-color--dimmed: var(--mm-color-400);
	--mm-list-row-text-color--selected: var(--mm-color-primary-600);
	--mm-list-row-background-color: var(--mm-color-white);
	--mm-list-row-background-color--hover: var(--mm-color-primary-50);
	--mm-list-row-background-color--selected: var(--mm-color-primary-50);
	--mm-list-row-background-color--edit: var(--mm-color-50);
	--mm-list-row-background-color--find-match: var(--mm-color-caution-50);
	--mm-list-row-box-shadow: none;
	--mm-list-row-box-shadow--display-order-drag: var(--mm-drop-shadow--l);
	--mm-list-row-border: 1px solid var(--mm-color-100);
	--mm-list-row-border--hover: 1px solid var(--mm-color-primary-100);
	--mm-list-row-border--selected: 1px solid var(--mm-color-primary-100);
	--mm-list-row-border--edit: 1px solid var(--mm-color-200);
	--mm-list-row-border--find-match: 1px solid var(--mm-color-caution-200);
	--mm-list-row-focus-indicator-color: var(--mm-color-primary-200);
	--mm-list-row-error-indicator-color: var(--mm-color-danger-400);
	--mm-list-action-bar-background-color: var(--mm-color-50);
	--mm-list-action-bar-background-color--fullscreen: var(--mm-color-white);
	--mm-list-action-bar-border: 1px solid var(--mm-color-200);
	--mm-list-action-bar-radius: var(--mm-corner-radius--m);
	--mm-list-column-navigation-text-color: var(--mm-color-primary-500);
	--mm-list-column-navigation-text-color--hover: var(--mm-color-primary-600);
	--mm-list-column-navigation-text-color--selected: var(--mm-color-primary-600);
	--mm-list-column-preview-image-fallback-background-color: var(--mm-color-50);
	--mm-list-column-preview-image-fallback-border: 1px solid var(--mm-color-200);
	--mm-list-column-preview-image-fallback-border-radius: var(--mm-corner-radius--m);
	--mm-list-empty-list-background-color: var(--mm-color-white);
	--mm-list-empty-list-border: 1px solid var(--mm-color-200);
	--mm-list-empty-list-border-radius: var(--mm-corner-radius--l);
	--mm-list-assign-button-text-color: var(--mm-color-700);
	--mm-list-error-menu-entry-background-color: var(--mm-color-white);
	--mm-list-error-menu-entry-border: 1px solid var(--mm-color-200);
	--mm-list-error-menu-entry-border-radius: var(--mm-corner-radius--m);
	--mm-list-error-menu-entry-box-shadow: none;
	--mm-list-error-menu-entry-box-shadow--selected: var(--mm-drop-shadow--m);
	--mm-list-sort-drag-icon-color: var(--mm-color-500);
	--mm-list-sort-drag-icon-color--hover: var(--mm-color-700);
	--mm-list-sort-drag-icon-color--selected: var(--mm-color-primary-600);
	--mm-list-sort-drag-row-background-color: var(--mm-color-primary-50);
	--mm-list-sort-drag-row-border-radius: var(--mm-corner-radius--m);
	--mm-list-sort-drag-row-shadow: var(--mm-drop-shadow-primary--l);
	--mm-list-sort-drag-row-tag-text-color: var(--mm-color-white);
	--mm-list-sort-drag-row-tag-background-color: var(--mm-color-primary-500);
	--mm-list-sort-drag-row-tag-border-radius: var(--mm-corner-radius--m);
	--mm-list-sort-drag-row-message-text-color: var(--mm-color-primary-600);
	--mm-list-sort-drag-row-position-background-color: var(--mm-color-primary-300);
	--mm-list-find-in-list-background-color: var(--mm-color-white);
	--mm-list-find-in-list-border: 1px solid var(--mm-color-200);
	--mm-list-find-in-list-border-radius: var(--mm-corner-radius--m);
	--mm-list-find-in-list-box-shadow: var(--mm-drop-shadow--l);
	--mm-list-scrollbar-track-dimension: 8px;
	--mm-list-scrollbar-track-dimension--active: 10px;
	--mm-list-scrollbar-track-offset: -12px;
	--mm-list-scrollbar-track-offset--active: -13px;
	--mm-list-scrollbar-track-color: transparent;
	--mm-list-scrollbar-track-color--hover: var(--mm-color-100);
	--mm-list-scrollbar-track-radius: var(--mm-corner-radius--s);
	--mm-list-scrollbar-thumb-color: var(--mm-color-300);
	--mm-list-scrollbar-thumb-color--hover: var(--mm-color-400);
	--mm-list-scrollbar-thumb-radius: var(--mm-corner-radius--m);

	/* Close Button Styles */
	--mm-list-button-close-icon-color: var(--mm-color-700);
	--mm-list-button-close-color: var(--mm-color-700);
	--mm-list-button-close-color--focus: var(--mm-color-700);
	--mm-list-button-close-color--hover: var(--mm-color-900);
	--mm-list-button-close-color--active: var(--mm-color-900);
	--mm-list-button-close-color--disabled: var(--mm-color-300);
	--mm-list-button-close-background-color: transparent;
	--mm-list-button-close-background-color--focus: var(--mm-color-50);
	--mm-list-button-close-background-color--hover: var(--mm-color-50);
	--mm-list-button-close-background-color--active: var(--mm-color-50);
	--mm-list-button-close-background-color--disabled: transparent;

	/* Search Menu Button Styles */
	--mm-list-search-menu-button-height: var(--mm-button-height);
	--mm-list-search-menu-button-color: var(--mm-color-500);
	--mm-list-search-menu-button-color--focus: var(--mm-color-500);
	--mm-list-search-menu-button-color--hover: var(--mm-color-900);
	--mm-list-search-menu-button-color--active: var(--mm-color-900);
	--mm-list-search-menu-button-color--disabled: var(--mm-color-300);
	--mm-list-search-menu-button-radius: var(--mm-corner-radius--m);
	--mm-list-search-menu-button-outline: none;
	--mm-list-search-menu-button-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-primary-200);
	--mm-list-search-menu-button-outline-offset: -2px;

	/* Search Cancel Button Styles */
	--mm-list-search-cancel-button-text-color: var(--mm-color-500);
	--mm-list-search-cancel-button-text-color--focus: var(--mm-color-500);
	--mm-list-search-cancel-button-text-color--hover: var(--mm-color-900);
	--mm-list-search-cancel-button-text-color--active: var(--mm-color-900);
	--mm-list-search-cancel-button-text-color--disabled: var(--mm-color-300);
	--mm-list-search-cancel-button-radius: var(--mm-corner-radius--m);
	--mm-list-search-cancel-button-outline: none;
	--mm-list-search-cancel-button-outline--focus: var(--mm-button-outline-width) var(--mm-button-outline-style) var(--mm-color-primary-200);
	--mm-list-search-cancel-button-outline-offset: var(--mm-button-outline-offset);
}:root
{
	--mm-admin-inline-help-tooltip-button-color: var(--mm-color-500);
	--mm-admin-inline-help-tooltip-button-color--active: var(--mm-color-900);
}