@layer modules{.sb-quiz{--quiz-frame-color:var(--color-brand-secondary);--quiz-radius:10px;width:100%}.sb-quiz [hidden]{display:none!important}.sb-quiz__stage{width:100%}.sb-quiz__actions{margin-top:var(--space-medium)}.sb-quiz__actions,.sb-quiz__intro{display:flex;justify-content:center}.sb-quiz__intro{align-items:center;background-color:var(--color-neutral-background-alt);background-position:50%;background-size:cover;min-height:calc(100dvh - var(--scroll-padding-top, 0px));padding:var(--space-default) 0;position:relative;z-index:0}.sb-quiz__intro:before{background:rgba(30,30,30,.79);content:"";inset:0;position:absolute;z-index:-1}.sb-quiz__intro-panel{background:var(--color-neutral-background);padding:var(--space-medium) var(--space-small) var(--space-small);position:relative;z-index:0}.sb-quiz__intro-panel p{color:var(--color-neutral-text)}@media(min-width:768px){.sb-quiz__intro-panel{padding:var(--space-xlarge) var(--space-xlarge) var(--space-default)}}.sb-quiz__intro-panel:before{border:5px solid var(--quiz-frame-color);content:"";inset:var(--space-xsmall) var(--space-xsmall) calc(var(--space-default) + var(--space-xsmall));pointer-events:none;position:absolute;z-index:-1}@media(min-width:768px){.sb-quiz__intro-panel:before{inset:var(--space-default) var(--space-default) calc(var(--space-default)*1.75)}}.sb-quiz__intro-panel .sb-heading{margin-bottom:var(--space-xsmall)}.sb-quiz__intro-panel .sb-quiz__actions{margin-top:var(--space-small);position:relative;transform:translateY(-1rem)}.sb-quiz__questions{margin-inline:auto;max-width:90%;text-align:center;width:1160px}.sb-quiz__questions .sb-quiz__actions{margin-top:var(--space-small)}.sb-quiz__questions-header{margin:0 auto var(--space-large);max-width:800px}.sb-quiz__progress{align-items:center;display:flex;gap:var(--space-xxsmall);margin-top:var(--space-xsmall)}.sb-quiz__progress-bar{appearance:none;background-color:var(--hsf-progressbar-trackLine__background-color,var(--color-neutral-background-secondary));border:none;border-radius:10px;box-shadow:inset 0 4px 4px rgba(0,0,0,.05);flex-grow:1;height:20px;overflow:hidden}.sb-quiz__progress-bar::-webkit-progress-bar{background:transparent}.sb-quiz__progress-bar::-webkit-progress-value{background-color:var(--quiz-frame-color);border-radius:10px;transition:width .5s ease-out}.sb-quiz__progress-bar::-moz-progress-bar{background-color:var(--quiz-frame-color);border-radius:10px}@media(prefers-reduced-motion:reduce){.sb-quiz__progress-bar::-webkit-progress-value{transition:none}}.sb-quiz__progress-percent{min-width:4ch;text-align:right}.sb-quiz__question{border:none;margin:0;min-width:0;padding:0}.sb-quiz__question>:not(legend){clear:both}.sb-quiz__question-title{background:var(--color-neutral-background-tertiary);border-radius:var(--quiz-radius);color:var(--color-neutral-text);float:left;font-family:var(--body-font-family);font-size:var(--h3-font-mobile-size);font-weight:var(--h3-font-weight);line-height:1.35;margin-bottom:var(--space-medium);padding:var(--space-small);text-align:center;width:100%}@media(min-width:768px){.sb-quiz__question-title{padding:var(--space-medium)}}@media(min-width:1024px){.sb-quiz__question-title{font-size:var(--h3-font-size)}}.sb-quiz__answer-input{overflow:hidden;position:absolute;clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;padding:0;width:1px}.sb-quiz__answer{background:var(--color-neutral-background);border:.16rem solid color-mix(in srgb,var(--color-brand-primary) 30%,var(--color-neutral-background));border-radius:var(--quiz-radius);color:var(--color-neutral-text);cursor:pointer;display:block;font-family:var(--body-font-family);font-size:var(--body-font-small);font-weight:var(--body-font-weight);line-height:2;margin-bottom:var(--space-small);padding:var(--space-xsmall) var(--space-small);text-align:center;transition:border-color .2s,background-color .2s,color .2s;width:100%}@media(min-width:768px){.sb-quiz__answer{margin-bottom:var(--space-medium);padding:var(--space-small) var(--space-medium)}}.sb-quiz__answer:last-of-type{margin-bottom:0}.sb-quiz__answer-input:checked+.sb-quiz__answer,.sb-quiz__answer:hover{border-color:var(--color-neutral-background-alt)}.sb-quiz__answer-input:checked+.sb-quiz__answer{background:var(--color-neutral-background-alt);color:var(--color-neutral-text-alt)}.sb-quiz__answer-input:focus-visible+.sb-quiz__answer{outline:2px solid var(--focus-color);outline-offset:2px}.sb-quiz__error{background:color-mix(in srgb,var(--color-semantic-error) 15%,var(--color-neutral-background));border-radius:var(--quiz-radius);color:color-mix(in srgb,var(--color-semantic-error) 50%,#000);font-size:var(--body-font-medium);font-weight:700;margin:var(--space-small) 0 0;padding:var(--space-small)}.sb-quiz__results:focus{outline:none}.sb-quiz__results-intro{margin:0 auto var(--space-large);max-width:850px}.sb-quiz__cta,.sb-quiz__result{margin-inline:auto;max-width:var(--container-compact)}.sb-quiz__result{display:flex;flex-direction:column;position:relative;z-index:0}@media(min-width:1024px){.sb-quiz__result{flex-direction:row}}.sb-quiz__result:before{border:4px solid var(--quiz-frame-color);content:"";inset:var(--space-small);pointer-events:none;position:absolute;z-index:1}@media(min-width:768px){.sb-quiz__result:before{inset:var(--space-default)}}.sb-quiz__result-image{max-height:50vh;object-fit:cover;width:100%}@media(min-width:1024px){.sb-quiz__result-image{flex:0 0 30%;max-height:none;width:30%}}.sb-quiz__result-body{background:var(--color-neutral-background-quinary);flex-grow:1;padding:var(--space-default);text-align:left}@media(min-width:768px){.sb-quiz__result-body{padding:var(--space-xlarge)}}.sb-quiz__result-body .button{margin-top:var(--space-small)}.sb-quiz__result-title{margin-bottom:var(--space-xsmall)}.sb-quiz__cta{align-items:flex-start;background:var(--color-neutral-background);display:flex;flex-direction:column;gap:var(--space-small);padding:var(--space-small);text-align:left}@media(min-width:640px){.sb-quiz__cta{align-items:center;flex-direction:row;justify-content:space-between}}@media(min-width:768px){.sb-quiz__cta{padding:var(--space-default)}}.sb-quiz__cta .button{flex-shrink:0}@media(max-width:640px){.sb-quiz__cta .button{justify-content:center;width:100%}}.sb-quiz__cta-heading{margin:0}}