.template-page-quiz-flow{background-color:#fffef8}.quiz-plan-select{transform:translateY(40px);opacity:0;transition:all .5s ease-in-out}.quiz-plan-select.show{transform:translateY(0);opacity:1}.quiz-plan-select .qpselect-titles{margin-bottom:1.5rem}.quiz-plan-select .qpselect-title{margin-bottom:2.5rem}.quiz-plan-select .qpselect-subtitle{margin-bottom:0}@media screen and (min-width:1024px){.quiz-plan-select .product-grid--wrapper{width:85%;margin:0 auto}.quiz-plan-select .swiper-scrollbar{display:none}.quiz-plan-select .qpselect-content-wrap.center-auto{justify-content:center}}.qpselect-content-wrap .qpselect-content{max-width:85%}.qpselect-content-wrap .qpselect-content.active .qpselect-content-item{background:var(--color-primary-background);box-shadow:0 0 0 2px var(--color-scheme-feature-background);transition:all .5s ease}.qpselect-content-wrap .qpselect-content:hover .qpselect-content-item{background:var(--color-primary-background);box-shadow:0 0 0 2px var(--border-color-darken10);transition:all .5s ease}.qpselect-content .qpselect-content-item{cursor:pointer;border:1px solid;border-radius:var(--block-border-radius);margin:2px .5rem 2px 2px;height:calc(100% - 4px)}.qpselect-content .qpselect-content-item .qpselect-content-item-wrap{padding:1rem .375rem}.qpselect-content .qpselect-content-item .lazy-image-wrap{margin:1px}.qpselect-content .qpselect-content-item .lazy-image-wrap img{border-radius:var(--block-border-radius)}.qpselect-content .qpselect-content-item .qpselect-content-item-title{margin:0;font-weight:var(--font-weight-bold)}.qpselect-content .qpselect-content-item .qpselect-content-item-subtitle{margin:.5rem 0 0;font-size:1rem}.quiz-plan-select .qpselect-desc{margin-top:1.5rem;font-weight:var(--font-weight-normal);font-size:1rem;line-height:calc(var(--line-height-base) - .2)}.quiz-plan-select .qpselect-desc p{margin-bottom:.25rem}@media screen and (max-width:767px){.qpselect-content .qpselect-content-item .qpselect-content-item-wrap{text-align:left;width:50%;padding:.5rem 0 .5rem .5rem}.qpselect-content .qpselect-content-item{padding:1rem;align-items:center;justify-content:center;flex-flow:row;display:flex}.qpselect-content .qpselect-content-item .lazy-image-wrap{line-height:0;width:50%}}
/*# sourceMappingURL=/cdn/shop/t/678/assets/quiz-plan-select.css.map */