.futon-quiz-section{--quiz-background: 0 0% 100%;--quiz-foreground: 222.2 84% 4.9%;--quiz-primary: 247 49% 47%;--quiz-primary-foreground: 210 40% 98%;--quiz-primary-hover: 247 49% 37%;--quiz-secondary: 247 12% 95%;--quiz-secondary-foreground: 222.2 84% 4.9%;--quiz-muted: 247 12% 95%;--quiz-muted-foreground: 215.4 16.3% 46.9%;--quiz-success: 142 71% 45%;--quiz-success-foreground: 210 40% 98%;--quiz-border: 247 12% 88%;--quiz-ring: 247 49% 47%;--quiz-progress-bg: 247 12% 95%;--quiz-step-active: 247 49% 47%;--quiz-step-completed: 142 71% 45%;--quiz-step-inactive: 247 12% 88%;--quiz-radius: 1.5rem;--quiz-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--quiz-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--quiz-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);background-color:hsl(var(--quiz-background));color:hsl(var(--quiz-foreground));font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;min-height:100vh;padding:2rem 0;@keyframes quizFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes quizScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes quizSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.futon-quiz-section[data-theme=dark]{--quiz-background: 222.2 84% 4.9%;--quiz-foreground: 210 40% 98%;--quiz-primary: 247 49% 47%;--quiz-primary-foreground: 222.2 84% 4.9%;--quiz-primary-hover: 247 49% 57%;--quiz-secondary: 217.2 32.6% 17.5%;--quiz-secondary-foreground: 210 40% 98%;--quiz-muted: 217.2 32.6% 17.5%;--quiz-muted-foreground: 215 20.2% 65.1%;--quiz-border: 217.2 32.6% 17.5%}.futon-quiz-section *{box-sizing:border-box}.futon-quiz-section .quiz-title{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:1rem;color:hsl(var(--quiz-foreground))}.futon-quiz-section .quiz-subtitle{font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.75rem;color:hsl(var(--quiz-foreground))}.futon-quiz-section .quiz-description{color:hsl(var(--quiz-muted-foreground));line-height:1.6}.futon-quiz-section .quiz-emoji{font-size:2.5rem;line-height:1;margin-bottom:.5rem}.futon-quiz-section .quiz-option-title{font-weight:600;font-size:1rem;color:hsl(var(--quiz-foreground));margin-bottom:.25rem}.futon-quiz-section .quiz-option-description{font-size:.875rem;color:hsl(var(--quiz-muted-foreground));line-height:1.4}.futon-quiz-section .quiz-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:calc(var(--quiz-radius) * .5);font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;outline:none;border:none;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.futon-quiz-section .quiz-btn:focus-visible{outline:2px solid hsl(var(--quiz-ring));outline-offset:2px}.futon-quiz-section .quiz-btn:disabled{pointer-events:none;opacity:.5}.futon-quiz-section .quiz-btn-primary{background:linear-gradient(135deg,hsl(var(--quiz-primary)),hsl(var(--quiz-primary-hover)));color:hsl(var(--quiz-primary-foreground));box-shadow:var(--quiz-shadow-sm);padding:.75rem 1.5rem;height:2.75rem}.futon-quiz-section .quiz-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--quiz-shadow-md)}.futon-quiz-section .quiz-btn-secondary{background-color:hsl(var(--quiz-secondary));color:hsl(var(--quiz-secondary-foreground));border:1px solid hsl(var(--quiz-border));padding:.75rem 1.5rem;height:2.75rem}.futon-quiz-section .quiz-btn-secondary:hover:not(:disabled){background-color:hsl(var(--quiz-secondary) / .8)}.futon-quiz-section .quiz-btn-option{background-color:hsl(var(--quiz-background));border:2px solid hsl(var(--quiz-border));color:hsl(var(--quiz-foreground));border-radius:var(--quiz-radius);padding:1.5rem;min-height:5rem;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.futon-quiz-section .quiz-btn-option:hover:not(:disabled){border-color:hsl(var(--quiz-primary));background-color:hsl(var(--quiz-primary) / .05);transform:translateY(-2px);box-shadow:var(--quiz-shadow-lg)}.futon-quiz-section .quiz-btn-option-selected{border-color:hsl(var(--quiz-primary));background:linear-gradient(135deg,hsl(var(--quiz-primary) / .1),hsl(var(--quiz-primary) / .05));color:hsl(var(--quiz-primary));box-shadow:0 0 0 1px hsl(var(--quiz-primary) / .2)}.futon-quiz-section .quiz-hero-image{width:100%;height:12rem;object-fit:cover;border-radius:calc(var(--quiz-radius) * .8)}.futon-quiz-section .quiz-bullet-success{width:.5rem;height:.5rem;background-color:hsl(var(--quiz-success));border-radius:9999px}.futon-quiz-section .quiz-input{display:flex;height:2.75rem;width:100%;border-radius:calc(var(--quiz-radius) * .5);border:2px solid hsl(var(--quiz-border));background-color:hsl(var(--quiz-background));padding:0 .75rem;font-size:.875rem;transition:all .2s ease;color:hsl(var(--quiz-foreground))}.futon-quiz-section .quiz-input::placeholder{color:hsl(var(--quiz-muted-foreground))}.futon-quiz-section .quiz-input:focus{outline:none;border-color:hsl(var(--quiz-primary));box-shadow:0 0 0 2px hsl(var(--quiz-primary) / .2)}.futon-quiz-section .quiz-textarea{min-height:5rem;padding:.75rem;resize:vertical}.futon-quiz-section .quiz-progress-container{width:100%;max-width:32rem;margin:0 auto 2rem}.futon-quiz-section .quiz-progress-bar{width:100%;background-color:hsl(var(--quiz-progress-bg));border-radius:9999px;height:.5rem;overflow:hidden;position:relative}.futon-quiz-section .quiz-progress-fill{height:100%;background:linear-gradient(90deg,hsl(var(--quiz-primary)),hsl(var(--quiz-primary-hover)));transition:width .5s ease-in-out;border-radius:9999px}.futon-quiz-section .quiz-step-indicators{display:flex;justify-content:space-between;margin-top:1rem}.futon-quiz-section .quiz-step-indicator{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;transition:all .3s ease}.futon-quiz-section .quiz-step-indicator.active{background-color:hsl(var(--quiz-step-active));color:hsl(var(--quiz-primary-foreground))}.futon-quiz-section .quiz-step-indicator.completed{background-color:hsl(var(--quiz-step-completed));color:hsl(var(--quiz-success-foreground))}.futon-quiz-section .quiz-step-indicator.inactive{background-color:hsl(var(--quiz-step-inactive));color:hsl(var(--quiz-muted-foreground))}.futon-quiz-section .quiz-card{background-color:hsl(var(--quiz-background));border:1px solid hsl(var(--quiz-border));border-radius:var(--quiz-radius);box-shadow:var(--quiz-shadow-sm);overflow:hidden}.futon-quiz-section .quiz-card-content{padding:1.5rem}.futon-quiz-section .quiz-info-box{background:linear-gradient(135deg,hsl(var(--quiz-muted) / .3),hsl(var(--quiz-muted) / .1));border:1px solid hsl(var(--quiz-border));border-radius:var(--quiz-radius);padding:1rem;margin:1rem 0}.futon-quiz-section .quiz-success-box{background:linear-gradient(135deg,hsl(var(--quiz-success) / .1),hsl(var(--quiz-success) / .05));border:1px solid hsl(var(--quiz-success) / .2);color:hsl(var(--quiz-success-foreground))}.futon-quiz-section .quiz-grid{display:grid;gap:1rem}.futon-quiz-section .quiz-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.futon-quiz-section .quiz-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.futon-quiz-section .quiz-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 768px){.futon-quiz-section .quiz-title{font-size:3rem}.futon-quiz-section .quiz-md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.futon-quiz-section .quiz-md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.futon-quiz-section .quiz-fade-in{animation:quizFadeIn .3s ease-out}.futon-quiz-section .quiz-scale-in{animation:quizScaleIn .2s ease-out}.futon-quiz-section .quiz-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.futon-quiz-section .quiz-loading-spinner{width:2rem;height:2rem;border:3px solid hsl(var(--quiz-border));border-top:3px solid hsl(var(--quiz-primary));border-radius:50%;animation:quizSpin 1s linear infinite;margin-bottom:1rem}.futon-quiz-section .quiz-container{max-width:64rem;margin:0 auto;padding:0 1rem}.futon-quiz-section .quiz-text-center{text-align:center}.futon-quiz-section .quiz-mb-4{margin-bottom:1rem}.futon-quiz-section .quiz-mb-6{margin-bottom:1.5rem}.futon-quiz-section .quiz-mb-8{margin-bottom:2rem}.futon-quiz-section .quiz-mt-4{margin-top:1rem}.futon-quiz-section .quiz-mt-6{margin-top:1.5rem}.futon-quiz-section .quiz-mt-8{margin-top:2rem}.futon-quiz-section .quiz-space-y-2>*+*{margin-top:.5rem}.futon-quiz-section .quiz-space-y-4>*+*{margin-top:1rem}.futon-quiz-section .quiz-space-y-6>*+*{margin-top:1.5rem}.futon-quiz-section .quiz-flex{display:flex}.futon-quiz-section .quiz-justify-between{justify-content:space-between}.futon-quiz-section .quiz-items-center{align-items:center}.futon-quiz-section .quiz-gap-2{gap:.5rem}.futon-quiz-section .quiz-gap-4{gap:1rem}.futon-quiz-section .quiz-gap-6{gap:1.5rem}@media print{.futon-quiz-section .futon-quiz-section{background:#fff!important;color:#000!important}.futon-quiz-section .quiz-btn{border:1px solid #ccc!important;background:#fff!important;color:#000!important}}.futon-quiz-section,.futon-quiz-section *,.futon-quiz-section *:before,.futon-quiz-section *:after{box-sizing:border-box!important}.futon-quiz-section .quiz-btn,.futon-quiz-section .quiz-input,.futon-quiz-section .quiz-card,.futon-quiz-section .quiz-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;line-height:1.5!important}.futon-quiz-section .quiz-container{max-width:64rem!important;margin:0 auto!important;padding:0 1rem!important}
/*# sourceMappingURL=/cdn/shop/t/21/assets/futon-quiz-styles.css.map */