.quiz-item-question{transition:transform ease-out .3s;width:100%;position:absolute;height:100%;left:0;top:0;transform:translate(-120%)}.quiz-item-question.hide{transform:translate(120%)}.quiz-item-question.hide.active{transform:translate(0);display:block;position:relative}.quiz-wrapper .quiz-list{display:flex;overflow:hidden;flex-direction:row;position:relative}.quiz-wrapper .quiz-header{gap:20px;display:flex;justify-content:space-between;margin-top:30px;position:relative;padding-bottom:20px;align-items:center;position:sticky;top:calc(var(--header-group-height) - 1px);background:#f4f4f4;z-index:2;padding-top:10px}.quiz-wrapper .quiz-header .back-button-numer{display:flex;align-items:center;gap:20px;margin:0 auto}.quiz-wrapper .quiz-header .back-button-numer button{display:flex;justify-content:center;align-items:center;border:none;width:40px;height:40px;padding:0;outline:none;box-shadow:none;cursor:pointer}.quiz-wrapper .quiz-header .back-button-numer .number_question{display:inline-block;background:#aeaeae;color:#fff;padding:6px 20px;line-height:1;border-radius:10px}.quiz-wrapper .close_quiz{display:flex;justify-content:center;align-items:center;border:none;width:40px;height:40px;padding:0;outline:none;box-shadow:none;cursor:pointer}.quiz-wrapper .process_bar{display:block;position:absolute;width:100%;height:6px;background:#ccc;bottom:5px;border-radius:6px;overflow:hidden}.quiz-wrapper .process_bar .process_bar_inner{display:block;width:8.33%;height:100%;background:#2196f3}.quiz-item-question .question-inner .note_question{display:block;text-align:center;margin-top:0;font-size:18px;color:#000}.quiz-item-question .question_title{color:#0f0f0f;font-size:28px;font-weight:400;line-height:32px;margin:108px auto 10px;text-align:center;width:100%;max-width:710px}.quiz-item-question .answer_list{align-items:center;display:flex;gap:15px;justify-content:center;flex-direction:column;margin-bottom:120px;margin-top:40px}.quiz-item-question .answer_list .answer-item{align-items:center;background:#fff;border:1px solid rgba(231,235,237,.8);border-radius:8px;box-shadow:0 4px 10px #0000000f;cursor:pointer;display:flex;flex-direction:row;height:104px;margin:0;outline:none;position:relative;transition:transform .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:300px;justify-content:flex-start;padding:0}.quiz-item-question .answer_list .answer-item>label.option{display:flex;align-items:center;justify-content:flex-start;gap:12px;-webkit-appearance:button;cursor:pointer;width:100%;height:100%;border-radius:8px}.quiz-item-question .answer_list .answer-item>label.option .wrapper-img{display:flex;width:132px;align-items:center;justify-content:center;min-width:132px}.quiz-item-question .answer_list .answer-item>label.option .answer_text{color:#020621;font-size:18px;font-weight:500;line-height:21px;letter-spacing:inherit;display:block;margin:0}#step-4.quiz-item-question .question-inner{margin-bottom:120px}#step-4.quiz-item-question .answer_list,#step-8.quiz-item-question .answer_list,#step-9.quiz-item-question .answer_list,#step-10.quiz-item-question .answer_list,#step-11.quiz-item-question .answer_list{margin-bottom:20px}.quiz-wrapper .btn_ok{background:#2196f3;color:#fff;font-weight:700;display:flex;padding:6px;width:100%;text-align:center;max-width:300px;margin:0 auto;border-radius:40px;font-size:20px;min-height:70px;justify-content:center;align-items:center}.quiz-item-question .image_top{display:block;margin:0 auto 30px;width:100%;max-width:140px;border-radius:100%;overflow:hidden}.quiz-item-question .image_top img{display:block;margin:0 auto}#step-7.quiz-item-question .question-inner,#step-8.quiz-item-question .question-inner,#step-12.quiz-item-question .question-inner{margin-top:100px}#step-7.quiz-item-question .question_title,#step-8.quiz-item-question .question_title{margin-top:10px}#step-7.quiz-item-question .answer_list .answer-item>label.option,#step-9.quiz-item-question .answer_list .answer-item>label.option,#step-10.quiz-item-question .answer_list .answer-item>label.option,#step-11.quiz-item-question .answer_list .answer-item>label.option{justify-content:center;width:100%;height:100%}#step-8.quiz-item-question .answer-item_ques_8{display:block;text-align:center;margin-bottom:38px;font-size:20px;color:#000;line-height:1.5;margin-top:15px}#step-8.quiz-item-question .answer-item_ques_8 strong{color:#2196f3;font-style:italic}#step-8.quiz-item-question,#step-9.quiz-item-question,#step-10.quiz-item-question,#step-11.quiz-item-question{margin-bottom:120px}.quiz-item-question .answer_list.grid_style{gap:12px;justify-content:center;flex-direction:row;flex-wrap:wrap;max-width:790px;margin-left:auto;margin-right:auto}.quiz-item-question .answer_list.grid_style .answer-item{width:220px}.quiz-item-question .answer_list.grid_style.grid_4 .answer-item{width:150px;height:75px;border-radius:6px;padding:0}.quiz-item-question .answer_list input{visibility:hidden;opacity:0;margin:0;font-size:0;width:0;height:0}#step-10.quiz-item-question .answer_list.grid_style.grid_4 .answer-item{padding:0}.quiz-item-question .answer_list.grid_style.grid_4 .answer-item .option_img{display:block;height:100%;padding-bottom:5px}.quiz-item-question .answer_list.grid_style.grid_4 .answer-item label{border-radius:6px}.quiz-item-question .answer_list.grid_style.grid_4 .answer-item label>img{display:block;height:100%}.quiz-item-question .answer_list.grid_style.grid_4 .answer-item .option_img img{display:block;height:100%}.quiz-item-question .answer_list input:checked+label{border:2px solid #2196f3}.quiz-item-question .answer_list input:checked+label:before{font-family:FontAwesome;content:"\f00c";background:#2196f3;color:#fff;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:10px;border-radius:15px;position:absolute;z-index:1;right:-7px;top:-7px}.quiz-item-question .answer_list .answer-item:hover{transform:scale(.95)}.quiz-wrapper .klaviyo-form form div[data-testid=form-row]:last-child .needsclick.kl-private-reset-css-Xuajs1{color:#646464!important;font-size:14px!important;margin-right:0!important;top:1px}.quiz-wrapper .klaviyo-form form div[data-testid=form-row]:last-child fieldset>div[role=group]+div>div{left:0!important;right:auto!important}.quiz-wrapper .klaviyo-form form input{margin:0 auto;width:100%;max-width:360px}.quiz-wrapper .klaviyo-form form button{margin:0 auto;width:100%;max-width:280px}.quiz-step-signup .question_sub_title{display:block;text-align:center;font-size:20px;color:#2196f3;margin-bottom:5px}.quiz-step-signup .signup_heading{display:block;text-align:center;font-size:34px;line-height:1.5;margin-bottom:15px}.quiz-step-signup .sign-up-form{background-color:#ddf0ff;border:1px solid #ddf0ff;border-radius:12px;gap:12px;margin:20px auto 100px;padding:0 20px 16px;max-width:670px}#step-4.quiz-item-question .answer_list .answer-item>label.option .answer_text{max-width:130px}#step-6.quiz-item-question .answer_list .answer-item>label.option .answer_text{max-width:85px}@media screen and (width < 750px){.quiz-item-question .question_title{margin:60px auto 10px}#step-7.quiz-item-question .question-inner,#step-8.quiz-item-question .question-inner,#step-12.quiz-item-question .question-inner{margin-top:60px}}@media screen and (width < 640px){.quiz-item-question .answer_list.grid_style .answer-item{width:170px;height:86px}#step-8.quiz-item-question .answer-item_ques_8{font-size:16px}.quiz-item-question .answer_list .answer-item>label.option .wrapper-img{width:120px;min-width:120px}.quiz-item-question .answer_list .answer-item{height:100px;width:278px}.quiz-step-signup .signup_heading{font-size:28px;line-height:1.4}.quiz-wrapper .klaviyo-form form{padding-left:0!important;padding-right:0!important;padding-bottom:0!important}.quiz-item-question .question_title{margin:50px auto 10px}#step-7.quiz-item-question .question-inner,#step-8.quiz-item-question .question-inner,#step-12.quiz-item-question .question-inner{margin-top:50px}.quiz-wrapper .quiz-header{margin-top:0}}@media screen and (width < 400px){.quiz-item-question .question_title{margin:35px auto 8px}.quiz-step-signup .signup_heading{font-size:28px}.quiz-item-question .question_title{font-size:24px;line-height:31px}.quiz-item-question .answer_list.grid_style{gap:7px}.quiz-item-question .answer_list.grid_style.grid_4 .answer-item{width:135px;height:70px}.quiz-item-question .question-inner .note_question{font-size:15px}}@media screen and (width < 380px){#step-9.quiz-item-question .answer_list.grid_style .answer-item{width:140px;height:75px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/quiz.css.map */