/*******************************
             Nag
*******************************/

/*--------------
   Collection
---------------*/

@nagPosition: relative;
@nagWidth: 100%;
@nagZIndex: 999;
@nagMargin: 0em;

@nagBackground: #555555;
@nagOpacity: 0.95;
@nagMinHeight: 0em;
@nagPadding: 0.75em 1em;
@nagLineHeight: 1em;
@nagBoxShadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);

@nagFontSize: 1rem;
@nagTextAlign: center;
@nagColor: @textColor;

@nagTransition: 0.2s background ease;


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

/* Title */
@nagTitleColor: @white;
@nagTitleMargin: 0em 0.5em;

@nagCloseSize: 1em;
@nagCloseMargin: (-@nagCloseSize / 2) 0em 0em;
@nagCloseTop: 50%;
@nagCloseRight: 1em;
@nagCloseColor: @white;
@nagCloseTransition: opacity 0.2s ease;
@nagCloseOpacity: 0.4;


/*--------------
      States
---------------*/

/* Hover */
@nagNagHoverBackground: @nagBackground;
@nagNagHoverOpacity: 1;

@nagCloseHoverOpacity: 1;

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

/* Top / Bottom */
@nagTop: 0em;
@nagBottom: 0em;
@nagBorderRadius: @defaultBorderRadius;
@nagTopBorderRadius: 0em 0em @nagBorderRadius @nagBorderRadius;
@nagBottomBorderRadius: @nagBorderRadius @nagBorderRadius 0em 0em;

/* Inverted */
@nagInvertedBackground: @darkWhite;

/*--------------
      Plural
---------------*/

@nagGroupedBorderRadius: 0em;