.product-popup-modal{box-sizing:border-box;position:fixed;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background-color:rgba(var(--color-foreground),.6);height:100%;padding:1.6rem;opacity:0;animation:fadeInBackground .3s ease forwards;z-index:11}@keyframes fadeInBackground{0%{opacity:0}to{opacity:1}}.quiz-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80rem;width:90%;background:rgba(var(--color-background));border-radius:2.4rem;padding:3.2rem 2.4rem 2.4rem;z-index:11;max-height:90vh;overflow-y:auto}.quiz-modal__content{position:relative}.quiz-modal__close-button{position:absolute;top:-.4rem;right:-.5rem;border:none;background-color:transparent;cursor:pointer;padding:.5rem;z-index:10;transition:all .2s}.quiz-modal__close-button:hover{background-color:transparent!important}.quiz-modal__close-button:active{transform:translateY(0)}.quiz-modal__close-button svg{height:2rem;width:2rem}.quiz-step{display:none;animation:fadeIn .3s ease}.quiz-step.active{display:flex;flex-direction:column;gap:4rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.quiz-step__heading-wrapper{display:flex;justify-content:center;position:relative;padding-right:2rem}.quiz-step h2{font-size:2.4rem;line-height:3.2rem;letter-spacing:normal;font-weight:400;color:rgba(var(--color-foreground));text-align:left}.quiz-step p{font-size:1.5rem;line-height:2.2rem;letter-spacing:normal;font-weight:400;text-align:center}.quiz-options{display:flex;flex-direction:column;gap:.8rem}.quiz-option{padding:1.4rem;background-color:rgba(var(--color-secondary-button));color:rgba(var(--color-secondary-button-text));cursor:pointer;transition:all .2s;border-radius:4rem;text-align:center;font-size:1.4rem;font-weight:400;letter-spacing:normal;line-height:2rem;border:none}.quiz-option:hover{transform:translateY(-.2rem);background-color:rgba(var(--color-button));color:rgba(var(--color-button-text))}.quiz-option:active{transform:translateY(0)}@media screen and (min-width: 990px){.quiz-modal{padding:4rem;width:100%}.quiz-step h2{font-size:3.2rem;line-height:4.8rem}.quiz-options{gap:1.6rem}.quiz-option{font-size:1.5rem}.quiz-step p{font-size:1.6rem;line-height:2.4rem}}modal-dialog:not([open]){display:none}modal-dialog[open]{display:block}modal-opener[data-modal*=Quiz-Modal]{position:fixed;display:flex;justify-content:flex-end;bottom:7.6rem;right:1.6rem;z-index:2}modal-opener[data-modal*=Quiz-Modal] button{padding:1.6rem 0rem;background-color:rgb(var(--color-background-secondary),.6)!important;-webkit-backdrop-filter:var(--default-blur)!important;backdrop-filter:var(--default-blur)!important;color:rgb(var(--color-foreground));border:none;border-radius:1.2rem;cursor:pointer;min-width:6.8rem;height:5.2rem}modal-opener[data-modal*=Quiz-Modal] button:after{border-radius:5rem}.quiz-button__text{display:none}@media screen and (min-width: 451px){modal-opener[data-modal*=Quiz-Modal] button{display:flex;gap:1.2rem;padding:1.6rem 2.4rem;font-size:1.3rem;line-height:2rem;font-weight:500}.quiz-button__text{display:block}}@media screen and (min-width: 750px){modal-opener[data-modal*=Quiz-Modal]{bottom:4rem;right:19.5rem}}.quiz-result .quiz-step__heading-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.quiz-product-card-wrapper{padding-inline:5.5rem}.quiz-no-match{display:flex;flex-direction:column;gap:1rem}.quiz-no-match p{text-align:center}.buttons-wrapper{display:flex;flex-direction:column;gap:1.2rem}.buttons-wrapper *{width:100%;background-color:rgba(var(--color-secondary-button));color:rgba(var(--color-secondary-button-text));transition:all .2s}.buttons-wrapper *:hover{transform:translateY(-.2rem);background-color:rgba(var(--color-button));color:rgba(var(--color-button-text))}.buttons-wrapper *:active{transform:translateY(0)}.quiz-discount-section{margin-top:1rem;padding:.5rem;background:rgba(var(--color-button));text-align:center}.result-discount-block{padding:1.4rem;font-size:1.4rem;line-height:2rem;letter-spacing:.05rem;font-weight:400;text-align:center;text-transform:uppercase}.result-scent{color:rgba(var(--color-button-text));background-color:rgba(var(--color-button))}.quiz-step .quiz-discount-text{color:rgba(var(--color-button-text));background-color:rgba(var(--color-foreground),.6)}.quiz-discount-code-wrapper{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.quiz-discount-code{background:#fff;color:rgba(var(--color-button));padding:.75rem 1.5rem;border-radius:.5rem;font-size:1.25rem;font-weight:700;letter-spacing:.1em}.quiz-result-content{display:flex;flex-direction:column;gap:1rem;width:100%}.quiz-result-text{text-align:center;font-size:1.3rem}@media screen and (min-width: 990px){.quiz-discount-section{padding:1rem}.quiz-discount-text{font-size:1.5rem}.quiz-discount-code{font-size:1.5rem;padding:1rem 2rem}.quiz-result-text{font-size:1.8rem}}.quiz-step .discount-additional-text p{font-size:1.3rem;line-height:2rem;color:rgba(var(--color-foreground),.6)}@media screen and (min-width: 990px){.quiz-step .discount-additional-text p{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quiz-modal.css.map */