.klar-quiz__intro{text-align:center;margin-bottom:40px;display:flex;flex-direction:column;align-items:center;gap:14px}.klar-quiz__badge{display:inline-flex;align-items:center;padding:6px 15px;border:1.5px solid rgba(0,0,0,.85);border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#1a1a1a;line-height:1}.klar-quiz__heading{font-size:clamp(34px,5.5vw,48px);font-weight:800;line-height:1.05;letter-spacing:-.025em;margin:0;color:#1a1a1a}.klar-quiz__subtext{font-size:16px;line-height:1.65;color:#17181a;font-family:Inter,sans-serif;font-weight:500;max-width:620px;letter-spacing:.025em;margin:0}.klar-quiz__subtext p{margin:0}.klar-quiz__panel{margin:0 auto;background:#fff;border:1px solid #C3C4C2;border-radius:24px;overflow:hidden;position:relative}.klar-quiz__step{display:none;padding:var(--quiz-step-py, 40px) var(--quiz-step-px, 40px)}.klar-quiz__step.is-active{display:block;animation:klar-quiz-enter-right .28s cubic-bezier(.25,.46,.45,.94) both}.klar-quiz__step.is-active.is-back{animation:klar-quiz-enter-left .28s cubic-bezier(.25,.46,.45,.94) both}.klar-quiz__step.is-exiting{display:block;pointer-events:none;animation:klar-quiz-exit-left .22s cubic-bezier(.55,0,.1,1) both}.klar-quiz__step.is-exiting.is-back{animation:klar-quiz-exit-right .22s cubic-bezier(.55,0,.1,1) both}.klar-quiz__step-label{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#17181a;margin:0 0 8px}.klar-quiz__question{font-size:clamp(17px,2.5vw,24px);font-weight:500;line-height:1.3;margin:0 0 28px;color:#1a1a1a;letter-spacing:.03em}.klar-quiz__answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.klar-quiz__answers>:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 7px)}.klar-quiz__answer{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:20px 24px;background:#f4f4f2;border:1.5px solid #DFE4E1;border-radius:12px;text-align:left;cursor:pointer;width:100%;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.klar-quiz__answer:hover,.klar-quiz__answer:active,.klar-quiz__answer.is-selected{border-color:#17181a;background:#fff;box-shadow:4px 4px 15px #0000001a}.klar-quiz__answer-icon{display:flex;align-items:center;color:#1a1a1a;margin-bottom:11px;line-height:0}.klar-quiz__answer-icon svg,.klar-quiz__answer-icon img{width:24px;height:24px;display:block;object-fit:contain}.klar-quiz__answer-title{font-size:18px;font-weight:600;color:#17181a;line-height:1.3;letter-spacing:.02em}.klar-quiz__answer-desc{font-size:12px;color:#17181a;line-height:1.45;margin-top:2px;letter-spacing:.03em}.klar-quiz__answer-desc p{margin:0}.klar-quiz__step-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px;padding-top:16px}.klar-quiz__progress{display:flex;align-items:center;gap:11px;flex-shrink:0}.klar-quiz__progress-dot{display:inline-block;height:7px;width:7px;border-radius:100px;background-color:#d0d0d0;transition:width .3s cubic-bezier(.34,1.56,.64,1),height .3s cubic-bezier(.34,1.56,.64,1),background-color .2s ease;flex-shrink:0}.klar-quiz__progress-dot.is-active{width:28px;height:7px;background-color:#1a1a1a}.klar-quiz__step-nav{display:flex;gap:8px;flex-shrink:0}.klar-quiz__btn-nav{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:100px;border:1.5px solid rgba(0,0,0,.18);background:transparent;color:#1a1a1a;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .15s ease;white-space:nowrap;line-height:1;letter-spacing:.03em}.klar-quiz__btn-nav:hover{border-color:#00000073}.klar-quiz__result{display:none;padding:40px}.klar-quiz__result.is-active{display:grid;grid-template-columns:1fr 1fr;gap:32px 52px;align-items:center;animation:klar-quiz-enter-right .28s cubic-bezier(.25,.46,.45,.94) both}.klar-quiz__result.is-exiting{display:grid;pointer-events:none;animation:klar-quiz-exit-right .22s cubic-bezier(.55,0,.1,1) both}.klar-quiz__result-subtitle{font-size:24px;color:#17181a;margin:4px 0 12px}.klar-quiz__result-name{font-size:clamp(22px,3vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px;color:#17181a}.klar-quiz__rating{display:flex;align-items:center;gap:8px;margin-bottom:14px}.klar-quiz__stars{display:inline-flex;align-items:center;gap:3px;line-height:0}.klar-quiz__stars svg{display:block}.klar-quiz__rating-count{font-size:13px;color:#666}.klar-quiz__result-price{font-size:32px;font-weight:500;color:#17181a;margin:0 0 14px;line-height:48px}.klar-quiz__result-desc{font-size:16px;line-height:1.65;color:#17181a;margin-bottom:24px}.klar-quiz__result-desc p{margin:0}.klar-quiz__result-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.klar-quiz__btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:100px;background:#1a1a1a;color:#fff;font-size:14.5px;font-weight:500;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:opacity .2s;white-space:nowrap;line-height:1}.klar-quiz__btn-primary:hover{opacity:.82;color:#fff}.klar-quiz__btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:100px;background:transparent;color:#1a1a1a;font-size:14.5px;font-weight:500;border:1.5px solid rgba(0,0,0,.2);cursor:pointer;transition:border-color .15s ease;text-decoration:none;white-space:nowrap;line-height:1}.klar-quiz__btn-outline:hover{border-color:#00000080}.klar-quiz__result-media{display:flex;align-items:center;justify-content:center}.klar-quiz__result-media img,.klar-quiz__result-media svg{width:100%;height:auto;max-height:380px;object-fit:contain;display:block}@keyframes klar-quiz-enter-right{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}@keyframes klar-quiz-enter-left{0%{opacity:0;transform:translate(-22px)}to{opacity:1;transform:translate(0)}}@keyframes klar-quiz-exit-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-22px)}}@keyframes klar-quiz-exit-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(22px)}}@media screen and (max-width:639px){.klar-quiz__intro{margin-bottom:24px;gap:10px}.klar-quiz__step{padding:var(--quiz-step-py-mobile, 24px) var(--quiz-step-px-mobile, 20px)}.klar-quiz__result{padding:24px 20px}.klar-quiz__question{margin-bottom:20px}.klar-quiz__answers{grid-template-columns:1fr;gap:8px}.klar-quiz__answers>:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:100%}.klar-quiz__step-footer{flex-direction:column;align-items:flex-start;gap:12px}.klar-quiz__step-nav{align-self:flex-end}.klar-quiz__result.is-active{grid-template-columns:1fr;gap:24px}.klar-quiz__result-media{order:-1}.klar-quiz__result-media img,.klar-quiz__result-media svg{max-height:220px}.klar-quiz__result-buttons{flex-direction:column;align-items:stretch}.klar-quiz__btn-primary,.klar-quiz__btn-outline{justify-content:center}}@media screen and (min-width:640px)and (max-width:767px){.klar-quiz__step,.klar-quiz__result{padding:32px 28px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/klar-quiz.css.map */