.recommendation-box{position:relative;background-color:rgba(var(--color-button),.1);border:2px solid rgb(var(--color-button));border-radius:1rem}.recommendation-box p{margin:0!important}.recommendation-box--banner{padding:2.5rem 2rem 1.5rem;font-size:1.8rem;line-height:1.4;margin:2rem 0 0}.recommendation-box--highlighted{padding-top:1rem;padding-bottom:1rem;padding-right:1rem;padding-left:3rem!important}.recommendation-box--highlighted:before{top:1.5rem!important;left:.8rem!important}@media(min-width:750px){.recommendation-box--highlighted:before{left:1.6rem!important}.recommendation-box--highlighted{padding-left:4rem!important}}.recommendation-box--highlighted strong{display:block}.recommendation-label{position:absolute;display:flex;align-items:center;gap:1rem;background-color:rgb(var(--color-button));color:#fff;padding:.5rem 1rem;border-radius:5rem;text-transform:uppercase;font-size:1.4rem;line-height:1;font-weight:500;white-space:nowrap}.recommendation-label--banner{top:-1.6rem;font-size:1.6rem}.recommendation-label--bullet{top:1rem;right:1rem}.recommendation-label:after{content:"";display:block;border-radius:6rem;width:1.8rem;height:1.8rem;background:#fff url(icon-checkmark-green.svg) no-repeat center/.9rem}@media(max-width:1620px)and (min-width:990px),(max-width:680px){.recommendation-box--highlighted{padding-top:2.5rem;margin-bottom:.5rem!important}.recommendation-box--highlighted:before{top:3rem!important}.recommendation-box--banner{border-radius:.5rem}.recommendation-box--highlighted strong{font-size:2rem}.recommendation-label{font-weight:400}.recommendation-label--banner:after{width:2rem;height:2rem;background-size:1.1rem}.recommendation-label--bullet{gap:.5rem;border-radius:.5rem .5rem 0 0;padding:.3rem 1rem;top:0;left:0;right:0;font-size:1.2rem;letter-spacing:.05rem}.recommendation-label--bullet:after{width:1.4rem;height:1.4rem;background-size:.8rem}}@media(max-width:680px){.recommendation-box--banner{font-size:1.6rem;line-height:1.5;padding:2rem 1rem 1rem}}@media(max-width:420px){.recommendation-label--banner{left:50%;transform:translate(-50%);font-size:1.4rem}}@media(max-width:370px){.recommendation-label--banner{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-quiz-recommendation.css.map */