.mx-quiz{background:var(--mx-cream, #fff8f4);padding:64px 0 96px}.mx-quiz__inner{max-width:720px;margin:0 auto;padding:0 24px}@media(min-width:990px){.mx-quiz{padding:96px 0 128px}}[data-muxum-quiz]{min-height:480px}.mx-quiz__intro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.mx-quiz__intro .mx-display-lg{max-width:16ch}.mx-quiz__intro .mx-lede{max-width:52ch}.mx-quiz__meta{list-style:none;margin:8px 0 16px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;font-family:var(--font-body, "DM Sans", system-ui, sans-serif);font-size:14px;color:#0a1717b3}.mx-quiz__progress{height:4px;width:100%;background:#0a171714;border-radius:999px;overflow:hidden;margin-bottom:32px}.mx-quiz__progress-fill{height:100%;background:var(--mx-yellow, #d2d61a);transition:width .4s var(--ease-out, ease)}.mx-quiz__question{display:flex;flex-direction:column;gap:24px}.mx-quiz__q-head{display:flex;flex-direction:column;gap:10px;text-align:center}.mx-quiz__q-head .mx-display-md{max-width:22ch;margin:0 auto}.mx-quiz__help{font-family:var(--font-body, "DM Sans", system-ui, sans-serif);font-size:15px;color:#0a1717a6;margin:0 auto;max-width:44ch}.mx-quiz__options{display:grid;gap:12px;margin-top:8px}.mx-quiz__opt{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1.5px solid rgba(10,23,23,.12);border-radius:14px;background:#fff;font-family:var(--font-body, "DM Sans", system-ui, sans-serif);font-size:16px;font-weight:500;color:var(--mx-ink, #0a1717);text-align:left;cursor:pointer;transition:border-color .15s var(--ease-out, ease),background .15s var(--ease-out, ease),transform .15s var(--ease-out, ease)}.mx-quiz__opt:hover{border-color:var(--mx-ink, #0a1717);transform:translateY(-2px)}.mx-quiz__opt.is-active{background:var(--mx-ink, #0a1717);color:var(--mx-cream, #fff8f4);border-color:var(--mx-ink, #0a1717)}.mx-quiz__opt-icon{flex:0 0 36px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#0a17170f;color:var(--mx-ink, #0a1717)}.mx-quiz__opt.is-active .mx-quiz__opt-icon{background:var(--mx-yellow, #d2d61a);color:var(--mx-ink, #0a1717)}.mx-quiz__opt-icon svg{width:18px;height:18px}.mx-quiz__opt-label{flex:1}.mx-quiz__nav{display:flex;justify-content:flex-start;margin-top:8px}.mx-quiz__result{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.mx-quiz__result-tag{font-family:var(--font-display, "Gopher", system-ui, sans-serif);font-size:22px;font-weight:500;color:var(--mx-ink, #0a1717);margin:0}.mx-quiz__result-character{font-family:var(--font-body, "DM Sans", system-ui, sans-serif);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#0a17178c;margin:0}.mx-quiz__result-reason{font-family:var(--font-body, "DM Sans", system-ui, sans-serif);font-size:17px;line-height:1.55;color:#0a1717c7;max-width:52ch;margin:8px 0 24px}.mx-quiz__result-product{width:100%;margin:16px 0 24px}.mx-quiz__product-card{display:grid;grid-template-columns:1fr;gap:0;border-radius:16px;background:#fff;text-decoration:none;color:inherit;overflow:hidden;border:1.5px solid rgba(10,23,23,.08);transition:transform .2s var(--ease-out, ease),box-shadow .2s var(--ease-out, ease)}.mx-quiz__product-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -12px #0a17172e}.mx-quiz__product-img{background:var(--mx-cream-2, #fbeee0);aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;padding:24px}.mx-quiz__product-img img{height:100%;width:auto;max-width:80%;object-fit:contain}.mx-quiz__product-info{padding:24px;display:flex;flex-direction:column;gap:8px;text-align:left}.mx-quiz__product-price{font-family:var(--font-display, "Gopher", system-ui, sans-serif);font-size:22px;font-weight:500;margin:0}.mx-quiz__result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}@media(min-width:720px){.mx-quiz__product-card{grid-template-columns:1fr 1.2fr;text-align:left}.mx-quiz__product-img{aspect-ratio:1 / 1}}@media(max-width:749px){.mx-quiz__nav .mx-btn{min-height:40px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/muxum-quiz.css.map */