.emojiWrap {
  
  max-width: 300px;
  margin-inline: auto;
}

.emojiWrap > div {
  
  width: 30px;
}

.emojiTitle {
  
  justify-content: center;
  font-weight: bold;
}


.cn-body .emojiWrap input[type="radio"] + label {
    
  display: none;
}

.cn-body .emojiWrap label {
  
  font-size: 30px;
  opacity: .2;
  cursor: pointer;
}

.cn-body .emojiWrap.cn-emojiWrap--outline-error label {
  
  color: var(--color2);
  opacity: 1;
}

.cn-body .emojiWrap input[type="radio"]:checked ~ label {
  
  color: var(--color4);
  opacity: 1;
}

.cn-body .emojiWrap input[type="radio"] ~ label .fa-solid{
  
  display: none;
}

.cn-body .emojiWrap input[type="radio"] ~ label .fa-light{
  
  display: block;
}

.cn-body .emojiWrap input[type="radio"]:checked ~ label .fa-solid{
  
  display: block;
}

.cn-body .emojiWrap input[type="radio"]:checked ~ label .fa-light{
  
  display: none;
}

.cn-body .successTextTitle {
  
  justify-content: center;
  text-align: center;
}

.cn-body .successTextTitle  > * {
  
  text-align: center;
}

.cn-body .ratestar1s img{
  
  max-width: 40px;
  margin: auto;
  display: block;
}