.kl-quiz{padding:var(--kl-space-9) 0;background:var(--kl-gradient-hero);border-top:1px solid var(--kl-color-line);color:var(--kl-color-wordmark);overflow-x:clip}.kl-quiz .kl-container{max-width:1060px}.kl-quiz .quiz-intro{max-width:680px;margin-bottom:var(--kl-space-8)}.kl-quiz .quiz-intro h2{font-family:var(--kl-font-display);font-weight:400;font-size:clamp(30px,4.4vw,48px);line-height:1.08;color:var(--kl-color-wordmark);margin:0 0 var(--kl-space-4)}.kl-quiz .quiz-intro p{font-size:var(--kl-type-body-lg);line-height:1.62;color:var(--kl-color-muted);max-width:52ch;margin:0 0 var(--kl-space-6)}.kl-quiz .quiz-intro-actions{display:flex;align-items:center;gap:var(--kl-space-5);flex-wrap:wrap}.kl-quiz .quiz-intro-meta{font-size:13px;color:var(--kl-color-muted);letter-spacing:.03em}.kl-quiz .quiz-layout{display:grid;grid-template-columns:1fr;gap:var(--kl-space-5);align-items:start;max-width:920px}.kl-quiz .quiz-card{position:relative;display:grid;grid-template-columns:340px 1fr;align-items:stretch;min-width:0;min-height:480px;background:var(--kl-color-surface);border:1px solid var(--kl-color-line);border-radius:var(--kl-radius-xl);overflow:hidden;box-shadow:var(--kl-shadow-lg)}.kl-quiz .quiz-card [hidden]{display:none!important}.kl-quiz .quiz-card:before{content:"0" attr(data-quiz-step);position:absolute;left:var(--kl-space-6);bottom:128px;z-index:2;pointer-events:none;font-family:var(--kl-font-editorial);font-weight:500;font-size:118px;line-height:.8;letter-spacing:-.03em;color:#fff}.kl-quiz .quiz-card[data-quiz-state=result]:before{content:none}.kl-quiz .quiz-aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--kl-space-7) var(--kl-space-6);color:#f7efe6;overflow:hidden;background:linear-gradient(155deg,#5a3320,#79472c 45%,#a15e3b 120%)}.kl-quiz .quiz-aside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(80% 50% at 80% 8%,rgba(255,221,180,.35),transparent 70%),radial-gradient(60% 60% at -10% 100%,rgba(0,0,0,.28),transparent 70%)}.kl-quiz .quiz-aside:after{content:"";position:absolute;right:-90px;bottom:-90px;width:240px;height:240px;border-radius:50%;border:1.5px solid rgba(255,240,225,.18);box-shadow:0 0 0 24px #fff0e10f}.kl-quiz .quiz-aside__brand{position:relative;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#f7efe6d9}.kl-quiz .quiz-aside__foot{position:relative}.kl-quiz .quiz-aside__of{position:relative;display:block;font-family:var(--kl-font-display);font-size:18px;color:#f7efe6b3}.kl-quiz .quiz-aside__hint{position:relative;font-size:13.5px;line-height:1.55;color:#f7efe6d1;margin:var(--kl-space-4) 0 0;max-width:30ch}.kl-quiz .quiz-card__main{padding:var(--kl-space-7);min-width:0}.kl-quiz .quiz-progress-row{display:flex;align-items:center;gap:var(--kl-space-3);margin-bottom:var(--kl-space-5)}.kl-quiz .quiz-step-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--kl-color-roast)}.kl-quiz .quiz-progress-track{flex:1;height:6px;background:var(--kl-color-roast-soft);border-radius:var(--kl-radius-full);overflow:hidden}.kl-quiz .quiz-progress-fill{height:100%;width:20%;background:var(--kl-gradient-cta);border-radius:inherit;transition:width var(--kl-duration-base) var(--kl-ease-standard)}.kl-quiz .quiz-question{font-family:var(--kl-font-display);font-weight:400;font-size:clamp(23px,2.6vw,30px);line-height:1.18;color:var(--kl-color-wordmark);margin:0 0 var(--kl-space-5)}.kl-quiz .quiz-options{display:grid;gap:var(--kl-space-3)}.kl-quiz .quiz-option{display:flex;align-items:center;gap:var(--kl-space-4);width:100%;text-align:left;cursor:pointer;background:var(--kl-color-surface);border:1.5px solid var(--kl-color-line);border-radius:var(--kl-radius-md);padding:var(--kl-space-4);font-family:var(--kl-font-sans);font-size:15px;font-weight:500;color:var(--kl-color-bark);min-height:0;transition:border-color var(--kl-duration-fast),background var(--kl-duration-fast),box-shadow var(--kl-duration-fast),transform var(--kl-duration-fast)}.kl-quiz .quiz-option-key{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:var(--kl-radius-full);background:var(--kl-color-surface-soft);color:var(--kl-color-roast);font-weight:700;font-size:13px;transition:all var(--kl-duration-fast)}.kl-quiz .quiz-option:hover{border-color:var(--kl-color-roast);box-shadow:var(--kl-shadow-sm);transform:translateY(-1px)}.kl-quiz .quiz-option:focus-visible{outline:var(--kl-focus-ring);outline-offset:2px}.kl-quiz .quiz-option.is-selected{border-color:var(--kl-color-roast);background:var(--kl-color-roast-soft);color:var(--kl-color-wordmark);box-shadow:0 0 0 1px var(--kl-color-roast) inset}.kl-quiz .quiz-option.is-selected .quiz-option-key{background:var(--kl-gradient-cta);color:#fff}.kl-quiz .quiz-nav-row{display:flex;align-items:center;justify-content:space-between;gap:var(--kl-space-3);margin-top:var(--kl-space-5)}.kl-quiz .quiz-back{-webkit-appearance:none;appearance:none;background:none;border:1px solid var(--kl-color-line);color:var(--kl-color-muted);border-radius:var(--kl-radius-full);min-height:40px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--kl-duration-fast),color var(--kl-duration-fast)}.kl-quiz .quiz-back:hover{color:var(--kl-color-wordmark);background:var(--kl-color-surface-soft)}.kl-quiz .quiz-back[disabled]{opacity:.4;cursor:not-allowed}.kl-quiz .quiz-stepper{display:flex;align-items:center;justify-content:center;gap:var(--kl-space-3);list-style:none;margin:var(--kl-space-6) auto 0;padding:0;max-width:920px}.kl-quiz .quiz-stepper__dot{position:relative;display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:var(--kl-radius-full);background:var(--kl-color-surface);border:1px solid var(--kl-color-line);color:var(--kl-color-muted);font-size:13px;font-weight:700;transition:background var(--kl-duration-fast),border-color var(--kl-duration-fast),color var(--kl-duration-fast),box-shadow var(--kl-duration-fast)}.kl-quiz .quiz-stepper__num{line-height:1}.kl-quiz .quiz-stepper__dot svg{display:none;width:13px;height:13px}.kl-quiz .quiz-stepper__dot:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);width:var(--kl-space-3);height:2px;background:var(--kl-color-line)}.kl-quiz [data-quiz-step-card][data-quiz-step-status=current]{border-color:var(--kl-color-roast);color:var(--kl-color-roast);box-shadow:0 0 0 3px var(--kl-color-roast-soft)}.kl-quiz [data-quiz-step-card][data-quiz-step-status=done]{background:var(--kl-color-roast);border-color:var(--kl-color-roast);color:#fff}.kl-quiz [data-quiz-step-card][data-quiz-step-status=done] .quiz-stepper__num{display:none}.kl-quiz [data-quiz-step-card][data-quiz-step-status=done] svg{display:block}.kl-quiz [data-quiz-step-card][data-quiz-step-status=done]:after{background:var(--kl-color-roast)}.kl-quiz .quiz-card[data-quiz-state=result]{display:block;min-height:0;background:none;border:none;box-shadow:none;border-radius:0;overflow:visible}.kl-quiz .quiz-card[data-quiz-state=result] .quiz-aside{display:none}.kl-quiz .quiz-card[data-quiz-state=result] .quiz-card__main{padding:0}.kl-quiz .quiz-result[hidden]{display:none}.kl-quiz .quiz-result:not([hidden]){display:grid;gap:var(--kl-space-5)}.kl-quiz .quiz-result__head{display:flex;align-items:center;gap:8px;color:var(--kl-color-olive);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.kl-quiz .quiz-result__head svg{width:17px;height:17px}.kl-quiz .quiz-result__title{font-family:var(--kl-font-display);font-weight:400;font-size:clamp(28px,3.6vw,42px);line-height:1.08;color:var(--kl-color-wordmark);margin:0}.kl-quiz .quiz-result__lead{font-size:var(--kl-type-body-lg);color:var(--kl-color-muted);margin:-4px 0 0}.kl-quiz .quiz-result__actions{display:flex;align-items:center;gap:var(--kl-space-3);flex-wrap:wrap}.kl-quiz .quiz-restart{-webkit-appearance:none;appearance:none;background:var(--kl-color-surface);border:1px solid var(--kl-color-line);color:var(--kl-color-bark);border-radius:var(--kl-radius-full);min-height:44px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background var(--kl-duration-fast)}.kl-quiz .quiz-restart:hover{background:var(--kl-color-surface-soft)}@media(max-width:767px){.kl-quiz{padding:var(--kl-space-7) 0}.kl-quiz .quiz-intro{margin-bottom:var(--kl-space-5)}.kl-quiz .quiz-card{grid-template-columns:1fr;min-height:0}.kl-quiz .quiz-aside{display:flex;flex-direction:column;justify-content:center;position:relative;min-height:132px;padding:var(--kl-space-5) var(--kl-space-5) var(--kl-space-5) 112px}.kl-quiz .quiz-aside:after{display:block;right:-64px;bottom:-72px;width:168px;height:168px;box-shadow:0 0 0 18px #fff0e10d}.kl-quiz .quiz-aside__brand{display:block}.kl-quiz .quiz-aside__foot{display:block;margin-top:3px}.kl-quiz .quiz-aside__of{display:block;font-size:15px;opacity:.85}.kl-quiz .quiz-aside__hint{display:block;margin-top:9px;font-size:12.5px;max-width:none;color:#f7efe6c7}.kl-quiz .quiz-card:before{left:var(--kl-space-5);right:auto;top:30px;bottom:auto;transform:none;font-size:74px;line-height:.78}.kl-quiz .quiz-card[data-quiz-state=result]:before{content:none}.kl-quiz .quiz-card__main{padding:var(--kl-space-5)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/kl-quiz.css.map */