.rq{--rq-ink: #111;--rq-mute: #737373;--rq-faint: #a8a396;--rq-line: #e2e2e0;--rq-bg: #faf9f6;background:var(--rq-bg);color:var(--rq-ink);padding:7rem 2rem 9rem;display:flex;align-items:center;justify-content:center;min-height:74vh}.rq__inner{width:100%;max-width:68rem;margin:0 auto}.rq__step{display:none}.rq__step--active{display:block;animation:rq-in .3s ease both}@keyframes rq-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.rq__eyebrow{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rq-mute);margin:0 0 1.8rem}.rq__title{font-size:clamp(3rem,4.6vw,4.6rem);line-height:1.04;letter-spacing:-.025em;margin:0 0 2rem}.rq__title--sm{font-size:clamp(2.2rem,3vw,2.9rem);margin-bottom:1.6rem}.rq__lead{font-size:1.7rem;line-height:1.55;color:var(--rq-mute);max-width:48rem;margin:0 0 3.4rem}.rq__gauge{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.8rem}.rq__gauge-end{font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rq-mute);white-space:nowrap}.rq__gauge-track{position:relative;height:4px;background:var(--rq-line)}.rq__gauge-mid{position:absolute;left:50%;top:-5px;bottom:-5px;width:1px;background:#cfcbbe}.rq__gauge-fill{position:absolute;top:0;bottom:0;left:50%;width:0;background:var(--rq-ink);transition:left .45s cubic-bezier(.22,.61,.36,1),width .45s cubic-bezier(.22,.61,.36,1)}.rq__gauge-needle{position:absolute;left:50%;top:-10px;width:2px;height:24px;margin-left:-1px;background:var(--rq-ink);transition:left .45s cubic-bezier(.22,.61,.36,1)}.rq__facts{display:flex;flex-wrap:wrap;gap:1rem 2.8rem;list-style:none;padding:0;margin:3rem 0 0;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rq-faint)}.rq__facts li{position:relative}.rq__facts li+li:before{content:"\b7";position:absolute;left:-1.6rem}.rq__teaser{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4rem;margin-top:6rem;padding-top:4.5rem;border-top:1px solid var(--rq-line)}.rq__shape{margin:0;text-align:center;color:#c9c4b4}.rq__shape .rp-shp__svg{width:7.5rem;height:auto;display:block;margin:0 auto}.rq__shape .rp-shp__head,.rq__shape .rp-shp__stroke{stroke-width:6}.rq__shape .rp-shp__sweet{fill:#ece8dc}.rq__teaser-txt{text-align:center;font-size:1.25rem;letter-spacing:.06em;color:var(--rq-faint);margin:2rem 0 0}.rq__top{position:sticky;top:0;z-index:2;background:var(--rq-bg);padding:1.4rem 0 2rem;margin-bottom:4.5rem}.rq__progress{display:flex;align-items:center;gap:1.8rem;margin-top:2.2rem}.rq__progress-bar{flex:1;height:1px;background:var(--rq-line);position:relative}.rq__progress-bar span{position:absolute;inset:0 auto 0 0;width:0;background:var(--rq-ink);transition:width .3s ease}.rq__progress-txt{font-size:1.2rem;letter-spacing:.12em;color:var(--rq-mute);margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}.rq__stage{min-height:42rem;text-align:center}.rq__q--in{animation:rq-q-in .34s cubic-bezier(.22,.61,.36,1) both}@keyframes rq-q-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rq__question{font-size:clamp(2.2rem,3.2vw,3rem);line-height:1.22;letter-spacing:-.018em;margin:0 auto 3.4rem;max-width:44rem}.rq__opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.2rem}.rq__opt{-webkit-appearance:none;appearance:none;font:inherit;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.8rem;min-height:21rem;padding:3.2rem 1.6rem 2.6rem;background:#fff;border:1px solid var(--rq-line);color:var(--rq-ink);cursor:pointer;position:relative;transition:border-color .15s,background .15s,color .15s,transform .15s}.rq-ic{display:block;flex:none;object-fit:contain;width:100%;max-width:16rem;height:8.4rem}.rq__opt-t{font-size:1.5rem;line-height:1.35}.rq__opt-k{position:absolute;top:1rem;left:1rem;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--rq-line);font-size:1.05rem;color:var(--rq-mute);font-variant-numeric:tabular-nums;transition:inherit}.rq__opt:hover{border-color:var(--rq-ink);transform:translateY(-2px)}.rq__opt:focus-visible{outline:2px solid var(--rq-ink);outline-offset:2px}.rq__opt--on{background:#fff;color:var(--rq-ink);border-color:var(--rq-ink);box-shadow:inset 0 0 0 2px var(--rq-ink)}.rq__opt--on .rq__opt-k{background:var(--rq-ink);color:#fff;border-color:var(--rq-ink)}.rq__neutral{margin:2.6rem auto 0;padding-left:1.8rem;border-left:2px solid var(--rq-line);font-size:1.35rem;line-height:1.5;color:var(--rq-mute);max-width:46rem;text-align:left}.rq__nav{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:2.4rem}.rq__back{-webkit-appearance:none;appearance:none;background:none;border:0;font:inherit;font-size:1.3rem;color:var(--rq-mute);cursor:pointer;display:inline-flex;align-items:center;min-height:4.4rem;padding:0 .4rem 0 0}.rq__back:hover{color:var(--rq-ink)}.rq__back[hidden]{display:none!important}.rq__hint{font-size:1.2rem;color:var(--rq-faint);margin:0}.rq__hint kbd{font:inherit;font-size:1.1rem;border:1px solid var(--rq-line);background:#fff;padding:.2rem .6rem;margin:0 .1rem}.rq__btn{display:inline-block;-webkit-appearance:none;appearance:none;font:inherit;font-size:1.55rem;font-weight:500;letter-spacing:.03em;padding:1.9rem 3.6rem;cursor:pointer;background:var(--rq-ink);color:#fff;border:1px solid var(--rq-ink);text-decoration:none;transition:opacity .15s}.rq__btn:hover{opacity:.86;color:#fff}.rq__btn[disabled]{opacity:.45;cursor:default}.rq__link{display:block;-webkit-appearance:none;appearance:none;background:none;border:0;font:inherit;font-size:1.4rem;color:var(--rq-mute);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0;margin-top:1.4rem}.rq__link:hover{color:var(--rq-ink)}.rq__skip{margin-top:2.4rem;font-size:1.3rem}.rq__form{max-width:42rem}.rq__label{display:block;font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rq-mute);margin-bottom:.9rem}.rq__input{box-sizing:border-box;width:100%;font:inherit;font-size:1.6rem;padding:1.7rem 1.9rem;border:1px solid var(--rq-line);background:#fff;color:var(--rq-ink);margin-bottom:1.4rem}.rq__input:focus{outline:2px solid var(--rq-ink);outline-offset:-2px}.rq__error{color:#b00020;font-size:1.3rem;margin:-.6rem 0 1.4rem}.rq__res-gauge{max-width:46rem;margin:0 0 3.6rem}.rq__res{display:flex;gap:4rem;align-items:flex-start;margin-bottom:1rem}.rq__res-fig{flex:0 0 12rem;color:#c9c4b4}.rq__res-fig .rp-shp__svg{width:12rem;height:auto;display:block}.rq__res-fig .rp-shp__head,.rq__res-fig .rp-shp__stroke{stroke-width:6}.rq__res-fig .rp-shp__sweet{fill:#ece8dc}.rq__res-txt{flex:1}.rq__note{border-left:2px solid var(--rq-ink);padding:1.3rem 0 1.3rem 2rem;margin:0 0 2.2rem;font-size:1.45rem;line-height:1.5;max-width:46rem}.rq__card{display:flex;gap:3rem;align-items:center;border-top:1px solid var(--rq-line);padding-top:3rem;margin-top:2.4rem}.rq__card-media{flex:0 0 30%;max-width:19rem}.rq__card-img{width:100%;height:auto;display:block}.rq__card-title{font-size:2.2rem;margin:0 0 .6rem;letter-spacing:-.015em}.rq__card-price{font-size:1.7rem;color:var(--rq-mute);margin:0 0 2.2rem}.rq__card[hidden],.rq__note[hidden],.rq__q[hidden],.rq__res-fig>div[hidden]{display:none!important}@media(max-width:749px){.rq{padding:4.5rem 2rem 6rem;min-height:0}.rq__eyebrow{font-size:1.2rem;letter-spacing:.16em}.rq__teaser{gap:1.4rem;margin-top:4.5rem;padding-top:3.5rem}.rq__shape .rp-shp__svg{width:4.8rem}.rq__gauge{gap:1rem}.rq__gauge-end{font-size:.95rem;letter-spacing:.12em}.rq__teaser-txt{font-size:1.15rem;margin-top:1.4rem}.rq__top{margin-bottom:3.2rem}.rq__stage{min-height:30rem}.rq__opts{grid-template-columns:1fr;gap:.8rem}.rq__opt{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;min-height:0;gap:1.8rem;padding:1.6rem 2rem}.rq-ic{width:8rem;max-width:8rem;height:5.6rem}.rq__opt-t{font-size:1.5rem}.rq__opt-k,.rq__hint{display:none}.rq__res{flex-direction:column;gap:2rem}.rq__res-fig{flex:none}.rq__card{flex-direction:column;align-items:flex-start;gap:1.8rem}.rq__card-media{flex:none;max-width:55%}}@media(prefers-reduced-motion:reduce){.rq *,.rq *:before,.rq *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/riposte-quiz.css.map */