.quiz{margin-top:var(--stage-gap);scroll-margin-top:var(--header-h)}.quiz__inner{background:var(--bubblegum);padding-block:clamp(64px,8vw,130px)}.quiz__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center;position:relative;z-index:1}.quiz__head{display:grid;gap:18px;justify-items:start}.quiz__deco svg{position:absolute;z-index:0;animation:ingFloatQ 5s ease-in-out infinite alternate}.quiz__deco-1{width:90px;left:4%;bottom:10%}.quiz__deco-2{width:70px;left:40%;top:9%;animation-delay:-2s!important}.quiz__deco-3{width:110px;right:3%;bottom:6%;animation-delay:-1s!important}@keyframes ingFloatQ{to{translate:0 -16px;rotate:14deg}}.quiz__card{position:relative;background:var(--butter);border:2px solid var(--ink);border-radius:var(--r-xl);padding:clamp(22px,3vw,40px);box-shadow:0 10px 0 var(--ink);min-height:420px;display:grid;align-content:start}.quiz__progress{display:flex;gap:6px;margin-bottom:22px}.quiz__progress i{flex:1;height:6px;border-radius:6px;background:color-mix(in srgb,var(--ink) 14%,transparent);transition:background-color .4s var(--ease)}.quiz__progress i.is-on{background:var(--ink)}.quiz__q{border:0;margin:0;padding:0;min-width:0}.quiz__q.is-active{animation:qIn .55s var(--ease) both}@keyframes qIn{0%{opacity:0;transform:translate(30px)}}.quiz__legend{display:grid;gap:10px;margin-bottom:22px;padding:0}.quiz__opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quiz__opts--4{grid-template-columns:repeat(2,1fr)}.quiz__opt{display:grid;justify-items:center;gap:10px;padding:22px 12px 18px;border-radius:var(--r-lg);border:2px solid var(--ink);background:#fff;font-weight:800;font-size:16px;text-align:center;transition:transform .35s var(--ease-bounce),background-color .25s,box-shadow .3s var(--ease)}.quiz__opt svg{width:58px;height:58px;transition:transform .45s var(--ease-bounce)}.quiz__opt:hover{transform:translateY(-4px);box-shadow:0 5px 0 var(--ink)}.quiz__opt:hover svg{transform:rotate(-12deg) scale(1.1)}.quiz__opt.is-picked{background:var(--sunshine);box-shadow:0 5px 0 var(--ink);transform:translateY(-4px) scale(1.03)}.quiz__opt.is-picked svg{animation:pickPop .5s var(--ease-bounce)}@keyframes pickPop{50%{transform:scale(1.35) rotate(12deg)}}.quiz__back{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-weight:700;font-size:14px;opacity:.75}.quiz__back .icon{width:16px;height:16px}.quiz__back:hover{opacity:1}.quiz__result{display:grid;gap:12px;justify-items:start;animation:qIn .6s var(--ease) both;outline:none}.quiz__result-text{font-size:18px;margin:0;max-width:34ch}.quiz__packs{display:flex;align-items:center;gap:10px;margin:8px 0}.quiz__packs figure{margin:0;display:grid;justify-items:center;gap:6px;padding:12px 14px 10px;border-radius:20px;background:var(--c);border:2px solid var(--ink);animation:qIn .6s calc(var(--k) * .12s + .2s) var(--ease-bounce) both}.quiz__packs img{height:110px;width:auto;filter:drop-shadow(0 10px 8px rgba(0,0,0,.25))}.quiz__packs figcaption{font-weight:800;font-size:13px}.quiz__plus{font:800 30px/1 var(--font-display)}.quiz__rec{font-weight:700;font-size:14px;margin:0;opacity:.8}.quiz__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}@media(max-width:849px){.quiz__grid{grid-template-columns:1fr}.quiz__deco-2{display:none}}@media(max-width:480px){.quiz__opts{grid-template-columns:1fr}.quiz__opts--4{grid-template-columns:1fr 1fr}.quiz__opt{grid-template-columns:auto 1fr;justify-items:start;align-items:center;padding:14px 16px;text-align:left}.quiz__opt svg{width:40px;height:40px}.quiz__opts--4 .quiz__opt{grid-template-columns:1fr;justify-items:center;text-align:center}.quiz__packs img{height:80px}.quiz__actions .btn{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-quiz.css.map */