@layer pigment._qrv4fy{.qgohu73 .question-status{display:flex;gap:calc(1 * var(--mui-spacing, 8px));align-items:center}@container pickemContainer (width > 1200px){.qgohu73 .question-status{flex-direction:column;text-align:center;gap:0}.qgohu73 .question-status .question-status__icon--correct,.qgohu73 .question-status .question-status__icon--countdown,.qgohu73 .question-status .question-status__icon--error,.qgohu73 .question-status .question-status__icon--missed,.qgohu73 .question-status .question-status__icon--wrong{margin-bottom:calc(1 * var(--mui-spacing, 8px))}}.qgohu73 .question-status__icon--correct{color:#35e600}.qgohu73 .question-status__icon--wrong{color:#ff005d}.qgohu73 .question-status__icon--missed{color:#d1c100}.qgohu73 .question-status__icon--error{color:red}.qgohu73 .question-status__label{font-size:.875rem;font-weight:600;color:#b8b8b8}.qgohu73 .question-status__label--small{font-size:.75rem;font-weight:400}.qgohu73 .question-status__label--bright{color:#e7e7e7}}@layer pigment._1cuvjis{.s16uwjko{display:grid;grid-template:"index status" auto "prompt_and_points prompt_and_points" auto "contents contents" auto/auto minmax(0,1fr)}@container pickemContainer (width > 600px){.s16uwjko{grid-template:"index status" auto "prompt_and_points prompt_and_points" auto "contents contents" auto/auto minmax(0,1fr)}}@container pickemContainer (width > 1200px){.s16uwjko{grid-template:"index prompt_and_points" auto "status contents" auto/100px minmax(0,1fr)}}.s16uwjko .slot-index{grid-area:index;padding-inline:calc(2 * var(--mui-spacing, 8px));padding-block:calc(1 * var(--mui-spacing, 8px));border:1px solid #414141;border-bottom:0;background:#2c2f36}@container pickemContainer (width > 1200px){.s16uwjko .slot-index{display:grid;place-items:center;border:1px solid #414141;border-right:0}}.s16uwjko .slot-status{grid-area:status;display:flex;align-items:center;padding-inline:calc(2 * var(--mui-spacing, 8px));background:#151820}@container pickemContainer (width > 1200px){.s16uwjko .slot-status{justify-content:center;text-align:center;border:1px solid #414141;border-top:0}}.s16uwjko .slot-prompt_and_points{grid-area:prompt_and_points;display:flex;flex-direction:column;gap:calc(2 * var(--mui-spacing, 8px));padding:calc(2 * var(--mui-spacing, 8px));border:1px solid #414141;background:#2c2f36}@container pickemContainer (width > 600px){.s16uwjko .slot-prompt_and_points{flex-direction:row;align-items:center}}@container pickemContainer (width > 1200px){.s16uwjko .slot-prompt_and_points{border-left:0}}.s16uwjko .prompt{display:flex;align-items:center;gap:calc(2 * var(--mui-spacing, 8px))}.s16uwjko .prompt svg{font-size:1.125rem}.s16uwjko .prompt h4{font-size:1rem;font-weight:600}@container pickemContainer (width > 900px){.s16uwjko .prompt h4{font-size:1.125rem}}.s16uwjko .points{align-self:center;display:flex;justify-content:center;align-items:center;gap:calc(1.5 * var(--mui-spacing, 8px))}.s16uwjko .points__basepoints{font-weight:600}.s16uwjko .points__basepoints,.s16uwjko .points__time-bonus{display:flex;align-items:center;gap:calc(.5 * var(--mui-spacing, 8px))}.s16uwjko .points__time-bonus{padding:calc(.5 * var(--mui-spacing, 8px));background:color-mix(in srgb,#f3f3f3 10%,transparent);font-size:.875rem}.s16uwjko .points__time-bonus__icon{display:grid;place-items:center;flex-shrink:0;width:calc(3 * var(--mui-spacing, 8px));aspect-ratio:1/1;background:color-mix(in srgb,#f3f3f3 20%,transparent)}.s16uwjko .points__time-bonus__points{display:flex;align-items:center;gap:calc(.5 * var(--mui-spacing, 8px));white-space:nowrap}.s16uwjko .points__time-bonus__countdown{color:#888;white-space:nowrap}@container pickemContainer (width > 600px){.s16uwjko .points{margin-left:auto;margin-right:0}}.s16uwjko .divider{width:100%;height:1px;background:#414141}@container pickemContainer (width > 600px){.s16uwjko .divider{display:none}}.s16uwjko .slot-contents{grid-area:contents;padding:calc(2 * var(--mui-spacing, 8px));border:1px solid #414141;border-top:0;background:#21242b}@container pickemContainer (width > 600px){.s16uwjko .slot-contents{padding:calc(4 * var(--mui-spacing, 8px))}}@container pickemContainer (width > 1200px){.s16uwjko .slot-contents{border-left:0}}.s16uwjko.question--draft{opacity:.64}.s16uwjko.question--correct .slot-index{background:#35e600;border-color:#9bfe59}.s16uwjko.question--correct .slot-index span{color:#151820}@container pickemContainer (width > 1200px){.s16uwjko.question--correct .slot-status{border-right-color:#9bfe59}}.s16uwjko.question--correct .slot-prompt_and_points{background:#35e600;border-color:#9bfe59;color:#151820}.s16uwjko.question--correct .slot-contents{border-color:#9bfe59}.s16uwjko.question--correct .points__time-bonus{background:color-mix(in srgb,#f3f3f3 25%,transparent)}.s16uwjko.question--correct .points__time-bonus__icon{background:color-mix(in srgb,#f3f3f3 50%,transparent)}.s16uwjko.question--wrong .slot-index{background:#d80158;border-color:#ff6090}@container pickemContainer (width > 1200px){.s16uwjko.question--wrong .slot-status{border-right-color:#ff6090}}.s16uwjko.question--wrong .slot-prompt_and_points{background:#d80158;border-color:#ff6090}.s16uwjko.question--wrong .slot-contents{border-color:#ff6090}.s16uwjko.question--wrong .points{position:relative}.s16uwjko.question--wrong .points:before{position:absolute;content:"";z-index:5;left:calc(-1 * var(--mui-spacing, 8px));top:50%;width:calc(100% + calc(2 * var(--mui-spacing, 8px)));height:1px;background:#fff}.s16uwjko.question--wrong .points__time-bonus{background:color-mix(in srgb,#f3f3f3 25%,transparent)}.s16uwjko.question--wrong .points__time-bonus__icon{background:color-mix(in srgb,#f3f3f3 50%,transparent)}}