.quiz{position:relative;min-height:calc(100vh - 200px);padding:56px var(--gutter) 96px;overflow:hidden}@media(min-width:768px){.quiz{padding:80px var(--gutter) 120px}}.quiz__decor{position:absolute;z-index:1;pointer-events:none;display:none;opacity:.65}.quiz__decor img{width:100%;height:auto;display:block}@media(min-width:1024px){.quiz__decor{display:block}.quiz__decor--left{top:80px;left:-40px;transform:rotate(-22deg);width:220px}.quiz__decor--right{bottom:80px;right:-50px;transform:rotate(28deg);width:240px}}@media(min-width:1400px){.quiz__decor--left{left:20px;width:260px}.quiz__decor--right{right:10px;width:280px}}.quiz__progress{position:relative;z-index:3;max-width:680px;margin:0 auto 40px}.quiz__progress-track{height:8px;background:#14534f1f;border-radius:999px;overflow:hidden}.quiz__progress-fill{height:100%;width:0%;background:var(--color-yellow);border-radius:999px;transition:width .45s cubic-bezier(.22,1,.36,1)}.quiz__progress-label{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:12px;letter-spacing:.18em;color:var(--color-yellow);text-transform:uppercase;margin:14px 0 0;text-align:center}.quiz__stage{position:relative;z-index:2;max-width:720px;margin:0 auto}.quiz-screen{display:none;text-align:center;animation:quizFadeIn .42s cubic-bezier(.22,1,.36,1) both}.quiz-screen.is-active{display:block}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quiz-screen__eyebrow{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:12px;letter-spacing:.22em;color:var(--color-yellow);text-transform:uppercase;margin:0 0 16px}.quiz-screen__title{font-family:Inter,system-ui,sans-serif;font-weight:900;font-size:clamp(22px,3vw,30px);letter-spacing:-.01em;line-height:1.2;color:var(--color-black);margin:0 0 12px}.quiz-screen__title--hero{font-size:clamp(28px,4.6vw,44px);text-transform:uppercase;line-height:1.1;margin-bottom:18px}.quiz-screen__sub{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:clamp(15px,1.4vw,17px);line-height:1.55;color:var(--color-grey-700);margin:0 auto 24px;max-width:540px}.quiz-screen__hint{display:inline-block;font-size:13px;font-weight:600;color:var(--color-grey-500);letter-spacing:.04em;text-transform:uppercase;margin-left:6px}.quiz-screen__meta{font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.5;color:var(--color-grey-500);margin:18px auto 0;max-width:480px}.quiz-screen__cta-row{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:28px}@media(min-width:768px){.quiz-screen__cta-row{margin-top:36px}}.quiz-options{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:1fr;gap:12px;max-width:560px}@media(min-width:640px){.quiz-options{gap:14px}}.quiz-option{width:100%;background:var(--color-white);border:2px solid rgba(20,83,79,.14);border-radius:16px;padding:18px 22px;font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:16px;color:var(--color-black);text-align:left;cursor:pointer;box-shadow:0 2px 6px #14534f0a;transition:border-color .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}.quiz-option:hover{border-color:var(--color-yellow);transform:translateY(-2px);box-shadow:0 8px 20px #14534f1a}.quiz-option:active{transform:translateY(0)}.quiz-option.is-selected{border-color:var(--color-yellow);background:#14534f0f;box-shadow:0 6px 16px #14534f1f;color:var(--color-yellow)}.quiz-option:focus-visible{outline:3px solid var(--color-yellow);outline-offset:2px}.quiz-cta{display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-weight:900;font-size:15px;letter-spacing:.08em;text-transform:uppercase;padding:18px 36px;border-radius:999px;text-decoration:none;transition:transform .18s ease-out,box-shadow .18s ease-out}.quiz-cta--primary{background:var(--color-yellow);color:var(--color-white);box-shadow:0 8px 24px #14534f3d}.quiz-cta--primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #14534f52}.quiz-cta--primary:active{transform:translateY(0)}.quiz-cta--fillable{position:relative;overflow:hidden;isolation:isolate}.quiz-cta--fillable:hover{transform:none}.quiz-cta__fill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(to right,#ffffff0d,#ffffff52);z-index:0;pointer-events:none;border-radius:inherit}.quiz-cta__label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px}.quiz-cta--ghost{background:transparent;color:var(--color-yellow);border:2px solid rgba(20,83,79,.24);padding:16px 30px;font-weight:800}.quiz-cta--ghost:hover{border-color:var(--color-yellow);background:#14534f0a}.quiz-match{display:flex;justify-content:center;margin:32px 0}.quiz-match__ring{position:relative;width:180px;height:180px}.quiz-match__svg{width:100%;height:100%;transform:rotate(-90deg)}.quiz-match__ring-bg{fill:none;stroke:#14534f1f;stroke-width:10}.quiz-match__ring-fg{fill:none;stroke:var(--color-yellow);stroke-width:10;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1) .2s}.quiz-match__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.quiz-match__pct{font-family:Inter,system-ui,sans-serif;font-weight:900;font-size:40px;letter-spacing:-.02em;color:var(--color-yellow);line-height:1}.quiz-match__pct-label{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:11px;letter-spacing:.18em;color:var(--color-grey-500);text-transform:uppercase}.quiz-peers{list-style:none;padding:0;margin:0 auto 24px;max-width:460px;display:grid;gap:10px}.quiz-peers__row{display:flex;align-items:center;justify-content:space-between;background:var(--color-white);border:1px solid rgba(20,83,79,.1);border-radius:12px;padding:12px 18px;font-family:Inter,system-ui,sans-serif;box-shadow:0 2px 6px #14534f0a}.quiz-peers__name{font-weight:700;font-size:15px;color:var(--color-black)}.quiz-peers__pct{font-weight:800;font-size:13px;letter-spacing:.04em;color:var(--color-yellow)}.quiz-reveal{display:grid;grid-template-columns:1fr;gap:32px;margin-top:24px;align-items:center}@media(min-width:880px){.quiz-reveal{grid-template-columns:1fr 1.2fr;gap:48px}}.quiz-reveal__gallery{position:relative;width:100%;aspect-ratio:1 / 1;background:var(--color-white);border-radius:24px;overflow:hidden;box-shadow:0 16px 36px #14534f24}.quiz-reveal__gallery img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease-in-out}.quiz-reveal__gallery img.is-active{opacity:1}.quiz-reveal__card{text-align:left;background:var(--color-white);border-radius:24px;padding:32px 28px 28px;box-shadow:0 12px 32px #14534f1f}@media(min-width:880px){.quiz-reveal__card{padding:40px 36px 36px}}.quiz-reveal__label{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:12px;letter-spacing:.22em;color:var(--color-yellow);text-transform:uppercase;margin:0 0 12px}.quiz-reveal__name{font-family:Inter,system-ui,sans-serif;font-weight:900;font-size:clamp(22px,2.6vw,28px);letter-spacing:-.01em;line-height:1.18;color:var(--color-black);margin:0 0 14px;text-transform:uppercase}.quiz-reveal__reason{font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.6;color:var(--color-grey-700);margin:0 0 24px}.quiz-reveal__cta-row{display:flex;flex-direction:column;gap:14px;margin:0 0 18px}.quiz-reveal__retake{display:inline-block;background:transparent;border:none;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--color-grey-500);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:6px 0}.quiz-reveal__retake:hover{color:var(--color-yellow)}.quiz-fall{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50;overflow:hidden}.quiz-fall__stick{position:absolute;top:-160px;width:90px;height:auto;transform:scale(var(--fall-scale, .7)) rotate(var(--fall-rot-start, 0deg));opacity:.85;animation:quizFall 4s cubic-bezier(.4,.05,.5,.95) forwards;will-change:transform,top}@keyframes quizFall{0%{top:-180px;transform:scale(var(--fall-scale, .7)) rotate(var(--fall-rot-start, 0deg));opacity:0}10%{opacity:.9}to{top:110vh;transform:scale(var(--fall-scale, .7)) rotate(var(--fall-rot-end, 360deg));opacity:.85}}@media(prefers-reduced-motion:reduce){.quiz-fall__stick{animation-duration:1ms;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/siwak-quiz.css.map */