.yash-ticket-rating {
  margin-top: 22px;
  padding: 18px;
  border: 1px solid rgba(190, 135, 86, .30);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(31, 24, 20, .82), rgba(15, 15, 17, .88));
}

.yash-ticket-rating__title {
  margin: 0;
  color: #eadfd5;
  font-size: 1.05rem;
}

.yash-ticket-rating__intro {
  margin: 8px 0 14px;
  color: rgba(231, 221, 211, .72);
  line-height: 1.55;
}

.yash-ticket-rating__stars {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
}

.yash-ticket-rating__star {
  appearance: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: #52483f;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  transition:
    transform .12s ease,
    color .12s ease,
    text-shadow .12s ease;
}

.yash-ticket-rating__star:hover,
.yash-ticket-rating__star.is-active {
  color: #f5b35f;
  text-shadow: 0 0 12px rgba(245, 179, 95, .28);
  transform: translateY(-1px);
}

.yash-ticket-rating__comment {
  width: 100%;
  min-height: 100px;
  resize: vertical;
  box-sizing: border-box;
  padding: 11px 12px;
  border: 1px solid rgba(190, 135, 86, .24);
  border-radius: 9px;
  background: rgba(8, 9, 11, .72);
  color: #ece3dc;
  font: inherit;
}

.yash-ticket-rating__comment:focus {
  outline: none;
  border-color: rgba(214, 145, 92, .52);
  box-shadow: 0 0 0 2px rgba(214, 145, 92, .08);
}

.yash-ticket-rating__submit {
  margin-top: 12px;
  min-height: 40px;
  padding: 0 15px;
  border: 1px solid rgba(214, 145, 92, .32);
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(133, 78, 44, .76), rgba(89, 51, 32, .78));
  color: #f6e7d8;
  font-weight: 700;
  cursor: pointer;
}

.yash-ticket-rating__submit:hover {
  border-color: rgba(231, 159, 103, .58);
}

.yash-ticket-rating__submit:disabled {
  opacity: .55;
  cursor: default;
}

.yash-ticket-rating__feedback {
  min-height: 20px;
  margin-top: 8px;
  color: rgba(230, 218, 207, .68);
  font-size: .88rem;
}

.yash-ticket-rating__submitted {
  margin-top: 10px;
  color: #f5b35f;
  font-size: 1.05rem;
  font-weight: 700;
}

.yash-ticket-rating__saved-comment {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-left: 2px solid rgba(245, 179, 95, .42);
  background: rgba(255, 255, 255, .025);
  color: rgba(236, 226, 216, .82);
  white-space: pre-wrap;
}