.p-rating {
    @apply relative flex items-center gap-1
}

.p-rating-option {
    @apply inline-flex items-center cursor-pointer rounded-full
}

.p-rating-option.p-focus-visible {
    @apply outline outline-1 outline-offset-2 outline-primary
}

.p-rating-icon {
    @apply text-surface-500 dark:text-surface-400 text-base w-4 h-4 transition-colors duration-200
}

.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-option:hover .p-rating-icon {
    @apply text-primary
}

.p-rating-option-active .p-rating-icon {
    @apply text-primary
}