body.template-page[class*="310-quiz."] #PageContainer{overflow:unset;padding-top:0!important;height:100%}.template-page[class*="310-quiz."] #MainContent{position:relative}.quiz-310-question-section{width:100%;height:100%;justify-content:center;overflow:hidden;position:relative}.quiz-310-question-section.active{display:flex}.quiz-310-question-wrapper{width:100%;height:100%;display:flex;justify-content:center;padding:60px 20px;text-align:center}.q310question-container{max-width:100%;width:660px;font-size:20px;position:relative;z-index:1}.quiz-310-question-wrapper .my-section__bg{background:#fff;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;transition:all .3s ease;transition-delay:2s}.q310question-progress{margin:0 auto 25px}.q310question-pbar{background:#ffe3d7;width:100%;height:20px;display:block;border:1px solid #FF8248;border-radius:100px;position:relative}.q310question-pbar small{background:#ff8248;border-radius:100px;display:inline-block;height:100%;width:10%;position:absolute;left:0;top:0}.q310question-step{font-size:.8em}.q310question-body{display:flex;flex-direction:column;gap:25px}.q310question-head{gap:20px;display:flex;flex-direction:column}.q310question-body h2{font-size:1em;margin:0;line-height:100%}.q310question-body p{font-size:.9em;margin:0}.q310question-nav{display:flex;flex-direction:column;gap:15px}.q310question-nav .continue-btn{min-height:50px;font-size:1em;font-weight:700;color:#fff;background:#ff6720;width:auto;border-radius:100px;padding:10px}.q310question-nav .back-btn{font-size:.9em;text-decoration:underline;border:none}.q310question-nav .back-btn:hover{background:var(--color-button-secondary-background);color:var(--color-button-secondary-text)}.q310question-nav button{cursor:pointer}.q310question-nav .notice{color:red;font-size:.8em}.q310question-answers-list{display:flex;flex-direction:column;gap:15px}.q310question-answers-list label{position:relative}.q310question-answers-list label .handlespan{font-size:16px;background:#fff;border:1.5px solid #3D3935;border-radius:5px;width:100%;display:block;padding:15px 20px;line-height:100%;font-weight:500;cursor:pointer;transition:.3s all ease;text-align:left}.q310question-answers-list label .q310q-answer{position:absolute;right:0;opacity:0}.q310question-answers-list label:hover .handlespan,.q310question-answers-list label .q310q-answer:checked+.handlespan{border-color:#ff8248;background:#ffe3d7}.q310question-answers-list label .q310q-answer+.handlespan:after{content:"";background:url(/cdn/shop/files/orange-check.png) no-repeat center;background-size:contain;width:24px;height:24px;display:inline-block;position:absolute;right:20px;top:0;bottom:0;margin:auto;transition:all .3s ease;transform:scale(0)}.q310question-answers-list .q310q-answer:checked+.handlespan:after{transform:scale(1)}.q310question-answers-list.fieldtype-fields .aria-hidden{display:none}.q310question-answers-list.fieldtype-fields label input{background:#fff;border:1.5px solid #3D3935;border-radius:100px;width:100%;display:block;padding:20px 25px;line-height:100%;font-weight:500;font-size:1em;transition:.3s all ease;text-align:center;outline:none}.q310question-answers-list.fieldtype-fields label input::placeholder{color:#aaa}.q310question-answers-list.fieldtype-fields label input:hover,.q310question-answers-list.fieldtype-fields label input:active,.q310question-answers-list.fieldtype-fields label input:focus,.q310question-answers-list.fieldtype-fields label input:not(:placeholder-shown){border-color:#ff8248;background:#ffe3d7}.quiz-310-result-section{overflow:hidden;position:relative}.quiz-310-result-section.active{display:flex}.q310result-ratings{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;margin:5px auto 0}.q310result-rating-stars{display:flex;justify-content:center;align-items:center;gap:3px}.q310result-ratings img{width:30px}.q310question-body .q310result-title{font-size:2.8em}.q310result-newsletter-description{font-size:1em;font-weight:400;margin:0 auto 10px}.q310result-product img{max-width:660px;height:auto;max-height:400px;object-fit:contain;margin:0 auto}.q310result-newsletter input[type=email]{background:#fff;border:1.5px solid #3D3935;border-radius:15px;width:100%;display:block;padding:15px 25px;line-height:100%;font-weight:500;font-size:1em;transition:.3s all ease;text-align:center;outline:none}.q310result-newsletter input[type=email]::placeholder{color:#aaa}.q310result-newsletter input[type=email]:hover,.q310result-newsletter input[type=email]:active,.q310result-newsletter input[type=email]:focus,.q310result-newsletter input[type=email]:not(:placeholder-shown){border-color:#ff8248;background:#ffe3d7}.my-section__bg img{width:100%;animation:enterSlideBG 2s ease 1 normal}.next .q310question-container{animation:nextSlideCon 1.5s ease 1 normal}.back .q310question-container{animation:backSlideCon 1.5s ease 1 normal}.quiz-310-result-section .q310question-container{animation:resultBlurIn 2s ease 1 normal}@keyframes enterSlideBG{0%{transform:translateY(-100%) scale(1.2)}to{transform:translateY(0) scale(1)}}@keyframes nextSlideCon{0%{opacity:0;filter:blur(3px)}10%{transform:translate(35%)}90%{transform:translate(0)}to{opacity:1;filter:blur(0px)}}@keyframes backSlideCon{0%{opacity:0;filter:blur(3px)}10%{transform:translate(-35%)}90%{transform:translate(0)}to{opacity:1;filter:blur(0px)}}@keyframes resultBlurIn{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0px)}}@media only screen and (max-width: 960px){.quiz-310-question-wrapper{padding:30px 20px}.q310question-container{font-size:16px;width:830px}.q310question-answers-list label .handlespan{padding:10px 15px}.q310question-answers-list label .q310q-answer+.handlespan:after{width:17px;height:17px}.q310question-progress{margin:0 auto 15px}.q310question-pbar{height:12px}.q310question-head{gap:10px}.q310question-body,.q310question-answers-list{gap:20px}.q310question-nav{gap:10px}.q310question-answers-list.fieldtype-fields label input,.q310result-newsletter input[type=email]{padding:15px 20px}.q310result-ratings{flex-direction:row}.q310result-ratings img{width:18px}.q310question-body .q310result-title{font-size:2.25em}}@media only screen and (max-width: 440px){.q310question-answers-list label .handlespan,.q310question-answers-list.fieldtype-fields label input{padding:15px 20px}.q310result-newsletter input[type=email]{padding:15px 20px;border-radius:5px}.q310result-ratings{flex-direction:column;gap:5px}}@media (max-width: 899px){.q310result-product img,.q310result-rating-stars img{max-width:100%;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/2664/assets/310-quiz.css.map */