.yyq{--green:#3d7a4f;--green-dark:#2d5a3a;--green-deep:#243f2c;--cream:#f4eedb;--cream-2:#efe9d8;--paper:#fbf9f2;--surface:#ffffff;--ink:#1a1812;--ink-rgb:26,24,18;--body:#3c3a33;--muted:#82877f;--gold:#e8b84b;--gold-soft:#fdf3dc;--line:#e6e2d4;--wrong:#a4432a;--wrong-bg:#f8e9e3;--right-bg:#eaf3ec;--shadow:0 24px 60px -34px rgba(36,63,44,.55);--chrome-bg:#eceadf;--chrome-ink:#4a5147;--font:inherit;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--radius:14px;--opt-pad-y:15px;--progress-h:4px;--h1-min:26px;--h1-max:36px;--body-size:15.5px}.yyq-overlay{--overlay-strength:1}.yyq{--content-max:620px;--content-max-split:980px;--split-ratio-desktop:4/5;--split-ratio-mobile:4/3}.yyq{font-family:var(--font);color:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased}.yyq *{box-sizing:border-box}.yyq button{font-family:inherit;cursor:pointer}.yyq h1,.yyq h2,.yyq h3{margin:0;color:var(--ink);text-wrap:balance;letter-spacing:-.022em;line-height:1.12}body.yyq-lock{overflow:hidden}.yyq-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;background:linear-gradient(165deg,#0b140d,#16301e 55%,#060a06)}.yyq-overlay[hidden]{display:none}.yyq-overlay__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-position:center 38%;background-size:cover;background-repeat:no-repeat}.yyq-overlay__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,calc(.62 * var(--overlay-strength))),rgba(0,0,0,calc(.5 * var(--overlay-strength))) 38%,rgba(0,0,0,calc(.78 * var(--overlay-strength))) 72%,rgba(0,0,0,calc(.9 * var(--overlay-strength))))}.yyq-overlay__inner{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;animation:yyq-pop .3s ease}.yyq-overlay__inner .yyq{flex:1;min-height:0;display:flex;flex-direction:column}@keyframes yyq-pop{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.yyq-overlay__inner{animation:none}}.yyq-overlay__close{position:absolute;top:18px;right:18px;z-index:20;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:16px;line-height:1;display:grid;place-items:center;transition:background .16s,transform .16s}.yyq-overlay__close:hover{background:#ffffff42;transform:rotate(90deg)}.yyq-overlay__close:focus-visible{outline:2.5px solid #fff;outline-offset:2px}.yyq .quiz{flex:1;display:flex;flex-direction:column;min-height:0}.yyq .quiz__top{flex:0 0 auto;padding:20px 26px 14px;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:4}.yyq .quiz__logo{display:block;height:22px;margin:0 auto}.yyq .quiz__logo img{display:block;height:100%;width:auto;margin:0 auto}.yyq .quiz__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.yyq .quiz__pane{flex:1;width:100%;max-width:600px;margin:0 auto;padding:20px 26px 46px;display:flex;flex-direction:column;justify-content:center;animation:yyq-fade .32s ease;position:relative}@keyframes yyq-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.yyq .quiz__pane{animation:none}}.yyq .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--green);margin:0 0 12px}.yyq .qnum{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;display:inline-block}.yyq .quiz h1{font-size:clamp(var(--h1-min),4.2vw,var(--h1-max))}.yyq .quiz h2{font-size:clamp(21px,3.1vw,27px)}.yyq .lede{font-size:var(--body-size);color:var(--muted);margin:14px 0 0;max-width:52ch}.yyq .sub{font-size:var(--body-size);color:var(--muted);margin:10px 0 0;max-width:52ch}.yyq .qscene{font-size:15px;font-weight:600;color:var(--ink);margin:0 0 8px}.yyq .srcline{font-family:var(--mono);font-size:11px;color:var(--muted);margin:0 0 14px;letter-spacing:.02em}.yyq .progress{display:flex;gap:4px;width:100%;max-width:220px;margin:0 auto 4px}.yyq .progress i{display:block;flex:1;height:var(--progress-h);border-radius:999px;background:rgba(var(--ink-rgb),.16);transition:background-color .35s ease,opacity .35s ease}.yyq .progress i.is-filled{background:var(--green)}.yyq .progress i.is-current{background:var(--green);opacity:.45}.yyq .backbtn{position:absolute;top:0;left:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:16px;display:grid;place-items:center}.yyq .backbtn:hover{background:var(--cream)}.yyq .backbtn:focus-visible{outline:2.5px solid var(--green);outline-offset:2px}.yyq .head{position:relative;padding-left:0}.yyq .head .backbtn{position:static;margin:0 0 12px}.yyq .timer{align-self:center;display:inline-flex;align-items:center;gap:9px;margin:0 0 16px;padding:7px 15px;border-radius:999px;background:var(--cream);border:1px solid var(--line)}.yyq .timer .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);flex:0 0 auto;animation:yyq-blink 1.1s infinite}.yyq .timer .lbl{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.yyq .timer .clock{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--ink);letter-spacing:.04em;font-variant-numeric:tabular-nums}.yyq .timer.is-out .clock{color:var(--wrong)}.yyq .timer.is-out .dot{background:var(--wrong)}@keyframes yyq-blink{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.yyq .timer .dot{animation:none}}.yyq .opts{display:flex;flex-direction:column;gap:9px;margin:26px 0 0;list-style:none;padding:0}.yyq .opts li{margin:0;padding:0}.yyq .opt{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:var(--opt-pad-y) 17px;font-size:15px;font-weight:500;color:var(--ink);transition:border-color .14s,background .14s,transform .14s}.yyq .opt:hover:not(:disabled){border-color:var(--green);background:#f6faf5;transform:translate(3px)}.yyq .opt:focus-visible{outline:2.5px solid var(--green);outline-offset:2px}.yyq .opt:disabled{cursor:default}.yyq .opt__key{flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:var(--cream-2);color:var(--green-deep);display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:500;transition:background .14s,color .14s}.yyq .opt:hover:not(:disabled) .opt__key{background:var(--green);color:#fff}.yyq .opt__label{flex:1}.yyq .opt__check{flex:0 0 auto;font-size:15px;opacity:0;color:var(--green);transition:opacity .15s}.yyq .opt.is-selected .opt__check{opacity:1}.yyq .opt.is-selected{border-color:var(--green);background:var(--right-bg)}.yyq .opt.is-selected .opt__key{background:var(--green);color:#fff}.yyq .opt.is-right{border-color:var(--green);background:var(--right-bg)}.yyq .opt.is-right .opt__key{background:var(--green);color:#fff}.yyq .why{margin:22px 0 0;padding:16px 18px;border-radius:13px;background:var(--cream);border:1px solid var(--line);animation:yyq-fade .3s ease}.yyq .why__text{margin:0;font-size:14px;color:var(--body);line-height:1.6}.yyq .aha{margin:22px 0 0}.yyq .aha p{margin:0 0 12px;font-size:15.5px;color:var(--body);line-height:1.65}.yyq .aha p:last-child{margin-bottom:0}.yyq .aha__quote{margin:16px 0;padding:14px 18px;border-left:3px solid var(--gold);background:var(--gold-soft);border-radius:0 10px 10px 0;font-size:14.5px;font-style:italic;color:var(--body)}.yyq .aha__strong{font-size:16.5px;font-weight:700;color:var(--ink)}.yyq .aha__src{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:14px!important}.yyq .actions{display:flex;align-items:center;gap:14px;margin:26px 0 0;flex-wrap:wrap}.yyq .btn{border:none;background:var(--green);color:#fff;border-radius:999px;padding:14px 26px;font-size:15px;font-weight:600;transition:background .15s,transform .15s;display:inline-block;text-decoration:none}.yyq .btn:disabled{opacity:.45;cursor:default}.yyq .btn:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.yyq .btn:focus-visible{outline:2.5px solid var(--green-deep);outline-offset:3px}.yyq .btn--gold{background:var(--gold);color:#3a2c06}.yyq .btn--gold:hover{background:#dcaa3a}.yyq .btn--ghost{background:none;color:var(--ink);border:1.5px solid var(--line)}.yyq .btn--ghost:hover{background:var(--cream);border-color:var(--green);transform:none}.yyq .fine{font-size:12.5px;color:var(--muted);margin:16px 0 0}.yyq .cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0}.yyq .card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:10px;text-align:center;position:relative;transition:border-color .14s,background .14s}.yyq .card:hover{border-color:var(--green)}.yyq .card:focus-visible{outline:2.5px solid var(--green);outline-offset:2px}.yyq .card__img{display:block;width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--cream);display:grid;place-items:center}.yyq .card__img img{width:100%;height:100%;object-fit:cover;display:block}.yyq .card__icon{font-size:34px;color:var(--green)}.yyq .card__label{font-size:13px;font-weight:600;color:var(--ink);line-height:1.25}.yyq .card__check{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#fff;border:1.5px solid var(--line);color:var(--green);display:grid;place-items:center;font-size:13px;opacity:0;transition:opacity .15s}.yyq .card.is-selected{border-color:var(--green);background:var(--right-bg)}.yyq .card.is-selected .card__check{opacity:1;border-color:var(--green)}.yyq .card--none .card__img{background:var(--right-bg)}@media(min-width:640px){.yyq .cards{grid-template-columns:repeat(3,1fr)}}.yyq .steps{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:9px}.yyq .step{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:14px 17px;font-size:14.5px;color:var(--muted);transition:color .3s,border-color .3s,background .3s}.yyq .step__dot{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:10px;color:transparent;transition:.3s}.yyq .step.is-active{color:var(--ink);border-color:var(--green)}.yyq .step.is-active .step__dot{border-color:var(--green);border-top-color:transparent;animation:yyq-spin .7s linear infinite}@keyframes yyq-spin{to{transform:rotate(360deg)}}.yyq .step.is-done{color:var(--ink);background:var(--right-bg);border-color:var(--green)}.yyq .step.is-done .step__dot{background:var(--green);border-color:var(--green);color:#fff;animation:none}.yyq .calc__track{margin:18px 0 0;height:3px;border-radius:999px;background:var(--cream-2);overflow:hidden}.yyq .calc__track i{display:block;height:100%;width:0;background:var(--green);animation:yyq-calc 2.4s linear forwards}@keyframes yyq-calc{to{width:100%}}@media(prefers-reduced-motion:reduce){.yyq .calc__track i{animation:none;width:100%}.yyq .step.is-active .step__dot{animation:none}}.yyq .hotspots__h{font-family:var(--mono);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--green);margin:26px 0 10px}.yyq .hotspots{display:flex;flex-direction:column;gap:10px}.yyq .hotspot{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.yyq .hotspot__t{margin:0 0 6px;font-size:15.5px;font-weight:700;color:var(--ink)}.yyq .hotspot__copy{margin:0;font-size:14px;color:var(--body);line-height:1.6}.yyq .hotspot__src{display:block;margin-top:8px;font-family:var(--mono);font-size:11px;color:var(--muted)}.yyq .hotspot__link{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:3px}.yyq .hotspot__link:hover{color:var(--green-dark)}.yyq .bundle{margin:22px 0 0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}.yyq .bundle__h{margin:0 0 4px;font-size:17px;font-weight:700;color:var(--ink)}.yyq .bundle__sub{margin:0 0 14px;font-size:13.5px;color:var(--muted)}.yyq .bundle__row{display:flex;gap:12px;flex-wrap:wrap}.yyq .bundle__item{display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;text-align:center}.yyq .bundle__item img{width:64px;height:64px;object-fit:cover;border-radius:10px;background:var(--cream)}.yyq .bundle__name{font-size:11.5px;color:var(--ink);line-height:1.25}.yyq .bundle__price{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.yyq .bundle__total{margin:14px 0 0;font-size:15px;font-weight:700;color:var(--ink)}.yyq .bundle__cta{margin-top:14px}.yyq .gift{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:14px 0 0;padding:18px 20px;border-radius:16px;background:linear-gradient(105deg,var(--green-deep),var(--green));border:1px solid rgba(232,184,75,.5);color:#fff}.yyq .gift__ico{font-size:29px;line-height:1;flex:0 0 auto}.yyq .gift__body{flex:1;min-width:200px}.yyq .gift__t{display:block;font-size:16px;font-weight:700;color:#fff}.yyq .gift__s{display:block;font-size:13.5px;color:#dbe7dc;margin-top:2px}.yyq .skiplink{display:block;width:100%;background:none;border:none;color:#fff;text-decoration:underline;text-underline-offset:3px;font-size:13px;padding:0;text-align:left}@media(max-width:560px){.yyq .gift .btn{width:100%}}.yyq[data-frame=popup] .gift{position:sticky;bottom:0;z-index:3;margin-left:-4px;margin-right:-4px;box-shadow:0 -14px 22px -18px #0000008c}.yyq .quiz__top{position:sticky;top:0;z-index:10;padding:16px 20px 14px}.yyq[data-frame=page] .quiz__logo{height:22px}.yyq .quiz__pane{max-width:var(--content-max)}.yyq .quiz__top .progress{max-width:280px}.yyq .prize{display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green-deep);background:var(--gold);border-radius:999px;padding:9px 20px;margin:0 0 14px}.yyq .gift-cond{margin-top:0;margin-bottom:18px}.yyq .quiz__pane.split{max-width:var(--content-max-split)}.yyq .split{display:flex;flex-direction:column;gap:26px}.yyq .split .split__media{order:2}.yyq .split .split__content,.yyq .split.split--above .split__media{order:1}.yyq .split.split--above .split__content{order:2}.yyq .split__media{width:100%}.yyq .split__img{display:block;width:100%;height:auto;aspect-ratio:var(--split-ratio-desktop);object-fit:cover;border-radius:20px;background:var(--cream)}@media(max-width:899px){.yyq[data-frame=page] .quiz__pane.split{justify-content:flex-start}.yyq[data-frame=page] .split .split__media{width:auto;margin-left:calc(-26px - var(--yyq-page-pad-x, 20px));margin-right:calc(-26px - var(--yyq-page-pad-x, 20px))}.yyq[data-frame=page] .split .split__img{border-radius:0;aspect-ratio:var(--split-ratio-mobile)}.yyq[data-frame=page] .split:not(.split--above) .split__media{margin-bottom:calc(-46px - var(--yyq-page-pad-y, 64px))}.yyq[data-frame=page] .split.split--above .split__media{margin-top:calc(-20px - var(--yyq-page-pad-y, 64px))}}@media(min-width:900px){.yyq .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.yyq .split .split__media{order:initial;grid-column:1}.yyq .split .split__content{order:initial;grid-column:2}}.yyq-overlay__inner .yyq[data-frame=popup]{align-items:center;justify-content:center;padding:clamp(14px,3vw,40px);overflow-y:auto}.yyq[data-frame=popup] .quiz{position:relative;z-index:1;flex:1;min-height:0;width:100%;max-width:820px;margin:0 auto}.yyq[data-frame=popup] .quiz__top{background:none;padding:18px 22px 10px}.yyq[data-frame=popup] .quiz__scroll{padding:0 clamp(18px,4vw,30px) clamp(20px,4vw,30px)}.yyq[data-frame=popup] .head h1,.yyq[data-frame=popup] .head h2,.yyq[data-frame=popup] .head .qscene{color:#fff}.yyq[data-frame=popup] .head .sub,.yyq[data-frame=popup] .lede{color:#e4ebe2}.yyq[data-frame=popup] .head .qnum,.yyq[data-frame=popup] .head .srcline,.yyq[data-frame=popup] .fine{color:#c3cec1}.yyq[data-frame=popup] .aha p{color:#e4ebe2}.yyq[data-frame=popup] .aha p.aha__strong{color:#fff}.yyq[data-frame=popup] .aha p.aha__src{color:#c3cec1}.yyq[data-frame=popup] .head h1,.yyq[data-frame=popup] .head h2,.yyq[data-frame=popup] .head .qscene,.yyq[data-frame=popup] .head .sub,.yyq[data-frame=popup] .lede,.yyq[data-frame=popup] .aha p{text-shadow:0 1px 18px rgba(0,0,0,.55)}.yyq[data-frame=popup] .timer{background:#00000073;border-color:#ffffff38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.yyq[data-frame=popup] .timer .lbl{color:#d3ddd1}.yyq[data-frame=popup] .timer .clock{color:#fff}.yyq[data-frame=popup] .progress i{background:#ffffff47}.yyq[data-frame=popup] .progress i.is-filled{background:#fff}.yyq[data-frame=popup] .progress i.is-current{background:#fff;opacity:.5}@media(max-width:899px){.yyq[data-frame=popup] .split__img{aspect-ratio:var(--split-ratio-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/yy-quiz.css.map */