@charset "UTF-8";
/* styles.css */
/* styles.css */
.rating-stars {
  position: relative;
  display: inline-block;
  font-size: 2rem;
  /* Adjust size as needed */
  width: 5rem;
  /* Adjust width as needed */
  height: 1.2rem;
  /* Adjust height as needed */
  cursor: pointer; }

.rating-stars::before {
  content: "★★★★★";
  /* Unicode for stars */
  position: absolute;
  top: 0;
  left: 0;
  color: #ccc;
  /* Grey stars */
  z-index: 1;
  width: 100%;
  height: 100%;
  font-size: 1rem; }

.rating-stars::after {
  content: "★★★★★";
  /* Unicode for stars */
  position: absolute;
  top: 0;
  left: 0;
  color: #ffcc00;
  /* Yellow stars */
  z-index: 2;
  width: var(--rating-width, 100%);
  /* Use custom property */
  height: 100%;
  overflow: hidden;
  /* Hide overflowing part of the yellow stars */
  transition: width 0.2s;
  /* Smooth transition for rating changes */
  font-size: 1rem; }

.rating-value {
  font-size: 1rem;
  margin-top: 0.5rem; }

#feedback-thanks-box {
  display: none; }
  #feedback-thanks-box.active {
    display: flex; }
  #feedback-thanks-box svg {
    fill: var(--color-digital_func_green); }