.drinkiq-quiz-questions { background: var(--primary-natural);}
.drinkiq-quiz-questions__option { padding: 3.2rem 2.4rem 3.2rem 2.4rem; border-radius: 2.4rem; border: 1px solid var(--primary-carbon); background-color:#E4E5FE; padding-left: 6.6rem; text-align: left; line-height: 2.8rem;}
/*.drinkiq-quiz-questions__option input[type="radio"] {appearance: none; cursor: pointer; top: 0; left: 0; text-align: left; border: 0px; padding-left: 70px; transition: 0.7s all ease-in-out; border-radius: 20px;}*/
.drinkiq-quiz-questions__option input[type="radio"] {appearance: none; cursor: pointer; top: 0; left: 0; text-align: left; border: 0px; padding-left: 6.6rem; transition: background 0.9s ease-in-out; border-radius: 2.4rem;}
.drinkiq-quiz-questions__option.is-correct-option .radio-input.checked::after { content: ''; position: absolute; top: 0px; bottom: 0; margin: auto; border-radius: 50%;}
.drinkiq-quiz-questions__option input[type="radio"]:before { left: 2.4rem;  background-color:#E4E5FE;}
.drinkiq-quiz-questions__option input[type="radio"]:after, .drinkiq-quiz-questions__option .radio-input.checked::after { opacity: 0; width: 2.6rem; height: 2.6rem; left: 2.4rem; background-position: center; background-repeat: no-repeat; background:transparent; }
.drinkiq-quiz-questions__option .radio-input:checked {background: var(--secondary-light-purple); transition: background 0.9s ease-in-out;}
.drinkiq-quiz-questions__option.is-incorrect-option .radio-input:checked::after {background: url(/~/media/Images/D/drinkiq-v2/Universal/quiz/new-drinkiq-quiz/icon-close) no-repeat center; background-color: #333; opacity: 1; background-size: 1.4rem; transition: size 0.4s ease-in-out;}
.drinkiq-quiz-questions__option.is-correct-option .radio-input:checked::after, .drinkiq-quiz-questions__correct-title:before, .drinkiq-quiz-questions__option.is-correct-option .radio-input.checked::after {
    background: url(/~/media/Images/D/drinkiq-v2/Universal/quiz/new-drinkiq-quiz/icon-correct) no-repeat center; 
    opacity: 1; 
    background-size: 2rem; 
    background-color: #333;
    transition: size 0.4s ease-in-out;
}
.drinkiq-quiz-questions__incorrect-title:before {background: #333 url(/~/media/Images/D/drinkiq-v2/Universal/quiz/new-drinkiq-quiz/icon-close) no-repeat center ; background-size: 1.6rem;}
.drinkiq-quiz-questions__option.is-correct-option .radio-input:checked, .drinkiq-quiz-questions__option.is-correct-option .radio-input.checked {background: var(--secondary-dark-mint); transition: background 0.9s ease-in-out;}
.drinkiq-quiz-questions__incorrect-panel, .drinkiq-quiz-questions__correct-panel {min-height: 20rem; }/*opacity: 0;
.drinkiq-quiz-questions__incorrect-panel.visible, .drinkiq-quiz-questions__correct-panel.visible { opacity: 1;}
.drinkiq-quiz-questions__incorrect-panel, .drinkiq-quiz-questions__correct-panel { min-height: 20rem; transform: translateY(10px); transition: opacity 0.7s ease, transform 0.7s ease; opacity: 0;}
.drinkiq-quiz-questions__incorrect-panel.visible, .drinkiq-quiz-questions__correct-panel.visible { opacity: 1; transform: translateY(0);}*/
.drinkiq-quiz-questions__incorrect-desc p, .drinkiq-quiz-questions__correct-desc p {margin-bottom:0; font-weight: 300;}
.drinkiq-quiz-questions__incorrect-title:before, .drinkiq-quiz-questions__correct-title:before {width: 3rem; height: 3rem; content: ''; position: absolute; border-radius: 50%; left: 0;}
.drinkiq-quiz-questions__incorrect-title, .drinkiq-quiz-questions__correct-title {padding-left: 4.6rem;}
.drinkiq-quiz-questions__option.is-correct-option .radio-input.checked {border-radius: 2.4rem;}
.drinkiq-quiz-questions__incorrect-cta, .drinkiq-quiz-questions__correct-cta {max-width: fit-content; min-width: -webkit-fill-available; min-width: -moz-available;}
.drinkiq-quiz-questions__option input:disabled {cursor: default}
.drinkiq-quiz-questions__option input[type="radio"]:focus + label {outline: 2px dashed transparent;}

@media only screen and (max-width:767.98px){
.drinkiq-quiz-questions__title { font-size: 2.4rem; line-height: 2.8rem;}
.drinkiq-quiz-questions__incorrect-cta, .drinkiq-quiz-questions__correct-cta {min-width: 20rem;}
}

.drinkiq-quiz-questions__incorrect-panel.visible, 
.drinkiq-quiz-questions__correct-panel.visible { 
   /* display: flex !important;
    animation: slideUpFade 1s ease forwards;
    will-change: transform;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;*/
    display: flex !important;
    animation: slideUpFade 1s ease forwards;
    will-change: transform;
    backface-visibility: hidden;
    perspective: 1000px;
    transform-style: preserve-3d;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes slideUpFade {
    from {
        /*opacity: 0;*/
        transform: translate3d(0, 200px, 0);
    }
    to {
        /*opacity: 1;*/
        transform: translate3d(0, 0, 0);
    }
}