/**
 * @class Ext.MessageBox
 */

/**
 * @var {color/list}
 * MessageBox border-color
 */
$messagebox-border-color: dynamic(null);

/**
 * @var {number/list}
 * MessageBox border-width
 */
$messagebox-border-width: dynamic(null);

/**
 * @var {string/list}
 * MessageBox border-style
 */
$messagebox-border-style: dynamic(null);

/**
 * @var {number/list}
 * MessageBox border-radius
 */
$messagebox-border-radius: dynamic(null);

/**
 * @var {number/list}
 * MessageBox border-radius in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-border-radius-big: dynamic(null);

//# fashion replaces $messagebox-background-color
/**
 * @var {color}
 * MessageBox body background-color
 */
$messagebox-body-background-color: dynamic(null);

/**
 * @var {color}
 * MessageBox body text color
 */
$messagebox-body-color: dynamic(null);

/**
 * @var {color}
 * MessageBox body border-color
 */
$messagebox-body-border-color: dynamic(null);

/**
 * @var {number/list}
 * MessageBox body border-width
 */
$messagebox-body-border-width: dynamic(null);

/**
 * @var {number/list}
 * MessageBox body border-style
 */
$messagebox-body-border-style: dynamic(null);

/**
 * @var {string/number}
 * MessageBox body font-weight
 */
$messagebox-body-font-weight: dynamic(null);

/**
 * @var {number}
 * MessageBox body font-size
 */
$messagebox-body-font-size: dynamic(null);

/**
 * @var {number}
 * MessageBox body font-size in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-body-font-size-big: dynamic(null);

/**
 * @var {number}
 * MessageBox body line-height
 */
$messagebox-body-line-height: dynamic(null);

/**
 * @var {number}
 * MessageBox body line-height in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-body-line-height-big: dynamic(null);

/**
 * @var {string}
 * MessageBox body font-family
 */
$messagebox-body-font-family: dynamic(null);

/**
 * @var {number/list}
 * MessageBox body padding
 */
$messagebox-body-padding: dynamic(15px 10px);

/**
 * @var {number/list}
 * MessageBox body padding in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-body-padding-big: dynamic(15px);

/**
 * @var {color}
 * MessageBox Header background-color
 */
$messagebox-header-background-color: dynamic(null);

/**
 * @var {string/list}
 * MessageBox Header background-gradient.  Can be either the name of a gradient defined by
 * {@link Global_CSS#background-gradient} or a list of color stops.
 */
$messagebox-header-background-gradient: dynamic(null);

/**
 * @var {color}
 * MessageBox Header text color
 */
$messagebox-header-color: dynamic(null);

/**
 * @var {color/list}
 * MessageBox Header border-color
 */
$messagebox-header-border-color: dynamic(null);

/**
 * @var {number/list}
 * MessageBox Header border-width
 */
$messagebox-header-border-width: dynamic(null);

/**
 * @var {string/list}
 * MessageBox Header border-style
 */
$messagebox-header-border-style: dynamic(null);

/**
 * @var {string/number}
 * MessageBox Header font-weight
 */
$messagebox-header-font-weight: dynamic(null);

/**
 * @var {number}
 * MessageBox Header font-size
 */
$messagebox-header-font-size: dynamic(null);

/**
 * @var {number}
 * MessageBox Header font-size in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-header-font-size-big: dynamic(null);

/**
 * @var {number}
 * MessageBox Header line-height
 */
$messagebox-header-line-height: dynamic(null);

/**
 * @var {number}
 * MessageBox Header line-height in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-header-line-height-big: dynamic(null);

/**
 * @var {string}
 * MessageBox Header font-family
 */
$messagebox-header-font-family: dynamic(null);

/**
 * @var {number/list}
 * MessageBox Header padding
 */
$messagebox-header-padding: dynamic(4px 5px 10px 10px);

/**
 * @var {number/list}
 * MessageBox Header padding in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-header-padding-big: dynamic(5px 10px 13px 15px);

/**
 * @var {number/list}
 * MessageBox Header Title padding
 */
$messagebox-header-title-padding: dynamic(null);

/**
 * @var {number/list}
 * MessageBox Header Title padding in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-header-title-padding-big: dynamic(null);

/**
 * @var {number/list}
 * MessageBox Header Title opacity
 */
