.quiz-upsell-hero{--page-width: 430px;overflow:hidden}.quiz-upsell-hero--ec{text-align:center}@media screen and (min-width: 480px){.quiz-upsell-hero{--page-width: 550px}}@media screen and (min-width: 750px){.quiz-upsell-hero{--page-width: 946px}}.quiz-upsell-hero__subheading{display:inline-block;margin:0 0 8px;padding:8px 12px;border-radius:6px;border:1.5px solid #D37FFF;color:#000;text-align:center;font-family:Mallory;font-size:18px;font-style:normal;font-weight:700;line-height:1}@media screen and (min-width: 750px){.quiz-upsell-hero__subheading{padding:12px 16px;font-size:24px}}.quiz-upsell-hero__heading{display:block;margin:0;text-align:center;font-size:21px;line-height:32px}.quiz-upsell-hero__heading em{color:#c453ff}@media screen and (min-width: 750px){.quiz-upsell-hero__heading{font-size:26px;line-height:32px}}.quiz-upsell-hero__grid{position:relative;margin-top:24px;z-index:1}@media screen and (min-width: 480px){.quiz-upsell-hero__grid{padding-left:150px}}@media screen and (min-width: 750px){.quiz-upsell-hero__grid{margin-top:32px;padding-left:0}}@media screen and (min-width: 990px){.quiz-upsell-hero__grid{padding-right:2.5rem;padding-left:2.5rem}}.quiz-upsell-hero__content{padding-left:120px;text-align:left}@media screen and (min-width: 380px){.quiz-upsell-hero__content{padding-left:150px}.quiz-upsell-hero--ec .quiz-upsell-hero__content{padding-left:120px}}@media screen and (min-width: 420px){.quiz-upsell-hero--ec .quiz-upsell-hero__content{padding-left:150px}}@media screen and (min-width: 480px){.quiz-upsell-hero__content,.quiz-upsell-hero--ec .quiz-upsell-hero__content{padding-left:0}}@media screen and (min-width: 750px){.quiz-upsell-hero__content{max-width:350px}}.quiz-upsell-hero__rating{display:flex;flex-wrap:wrap;align-items:center}.quiz-upsell-hero__rating .oke-reviewContent-stars{display:flex;margin-right:10px}.quiz-upsell-hero__rating p{margin:0;font-size:12px;font-weight:700}.quiz-upsell-hero__list{padding:0;margin:10px 0;font-size:15px;list-style:none}.quiz-upsell-hero__list-item{display:flex;align-items:flex-start}@media screen and (max-width: 749px){.quiz-upsell-hero__list-item--hide-mobile{display:none}.quiz-upsell-hero--mw .quiz-upsell-hero__logos{margin-top:10px}.quiz-upsell-hero__grid{margin-top:12px}}.quiz-upsell-hero__list-item+.quiz-upsell-hero__list-item{margin-top:5px}.quiz-upsell-hero__list-item>svg{width:18px;min-width:18px;max-width:18px;height:auto;margin-right:5px}.quiz-upsell-hero__list-item>span{position:relative}.quiz-upsell-hero__logos{display:flex;align-items:center;justify-content:space-around;margin-top:20px}.quiz-upsell-hero__logo{display:block;width:100%;max-width:28%;height:auto}.quiz-upsell-hero__logo:first-of-type{max-width:22%}.quiz-upsell-hero__logo:last-of-type{max-width:22%}@media screen and (min-width: 750px){.quiz-upsell-hero__logos{max-width:300px}}.quiz-upsell-hero__image-wrapper{grid-area:c;position:absolute;top:-80px;left:-130px;width:100%;min-width:250px;max-width:350px;z-index:-1}.quiz-upsell-hero--ec .quiz-upsell-hero__image-wrapper{top:-60px;left:-130px;width:auto;min-width:270px;max-width:340px}.quiz-upsell-hero__image-desktop{display:none;width:100%;height:auto}.quiz-upsell-hero__image-mobile{display:block;width:100%;height:auto}@media screen and (min-width: 350px){.quiz-upsell-hero__image-wrapper{top:-80px;left:-150px}.quiz-upsell-hero--ec .quiz-upsell-hero__image-wrapper{top:-60px;left:-130px;width:auto;min-width:270px;max-width:340px}}@media screen and (min-width: 380px){.quiz-upsell-hero--ec .quiz-upsell-hero__image-wrapper{top:-90px}}@media screen and (min-width: 420px){.quiz-upsell-hero--ec .quiz-upsell-hero__image-wrapper{left:-120px}}@media screen and (min-width: 480px){.quiz-upsell-hero__image-wrapper{top:-80px;left:-130px}.quiz-upsell-hero--ec .quiz-upsell-hero__image-wrapper{top:-80px;left:-130px;max-width:360px}}@media screen and (min-width: 750px){.quiz-upsell-hero__image-wrapper,.quiz-upsell-hero--ec .quiz-upsell-hero__image-wrapper{top:60%;left:auto;right:0;max-width:400px;transform:translateY(-50%)}.quiz-upsell-hero--ec .quiz-upsell-hero__image-wrapper{top:55%}.quiz-upsell-hero__image-desktop{display:block}.quiz-upsell-hero__image-mobile{display:none}}@media screen and (min-width: 990px){.quiz-upsell-hero__image-wrapper{right:2.5rem}.quiz-upsell-hero--ec .quiz-upsell-hero__image-wrapper{right:5rem}}@media screen and (max-width: 749px){.quiz-upsell-hero--mw .quiz-upsell-hero__image-wrapper{left:-140px}}
/*# sourceMappingURL=/cdn/shop/t/377/assets/component-quiz-upsell-hero.css.map */