.evaluation-target-info {
  padding-block: var(--spacing-8);
  display: grid;
  gap: var(--spacing-4);
}
.card.rating-form {
  padding-inline: var(--spacing-6);
  padding-block: var(--spacing-4);
  display: grid;
  gap: var(--spacing-4);
}
.c-rating-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-6);
  .rating-label {
    font-size: var(--font-size-3);
    font-weight: bold;
    color: var(--color-text-base-middle);
  }
  .star-rating {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    direction: rtl;
    unicode-bidi: bidi-override;
    input[type="radio"] {
      overflow: hidden;
      width: 0;
      height: 0;
      opacity: 0;
    }
    input[type="radio"]:checked ~ label,
    input[type="radio"]:checked + label {
      .unchecked {
        opacity: 0;
      }
      .checked {
        opacity: 1;
      }
    }
    label {
      width: 36px;
      height: 36px;
      position: relative;
      cursor: pointer;
      span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 28px;
        height: 28px;
        display: inline-flex;
        &.unchecked {
          .icon {
            fill: var(--color-text-base-disabled);
          }
        }
        &.checked {
          opacity: 0;
          .icon {
            fill: var(--yellow-7);
          }
        }
      }
      .icon {
        width: 28px;
        height: 28px;
      }
    }
  }
}