:root{--lilac: #E9E0F1;--lilac-mid: #D9CCE8;--ink: #1A1028;--mid: rgba(26, 16, 40, .5);--purple: #7C3AED;--cream: #FDFCFF}.s-quiz,.s-quiz *{box-sizing:border-box}.s-quiz{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--ink);padding:9rem 4rem;--quiz-type-scale: var(--quiz-type-mobile, 1.35);position:relative;overflow:hidden}.s-quiz:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 20%,rgba(167,139,250,.12) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(110,231,183,.1) 0%,transparent 50%);pointer-events:none}.quiz-layout{display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:center;max-width:1100px;margin:0 auto;position:relative;z-index:1}.step-badge{display:inline-flex;align-items:center;gap:.7rem;background:var(--ink);color:#fff;padding:.55rem 1.2rem;border-radius:100px;font-size:calc(1.18rem * var(--quiz-type-scale));font-weight:600;letter-spacing:.06em;margin-bottom:1.5rem}.step-badge .badge-num{width:24px;height:24px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:calc(1rem * var(--quiz-type-scale));font-weight:700}.quiz-headline{font-family:Fraunces,serif;font-size:calc(3.55rem * var(--quiz-type-scale));font-weight:900;line-height:1;color:var(--ink);margin-bottom:1.4rem}.quiz-headline em{font-style:italic;font-weight:300;color:var(--purple)}.quiz-body{font-size:calc(1rem * var(--quiz-type-scale));color:var(--mid);line-height:1.85;margin-bottom:2.5rem}.quiz-fields{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.quiz-field{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:12px;background:var(--section-pill-bg, #D6CEFF);font-size:calc(.92rem * var(--quiz-type-scale));color:var(--ink)}.qf-icon{font-size:calc(.92rem * var(--quiz-type-scale));flex-shrink:0}.quiz-ui-side{position:relative}.quiz-ui-frame{background:#f4f2f6;border-radius:28px;border:1.5px solid rgba(26,16,40,.07);box-shadow:0 8px 48px #643cb41a,0 2px 8px #0000000a;overflow:hidden;position:relative;height:640px;display:flex;flex-direction:column;pointer-events:none}.quiz-topbar{background:var(--lilac);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(26,16,40,.06)}.quiz-topbar-logo{font-family:Fraunces,serif;font-style:italic;font-size:calc(.9rem * var(--quiz-type-scale));font-weight:700;color:var(--ink)}.quiz-progress-wrap{display:flex;align-items:center;gap:.6rem}.quiz-progress-text{font-size:calc(.76rem * var(--quiz-type-scale));color:var(--mid)}.quiz-progress-bar{width:80px;height:4px;background:#1a10281a;border-radius:100px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#7c3aed);border-radius:100px;width:0%;transition:width 1s ease}.quiz-content{padding:1.8rem 1.6rem 1.6rem;display:flex;flex-direction:column;gap:1.2rem;flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior:contain}.quiz-content::-webkit-scrollbar{display:none}.q-block{display:flex;flex-direction:column;gap:.65rem}.q-label{font-size:calc(.78rem * var(--quiz-type-scale));font-weight:600;color:var(--ink);text-align:center}.q-input{background:var(--lilac);border:none;border-radius:14px;padding:.9rem 1.2rem;font-size:calc(.78rem * var(--quiz-type-scale));font-family:DM Sans,sans-serif;color:var(--ink);text-align:center;width:100%;outline:none;caret-color:var(--purple)}.q-input::placeholder{color:#1a10284d}.age-pills{display:flex;gap:.7rem}.age-pill{flex:1;border-radius:16px;padding:.9rem .6rem;text-align:center;cursor:pointer;border:2px solid rgba(26,16,40,.12);background:var(--lilac);transition:all .25s}.age-pill.selected{border-color:var(--ink);background:var(--lilac);box-shadow:0 2px 12px #1a10281f}.age-pill .pill-title{font-size:calc(.68rem * var(--quiz-type-scale));font-weight:700;color:var(--ink);margin-bottom:.15rem}.age-pill .pill-sub{font-size:calc(.72rem * var(--quiz-type-scale));color:var(--mid)}.q-infobox{background:var(--lilac);border-radius:14px;padding:1rem 1.2rem;text-align:center}.q-infobox-title{font-size:calc(.78rem * var(--quiz-type-scale));font-weight:700;color:var(--ink);margin-bottom:.25rem}.q-infobox-text{font-size:calc(.8rem * var(--quiz-type-scale));color:var(--mid);line-height:1.5}.q-inline{background:var(--lilac);border-radius:14px;padding:.9rem 1.2rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:calc(.74rem * var(--quiz-type-scale));color:var(--ink)}.q-inline input{width:52px;background:#fff;border:1.5px solid rgba(26,16,40,.1);border-radius:8px;padding:.3rem .5rem;font-size:calc(.74rem * var(--quiz-type-scale));font-family:DM Sans,sans-serif;text-align:center;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}.q-inline input.focused{border-color:var(--purple);box-shadow:0 0 0 3px #7c3aed1f}.q-birthday{background:var(--lilac);border-radius:14px;padding:1rem 1.2rem}.q-birthday-label{font-size:calc(.78rem * var(--quiz-type-scale));color:var(--ink);text-align:center;margin-bottom:.6rem}.q-birthday-select-wrap{position:relative}.q-birthday-select-wrap:after{content:"\25be";position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-size:calc(.7rem * var(--quiz-type-scale));color:var(--mid);pointer-events:none}.q-birthday select{width:100%;padding:.6rem 1rem;border-radius:10px;border:1.5px solid rgba(26,16,40,.1);background:#fff;font-family:DM Sans,sans-serif;font-size:calc(.68rem * var(--quiz-type-scale));color:var(--ink);outline:none;-webkit-appearance:none;appearance:none;text-align:center;cursor:pointer;transition:border-color .25s,box-shadow .25s}.q-birthday select.open{border-color:var(--purple);box-shadow:0 0 0 3px #7c3aed1f}.q-birthday-hint{font-size:calc(.72rem * var(--quiz-type-scale));color:var(--mid);text-align:center;margin-top:.6rem;line-height:1.5}.twin-pills{display:flex;gap:.7rem}.twin-pill{flex:1;border-radius:14px;padding:.85rem .6rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border:2px solid rgba(26,16,40,.12);background:var(--lilac);cursor:pointer;font-size:calc(.74rem * var(--quiz-type-scale));font-weight:500;transition:all .25s}.twin-pill.selected{border-color:var(--ink);background:var(--lilac);color:var(--ink);box-shadow:0 2px 10px #1a10281f}.rasse-row{display:flex;gap:.7rem}.rasse-input{flex:1;background:var(--lilac);border:1.5px solid rgba(26,16,40,.12);border-radius:14px;padding:.85rem 1rem;font-size:calc(.74rem * var(--quiz-type-scale));font-family:DM Sans,sans-serif;color:#1a102859;outline:none;transition:all .25s;text-align:center;cursor:pointer}.rasse-input.selected{background:var(--lilac);border-color:var(--ink);color:var(--ink);box-shadow:0 2px 10px #1a10281f;font-weight:600}.quiz-nav{padding:1rem 1.6rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(26,16,40,.05);background:#fdfcffcc}.qnav-back{background:var(--lilac-mid);border:1.5px solid rgba(26,16,40,.12);border-radius:100px;padding:.6rem 1.3rem;font-size:calc(.76rem * var(--quiz-type-scale));color:var(--ink);cursor:pointer;font-family:DM Sans,sans-serif}.qnav-next{background:var(--ink);color:#fff;border:none;border-radius:100px;padding:.6rem 1.6rem;font-size:calc(.78rem * var(--quiz-type-scale));font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;box-shadow:0 4px 16px #1a102833;transition:transform .2s,box-shadow .2s}.qnav-next.clicked{transform:scale(.96);box-shadow:0 2px 8px #1a102826}.fake-cursor{position:absolute;width:20px;height:20px;pointer-events:none;z-index:100;opacity:0;transition:opacity .3s}.fake-cursor svg{width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.cursor-ripple{position:absolute;width:32px;height:32px;border-radius:50%;background:#7c3aed47;transform:translate(-50%,-50%) scale(0);pointer-events:none;z-index:99}@keyframes rippleClick{0%{transform:translate(-50%,-50%) scale(0);opacity:.7}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.reveal-up{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s ease}.reveal-up.on{opacity:1;transform:translateY(0)}.d1{transition-delay:.1s}.d2{transition-delay:.18s}.d3{transition-delay:.26s}.d4{transition-delay:.34s}.d5{transition-delay:.42s}.d6{transition-delay:.5s}.hidden{display:none!important}@media screen and (max-width:1023px){.s-quiz{padding:6.4rem 2rem}.quiz-layout{gap:2.6rem;grid-template-columns:1fr}.quiz-headline{font-size:calc(2.9rem * var(--quiz-type-scale))}}@media screen and (min-width:480px){.s-quiz{--quiz-type-scale: var(--quiz-type-mobile-large, 1.35)}}@media screen and (min-width:750px){.s-quiz{--quiz-type-scale: var(--quiz-type-tablet, 1.3)}}@media screen and (min-width:1024px){.s-quiz{--quiz-type-scale: var(--quiz-type-ipad-portrait, 1.8)}}@media screen and (min-width:1180px){.s-quiz{--quiz-type-scale: var(--quiz-type-ipad-landscape, 1.8)}}@media screen and (min-width:1400px){.s-quiz{--quiz-type-scale: var(--quiz-type-desktop, 1.35)}}@media screen and (min-width:1680px){.s-quiz{--quiz-type-scale: var(--quiz-type-desktop-large, 1.5)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/fellinora-quiz-step-one.css.map */