@layer pigment._1xhmfry{.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(.25 * 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;-webkit-user-select:none;-moz-user-select: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;grid-gap:calc(4 * var(--mui-spacing, 8px));gap:calc(4 * var(--mui-spacing, 8px))}.s1fnwf5z:has(.answer-option:nth-of-type(3)){display:grid;grid-gap:calc(2 * var(--mui-spacing, 8px));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);-webkit-backdrop-filter:blur(6px);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);-webkit-backdrop-filter:blur(6px);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);-webkit-backdrop-filter:blur(12px);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);-webkit-backdrop-filter:blur(12px);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}}}