$messagebox-header-title-opacity: dynamic(null);

/**
 * @var {shadow}
 * MessageBox Header Shadow
 */
$messagebox-header-shadow: dynamic(null);

/**
 * @var {number}
 * Z-Index for the MessageBox Header, should be used with shadows to raise header above content
 */
$messagebox-header-z-index: dynamic(null);

/**
 * @var {number}
 * MessageBox Header min-height
 */
$messagebox-header-min-height: dynamic(null);

/**
 * @var {number}
 * MessageBox Header min-height in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-header-min-height-big: dynamic(null);

/**
 * @var {color}
 * MessageBox Header icon color.
 */
$messagebox-header-icon-color: dynamic(null);

/**
 * @var {number}
 * MessageBox Header icon size
 */
$messagebox-header-icon-size: dynamic(null);

/**
 * @var {number}
 * MessageBox Header icon size in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-header-icon-size-big: dynamic(null);

/**
 * @var {number}
 * MessageBox Header icon font-size.  Used for configuring the size of font icons
 */
$messagebox-header-icon-font-size: dynamic(null);

/**
 * @var {number}
 * MessageBox Header icon font-size in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-header-icon-font-size-big: dynamic(null);

/**
 * @var {number}
 * The space between the MessageBox Header icon and text when the icon is horizontally aligned
 */
$messagebox-header-icon-horizontal-spacing: dynamic(null);

/**
 * @var {number}
 * The space between the MessageBox Header icon and text when the icon is horizontally aligned
 * in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-header-icon-horizontal-spacing-big: dynamic(null);

/**
 * @var {number}
 * The space between the MessageBox Header icon and text when the icon is vertically aligned
 */
$messagebox-header-icon-vertical-spacing: dynamic(null);

/**
 * @var {number}
 * The space between the MessageBox Header icon and text when the icon is vertically aligned
 * in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-header-icon-vertical-spacing-big: dynamic(null);

/**
 * @var {number}
 * MessageBox Header icon opacity
 */
$messagebox-header-icon-opacity: dynamic(null);

/**
 * @var {color}
 * MessageBox Tool color
 */
$messagebox-tool-color: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool color when hovered
 */
$messagebox-tool-hovered-color: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool color when pressed
 */
$messagebox-tool-pressed-color: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool color when disabled
 */
$messagebox-tool-disabled-color: dynamic(null);

/**
 * @var {color}
 * MessageBox Tool background-color
 */
$messagebox-tool-background-color: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool background-color when hovered
 */
$messagebox-tool-hovered-background-color: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool background-color when pressed
 */
$messagebox-tool-pressed-background-color: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool background-color when disabled
 */
$messagebox-tool-disabled-background-color: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool opacity
 */
$messagebox-tool-opacity: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool opacity when hovered
 */
$messagebox-tool-hovered-opacity: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool opacity when pressed
 */
$messagebox-tool-pressed-opacity: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool opacity when disabled
 */
$messagebox-tool-disabled-opacity: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool border radius
 */
$messagebox-tool-border-radius: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool border radius in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-tool-border-radius-big: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool size
 */
$messagebox-tool-size: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool size in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-tool-size-big: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool font-size
 */
$messagebox-tool-font-size: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool font-size in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-tool-font-size-big: dynamic(null);

/**
 * @var {number}
 * The space between MessageBox Tools
 */
$messagebox-tool-spacing: dynamic(null);

/**
 * @var {number}
 * The space between MessageBox Tools in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-tool-spacing-big: dynamic(null);

/**
 * @var {string}
 * MessageBox Tool cursor
 */
$messagebox-tool-cursor: dynamic(null);

/**
 * @var {string}
 * MessageBox Tool cursor when disabled
 */
$messagebox-tool-disabled-cursor: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool outline width when focused
 */
$messagebox-tool-focused-outline-width: dynamic(null);

/**
 * @var {string}
 * MessageBox Tool outline style when focused
 */
$messagebox-tool-focused-outline-style: dynamic(null);

/**
 * @var {color}
 * MessageBox Tool outline color when focused
 */
