/*******************************
             Rating
*******************************/

@ratingMargin: 0em @relativeMini;
@ratingWhiteSpace: nowrap;
@ratingVerticalAlign: baseline;

@ratingIconCursor: pointer;
@ratingIconWidth: 1.25em;
@ratingIconHeight: auto;
@iconTransition:
  opacity @defaultDuration @defaultEasing,
  background @defaultDuration @defaultEasing,
  text-shadow @defaultDuration @defaultEasing,
  color @defaultDuration @defaultEasing
;


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

/* Standard */
@ratingInactiveBackground: transparent;
@ratingInactiveColor: rgba(0, 0, 0, 0.15);

@ratingSelectedBackground: @ratingInactiveBackground;
@ratingSelectedColor: @textColor;

@ratingActiveBackground: @ratingInactiveBackground;
@ratingActiveColor: @darkTextColor;

/* Star */
@ratingStarIconWidth: @ratingIconWidth;
@ratingStarIconHeight: @ratingIconHeight;
@ratingStarShadowWidth: 1px;

@ratingStarInactiveBackground: @ratingInactiveBackground;
@ratingStarInactiveColor: @ratingInactiveColor;
@ratingStarInactiveTextShadow: none;

@ratingStarActiveBackground: @ratingActiveBackground;
@ratingStarActiveColor: #FFE623;
@ratingStarActiveShadowColor: #DDC507;
@starActiveTextShadow:
  0px -@ratingStarShadowWidth 0px @ratingStarActiveShadowColor,
  -@ratingStarShadowWidth 0px 0px @ratingStarActiveShadowColor,
  0px @ratingStarShadowWidth 0px @ratingStarActiveShadowColor,
  @ratingStarShadowWidth 0px 0px @ratingStarActiveShadowColor
;

@ratingStarSelectedBackground: @ratingSelectedBackground;
@ratingStarSelectedColor: #FFCC00;
@ratingStarSelectedShadowColor: #E6A200;
@starSelectedTextShadow:
  0px -@ratingStarShadowWidth 0px @ratingStarSelectedShadowColor,
  -@ratingStarShadowWidth 0px 0px @ratingStarSelectedShadowColor,
  0px @ratingStarShadowWidth 0px @ratingStarSelectedShadowColor,
  @ratingStarShadowWidth 0px 0px @ratingStarSelectedShadowColor
;

/* Heart */
@ratingHeartIconWidth: 1.4em;
@ratingHeartIconHeight: @ratingIconHeight;
@ratingHeartShadowWidth: 1px;

@ratingHeartInactiveBackground: @ratingInactiveBackground;
@ratingHeartInactiveColor: @ratingInactiveColor;
@ratingHeartInactiveTextShadow: none;

@ratingHeartActiveBackground: @ratingActiveBackground;
@ratingHeartActiveColor: #FF6D75;
@ratingHeartActiveShadowColor: #CD0707;
@heartActiveTextShadow:
  0px -@ratingHeartShadowWidth 0px @ratingHeartActiveShadowColor,
  -@ratingHeartShadowWidth 0px 0px @ratingHeartActiveShadowColor,
  0px @ratingHeartShadowWidth 0px @ratingHeartActiveShadowColor,
  @ratingHeartShadowWidth 0px 0px @ratingHeartActiveShadowColor
;

@ratingHeartSelectedBackground: @ratingSelectedBackground;
@ratingHeartSelectedColor: #FF3000;
@ratingHeartSelectedShadowColor: #AA0101;
@heartSelectedTextShadow:
  0px -@ratingHeartShadowWidth 0px @ratingHeartSelectedShadowColor,
  -@ratingHeartShadowWidth 0px 0px @ratingHeartSelectedShadowColor,
  0px @ratingHeartShadowWidth 0px @ratingHeartSelectedShadowColor,
  @ratingHeartShadowWidth 0px 0px @ratingHeartSelectedShadowColor
;

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

@ratingInteractiveActiveIconOpacity: 1;
@ratingInteractiveSelectedIconOpacity: 1;

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

@ratingMassive: 2rem;