4 font: 24px Source Sans Pro, Arial, sans-serif;
10 font: 700 1.2em Eurostile Extd,Source Sans Pro,sans-serif;
11 text-transform: uppercase;
15 background: url(sc2icon.png) no-repeat;
18 display: inline-block;
20 vertical-align: middle;
21 margin: -1ex .4em -1ex 0;
24 font: 700 .8em Eurostile, sans-serif;
25 text-transform: uppercase;
31 letter-spacing: .05em;
32 text-shadow: 0 2px 4px rgba(0, 0, 0, .8), 0 8px 16px rgba(0, 0, 0, .6);
36 text-decoration: none;
67 display: inline-block;
74 border: 2px solid #122A42;
76 max-width: calc(49vw - .8em - 16px);
81 transition-property: opacity, color, background, border;
89 .select > .select img {
90 border-color: #055CB3;
92 [data-members]:hover {
98 background: url(rank-none.png) no-repeat;
99 background-position: -100px 0;
102 display: inline-block;
104 vertical-align: middle;
106 .rank.bronze:before {
107 background-image: url(rank-bronze.png);
109 .rank.silver:before {
110 background-image: url(rank-silver.png);
113 background-image: url(rank-gold.png);
115 .rank.platinum:before {
116 background-image: url(rank-platinum.png);
118 .rank.diamond:before {
119 background-image: url(rank-diamond.png);
121 .rank.master:before {
122 background-image: url(rank-master.png);
124 .rank.grandmaster:before {
125 background-image: url(rank-grandmaster.png);
128 background-position: -100px -50px;
131 background-position: -100px -100px;
134 background-position: -100px -150px;
138 text-decoration: line-through;
151 grid-auto-columns: minmax(auto, max-content);
157 @media (min-width: 576px) {