$messagebox-tool-focused-outline-color: dynamic(null);

/**
 * @var {number}
 * MessageBox Tool outline offset when focused
 */
$messagebox-tool-focused-outline-offset: dynamic(null);

/**
 * @var {color}
 * MessageBox anchor border-color
 */
$messagebox-anchor-border-color: dynamic(null);

/**
 * @var {color}
 * MessageBox anchor background-color
 */
$messagebox-anchor-background-color: dynamic(null);

/**
 * @var {number}
 * The height (in all orientations) of the anchor arrow
 */
$messagebox-anchor-height: dynamic(null);

/**
 * @var {number}
 * The width (in all orientations) of the anchor arrow.
 */
$messagebox-anchor-width: dynamic(null);

/**
 * @var {number}
 * The extra spacing beyond the tip of the anchor arrow to prevent the pointer touching
 * the target;
 */
$messagebox-anchor-margin: dynamic(null);

/**
 * @var {string}
 * `true` to include {@link #manageBorders border management} rules
 */
$messagebox-manage-borders: dynamic($dialog-manage-borders);

/**
 * @var {number}
 * MessageBox min-width
 */
$messagebox-min-width: dynamic(null);

/**
 * @var {number}
 * MessageBox min-width in the {@link Global_CSS#$enable-big big} sizing scheme
 */
$messagebox-min-width-big: dynamic(null);

