ts-quiz{position:fixed;width:100vw;height:100dvh;display:none;z-index:10;background-color:var(--primary-white);padding:0 50px 72px;opacity:0;transition:opacity .3s}ts-quiz.ts-quiz__section{position:unset;display:block;opacity:1}ts-quiz.ts-quiz__section .ts-quiz__logo,ts-quiz.ts-quiz__section .ts-quiz__quit{opacity:0}ts-quiz.active{display:block}ts-quiz.active.animate{opacity:1}.ts-quiz__header{width:100%;padding:24px 0;display:flex;align-items:center;justify-content:space-between}.ts-quiz__back,.ts-quiz__quit{display:flex;cursor:pointer;width:32px;height:32px;opacity:1;transition:opacity .2s}.ts-quiz__back.hide,.ts-quiz__quit.hide{pointer-events:none;opacity:0}.ts-quiz__back svg,.ts-quiz__quit svg{width:32px;height:32px;pointer-events:none}.ts-quiz__logo{display:flex}.ts-quiz__logo img{max-width:173px;height:fit-content}.ts-quiz__header h2{margin:0}.ts-quiz__content,.ts-quiz__steps-wrapper{width:100%}.ts-quiz__content{height:calc(100% - 80px);overflow:auto}.ts-quiz__progress-wrapper{width:100%;padding:16px}.ts-quiz__progress{display:flex;align-items:center;gap:8px}.ts-quiz__progress-number{width:24px;min-width:24px;height:24px;background-color:var(--primary-light-grey);border-radius:24px;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.ts-quiz__progress-number.active{background-color:var(--primary-orange)}.ts-quiz__progress-number span{font-size:12px;font-weight:500;letter-spacing:0;font-family:Onest;line-height:110%;color:var(--primary-black);display:flex}.ts-quiz__progress-number--final svg{width:18.67px;height:18.67px}.ts-quiz__progress-number--final path{fill:var(--grey-500)}.ts-quiz__progress-number.active path{fill:var(--primary-black)}.ts-quiz__progress-greetings,.ts-quiz__progress-general,.ts-quiz__progress-additional{width:calc((100% / 3) - 48px);display:flex;flex-wrap:nowrap;gap:4px}.ts-quiz__progress-step{display:flex;width:100%;background-color:var(--primary-light-grey);height:8px}.ts-quiz__progress-step span{display:inline-block;width:0%;height:8px;transition:width .5s cubic-bezier(.59,.03,.42,.99);background-color:var(--primary-orange)}.ts-quiz__progress-step.active span{width:100%}.ts-quiz__progress-message{width:fit-content;margin:16px auto 0;text-align:center;color:var(--grey-700)}.ts-quiz__start{transition:opacity .3s;opacity:0;display:none;flex-direction:column;align-items:center;height:100%;padding-top:24px}.ts-quiz__start.active{display:flex}.ts-quiz__start.active.animate{opacity:1}.ts-quiz__start-media{max-width:270px;margin:0 0 48px}.ts-quiz__start-media img{width:100%;height:fit-content}.ts-quiz__start-title{max-width:380px;text-align:center;margin:0 0 16px}.ts-quiz__start-description{font-size:16px;letter-spacing:0;font-weight:400;font-family:Onest;line-height:120%;color:var(--grey-700);max-width:370px;text-align:center;margin:0 0 35px}.ts-quiz__start-next{margin-top:auto;width:320px;min-height:48px}.ts-quiz__steps-wrapper{transition:opacity .3s;opacity:0;display:none;height:100%}.ts-quiz__steps-wrapper.active{display:block}.ts-quiz__steps-wrapper.active.animate{opacity:1}.ts-quiz__steps-content{height:calc(100% - 90px)}.ts-quiz__step{display:none;flex-direction:column;align-items:center;padding-top:80px;opacity:0;transition:opacity .3s;height:100%}.ts-quiz__step.active{display:flex}.ts-quiz__step.active.animate{opacity:1}.ts-quiz__step[data-step=greetings] .ts-button[next-step]{margin-top:0}.ts-quiz__step-question,.ts-quiz__step-answer{width:fit-content;margin:0 auto 24px;text-align:center}.ts-quiz__step-question.ts-h2,.ts-quiz__step-answer.ts-h2{max-width:470px}.ts-quiz__step-question.ts-h3{max-width:330px}.ts-quiz__step-description{margin:0 auto 16px;text-align:center}.ts-quiz__step-options{width:100%;max-width:656px;margin:0 auto 32px;display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.ts-quiz__step-options input[type=text],.ts-quiz__step-options input[type=email]{width:320px;height:44px;padding:12px 14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--grey-800);border-radius:4px;font-size:13px;font-weight:500;letter-spacing:.01em;font-family:Onest;line-height:1;text-transform:uppercase;color:var(--grey-800)}.ts-quiz__step-options input[type=text]::-webkit-input-placeholder,.ts-quiz__step-options input[type=email]::-webkit-input-placeholder{color:var(--grey-500)!important}.ts-quiz__step-options input:focus-visible{box-shadow:none;outline:none}.ts-quiz__step .ts-button{width:320px;min-height:48px;margin:auto auto 0;background-color:var(--grey-800);border-color:var(--grey-800);color:var(--primary-white)}.ts-quiz__step .ts-button.disabled,.ts-quiz__step .ts-button.disabled:hover{opacity:1;background-color:var(--primary-white);border-color:var(--grey-600);color:var(--grey-600)}.ts-quiz__step .ts-button:hover{background-color:var(--primary-white);color:var(--grey-800)}.ts-quiz__step-option{width:320px;height:56px;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;color:var(--grey-600);letter-spacing:.01em;font-weight:500;font-family:Onest;background-color:var(--primary-light-grey);border:1px solid var(--grey-500);border-radius:4px;text-transform:uppercase;transition:all .3s;cursor:pointer}.ts-quiz__step-options input:checked+.ts-quiz__step-option{box-shadow:0 0 0 1px var(--primary-orange);border-color:var(--primary-orange);background-color:var(--primary-sand);color:var(--grey-800)}.ts-quiz__step-question--email{max-width:570px}.ts-quiz__input-label{font-size:13px;line-height:110%;letter-spacing:-.01em;color:var(--grey-500);font-family:GT Pressura,sans-serif;font-weight:400;margin:8px 0 0;max-width:320px;text-align:center}.ts-quiz__step-option-wrapper{width:fit-content;display:flex;flex-direction:column;align-items:center}.ts-quiz__final{display:none;align-items:center;flex-direction:column;opacity:0;transition:opacity .3s;padding-top:24px}.ts-quiz__final.active{display:flex}.ts-quiz__final.active.animate{opacity:1}.ts-quiz__final-media{display:flex;width:100%;max-width:294px;margin:0 0 48px}.ts-quiz__final-media img{width:100%;height:fit-content}.ts-quiz__final-title{margin:0 0 16px;max-width:380px;line-height:1;text-align:center}.ts-quiz__final-description{font-size:16px;line-height:120%;font-weight:400;letter-spacing:0;color:var(--grey-700);width:fit-content;font-family:Onest,sans-serif;margin:0 0 24px}.ts-quiz__final-loading{width:320px;height:32px;background-color:var(--primary-light-grey);border-radius:4px;display:flex}.ts-quiz__final-loading span{display:inline-block;width:5%;transition:width .3s ease-in-out;border-radius:4px;background-color:var(--primary-orange)}.ts-quiz__result{display:none;align-items:center;flex-direction:column;opacity:0;transition:opacity .3s;padding-top:24px}.ts-quiz__result.active{display:flex}.ts-quiz__result.active.animate{opacity:1}.ts-quiz__result-title,.ts-quiz__result-score{width:fit-content;color:var(--grey-800);margin:0;line-height:1}.ts-quiz__result-score{margin:0 0 16px}.ts-quiz_result-score-progress{width:380px;height:32px;padding:2px 4px;display:flex;flex-wrap:nowrap;gap:3px;border-radius:4px;background-color:var(--primary-light-grey)}.ts-quiz_result-score-progress span{width:12px;height:28px;background-color:var(--primary-orange);border-radius:2px;opacity:0;transition:opacity .3s}.ts-quiz_result-score-progress span.active{opacity:1}.ts-quiz_result-score-progress-label{max-width:380px;width:100%;font-size:13px;line-height:1;letter-spacing:-.01em;font-family:Onest,sans-serif;margin:4px auto 16px;color:var(--grey-500);display:flex;align-items:center;justify-content:space-between}.ts-quiz__result-label{width:fit-content;font-size:16px;line-height:110%;letter-spacing:0;font-family:Onest,sans-serif;font-weight:500;margin:0 auto 24px;color:var(--grey-700)}.ts-quiz__result-additional{max-width:410px;width:100%;font-size:16px;line-height:120%;letter-spacing:0;font-family:Onest,sans-serif;margin:0 0 8px;color:var(--grey-700);font-weight:700;display:none!important}.ts-quiz__result-description{margin:0 0 36px;max-width:410px}.ts-quiz__result-description *{font-size:16px;line-height:120%;letter-spacing:0;font-family:Onest,sans-serif;font-weight:400;margin:0;color:var(--grey-700)}.ts-quiz__result-description>*{margin:0 0 16px}.ts-quiz__result-description>*:last-child{margin:0}.ts-quiz__result-description ul{padding-left:20px}.ts-quiz__result-description li{line-height:1}.ts-quiz__result-resources{margin:0 auto 32px;font-size:15px;font-weight:400;line-height:110%;letter-spacing:0;font-family:Onest,sans-serif;color:var(--grey-800);text-decoration:underline;cursor:pointer;text-underline-offset:3px}.ts-quiz__resources{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:2;transition:opacity .3s;display:none;opacity:0}.ts-quiz__resources.active{display:block}.ts-quiz__resources.active.animate{opacity:1}.ts-quiz__resources-overlay{background-color:#1d1d1d80;display:flex;align-items:center;justify-content:center;padding:20px;width:100%;height:100%}.ts-quiz__resources-content{border-radius:8px;width:100%;max-width:490px;padding:48px 20px 24px;background-color:var(--primary-white);position:relative}.ts-quiz__resources-close{position:absolute;top:16px;right:16px;cursor:pointer;display:flex}.ts-quiz__resources-close svg{width:24px;height:24px;pointer-events:none}.ts-quiz__resources-title{margin:0 0 16px;color:var(--grey-800);text-align:center}.ts-quiz__resources-description{margin:0 0 32px}.ts-quiz__resources-description p{margin:0 0 16px;color:var(--grey-700)}.ts-quiz__resources-description p:last-child{margin:0}.ts-quiz__resources-description strong{font-weight:500}.ts-quiz__resources-description ol{margin:0 0 16px;padding-left:20px}.ts-quiz__resources-description ol li{line-height:1;margin:0 0 16px}.ts-quiz__resources-description ol *{font-size:16px;font-weight:400;line-height:110%;letter-spacing:0;font-family:Onest,sans-serif;margin:0;color:var(--grey-700);word-wrap:break-word}.ts-quiz__resources-button{width:fit-content;margin:0 auto;font-size:14px;font-weight:500;line-height:130%;letter-spacing:.01em;font-family:Onest,sans-serif;text-transform:uppercase;color:var(--grey-600);cursor:pointer}.ts-quiz__more{width:100%;max-width:320px;min-height:48px}@media screen and (max-width: 989px){ts-quiz{padding:0 20px 40px}}@media screen and (max-width: 749px){ts-quiz{padding:0 0 40px}.ts-quiz__header{padding:24px 20px}.ts-quiz__logo img{max-width:150px}.ts-quiz__back svg,.ts-quiz__quit svg{width:24px;height:24px}.ts-quiz__start{padding-top:48px}.ts-quiz__start-media{max-width:227px}.ts-quiz__start-description{font-size:15px}.ts-quiz__start-next{min-height:44px}.ts-quiz__progress-wrapper{padding:0;overflow:hidden}.ts-quiz__progress{position:relative;left:calc(50% - 9px);transition:left .6s;gap:4px}.ts-quiz__progress.ts-step-general{left:-9px}.ts-quiz__progress.ts-step-additional{left:calc(-50% - 9px)}.ts-quiz__progress.ts-step-result{left:calc(-100% - 9px)}.ts-quiz__progress-greetings,.ts-quiz__progress-general,.ts-quiz__progress-additional{width:50%;min-width:calc(50% - 26px);gap:2px}.ts-quiz__steps-content{padding:0 20px;flex:1}.ts-quiz__progress-number{width:18px;min-width:18px;height:18px}.ts-quiz__progress-number span{font-size:9px}.ts-quiz__progress-step,.ts-quiz__progress-step span{height:4px}.ts-quiz__progress-message{margin:8px auto 0;font-size:11px;max-width:180px}.ts-quiz__step{padding-top:32px}.ts-quiz__step[data-step=greetings]{padding-top:80px}.ts-quiz__step-options input[type=text],.ts-quiz__step-options input[type=email]{width:100%;max-width:320px}.ts-quiz__step .ts-button{min-height:44px;width:100%;max-width:320px;margin:32px auto 0}.ts-quiz__step[data-step=greetings] h3{font-size:18px;margin:0 0 16px}.ts-quiz__step-description{font-size:14px}.ts-quiz__step-option{width:100%;max-width:320px;font-size:13px}.ts-quiz__step:not([data-step=greetings]) .ts-quiz__step-options{gap:8px;margin:auto auto 0}.ts-quiz__steps-wrapper.active{flex-direction:column;display:flex}.ts-quiz__step #additional-20{margin-top:0}.ts-quiz__final-media{max-width:245px}.ts-quiz__final{padding-top:48px}.ts-quiz__final-loading,.ts-quiz_result-score-progress{width:100%;max-width:320px}.ts-quiz__result{padding:32px 20px 0}.ts-quiz_result-score-progress span{width:100%}.ts-quiz_result-score-progress-label{font-size:11px;padding:0 3px}.ts-quiz__more{min-height:44px}.ts-quiz__resources-description p{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/ts-quiz.css.map */