.page-quiz .quiz-header__wrapper{align-items:flex-end;display:flex;height:66px;justify-content:space-between;padding-bottom:8px;position:relative}.page-quiz .quiz-header .logo{margin-bottom:4px}.page-quiz .quiz-header .logo a{display:block}.page-quiz .quiz-header .logo svg{height:32px;width:auto}.page-quiz .quiz-header:not([data-layout=quiz]) .logo{position:absolute;left:50%;top:50%;transform:translate(-42%,-62%)}@media (min-width: 1280px){.page-quiz .quiz-header__wrapper{align-items:center;padding-bottom:0}.page-quiz .quiz-header .logo{margin-bottom:0}.page-quiz .quiz-header[data-layout=quiz] .logo{position:absolute;left:50%;top:50%;transform:translate(-42%,-62%)}}.page-quiz .quiz-container{flex:1 1 0%;margin-left:auto;margin-right:auto;max-width:840px;text-align:center;width:100%}@media (min-width: 1280px){.page-quiz .quiz-container[data-type=QuizCheckbox]{max-width:560px}}.page-quiz .quiz-container[data-type=QuizDemographics]{max-width:390px;text-align:center}@media (min-width: 1280px){.page-quiz .quiz-container[data-type=QuizDemographics]{display:flex;flex-direction:column;justify-content:center;max-width:none;text-align:left}}.page-quiz .quiz-title+.quiz-container{display:flex;flex-direction:column;margin-top:16px}@media screen and (min-height: 800px){.page-quiz .quiz-title+.quiz-container{margin-top:24px}}@media (min-width: 1280px){.page-quiz .quiz-title+.quiz-container{justify-content:center;margin-top:24px}@media screen and (min-height: 740px){.page-quiz .quiz-title+.quiz-container{margin-top:40px}}}.page-quiz .quiz-footer{position:fixed;bottom:0;z-index:10;background-image:linear-gradient(to bottom,#f5f9fc00,#f5f9fc 15%)}.page-quiz .quiz-footer__wrapper{padding-top:24px;padding-bottom:24px;width:100%}.page-quiz .quiz-footer a{border-radius:100%;background-color:var(--color-outline);color:var(--color-gray);display:grid;height:48px;align-content:center;justify-content:center;place-content:center;width:48px}@media screen and (min-height: 800px){.page-quiz .quiz-footer__wrapper{padding-top:40px;padding-bottom:40px}}@media (max-width: 1279px){.page-quiz .quiz-footer{--btn-width: 240px }}@media (min-width: 1280px){.page-quiz .quiz-footer a{display:none}}.page-quiz .quiz-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-left:auto;margin-right:auto}.page-quiz .quiz-options[data-columns="3"]{max-width:626px}@media screen and (min-height: 680px){.page-quiz .quiz-options{gap:1rem}}@media screen and (max-width: 1279px) and (max-height: 600px){.page-quiz .quiz-options{padding-bottom:120px}}@media (min-width: 720px){.page-quiz .quiz-options{gap:.625rem}@media screen and (min-height: 840px){.page-quiz .quiz-options{gap:1rem}}}@media (min-width: 1280px){@media screen and (min-height: 740px){.page-quiz .quiz-options{gap:1rem}}}.page-quiz .quiz-demographics{display:grid;grid-template-areas:"gender" "age" "waist" "postal-code";grid-row-gap:1.5rem;row-gap:1.5rem}.page-quiz .quiz-demographics [data-col=gender]{grid-area:gender}.page-quiz .quiz-demographics [data-col=age]{grid-area:age}.page-quiz .quiz-demographics [data-col=waist]{grid-area:waist}.page-quiz .quiz-demographics [data-col=pregnancy]{grid-area:pregnancy}.page-quiz .quiz-demographics [data-col=menopausal]{grid-area:menopausal}.page-quiz .quiz-demographics [data-col=postal-code]{grid-area:postal-code}@media (max-width: 1279px){.page-quiz .quiz-demographics{padding-bottom:144px}.page-quiz .quiz-demographics[data-not-male=true]{grid-template-areas:"gender" "pregnancy" "menopausal" "age" "waist" "postal-code"}}@media (min-width: 1280px){.page-quiz .quiz-demographics{grid-template-areas:"gender age waist" ". postal-code .";grid-template-columns:max(30%,300px) max(30%,340px) max(30%,380px);justify-content:space-between;row-gap:3rem}@media screen and (min-height: 740px){.page-quiz .quiz-demographics{row-gap:4rem}}.page-quiz .quiz-demographics[data-not-male=true]{grid-template-areas:"gender age waist" "pregnancy menopausal postal-code"}}.page-quiz .cover-content{margin:0;overflow:hidden;position:relative;z-index:1}@media (min-width: 1280px){.page-quiz .cover-content{padding-top:24px;padding-bottom:120px}@media (min-height: 740px){.page-quiz .cover-content{padding-bottom:144px}}}body{background-color:var(--color-light)}