.quiz-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;visibility:hidden;transition:all .3s ease}.quiz-popup-overlay.active{opacity:1;visibility:visible}.quiz-popup-container{background:#fff;border-radius:20px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;padding:40px;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.quiz-popup-close{position:absolute;top:15px;right:15px;background:#f5f5f5;border:none;width:40px;height:40px;border-radius:50%;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#666;line-height:1}.quiz-popup-close:hover{background:#e74c3c;color:#fff;transform:rotate(90deg)}.quiz-popup-header{text-align:center;margin-bottom:30px}.quiz-popup-header h2{font-size:28px;color:#2c3e50;margin-bottom:10px;font-weight:700}.quiz-popup-header p{font-size:16px;color:#7f8c8d}.quiz-progress{position:relative;width:100%;height:10px;background:#ecf0f1;border-radius:10px;margin-bottom:25px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:10px;transition:width .4s ease;position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{display:block;text-align:center;margin-top:8px;font-size:13px;color:#7f8c8d;font-weight:600}.quiz-popup-content{min-height:300px;margin-bottom:20px}.popup-question-wrapper{text-align:center}.popup-question-wrapper.animate-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-icon{font-size:60px;margin-bottom:20px}.popup-question-text{font-size:22px;color:#2c3e50;margin-bottom:30px;font-weight:600;line-height:1.4}.popup-answers-wrapper{display:flex;flex-direction:column;gap:12px}.popup-answer-option{display:flex;align-items:center;padding:16px 20px;border:2px solid #ecf0f1;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fafafa;position:relative;overflow:hidden}.popup-answer-option:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:#3498db;transform:scaleY(0);transition:transform .3s ease}.popup-answer-option:hover{border-color:#3498db;background:#f0f8ff;transform:translate(5px)}.popup-answer-option:hover:before{transform:scaleY(1)}.popup-answer-option.selected{border-color:#2ecc71;background:#e8f5e9}.popup-answer-option.selected:before{background:#2ecc71;transform:scaleY(1)}.popup-answer-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.answer-text{flex:1;font-size:17px;color:#34495e;font-weight:500;text-align:left}.checkmark{width:24px;height:24px;border-radius:50%;border:2px solid #bdc3c7;display:flex;align-items:center;justify-content:center;font-size:14px;color:transparent;transition:all .3s ease}.popup-answer-option.selected .checkmark{background:#2ecc71;border-color:#2ecc71;color:#fff}.quiz-popup-navigation{display:flex;justify-content:space-between;gap:15px;margin-top:30px}.btn-popup-prev,.btn-popup-next{padding:14px 28px;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-popup-prev{background:#ecf0f1;color:#2c3e50}.btn-popup-prev:hover{background:#bdc3c7;transform:translate(-3px)}.btn-popup-next{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;margin-left:auto;box-shadow:0 4px 15px #3498db4d}.btn-popup-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.quiz-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:100000;display:none;flex-direction:column;align-items:center;gap:20px}.spinner{width:60px;height:60px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-loading p{color:#fff;font-size:18px;font-weight:600}@media (max-width: 768px){.quiz-popup-container{padding:25px 20px;max-height:85vh}.quiz-popup-header h2{font-size:22px}.popup-question-text{font-size:18px}.question-icon{font-size:48px}.answer-text{font-size:15px}.btn-popup-prev,.btn-popup-next{padding:12px 20px;font-size:14px}}.quiz-popup-container::-webkit-scrollbar{width:8px}.quiz-popup-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.quiz-popup-container::-webkit-scrollbar-thumb{background:#3498db;border-radius:10px}.quiz-popup-container::-webkit-scrollbar-thumb:hover{background:#2980b9}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dental-quiz-popup.css.map */