body {
    font-family: 'Inter', sans-serif;
    background-color: #22c55e;
    /* green-500 */
}

/* Hide default radio buttons */
.rating input[type="radio"] {
    display: none;
}

/* Style labels to look like stars */
.rating label {
    cursor: pointer;
    transition: color 0.2s;
    font-size: 3rem;
    /* 48px */
    color: #d1dbd3;
    /* gray-300 */
}

/* Color stars on hover and when selected */
.rating:hover label,
.rating input[type="radio"]:hover~label,
.rating input[type="radio"]:checked~label {
    color: #FBBF24;
    /* yellow-400 */
}

/* Maintain hover color for lower-rated stars when a higher one is hovered */
.rating label:hover~label {
    color: #D1D5DB;
    /* gray-300 */
}

@keyframes zoomin {
  0% { opacity: 0; transform: scale(0.7); }
  100% { opacity: 1; transform: scale(1); }
}