.ico_rank {
	width: var(--size);
	height: var(--size);
	display: inline-block;
	background: url(https://wf.cdn.gmru.net/static/wf.mail.ru/img/main/page/details/ranks.png) 0px var(--ico) / 100% auto no-repeat;
	--size: 32px;
	--i: 1;
	--ico: calc(var(--size) * var(--i) * -1 + var(--size));
}

.ico_rank.type1   {--i: 1}
.ico_rank.type2   {--i: 2}
.ico_rank.type3   {--i: 3}
.ico_rank.type4   {--i: 4}
.ico_rank.type5   {--i: 5}
.ico_rank.type6   {--i: 6}
.ico_rank.type7   {--i: 7}
.ico_rank.type8   {--i: 8}
.ico_rank.type9   {--i: 9}
.ico_rank.type10  {--i: 10}
.ico_rank.type11  {--i: 11}
.ico_rank.type12  {--i: 12}
.ico_rank.type13  {--i: 13}
.ico_rank.type14  {--i: 14}
.ico_rank.type15  {--i: 15}
.ico_rank.type16  {--i: 16}
.ico_rank.type17  {--i: 17}
.ico_rank.type18  {--i: 18}
.ico_rank.type19  {--i: 19}
.ico_rank.type20  {--i: 20}
.ico_rank.type21  {--i: 21}
.ico_rank.type22  {--i: 22}
.ico_rank.type23  {--i: 23}
.ico_rank.type24  {--i: 24}
.ico_rank.type25  {--i: 25}
.ico_rank.type26  {--i: 26}
.ico_rank.type27  {--i: 27}
.ico_rank.type28  {--i: 28}
.ico_rank.type29  {--i: 29}
.ico_rank.type30  {--i: 30}
.ico_rank.type31  {--i: 31}
.ico_rank.type32  {--i: 32}
.ico_rank.type33  {--i: 33}
.ico_rank.type34  {--i: 34}
.ico_rank.type35  {--i: 35}
.ico_rank.type36  {--i: 36}
.ico_rank.type37  {--i: 37}
.ico_rank.type38  {--i: 38}
.ico_rank.type39  {--i: 39}
.ico_rank.type40  {--i: 40}
.ico_rank.type41  {--i: 41}
.ico_rank.type42  {--i: 42}
.ico_rank.type43  {--i: 43}
.ico_rank.type44  {--i: 44}
.ico_rank.type45  {--i: 45}
.ico_rank.type46  {--i: 46}
.ico_rank.type47  {--i: 47}
.ico_rank.type48  {--i: 48}
.ico_rank.type49  {--i: 49}
.ico_rank.type50  {--i: 50}
.ico_rank.type51  {--i: 51}
.ico_rank.type52  {--i: 52}
.ico_rank.type53  {--i: 53}
.ico_rank.type54  {--i: 54}
.ico_rank.type55  {--i: 55}
.ico_rank.type56  {--i: 56}
.ico_rank.type57  {--i: 57}
.ico_rank.type58  {--i: 58}
.ico_rank.type59  {--i: 59}
.ico_rank.type60  {--i: 60}
.ico_rank.type61  {--i: 61}
.ico_rank.type62  {--i: 62}
.ico_rank.type63  {--i: 63}
.ico_rank.type64  {--i: 64}
.ico_rank.type65  {--i: 65}
.ico_rank.type66  {--i: 66}
.ico_rank.type67  {--i: 67}
.ico_rank.type68  {--i: 68}
.ico_rank.type69  {--i: 69}
.ico_rank.type70  {--i: 70}
.ico_rank.type71  {--i: 71}
.ico_rank.type72  {--i: 72}
.ico_rank.type73  {--i: 73}
.ico_rank.type74  {--i: 74}
.ico_rank.type75  {--i: 75}
.ico_rank.type76  {--i: 76}
.ico_rank.type77  {--i: 77}
.ico_rank.type78  {--i: 78}
.ico_rank.type79  {--i: 79}
.ico_rank.type80  {--i: 80}
.ico_rank.type81  {--i: 81}
.ico_rank.type82  {--i: 82}
.ico_rank.type83  {--i: 83}
.ico_rank.type84  {--i: 84}
.ico_rank.type85  {--i: 85}
.ico_rank.type86  {--i: 86}
.ico_rank.type87  {--i: 87}
.ico_rank.type88  {--i: 88}
.ico_rank.type89  {--i: 89}
.ico_rank.type90  {--i: 90}
.ico_rank.type91  {--i: 91}
.ico_rank.type92  {--i: 92}
.ico_rank.type93  {--i: 93}
.ico_rank.type94  {--i: 94}
.ico_rank.type95  {--i: 95}
.ico_rank.type96  {--i: 96}
.ico_rank.type97  {--i: 97}
.ico_rank.type98  {--i: 98}
.ico_rank.type99  {--i: 99}
.ico_rank.type100 {--i: 100}