@mixin root-container() { ... }@mixin root-container() { 
  margin-bottom: spacing.get('s4');
  display: flex;
  align-items: center;
  justify-content: flex-start;
 }

@mixin hidden-label() { ... }@mixin hidden-label() { 
  @include kib-core.visually-hidden;
 }

@mixin stars-wrapper() { ... }@mixin stars-wrapper() { 
  position: relative;
  color: settings.$brand;
 }

@mixin stars-common() { ... }@mixin stars-common() { 
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: flex-start;
  stroke: settings.$star-stroke;
  stroke-width: settings.$star-stroke-width;
 }

@mixin stars-full() { ... }@mixin stars-full() { 
  position: absolute;
  top: 0;
  left: 0;
 }

@mixin star-svg-icon($large) { ... }@mixin star-svg-icon($large) { 
  $size: if($large, settings.$size-large, settings.$size);

  flex-shrink: 0;
  width: $size;
  height: $size;
 }

@mixin count-wrapper() { ... }@mixin count-wrapper() { 
  @include typography.style-as('caption');

  padding-left: spacing.get('s2');
  color: settings.$count-text-color;
 }

@mixin count-label() { ... }@mixin count-label() { 
  @include kib-core.visually-hidden;
 }

$brand: color.get('ui-elements', 'rating', 'primary') !default;

$size: kib-core.dimensions-get('default') !default;

$size-large: kib-core.dimensions-get('large') !default;

$count-text-color: color.get('text', 'secondary') !default;

$star-stroke: color.get('ui-elements', 'rating', '02') !default;

$star-stroke-width: unit.rem(0.5px) !default;