quiz-overlay{display:none;--quiz-accent: rgb(236, 149, 159);--quiz-accent-soft: rgb(255, 243, 246);--quiz-accent-muted: rgb(220, 151, 164);--quiz-heading-color: rgb(61, 61, 61)}quiz-overlay[open]{display:block}body.quiz-overlay-active{overflow:hidden}.quiz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000}.quiz-overlay__panel{position:relative;height:100%;width:100%;overflow-y:auto;display:flex;flex-direction:column;background:rgb(var(--color-background));color:rgb(var(--color-foreground));-webkit-overflow-scrolling:touch}.quiz-overlay__close,.quiz-overlay__back{position:absolute;top:1.6rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.quiz-overlay__close{right:1.6rem}.quiz-overlay__back{left:1.6rem}.quiz-overlay__close:hover,.quiz-overlay__back:hover{border-color:var(--quiz-accent);color:var(--quiz-accent)}.quiz-overlay__back[hidden]{display:none}.quiz-progress{display:flex;align-items:center;justify-content:center;gap:.8rem;list-style:none;margin:0;padding:3.2rem 1.6rem 1.2rem}.quiz-progress__step{position:relative}.quiz-progress__step:not(:last-child):after{content:"";position:absolute;top:50%;left:100%;width:.8rem;height:1px;background:rgba(var(--color-foreground),.15)}.quiz-progress__chip{display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;font-size:1.5rem;background:rgba(var(--color-foreground),.05);filter:grayscale(1);opacity:.45;transform:rotate(-14deg);transition:opacity .25s ease,background-color .25s ease,filter .25s ease,transform .25s ease}.quiz-progress__step:nth-child(2n) .quiz-progress__chip{transform:rotate(14deg)}.quiz-progress__step.is-filled .quiz-progress__chip{background:var(--quiz-accent-soft);filter:grayscale(0);opacity:1}.quiz-progress__step.is-current .quiz-progress__chip{background:var(--quiz-accent);transform:rotate(0) scale(1.08)}.quiz-overlay__stage{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:52rem;width:100%;margin:0 auto;padding:1.6rem 2.4rem clamp(4rem,18vh,14rem)}.quiz-step{display:none;outline:none;box-shadow:none}.quiz-step:focus,.quiz-step:focus-visible{outline:none;box-shadow:none}.quiz-step.is-active{display:block;animation:quiz-step-in .3s ease}@keyframes quiz-step-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:translateY(0)}}.quiz-step__question{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:2.4rem;line-height:1.25;text-align:center;color:var(--quiz-heading-color);margin:0 0 .6rem}.quiz-step__instruction{text-align:center;font-size:1.4rem;color:rgba(var(--color-foreground),.6);margin:0 0 2.4rem}.quiz-step__reassurance{text-align:center;font-size:1.3rem;font-weight:600;color:var(--quiz-accent-muted);margin:-1.6rem 0 2.4rem}.quiz-options{display:flex;flex-direction:column;gap:1rem}.quiz-option{display:flex;align-items:center;gap:1.2rem;width:100%;padding:1.5rem 1.8rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius, .8rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.6rem;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.quiz-option:hover{border-color:rgba(var(--color-foreground),.35)}.quiz-option.is-selected{border-color:var(--quiz-accent);background:var(--quiz-accent-soft)}.quiz-option__icon{font-size:2rem;line-height:1;flex-shrink:0}.quiz-option__label{flex:1}.quiz-continue{width:100%;margin-top:2.4rem}.quiz-continue--pulse{animation:quiz-continue-pulse .4s ease}@keyframes quiz-continue-pulse{0%{transform:scale(1)}35%{transform:scale(1.045)}65%{transform:scale(.99)}to{transform:scale(1)}}.quiz-loading{display:none;flex-direction:column;align-items:center;gap:1.6rem;outline:none;box-shadow:none}.quiz-loading:focus,.quiz-loading:focus-visible{outline:none;box-shadow:none}.quiz-loading.is-active{display:flex;animation:quiz-step-in .3s ease}.quiz-loading__dots{display:flex;gap:.7rem}.quiz-loading__dots span{width:1rem;height:1rem;border-radius:50%;background:var(--quiz-accent);animation:quiz-loading-bounce 1s ease-in-out infinite}.quiz-loading__dots span:nth-child(2){animation-delay:.15s}.quiz-loading__dots span:nth-child(3){animation-delay:.3s}@keyframes quiz-loading-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.quiz-loading__text{font-size:1.5rem;color:rgba(var(--color-foreground),.6);margin:0}.quiz-step[data-step=validation]{text-align:center}.quiz-validation__text{font-size:2rem;line-height:1.4;margin:0 auto;max-width:36rem}.quiz-results-card{border:1px solid var(--quiz-accent);background:var(--quiz-accent-soft);border-radius:var(--popup-corner-radius, 1.2rem);padding:2.8rem 2.4rem;text-align:center}.quiz-results-card__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:2.2rem;color:var(--quiz-heading-color);margin:0 0 2rem}.quiz-results-card__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.4rem;text-align:left}.quiz-results-card__row{display:flex;align-items:center;gap:1.2rem}.quiz-results-card__row:not(:first-child){padding-top:1.4rem;border-top:1px solid rgba(var(--color-foreground),.1)}.quiz-results-card__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:rgb(var(--color-background));font-size:1.7rem}.quiz-results-card__text{font-size:1.6rem;line-height:1.4;color:rgba(var(--color-foreground),.85)}.quiz-results-card__label{font-weight:600;color:rgba(var(--color-foreground),.55)}.quiz-product{text-align:center}.quiz-product__intro{position:relative;text-align:center;font-size:1.6rem;font-style:italic;line-height:1.5;color:rgba(var(--color-foreground),.85);max-width:34rem;margin:0 auto 2rem;padding-top:3.4rem}.quiz-product__intro:before{content:"\201c";position:absolute;top:0;left:50%;transform:translate(-50%);font-size:5.5rem;line-height:1;font-family:Georgia,Times New Roman,serif;color:var(--quiz-accent);opacity:.55}.quiz-product__media{max-width:22rem;margin:0 auto 1.6rem}.quiz-product__media img{width:100%;height:auto;border-radius:var(--media-radius, .8rem)}.quiz-product__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:2.2rem;color:var(--quiz-heading-color);margin:0 0 .6rem}.quiz-product__link{margin-top:2rem}@media screen and (min-width:750px){.quiz-step__question{font-size:2.8rem}.quiz-progress__chip{width:3.6rem;height:3.6rem;font-size:1.7rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/quiz-overlay.css.map */