.cc_dm217hog_pgo7m1htVq .skin-quiz__box {
  background: var(--torka-mist);
  border-radius: var(--torka-radius);
  padding: 2.5rem 1.375rem;
}

.cc_dm217hog_pgo7m1htVq .skin-quiz__title {
  font-size: clamp(2.25rem, 4vw, 3.75rem);
}

.cc_dm217hog_pgo7m1htVq .skin-quiz__title .torka-soft {
  color: var(--torka-rose);
}

.cc_dm217hog_pgo7m1htVq .skin-quiz__options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.75rem 0 2.25rem;
}

.cc_dm217hog_pgo7m1htVq .skin-quiz__options button {
  border: 1px solid rgba(21, 24, 28, 0.15);
  background: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  padding: 0.75rem 1.375rem;
  font: 600 0.9375rem var(--torka-font);
  color: var(--torka-ink);
  cursor: pointer;
  transition: all 0.3s var(--torka-ease);
}

.cc_dm217hog_pgo7m1htVq .skin-quiz__options button.is-on {
  background: var(--torka-ink);
  color: var(--torka-white);
  border-color: var(--torka-ink);
}

.cc_dm217hog_pgo7m1htVq .skin-quiz__body.is-ready .quiz-option {
  display: none;
}

.cc_dm217hog_pgo7m1htVq .skin-quiz__body.is-ready .quiz-option.is-active {
  display: grid;
  animation: cc_dm217hog_pgo7m1htVq_torka-tab-in 0.6s var(--torka-ease);
}

.cc_dm217hog_pgo7m1htVq .skin-quiz__body:not(.is-ready) .quiz-option + .quiz-option {
  margin-top: 2rem;
}

@keyframes cc_dm217hog_pgo7m1htVq_torka-tab-in {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: none; }
}

@media (min-width: 1024px) {
  .cc_dm217hog_pgo7m1htVq .skin-quiz__box {
    padding: 4.375rem;
  }
}