.quiz-wrapper{max-width:800px;margin:0 auto;padding:2rem 2rem 9rem;font-family:Poppins}.quiz-wrapper h2{font-size:2rem;padding-bottom:1rem;font-family:Gilroy,sans-serif;margin-bottom:1rem}.quiz-title{font-weight:800;font-family:Gilroy-Black,sans-serif;color:#000;text-transform:uppercase;font-size:5rem;text-align:center}.quiz-intro{text-align:center;margin-bottom:5rem}.quiz-intro-image{width:100%;aspect-ratio:16 / 9;max-height:360px;overflow:hidden;border-radius:4px;margin-bottom:1.5rem}.quiz-intro-image__img{width:100%;height:100%;display:block;object-fit:cover}.quiz-intro-text{font-family:Poppins;font-size:1.6rem;line-height:1.5;color:#333;max-width:640px;margin:0 auto}.quiz-progress-text{text-align:center;font-family:Poppins;font-size:1.4rem;color:#666;margin-bottom:1.5rem}.quiz-question-box{padding:1.5rem;border-radius:8px;margin-bottom:1rem}.quiz-question-box h3{margin:0 0 .75rem}.quiz-question{font-size:2rem;font-family:Poppins,sans-serif}.quiz-question-container{margin-bottom:2rem}.question-num{color:#f1f1f1;text-align:center;padding:1rem 5rem;font-family:Gilroy;text-transform:uppercase;max-width:fit-content;background-color:#e72027;font-weight:600;font-size:2rem}.quiz-step[hidden]{display:none}.quiz-step-image{position:relative;width:100%;aspect-ratio:16 / 9;max-height:350px;overflow:hidden;border-radius:4px;margin-bottom:2.5rem}.quiz-step-carousel__track{display:flex;width:100%;height:100%;transition:transform .6s ease}.quiz-step-carousel__slide{flex:0 0 100%;width:100%;height:100%}.quiz-step-carousel__dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:6px}.quiz-step-carousel__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#ffffff80;cursor:pointer;transition:background .3s ease}.quiz-step-carousel__dot.is-active{background:#fff}.quiz-select-hint{font-size:1.5rem;margin-top:0;font-family:Poppins}.quiz-step-image__img{width:100%;height:100%;object-position:50% 85%;display:block;object-fit:cover}.quiz-back-link{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:.5rem 0;margin-bottom:1rem;font-family:Poppins;font-size:1.3rem;font-weight:600;color:#666;cursor:pointer;transition:color .2s ease}.quiz-back-link:hover{color:#e72027}.quiz-back-link[hidden]{display:none}.option-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.75rem}.option-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:2px solid #ddd;border-radius:8px;background-color:#fff;cursor:pointer;transition:all .3s ease}.option-row:hover{border-color:#e72027;transform:translate(4px);box-shadow:0 4px 12px #e7202733}.option-row:hover .option-row__label{color:#e72027}.option-row:hover .option-row__icon svg path{fill:#e72027}.option-row.selected{border-color:#000;background-color:#f0f0f0;box-shadow:0 4px 12px #0003}.option-row__label{font-size:1.4rem;font-family:Poppins;font-weight:600;color:#000;text-align:left;transition:color .3s ease}.option-row__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.option-row__icon svg,.option-row__icon img{max-width:100%;max-height:100%;width:auto;height:auto}.option-row__icon svg path{fill:#000;transition:fill .3s ease}.quiz-sticky-footer{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:1.2rem 1.6rem calc(1.2rem + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid rgba(33,30,35,.12);box-shadow:0 -8px 24px #00000014;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quiz-next-btn{display:block;width:100%;max-width:800px;margin:0 auto}.quiz-next-btn[disabled]{opacity:.6;cursor:not-allowed}@media screen and (max-width:767px){.question-num{margin-left:-2rem!important}.quiz-wrapper{padding:0;max-width:100%}}@media(max-width:767px){.quiz-title{font-size:3.8rem;padding:1rem}.quiz-step-image{max-height:200px;transform:scale(1.1);margin-top:2rem;margin-bottom:3rem;border-radius:0}.quiz-intro-image{max-height:220px}.quiz-intro-text{font-size:1.3rem}.option-row{padding:.85rem 1rem}.option-row__label{font-size:1.2rem}.option-row__icon{width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/personalized-quiz.css.map */