/**
 * Creates a visual theme for a MessageBox.
 *
 * @param {string} $ui
 * The name of the UI being created. Can not included spaces or special punctuation
 * (used in CSS class names).
 *
 * @param {String} [$xtype=messagebox] (protected) The {@link Ext.Class#xtype} to use
 * in CSS selectors.  For use by UI mixins of derived classes.
 *
 * @param {String} [$header-xtype=messageboxheader] (protected) The {@link Ext.Class#xtype} to use
 * in CSS selectors for the header component.  For use by UI mixins of derived classes.
 *
 * @param {String} [$title-xtype=messageboxtitle] (protected) The {@link Ext.Class#xtype} to use
 * in CSS selectors for the title component.  For use by UI mixins of derived classes.
 *
 * @param {String} [$tool-xtype=messageboxtool] (protected) The {@link Ext.Class#xtype} to use
 * in CSS selectors for tools.  For use by UI mixins of derived classes.
 *
 * @param {color} $background-color
 * MessageBox background-color
 *
 * @param {color/list} $border-color
 * MessageBox border-color
 *
 * @param {number/list} $border-width
 * MessageBox border-width
 *
 * @param {string/list} $border-style
 * MessageBox border-style
 *
 * @param {number/list} $border-radius
 * MessageBox border-radius
 *
 * @param {number/list} $border-radius-big
 * MessageBox border-radius in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {color} $body-background-color
 * MessageBox body background-color
 *
 * @param {color} $body-color
 * MessageBox body text color
 *
 * @param {color} $body-border-color
 * MessageBox body border-color
 *
 * @param {number/list} $body-border-width
 * MessageBox body border-width
 *
 * @param {number/list} $body-border-style
 * MessageBox body border-style
 *
 * @param {string/number} $body-font-weight
 * MessageBox body font-weight
 *
 * @param {number} $body-font-size
 * MessageBox body font-size
 *
 * @param {number} $body-font-size-big
 * MessageBox body font-size in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number} $body-line-height
 * MessageBox body line-height
 *
 * @param {number} $body-line-height-big
 * MessageBox body line-height in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {string} $body-font-family
 * MessageBox body font-family
 *
 * @param {number/list} $body-padding
 * MessageBox body padding
 *
 * @param {number/list} $body-padding-big
 * MessageBox body padding in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {color} $header-background-color
 * MessageBox Header background-color
 *
 * @param {string/list} $header-background-gradient
 * MessageBox Header background-gradient.  Can be either the name of a gradient defined by
 * {@link Global_CSS#background-gradient} or a list of color stops.
 *
 * @param {color} $header-color
 * MessageBox Header text color
 *
 * @param {color/list} $header-border-color
 * MessageBox Header border-color
 *
 * @param {number/list} $header-border-width
 * MessageBox Header border-width
 *
 * @param {string/list} $header-border-style
 * MessageBox Header border-style
 *
 * @param {string/number} $header-font-weight
 * MessageBox Header font-weight
 *
 * @param {number} $header-font-size
 * MessageBox Header font-size
 *
 * @param {number} $header-font-size-big
 * MessageBox Header font-size in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number} $header-line-height
 * MessageBox Header line-height
 *
 * @param {number} $header-line-height-big
 * MessageBox Header line-height in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {string} $header-font-family
 * MessageBox Header font-family
 *
 * @param {number/list} $header-padding
 * MessageBox Header padding
 *
 * @param {number/list} $header-padding-big
 * MessageBox Header padding in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number/list} $header-title-padding
 * MessageBox Header Title padding
 *
 * @param {number/list} $header-title-padding-big
 * MessageBox Header Title padding in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number} $header-title-opacity
 * MessageBox Header Title opacity
 *
 * @param {shadow} $header-shadow
 * MessageBox Header Shadow
 *
 * @param {number} $header-z-index
 * Z-Index for the MessageBox Header, should be used with shadows to raise header above content
 *
 * @param {number} $header-min-height
 * MessageBox Header min-height
 *
 * @param {number} $header-min-height-big
 * MessageBox Header min-height in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {color} $header-icon-color
 * MessageBox Header icon color.
 *
 * @param {number} $header-icon-size
 * MessageBox Header icon size
 *
 * @param {number} $header-icon-size-big
 * MessageBox Header icon size in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number} $header-icon-font-size
 * MessageBox Header icon font-size.  Used for configuring the size of font icons
 *
 * @param {number} $header-icon-font-size-big
 * MessageBox Header icon font-size in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number} $header-icon-horizontal-spacing
 * The space between the MessageBox Header icon and text when the icon is horizontally aligned
 *
 * @param {number} $header-icon-horizontal-spacing-big
 * The space between the MessageBox Header icon and text when the icon is horizontally aligned
 * in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number} $header-icon-vertical-spacing
 * The space between the MessageBox Header icon and text when the icon is vertically aligned
 *
 * @param {number} $header-icon-vertical-spacing-big
 * The space between the MessageBox Header icon and text when the icon is vertically aligned
 * in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number} $header-icon-opacity
 * MessageBox Header icon opacity
 *
 * @param {color} $tool-color
 * MessageBox Tool color
 *
 * @param {number} $tool-hovered-color
 * MessageBox Tool color when hovered
 *
 * @param {number} $tool-pressed-color
 * MessageBox Tool color when pressed
 *
 * @param {number} $tool-disabled-color
 * MessageBox Tool color when disabled
 *
 * @param {color} $tool-background-color
 * MessageBox Tool background-color
 *
 * @param {number} $tool-hovered-background-color
 * MessageBox Tool background-color when hovered
 *
 * @param {number} $tool-pressed-background-color
 * MessageBox Tool background-color when pressed
 *
 * @param {number} $tool-disabled-background-color
 * MessageBox Tool background-color when disabled
 *
 * @param {number} $tool-opacity
 * MessageBox Tool opacity
 *
 * @param {number} $tool-hovered-opacity
 * MessageBox Tool opacity when hovered
 *
 * @param {number} $tool-pressed-opacity
 * MessageBox Tool opacity when pressed
 *
 * @param {number} $tool-disabled-opacity
 * MessageBox Tool opacity when disabled
 *
 * @param {number} $tool-border-radius
 * MessageBox Tool border radius
 *
 * @param {number} $tool-border-radius-big
 * MessageBox Tool border radius in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number} $tool-size
 * MessageBox Tool size
 *
 * @param {number} $tool-size-big
 * MessageBox Tool size in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number} $tool-font-size
 * MessageBox Tool font-size
 *
 * @param {number} $tool-font-size-big
 * MessageBox Tool font-size in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {number} $tool-spacing
 * The space between MessageBox Tools
 *
 * @param {number} $tool-spacing-big
 * The space between MessageBox Tools in the {@link Global_CSS#$enable-big big} sizing scheme
 *
 * @param {string} $tool-cursor
 * MessageBox Tool cursor
 *
 * @param {string} $tool-disabled-cursor
 * MessageBox Tool cursor when disabled
 *
 * @param {number} $tool-focused-outline-width
 * MessageBox Tool outline width when focused
 *
 * @param {string} $tool-focused-outline-style
 * MessageBox Tool outline style when focused
 *
 * @param {color} $tool-focused-outline-color
 * MessageBox Tool outline color when focused
 *
 * @param {number} $tool-focused-outline-offset
 * MessageBox Tool outline offset when focused
 *
 * @param {color} $anchor-border-color
 * MessageBox anchor border-color
 *
 * @param {color} $anchor-background-color
 * MessageBox anchor background-color
 *
 * @param {number} $anchor-height
 * The height (in all orientations) of the anchor arrow
 *
 * @param {number} $anchor-width
 * The width (in all orientations) of the anchor arrow.
 *
 * @param {number} $anchor-margin
 * The extra spacing beyond the tip of the anchor arrow to prevent the pointer touching
 * the target;
 *
 * @param {string} $manage-borders
 * `true` to include {@link #manageBorders border management} rules
 *
 * @param {number} $min-width
 * MessageBox min-width
 *
 * @param {number} $min-width-big
 * MessageBox min-width in the {@link Global_CSS#$enable-big big} sizing scheme
 */
