.biony-quiz{position:relative;display:flex;justify-content:center;padding:8rem 2rem;background:radial-gradient(30rem 30rem at 5% 95%,#ffb65d59,#ffb65d00 70%),radial-gradient(30rem 30rem at 95% 10%,#cbe0ff8c,#cbe0ff00 70%),#fcf5ee;background-image:url(/cdn/shop/files/quiz-bg.webp?v=1784060770);background-size:cover;background-repeat:no-repeat;background-position:center center;overflow:hidden;border-radius:5rem}.biony-quiz__butterfly{position:absolute;pointer-events:none;opacity:.5}.biony-quiz__butterfly--left{bottom:-6rem;left:-4rem;width:28rem;transform:rotate(20deg)}.biony-quiz__butterfly--right{top:8rem;right:-8rem;width:28rem;transform:rotate(-30deg) scaleX(-1)}.biony-quiz__inner{position:relative;z-index:1;width:min(64.2rem,100%)}.biony-quiz__progress{display:flex;gap:1.2rem;margin-bottom:2.4rem}.biony-quiz__progress-bar{flex:1;height:.8rem;border-radius:var(--biony-radius-pill);background:#ffffff80;transition:background .3s ease}.biony-quiz__progress-bar--active{background:var(--biony-chocolate)}.biony-quiz__question{margin:0 0 4rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:clamp(2.6rem,2rem + 2vw,4.4rem);line-height:1.2;letter-spacing:-.02em;color:var(--biony-chocolate)}.biony-quiz__step[hidden]{display:none}.biony-quiz__options{display:flex;flex-direction:column;gap:1.3rem;margin:0 0 2rem;padding:0;border:0}.biony-quiz__option{display:flex;align-items:center;gap:1.6rem;padding:2rem;border:1px solid rgba(255,255,255,.7);border-radius:var(--biony-radius-pill);cursor:pointer;transition:background .2s ease,border-color .2s ease}.biony-quiz__option:hover{background:#ffffff2e}.biony-quiz__option:has(input:checked){background:#ffffff52;border-color:#fff}.biony-quiz__option input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.biony-quiz__radio{position:relative;flex-shrink:0;width:2.8rem;height:2.8rem;border:2px solid rgb(255,255,255);border-radius:50%}.biony-quiz__option input:checked+.biony-quiz__radio:after{content:"";position:absolute;top:.3rem;right:.3rem;bottom:.3rem;left:.3rem;border-radius:50%;background:#fff}.biony-quiz__option input:focus-visible+.biony-quiz__radio{outline:2px solid var(--biony-chocolate);outline-offset:2px}.biony-quiz__option-text{font-size:1.6rem;font-weight:var(--font-body-weight-bold);letter-spacing:-.02em;color:var(--biony-gray-700)}.biony-quiz__footer{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}.biony-quiz__counter{font-size:1.2rem;font-weight:var(--font-body-weight-bold);color:var(--biony-gray-500)}.biony-quiz__next{display:inline-flex;align-items:center;justify-content:center;height:4.6rem;padding:1.2rem 3.2rem;background:var(--biony-dark);color:#fff;border:0;border-radius:var(--biony-radius-pill);font-family:var(--font-body-family);font-size:1.8rem;line-height:1;text-transform:uppercase;cursor:pointer;transition:opacity .2s ease}.biony-quiz__next:hover{opacity:.85}.biony-quiz__next[disabled]{opacity:.4;cursor:not-allowed}.biony-quiz__result[hidden]{display:none}.biony-quiz__result-card{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:4rem 3.2rem;background:#ffffff80;border:1px solid rgb(255,255,255);border-radius:3.2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center}.biony-quiz__result-media{width:16rem}.biony-quiz__result-media img,.biony-quiz__result-media svg{display:block;width:100%;height:auto}.biony-quiz__result-title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2.8rem;letter-spacing:-.02em;color:var(--biony-chocolate)}.biony-quiz__result-text{margin:0;max-width:44rem;font-size:1.5rem;line-height:1.5;color:var(--biony-gray-500)}.biony-quiz__result-cta{display:inline-flex;align-items:center;justify-content:center;padding:1.8rem 3.2rem;background:var(--biony-dark);color:#fff;border-radius:var(--biony-radius-pill);font-size:1.8rem;line-height:1;text-transform:uppercase;text-decoration:none;transition:opacity .2s ease}.biony-quiz__result-cta:hover{opacity:.85}.biony-quiz__restart{background:none;border:0;font-family:var(--font-body-family);font-size:1.4rem;color:var(--biony-gray-500);text-decoration:underline;cursor:pointer}@media screen and (max-width:749px){.biony-quiz{padding:5rem 2rem;border-radius:2.4rem;background-position:left center}.biony-quiz__question{margin:0 0 2.4rem}.biony-quiz__option{padding:1.4rem 1.6rem}.biony-quiz__option-text{font-size:1.4rem}.biony-quiz__butterfly{width:16rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-biony-quiz.css.map */