.page--middle-school-check .app{display:block}.page--middle-school-check .app-header,.page--middle-school-check .app-footer{transition:all .5s ease}.page--middle-school-check .middle-school-check__start-button{margin-block-start:2rem}[data-quiz-state=start] .quiz__container--preview{max-height:30rem;background:var( --color-theme-primary-200 );margin-bottom:var( --spacing-responsive-large );overflow:hidden;padding:var( --spacing-responsive-large )}@media screen and (max-width:600px){[data-quiz-state=start] .quiz__container--preview{max-height:20rem}}[data-quiz-state=start] .quiz__container--preview .quiz__card{max-height:25rem;margin-right:-15%;left:-5%;font-size:2vmin}@media screen and (max-width:600px){[data-quiz-state=start] .quiz__container--preview .quiz__card{left:-20%;margin-right:-30%;font-size:4vmin}}.app-content:has([data-quiz-state=start]){overflow:hidden}[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}[data-quiz-state=quiz]::-webkit-scrollbar{display:none}[data-quiz-state=quiz] .app-header,[data-quiz-state=quiz] .app-footer{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1}[data-quiz-state=quiz] .middle-school-check{position:relative;z-index:10}[data-quiz-state=quiz] .quiz__back{z-index:10}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] .middle-school-check__results{margin-bottom:1rem;background:var( --color-theme-primary-200 );padding:var( --spacing-responsive-small )}[data-quiz-state=results] .middle-school-check__button-group{display:flex;gap:1rem}@media screen and (min-width:800px){[data-quiz-state=results] .middle-school-check__results{padding:var( --spacing-responsive-medium )}}@media screen and (min-width:1000px){[data-quiz-state=results] .middle-school-check__results{padding:calc(var( --spacing-responsive-large ) * 2) var( --spacing-responsive-large )}}