.page--profession-explorer-page .app-header,.page--profession-explorer-page .app-footer{transition:all .5s ease}.page--profession-explorer-page .profession-quiz__start-button{margin-bottom:2rem}.page--profession-explorer-page .profession-quiz__start-button-text{margin-block-start:1rem}[data-quiz-state=start] .quiz__container--preview{max-height:30rem;background:var( --profession-explorer-preview-bg, var( --color-olive-green-200 ) );margin-bottom:var( --spacing-responsive-large );overflow:hidden;padding:var( --spacing-responsive-large )}[data-quiz-state=start] .quiz__container--preview .quiz__card{max-height:25rem;padding:var( --spacing-responsive-small )}[data-quiz-state=quiz]{overflow:hidden;height:100dvh;position:fixed;top:0;left:0;right:0;bottom:0;overscroll-behavior:contain;touch-action:none}body:has([data-quiz-state=quiz]) .dashboard-more-widget-2__outer-container,body:has([data-quiz-state=quiz]) .app-header,body:has([data-quiz-state=quiz]) .app-footer{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}[data-quiz-state=results] .profession-explorer__ranking{margin-bottom:1rem;background:var( --profession-explorer-ranking-bg, var( --color-olive-green-200 ) );padding:var( --spacing-responsive-small );border-radius:var( --profession-explorer-ranking-border-radius, 0 )}@media screen and (min-width:800px){[data-quiz-state=results] .profession-explorer__ranking{padding:var( --spacing-responsive-medium )}}@media screen and (min-width:1000px){[data-quiz-state=results] .profession-explorer__ranking{padding:var( --spacing-responsive-large )}}