/*******************************
            Input
*******************************/

/*-------------------
      Element
--------------------*/

@inputInputFont: @pageFont;

@inputLineHeightOffset: ((@inputLineHeight - 1em) / 2);

@inputPadding: (@inputVerticalPadding - @inputLineHeightOffset) @inputHorizontalPadding;

@inputTextAlign: left;
@inputBorderWidth: 1px;
@inputBorder: @inputBorderWidth solid @borderColor;
@inputBoxShadow: none;

@inputBorderRadius: @defaultBorderRadius;
@transition:
  box-shadow @defaultDuration @defaultEasing,
  border-color @defaultDuration @defaultEasing
;

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

/* Icon Input */
@inputIconWidth: (@inputVerticalPadding * 2) + @glyphWidth;
@inputIconOpacity: 0.5;
@inputIconFocusOpacity: 1;
@inputIconOffset: -0.5em;

@inputIconDistance: 0em;
@inputIconMargin: @inputIconWidth + @inputIconDistance;
@inputIconTransition: opacity 0.3s @defaultEasing;

@inputTransparentIconWidth: @glyphWidth;
@inputTransparentIconMargin: 2em;

/* Circular Icon Input */
@inputCircularIconVerticalOffset: 0.35em;
@inputCircularIconHorizontalOffset: 0.5em;

/* Labeled Input */
@inputLabelCornerTop: @inputBorderWidth;
@inputLabelCornerRight: @inputBorderWidth;
@inputLabelCornerSize: @relative9px;
@inputLabelSize: 1em;
@inputLabelVerticalPadding: (@inputVerticalPadding - @inputLineHeightOffset);

@inputLabeledMargin: 2.5em;
@inputLabeledIconInputMargin: 3.25em;
@inputLabeledIconMargin: 1.25em;

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

/* Placeholder */

/* Down */
@inputDownBorderColor: rgba(0, 0, 0, 0.3);
@inputDownBackground: #FAFAFA;
@inputDownColor: @textColor;
@inputDownBoxShadow: none;

/* Focus */
@inputFocusBorderColor: @focusedFormBorderColor;
@inputFocusBackground: @inputBackground;
@inputFocusColor: @hoveredTextColor;
@inputFocusBoxShadow: none;

/* Error */
@inputErrorBackground: @negativeBackgroundColor;
@inputErrorColor: @negativeTextColor;
@inputErrorBorder: @negativeBorderColor;
@inputErrorBoxShadow: none;

@inputPlaceholderErrorColor: lighten(@inputErrorColor, 40);
@inputPlaceholderErrorFocusColor: lighten(@inputErrorColor, 30);

/* Loader */
@inputInvertedLoaderFillColor: rgba(0, 0, 0, 0.15);

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

/* Inverted */
@inputTransparentInvertedPlaceholderColor: @invertedUnselectedTextColor;
@inputTransparentInvertedColor: @white;