.product-quiz{display:block}.product-quiz__app{display:block;max-width:76rem;margin:0 auto}.product-quiz__viewport{position:relative}.product-quiz__viewport--animating{overflow:hidden;transition:height .3s ease}.product-quiz__panel{display:block}.product-quiz__panel[hidden]{display:none}.product-quiz--style-clean .product-quiz__panel{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);border-radius:1.2rem;box-shadow:0 1rem 3rem #0000000f;padding:2.8rem 2rem}.product-quiz--style-playful .product-quiz__panel{background:rgb(var(--color-background));border:.2rem solid rgb(var(--color-foreground));border-radius:1.6rem;box-shadow:.6rem .6rem rgba(var(--color-foreground),.9);padding:2.8rem 2rem}.product-quiz--style-bold .product-quiz__panel{background:transparent;padding:.4rem 0}@media screen and (min-width:750px){.product-quiz--style-clean .product-quiz__panel,.product-quiz--style-playful .product-quiz__panel{padding:4.4rem 4.8rem}}@keyframes product-quiz-enter{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}.product-quiz__panel--enter{animation:product-quiz-enter .25s ease}.product-quiz__eyebrow{margin:0 0 1.2rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--color-foreground),.65)}.product-quiz__heading{margin:0 0 1.2rem;font-family:var(--font-heading-family);line-height:1.08;letter-spacing:-.02em;color:rgb(var(--color-foreground));overflow-wrap:break-word}.product-quiz__heading:focus{outline:none}.product-quiz__heading:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.product-quiz__highlight{font:inherit}.product-quiz__highlight--block{display:block}.product-quiz__subtext{margin:0;max-width:52rem;font-family:var(--font-body-family);line-height:1.65;color:rgba(var(--color-foreground),.75)}.product-quiz__subtext p{margin:0 0 .8rem}.product-quiz__subtext p:last-child{margin-bottom:0}.product-quiz__meta{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0 0;padding:0;list-style:none}.product-quiz__meta-item{display:inline-flex;align-items:center;padding:.4rem 1.1rem;border-radius:99rem;background:rgba(var(--color-foreground),.06);font-family:var(--font-body-family);font-size:1.25rem;font-weight:500;color:rgba(var(--color-foreground),.75)}.product-quiz__btn{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:1.2rem 2.8rem;border:none;border-radius:.6rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-size:1.5rem;font-weight:600;letter-spacing:.02em;line-height:1.2;text-decoration:none;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.product-quiz__btn:hover{opacity:.85;transform:translateY(-1px)}.product-quiz__btn:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.product-quiz__start{margin-top:2.4rem}.product-quiz--style-playful .product-quiz__btn{border-radius:99rem}.product-quiz__progress{display:flex;flex-direction:column;gap:.8rem;margin-bottom:2rem}.product-quiz__progress-label{font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.product-quiz__progress-track{height:.4rem;border-radius:99rem;background:rgba(var(--color-foreground),.12);overflow:hidden}.product-quiz__progress-fill{height:100%;border-radius:inherit;background:rgb(var(--color-button));transition:width .3s ease}.product-quiz__question-image{margin-bottom:1.6rem;border-radius:.8rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.product-quiz__question-img{display:block;width:100%;height:auto;max-height:22rem;object-fit:cover}.product-quiz__question{margin:0 0 2rem;font-family:var(--font-heading-family);font-size:2.2rem;line-height:1.2;letter-spacing:-.01em;color:rgb(var(--color-foreground));overflow-wrap:break-word}.product-quiz__question:focus{outline:none}.product-quiz__question:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.product-quiz__answers{display:flex;flex-direction:column;gap:1rem;margin:0 0 2rem}.product-quiz__answer{display:flex;align-items:center;gap:1.2rem;width:100%;padding:1.3rem 1.6rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:.8rem;background:transparent;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.5rem;font-weight:500;line-height:1.4;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.product-quiz__answer:hover{border-color:rgb(var(--color-foreground));transform:translateY(-1px)}.product-quiz__answer:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.product-quiz__answer[aria-pressed=true]{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05)}.product-quiz__answer-letter{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border:1px solid rgba(var(--color-foreground),.3);border-radius:50%;font-size:1.2rem;font-weight:700;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.product-quiz__answer[aria-pressed=true] .product-quiz__answer-letter{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.product-quiz__answer-text{min-width:0}.product-quiz__nav{display:flex}.product-quiz__back,.product-quiz__retake{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem .2rem;border:none;background:transparent;color:rgba(var(--color-foreground),.65);font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;cursor:pointer;transition:color .15s ease}.product-quiz__back:hover,.product-quiz__retake:hover{color:rgb(var(--color-foreground))}.product-quiz__back:focus-visible,.product-quiz__retake:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.product-quiz__back-icon{display:block;width:1.6rem;height:1.6rem}.product-quiz__retake{text-decoration:underline;text-underline-offset:.3rem}.product-quiz__heading--result{font-size:.85em}.product-quiz__results{margin-top:1.6rem}.product-quiz__result-card{display:flex;flex-direction:column;gap:2rem}.product-quiz__result-card[hidden]{display:none}.product-quiz__result-media{position:relative;border-radius:.8rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.product-quiz__result-img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover}.product-quiz__result-placeholder{display:block;width:100%;height:auto;aspect-ratio:1 / 1}.product-quiz__result-content{min-width:0}.product-quiz__result-title{margin:0 0 .8rem;font-family:var(--font-heading-family);font-size:2.2rem;line-height:1.2;color:rgb(var(--color-foreground));overflow-wrap:break-word}.product-quiz__result-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem;margin:0 0 1.2rem;font-family:var(--font-body-family);font-size:1.6rem;font-weight:600;color:rgb(var(--color-foreground))}.product-quiz__result-price-compare{font-size:1.4rem;font-weight:400;color:rgba(var(--color-foreground),.55)}.product-quiz__result-description{margin:0 0 1.8rem;font-family:var(--font-body-family);font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.75)}@media screen and (min-width:750px){.product-quiz__result-card{flex-direction:row;align-items:center;gap:3.2rem}.product-quiz__result-card[hidden]{display:none}.product-quiz__result-media{flex:0 0 38%}.product-quiz__result-content{flex:1 1 auto}}.product-quiz__secondary{margin-top:2.8rem;padding-top:2rem;border-top:1px solid rgba(var(--color-foreground),.12)}.product-quiz__secondary-heading{margin:0 0 1.2rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.product-quiz__secondary-list{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none}.product-quiz__mini[hidden]{display:none}.product-quiz__mini-inner{display:flex;align-items:center;gap:1.2rem;padding:1rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:.8rem;color:rgb(var(--color-foreground));text-decoration:none;transition:border-color .15s ease}.product-quiz__mini-inner--link:hover{border-color:rgb(var(--color-foreground))}.product-quiz__mini-inner--link:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.product-quiz__mini-media{flex:none;display:block;width:5.6rem;height:5.6rem;border-radius:.6rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.product-quiz__mini-img,.product-quiz__mini-placeholder{display:block;width:100%;height:100%;object-fit:cover}.product-quiz__mini-title{min-width:0;font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;overflow-wrap:break-word}.product-quiz__mini-price{margin-left:auto;flex:none;font-family:var(--font-body-family);font-size:1.3rem;color:rgba(var(--color-foreground),.65)}.product-quiz__result-actions{display:flex;margin-top:2.4rem}.product-quiz__editor-hint{margin:0 auto;max-width:60rem;padding:2rem;border:1px dashed rgba(var(--color-foreground),.4);border-radius:.8rem;font-family:var(--font-body-family);font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.7);text-align:center}@media(prefers-reduced-motion:reduce){.product-quiz__viewport--animating{transition:none}.product-quiz__panel--enter{animation:none}.product-quiz__progress-fill,.product-quiz__btn,.product-quiz__answer{transition:none}.product-quiz__btn:hover,.product-quiz__answer:hover{transform:none}}.product-quiz__result-scent{margin:.2rem 0 0;font-size:1.35rem;font-weight:600;color:#b07a22}.product-quiz__result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 1.6rem;margin-top:1.6rem}.product-quiz__result-learn{font-size:1.4rem;font-weight:600;color:rgb(var(--color-link, 17 85 204));text-decoration:underline;text-underline-offset:.2em}.product-quiz__result-learn:hover{text-decoration:none}.product-quiz__result-atc.is-loading{opacity:.7;cursor:wait}.product-quiz__result-atc-error{display:block;margin-top:.8rem;font-size:1.3rem;color:#b3261e}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-product-quiz.css.map */