.g-quiz-wrap{padding-top:clamp(24px,5vw,80px)}.g-quiz{display:grid;gap:clamp(28px,4vw,72px);grid-template-columns:1fr;align-items:start}@media(min-width:990px){.g-quiz{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.g-quiz__side{position:sticky;top:110px}}.g-quiz__title{font-size:clamp(4rem,6vw,7.6rem)}.g-quiz__intro .g-lead{margin-bottom:2.8rem}.g-quiz__steps{list-style:none;margin:0 0 2.8rem;padding:0;display:flex;flex-wrap:wrap;gap:.8rem}.g-quiz__steps li{display:inline-flex;align-items:center;gap:.8rem;padding:.7rem 1.4rem .7rem .7rem;border-radius:99px;border:1px solid var(--g-line);font-size:1.35rem;font-weight:500;color:var(--g-soft);transition:background .35s,color .35s,border-color .35s}.g-quiz__steps li span{width:2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;font-weight:600;background:var(--g-bg2);color:var(--g-ink);transition:inherit}.g-quiz__steps li.is-on{border-color:var(--g-ink);color:var(--g-ink)}.g-quiz__steps li.is-on span{background:var(--g-accent);color:var(--g-on-accent)}.g-quiz__steps li.is-done{color:var(--g-ink)}.g-quiz__steps li.is-done span{background:var(--g-ink);color:var(--g-bg)}.g-quiz__visual{display:none}@media(min-width:990px){.g-quiz__visual{display:block;aspect-ratio:16 / 11}}.g-quiz__vimg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.06);transition:opacity .7s var(--g-ease),transform 1.2s var(--g-ease)}.g-quiz__vimg.is-on{opacity:1;transform:none}.g-quiz__vimg img{width:100%;height:100%;object-fit:cover}.g-quiz__panel{background:var(--g-bg2);border-radius:var(--g-radius-lg);padding:clamp(20px,3.4vw,52px)}.g-quiz__count{font-size:1.3rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--g-accent);margin:0 0 1.2rem}.g-quiz__q{font-size:clamp(2.8rem,3.4vw,4.4rem);margin-bottom:0}.g-finder__progress{height:3px;background:var(--g-line);border-radius:99px;overflow:hidden;margin-bottom:clamp(2.4rem,3vw,4rem)}.g-finder__progress span{display:block;height:100%;width:0;background:var(--g-accent);transition:width .6s var(--g-ease)}.g-finder__q,.g-finder__result{display:none}.g-finder__q.is-active,.g-finder__result.is-active{display:block}.g-finder__q.is-active .g-quiz__count,.g-finder__q.is-active .g-quiz__q,.g-finder__q.is-active .g-opt{animation:g-fadeup .6s var(--g-ease) both}.g-finder__q.is-active .g-opt:nth-child(2){animation-delay:.06s}.g-finder__q.is-active .g-opt:nth-child(3){animation-delay:.12s}.g-finder__q.is-active .g-opt:nth-child(4){animation-delay:.18s}.g-finder__opts{display:grid;gap:1.2rem;grid-template-columns:1fr;margin-top:2.8rem}@media(min-width:600px){.g-finder__opts--2{grid-template-columns:repeat(2,1fr)}}@media(min-width:750px){.g-finder__opts--3{grid-template-columns:repeat(3,1fr)}}.g-opt{position:relative;text-align:left;cursor:pointer;padding:2.2rem;border-radius:var(--g-radius-lg);border:1.5px solid transparent;background:var(--g-bg);color:var(--g-ink);font:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;transition:border-color .25s,transform .4s var(--g-ease),box-shadow .4s var(--g-ease)}.g-opt:hover,.g-opt:focus-visible{border-color:var(--g-ink);transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(var(--color-base-text),.45);outline:none}.g-opt.is-picked{border-color:var(--g-accent);background:var(--g-accent);color:var(--g-on-accent)}.g-opt.is-picked span{color:inherit;opacity:.85}.g-opt strong{display:block;font:600 1.9rem/1.25 var(--g-head);letter-spacing:-.01em}.g-opt span{font-size:1.35rem;color:var(--g-soft);line-height:1.45}.g-opt__icon{font-style:normal;width:5.2rem;height:5.2rem;border-radius:50%;display:grid;place-items:center;background:var(--g-bg2);color:var(--g-accent);margin-bottom:1.6rem;transition:background .3s,color .3s}.g-opt:hover .g-opt__icon{background:var(--g-accent);color:var(--g-on-accent)}.g-opt--img{flex-direction:row;align-items:center;gap:1.6rem;padding:1.2rem 2rem 1.2rem 1.2rem}.g-opt__thumb{flex:0 0 auto;width:8.4rem;height:8.4rem;border-radius:var(--g-radius);overflow:hidden;background:var(--g-bg2)}.g-opt__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--g-ease)}.g-opt:hover .g-opt__thumb img{transform:scale(1.08)}.g-opt__txt{display:flex;flex-direction:column;gap:.3rem;color:inherit!important;font-size:inherit!important}.g-finder__back{margin-top:2.4rem;background:none;border:0;padding:0;color:var(--g-soft);cursor:pointer;font:500 1.4rem/1.4 var(--g-body);text-decoration:underline;text-underline-offset:4px}.g-finder__back:hover{color:var(--g-ink)}.g-quiz__resulthead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.4rem}.g-quiz__resulthead .g-label{margin:0}.g-quiz__picked{display:flex;flex-wrap:wrap;gap:.6rem;margin:0}.g-quiz__picked span{font-size:1.25rem;font-weight:500;padding:.4rem 1.1rem;border-radius:99px;background:var(--g-bg)}.g-finder__result.is-active .g-rec{animation:g-fadeup .7s var(--g-ease) both}.g-finder__result.is-active .g-rec__alt{animation:g-fadeup .7s .15s var(--g-ease) both}.g-rec{display:grid;gap:clamp(2rem,3vw,3.6rem);grid-template-columns:1fr;align-items:start}@media(min-width:750px){.g-rec{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}.g-rec__img{display:block;aspect-ratio:1;background:var(--g-bg)}.g-rec__img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--g-ease),transform 1s var(--g-ease)}.g-rec__img .g-rec__img2{opacity:0}.g-rec__img:hover .g-rec__img2{opacity:1}.g-rec__img:hover img{transform:scale(1.04)}.g-rec__name{font-size:clamp(2.4rem,2.3vw,3.2rem);line-height:1.1;margin:0 0 .6rem}.g-rec__name a{color:inherit;text-decoration:none}.g-rec__notes{font-size:1.4rem;color:var(--g-soft);margin:0 0 1.2rem}.g-rec__price{font:600 2rem/1.2 var(--g-head);margin:0 0 1.6rem}.g-rec__why p{color:var(--g-soft);margin:0 0 1.2rem}.g-finder__face{font-size:1.35rem;color:var(--g-soft);padding:1.2rem 1.4rem;border-left:2px solid var(--g-pop);background:var(--g-bg);border-radius:0 var(--g-radius) var(--g-radius) 0;margin:0 0 1.6rem}.g-rec__form{margin-top:2rem}.g-rec__label{display:block;font-size:1.3rem;font-weight:600;margin-bottom:.6rem}.g-select{position:relative;margin-bottom:1.4rem}.g-select select{width:100%;appearance:none;-webkit-appearance:none;font:500 1.5rem/1.3 var(--g-body);color:var(--g-ink);background:var(--g-bg);border:1.5px solid var(--g-line);border-radius:var(--g-radius);padding:1.3rem 4rem 1.3rem 1.4rem;cursor:pointer}.g-select:after{content:"";position:absolute;right:1.6rem;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}.g-rec__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem 2.4rem}.g-rec__actions .g-btn{flex:0 1 auto}.g-btn.is-loading{opacity:.6;pointer-events:none}.g-rec__msg{margin:1.2rem 0 0;font-size:1.35rem;color:var(--g-pop)}.g-rec__soldout{font-size:1.45rem;font-weight:500;margin:0 0 1.6rem}.g-rec__alt{display:flex;align-items:center;gap:1.6rem;margin-top:2.4rem;padding:1.2rem 2rem 1.2rem 1.2rem;border-radius:var(--g-radius-lg);background:var(--g-bg);color:var(--g-ink);text-decoration:none;transition:transform .4s var(--g-ease),box-shadow .4s var(--g-ease)}.g-rec__alt:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(var(--color-base-text),.45)}.g-rec__altimg{flex:0 0 auto;width:6.4rem;height:6.4rem;border-radius:var(--g-radius);overflow:hidden;background:var(--g-bg2)}.g-rec__altimg img{width:100%;height:100%;object-fit:cover}.g-rec__alttxt{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.g-rec__alttxt small{font-size:1.15rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--g-accent)}.g-rec__alttxt strong{font:600 1.6rem/1.3 var(--g-head)}.g-rec__alttxt em{font-style:normal;font-size:1.35rem;color:var(--g-soft)}.g-rec__arrow{font-size:2rem;transition:transform .35s var(--g-ease)}.g-rec__alt:hover .g-rec__arrow{transform:translate(4px)}.g-quiz__again{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.6rem;margin-top:2.4rem}.g-quiz__again .g-finder__back{margin:0}@media(max-width:749px){.g-quiz{gap:2rem}.g-quiz__title{font-size:4rem;margin-bottom:1rem}.g-quiz__intro .g-lead{font-size:1.5rem;margin-bottom:1.8rem}.g-quiz__steps{margin-bottom:0}.g-quiz__steps li{padding:.5rem 1rem .5rem .5rem;font-size:1.25rem}.g-quiz__steps li:last-child{display:none}.g-opt__icon{width:4.4rem;height:4.4rem;margin-bottom:.8rem}.g-finder__opts--3 .g-opt{flex-direction:row;align-items:center;gap:1.4rem;padding:1.4rem 1.6rem}.g-finder__opts--3 .g-opt__icon{margin:0;flex:0 0 auto}.g-finder__opts--3 .g-opt strong{margin:0}.g-finder__opts--3 .g-opt span{display:none}.g-opt__thumb{width:6.8rem;height:6.8rem}.g-rec__actions .g-btn{flex:1 1 100%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/gecko-finder.css.map */