.style-quiz__intro{text-align:center;max-width:50rem;margin:0 auto 3rem}.style-quiz__heading{margin:.6rem 0 1rem}.style-quiz__subtext{margin:0;opacity:.85}.style-quiz__widget{max-width:84rem;margin:0 auto;text-align:center}.style-quiz__top{max-width:36rem;margin:0 auto 2.4rem}.style-quiz__progress{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.style-quiz__seg{position:relative;height:.4rem;background:rgba(var(--color-foreground),.15);overflow:hidden}.style-quiz__seg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-button));transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.style-quiz__seg.is-done:after{transform:scaleX(1)}.style-quiz__count{margin:1rem 0 0;font-size:1.2rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.style-quiz__step,.style-quiz__result{display:none}.style-quiz__step.is-active,.style-quiz__result.is-active{display:block;animation:style-quiz-slide-in .4s cubic-bezier(.2,.7,.2,1)}@keyframes style-quiz-slide-in{0%{opacity:0;transform:translate(2.4rem)}to{opacity:1;transform:none}}.style-quiz__question{margin:0 0 2.2rem;font-size:clamp(2.4rem,4vw,3.2rem);text-transform:uppercase}.style-quiz__options{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem}@media screen and (min-width:750px){.style-quiz__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}}.style-quiz__option{display:grid;justify-items:center;align-content:start;gap:.8rem;padding:2.2rem 1.6rem 2rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);text-align:center;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease,background .25s ease}.style-quiz__icon{width:3.6rem;height:3.6rem;fill:none;stroke:rgb(var(--color-button));stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.style-quiz__option-title{font-family:var(--font-heading-family);font-size:2rem;line-height:1.15;text-transform:uppercase}.style-quiz__option-sub{font-size:1.4rem;line-height:1.45;opacity:.78}.style-quiz__option:hover,.style-quiz__option:focus-visible{border-color:rgb(var(--color-button));box-shadow:0 1.2rem 2.4rem rgba(var(--color-button),.2);transform:translateY(-.4rem)}.style-quiz__option:hover .style-quiz__icon,.style-quiz__option:focus-visible .style-quiz__icon{transform:scale(1.12) rotate(-6deg)}.style-quiz__option:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.3rem}.style-quiz__option.is-picked{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.1);transform:scale(.98)}.style-quiz__result-label{margin:0 0 1.6rem;font-size:1.3rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.75}.style-quiz__cards{max-width:62rem;margin:0 auto}.style-quiz__card{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:2.4rem;align-items:center;padding:1.6rem;border:1px solid rgb(var(--color-button));border-radius:.4rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:left;text-decoration:none;transition:box-shadow .25s ease,transform .25s ease}.style-quiz__card[hidden]{display:none}.style-quiz__card:hover,.style-quiz__card:focus-visible{box-shadow:0 1.4rem 2.8rem rgba(var(--color-button),.22);transform:translateY(-.3rem)}.style-quiz__card-media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.style-quiz__card-body{display:grid;gap:.8rem}.style-quiz__card-name{font-family:var(--font-heading-family);font-size:clamp(2.8rem,5vw,4rem);line-height:1.05;text-transform:uppercase}.style-quiz__card-text{font-size:1.5rem;opacity:.82}.style-quiz__card-cta{margin-top:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:1.3rem;color:rgb(var(--color-button))}@media screen and (max-width:749px){.style-quiz__card{grid-template-columns:minmax(0,1fr);text-align:center}.style-quiz__card-media{max-width:18rem;margin:0 auto}}.style-quiz__nav{display:flex;justify-content:center;min-height:3.6rem;margin-top:2.2rem}.style-quiz__back{border:0;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;cursor:pointer;text-decoration:underline;text-underline-offset:.3em;text-decoration-color:rgba(var(--color-foreground),.35);opacity:.85}.style-quiz__back:hover,.style-quiz__back:focus-visible{color:rgb(var(--color-button));text-decoration-color:rgb(var(--color-button))}.style-quiz__restart{margin:0}.style-quiz__back[hidden],.style-quiz__restart[hidden]{display:none}@media(prefers-reduced-motion:reduce){.style-quiz__step.is-active,.style-quiz__result.is-active{animation:none}.style-quiz__option,.style-quiz__icon,.style-quiz__card,.style-quiz__seg:after{transition:none}}.style-quiz__thinking{display:none;justify-content:center;gap:.8rem;margin:3.2rem 0}.style-quiz__result.is-thinking .style-quiz__thinking{display:flex}.style-quiz__thinking span{width:1.2rem;height:1.2rem;border-radius:50%;background:rgb(var(--color-button));animation:style-quiz-dot .7s ease-in-out infinite}.style-quiz__thinking span:nth-child(2){animation-delay:.12s}.style-quiz__thinking span:nth-child(3){animation-delay:.24s}@keyframes style-quiz-dot{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(-.8rem);opacity:1}}.style-quiz__card.is-revealed{animation:style-quiz-reveal .65s cubic-bezier(.2,.9,.3,1.15) both,style-quiz-halo 1.1s ease-out .15s both}@keyframes style-quiz-reveal{0%{opacity:0;transform:translateY(1.6rem) scale(.94)}to{opacity:1;transform:none}}@keyframes style-quiz-halo{0%{box-shadow:0 0 rgba(var(--color-button),.55)}to{box-shadow:0 0 0 2.2rem rgba(var(--color-button),0)}}.style-quiz__card.is-revealed .style-quiz__card-media img{animation:style-quiz-zoom .9s ease-out both}@keyframes style-quiz-zoom{0%{transform:scale(1.12)}to{transform:scale(1)}}.style-quiz__card-media{display:block;overflow:hidden}@media(prefers-reduced-motion:reduce){.style-quiz__thinking span,.style-quiz__card.is-revealed,.style-quiz__card.is-revealed .style-quiz__card-media img{animation:none}}@media screen and (max-width:749px){.style-quiz.page-width{padding-top:2.4rem!important;padding-bottom:2rem!important}.style-quiz__intro{margin-bottom:1.6rem}.style-quiz__intro .caption-with-letter-spacing{display:none}.style-quiz__heading{margin:0 0 .6rem;font-size:2.6rem}.style-quiz__subtext{font-size:1.35rem;line-height:1.4}.style-quiz__top{margin-bottom:1.2rem}.style-quiz__count{margin-top:.7rem;font-size:1.1rem}.style-quiz__question{margin-bottom:1.2rem;font-size:2rem}.style-quiz__options{gap:.8rem}.style-quiz__option{grid-template-columns:3.2rem minmax(0,1fr);grid-template-areas:"icon title" "icon sub";justify-items:start;align-items:center;column-gap:1.2rem;row-gap:.1rem;padding:1rem 1.3rem;text-align:left}.style-quiz__icon{grid-area:icon;width:2.8rem;height:2.8rem}.style-quiz__option-title{grid-area:title;font-size:1.7rem}.style-quiz__option-sub{grid-area:sub;display:block;max-width:100%;overflow:hidden;font-size:1.2rem;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.style-quiz__nav{margin-top:1.2rem;min-height:3rem}.style-quiz__result-label{margin-bottom:1rem}.style-quiz__card{grid-template-columns:9rem minmax(0,1fr);gap:1.2rem;padding:1rem;text-align:left}.style-quiz__card-media{max-width:none;margin:0}.style-quiz__card-name{font-size:2.2rem}.style-quiz__card-text{font-size:1.3rem}}@media screen and (max-width:749px){.style-quiz__nav{min-height:0;margin-top:.6rem}}@media screen and (max-width:749px){.style-quiz__options{gap:1rem}.style-quiz__option{grid-template-columns:4rem minmax(0,1fr);column-gap:1.5rem;row-gap:.3rem;padding:1.6rem 1.5rem}.style-quiz__icon{width:3.4rem;height:3.4rem}.style-quiz__option-title{font-size:1.9rem}.style-quiz__option-sub{font-size:1.3rem;line-height:1.4;white-space:normal;overflow:visible;text-overflow:clip}.style-quiz__question{margin-bottom:1.6rem;font-size:2.2rem}}.style-quiz__back{display:inline-grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(var(--color-foreground),.25);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));opacity:1;text-decoration:none;transition:border-color .2s,color .2s,transform .2s}.style-quiz__back-icon{width:2.2rem;height:2.2rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}.style-quiz__back:hover,.style-quiz__back:focus-visible{border-color:rgb(var(--color-button));color:rgb(var(--color-button))}.style-quiz__back:hover .style-quiz__back-icon{transform:translate(-.2rem) rotate(-8deg)}@media screen and (max-width:749px){.style-quiz__nav{margin-top:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/style-quiz.css.map */