.ylw-qn{--qn-ground: #fefbf7;--qn-panel: #ffffff;--qn-ink: #131316;--qn-soft: #6b6862;--qn-faint: rgba(19, 19, 22, .12);--qn-brand: #e8c15f;--qn-brand-soft: #faefd0;--qn-brand-ink: #8a6a17;--qn-picked: #fff8e6;--qn-poor: #d63a2f;--qn-body: var(--font-body-family, "LetteraTextLLWeb-Regular", "Helvetica Neue", Arial, sans-serif);--qn-head: "LetteraTextLLWeb-Medium", var(--qn-body);color:var(--qn-ink);font-family:var(--qn-body);font-size:16px;line-height:1.5;letter-spacing:0}.ylw-qn *,.ylw-qn *:before,.ylw-qn *:after{box-sizing:border-box;letter-spacing:0}.ylw-qn [hidden]{display:none!important}.ylw-qn [tabindex="-1"]:focus{outline:none}.ylw-qn .qn-step{display:none}.ylw-qn .qn-step.is-on{display:block}.ylw-qn .qn-play{max-width:820px;margin:0 auto;padding:12px 16px 110px;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-content:start}@media(min-width:750px){.ylw-qn .qn-play{padding-top:28px}}.ylw-qn.qn-breaker .qn-play{min-height:60vh;align-content:center}.ylw-qn .qn-play>*{min-width:0;max-width:100%}.ylw-qn .qn-step.is-on .qn-play{animation:qn-rise .4s cubic-bezier(.2,.8,.2,1) both}@keyframes qn-rise{0%{opacity:0;transform:translateY(12px)}}.ylw-qn .qn-rail{display:flex;gap:6px;flex-wrap:wrap}.ylw-qn .qn-stamp{display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:1.2;color:var(--qn-soft);padding:4px 10px 4px 5px;border-radius:999px;background:#fff9;border:1px solid var(--qn-faint)}.ylw-qn .qn-stamp b{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--qn-faint);display:grid;place-items:center;font-family:var(--qn-head);font-weight:400;font-size:10.5px}.ylw-qn .qn-stamp.on{color:var(--qn-ink);border-color:var(--qn-ink)}.ylw-qn .qn-stamp.done{color:var(--qn-ink);background:var(--qn-brand);border-color:var(--qn-brand)}.ylw-qn .qn-stamp.done b{background:var(--qn-ink);border-color:var(--qn-ink);color:var(--qn-brand)}@media(max-width:640px){.ylw-qn .qn-stamp>span{display:none}.ylw-qn .qn-stamp{padding:4px}}.ylw-qn .qn-h1,.ylw-qn .qn-h2,.ylw-qn .qn-intro-h,.ylw-qn h3{font-family:var(--qn-head)!important;font-weight:400!important;color:var(--qn-ink)!important;text-transform:none!important;letter-spacing:0!important;line-height:1.08;margin:0;text-wrap:balance;overflow-wrap:anywhere}.ylw-qn .qn-h1,.ylw-qn .qn-first .qn-intro-h{font-size:clamp(30px,4.4vw,48px)!important;max-width:22ch}.ylw-qn .qn-h2{font-size:clamp(23px,3vw,35px)!important;max-width:26ch}.ylw-qn .qn-step:not(.qn-first) .qn-intro-h,.ylw-qn .qn-kicker{font-family:var(--qn-head)!important;font-size:15px!important;line-height:1.4;color:var(--qn-brand-ink)!important;margin:0}.ylw-qn .qn-intro,.ylw-qn .qn-endhead{display:grid;gap:10px}.ylw-qn .qn-intro{margin-bottom:6px}.ylw-qn .qn-step:not(.qn-first) .qn-intro{gap:6px;margin-bottom:0}.ylw-qn .qn-lede{font-size:17px;color:var(--qn-soft);max-width:52ch;margin:0;overflow-wrap:anywhere}.ylw-qn .qn-lede p{margin:0 0 8px}.ylw-qn .qn-lede p:last-child{margin-bottom:0}.ylw-qn .qn-lede a{color:var(--qn-ink)}.ylw-qn .qn-count{font-size:14px;color:var(--qn-soft);margin:0 0 -10px}.ylw-qn .qn-bar{height:3px;background:var(--qn-faint);border-radius:3px;overflow:hidden}.ylw-qn .qn-bar i{display:block;height:100%;width:0;background:var(--qn-ink);transition:width .4s}.ylw-qn .qn-pill{justify-self:start;display:inline-block;font-family:var(--qn-head);font-size:14px;line-height:1.3;color:var(--qn-brand-ink);background:var(--qn-brand-soft);padding:6px 14px;border-radius:999px}.ylw-qn .qn-err{color:var(--qn-poor);font-size:14px;margin:-8px 0 0}.ylw-qn .qn-err:empty{display:none}.ylw-qn .qn-noscript{padding:24px 16px}.ylw-qn .qn-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:8px;max-width:760px}.ylw-qn button.qn-opt{-webkit-appearance:none;appearance:none;width:100%;height:auto;min-height:0;margin:0;padding:13px 16px;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:0;font:inherit;font-size:16px;line-height:1.35;text-align:left;text-transform:none;white-space:normal;color:var(--qn-ink);background:var(--qn-panel);border:1.5px solid var(--qn-faint);border-radius:14px;box-shadow:none;cursor:pointer;transition:border-color .15s,background-color .15s}.ylw-qn button.qn-opt:before,.ylw-qn button.qn-opt:after{content:none}.ylw-qn button.qn-opt:hover{border-color:var(--qn-ink)}.ylw-qn button.qn-opt:focus-visible{outline:3px solid var(--qn-brand);outline-offset:2px}.ylw-qn .qn-t{min-width:0;overflow-wrap:anywhere}.ylw-qn .qn-k{flex:none;width:24px;height:24px;border-radius:7px;border:1.5px solid var(--qn-faint);display:grid;place-items:center;font-size:12px;line-height:1;color:var(--qn-soft)}.ylw-qn [data-type=multi] .qn-k{border-radius:50%}.ylw-qn button.qn-opt[aria-pressed=true]{border-color:var(--qn-ink);background:var(--qn-picked)}.ylw-qn button.qn-opt[aria-pressed=true] .qn-k{background:var(--qn-ink);border-color:var(--qn-ink);color:var(--qn-brand)}.ylw-qn [data-type=multi] button.qn-opt[aria-pressed=true] .qn-k:after{content:"";width:10px;height:6px;border:2px solid var(--qn-brand);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}.ylw-qn .qn-field{display:grid;gap:6px}.ylw-qn .qn-label{font-size:14.5px;color:var(--qn-soft)}.ylw-qn input.qn-input{-webkit-appearance:none;appearance:none;width:100%;height:auto;min-height:0;margin:0;padding:6px 0 8px;font-family:var(--qn-head);font-size:21px;line-height:1.3;color:var(--qn-ink);background:transparent;border:0;border-bottom:2px solid var(--qn-faint);border-radius:0;box-shadow:none;outline:none}.ylw-qn input.qn-input:focus{border-bottom-color:var(--qn-ink)}.ylw-qn .qn-tick{display:flex;gap:12px;align-items:flex-start;max-width:600px;font-size:14.5px;line-height:1.5;color:var(--qn-soft);cursor:pointer;position:relative}.ylw-qn .qn-tick input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.ylw-qn .qn-box{flex:none;width:22px;height:22px;border-radius:6px;border:2px solid var(--qn-ink);margin-top:1px}.ylw-qn .qn-tick input:checked+.qn-box{background:var(--qn-ink)}.ylw-qn .qn-tick input:checked+.qn-box:after{content:"";display:block;width:10px;height:6px;border:2px solid var(--qn-brand);border-top:0;border-right:0;transform:rotate(-45deg);margin:5px 0 0 4px}.ylw-qn .qn-tick input:focus-visible+.qn-box{outline:3px solid var(--qn-brand);outline-offset:2px}.ylw-qn .qn-tick a{color:var(--qn-ink);text-decoration:underline;text-underline-offset:2px}.ylw-qn .qn-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ylw-qn .qn-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;height:auto;min-height:0;margin:0;padding:14px 26px;font-family:var(--qn-head);font-weight:400;font-size:16px;line-height:1.2;text-transform:none;text-decoration:none;white-space:normal;color:#fff;background:var(--qn-ink);border:0;border-radius:999px;box-shadow:none;cursor:pointer}.ylw-qn .qn-btn:before,.ylw-qn .qn-btn:after{content:none}.ylw-qn .qn-btn:focus-visible{outline:3px solid var(--qn-brand);outline-offset:2px}.ylw-qn .qn-btn.qn-yellow{background:var(--qn-brand);color:var(--qn-ink)}.ylw-qn .qn-btn.qn-ghost{background:transparent;color:var(--qn-soft);padding-inline:8px}.ylw-qn .qn-btn:disabled{opacity:.3;cursor:not-allowed}.ylw-qn .qn-loader{display:flex;gap:18px;align-items:center}.ylw-qn .qn-loader-t{min-width:0}.ylw-qn .qn-spin{width:54px;height:54px;flex:none}.ylw-qn .qn-spin circle{fill:none;stroke-width:6;stroke-linecap:round}.ylw-qn .qn-spin .bg{stroke:var(--qn-faint)}.ylw-qn .qn-spin .fg{stroke:var(--qn-brand);stroke-dasharray:214;stroke-dashoffset:214;transform:rotate(-90deg);transform-origin:50% 50%}.ylw-qn .qn-spin .fg.run{animation:qn-fill var(--qn-dur, 4s) cubic-bezier(.5,0,.3,1) forwards}.ylw-qn .qn-hold .qn-spin .fg.run{animation-iteration-count:infinite}@keyframes qn-fill{to{stroke-dashoffset:0}}.ylw-qn .qn-fact-k{font-family:var(--qn-head);font-size:14px;color:var(--qn-brand-ink);margin:0}.ylw-qn .qn-fact{font-family:var(--qn-head);font-size:clamp(18px,2.2vw,23px);line-height:1.15;margin:0;overflow-wrap:anywhere}.ylw-qn .qn-status{font-size:14px;color:var(--qn-soft);margin:12px 0 0;min-height:1.4em}.ylw-qn .qn-status.in{animation:qn-fadein .5s ease both}@keyframes qn-fadein{0%{opacity:0;transform:translateY(4px)}}.ylw-qn .qn-ask{background:var(--qn-ink);color:#fff;border-radius:24px;padding:24px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;align-items:center}.ylw-qn .qn-ask-t{display:grid;gap:14px;min-width:0}.ylw-qn .qn-ask h3{color:#fff!important;font-size:clamp(21px,2.6vw,28px)}.ylw-qn .qn-img{aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--qn-brand-soft)}.ylw-qn .qn-img img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:620px){.ylw-qn .qn-ask{grid-template-columns:minmax(0,1fr)}.ylw-qn .qn-img{max-width:220px}}@media(prefers-reduced-motion:reduce){.ylw-qn .qn-step.is-on .qn-play,.ylw-qn .qn-status.in{animation:none}.ylw-qn .qn-spin .fg.run{animation:none;stroke-dashoffset:0}.ylw-qn .qn-bar i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/182/assets/ylw-qn.css.map */