@mixin messagebox-ui(
    $ui: null,
    $xtype: messagebox,
    $header-xtype: messageboxheader,
    $title-xtype: messageboxtitle,
    $tool-xtype: messageboxtool,
    $background-color: null,
    $border-color: null,
    $border-width: null,
    $border-style: null,
    $border-radius: null,
    $border-radius-big: null,
    $body-background-color: null,
    $body-color: null,
    $body-border-color: null,
    $body-border-width: null,
    $body-border-style: null,
    $body-font-weight: null,
    $body-font-size: null,
    $body-font-size-big: null,
    $body-line-height: null,
    $body-line-height-big: null,
    $body-font-family: null,
    $body-padding: null,
    $body-padding-big: null,
    $header-background-color: null,
    $header-background-gradient: null,
    $header-color: null,
    $header-border-color: null,
    $header-border-width: null,
    $header-border-style: null,
    $header-font-weight: null,
    $header-font-size: null,
    $header-font-size-big: null,
    $header-line-height: null,
    $header-line-height-big: null,
    $header-font-family: null,
    $header-padding: null,
    $header-padding-big: null,
    $header-title-padding: null,
    $header-title-padding-big: null,
    $header-title-opacity: null,
    $header-shadow: null,
    $header-z-index: null,
    $header-min-height: null,
    $header-min-height-big: null,
    $header-icon-color: null,
    $header-icon-size: null,
    $header-icon-size-big: null,
    $header-icon-font-size: null,
    $header-icon-font-size-big: null,
    $header-icon-horizontal-spacing: null,
    $header-icon-horizontal-spacing-big: null,
    $header-icon-vertical-spacing: null,
    $header-icon-vertical-spacing-big: null,
    $header-icon-opacity: null,
    $tool-color: null,
    $tool-hovered-color: null,
    $tool-pressed-color: null,
    $tool-disabled-color: null,
    $tool-background-color: null,
    $tool-hovered-background-color: null,
    $tool-pressed-background-color: null,
    $tool-disabled-background-color: null,
    $tool-opacity: null,
    $tool-hovered-opacity: null,
    $tool-pressed-opacity: null,
    $tool-disabled-opacity: null,
    $tool-border-radius: null,
    $tool-border-radius-big: null,
    $tool-size: null,
    $tool-size-big: null,
    $tool-font-size: null,
    $tool-font-size-big: null,
    $tool-spacing: null,
    $tool-spacing-big: null,
    $tool-cursor: null,
    $tool-disabled-cursor: null,
    $tool-focused-outline-width: null,
    $tool-focused-outline-style: null,
    $tool-focused-outline-color: null,
    $tool-focused-outline-offset: null,
    $anchor-border-color: null,
    $anchor-background-color: null,
    $anchor-height: null,
    $anchor-width: null,
    $anchor-margin: null,
    $manage-borders: $messagebox-manage-borders,
    $min-width: null,
    $min-width-big: null
) {
    $arguments: intersect-arguments(messagebox-ui, dialog-ui);

    @include dialog-ui($arguments...);
}