.quiz__step .card__bg--custom[data-v-8cb9075c]{position:relative;z-index:-1;margin:-1px -1px 0;height:100%;border-radius:9px 9px 0 0;border-top:93px solid;--shape-width-md: 768px;--shape-width-lg: 1920px;--container-width-bp-medium: calc(100vw - 40px) ;--card-width-bp-medium: calc((var(--container-width-bp-medium) - 40px) / 3);--shape-position-bp-medium: calc((100vw - var(--container-width-bp-medium)) / 2 * -1);--shape-position-bp-huge: calc((100vw - var(--shape-width-lg)) / 2 - 20px);--container-width-bp-huge: calc(100vw - 40px) ;--card-width-bp-huge: calc((var(--container-width-bp-huge) - 40px) / 3);--shape-position-bp-maxlayout: calc((var(--shape-width-lg) - 1300px) / 2 * -1);--shape-position-bp-huge-4: calc((100vw - 1300px)/-2) }.quiz__step .card__bg--custom svg[data-v-8cb9075c]{position:absolute;top:0}.quiz__step .card__bg--custom.blue svg[data-v-8cb9075c]{inset-inline-start:var(--shape-position-bp-medium)}.quiz__step .card__bg--custom.green svg[data-v-8cb9075c]{inset-inline-start:calc(var(--shape-position-bp-medium) - var(--card-width-bp-medium) - 20px)}.quiz__step .card__bg--custom.purple svg[data-v-8cb9075c]{inset-inline-start:calc(var(--shape-position-bp-medium) - (var(--card-width-bp-medium) * 2) - (20px * 2))}.quiz__step.card--blue .card__bg--custom[data-v-8cb9075c]{border-color:#ecf4f7}.quiz__step.card--blue .card__bg--custom svg path[data-v-8cb9075c]{fill:#ecf4f7}.quiz__step.card--green .card__bg--custom[data-v-8cb9075c]{border-color:#ebf6f1}.quiz__step.card--green .card__bg--custom svg path[data-v-8cb9075c]{fill:#ebf6f1}.quiz__step.card--purple .card__bg--custom[data-v-8cb9075c]{border-color:#f3eff5}.quiz__step.card--purple .card__bg--custom svg path[data-v-8cb9075c]{fill:#f3eff5}.quiz__step.card--yellow .card__bg--custom[data-v-8cb9075c]{border-color:#fcf7eb}.quiz__step.card--yellow .card__bg--custom svg path[data-v-8cb9075c]{fill:#fcf7eb}.quiz__step.card--red .card__bg--custom[data-v-8cb9075c]{border-color:#fdefef}.quiz__step.card--red .card__bg--custom svg path[data-v-8cb9075c]{fill:#fdefef}@media(max-width:767px){.quiz__step[data-v-8cb9075c]{box-shadow:none}.quiz__step[data-v-8cb9075c]:nth-of-type(1),.quiz__step[data-v-8cb9075c]:nth-of-type(2){border-bottom:1px solid #eeeff1}.quiz__step[data-v-8cb9075c]:nth-of-type(1),.quiz__step[data-v-8cb9075c]:nth-of-type(2),.quiz__step[data-v-8cb9075c]:nth-of-type(1) .card__line,.quiz__step[data-v-8cb9075c]:nth-of-type(2) .card__line{border-end-start-radius:0;border-end-end-radius:0}.quiz__step[data-v-8cb9075c]:nth-of-type(2),.quiz__step[data-v-8cb9075c]:nth-of-type(3),.quiz__step[data-v-8cb9075c]:nth-of-type(2) .card__line,.quiz__step[data-v-8cb9075c]:nth-of-type(3) .card__line{border-start-start-radius:0;border-start-end-radius:0}}@media(min-width:768px){.quiz__step .card__bg--custom svg[data-v-8cb9075c],.steps__bg svg[data-v-8cb9075c]{width:100vw;height:25px}}@media(min-width:1200px){.quiz__step .card__bg--custom svg[data-v-8cb9075c],.steps__bg svg[data-v-8cb9075c]{width:1920px;height:100px}.quiz__step .card__bg--custom[data-v-8cb9075c]{border-top-width:33px}.quiz__step .card__bg--custom.blue svg[data-v-8cb9075c]{inset-inline-start:var(--shape-position-bp-huge)}.quiz__step .card__bg--custom.green svg[data-v-8cb9075c]{inset-inline-start:calc(var(--shape-position-bp-huge) - var(--card-width-bp-huge) - 20px)}.quiz__step .card__bg--custom.purple svg[data-v-8cb9075c]{inset-inline-start:calc(var(--shape-position-bp-huge) - (var(--card-width-bp-huge) * 2) - (20px * 2))}}@media(min-width:1340px){.quiz__step .card__bg--custom.blue svg[data-v-8cb9075c]{inset-inline-start:var(--shape-position-bp-maxlayout)}.quiz__step .card__bg--custom.green svg[data-v-8cb9075c]{inset-inline-start:calc(var(--shape-position-bp-maxlayout) - 420px - 20px)}.quiz__step .card__bg--custom.purple svg[data-v-8cb9075c]{inset-inline-start:calc(var(--shape-position-bp-maxlayout) - (420px * 2) - (20px * 2))}}@media(min-width:1800px){.quiz__step .card__bg--custom svg[data-v-8cb9075c],.steps__bg svg[data-v-8cb9075c]{width:100vw}.quiz__step .card__bg--custom.blue svg[data-v-8cb9075c]{inset-inline-start:var(--shape-position-bp-huge-4)}.quiz__step .card__bg--custom.green svg[data-v-8cb9075c]{inset-inline-start:calc(var(--shape-position-bp-huge-4) - 420px)}.quiz__step .card__bg--custom.purple svg[data-v-8cb9075c]{inset-inline-start:calc(var(--shape-position-bp-huge-4) - (420px * 2) - (20px * 2))}}