.catlitter-quiz-wrapper{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;width:100%;max-width:100%;height:auto;min-height:100vh;background-color:#202124!important;display:flex;justify-content:center;align-items:start;overflow-x:hidden!important}.catlitter-quiz-wrapper #quiz{display:flex;flex-direction:column;gap:20px;width:100%;align-items:center;justify-content:center;padding:50px;margin-top:100px}.catlitter-quiz-wrapper .hidden{display:none}.catlitter-quiz-wrapper #quiz.hidden{display:none}.catlitter-quiz-wrapper #result.hidden{display:none}.catlitter-quiz-wrapper .quiz-container{padding:50px;width:100%;text-align:center;display:flex;flex-direction:column;gap:20px;justify-content:start;align-items:center;position:relative;max-width:800px}.catlitter-quiz-wrapper .error-message{color:rgba(234,255,0,.718);font-size:15px;position:absolute;font-weight:200;bottom:10rem;left:50%;transform:translateX(-50%);width:max-content}.catlitter-quiz-wrapper .quiz-container h1{font-size:22px;letter-spacing:2px;color:#f4f4f4;font-weight:500;text-transform:uppercase;padding-bottom:1rem;width:max-content;border-bottom:1px solid #ffffff28!important}.catlitter-quiz-wrapper #quiz-options{width:100%;display:flex;justify-content:center;gap:2rem;margin-top:1rem;margin-bottom:2rem}.catlitter-quiz-wrapper .option-btn{background-color:#f4f4f4;color:#1f1e1e;min-width:200px;min-height:200px;border:none;display:flex;padding:10px 20px;border-radius:25px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.6rem}.catlitter-quiz-wrapper .option-btn img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(0)}.catlitter-quiz-wrapper .option-btn span{font-size:17px;text-align:center;letter-spacing:1px;font-weight:500;color:#1f1e1e}.catlitter-quiz-wrapper .option-btn:hover{background-color:#b68de9}.catlitter-quiz-wrapper #next-btnn{background-color:#ea80fc;color:#131211;border:none;padding:8px 16px;border-radius:25px;cursor:pointer;align-self:end;margin-left:auto;letter-spacing:2px;font-weight:500;font-size:15px;width:150px;height:40px;color:#f4f4f4;transition:.4s}.catlitter-quiz-wrapper .btn{background-color:#ea80fc;color:#131211;border:none;padding:8px 16px;border-radius:25px;cursor:pointer;letter-spacing:2px;font-weight:500;font-size:15px;width:150px;height:40px;color:#f4f4f4;transition:.4s}.catlitter-quiz-wrapper #next-btnn:hover{background-color:#b68de9}.catlitter-quiz-wrapper #result-div{text-align:center}.catlitter-quiz-wrapper #result-image{width:100px;height:100px;object-fit:contain;margin-bottom:10px}.catlitter-quiz-wrapper .loader-container{width:max-content;min-height:100px;display:flex;gap:20px;align-items:center;position:absolute;bottom:75px}.catlitter-quiz-wrapper .spinner{border:4px solid rgba(0,0,0,.1);width:36px;min-width:36px;min-height:36px;height:36px;border-radius:50%;border-left-color:#ea80fc;animation:spin 1s ease infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.catlitter-quiz-wrapper .progress-bar-containerr{min-height:40px;height:40px;width:100%;display:flex;justify-content:center;align-items:center}.catlitter-quiz-wrapper .progress-barr{width:90%;background-color:#ffffff11;border-radius:5px;overflow:hidden}.catlitter-quiz-wrapper .progress-bar-fill{height:10px;background-color:#ea80fc;width:0;transition:width .3s ease}.catlitter-quiz-wrapper #quiz-question{font-size:16px;letter-spacing:1px;color:#bfbaba;font-weight:200;text-align:left}.catlitter-quiz-wrapper .question-container{width:100%;display:flex;flex-direction:column;align-items:start;gap:10px;justify-content:center;max-width:700px}.catlitter-quiz-wrapper #quiz-question-num{font-size:17px;letter-spacing:1px;color:#ea80fc;font-weight:500}.catlitter-quiz-wrapper #result{display:flex;flex-direction:column;align-items:center;gap:1rem}.catlitter-quiz-wrapper #result h2{color:#f4f4f4;font-size:18px;font-weight:300!important;letter-spacing:3px;margin-top:100px}.catlitter-quiz-wrapper #result-image{width:400px;height:350px;object-fit:contain;margin-bottom:10px}.catlitter-quiz-wrapper #result-text{width:100%;font-size:24px;letter-spacing:1px;color:#fff;font-weight:300;letter-spacing:2px;text-shadow:0 0 5px #ffffff47;text-align:center;align-self:center}.catlitter-quiz-wrapper .goback-home{position:absolute;top:50px;left:60px}.catlitter-quiz-wrapper .goback-home a{color:#ea80fc;font-weight:100;letter-spacing:1px;text-decoration:none;padding-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.211);transition:.4s}.catlitter-quiz-wrapper .goback-home a:hover{color:#f4f4f4;border-bottom:1px solid #f4f4f444}.catlitter-quiz-wrapper .loading-quiz{min-width:340px;min-height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center}.catlitter-quiz-wrapper .loading-quiz.passive{opacity:0;visibility:hidden;pointer-events:none}#result-div a{color:#f4f4f4;font-weight:300;letter-spacing:2px;text-decoration:none;padding-bottom:.6rem;font-size:1.4rem;padding:40px 0;transition:.4s}#result-div a:hover{color:#ea80fc}.catlitter-quiz-wrapper .loaderr{width:16px;height:16px;box-shadow:0 30px,0 -30px;border-radius:4px;background:currentColor;display:block;margin:-50px auto 0;position:relative;color:#fff;transform:translateY(-150px) translateX(-30px);box-sizing:border-box;animation:animloader 2s ease infinite}.catlitter-quiz-wrapper .loaderr::after,.catlitter-quiz-wrapper .loaderr::before{content:"";box-sizing:border-box;width:16px;height:16px;box-shadow:0 30px,0 -30px;border-radius:4px;background:currentColor;color:#fff;position:absolute;left:30px;top:0;animation:animloader 2s .2s ease infinite}.catlitter-quiz-wrapper .loaderr::before{animation-delay:.4s;left:60px}@keyframes animloader{0%{top:0;color:#fff}50%{top:30px;color:rgba(255,255,255,.2)}100%{top:0;color:#fff}}.catlitter-quiz-wrapper .loading-title{color:#fff;letter-spacing:3px;font-size:30px}.catlitter-quiz-wrapper .loading-text{color:rgba(255,255,255,.609);letter-spacing:3px;font-size:20px}@media(max-width:900px){.catlitter-quiz-wrapper .option-btn{min-width:150px;min-height:150px}}@media(max-width:730px){.catlitter-quiz-wrapper .option-btn{min-width:120px;min-height:120px}}@media(max-width:610px){.catlitter-quiz-wrapper .quiz-container{width:95%;height:auto;margin:auto;padding:1rem}.catlitter-quiz-wrapper .option-btn{min-width:90px;min-height:90px}.catlitter-quiz-wrapper #quiz-options{gap:1rem}.catlitter-quiz-wrapper #quiz{padding:0}.catlitter-quiz-wrapper .goback-home{top:-38px}.catlitter-quiz-wrapper .goback-home{position:absolute;left:1rem!important}.catlitter-quiz-wrapper .absolute-img-container{top:80%!important;right:50%!important;transform:translateX(-50%)!important}.catlitter-quiz-wrapper .quiz-container h1{font-size:14px;max-width:100%;width:100%}}@media(max-height:600px){.catlitter-quiz-wrapper .quiz-container{width:80%;height:400px;margin:auto}}@media(max-width:450px){.catlitter-quiz-wrapper .option-btn{padding:1rem!important}.catlitter-quiz-wrapper .option-btn img{width:50px!important;height:50px!important}.catlitter-quiz-wrapper .option-btn span{font-size:13px}}@media(max-width:370px){.catlitter-quiz-wrapper .option-btn{padding:1rem!important}.catlitter-quiz-wrapper .option-btn span{font-size:10px;letter-spacing:0}}.catlitter-quiz-wrapper .absolute-img-container{position:absolute;top:20px;right:20px;width:150px;height:100px}.catlitter-quiz-wrapper .absolute-img-container img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}@media(max-width:610px){.catlitter-quiz-wrapper .absolute-img-container{top:80%!important;right:50%!important;transform:translateX(50%)!important}}