@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)}}@layer pigment._oja1gz{.s11z7wk3{display:flex;justify-content:space-between;align-items:center;gap:calc(1 * var(--mui-spacing, 8px));min-width:120px;height:calc(4 * var(--mui-spacing, 8px));padding-inline:calc(.125 * var(--mui-spacing, 8px));padding-block:calc(.25 * var(--mui-spacing, 8px));border:1px solid #595959;border-radius:50px;background:#21242b;font-size:1.125rem}.s11z7wk3 span{font-size:.75rem;font-weight:600}.s11z7wk3.answer-status--pick{justify-content:center;padding-inline:calc(2 * var(--mui-spacing, 8px));padding-block:calc(.5 * var(--mui-spacing, 8px));font-size:1rem}.s11z7wk3.answer-status--picked{font-size:1rem}.s11z7wk3.answer-status--correct,.s11z7wk3.answer-status--picked{padding-right:calc(1 * var(--mui-spacing, 8px))}.s11z7wk3.answer-status--correct>svg{color:#35e600}.s11z7wk3.answer-status--wrong{padding-right:calc(1 * var(--mui-spacing, 8px))}.s11z7wk3.answer-status--wrong>svg{font-size:1rem;color:#ff005d}.s11z7wk3.answer-status--actual{padding-left:calc(1.5 * var(--mui-spacing, 8px));padding-right:calc(1 * var(--mui-spacing, 8px));padding-block:calc(.5 * var(--mui-spacing, 8px));border:0;border-radius:0}}@layer pigment._1cj9zhh{.s199bsyx{flex-grow:1;isolation:isolate;position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--mui-spacing, 8px));padding:calc(2 * var(--mui-spacing, 8px));border:1px solid #595959;transition:border .3s ease,background .3s ease}@media (hover:hover){.s199bsyx:has(button:hover){border:1px solid #f3f3f3;background:color-mix(in srgb,#f3f3f3 8%,transparent)}}.s199bsyx.answer-option--pick .answer-option__status{opacity:0;transition:opacity .3s ease}@media (hover:hover){.s199bsyx.answer-option--pick:has(button:hover) .answer-option__status{opacity:1}}.s199bsyx.answer-option--picked{border:2px solid #f3f3f3;background:color-mix(in srgb,#f3f3f3 12%,transparent)}.s199bsyx.answer-option--correct{border-color:#9bfe59;background:color-mix(in srgb,#35e600 50%,transparent)}.s199bsyx.answer-option--wrong{border-color:#ff6090;background:color-mix(in srgb,#d80158 50%,transparent)}@container pickemContainer (width > 1200px){.s199bsyx.answer-option:first-of-type:not(:has(~.s199bsyx.answer-option:nth-of-type(3))),.s199bsyx.answer-option:nth-of-type(2):not(:has(~.s199bsyx.answer-option:nth-of-type(3))){padding:calc(4 * var(--mui-spacing, 8px));padding-bottom:calc(1.5 * var(--mui-spacing, 8px))}.s199bsyx.answer-option:first-of-type:not(:has(~.s199bsyx.answer-option:nth-of-type(3))):is([class*="--closed"]),.s199bsyx.answer-option:nth-of-type(2):not(:has(~.s199bsyx.answer-option:nth-of-type(3))):is([class*="--closed"]){padding-bottom:calc(4 * var(--mui-spacing, 8px))}.s199bsyx.answer-option:first-of-type:not(:has(~.s199bsyx.answer-option:nth-of-type(3))) .answer-option__content,.s199bsyx.answer-option:nth-of-type(2):not(:has(~.s199bsyx.answer-option:nth-of-type(3))) .answer-option__content{align-self:flex-end;flex-direction:row-reverse;justify-content:flex-start;align-items:center}.s199bsyx.answer-option:first-of-type:not(:has(~.s199bsyx.answer-option:nth-of-type(3))) .answer-option__text,.s199bsyx.answer-option:nth-of-type(2):not(:has(~.s199bsyx.answer-option:nth-of-type(3))) .answer-option__text{align-items:flex-end}.s199bsyx.answer-option:first-of-type:not(:has(~.s199bsyx.answer-option:nth-of-type(3))) .answer-option__status,.s199bsyx.answer-option:nth-of-type(2):not(:has(~.s199bsyx.answer-option:nth-of-type(3))) .answer-option__status{margin-top:calc(-3 * var(--mui-spacing, 8px))}.s199bsyx.answer-option:nth-of-type(2):not(:has(~.s199bsyx.answer-option:nth-of-type(3))) .answer-option__content{align-self:flex-start;flex-direction:row;justify-content:flex-start}.s199bsyx.answer-option:nth-of-type(2):not(:has(~.s199bsyx.answer-option:nth-of-type(3))) .answer-option__text{align-items:flex-start}}.s199bsyx .answer-option__background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none}.s199bsyx .answer-option__background img{opacity:.05;filter:blur(5px);scale:1.05}.s199bsyx .answer-option__content{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--mui-spacing, 8px))}.s199bsyx .answer-option__text{display:flex;flex-direction:column;align-items:center;gap:calc(.5 * var(--mui-spacing, 8px))}.s199bsyx .answer-option__name{font-size:.875rem;font-weight:600;color:#f3f3f3;word-wrap:anywhere}@container pickemContainer (width > 1200px){.s199bsyx .answer-option__name{font-size:1.125rem}}.s199bsyx .answer-option__code{font-size:.75rem;font-weight:600;color:#b8b8b8}.s199bsyx .answer-option__image{position:relative;width:70px;aspect-ratio:1/1;background:#fff}@container pickemContainer (width > 1200px){.s199bsyx .answer-option__image{width:104px}}.s199bsyx .answer-option__button{position:absolute;inset:0;border:0;padding:0;background:transparent;cursor:pointer}.s199bsyx .answer-option__button span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@layer pigment._a5pih4{.s1fnwf5z{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:calc(2 * var(--mui-spacing, 8px))}@container pickemContainer (width > 600px){.s1fnwf5z{display:grid;grid-template-columns:1fr auto 1fr;gap:calc(4 * var(--mui-spacing, 8px))}.s1fnwf5z:has(.answer-option:nth-of-type(3)){display:grid;gap:calc(2 * var(--mui-spacing, 8px));grid-template-columns:repeat(3,1fr)}.s1fnwf5z:has(.answer-option:nth-last-child(n+4)){display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}@container pickemContainer (width > 1200px){.s1fnwf5z{gap:calc(6 * var(--mui-spacing, 8px))}}.s1fnwf5z .overlay{position:absolute;inset:calc(-2 * var(--mui-spacing, 8px));z-index:5;display:grid;place-items:center;background:hsla(0,0%,7%,.8);backdrop-filter:blur(6px)}.s1fnwf5z .versus{order:2;align-self:center;flex-grow:0;flex-shrink:0;display:flex;align-items:center;gap:calc(1 * var(--mui-spacing, 8px))}@container pickemContainer (width > 600px){.s1fnwf5z .versus{flex-direction:column;gap:0}}.s1fnwf5z .versus svg{font-size:1.25rem}.s1fnwf5z .versus span{font-size:.875rem;font-weight:600;text-transform:uppercase}@container pickemContainer (width > 1200px){.s1fnwf5z .versus span{font-size:2rem;line-height:1.2}}.s1fnwf5z:has(.answer-option:nth-of-type(3)) .versus{display:none}.s1fnwf5z:not(:has(.answer-option:nth-of-type(3))) .answer-option:first-of-type{order:1}.s1fnwf5z:not(:has(.answer-option:nth-of-type(3))) .answer-option:nth-of-type(2){order:3}}@layer pigment._1t2y1mr{.s1yxtyno{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:calc(2 * var(--mui-spacing, 8px))}@container pickemContainer (width > 600px){.s1yxtyno:has(.answer-option:nth-of-type(5)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@container pickemContainer (width > 900px){.s1yxtyno{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.s1yxtyno .overlay{position:absolute;inset:calc(-2 * var(--mui-spacing, 8px));z-index:5;display:grid;place-items:center;background:hsla(0,0%,7%,.8);backdrop-filter:blur(6px)}.s1yxtyno .answer-option{position:relative;display:flex;justify-content:space-between;align-items:center;padding-block:calc(1.5 * var(--mui-spacing, 8px));padding-inline:calc(2.5 * var(--mui-spacing, 8px));border:1px solid #595959;background:#21242b;text-align:left;font-size:1rem;font-weight:600;transition:background .3s ease,border .3s ease}@media (hover:hover){.s1yxtyno .answer-option:has(button:hover){border:1px solid #f3f3f3;background:color-mix(in srgb,#f3f3f3 8%,transparent)}}.s1yxtyno .answer-option--correct{border-color:#9bfe59;background:color-mix(in srgb,#35e600 50%,transparent)}.s1yxtyno .answer-option--wrong{border-color:#ff6090;background:color-mix(in srgb,#d80158 50%,transparent)}.s1yxtyno .answer-option--pick .answer-option__status{opacity:0;transition:opacity .3s ease}@media (hover:hover){.s1yxtyno .answer-option--pick:has(button:hover) .answer-option__status{opacity:1}}.s1yxtyno .answer-option--picked{border:2px solid #f3f3f3;background:color-mix(in srgb,#f3f3f3 12%,transparent)}.s1yxtyno .answer-option__button{position:absolute;z-index:5;inset:0;padding:0;border:0;background:transparent;cursor:pointer}}@layer pigment._18ff5kb{.s16yzwzy .overlay{position:fixed;z-index:5;inset:0;width:100%;height:100%;background:hsla(0,0%,7%,.8);backdrop-filter:blur(12px)}.s16yzwzy .bonus-point-popup{position:fixed;z-index:6;bottom:0;left:0;display:flex;flex-direction:column;gap:calc(2 * var(--mui-spacing, 8px));width:100%;height:min-content;padding:calc(2 * var(--mui-spacing, 8px));border-top:1px solid #595959;background:#2c2f36}@container pickemContainer (width > 600px){.s16yzwzy .bonus-point-popup{top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;border:1px solid #595959}}.s16yzwzy .bonus-point-popup__countdown{display:flex;align-items:center;gap:calc(1 * var(--mui-spacing, 8px))}.s16yzwzy .bonus-point-popup__description{display:flex;flex-direction:column;gap:calc(2 * var(--mui-spacing, 8px))}.s16yzwzy .bonus-point-popup__description h4{font-size:1.25rem;font-weight:600}.s16yzwzy .bonus-point-popup__description .confirm{font-weight:700}.s16yzwzy .bonus-point-popup__buttons{display:flex;justify-content:space-between;gap:calc(2 * var(--mui-spacing, 8px))}.s16yzwzy .bonus-point-popup__buttons>div{flex-basis:50%;flex-grow:1}}@layer pigment._1leypp7{.sa4ypr0 .overlay{position:fixed;z-index:5;inset:0;width:100%;height:100%;background:hsla(0,0%,7%,.8);backdrop-filter:blur(12px)}.sa4ypr0 .login-popup{position:fixed;z-index:6;bottom:0;left:0;display:flex;flex-direction:column;gap:calc(2 * var(--mui-spacing, 8px));width:100%;height:min-content;padding:calc(2 * var(--mui-spacing, 8px));border-top:1px solid #595959;background:#2c2f36}@container pickemContainer (width > 600px){.sa4ypr0 .login-popup{top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;border:1px solid #595959}}.sa4ypr0 .login-popup__title{color:#f3f3f3}.sa4ypr0 .login-popup__subtitle{color:#b8b8b8;font-size:.875rem}.sa4ypr0 .login-popup__subtitle a{color:#f3f3f3;font-weight:600;text-decoration:none;transition:color .3s ease}@media (hover:hover){.sa4ypr0 .login-popup__subtitle a:hover{color:#79fb0d}}}