:host {
  display: inline-block;
  min-inline-size: fit-content;
  user-select: none;
}

:host(:host:focus-visible) {
  outline: var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);
  outline-offset: var(--gse-semantic-focusOutline-offset);
  box-shadow: 0 0 0 1px var(--gse-semantic-border-focus);
}

.gux-rating-star-container {
  display: flex;
  gap: var(--gse-ui-rating-star-gap);
  justify-content: space-between;
  color: var(--gse-ui-rating-default-color);
}
.gux-rating-star-container.gux-disabled {
  color: var(--gse-ui-rating-disabled-color);
  pointer-events: none;
  opacity: var(--gse-ui-rating-disabled-opacity);
}
.gux-rating-star-container gux-icon {
  flex: 0 0 auto;
  color: var(--gse-ui-rating-default-color);
}
.gux-rating-star-container:not(.gux-compact) gux-icon:hover:not(.gux-disabled) {
  color: var(--gse-ui-rating-hover-color);
  cursor: pointer;
}
.gux-rating-star-container .gux-star-rating-compact {
  display: flex;
  flex-direction: column;
  gap: var(--gse-ui-ratingGroup-shortened-edit-gap);
  align-items: flex-start;
  justify-content: center;
}
.gux-rating-star-container .gux-star-rating-compact .gux-star-rating-label-value {
  display: flex;
  flex-direction: row;
  gap: var(--gse-ui-ratingGroup-shortened-gap);
  align-items: center;
  justify-content: center;
}
.gux-rating-star-container .gux-star-rating-compact .gux-star-rating-value {
  font-family: var(--gse-ui-ratingGroup-text-fontFamily);
  font-size: var(--gse-ui-ratingGroup-text-fontSize);
  font-weight: var(--gse-ui-ratingGroup-text-fontWeight);
  line-height: var(--gse-ui-ratingGroup-text-lineHeight);
  color: var(--gse-ui-ratingGroup-label);
}