.IndexContainer_page__lQ8Yv{--size:18vw;--total-cols:4;--total-rows:10;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:4rem 0 calc(4rem + var(--menu-height));overflow:hidden}@media only screen and (min-width:751px){.IndexContainer_page__lQ8Yv{--size:10rem;--total-cols:8;--total-rows:5}}.IndexContainer_page__lQ8Yv[data-mounted=false] *{transition:0s!important}.IndexContainer_cell__QXpm7{display:flex;justify-content:center;align-items:center;width:var(--size);height:var(--size);font-family:var(--font-yugo);font-size:calc(var(--size)*.5);opacity:var(--alpha);transition:opacity .32s calc(var(--index, 0)*50ms) linear}@media only screen and (min-width:751px){.IndexContainer_cell__QXpm7{font-size:calc(var(--size)*.4)}}.IndexContainer_header__56v4Z{display:flex;width:calc(var(--size)*var(--total-cols))}.IndexContainer_headerCharacter__bH2iX{cursor:not-allowed}.IndexContainer_characterContainer__TrOGR{position:relative;width:calc(var(--size)*var(--total-cols));height:calc(var(--size)*var(--total-rows))}.Character_cell__TmGlP{display:flex;justify-content:center;align-items:center;width:var(--size);height:var(--size);font-family:var(--font-yugo);font-size:calc(var(--size)*.5)}@media only screen and (min-width:751px){.Character_cell__TmGlP{font-size:calc(var(--size)*.4)}}.Character_character__DEXid{position:absolute;top:0;left:0;translate:calc(var(--col, 0)*var(--size)) calc(var(--row, 0)*var(--size));opacity:var(--alpha);transition:opacity .32s calc(var(--index, 0)*5ms) linear,translate .6s var(--ease-out-expo);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transform-style:preserve-3d;perspective:300px}.Character_character__DEXid.Character_isDragging__WWgVp .Character_characterCard__DJB_a{scale:.8}.Character_characterCard__DJB_a,.Character_characterText__h4OFn,.Character_characterThumbnail__CLt5a{position:absolute;inset:0}.Character_characterCard__DJB_a{transform-style:preserve-3d;transition:scale .46s var(--ease-out-expo),transition-origin .46s var(--ease-out-expo);transform-origin:var(--transform-origin,"center")}.Character_characterText__h4OFn,.Character_characterThumbnail__CLt5a{-webkit-backface-visibility:hidden;backface-visibility:hidden}.Character_characterText__h4OFn{display:grid;place-items:center}.Character_characterThumbnail__CLt5a{width:75%;height:75%;margin:auto;border-radius:50%;transform:rotateY(180deg);object-fit:cover}