.quiz-section{padding:12px;width:100%;min-width:300px;max-width:600px;font-family:var(--font-body-family);background-color:var(--color-background);text-align:center;height:auto;margin:auto}.quiz-section h2{font-family:var(--font-heading-family);font-size:1.55rem}#quiz-progress{height:8px;background:#eee;margin-bottom:20px;border-radius:4px;overflow:hidden;display:block}#quiz-progress div{height:100%;width:0%;background:#2e8030;transition:width .3s;display:block}.step{width:100%;opacity:0;transform:translate(100%);transition:transform .6s ease,opacity .4s ease;display:none}.step.active{opacity:1;display:block;transform:translate(0)}.step.exit-left{opacity:0;transform:translate(-100%)}.question h2{font-size:1.75rem}.answers{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;margin-top:20px}.answer{flex:1 1 40%;cursor:pointer;border-radius:12px;overflow:hidden;transition:transform .3s;text-align:center;background:#f0f4f8;padding:15px;font-size:1.5rem}.answer:hover{transform:scale(1.05)}.answer img{width:100%;border-radius:8px;margin-bottom:8px;height:auto;display:block}.result{display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeIn .5s ease}.result img{max-height:350px;margin-bottom:20px;border-radius:15px;box-shadow:1px 3px 6px #000}.loader{border:4px solid rgba(0,0,0,.1);border-left-color:var(--color-button);border-radius:50%;width:48px;height:48px;margin:40px auto;animation:spin 1s linear infinite}.result-buttons{display:flex;flex-direction:row;gap:1rem;margin:1rem}#result-colors{font-weight:400;text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/kysely-peli.css.map */