.bui-rating {
  --small-margin-right: var(--bui-rating-small-margin-right, 0.5px);
  --medium-margin-right: var(--bui-rating-medium-margin-right, 1px);
  --large-margin-right: var(--bui-rating-large-margin-right, 2px);
  --large-font-size: var(--bui-rating-large-font-size, 22px);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--bui-font-family);
}
.bui-rating-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.bui-rating-container {
  position: relative;
  display: flex;
}
.bui-rating-container:last-child {
  margin-right: 0;
}
.bui-rating-container-xsmall {
  font-size: var(--bui-text-size-5);
}
.bui-rating-container-small {
  font-size: var(--bui-text-size-1);
  margin-right: var(--small-margin-right);
}
.bui-rating-container-medium {
  font-size: var(--bui-title-size-3);
  margin-right: var(--medium-margin-right);
}
.bui-rating-container-large {
  font-size: var(--large-font-size);
  margin-right: var(--large-margin-right);
}
.bui-rating-item {
  display: flex;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  color: var(--bui-color-fg-disabled);
}
.bui-rating-item-input {
  display: none;
}
.bui-rating-item-half {
  position: absolute;
  top: 0;
  width: 50%;
}
.bui-rating-item-readonly {
  cursor: unset;
}
.bui-rating-item-active {
  color: var(--bui-color-warning);
}