.char-select {
display: flex;
flex-flow: row wrap;
row-gap: 1px;
justify-content: center;
margin: 0.8em -1em;
font-size: 15px;
letter-spacing: -0.125ch;
}
.char-select > div {
margin-bottom: 1.8em;
width: 72px;
position: relative;
margin-left: -3px;
margin-right: -3px;
}
.char-select-text {
white-space: nowrap;
line-height: initial;
/**
* Not using text-align to center here because we want the long
* text ("Master Raven") to overflow a bit, and text-align doesn't
* center this
**/
text-align: left;
position: absolute;
left: 50%;
transform: translateX(-50%) translateX(-8px);
}
.char-select-img a {
margin: 0 auto;
display: block;
}
.char-select-img img {
background-image: url('https://wavu.wiki/w/images/5/55/T8-spritesheet.webp');
background-position: 200%;
}
.char-select-img.alisa img {
background-position: -1px -1px !important;
}
.char-select-img.asuka img {
background-position: -75px -1px !important;
}
.char-select-img.azucena img {
background-position: -149px -1px !important;
}
.char-select-img.bryan img {
background-position: -223px -1px !important;
}
.char-select-img.claudio img {
background-position: -297px -1px !important;
}
.char-select-img.devil-jin img {
background-position: -371px -1px !important;
}
.char-select-img.dragunov img {
background-position: -1px -91px !important;
}
.char-select-img.feng img {
background-position: -75px -91px !important;
}
.char-select-img.hwoarang img {
background-position: -149px -91px !important;
}
.char-select-img.jack-8 img {
background-position: -223px -91px !important;
}
.char-select-img.jin img {
background-position: -297px -91px !important;
}
.char-select-img.jun img {
background-position: -371px -91px !important;
}
.char-select-img.kazuya img {
background-position: -1px -181px !important;
}
.char-select-img.king img {
background-position: -75px -181px !important;
}
.char-select-img.kuma img {
background-position: -149px -181px !important;
}
.char-select-img.lars img {
background-position: -223px -181px !important;
}
.char-select-img.law img {
background-position: -297px -181px !important;
}
.char-select-img.lee img {
background-position: -371px -181px !important;
}
.char-select-img.leo img {
background-position: -1px -271px !important;
}
.char-select-img.leroy img {
background-position: -75px -271px !important;
}
.char-select-img.lili img {
background-position: -149px -271px !important;
}
.char-select-img.nina img {
background-position: -223px -271px !important;
}
.char-select-img.panda img {
background-position: -297px -271px !important;
}
.char-select-img.paul img {
background-position: -371px -271px !important;
}
.char-select-img.raven img {
background-position: -1px -361px !important;
}
.char-select-img.reina img {
background-position: -75px -361px !important;
}
.char-select-img.shaheen img {
background-position: -149px -361px !important;
}
.char-select-img.steve img {
background-position: -223px -361px !important;
}
.char-select-img.victor img {
background-position: -297px -361px !important;
}
.char-select-img.xiaoyu img {
background-position: -371px -361px !important;
}
.char-select-img.yoshimitsu img {
background-position: -1px -451px !important;
}
.char-select-img.zafina img {
background-position: -75px -451px !important;
}