/* Figma 951:11267. The author's composition retains its 320 × 320 frame. */
html:has([data-quiz-preparation]) .desktop-shell{background:var(--app-bg,#101010)}
#app:has([data-quiz-preparation]){width:100%;max-width:none;padding:0!important;min-height:100svh}
.quiz-preparation{min-height:100svh;color:var(--text-primary,#fff);font-family:"Medeo Sans",sans-serif;background:var(--app-bg,#101010)}
.quiz-preparation-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:min(832px,calc(100% - 32px));height:56px;margin:16px auto 0}
.quiz-preparation-header button,.quiz-preparation-body>button{display:flex;align-items:center;justify-content:center;gap:2px;height:56px;border:0;border-radius:28px;background:#1e1e1e;color:#a0a0a0;padding:16px;font:600 14px/20px "Medeo Sans",sans-serif;box-shadow:inset 0 0 0 1px #ffffff12;cursor:pointer;transition:background .3s ease,color .3s ease}
.quiz-preparation-header button img{width:24px;height:24px}.quiz-preparation-header button span{padding:0 4px}
.quiz-preparation-header h1{position:absolute;left:50%;transform:translateX(-50%);margin:0;display:flex;align-items:center;height:56px;padding:6px 32px;background:#1e1e1e;border-radius:999px;white-space:nowrap;font:700 16px/20px "Medeo Sans",sans-serif}
.quiz-preparation-body{display:flex;flex-direction:column;align-items:center;padding-top:103px;padding-bottom:40px;text-align:center}
.quiz-preparation-animation{width:min(320px,100%);height:auto;aspect-ratio:1;flex:none;overflow:hidden}.quiz-preparation-animation svg{display:block;width:100%;height:100%}
.quiz-preparation-body h2{width:min(290px,100%);margin:8px 0 24px;font:700 20px/24px "Medeo Sans",sans-serif}
.quiz-preparation-body>button{padding:16px 36px}.quiz-preparation-body>button+button{margin-top:12px}
.quiz-preparation-body>p{max-width:320px;margin:0 16px 20px;color:#a0a0a0;font:400 14px/20px "Medeo Sans",sans-serif}
.quiz-preparation-header button:focus-visible,.quiz-preparation-body>button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(hover:hover){.quiz-preparation-header button:hover,.quiz-preparation-body>button:hover{background:#303030;color:#fff}}
@media(max-width:719px){.quiz-preparation-header{height:48px}.quiz-preparation-header button{height:48px;width:48px;padding:12px}.quiz-preparation-header button span{display:none}.quiz-preparation-header h1{height:48px;padding:6px 16px;font-size:14px}.quiz-preparation-body{padding-top:max(16px,calc((100svh - 608px)/2))}}
@media(prefers-reduced-motion:reduce){.quiz-preparation button{transition:none}}

html[data-layout][data-viewport]:has([data-quiz-preparation]) .sidebar{display:none!important}
html[data-layout][data-viewport]:has([data-quiz-preparation]) .workspace{width:100%;max-width:none;margin:0;padding:0!important}
html[data-layout][data-viewport]:has([data-quiz-preparation]) .desktop-shell{padding:0;margin:0;max-width:none}
.quiz-preparation{display:flow-root;box-sizing:border-box}