@layer pigment._1ups35m{.sgksvue>.geoGuessrContainer>.explanation{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(4 * var(--mui-spacing, 8px)) 0;gap:calc(3 * var(--mui-spacing, 8px))}@media (min-width:1200px){.sgksvue>.geoGuessrContainer>.explanation{gap:calc(4 * var(--mui-spacing, 8px))}}.sgksvue>.geoGuessrContainer>.explanation>.MuiTypography-root{text-align:center}.sgksvue>.geoGuessrContainer>.explanation>.MuiTypography-root>b{font-weight:700}.sgksvue>.geoGuessrContainer>.explanation>.play-button{display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;align-items:center;color:#fff;text-transform:unset;font-size:1.125rem;font-weight:700;padding:12px 24px;border-radius:100px;z-index:2;white-space:nowrap;transition:background .2s ease;background:#7950e5}@media (hover:hover){.sgksvue>.geoGuessrContainer>.explanation>.play-button:hover{background:#4a378c}}.sgksvue>.geoGuessrContainer>.creators{padding:calc(4 * var(--mui-spacing, 8px)) 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sgksvue>.geoGuessrContainer>.creators>h2{font-family:var(--fontNeoSans);font-size:2rem;color:#fff;font-weight:800;margin-top:calc(3 * var(--mui-spacing, 8px))}@media (min-width:900px){.sgksvue>.geoGuessrContainer>.creators>h2{font-size:3.25rem}}.sgksvue>.geoGuessrContainer>.creators>.creators-list{display:flex;flex-direction:column;gap:calc(3 * var(--mui-spacing, 8px));padding:calc(4 * var(--mui-spacing, 8px)) 0}@media (min-width:1200px){.sgksvue>.geoGuessrContainer>.creators>.creators-list{gap:calc(4 * var(--mui-spacing, 8px));display:grid;grid-template-columns:1fr 1fr}}.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator{background:#181928;padding:calc(2 * var(--mui-spacing, 8px));border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(3 * var(--mui-spacing, 8px))}@media (min-width:600px){.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator{flex-direction:row;align-items:flex-start}}.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.image-wrapper{flex-shrink:0;position:relative;width:126px;margin:0 auto;height:200px}.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.image-wrapper>img{object-fit:contain;object-position:center center}@media (min-width:600px){.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.image-wrapper>img{object-position:center}.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.image-wrapper{width:146px;height:200px}}@media (min-width:1200px){.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.image-wrapper{width:130px;height:170px}}.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.details{display:flex;flex-direction:column;gap:calc(2 * var(--mui-spacing, 8px));padding:calc(2 * var(--mui-spacing, 8px)) 0}.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.details>.location-and-name{display:flex;flex-direction:row;gap:calc(2 * var(--mui-spacing, 8px));align-items:center}.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.details>.location-and-name>.name{font-weight:900;font-size:1.25rem;font-family:var(--fontNeoSans)}.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.details>.socials{display:flex;flex-direction:row;gap:calc(2 * var(--mui-spacing, 8px));align-items:center}.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.details>.socials>.social{display:flex;width:48px;height:48px;flex-direction:row;gap:calc(1 * var(--mui-spacing, 8px));align-items:center;justify-content:center;background:#0a0c1d;border-radius:50%;color:#fff;transition:all .2s ease}@media (hover:hover){.sgksvue>.geoGuessrContainer>.creators>.creators-list>.creator>.details>.socials>.social:hover{background-color:#7950e5;color:#fff}}.sgksvue>.geoGuessrContainer>.creators>.join-us{color:#dcdcdc;display:block;padding-bottom:calc(2 * var(--mui-spacing, 8px));border-bottom:1px solid #181928;text-align:center}.sgksvue>.geoGuessrContainer>.creators>.join-us>a{color:#a19bd9;font-weight:700}.sgksvue>.geoGuessrContainer>.esports{display:flex;flex-direction:column;gap:calc(4 * var(--mui-spacing, 8px));padding:calc(3 * var(--mui-spacing, 8px)) 0}@media (min-width:900px){.sgksvue>.geoGuessrContainer>.esports{padding:calc(7 * var(--mui-spacing, 8px)) 0}}.sgksvue>.geoGuessrContainer>.esports>h2{font-family:var(--fontNotoSansJp);font-size:2rem;color:#fff;font-weight:800;text-align:center}@media (min-width:900px){.sgksvue>.geoGuessrContainer>.esports>h2{font-size:3.25rem}}.sgksvue>.geoGuessrContainer>.esports>.info{background:#181928;padding:calc(4 * var(--mui-spacing, 8px)) calc(2 * var(--mui-spacing, 8px));border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:calc(2 * var(--mui-spacing, 8px))}@media (min-width:900px){.sgksvue>.geoGuessrContainer>.esports>.info{gap:calc(3 * var(--mui-spacing, 8px));flex-direction:row;align-items:flex-start}}.sgksvue>.geoGuessrContainer>.esports>.info>.image-wrapper{width:230px;height:200px;flex-shrink:0;position:relative}.sgksvue>.geoGuessrContainer>.esports>.info>.image-wrapper>img{object-fit:contain;object-position:center}.sgksvue>.geoGuessrContainer>.esports>.info>.details{display:flex;gap:calc(2 * var(--mui-spacing, 8px));flex-direction:column}.sgksvue>.geoGuessrContainer>.esports>.info>.details>h3{font-family:var(--fontNotoSansJp);font-size:2rem;color:#fff;font-weight:800;text-transform:uppercase;text-align:center}@media (min-width:900px){.sgksvue>.geoGuessrContainer>.esports>.info>.details>h3{text-align:initial}}.sgksvue>.geoGuessrContainer>.esports>.info>.details>a{align-self:flex-start;display:block;color:#a19bd9;font-weight:700}.sgksvue h1{font-family:var(--fontNotoSansJp);font-size:1.5rem;color:#fff;font-weight:800;text-transform:uppercase;margin-top:calc(3 * var(--mui-spacing, 8px))}@media (min-width:600px){.sgksvue h1{font-size:1.75rem}}@media (min-width:900px){.sgksvue h1{font-size:3.125rem}}.sgksvue>.hero{width:calc(100% - calc(2 * var(--mui-spacing, 8px)));aspect-ratio:359/88;position:relative;margin:calc(1 * var(--mui-spacing, 8px));border-radius:4px;overflow:hidden}.sgksvue>.hero>img{object-fit:cover;object-position:center}}