.background-module{position:relative;width:100%;height:624px;background-size:cover;background-position:center;padding:50px 20px}.background-module .main-title{position:relative;font-weight:600;font-size:48px;color:#000;line-height:60px;text-align:left;font-style:normal;text-transform:none;text-align:center;margin-top:30px}.background-module .sub-title{position:relative;font-weight:700;font-size:16px;color:#000;line-height:28px;text-align:left;font-style:normal;text-align:center;margin-top:16px;display:flex;align-content:center;justify-content:center;gap:4px;text-transform:uppercase;text-decoration-line:underline}.background-module .sub-title .sub-imgs{width:28px;height:28px}.background-module .sub-modules{display:flex;justify-content:center;margin-top:50px}.background-module .sub-module{width:350px;height:264px;background:linear-gradient(180deg,#fff6,#fff 50%);border-radius:0;text-align:center;margin:0 10px;padding:0 20px}.background-module .sub-module .sub-module-image{width:90px;height:auto;display:block;margin:24px auto 0}.background-module .sub-module .sub-module-title{font-weight:500;font-size:24px;color:#000;line-height:28px;margin:24px 0 0}.background-module .sub-module .sub-module-p{font-weight:400;font-size:16px;color:#000;line-height:19px;text-align:center;font-style:normal;text-transform:none;margin:24px 0 0}.background-answer{position:relative;padding-bottom:136px}.background-answer .mbti-answer_questions{font-weight:700;font-size:24px;color:#000;line-height:28px;text-align:center;font-style:normal;text-transform:none;padding-top:64px}.background-answer .main-answer{display:flex;flex-direction:column;align-items:center}.background-answer .quiz-answers{display:flex;gap:30px;flex-direction:column;align-items:center;margin:56px 0 0;padding-bottom:52px;border-bottom:1px solid #F1F1F1;width:888px}.background-answer .quiz-answers .quiz-answer_label{display:flex;align-items:center;cursor:pointer;width:503px;height:56px;border:2px solid #FFAC33;margin:0 auto;justify-content:center;position:relative}@media screen and (min-width: 750px){.background-answer .quiz-answers .quiz-answer_label:hover{background:#ffac33}}.background-answer .quiz-answers input[type=radio]:checked+.quiz-answer_label{background:#ffac33}.background-answer .quiz-answers .mbti-radio:last-child .quiz-answer_label{border:2px solid #D6BBFF}.background-answer .quiz-answers .mbti-radio:last-child input[type=radio]:checked+.quiz-answer_label{background:#d6bbff}@media screen and (min-width: 750px){.background-answer .quiz-answers .mbti-radio:last-child .quiz-answer_label:hover{background:#d6bbff}}.background-answer .quiz-answers input[type=radio]{display:none}.mbti-submit_btn{width:350px;height:80px;background:#ffac33;border-radius:0;margin:56px auto 0;font-weight:600;font-size:24px;color:#fff;line-height:28px;text-align:center;font-style:normal;text-transform:none;position:relative}.mbti-submit_btn .mbti-submit{width:100%;height:100%;padding-right:20px;z-index:2}.mbti-submit_btn .background-answer_9{right:93px;top:26px;width:28px;height:28px}.background-answer_ab{position:absolute}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate360{animation:rotate360 5s linear infinite;animation-delay:1s}@keyframes swing{0%{transform:rotate(-30deg)}50%{transform:rotate(30deg)}to{transform:rotate(-30deg)}}.rotate30{animation:swing 2s ease-in-out infinite;transform-origin:center bottom}.background-answer_1{width:90px;height:95px;right:305px;top:109px}.background-answer_2{width:46px;height:116px;top:139px;left:241px}.background-answer_3{width:280px;height:455px;left:0;top:204px}.background-answer_4{width:238px;height:414px;top:436px;right:0}.background-answer_5{width:284px;height:268px;left:52px;bottom:856px}.background-answer_6{width:113px;height:119px;bottom:637px;right:267px}.background-answer_7{width:276px;height:573px;left:0;bottom:136px}.background-answer_8{width:355px;height:411px;bottom:79px;right:0}@media screen and (max-width: 750px){.background-module{height:370px;padding:40px 15px}.background-module .main-title{font-size:24px;line-height:28px;margin-top:0}.background-module .sub-title{font-size:14px;line-height:20px}.background-module .sub-title .sub-imgs{width:20px;height:20px}.background-module .sub-modules{margin-top:24px;flex-direction:column;gap:10px}.background-module .sub-module{width:100%;height:auto;background:#ffffffe6;border-radius:8px;margin:0;padding:10px;display:flex;align-items:center;gap:10px}.background-module .sub-module .sub-module-image{width:40px;margin:0}.background-module .sub-module .sub-module-title{display:none}.background-module .sub-module .sub-module-p{font-size:14px;line-height:20px;margin:0;text-align:left}.background-answer{position:relative;padding-bottom:76px}.background-answer .main-answer{margin:0 30px}.background-answer .mbti-answer_questions{font-size:16px;padding:32px 10px 0;width:100%}.background-answer .quiz-answers{gap:24px;align-items:center;margin:24px 0 0;padding-bottom:32px;border-bottom:1px solid #F1F1F1;width:100%}.background-answer .quiz-answers .mbti-radio{width:100%}.background-answer .quiz-answers .quiz-answer_label{width:100%;height:40px;border:2px solid #FFAC33;font-size:12px}.mbti-submit_btn{width:70.4%;height:52px;margin:32px auto 0;font-size:16px;line-height:20px}.mbti-submit_btn .mbti-submit{width:100%;height:100%;padding-right:.37%;z-index:2}.mbti-submit_btn .background-answer_9{right:50%;top:16px;width:20px;height:20px;margin-right:-63px}.background-answer_ab{position:absolute}.background-answer_1{width:31px;height:33px;right:102px;top:73px}.background-answer_2{width:19px;height:49px;left:102px;top:59px}.background-answer_3{width:117px;height:191px;left:0;top:87px}.background-answer_4{width:83px;height:114px;top:187px;right:0}.background-answer_5{width:170px;height:160px;left:30px;bottom:474px}.background-answer_6{width:31px;height:33px;bottom:427px;right:106px}.background-answer_7{width:94px;height:auto;left:0;bottom:98px}.background-answer_8{width:164px;height:190px;right:0;bottom:204px}}.background-module_index{height:504px}.background-module_index .banner-module-text{font-weight:500;font-size:16px;color:#000;line-height:32px;width:687px;text-align:center;margin:16px auto 0}.mbti-custom-block{text-align:center;position:relative}.mbti-custom-block .mbti-custom_title{font-weight:700;font-size:162px;color:#fff;line-height:190px;text-align:center;padding-top:51px;position:absolute;left:50%;margin-left:-345px;top:51px}.mbti-modules-wrapper{position:relative;display:flex;gap:24px;align-items:center;justify-content:center;padding:100px 0}.mbti-modules-wrapper .mbti-module_list{width:262px;display:block;transition:transform .3s ease}.mbti-modules-wrapper .mbti-module_list:hover{animation:mbti-shake .5s ease}@keyframes mbti-shake{0%{transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(0)}75%{transform:translateY(-5px)}to{transform:translateY(0)}}.mbti-modules-wrapper .mbti-module_list .mbti-list_img{width:100%;height:auto}.mbti-modules-wrapper .mbti-module_list .mbti-list_title{font-weight:700;font-size:32px;line-height:32px;text-align:center;margin-top:16px}.mbti-modules-wrapper .mbti-module_list .mbti-list_sub{font-weight:700;font-size:14px;color:#000;line-height:16px;margin-top:8px}.mbti-modules-wrapper .mbti-module_list .mbti-list_content{font-weight:400;font-size:12px;color:#666;line-height:18px;text-align:center;width:198px;margin:15px auto 0}@media screen and (max-width: 750px){.background-module_index{height:410px}.background-module_index .banner-module-text{width:100%;font-size:12px;color:#000;line-height:20px}.mbti-custom-block .mbti-custom_title{font-weight:700;font-size:40px;color:#fff;line-height:47px;text-align:center;margin-left:-85.5px;top:24px}.mbti-modules-wrapper .mbti-module_list .mbti-list_title{margin-top:8px}.mbti-modules-wrapper{flex-direction:column;padding:24px 0}.mbti-modules-wrapper .mbti-module_list{width:250px}}
/*# sourceMappingURL=/cdn/shop/t/386/assets/main-mbti.css.map */