/*******************************
            Message
*******************************/

// @textColor

/*-------------------
       Elements
--------------------*/

@verticalMargin: 1em;
@verticalPadding: 1em;
@horizontalPadding: 1.5em;

@background: #EFEFEF;
@lineHeight: 1.3;
@borderRadius: 0.25em;

@borderWidth: 1px;
@borderShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset;
@boxShadow:
  @borderShadow,
  @subtleShadow
;

@transition:
  opacity 0.2s ease,
  color 0.2s ease,
  background 0.2s ease,
  box-shadow 0.2s ease
;

/* Header */
@headerFontSize: 1.2rem;
@headerFontWeight: bold;
@headerBottomMargin: 0.25em;
@headerDisplay: block;
@headerHorizontalDistance: 0em;

/* Paragraph */
@messageTextOpacity: 0.85;
@messageParagraphMargin: 0.75em;

/* List */
@listOpacity: 0.85;
@listStylePosition: inside;
@listMargin: 0.5em;
@listItemIndent: 1em;
@listItemMargin: 0.3em;

/* Icon */
@iconDistance: 0.6em;

/* Close Icon */
@closeTopDistance: 1em;
@closeRightDistance: 0.5em;
@closeOpacity: 0.7;


/*-------------------
        Types
--------------------*/

/* Icon Message */
@iconSize: 3em;
@iconOpacity: 0.8;
@iconContentDistance: 1.5rem;
@iconVerticalAlign: middle;
@circularIconContentDistance: 2em;

/* Attached */
@attachedOffset: -1px;
@attachedBoxShadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
@attachedBottomBoxShadow:
  @attachedBoxShadow,
  @subtleShadow
;

/* Floating */
@floatingShadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
@floatingBoxShadow:
  @floatingShadow,
  @borderShadow
;

/*-------------------
      Variations
--------------------*/

@small: 0.875em;
@medium: 1em;
@large: 1.125em;
@huge: 1.5em;
@massive: 2em;