.tpl__job__quiz{counter-reset:answers;display:flex;flex-direction:column;position:fixed;z-index:10;width:100vw;height:100vh;background-color:var(--neutral-light-key-color);background-image:linear-gradient(0deg, var(--neutral-mid-key-color) 0, var(--neutral-mid-key-color) 100%);background-size:100% 240rem;background-position:bottom center;background-repeat:no-repeat;opacity:0;pointer-events:none;overflow-y:auto}.tpl__job__quiz--active{opacity:1;pointer-events:all}.tpl__job__quiz__header{display:flex;position:relative;z-index:1;justify-content:space-between;align-items:center;padding:var(--padding-vertical) var(--padding-horizontal)}@media (min-width:1366px){.tpl__job__quiz__header{padding:38rem 125rem}}@media (min-width:1600px){.tpl__job__quiz__header{padding:55rem 140rem 45rem}}.tpl__job__quiz__close{display:flex;align-items:center;column-gap:15rem;justify-content:flex-end;cursor:pointer}.tpl__job__quiz__close .text{display:none}@media (min-width:768px){.tpl__job__quiz__close .text{display:block;text-transform:uppercase;font-size:20rem;font-weight:600}}.tpl__job__quiz__close svg{width:40rem;height:auto}@media (min-width:768px){.tpl__job__quiz__close svg{width:60rem}}.tpl__job__quiz__logo{display:block;width:160rem;max-width:50%}.tpl__job__quiz__logo>svg{width:100%;height:auto}@media (min-width:1024px){.tpl__job__quiz__logo{width:210rem}}@media (min-width:1366px){.tpl__job__quiz__logo{width:330rem}}.tpl__job__quiz__footer{display:flex;flex-direction:column;position:relative;z-index:1;justify-content:space-between;margin-top:auto;padding:var(--padding-vertical) var(--padding-horizontal);font-size:16rem;font-weight:400;align-items:flex-start}@media (min-width:768px){.tpl__job__quiz__footer{flex-direction:row;align-items:center}}@media (min-width:1366px){.tpl__job__quiz__footer{padding:38rem 125rem}}@media (min-width:1600px){.tpl__job__quiz__footer{padding:55rem 140rem 45rem}}@media (max-width:767px){.tpl__job__quiz__footer__info{order:1;margin-top:20rem}}.tpl__job__quiz__navigation{display:flex;width:100%;align-items:center;column-gap:20rem}@media (min-width:768px){.tpl__job__quiz__navigation{width:auto}}.tpl__job__quiz__navigation__text{margin-right:auto}@media (min-width:768px){.tpl__job__quiz__navigation__text{margin-right:0}}.tpl__job__quiz__navigation__button{display:flex;justify-content:center;align-items:center;width:48rem;height:48rem;background-color:var(--primary-key-color);color:#fff}.tpl__job__quiz__navigation__button:hover{background-color:var(--primary-dark-key-color)}.tpl__job__quiz__navigation__button--hidden{opacity:0.2;pointer-events:none}.tpl__job__quiz__content{display:block;width:100%;padding:0 var(--padding-horizontal);margin:0 auto}@media (min-width:860px){.tpl__job__quiz__content{max-width:768rem;padding:0}}.tpl__job__quiz__headline{font-size:30rem;font-weight:600;color:var(--secondary-key-color);margin-bottom:30rem}.tpl__job__quiz__step{counter-set:answers}.tpl__job__quiz__question{display:block;font-size:26rem;font-weight:600;margin-bottom:30rem}@media (min-width:540px){.tpl__job__quiz__question{font-size:36rem}}.tpl__job__quiz__answer{display:flex;align-items:flex-start;column-gap:20rem;margin-bottom:10rem;position:relative;padding:10rem 0}@media (min-width:1400px){.tpl__job__quiz__answer{padding:15rem 0}}.tpl__job__quiz__answer__input{position:absolute;top:0;left:0;width:100%;height:100%;appearance:none;cursor:pointer;margin:0;border:none;z-index:2}.tpl__job__quiz__answer__indicator{display:block;flex:0 0 55rem;height:auto;margin-top:-10rem;position:relative;z-index:1;line-height:0}@media (min-width:1400px){.tpl__job__quiz__answer__indicator{margin-top:-15rem}}.tpl__job__quiz__answer__indicator>svg{width:100%;height:auto}.tpl__job__quiz__answer__indicator:before{position:absolute;left:50%;top:50%;translate:-50% -50%;font-weight:600;color:var(--secondary-key-color);counter-increment:answers;content:counter(answers,upper-alpha);display:block}.tpl__job__quiz__answer__input:checked~.tpl__job__quiz__answer__text{color:var(--secondary-key-color)}.tpl__job__quiz__answer__input:checked~.tpl__job__quiz__answer__indicator:before{color:#fff}.tpl__job__quiz__answer__input:checked~.tpl__job__quiz__answer__indicator>svg path{fill:var(--secondary-key-color)}@media (pointer:fine){.tpl__job__quiz__answer:hover .tpl__job__quiz__answer__text{color:var(--secondary-key-color)}.tpl__job__quiz__answer:hover .tpl__job__quiz__answer__indicator:before{color:#fff}.tpl__job__quiz__answer:hover .tpl__job__quiz__answer__indicator>svg path{fill:var(--secondary-dark-key-color)}}.tpl__job__quiz__phase__caption{display:block;font-size:36rem;font-weight:600;margin-bottom:20rem}.tpl__job__quiz__submit{margin-top:20rem}