.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( --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}html:has([data-quiz-state=quiz]){overflow:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style: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-quiz-results{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1.25rem}@media screen and (min-width:800px){[data-quiz-state=results] .profession-quiz-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:1100px){[data-quiz-state=results] .profession-quiz-results{grid-template-columns:repeat(3,minmax(0,1fr))}}[data-quiz-state=results] .profession-quiz-results .profession-card{margin-left:unset;margin-right:unset;width:100%;max-width:100%}[data-quiz-state=results] .profession-explorer__ranking{margin-bottom:1rem;background:var( --color-olive-green-200 );padding:var( --spacing-responsive-small )}@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 )}}