/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Copyright (c) 2001-present X-Cart Holdings LLC. All rights reserved.
 * See https://www.x-cart.com/license-agreement.html for license details.
 */

.vote-bar {
  height: calc(2.5 * var(--rhythmic-unit));
  display: flex;
  align-items: center;
  column-gap: calc(var(--rhythmic-unit) / 4);
}

.vote-bar.editable {
  cursor: pointer;
}

.rating-stars {
  margin-top: 2px;
  position: relative;
}

.stars-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  color: var(--color-lines);
  column-gap: 1px;
  transition: var(--mode-transition) color;
}

.stars-row.full {
  color: var(--color-selected);
  z-index: 2;
}

.stars-row.hovered {
  z-index: 3;
}

.stars-row.full, .stars-row.hovered {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.star-single {
  flex: 0 0 var(--font-size-base);
  width: var(--font-size-base);
  height: var(--font-size-base);
  color: inherit;
}

.star-single svg {
  width: 100%;
  height: auto;
  display: block;
}

.stars-row.hovered .star-single.over {
  color: var(--color-selected);
}

.rating-label {
  font-size: var(--font-size-small);
  line-height: var(--rhythmic-unit);
}