.personality-quiz-inner{width:100%;min-height:100vh;position:relative;overflow:hidden}.personality-quiz-inner .introduction-container,.personality-quiz-inner .question-container,.personality-quiz-inner .results-container{position:relative;min-height:100vh;padding:clamp(40px,5vh,80px) clamp(20px,3vh,50px);display:flex}.personality-quiz-inner .introduction-container{align-items:center}.personality-quiz-inner .introduction-container .quiz-introduction-content{position:relative;width:100%}.personality-quiz-inner .introduction-container .quiz-introduction-content .quiz-introduction-bg{width:100%;object-fit:contain}.personality-quiz-inner .introduction-container .quiz-introduction-content-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;text-align:center}.personality-quiz-inner .introduction-container .quiz-introduction-content-inner .introduction-text{margin-bottom:1.75em;line-height:1.1;font-size:clamp(16px,5vw,26px)}.personality-quiz-inner .introduction-container .quiz-heading{margin:0;font-family:Jersey25,sans-serif;line-height:1;text-transform:uppercase;font-size:8vw;font-weight:400}.personality-quiz-inner .introduction-container .quiz-introduction-content-inner .play-button-container{display:flex;width:60%;position:relative;margin:0 auto;transform:scale(1);transition:transform .5s ease;cursor:pointer}.personality-quiz-inner .introduction-container .quiz-introduction-content-inner .play-button-container:hover{transform:scale(.95)}.personality-quiz-inner .introduction-container .quiz-introduction-content-inner .play-button-container img{width:100%;object-fit:contain}.personality-quiz-inner .quiz-background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.personality-quiz-inner .question-container .question-intro-outer{height:40vh}.personality-quiz-inner .question-container .question-intro-outer .progress-bar{width:50%;height:auto;object-fit:contain;margin:1em auto;margin-bottom:4vh;display:flex}.personality-quiz-inner .question-container .question-intro{position:relative}.personality-quiz-inner .question-container .question-intro .intro-bg{width:100%;object-fit:contain}body .personality-quiz-inner *{font-family:Jersey10,sans-serif}.personality-quiz-inner .question-container .answer{position:relative;width:65%;margin:.5em auto;cursor:pointer;display:flex;transform:scale(1);transition:transform .5s ease}.personality-quiz-inner .question-container .answer:hover{transform:scale(.95)}.personality-quiz-inner .question-container .answer .answer-button-img{width:100%;object-fit:contain}.personality-quiz-inner .question-container .answer .answer-text{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-family:Jersey25,sans-serif;font-size:clamp(16px,4.5vw,40px);text-align:center;width:85%;line-height:1.05}.personality-quiz-inner .question-container .question-intro .question-intro-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center;line-height:1.05;font-size:clamp(16px,4.75vw,30px)}.personality-quiz-inner .question-container .question-content{position:relative;display:flex;flex-flow:column;justify-content:space-between;height:100%;flex-grow:1}.personality-quiz-inner .question-container .question{position:relative;display:flex}.personality-quiz-inner .speech-bubble{width:100%;object-fit:contain}.personality-quiz-inner .question-container .question .question-text{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.05;width:85%;font-size:clamp(14px,4.75vw,26px)}.personality-quiz-inner .results-container{background-color:#85cfd9;flex-flow:column}.personality-quiz-inner .results-container .result-container{display:none;position:relative}.personality-quiz-inner .results-container .result-container.active{display:block;opacity:1}.personality-quiz-inner .results-container .result-container img{width:100%;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:default;pointer-events:auto}.personality-quiz-inner .after-result-section{margin-top:.75em}.template-page-personality-quiz #st-el-2{background-color:#00000080}.template-page-personality-quiz #st-el-2 .st-logo{display:none!important;opacity:0!important}.template-page-personality-quiz #st-el-2 .st-close{display:flex;justify-content:center;align-items:center}.template-page-personality-quiz #st-el-2 .st-disclaimer{display:none!important;opacity:0!important}.personality-quiz-inner .after-result-section .after-result-share-text-container{position:relative;animation:bounceUp 1.8s ease-out infinite}@keyframes bounceUp{0%{transform:translateY(0)}10%{transform:translateY(-.7em)}20%{transform:translateY(.5em)}30%{transform:translateY(-.2em)}50%{transform:translateY(0)}to{transform:translateY(0)}}.personality-quiz-inner .after-result-section .after-result-share-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1;width:100%;font-size:5.35vw}.personality-quiz-inner .after-result-buttons .copy-link-btn,.personality-quiz-inner .after-result-buttons .restart-button{display:block;width:100%;aspect-ratio:5/2;cursor:pointer;transform:scale(1);opacity:1!important;top:0!important;transition:transform .5s ease!important}.personality-quiz-inner .after-result-buttons .copy-link-btn:hover,.personality-quiz-inner .after-result-buttons .restart-button:hover{transform:scale(.95);opacity:1!important;top:0!important}.personality-quiz-inner .after-result-section{width:100%;position:relative}.personality-quiz-inner .after-result-buttons .copy-link-btn{background-image:url(personality-quiz-share-button-new.svg);background-size:100% auto;background-repeat:no-repeat}.personality-quiz-inner .after-result-buttons-flex{display:flex;justify-content:space-between;margin:.75em 0}.personality-quiz-inner .after-result-buttons-flex .button-half{width:48%}.personality-quiz-inner .after-result-buttons .restart-button{background-image:url(personality-quiz-restart-button-new.svg);background-size:100% auto;background-repeat:no-repeat}.personality-quiz-inner .after-result-buttons .shop-enzim-now{width:65%;display:flex;margin:.5em auto;transform:scale(1);transition:transform .5s ease}.personality-quiz-inner .after-result-buttons .shop-enzim-now:hover{transform:scale(.95)}.personality-quiz-inner .after-result-buttons .shop-enzim-now img{width:100%;object-fit:contain}.copy-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;opacity:0;pointer-events:none;transition:opacity .3s ease;display:flex;width:60%}.copy-popup .copy-popup-image{width:100%;object-fit:contain}.copy-popup.active{opacity:1}@media screen and (min-width: 500px){.personality-quiz-inner{max-width:48vh;margin:0 auto}.personality-quiz-inner .introduction-container .quiz-heading{font-size:4vh}.personality-quiz-inner .introduction-container .quiz-introduction-content-inner .introduction-text{font-size:2.4vh}.personality-quiz-inner .question-container .answer .answer-text{font-size:clamp(18px,2.15vh,5vw)}.personality-quiz-inner .question-container .question .question-text{font-size:clamp(14px,2.15vh,5vw)}.personality-quiz-inner .question-container .question-intro .question-intro-text{font-size:clamp(16px,2.5vh,40px)}.template-page-personality-quiz #st-el-2{max-width:48vh;left:0;right:0;margin-left:auto;margin-right:auto}.personality-quiz-inner .after-result-section .after-result-share-text{font-size:2.7vh}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-personality-quiz.css.map */
