:root{--quiz-bg: #f5ebe0;--quiz-bg-light: #faf7f2;--quiz-text: #1a1a1a;--quiz-text-muted: #666666;--quiz-border: #e0d5c7;--quiz-primary: #1a1a1a;--quiz-primary-hover: #333333;--quiz-white: #ffffff;--quiz-transition: .3s ease}.skin-quiz{width:100%;min-height:100vh;background-color:var(--quiz-bg-light)}.quiz-step{display:none;opacity:0;transition:opacity var(--quiz-transition)}.quiz-step.active{display:block;opacity:1}.quiz-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media(max-width:991px){.quiz-layout{grid-template-columns:1fr;min-height:auto}}.quiz-image{position:relative;overflow:hidden;min-height:400px}.quiz-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}@media(max-width:991px){.quiz-image{min-height:300px;max-height:50vh}}.quiz-content{display:flex;align-items:center;justify-content:center;padding:60px 40px;background-color:var(--quiz-bg-light)}.quiz-content-inner{width:100%;max-width:520px}@media(max-width:991px){.quiz-content{padding:40px 24px}}.quiz-progress{margin-bottom:32px}.quiz-progress-text{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--quiz-text-muted);margin-bottom:8px}.quiz-progress-bar{width:100%;height:2px;background-color:var(--quiz-border);border-radius:1px;overflow:hidden}.quiz-progress-fill{height:100%;background-color:var(--quiz-primary);transition:width var(--quiz-transition)}.quiz-title{font-family:inherit;font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--quiz-text);margin:0 0 24px}.quiz-question{font-family:inherit;font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-.01em;color:var(--quiz-text);margin:0 0 32px}.quiz-description{font-size:18px;line-height:1.6;color:var(--quiz-text-muted);margin:0 0 40px}.quiz-subtext{font-size:14px;color:var(--quiz-text-muted);margin:-16px 0 24px}@media(max-width:767px){.quiz-title{font-size:36px}.quiz-question{font-size:28px;margin-bottom:24px}.quiz-description{font-size:16px;margin-bottom:32px}}.quiz-btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 48px;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--quiz-primary);border-radius:50px;cursor:pointer;transition:all var(--quiz-transition)}.quiz-btn--primary{background-color:var(--quiz-white);color:var(--quiz-primary)}.quiz-btn--primary:hover{background-color:var(--quiz-primary);color:var(--quiz-white)}.quiz-options--list{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.quiz-option--radio{display:block;cursor:pointer}.quiz-option--radio input{position:absolute;opacity:0;pointer-events:none}.quiz-option--radio .quiz-option-content{display:flex;align-items:center;gap:16px;padding:20px 24px;background-color:var(--quiz-white);border:1px solid transparent;border-radius:50px;transition:all var(--quiz-transition)}.quiz-option--radio:hover .quiz-option-content{border-color:var(--quiz-border)}.quiz-option--radio input:checked+.quiz-option-content{background-color:var(--quiz-primary);color:var(--quiz-white)}.quiz-option-radio{width:20px;height:20px;border:1.5px solid var(--quiz-text);border-radius:50%;position:relative;flex-shrink:0;transition:all var(--quiz-transition)}.quiz-option--radio input:checked+.quiz-option-content .quiz-option-radio{border-color:var(--quiz-white)}.quiz-option--radio input:checked+.quiz-option-content .quiz-option-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:var(--quiz-white);border-radius:50%}.quiz-option-text{font-size:16px;font-weight:400}.quiz-options--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:40px}@media(max-width:767px){.quiz-options--grid{gap:12px}}.quiz-option--card{display:block;cursor:pointer}.quiz-option--card.quiz-option--card-full{grid-column:1 / -1}.quiz-option--card input{position:absolute;opacity:0;pointer-events:none}.quiz-option--card .quiz-option-content{display:flex;align-items:center;gap:16px;padding:24px;background-color:var(--quiz-white);border:1px solid transparent;border-radius:16px;transition:all var(--quiz-transition);min-height:80px}.quiz-option--card:hover .quiz-option-content{border-color:var(--quiz-border)}.quiz-option--card input:checked+.quiz-option-content{border-color:var(--quiz-primary);background-color:var(--quiz-primary);color:var(--quiz-white)}.quiz-option--card input:checked+.quiz-option-content .quiz-option-icon{filter:invert(1)}.quiz-options--multi .quiz-option--card input:checked+.quiz-option-content{background-color:var(--quiz-primary);color:var(--quiz-white)}.quiz-option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz-option-icon svg{width:100%;height:100%}.quiz-option-icon img{width:100%;height:100%;object-fit:contain}@media(max-width:767px){.quiz-option--card .quiz-option-content{padding:16px;flex-direction:column;text-align:center;gap:8px}.quiz-option-icon{width:40px;height:40px}.quiz-option--card .quiz-option-text{font-size:14px}}.quiz-nav{display:flex;align-items:center;justify-content:center;gap:32px;padding-top:16px}.quiz-nav-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 0;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--quiz-text);background:none;border:none;cursor:pointer;transition:all var(--quiz-transition)}.quiz-nav-btn:hover{color:var(--quiz-text-muted)}.quiz-nav-btn:disabled{opacity:.4;cursor:not-allowed}.quiz-nav-btn:disabled:hover{color:var(--quiz-text)}.quiz-arrow{font-size:16px}.quiz-form{margin-bottom:40px}.quiz-input-group{margin-bottom:20px}.quiz-input{width:100%;padding:18px 24px;font-family:inherit;font-size:16px;color:var(--quiz-text);background-color:var(--quiz-white);border:1px solid var(--quiz-border);border-radius:50px;outline:none;transition:border-color var(--quiz-transition)}.quiz-input::placeholder{color:var(--quiz-text-muted)}.quiz-input:focus{border-color:var(--quiz-primary)}.quiz-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:14px;color:var(--quiz-text-muted)}.quiz-checkbox input{position:absolute;opacity:0;pointer-events:none}.quiz-checkbox-mark{width:20px;height:20px;border:1.5px solid var(--quiz-border);border-radius:4px;flex-shrink:0;position:relative;transition:all var(--quiz-transition)}.quiz-checkbox input:checked+.quiz-checkbox-mark{background-color:var(--quiz-primary);border-color:var(--quiz-primary)}.quiz-checkbox input:checked+.quiz-checkbox-mark:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:10px;border:solid var(--quiz-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.quiz-checkbox-text{line-height:1.4}.quiz-success{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.quiz-success .quiz-question{margin-bottom:20px}.quiz-success-message{font-size:18px;color:var(--quiz-text);margin-bottom:15px;max-width:400px;line-height:1.6}.quiz-success-subtext{font-size:14px;color:var(--quiz-text-muted);margin-bottom:40px;max-width:350px;line-height:1.5}.quiz-success .quiz-btn{min-width:250px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-step.active .quiz-content-inner{animation:fadeIn .5s ease forwards}
/*# sourceMappingURL=/cdn/shop/t/102/assets/skin-quiz.css.map */