.quiz-layout{background-color:rgb(var(--color-foreground));position:relative}.quiz-layout:after{content:"";position:fixed;left:0;right:0;bottom:0;top:50%;background-color:#f5f5f2}.quiz-page-container{min-height:calc(100vh - 76px - 20rem);display:flex;flex-direction:column;position:relative;z-index:1}.quiz-page__progress-container{color:#000;max-width:580px;margin:5rem auto 0}.quiz-page__progress-container .h4{color:inherit;margin-top:1rem}.quiz-page__progress{background-color:#e8e8e8;height:6px;text-indent:-9999vw;z-index:1;position:relative}.quiz-page__progress span{height:100%;background-color:rgb(var(--color-foreground));width:0;position:absolute;top:0;left:0;transition:width ease-in-out .2s}.quiz-page__questions-container{background-color:rgb(var(--color-background));border-radius:1.2rem;color:rgb(var(--color-foreground));overflow:hidden;position:absolute;top:0;left:2rem;right:2rem;bottom:0}@media screen and (max-width: 749px){.quiz-page__questions-container{padding-left:2rem;padding-right:2rem}.quiz-page-container{height:calc(100vh - 76px - 2rem);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quiz-page-container::webkit-scrollbar{display:none}.quiz-page__question-wrapper{padding:2rem}.quiz-page__questions-title.quiz-page__questions-title{font-size:2.4rem;margin-left:0;margin-right:0}.quiz-page__question--auto-flow.quiz-page__question--auto-flow{padding-top:2rem}.quiz-page__question--auto-flow .quiz-page__question-wrapper{padding-left:0;padding-right:0}}@media screen and (min-width: 750px){.quiz-page__questions-container{left:5rem;right:5rem}}.quiz-page__questions-container--results-view{position:relative;left:0;right:0;margin-bottom:5rem}.quiz-page__question{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;overflow:auto;display:flex;flex-direction:column;align-items:center;padding-top:10rem;padding-bottom:4rem;transition:margin ease-in .2s}.quiz-page__question--auto-flow{position:relative}.quiz-page__question[hidden]{margin:0 0 0 100vw}.quiz-page__question[completed]{margin:0 0 0 -100vw}.quiz-page__questions-title{color:#000;font-size:3rem;line-height:1.2;margin:0 2rem 4rem}.quiz-page__questions-subtitle{color:#000;font-size:2rem;font-weight:700;margin:0}.quiz-page__questions-caption{color:#595959;font-weight:400;font-size:1.6rem;margin:0 0 .5rem}.quiz-page__actions{display:flex;justify-content:space-between;padding:2rem 0;bottom:0;position:sticky;z-index:2}.quiz-page__answer{background-color:#fff}.quiz-page__answer--selected{background-color:#2ebed3;border-bottom-color:#000!important;color:#fff}.quiz-page__answer>label{display:block;padding:2rem}.quiz-page__answer-tiles{display:flex;gap:2rem;margin-bottom:2rem}.quiz-page__answer-tiles>.quiz-page__answer{border:solid 1px #BFBFBF;flex:1;flex-direction:column;aspect-ratio:1}.quiz-page__answer-tiles>.quiz-page__answer label{display:flex;justify-content:center;margin:-2rem;padding:2rem;min-height:calc(100% + 4rem)}.quiz-page__answer-tiles>.quiz-page__answer .quiz-page__answer-label{font-size:2rem;justify-content:center;width:100%}.quiz-page__answer-list .quiz-page__answer:not(:last-of-type){border-bottom:solid 1px #BFBFBF}.quiz-page__answer-label{align-items:center;display:flex;color:#000;gap:1rem;font-size:1.8rem}.quiz-page__answer-label span strong{display:block;color:#000}.quiz-page__answer-list{box-shadow:0 4px 12px #00000026}.quiz-page__answer-list .quiz-page__answer-label:before{content:"";border:solid 1.5px #8C8C8C;border-radius:50%;display:block;height:2.4rem;width:2.4rem;flex-shrink:0}.quiz-page__answer-list .quiz-page__answer label input:checked+.quiz-page__answer-label:before{border-color:transparent;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12 1.5C6.20156 1.5 1.5 6.20156 1.5 12C1.5 17.7984 6.20156 22.5 12 22.5C17.7984 22.5 22.5 17.7984 22.5 12C22.5 6.20156 17.7984 1.5 12 1.5ZM16.5352 8.57109L11.5992 15.4148C11.5302 15.5111 11.4393 15.5896 11.3339 15.6437C11.2286 15.6978 11.1118 15.7261 10.9934 15.7261C10.8749 15.7261 10.7582 15.6978 10.6528 15.6437C10.5474 15.5896 10.4565 15.5111 10.3875 15.4148L7.46484 11.3648C7.37578 11.2406 7.46484 11.0672 7.61719 11.0672H8.71641C8.95547 11.0672 9.18281 11.182 9.32344 11.3789L10.9922 13.6945L14.6766 8.58516C14.8172 8.39062 15.0422 8.27344 15.2836 8.27344H16.3828C16.5352 8.27344 16.6242 8.44688 16.5352 8.57109Z" fill="white"/></svg>');background-size:2.4rem;background-repeat:no-repeat;background-position:center center}.quiz-page__answer label input[type=radio]{opacity:0;visibility:hidden;position:absolute}.quiz-page__answer-tiles .quiz-page__answer label input:checked+.quiz-page__answer-label{outline:solid 3px #89B0AE;outline-offset:2rem}.quiz-page__spinner{border:solid .5rem rgb(var(--color-foreground));border-right-color:transparent;border-radius:50%;display:inline-block;margin-bottom:2rem;width:3rem;height:3rem;text-indent:-9999vw;animation:loading-spinner linear 1s infinite}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-page__question-wrapper{width:100%}.quiz-page__answers-list{background-color:#fff;margin-bottom:4rem}.quiz-page__answers-list-answer{border-bottom:solid 1px #BFBFBF;padding:2rem 0}@media screen and (min-width: 750px){.quiz-page__question-wrapper:not(.page-width){max-width:580px}.quiz-page__questions-title{margin-left:0;margin-right:0}.quiz-page__question{padding-top:13rem}.quiz-page__question--auto-flow{padding-top:7rem}.quiz-page__reset-btn{margin-left:.5rem}}.recommended-product-grid{display:grid;gap:4rem;margin-bottom:4rem}.recommended-product-grid__title{font-size:1.8rem;margin-bottom:0;margin-left:0;margin-right:0;max-width:580px}.recommended-product-grid__product-name{font-size:3rem;margin:1rem 0 4rem}.recommended-product-grid__feature-list{margin:0;padding:0;list-style:none}.recommended-product-grid__feature-list .icon-tick,.recommended-product-grid__feature-list .icon-cross{width:24px;height:24px;display:block;margin:auto}.recommended-product-grid__feature-list li{border-bottom:solid 1px #D9D9D9;display:flex;gap:2rem;justify-content:space-between}.recommended-product-grid__feature-list li span{color:#000;padding:1.4rem 0}.recommended-product-grid__actions{display:grid;gap:2rem}.recommended-product-grid__img{margin-bottom:2rem}.recommended-product-grid__img img{border-radius:2.4rem;display:block;margin:auto;width:100%}.recommended-product-grid__detail{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;width:100%}.recommended-product-grid__product-title{color:#000;font-size:2.4rem;flex:0 0 100%;line-height:1.4}.recommended-product-grid__btn{flex:1}@media screen and (min-width: 750px){.recommended-product-grid{grid-template-columns:auto 400px;gap:6rem}.recommended-product-grid__btn{flex:0 1 auto}.recommended-product-grid__aside{border-left:solid 1px #BFBFBF;padding-left:6rem}.recommended-product-grid__actions{row-gap:5rem}.recommended-product-grid__price .price--on-sale .price__sale{display:flex;flex-direction:column}}.recommended-product-grid__price>*{color:#000}#quiz-app * .recommended-product-grid__product-title{font-family:var(--font-alt-heading-family)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-main-quiz-page.css.map */