.$_el.x-rating {
  flex-direction: $rating_flex_direction;
  justify-content: $rating_flex_justify;
  align-items: $rating_flex_align;
  @if $rating_flex_wrap === true {
    flex-wrap: wrap;
    align-content: $rating_flex_align;
  }
  @if $rating_width !== 'auto' {
    width: $rating_width;
  }
  @unless $rating_max_width?? {
    max-width: $rating_max_width;
  }
  @unless $rating_margin?? {
    margin: $rating_margin;
  }
  @unless $rating_border_width?? || $rating_border_style?? {
    border-width: $rating_border_width;
    border-style: $rating_border_style;
    border-color: $rating_border_color;
  }
  @unless $rating_border_radius?? {
    border-radius: $rating_border_radius;
  }
  @unless $rating_padding?? {
    padding: $rating_padding;
  }
  font-size: $rating_base_font_size;
  @if $rating_bg_color !== 'transparent' {
    background-color: $rating_bg_color;
  }
  @unless $rating_box_shadow_dimensions?? {
    @if $rating_box_shadow_color === 'transparent' {
      box-shadow: none;
    }
    @if $rating_box_shadow_color !== 'transparent' {
      box-shadow: $rating_box_shadow_dimensions $rating_box_shadow_color;
    }
  }
}




.$_el.x-rating .x-rating-graphic > * + * {
  margin-left: $rating_graphic_spacing;
}

@if $rating_graphic_type === 'icon' {
  .$_el.x-rating .x-icon {
    color: $rating_graphic_icon_color;
  }
}

@if $rating_graphic_type === 'image' {
  .$_el.x-rating .x-image {
    max-width: $rating_graphic_image_max_width;
  }
}




@if $rating_text === true {
  .$_el.x-rating .x-rating-text {
    @unless $rating_text_margin?? {
      margin: $rating_text_margin;
    }
    font-family: $rating_font_family;
    font-size: $rating_font_size;
    font-style: $rating_font_style;
    font-weight: $rating_font_weight;
    line-height: $rating_line_height;
    @unless $rating_letter_spacing?? {
      letter-spacing: $rating_letter_spacing;
    }
    @unless $rating_text_align?? {
      text-align: $rating_text_align;
    }
    @unless $rating_text_decoration?? {
      text-decoration: $rating_text_decoration;
    }
    @unless $rating_text_shadow_dimensions?? {
      @if $rating_text_shadow_color === 'transparent' {
        text-shadow: none;
      }
      @if $rating_text_shadow_color !== 'transparent' {
        text-shadow: $rating_text_shadow_dimensions $rating_text_shadow_color;
      }
    }
    @unless $rating_text_transform?? {
      text-transform: $rating_text_transform;
    }
    color: $rating_text_color;
  }
}