/*******************************

Rating

*******************************/

@display: inline-block; @margin: 0em 0.75rem ;

@verticalAlign: baseline; @oversizedVerticalAlign: middle;

@iconHitbox: 1.1em; @inactiveColor: rgba(0, 0, 0, 0.15);

/*——————-

Types

——————–*/

/* Star */ @starIconHitbox: @iconHitbox; @starInactiveColor: @inactiveColor; @starSelectedColor: FFB70A; @starActiveColor: FFE623; @starActiveShadow:

0px -1px 0px #CFA300,
-1px 0px 0px #CFA300,
0px 1px 0px #CFA300,
1px 0px 0px #CFA300

;

/* Heart */ @heartIconHitbox: 1.25em; @heartInactiveColor: @inactiveColor; @heartSelectedColor: FF2733; @heartActiveColor: FF2733; @heartActiveShadow:

0px -1px 0px #9E0000,
-1px 0px 0px #9E0000,
0px 1px 0px #9E0000,
1px 0px 0px #9E0000

;

/*——————-

States

——————–*/

@inactiveColor: rgba(0, 0, 0, 0.15); @hoverColor: @textColor; @activeColor: @darkTextColor;

@interactiveIconOpacity: 0.5; @interactiveSelectedIconOpacity: 1;

/*——————-

Variations

——————–*/

@mini: 0.7rem; @tiny: 0.8rem; @small: 0.875rem; @medium: 1rem; @large: 1.1rem; @big: 1.25rem; @huge: 1.5rem; @massive: 2rem;