[data-page=quiz_landing]>[data-section=header]{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));align-items:center;position:relative;height:var(--quiz_landing-header-height);box-sizing:border-box;overflow:hidden}[data-page=quiz_landing]>[data-section=header]>h1,[data-page=quiz_landing]>[data-section=header]>h2{z-index:1}[data-page=quiz_landing]>[data-section=header]>h1{align-self:end}[data-page=quiz_landing]>[data-section=header]>svg{position:absolute;right:0;top:0;height:calc(1*var(--quiz_landing-header-height));width:calc(1*var(--quiz_landing-header-height));transform-origin:20% 10%;transform:scale(2)}[data-page=quiz_landing].AC>[data-section=header]{background-color:var(--color-3-1);color:#fff}[data-page=quiz_landing].AD>[data-section=header]{background-color:var(--color-4-2);color:#fff}[data-page=quiz_landing].BD>[data-section=header]{background-color:var(--color-4-3);color:#fff}[data-page=quiz_landing].BU>[data-section=header]{background-color:var(--color-1-1);color:var(--color-3-1)}[data-page=quiz_landing].CO>[data-section=header]{background-color:var(--color-1-3);color:var(--color-3-1)}[data-page=quiz_landing].DE>[data-section=header]{background-color:var(--color-4-1);color:#fff}[data-page=quiz_landing].GR>[data-section=header]{background-color:var(--color-2-1);color:#fff}[data-page=quiz_landing].SA>[data-section=header]{background-color:var(--color-2-3);color:#fff}@media screen and (min-width: 951px){[data-page=quiz_landing]>[data-section=header]{--quiz_landing-header-max-width: 1600px;--quiz_landing-header-height: 300px;padding:0 var(--quiz_landing-padding-large)}[data-page=quiz_landing]>[data-section=header]>h1,[data-page=quiz_landing]>[data-section=header]>h2{max-width:var(--quiz_landing-header-max-width);width:100%;box-sizing:border-box;margin:0 auto}[data-page=quiz_landing]>[data-section=header] h1{font-size:min(96px,7vw)}[data-page=quiz_landing]>[data-section=header] h2{font-size:min(60px,4vw)}}@media screen and (max-width: 950px){[data-page=quiz_landing]>[data-section=header]{--quiz_landing-header-height: 300px;padding:0 var(--quiz_landing-padding-small)}[data-page=quiz_landing]>[data-section=header] h1{font-size:min(96px,8vw)}[data-page=quiz_landing]>[data-section=header] h2{font-size:min(60px,6vw)}}@media screen and (max-width: 700px){[data-page=quiz_landing]>[data-section=header]{--quiz_landing-header-height: 65px}[data-page=quiz_landing]>[data-section=header] h1{font-size:23px}[data-page=quiz_landing]>[data-section=header] h2{font-size:12px}}[data-page=quiz_landing]>[data-section=main]>div{display:flex;flex-direction:column;text-align:center;max-width:var(--quiz_landing-main-max-width);width:100%;margin:0 auto;padding:calc(2 * var(--quiz_landing-element-gap)) var(--quiz_landing-element-gap);box-sizing:border-box;border-radius:6px;background-color:#fff;box-shadow:15px 15px 15px var(--shadow-color)}[data-page=quiz_landing]>[data-section=main] a.button.filled{align-self:center;padding:.5rem;cursor:pointer}@media screen and (min-width: 951px){[data-page=quiz_landing]>[data-section=main]{--quiz_landing-main-max-width: 950px;padding:calc(2 * var(--quiz_landing-element-gap)) var(--quiz_landing-padding-large)}[data-page=quiz_landing]>[data-section=main]>div{gap:1.5rem}[data-page=quiz_landing]>[data-section=main]>div header>h3{display:inline}[data-page=quiz_landing]>[data-section=main]>div>header>h3{font-size:20px}}@media screen and (max-width: 950px){[data-page=quiz_landing]>[data-section=main]{--quiz_landing-main-max-width: 80%;padding:calc(2 * var(--quiz_landing-element-gap)) var(--quiz_landing-padding-small)}[data-page=quiz_landing]>[data-section=main]>div{gap:1rem}[data-page=quiz_landing]>[data-section=main]>div header>span{display:none}[data-page=quiz_landing]>[data-section=main]>div>header>h3{font-size:20px}}@media screen and (max-width: 700px){[data-page=quiz_landing]>[data-section=main]>div>header>h3{font-size:12px}}[data-page=quiz_landing]{--quiz_landing-padding-large: 60px;--quiz_landing-padding-small: 20px;background-color:var(--color-greyscale-1);--breadcrumbs-padding-small: var(--quiz_landing-padding-small);--breadcrumbs-padding-large: var(--quiz_landing-padding-large);--breadcrumbs-max-width: 1600px}@media screen and (min-width: 951px){[data-page=quiz_landing]{--quiz_landing-element-gap: 20px}}@media screen and (max-width: 950px){[data-page=quiz_landing]{--quiz_landing-element-gap: 10px}}@media screen and (max-width: 700px){[data-page=quiz_landing]{--quiz_landing-element-gap: 10px}[data-page=quiz_landing] h1{font-size:23px}[data-page=quiz_landing] h2,[data-page=quiz_landing] li,[data-page=quiz_landing] p,[data-page=quiz_landing] button{font-size:12px}}