.mq-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.mq-root[hidden]{display:none!important}body.mq-lock{overflow:hidden}.mq-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;background:#1c261899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:mq-fade .2s ease-out}.mq-dialog{position:relative;display:flex;flex-direction:column;width:100%;max-width:900px;max-height:94svh;overflow:hidden;background:#f5f5f0;color:#2c3b26;border-radius:22px 22px 0 0;box-shadow:0 -10px 50px #1c261852;animation:mq-up .28s cubic-bezier(.22,1,.36,1)}@media(min-width:860px){.mq-overlay{align-items:center;padding:2rem}.mq-dialog{flex-direction:row;border-radius:24px;max-height:min(640px,88vh);min-height:420px;box-shadow:0 24px 70px #1c261859;animation:mq-pop .28s cubic-bezier(.22,1,.36,1)}}.mq-figure{position:relative;flex:0 0 auto;height:190px;overflow:hidden;background:radial-gradient(110% 85% at 30% 25%,#fff,#f2f6ec 45%,#dce7cf)}.mq-figure.is-empty .mq-figure__img{opacity:0}.mq-figure__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:1.25rem;opacity:0;transform:scale(.97);transition:opacity .26s ease-out,transform .26s cubic-bezier(.22,1,.36,1);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 46%,#000 22%,rgba(0,0,0,.55) 52%,rgba(0,0,0,0) 78%);mask-image:radial-gradient(ellipse 70% 70% at 50% 46%,#000 22%,#0000008c 52%,#0000 78%)}.mq-figure__img.is-in{opacity:1;transform:none}.mq-figure__img.is-cover{object-fit:cover;padding:0;object-position:72% 68%;-webkit-mask-image:radial-gradient(ellipse 105% 105% at 50% 50%,#000 55%,rgba(0,0,0,.6) 80%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(ellipse 105% 105% at 50% 50%,#000 55%,#0009 80%,#0000)}@media(min-width:860px){.mq-figure{flex:0 0 42%;height:auto}.mq-figure__img{padding:2.5rem}}@media(max-width:859px)and (max-height:720px){.mq-figure{height:132px}.mq-figure__img{padding:.75rem}.mq-panel{padding:1.15rem 1.15rem 1.35rem}.mq-screen{gap:.7rem}.mq-price{font-size:2.4rem}.mq-hero{font-size:2.5rem}.mq-btn--cta{margin-top:.6rem}}.mq-panel{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.5rem 1.25rem 1.75rem}@media(min-width:860px){.mq-panel{padding:2.75rem 2.5rem;display:flex;align-items:center}.mq-content{width:100%}}.mq-close{position:absolute;top:.6rem;right:.6rem;z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#f5f5f0d9;color:#3f4d36;cursor:pointer;transition:background .15s ease}.mq-close:hover{background:#fff}.mq-close:focus-visible{outline:2px solid #2C3B26;outline-offset:2px}.mq-screen{display:flex;flex-direction:column;gap:.9rem}.mq-enter{animation:mq-slide .22s ease-out both}.mq-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px}.mq-back{border:0;background:transparent;color:#667c55;font-size:.9rem;padding:.6rem .4rem .6rem 0;cursor:pointer;min-height:44px}.mq-back:hover{color:#2c3b26}.mq-back:focus-visible{outline:2px solid #55674A;outline-offset:2px;border-radius:6px}.mq-progress{font-size:.85rem;color:#667c55;font-variant-numeric:tabular-nums;letter-spacing:.04em}.mq-bar{height:4px;border-radius:999px;background:#e2ead8;overflow:hidden}.mq-bar__fill{height:100%;background:#7d956a;border-radius:999px;transition:width .28s cubic-bezier(.22,1,.36,1)}.mq-title{margin:0;font-size:clamp(1.6rem,5.5vw,2.1rem);line-height:1.12;font-weight:700;letter-spacing:-.02em;color:#2c3b26}.mq-title--q{font-size:clamp(1.45rem,5vw,1.85rem);margin-top:.15rem}.mq-title--result{font-size:clamp(1.35rem,4.5vw,1.6rem)}.mq-body{margin:0;font-size:1.02rem;line-height:1.55;color:#55674a}.mq-body--center{text-align:center;padding:2rem 0}.mq-body--coffee{color:#667c55}.mq-eyebrow{margin:0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#7d956a;font-weight:600}.mq-price{margin:0;font-size:clamp(2.8rem,12vw,3.6rem);font-weight:800;letter-spacing:-.035em;line-height:1;color:#2c3b26;font-variant-numeric:tabular-nums}.mq-price--sub{font-size:1.15rem;font-weight:600;color:#55674a;letter-spacing:0}.mq-percup{margin:0;font-size:.95rem;color:#667c55}.mq-hero{margin:.1rem 0 0;font-size:clamp(2.9rem,13vw,4.2rem);line-height:1;font-weight:800;letter-spacing:-.04em;color:#2c3b26}.mq-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:.65rem}.mq-btn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:58px;padding:.95rem 1.25rem;border:0;border-radius:14px;font-size:1.02rem;font-weight:600;line-height:1.25;cursor:pointer;text-decoration:none;font-family:inherit;transition:background .16s ease,transform .12s ease}.mq-btn--primary{background:#97ae80;color:#2c3b26}.mq-btn--primary:hover{background:#7d956a}.mq-btn--primary:active{transform:scale(.99)}.mq-btn--quiet{background:transparent;color:#55674a;border:1px solid #C6D5B6}.mq-btn--quiet:hover{background:#ebf1e3}.mq-btn--cta{margin-top:.9rem}.mq-btn[disabled],.mq-btn.is-busy{opacity:.6;cursor:default}.mq-btn:focus-visible{outline:2px solid #2C3B26;outline-offset:2px}.mq-link{border:0;background:transparent;color:#667c55;font-size:.95rem;min-height:44px;cursor:pointer;text-decoration:underline;font-family:inherit;margin-top:.1rem}.mq-link:hover{color:#2c3b26}.mq-link:focus-visible{outline:2px solid #55674A;outline-offset:2px;border-radius:6px}.mq-answers{display:flex;flex-direction:column;gap:.55rem;margin-top:.4rem}.mq-answer{width:100%;text-align:left;min-height:62px;padding:1.05rem 1.2rem;background:#fff;color:#2c3b26;border:1px solid #DCE6D1;border-radius:14px;font-size:1.05rem;font-weight:500;line-height:1.3;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease,transform .1s ease;animation:mq-rise .26s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 45ms)}.mq-answer:hover{background:#f4f7f0;border-color:#97ae80}.mq-answer:active{transform:scale(.985)}.mq-answer:focus-visible{outline:2px solid #55674A;outline-offset:2px}.mq-addon{display:flex;align-items:center;gap:.8rem;min-height:64px;padding:.7rem 1rem;background:#fff;border:1px solid #DCE6D1;border-radius:14px;cursor:pointer;margin-top:.3rem}.mq-addon__box{-webkit-appearance:none;appearance:none;width:24px;height:24px;flex:0 0 auto;margin:0;background:#fff;border:1.5px solid #B7C7A5;border-radius:7px;display:grid;place-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease}.mq-addon__box:before{content:"";width:12px;height:12px;transform:scale(0);transition:transform .14s cubic-bezier(.22,1,.36,1);background:#f5f5f0;clip-path:polygon(14% 45%,0 60%,40% 100%,100% 20%,85% 8%,38% 71%)}.mq-addon__box:checked{background:#7d956a;border-color:#7d956a}.mq-addon__box:checked:before{transform:scale(1)}.mq-addon__box:focus-visible{outline:2px solid #55674A;outline-offset:2px}.mq-addon__img{width:46px;height:46px;object-fit:contain;flex:0 0 auto}.mq-addon__text{display:flex;flex-direction:column;gap:.1rem}.mq-addon__label{font-size:1rem;font-weight:600;color:#2c3b26}.mq-addon__note{font-size:.85rem;color:#667c55}.mq-form{display:flex;flex-direction:column;gap:.6rem;margin-top:.3rem}.mq-input{width:100%;min-height:58px;padding:.95rem 1.1rem;background:#fff;color:#2c3b26;border:1px solid #C6D5B6;border-radius:14px;font-size:16px;font-family:inherit}.mq-input:focus-visible{outline:2px solid #55674A;outline-offset:1px}.mq-error{margin:0;font-size:.875rem;color:#ef6546}@keyframes mq-fade{0%{opacity:0}to{opacity:1}}@keyframes mq-up{0%{transform:translateY(22px);opacity:0}to{transform:none;opacity:1}}@keyframes mq-pop{0%{transform:translateY(12px) scale(.985);opacity:0}to{transform:none;opacity:1}}@keyframes mq-slide{0%{transform:translate(14px);opacity:0}to{transform:none;opacity:1}}@keyframes mq-rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.mq-overlay,.mq-dialog,.mq-enter,.mq-answer{animation:none}.mq-bar__fill,.mq-figure__img,.mq-btn,.mq-answer{transition:none}.mq-figure__img{opacity:1;transform:none}.mq-addon__box:before{transition:none}.mq-answer:active,.mq-btn--primary:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/first-purchase-quiz.css.map */