.quiz-wrap{z-index:50;--tw-bg-opacity:1;background-color:rgb(251 249 245/var(--tw-bg-opacity,1));width:100%;height:100%;transition:all .3s,visibility 0s linear .3s;position:fixed;top:0;left:0;overflow:auto}.quiz-wrap.--show-bg{--tw-bg-opacity:.5}.quiz-wrap.--klaviyo-submitted{pointer-events:none;opacity:0;visnility:hidden}.quiz__name-wrap{-moz-column-gap:15px;column-gap:15px}.quiz__name-wrap input{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(161 160 157/var(--tw-border-opacity,1));background-color:#0000;min-width:150px;max-width:100%;font-size:22px;font-weight:500}.quiz__name-wrap input::placeholder{--tw-text-opacity:1;color:rgb(161 160 157/var(--tw-text-opacity,1))}@media (width>=768px){.quiz__name-wrap input{min-width:250px;font-size:31px}}@media (width>=992px){.quiz__name-wrap input{font-size:50px}}.quiz__back-btn{z-index:40;width:14px;height:11px}.quiz__option{cursor:pointer;text-align:center;--tw-text-opacity:1;color:rgb(26 26 26/var(--tw-text-opacity,1));flex-direction:column;justify-content:center;align-items:center;width:150px;min-height:90px;font-weight:500;transition:all .3s ease-out;display:flex}@media (width>=768px){.quiz__option{width:230px;height:140px}}.quiz__option.--rectangle{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0px 7px 25px #00000038;--tw-shadow-colored:0px 7px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:10px;padding:15px}@media (width>=992px){.quiz__option.--rectangle{padding:30px}}.quiz__option.--rectangle.active,.quiz__option.--rectangle:hover{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.quiz__option.--circle{counter-increment:quizOption;width:75px;height:auto}.quiz__option.--circle:before{content:counter(quizOption);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0px 7px 25px #00000038;--tw-shadow-colored:0px 7px 25px var(--tw-shadow-color);width:75px;height:75px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:9999px;justify-content:center;align-items:center;margin-bottom:30px;font-family:abc-social,sans-serif;font-size:25px;font-weight:500;display:flex}@media (width>=768px){.quiz__option.--circle{width:100px}.quiz__option.--circle:before{width:100px;height:100px;font-size:40px}}.quiz__option.--circle.active:before,.quiz__option.--circle:hover:before{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.quiz__comparison{flex-direction:column;align-items:center;gap:15px;display:flex}.quiz__comparison-image{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0px 7px 25px #00000038;--tw-shadow-colored:0px 7px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:10px;width:150px;height:150px;overflow:hidden}@media (width>=992px){.quiz__comparison-image{width:220px;height:220px}}.quiz__comparison-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.track-option-wrap{width:15px;height:15px;position:relative}.track-option-wrap span{white-space:pre;text-align:center;display:block;position:absolute;top:calc(100% + 25px);left:50%;transform:translate(-50%)}button.track-option{--tw-bg-opacity:1;background-color:rgb(171 170 169/var(--tw-bg-opacity,1));border-radius:9999px;width:15px;height:15px;transition:all .3s;transform:scale(1)}button.track-option.active{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));transform:scale(1.5)}.fade-appear{opacity:0}.fade-appear-active,.fade-appear-done{opacity:1}.fade-enter{opacity:0}.fade-enter-active,.fade-enter-done,.fade-exit{opacity:1}.fade-exit-active,.fade-exit-done{opacity:0}