@layer pigment._9gzolv{.sc8qppd{position:relative;grid-column:1/-1;display:grid;grid-template:"rank user points" auto/40px minmax(0,1fr) auto;padding-block:calc(2 * var(--mui-spacing, 8px));background:#21242b}.sc8qppd.isCurrentUser{border:1px solid #f3f3f3}.users .sc8qppd.isCurrentUser{margin-top:calc(3.5 * var(--mui-spacing, 8px))}@container pickemContainer (width > 600px){.sc8qppd{grid-template:unset;grid-template-columns:subgrid;grid-template-rows:auto auto}}.sc8qppd .current-user-tab{position:absolute;bottom:calc(100% + 1px);left:-1px;padding-inline:calc(1 * var(--mui-spacing, 8px));padding-block:calc(.5 * var(--mui-spacing, 8px));color:#fff;background:#ff005d;font-size:.75rem;font-weight:600;white-space:nowrap}.sc8qppd .slot__rank{grid-area:rank;grid-row:1/2;display:grid;place-items:center}@container pickemContainer (width > 600px){.sc8qppd .slot__rank{min-width:calc(7.5 * var(--mui-spacing, 8px));padding-left:calc(2 * var(--mui-spacing, 8px))}}@container pickemContainer (width > 900px){.sc8qppd .slot__rank{min-width:calc(12.5 * var(--mui-spacing, 8px))}}.sc8qppd .slot__rank span{display:flex;align-items:center;font-weight:600}.sc8qppd .rank-suffix{font-size:.75rem;color:#b8b8b8}.sc8qppd .slot__user{grid-area:user;grid-row:1/2;display:flex;align-items:center;gap:calc(1 * var(--mui-spacing, 8px))}.sc8qppd .user__text{display:flex;flex-direction:column}.sc8qppd .user__display-name{color:#f3f3f3;font-size:.875rem;font-weight:600}@container pickemContainer (width > 600px){.sc8qppd .user__display-name{font-size:1rem}}.sc8qppd .user__username{color:#b8b8b8;font-size:.75rem;font-weight:600}.sc8qppd .slot__correct-answers{display:none}@container pickemContainer (width > 900px){.sc8qppd .slot__correct-answers{display:grid;place-items:center start;grid-area:correct_answers;grid-row:1/2}}.sc8qppd .correct-answers{display:flex;align-items:center;gap:calc(.5 * var(--mui-spacing, 8px));font-size:.75rem}@container pickemContainer (width < 350px){.sc8qppd .correct-answers{width:100%;justify-content:center}}@container pickemContainer (width > 600px){.sc8qppd .correct-answers{font-size:1rem;gap:calc(.5 * var(--mui-spacing, 8px))}}@container pickemContainer (width > 900px){.sc8qppd .correct-answers{font-size:1.125rem}}@container pickemContainer (width > 1200px){.sc8qppd .correct-answers{font-size:1.25rem}}.sc8qppd .correct-answers__icon{color:#00a76a}.sc8qppd .correct-answers__text{display:flex;gap:calc(.5 * var(--mui-spacing, 8px));font-weight:600}.sc8qppd .correct-answers__correct{color:#00a76a}.sc8qppd .correct-answers__slash{color:#717171}.sc8qppd .correct-answers__total{color:#f3f3f3}.sc8qppd .slot__points{position:relative;grid-area:points;grid-row:1/2;display:flex;align-items:center;gap:calc(1 * var(--mui-spacing, 8px));padding-right:calc(2 * var(--mui-spacing, 8px))}@container pickemContainer (width > 900px){.sc8qppd .slot__points{padding-right:calc(3 * var(--mui-spacing, 8px))}}.sc8qppd .point-toggle{position:absolute;inset:0;border:0;background:transparent;cursor:pointer}.sc8qppd .point-toggle span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@container pickemContainer (width > 1200px){.sc8qppd .point-toggle{display:none}}.sc8qppd .toggle-indicator{transition:transform .3s;pointer-events:none}.sc8qppd .toggle-indicator.open{transform:rotate(180deg)}@container pickemContainer (width > 1200px){.sc8qppd .toggle-indicator{display:none!important}}.sc8qppd .points{display:flex;align-items:center;gap:calc(.5 * var(--mui-spacing, 8px))}.sc8qppd .points span{font-size:.875rem;font-weight:600}@container pickemContainer (width > 600px){.sc8qppd .points span{font-size:1rem}}@container pickemContainer (width > 900px){.sc8qppd .points span{font-size:1.125rem}}@container pickemContainer (width > 1200px){.sc8qppd .points span{font-size:1.25rem}}.sc8qppd .info .points span{font-size:.75rem}@container pickemContainer (width > 600px){.sc8qppd .info .points span{font-size:1rem}}@container pickemContainer (width > 900px){.sc8qppd .info .points span{font-size:1.125rem}}@container pickemContainer (width > 1200px){.sc8qppd .info .points span{font-size:1.25rem}}.sc8qppd .slot__calculation{display:none}@container pickemContainer (width > 1200px){.sc8qppd .slot__calculation{grid-area:calculation;grid-row:1/2;display:flex}}.sc8qppd .calculation{align-self:center;display:flex;justify-content:center;align-items:center;gap:calc(.5 * var(--mui-spacing, 8px));padding-inline:calc(.5 * var(--mui-spacing, 8px));padding-block:calc(1 * var(--mui-spacing, 8px));padding-right:calc(.75 * var(--mui-spacing, 8px));background:#2c2f36;font-size:.75rem}@container pickemContainer (width > 600px){.sc8qppd .calculation{font-size:1rem;gap:calc(1.5 * var(--mui-spacing, 8px));padding-inline:calc(2 * var(--mui-spacing, 8px));padding-right:calc(1.5 * var(--mui-spacing, 8px))}}.sc8qppd .calculation__terms{display:flex;justify-content:center;align-items:center;gap:calc(.5 * var(--mui-spacing, 8px))}@container pickemContainer (width > 600px){.sc8qppd .calculation__terms{gap:calc(1.5 * var(--mui-spacing, 8px))}}.sc8qppd .calculation__term{display:flex;justify-content:center;align-items:center;gap:calc(.5 * var(--mui-spacing, 8px));color:#f3f3f3;font-weight:600}.sc8qppd .calculation__operator{color:#595959}.sc8qppd .calculation__factor{display:grid;place-items:center;width:calc(2 * var(--mui-spacing, 8px));height:calc(2 * var(--mui-spacing, 8px));aspect-ratio:1/1;background:linear-gradient(90deg,#ff005d 0,red)}@container pickemContainer (width > 900px){.sc8qppd .calculation__factor{width:calc(3.25 * var(--mui-spacing, 8px));height:calc(3.25 * var(--mui-spacing, 8px))}}.sc8qppd .slot__info{grid-column:1/-1;grid-row:2/3}.sc8qppd .info{padding-top:.01px}.sc8qppd .info__inner{display:flex;justify-content:center;align-items:center;gap:calc(1 * var(--mui-spacing, 8px));margin-top:calc(2 * var(--mui-spacing, 8px));margin-inline:calc(2 * var(--mui-spacing, 8px));padding-top:calc(2 * var(--mui-spacing, 8px));border-top:1px solid #414141}@container pickemContainer (width < 350px){.sc8qppd .info__inner{flex-wrap:wrap}}@container pickemContainer (width > 600px){.sc8qppd .info__inner{gap:calc(2 * var(--mui-spacing, 8px))}}@container pickemContainer (width > 1200px){.sc8qppd .info__inner{display:none}}.sc8qppd .info__text{display:none;color:#f3f3f3;font-size:.875rem}@container pickemContainer (width > 900px){.sc8qppd .info__text{display:block}.sc8qppd .info .correct-answers{display:none}}@container pickemContainer (width < 600px){.sc8qppd .info .points{gap:calc(.25 * var(--mui-spacing, 8px))}.sc8qppd .info .points__icon{width:14px;height:15.5px}}}