.post-quiz-poll { padding-top: 12.2rem; background: var(--primary-natural);}
.post-quiz-poll__option { padding: 3.2rem 2.4rem 3.2rem 2.4rem; border-radius: 2.4rem; border: 1px solid #011013; background-color: #E4E5FE; padding-left: 6.6rem; text-align: left;}
.post-quiz-poll__option input[type="radio"] {appearance: none; cursor: pointer; top: 0; left: 0; text-align: left; border: 0px; padding-left: 6.6rem; border-radius: 2.4rem; transition: 0.7s all ease-out;}
.post-quiz-poll__option .radio-label {cursor: pointer;}
.post-quiz-poll__option input[type="radio"]:before {background-color: #E4E5FE; left: 2.4rem;}
.post-quiz-poll__option input:checked { background: var(--secondary-light-purple);}
.post-quiz-poll__option input:checked::after { width: 1.8rem; height: 1.8rem; left: 2.8rem;}
.post-quiz-poll__correct-title:before { width: 3rem; height: 3rem; content: ''; position: absolute; border-radius: 50%; left: 0; background: #333 url(/~/media/Images/D/drinkiq-v2/Universal/quiz/new-drinkiq-quiz/icon-correct) no-repeat center / 2rem;}
.post-quiz-poll__correct-title { padding-left: 4.6rem; }
.post-quiz-poll__correct-desc p {margin-bottom: 0; font-weight: 300;}
.post-quiz-poll__option input[type="radio"]:checked::before {background: #BBBEF4;}
.post-quiz-poll__correct-panel { min-height: 20rem; /*transform: translateY(1rem); transition: opacity 0.7s ease, transform 0.7s ease; opacity: 0;*/}
.post-quiz-poll.poll-answered .post-quiz-poll__correct-panel { display: block !important;}
/*.post-quiz-poll__correct-panel.visible { opacity: 1; transform: translateY(0);}*/
.post-quiz-poll__option input[type="radio"]:focus-visible {outline: 1px dashed !important; border-radius: 2rem;}
.post-quiz-poll__correct-cta {max-width: fit-content;}
.post-quiz-poll__option input:disabled, .post-quiz-poll__option:has(input:disabled) label {cursor: default}
.post-quiz-poll__option input[type="radio"]:focus + label {outline: 2px dashed transparent;}
.post-quiz-poll__correct-cta {min-width: 15rem;}

@media only screen and (max-width:991.98px){
.post-quiz-poll {padding-top: 8rem;}
}

@media only screen and (max-width:767.98px){
.post-quiz-poll__title {font-size: 2.4rem; line-height: 2.8rem;}
.post-quiz-poll__correct-cta {min-width: 20rem;}
} 

/*panel animation*/
.post-quiz-poll__correct-panel.visible { 
    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;
}