:root{--dev-quiz-blue: #213d8e;--dev-quiz-blue-deep: #182f72;--dev-quiz-blue-soft: #eef2fb;--dev-quiz-green: #8fc745;--dev-quiz-green-text: #4d7c0f;--dev-quiz-ink: #0f172a;--dev-quiz-body: #5e6770;--dev-quiz-line: #e6e9ee;--dev-quiz-surface: #f8f9fb}.dev-quiz-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:320;visibility:hidden;pointer-events:none;transition:visibility 0s linear .3s}.dev-quiz-modal.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.dev-quiz-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a8c;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease;cursor:pointer}.dev-quiz-modal.is-open .dev-quiz-modal__overlay{opacity:1}.dev-quiz-modal__panel{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(960px,calc(100vw - 32px));height:fit-content;max-height:calc(100vh - 32px);background:#fff;border-radius:22px;box-shadow:0 30px 80px #0f172a52,0 2px 8px #0f172a14;transform:scale(.96) translateY(8px);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .25s ease;display:flex;flex-direction:column;overflow:hidden;font-family:var(--dev-font-primary, "Montserrat", sans-serif);color:var(--dev-quiz-ink)}.dev-quiz-modal.is-open .dev-quiz-modal__panel{transform:scale(1) translateY(0);opacity:1}.dev-quiz-modal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;background:#fff;border-bottom:1px solid var(--dev-quiz-line);position:relative;flex-shrink:0}.dev-quiz-modal__head-eyebrow{font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:700;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--dev-quiz-blue)}.dev-quiz-modal__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--dev-quiz-surface);border:1px solid var(--dev-quiz-line);border-radius:50%;cursor:pointer;color:var(--dev-quiz-ink);transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.dev-quiz-modal__close:hover{border-color:var(--dev-quiz-blue);background:#fff;transform:rotate(90deg)}.dev-quiz-modal__close svg{width:12px;height:12px;fill:currentColor}.dev-quiz-modal__body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:36px 40px 32px;scroll-behavior:smooth}.dev-quiz-modal [hidden]{display:none!important}.dev-quiz-modal__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:700;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dev-quiz-green-text);line-height:1.6}.dev-quiz-modal__eyebrow-dash{display:block;width:22px;height:2px;border-radius:1px;background:var(--dev-quiz-green)}.dev-quiz-modal__heading>*{font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:800;font-size:34px;line-height:1.12;letter-spacing:-.4px;color:var(--dev-quiz-ink);margin:0}.dev-quiz-modal__heading strong{color:var(--dev-quiz-blue);font-weight:inherit}.dev-quiz-modal__description{font-family:var(--dev-font-secondary, "Inter", sans-serif);font-size:16px;line-height:1.6;color:var(--dev-quiz-body);max-width:560px;margin:0}.dev-quiz-modal__description>*:first-child{margin-top:0}.dev-quiz-modal__description>*:last-child{margin-bottom:0}.dev-quiz-modal__intro{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;max-width:600px;margin:0 auto;padding:8px 0 12px}.dev-quiz-modal__intro-icon{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#8fc7452e,#213d8e1f 70%);position:relative;margin-bottom:4px}.dev-quiz-modal__intro-icon:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px dashed rgba(33,61,142,.25);animation:dev-quiz-rotate 14s linear infinite}@keyframes dev-quiz-rotate{to{transform:rotate(360deg)}}.dev-quiz-modal__intro-icon svg{width:36px;height:32px}.dev-quiz-modal__intro-meta{display:inline-flex;align-items:center;gap:12px;padding:8px 14px;background:var(--dev-quiz-surface);border:1px solid var(--dev-quiz-line);border-radius:999px;font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:600;font-size:12px;letter-spacing:.3px;color:var(--dev-quiz-body);margin-top:2px}.dev-quiz-modal__intro-meta-item{display:inline-flex;align-items:center;gap:6px}.dev-quiz-modal__intro-meta-item svg{width:14px;height:14px;color:var(--dev-quiz-blue)}.dev-quiz-modal__intro-meta-dot{width:4px;height:4px;border-radius:50%;background:var(--dev-quiz-line)}.dev-quiz-modal__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:6px;border:2px solid transparent;font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-size:14px;font-weight:700;line-height:1.5;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease,border-color .2s ease;background:none;white-space:nowrap}.dev-quiz-modal__btn--lg{padding:16px 36px;font-size:15px;margin-top:4px}.dev-quiz-modal__btn svg{flex-shrink:0}.dev-quiz-modal__btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.dev-quiz-modal__btn--primary{background-color:var(--dev-quiz-blue);color:#fff;border-color:var(--dev-quiz-blue);box-shadow:0 8px 20px #213d8e40}.dev-quiz-modal__btn--primary:hover{background-color:var(--dev-quiz-blue-deep);border-color:var(--dev-quiz-blue-deep);box-shadow:0 12px 26px #213d8e57;transform:translateY(-1px)}.dev-quiz-modal__btn--primary:active{transform:translateY(0)}.dev-quiz-modal__btn--primary svg path{fill:#fff}.dev-quiz-modal__btn--ghost{background:transparent;color:var(--dev-quiz-blue);border-color:transparent;padding:10px 14px}.dev-quiz-modal__btn--ghost:hover{background:var(--dev-quiz-blue-soft)}.dev-quiz-modal__btn--ghost svg{color:var(--dev-quiz-blue)}.dev-quiz-modal__progress{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px}.dev-quiz-modal__steps{list-style:none;margin:0;padding:0;display:inline-flex;align-items:center;gap:20px;position:relative}.dev-quiz-modal__step{position:relative;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:700;font-size:13px;color:var(--dev-quiz-body);background:#fff;border:2px solid var(--dev-quiz-line);border-radius:50%;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}.dev-quiz-modal__step:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;width:20px;height:2px;background:var(--dev-quiz-line);transform:translateY(-50%);transition:background-color .3s ease}.dev-quiz-modal__step-num{display:inline-flex}.dev-quiz-modal__step-check{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .25s ease}.dev-quiz-modal__step-check svg{width:14px;height:14px}.dev-quiz-modal__step.is-active{background:var(--dev-quiz-blue);border-color:var(--dev-quiz-blue);color:#fff;transform:scale(1.08);box-shadow:0 6px 14px #213d8e52}.dev-quiz-modal__step.is-completed{background:var(--dev-quiz-green);border-color:var(--dev-quiz-green);color:#fff}.dev-quiz-modal__step.is-completed .dev-quiz-modal__step-num{opacity:0}.dev-quiz-modal__step.is-completed .dev-quiz-modal__step-check{opacity:1;transform:scale(1)}.dev-quiz-modal__step.is-completed .dev-quiz-modal__step-check svg path{stroke:#fff}.dev-quiz-modal__step.is-completed:not(:last-child):after{background:var(--dev-quiz-green)}.dev-quiz-modal__step.is-active:not(:last-child):after{background:linear-gradient(90deg,var(--dev-quiz-blue) 0%,var(--dev-quiz-line) 100%)}.dev-quiz-modal__progress-step{font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:600;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dev-quiz-body)}.dev-quiz-modal__questions{display:flex;flex-direction:column}.dev-quiz-modal__question{display:flex;flex-direction:column;gap:24px;animation:dev-quiz-fade-up .35s cubic-bezier(.16,1,.3,1) both}@keyframes dev-quiz-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dev-quiz-modal__question-text{font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:800;font-size:26px;line-height:1.2;letter-spacing:-.3px;color:var(--dev-quiz-ink);margin:0;text-align:center;max-width:680px;margin-inline:auto}.dev-quiz-modal__answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dev-quiz-modal__answer{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:2px solid var(--dev-quiz-line);border-radius:14px;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .15s ease;font-family:var(--dev-font-secondary, "Inter", sans-serif);position:relative;animation:dev-quiz-fade-up .35s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--dev-quiz-answer-delay, 0ms)}.dev-quiz-modal__answer:hover{border-color:var(--dev-quiz-blue);background:var(--dev-quiz-blue-soft);transform:translateY(-1px);box-shadow:0 8px 18px #213d8e14}.dev-quiz-modal__answer-letter{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--dev-quiz-surface);border:1.5px solid var(--dev-quiz-line);border-radius:8px;font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:800;font-size:13px;letter-spacing:.5px;color:var(--dev-quiz-blue);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.dev-quiz-modal__answer-text{flex:1;font-size:14px;font-weight:600;line-height:1.45;color:var(--dev-quiz-ink)}.dev-quiz-modal__answer-check{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:scale(.7);transition:opacity .2s ease,transform .2s ease;color:var(--dev-quiz-blue)}.dev-quiz-modal__answer-check svg{width:22px;height:22px}.dev-quiz-modal__answer.is-selected{border-color:var(--dev-quiz-blue);background:linear-gradient(135deg,#213d8e0f,#8fc7450f);box-shadow:0 10px 24px #213d8e24}.dev-quiz-modal__answer.is-selected .dev-quiz-modal__answer-letter{background:var(--dev-quiz-blue);border-color:var(--dev-quiz-blue);color:#fff}.dev-quiz-modal__answer.is-selected .dev-quiz-modal__answer-check{opacity:1;transform:scale(1)}.dev-quiz-modal__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--dev-quiz-line);margin-top:4px}.dev-quiz-modal__results{display:flex;flex-direction:column;gap:28px;animation:dev-quiz-fade-up .4s cubic-bezier(.16,1,.3,1) both}.dev-quiz-modal__results-header{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.dev-quiz-modal__result{display:flex;flex-direction:column;gap:22px}.dev-quiz-modal__result-card{display:grid;grid-template-columns:minmax(0,340px) 1fr;gap:0;align-items:stretch;background:#fff;border:1px solid var(--dev-quiz-line);border-radius:18px;overflow:hidden;position:relative;box-shadow:0 10px 30px #0f172a0f}.dev-quiz-modal__result-card:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(180deg,var(--dev-quiz-blue),var(--dev-quiz-green));z-index:2}.dev-quiz-modal__result-media{position:relative;min-height:240px;background:linear-gradient(135deg,var(--dev-quiz-blue-soft),#ffffff);overflow:hidden}.dev-quiz-modal__result-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.dev-quiz-modal__result-body{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:28px 32px}.dev-quiz-modal__result-card:not(:has(.dev-quiz-modal__result-media)){grid-template-columns:1fr}.dev-quiz-modal__result-badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 12px;background:#8fc74524;border-radius:999px;font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:700;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--dev-quiz-green-text)}.dev-quiz-modal__result-badge svg{width:14px;height:14px}.dev-quiz-modal__result-heading{font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:800;font-size:26px;line-height:1.18;letter-spacing:-.3px;color:var(--dev-quiz-blue);margin:4px 0 0}.dev-quiz-modal__result-description{font-family:var(--dev-font-secondary, "Inter", sans-serif);font-size:15px;line-height:1.6;color:var(--dev-quiz-body)}.dev-quiz-modal__result-description>*:first-child{margin-top:0}.dev-quiz-modal__result-description>*:last-child{margin-bottom:0}.dev-quiz-modal__result-cta{margin-top:8px}.dev-quiz-modal__result-products-wrap{display:flex;flex-direction:column;gap:14px}.dev-quiz-modal__result-products-head{display:flex;align-items:center;gap:14px}.dev-quiz-modal__result-products-label{font-family:var(--dev-font-primary, "Montserrat", sans-serif);font-weight:700;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dev-quiz-blue);white-space:nowrap}.dev-quiz-modal__result-products-rule{flex:1;height:1px;background:var(--dev-quiz-line)}.dev-quiz-modal__result-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dev-quiz-modal__result-product{min-width:0}.dev-quiz-modal__restart{display:flex;justify-content:center;padding-top:8px;border-top:1px solid var(--dev-quiz-line)}@media(max-width:1023px){.dev-quiz-modal__result-products{grid-template-columns:repeat(2,minmax(0,1fr))}.dev-quiz-modal__result-card{grid-template-columns:1fr}.dev-quiz-modal__result-media{min-height:200px}}@media(max-width:749px){.dev-quiz-modal__overlay{background:#0f172a80}.dev-quiz-modal__panel{inset:auto 0 0 0;margin:0;width:100vw;max-width:100vw;height:auto;max-height:92vh;border-radius:20px 20px 0 0;transform:translateY(100%);opacity:1}.dev-quiz-modal.is-open .dev-quiz-modal__panel{transform:translateY(0)}.dev-quiz-modal__panel:before{content:"";position:absolute;top:8px;left:50%;width:38px;height:4px;border-radius:2px;background:var(--dev-quiz-line);transform:translate(-50%);pointer-events:none}.dev-quiz-modal__head{padding:18px 20px 14px}.dev-quiz-modal__body{padding:20px 20px 28px}.dev-quiz-modal__heading>*{font-size:26px;letter-spacing:-.3px}.dev-quiz-modal__intro-icon{width:64px;height:64px}.dev-quiz-modal__intro-icon svg{width:30px;height:26px}.dev-quiz-modal__btn--lg{width:100%;padding:14px 20px}.dev-quiz-modal__step{width:30px;height:30px;font-size:12px}.dev-quiz-modal__step:not(:last-child):after{width:18px}.dev-quiz-modal__question-text{font-size:20px}.dev-quiz-modal__answers{grid-template-columns:1fr;gap:10px}.dev-quiz-modal__answer{padding:14px 16px}.dev-quiz-modal__nav .dev-quiz-modal__btn--primary{flex:1 1 auto}.dev-quiz-modal__result-body{padding:22px 22px 22px 26px}.dev-quiz-modal__result-heading{font-size:22px}}@media(prefers-reduced-motion:reduce){.dev-quiz-modal__intro-icon:after{animation:none}.dev-quiz-modal__question,.dev-quiz-modal__answer,.dev-quiz-modal__results{animation:none}.dev-quiz-modal__close:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dev-quiz-modal.css.map */