vuetify/lib/components/VRating/VRating.css

Vue Material Component Framework

.v-rating {
  max-width: 100%;
  display: inline-flex;
  white-space: nowrap;
}
.v-rating--readonly {
  pointer-events: none;
}

.v-rating__wrapper {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}
.v-rating__wrapper--bottom {
  flex-direction: column-reverse;
}

.v-rating__item {
  display: inline-flex;
  position: relative;
}
.v-rating__item label {
  cursor: pointer;
}
.v-rating__item .v-btn--variant-plain {
  opacity: 1;
}
.v-rating__item .v-btn {
  transition-property: transform;
}
.v-rating__item .v-btn .v-icon {
  transition: inherit;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.v-rating--hover .v-rating__item:hover:not(.v-rating__item--focused) .v-btn {
  transform: scale(1.25);
}
.v-rating__item--half {
  overflow: hidden;
  position: absolute;
  clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
  z-index: 1;
}
.v-rating__item--half .v-btn__overlay, .v-rating__item--half:hover .v-btn__overlay {
  opacity: 0;
}

.v-rating__hidden {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}