.template-page-quiz-funnel .header__icons,.template-page-quiz-funnel .header__inline-menu,.template-page-quiz-funnel header-drawer{visibility:hidden!important}.template-page-quiz-funnel .section-header{position:relative}.template-page-quiz-funnel .header-wrapper{background:transparent!important}.twa__quiz-funnel-container{--twa-quiz-viewport-offset: 100px;display:flex;flex-direction:column;max-width:700px;margin:0 auto;padding:24px 15px;scroll-margin-top:var(--twa-quiz-viewport-offset);min-height:calc(100vh - var(--twa-quiz-viewport-offset));min-height:calc(100dvh - var(--twa-quiz-viewport-offset))}.twa__quiz-funnel-steps{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:0;margin-bottom:20px}.twa__quiz-funnel-container.twa__quiz-funnel--final-step .twa__quiz-funnel-steps,.twa__quiz-funnel-container:has(.twa__quiz-step-content--final.twa__step-visible) .twa__quiz-funnel-steps{display:none}.twa__quiz-funnel-body{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.twa__quiz-funnel-body>.twa__quiz-step-content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}.twa__quiz-funnel-step{position:relative;transition:all .3s ease;margin-right:40px}.twa__quiz-funnel-step:last-child{margin-right:0}.twa__quiz-funnel-step .twa__quiz-funnel-icon{width:28px;height:28px;border-radius:100%;background-color:var(--dscolor, #fff);border:1px solid var(--pbcolor, #ECE4E7);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.05))}.twa__quiz-funnel-step:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);width:50px;height:6px;background-color:var(--pbcolor, #ECE4E7);transition:background-color .3s ease}.twa__quiz-funnel-step svg{transition:opacity .3s ease}.twa__quiz-funnel-step svg path{stroke:var(--pbcolor, #ECE4E7)}.twa__quiz-funnel-step.twa__step-active .twa__quiz-funnel-icon,.twa__quiz-funnel-step.twa__step-completed .twa__quiz-funnel-icon{background-color:var(--ascolor, #FA0999);border-color:var(--ascolor, #FA0999);border-color:#fff}.twa__quiz-funnel-step.twa__step-completed svg{opacity:1}.twa__quiz-funnel-step.twa__step-completed:not(:last-child):after{background-color:var(--ascolor, #FA0999)}.twa__quiz-question-counter{text-align:center;font-size:14px;text-transform:uppercase;font-weight:500;letter-spacing:0px;color:var(--ptcolor, #5B146F);margin-bottom:20px}.twa__quiz-step-content{display:none;position:relative;flex:1 1 auto;flex-direction:column;min-height:0}.twa__quiz-step-content.twa__step-visible{display:flex;z-index:1}.twa__quiz-question-contents{flex:1 1 auto;min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.twa__quiz-step-header{text-align:center;margin-bottom:50px;padding-top:32px;max-width:650px;margin-inline:auto}.twa__quiz-step-title{font-size:var(--dtfs, 32px);color:var(--tcolor, #5B146F);margin:0 0 16px;font-weight:400;line-height:1.2;letter-spacing:-.42px}.twa__quiz-step-badge{display:inline-block;padding:6px 12px;font-size:var(--dbfs, 11px);text-transform:uppercase;letter-spacing:0px;font-weight:600;color:var(--badgecolor, #fff);background:var(--badgebg, #5B146F);border-radius:0;margin-bottom:24px;position:relative}.twa__quiz-step-badge:after{content:"";width:100%;height:100%;display:block;background:var(--badgebackdrop);position:absolute;top:0;left:0;z-index:-1}.twa__quiz-step-subtext{font-size:var(--dstfs, 14px);color:var(--subtcolor, #333);margin:0}.twa__quiz-choices-wrapper{margin-bottom:74px;max-width:500px;margin-inline:auto}.twa__quiz-choices{display:flex;flex-wrap:wrap;gap:15px}.twa__quiz-choices--image{max-width:500px;margin-inline:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.twa__quiz-choice-image{position:relative}.twa__quiz-choice-image input{position:absolute;opacity:0;width:0;height:0}.twa__quiz-choice-image label{display:flex;align-items:center;gap:12px;padding:17px 16px;border:1px solid var(--choiceborder, #E5DFE1);background:var(--choicebg, #fff);cursor:pointer;transition:all .2s ease}.twa__quiz-choice-image label:hover{border-color:var(--activechoiceborder, #FA0999);background-color:var(--activechoicebg, #FA09970D)}.twa__quiz-choice-image input:checked+label{border-color:var(--activechoiceborder, #FA0999);background-color:var(--activechoicebg, #FA09970D);color:var(--activechoicetext, #000)}.twa__quiz-choice-image .choice-icon{width:32px;height:32px;flex-shrink:0}.twa__quiz-choice-image .choice-icon img,.twa__quiz-choice-image .choice-icon svg{width:100%;height:100%;object-fit:contain}.twa__quiz-choice-image .choice-text{font-size:14px;color:var(--choicetext, #333)}.twa__quiz-choice-image--stacked label{flex-direction:column;gap:8px}.twa__quiz-choice-image--stacked .choice-icon{width:50px;height:50px}.twa__quiz-choices--text{flex-direction:column;gap:8px}.twa__quiz-choice-text{position:relative;width:100%}.twa__quiz-choice-text input{position:absolute;opacity:0;width:0;height:0}.twa__quiz-choice-text label{display:block;padding:16px;border:1px solid var(--choiceborder, #E5DFE1);border-radius:0;background:var(--choicebg, #fff);cursor:pointer;transition:all .2s ease;text-align:center;font-size:14px;color:var(--choicetext, #333)}.twa__quiz-choice-text label:hover{border-color:var(--activechoiceborder, #FA0999);background-color:var(--activechoicebg, #FA0999)}.twa__quiz-choice-text input:checked+label{border-color:var(--activechoiceborder, #FA0999);background-color:var(--activechoicebg, #FA0999);color:var(--activechoicetext, #000)}.twa__quiz-choices--image-full{flex-direction:column;gap:8px}.twa__quiz-choices--image-full label{justify-content:center}.twa__quiz-choices--image-three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.twa__quiz-choices--image-three label{text-align:center}.twa__quiz-button-area{flex-shrink:0;width:100%;max-width:450px;margin-top:auto;margin-inline:auto;padding-top:16px}.twa__quiz-step-content--final .twa__quiz-final-inner{flex:1 1 auto;min-height:0;overflow:visible}.twa__quiz-funnel-container.twa__quiz-funnel--final-step,.twa__quiz-funnel-container:has(.twa__quiz-step-content--final.twa__step-visible){min-height:auto}.twa__quiz-funnel-container.twa__quiz-funnel--final-step .twa__quiz-funnel-body,.twa__quiz-funnel-container:has(.twa__quiz-step-content--final.twa__step-visible) .twa__quiz-funnel-body{flex:none;min-height:auto}.twa__quiz-funnel-container.twa__quiz-funnel--final-step .twa__quiz-funnel-body>.twa__quiz-step-content--final,.twa__quiz-funnel-container:has(.twa__quiz-step-content--final.twa__step-visible) .twa__quiz-funnel-body>.twa__quiz-step-content--final{position:relative;inset:auto;width:100%}.twa__quiz-btn-container{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.twa__quiz-back-btn{width:55px;height:55px;border:1px solid #5B146F;border-radius:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.twa__quiz-back-btn:hover{border-color:var(--ascolor, #FA0999)}.twa__quiz-back-btn svg{width:20px;height:20px}.twa__quiz-continue-btn{flex:1;max-width:450px;padding:16px 20px;border:none;border-radius:0;background:var(--btnbg, #FA0999);color:var(--btntext, #fff);font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;pointer-events:none;height:55px}.twa__quiz-continue-btn.twa__btn-first{cursor:not-allowed;pointer-events:auto;background:var(--firstbtnbg, #C8C6BD);color:var(--firstbtntext, #9C9C9C)}.twa__quiz-continue-btn.twa__btn-enabled,.twa__quiz-continue-btn.twa__btn-first.twa__btn-enabled{background:var(--activebtnbg, #FA0999);color:var(--activebtntext, #fff);pointer-events:auto;cursor:pointer}.twa__quiz-continue-btn.twa__btn-enabled:hover{background:var(--activebtnbg, #FA0999);color:var(--activebtntext, #fff)}.twa__quiz-after-text{text-align:center;font-size:14px;color:var(--aftertextcolor, #5B146F)}.twa__quiz-step-content--final{padding-block:45px}.twa__quiz-step-content--final .twa__quiz-final-header{margin-bottom:24px;padding-top:0;max-width:650px;margin-inline:auto}.twa__quiz-step-content--final .twa__quiz-step-badge{margin-bottom:16px}.twa__quiz-final-title{max-width:640px;margin-inline:auto}.twa__quiz-final-image{margin-bottom:24px;text-align:center}.twa__quiz-final-image img{display:block;width:100%;max-width:500px;height:auto;margin-inline:auto;margin-bottom:24px}.twa__quiz-final-offer{max-width:500px;margin:0 auto 8px;text-align:center;font-size:var(--dsuptfs, 16px);line-height:1.1;color:var(--suptcolor, #5B146F);padding:12px 24px;border:1px dashed #ECE4E7}.twa__quiz-final-highlight{color:var(--supthighlight, #FB0797);font-weight:700}.twa__quiz-final-cta-wrap{max-width:500px;margin:0 auto 32px}.twa__quiz-final-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:55px;padding:16px 20px;border:none;border-radius:0;background:var(--activebtnbg, #FB0797);color:var(--activebtntext, #fff);font-size:18px;font-weight:700;letter-spacing:.02em;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}.twa__quiz-final-cta:hover{background:var(--activebtnbg, #FB0797);color:var(--activebtntext, #fff)}.twa__quiz-final-cta--static{cursor:default}.twa__quiz-final-cta--loading{pointer-events:none;cursor:wait;opacity:.85}.twa__quiz-final-cta--error{outline:2px solid #c00;outline-offset:2px}.twa__quiz-final-cta-loading{display:none}.twa__quiz-final-cta--loading .twa__quiz-final-cta-loading{display:inline}.twa__quiz-icon-text-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:450px;margin-inline:auto}.twa__quiz-icon-text-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.twa__quiz-icon-text-icon{width:24px;height:24px;flex-shrink:0}.twa__quiz-icon-text-icon img{display:block;width:100%;height:100%;object-fit:contain}.twa__quiz-icon-text-label{margin:0;font-size:12px;line-height:1.1;color:#5b146f;text-align:center}.twa__tarot-choice{width:100%}.twa__tarot-cards{display:flex;flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:8px;width:100%;max-width:500px;margin-inline:auto}.twa__tarot-card{flex:1 1 0;min-width:0;max-width:168px}.twa__tarot-card-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.twa__tarot-card-btn{display:block;width:100%;padding:0;border:none;background:transparent;cursor:pointer;perspective:1000px;-webkit-tap-highlight-color:transparent}.twa__tarot-card-btn:focus-visible{outline:2px solid var(--activechoiceborder, #fb0797);outline-offset:4px;border-radius:12px}.twa__tarot-card-inner{position:relative;display:block;width:100%;aspect-ratio:119 / 218;transform-style:preserve-3d;transition:transform .6s ease;border-radius:12px;box-shadow:0 4px 16px #5b146f1f}.twa__tarot-card.is-flipped .twa__tarot-card-inner{transform:rotateY(180deg)}.twa__tarot-card-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden;overflow:hidden}.twa__tarot-card-face img{display:block;width:100%;height:100%;object-fit:cover}.twa__tarot-card-face--back{transform:rotateY(0)}.twa__tarot-card-face--front{transform:rotateY(180deg)}.twa__tarot-card-placeholder{display:block;width:100%;height:100%;background:linear-gradient(145deg,#5b146f,#3d0d4d)}.twa__tarot-reading{margin-top:24px;text-align:center;margin-inline:auto;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.twa__tarot-reading:not([hidden]){display:block}.twa__tarot-reading.twa__tarot-reading--visible{opacity:1;transform:translateY(0)}.twa__tarot-reading-title{margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.2;color:#5b146f}.twa__tarot-reading-content{margin:0;font-size:16px;line-height:1.5;color:#5b146f}.twa__tarot-reading-content p{margin:0}.twa__quiz-choices-wrapper:has(.twa__tarot-choice){margin-bottom:48px}.twa__quiz-choices:has(.twa__tarot-choice){display:block}@media(max-width:749px){.twa__quiz-funnel-container{--twa-quiz-viewport-offset: 94px;padding:16px 15px 24px}.twa__quiz-funnel-steps{margin-bottom:12px}.twa__quiz-funnel-step{margin-right:20px}.twa__quiz-funnel-step .twa__quiz-funnel-icon{width:18px;height:18px}.twa__quiz-funnel-step:not(:last-child):after{width:30px}.twa__quiz-step-title{font-size:var(--mtfs, 24px)}.twa__quiz-step-badge{font-size:var(--mbfs, 10px)}.twa__quiz-step-subtext{font-size:var(--mstfs, 13px)}.twa__quiz-choice-image label,.twa__quiz-choice-text label{padding:14px;height:100%}.twa__quiz-continue-btn{padding:14px;font-size:16px;height:50px}.twa__quiz-step-header{max-width:100%;margin-bottom:24px;padding-top:22px}.twa__quiz-button-area{margin-bottom:0}.twa__quiz-after-text{font-size:12px}.twa__quiz-choices--text,.twa__quiz-choices--image-full{gap:4px}.twa__quiz-choices-wrapper{margin-bottom:0}.twa__quiz-question-counter{font-size:12px;margin-bottom:0}.twa__quiz-button-area{padding-top:12px}.twa__quiz-funnel-step svg{width:8px}.twa__tarot-cards{gap:8px;max-width:100%}.twa__tarot-card{max-width:none}.twa__tarot-reading{margin-top:24px}.twa__tarot-reading-title{font-size:18px;margin:0 0 8px}.twa__tarot-reading-content{font-size:14px}.twa__quiz-final-offer{font-size:var(--msuptfs, 14px)}.twa__quiz-final-cta{min-height:50px;padding:14px 16px;font-size:16px}.twa__quiz-icon-text-row{gap:4px}.twa__quiz-icon-text-label{font-size:10px}.twa__quiz-step-content--final{padding-block:22px}.twa__quiz-step-header .twa__quiz-final-header,.twa__quiz-final-cta-wrap,.twa__quiz-final-offer{max-width:100%}.twa__quiz-final-offer{padding:12px}.twa__quiz-back-btn{width:50px;height:50px}.twa__quiz-choice-image .choice-icon{width:24px;height:24px;flex-shrink:0}.twa__quiz-choice-image--stacked .choice-icon{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/twa-quiz-funnel.css.map */