.ehaf_hr {
	margin: 10px 0 18px !important;
    max-width: unset !important;
}

.ehaf_hero_icon {
    display: none;
    width: 64px !important;
    height: 64px !important;
    border-radius: 10px;
    border: 1px solid #000;
    margin-left: 5px;
    margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}

.ehaf_equipment_icon {
    display: none;
    width: 64px !important;
    height: 64px !important;
    border-radius: 10px;
    border: 1px solid #000;
    margin-left: 5px;
    margin-bottom: 5px;
	overflow: hidden;
	position: relative;
	transform: scale(.80);
}

.ehaf_troops_icon {
    display: none;
    width: 64px !important;
    height: 64px !important;
    border-radius: 10px;
    border: 1px solid #000;
    margin-left: 5px;
    margin-bottom: 5px;
	overflow: hidden;
	position: relative;
	transform: scale(.80);
}

.ehaf_spells_icon {
    display: none;
    width: 64px !important;
    height: 64px !important;
    border-radius: 10px;
    border: 1px solid #000;
    margin-left: 5px;
    margin-bottom: 5px;
	overflow: hidden;
	position: relative;
	transform: scale(.90);
}

.ehaf_cards_icon {
    display: none;
	overflow: hidden;
	position: relative;
	transform: scale(.75);
}

.ehaf_level {
    background: #000;
    color: #fff;
    width: 20px;
    display: block;
    height: 20px;
    text-align: center;
    font-size: 13px;
    position: absolute;
    bottom: 0;
}

.ehaf_cr_level {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 24px;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-weight: bold;
    text-shadow: 0 0 5px #000;
}

:root {
    --royale-icons: url(./royale_icons.webp);
    --royale-cards: url(./royale_cards.webp);
    --clash-icons: url(./clash_icons.webp)
}

.cr-arena_1 {
    width: 64px;
    height: 77px;
    background: var(--royale-icons) -4px -4px;
	display: inline-block !important;
}

.cr-arena_2 {
    width: 64px;
    height: 73px;
    background: var(--royale-icons) -76px -4px;
	display: inline-block !important;
}

.cr-arena_3 {
    width: 64px;
    height: 87px;
    background: var(--royale-icons) -148px -4px;
	display: inline-block !important;
}

.cr-arena_4 {
    width: 64px;
    height: 71px;
    background: var(--royale-icons) -220px -4px;
	display: inline-block !important;
}

.cr-arena_5 {
    width: 64px;
    height: 78px;
    background: var(--royale-icons) -292px -4px;
	display: inline-block !important;
}

.cr-arena_6 {
    width: 64px;
    height: 78px;
    background: var(--royale-icons) -364px -4px;
	display: inline-block !important;
}

.cr-arena_7 {
    width: 64px;
    height: 69px;
    background: var(--royale-icons) -436px -4px;
	display: inline-block !important;
}

.cr-arena_8 {
    width: 64px;
    height: 70px;
    background: var(--royale-icons) -508px -4px;
	display: inline-block !important;
}

.cr-arena_9 {
    width: 64px;
    height: 67px;
    background: var(--royale-icons) -580px -4px;
	display: inline-block !important;
}

.cr-battle_challenge_classic {
    width: 64px;
    height: 59px;
    background: var(--royale-icons) -652px -4px;
	display: inline-block !important;
}

.cr-battle_challenge_grand {
    width: 64px;
    height: 58px;
    background: var(--royale-icons) -724px -4px;
	display: inline-block !important;
}

.cr-battle_friendly {
    width: 64px;
    height: 76px;
    background: var(--royale-icons) -796px -4px;
	display: inline-block !important;
}

.cr-battle_ladder {
    width: 64px;
    height: 57px;
    background: var(--royale-icons) -868px -4px;
	display: inline-block !important;
}

.cr-battle_team {
    width: 64px;
    height: 76px;
    background: var(--royale-icons) -940px -4px;
	display: inline-block !important;
}

.cr-battle_tournament {
    width: 64px;
    height: 72px;
    background: var(--royale-icons) -1012px -4px;
	display: inline-block !important;
}

.cr-blind {
    width: 64px;
    height: 60px;
    background: var(--royale-icons) -1084px -4px;
	display: inline-block !important;
}

.cr-book {
    width: 64px;
    height: 71px;
    background: var(--royale-icons) -1156px -4px;
	display: inline-block !important;
}

.cr-cards {
    width: 64px;
    height: 66px;
    background: var(--royale-icons) -1228px -4px;
	display: inline-block !important;
}

.cr-cards_left {
    width: 64px;
    height: 65px;
    background: var(--royale-icons) -1300px -4px;
	display: inline-block !important;
}

.cr-cardsq {
    width: 64px;
    height: 61px;
    background: var(--royale-icons) -1372px -4px;
	display: inline-block !important;
}

.cr-classic {
    width: 64px;
    height: 72px;
    background: var(--royale-icons) -1444px -4px;
	display: inline-block !important;
}

.cr-Common {
    width: 64px;
    height: 80px;
    background: var(--royale-icons) -1516px -4px;
	display: inline-block !important;
}

.cr-copy {
    width: 64px;
    height: 70px;
    background: var(--royale-icons) -1588px -4px;
	display: inline-block !important;
}

.cr-crown_blue {
    width: 64px;
    height: 53px;
    background: var(--royale-icons) -1660px -4px;
	display: inline-block !important;
}

.cr-crown_red {
    width: 64px;
    height: 55px;
    background: var(--royale-icons) -1732px -4px;
	display: inline-block !important;
}

.cr-double_elixir {
    width: 64px;
    height: 59px;
    background: var(--royale-icons) -1804px -4px;
	display: inline-block !important;
}

.cr-draft {
    width: 64px;
    height: 80px;
    background: var(--royale-icons) -1876px -4px;
	display: inline-block !important;
}

.cr-elixir {
    width: 64px;
    height: 71px;
    background: var(--royale-icons) -1948px -4px;
	display: inline-block !important;
}

.cr-Epic {
    width: 64px;
    height: 80px;
    background: var(--royale-icons) -2020px -4px;
	display: inline-block !important;
}

.cr-gem {
    width: 64px;
    height: 78px;
    background: var(--royale-icons) -2092px -4px;
	display: inline-block !important;
}

.cr-gems_card {
    width: 64px;
    height: 79px;
    background: var(--royale-icons) -2164px -4px;
	display: inline-block !important;
}

.cr-gold_card {
    width: 64px;
    height: 79px;
    background: var(--royale-icons) -2236px -4px;
	display: inline-block !important;
}

.cr-gold_coin {
    width: 64px;
    height: 69px;
    background: var(--royale-icons) -2308px -4px;
	display: inline-block !important;
}

.cr-grand {
    width: 64px;
    height: 72px;
    background: var(--royale-icons) -2380px -4px;
	display: inline-block !important;
}

.cr-Legendary {
    width: 64px;
    height: 87px;
    background: var(--royale-icons) -2452px -4px;
	display: inline-block !important;
}

.cr-logo {
    width: 64px;
    height: 77px;
    background: var(--royale-icons) -2524px -4px;
	display: inline-block !important;
}

.cr-playerlevel {
    width: 64px;
    height: 64px;
    background: var(--royale-icons) -2596px -4px;
	display: inline-block !important;
}

.cr-random_deck {
    width: 64px;
    height: 58px;
    background: var(--royale-icons) -2668px -4px;
	display: inline-block !important;
}

.cr-ranklegendary {
    width: 64px;
    height: 73px;
    background: var(--royale-icons) -2740px -4px;
	display: inline-block !important;
}

.cr-Rare {
    width: 64px;
    height: 80px;
    background: var(--royale-icons) -2812px -4px;
	display: inline-block !important;
}

.cr-sudden_death {
    width: 64px;
    height: 58px;
    background: var(--royale-icons) -2884px -4px;
	display: inline-block !important;
}

.cr-swords {
    width: 64px;
    height: 58px;
    background: var(--royale-icons) -2956px -4px;
	display: inline-block !important;
}

.cr-table {
    width: 64px;
    height: 71px;
    background: var(--royale-icons) -3028px -4px;
	display: inline-block !important;
}

.cr-tournament {
    width: 64px;
    height: 72px;
    background: var(--royale-icons) -3100px -4px;
	display: inline-block !important;
}

.cr-trophies {
    width: 64px;
    height: 62px;
    background: var(--royale-icons) -3172px -4px;
	display: inline-block !important;
}

.cr-trophies_legendary {
    width: 64px;
    height: 57px;
    background: var(--royale-icons) -3244px -4px;
	display: inline-block !important;
}

.cr-x {
    width: 64px;
    height: 65px;
    background: var(--royale-icons) -3316px -4px;
	display: inline-block !important;
}

.cr-card-Archer_Queen {
    width: 80px;
    height: 118px;
    background: var(--royale-cards) -2px -2px;
	display: inline-block !important;
}

.cr-card-Archers {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -86px -2px;
	display: inline-block !important;
}

.cr-card-Arrows {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -170px -2px;
	display: inline-block !important;
}

.cr-card-Baby_Dragon {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -254px -2px;
	display: inline-block !important;
}

.cr-card-Balloon {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -338px -2px;
	display: inline-block !important;
}

.cr-card-Bandit {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -422px -2px;
	display: inline-block !important;
}

.cr-card-Barbarian_Barrel {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -506px -2px;
	display: inline-block !important;
}

.cr-card-Barbarian_Hut {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -590px -2px;
	display: inline-block !important;
}

.cr-card-Barbarians {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -674px -2px;
	display: inline-block !important;
}

.cr-card-Bats {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -758px -2px;
	display: inline-block !important;
}

.cr-card-Battle_Healer {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -842px -2px;
	display: inline-block !important;
}

.cr-card-Battle_Ram {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -926px -2px;
	display: inline-block !important;
}

.cr-card-Bomb_Tower {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1010px -2px;
	display: inline-block !important;
}

.cr-card-Bomber {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1094px -2px;
	display: inline-block !important;
}

.cr-card-Bowler {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1178px -2px;
	display: inline-block !important;
}

.cr-card-Cannon {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1262px -2px;
	display: inline-block !important;
}

.cr-card-Cannon_Cart {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1346px -2px;
	display: inline-block !important;
}

.cr-card-Clone {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1430px -2px;
	display: inline-block !important;
}

.cr-card-Dark_Prince {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1514px -2px;
	display: inline-block !important;
}

.cr-card-Dart_Goblin {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1598px -2px;
	display: inline-block !important;
}

.cr-card-Earthquake {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1682px -2px;
	display: inline-block !important;
}

.cr-card-Electro_Dragon {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1766px -2px;
	display: inline-block !important;
}

.cr-card-Electro_Giant {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1850px -2px;
	display: inline-block !important;
}

.cr-card-Electro_Spirit {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -1934px -2px;
	display: inline-block !important;
}

.cr-card-Electro_Wizard {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -2018px -2px;
	display: inline-block !important;
}

.cr-card-Elite_Barbarians {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -2102px -2px;
	display: inline-block !important;
}

.cr-card-Elixir_Collector {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -2186px -2px;
	display: inline-block !important;
}

.cr-card-Elixir_Golem {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -2270px -2px;
	display: inline-block !important;
}

.cr-card-Executioner {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -2354px -2px;
	display: inline-block !important;
}

.cr-card-Fire_Spirit {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -2438px -2px;
	display: inline-block !important;
}

.cr-card-Fireball {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -2522px -2px;
	display: inline-block !important;
}

.cr-card-Firecracker {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -2606px -2px;
	display: inline-block !important;
}

.cr-card-Fisherman {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -2690px -2px;
	display: inline-block !important;
}

.cr-card-Flying_Machine {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -2774px -2px;
	display: inline-block !important;
}

.cr-card-Freeze {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -2858px -2px;
	display: inline-block !important;
}

.cr-card-Furnace {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -2942px -2px;
	display: inline-block !important;
}

.cr-card-Giant {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3026px -2px;
	display: inline-block !important;
}

.cr-card-Giant_Skeleton {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3110px -2px;
	display: inline-block !important;
}

.cr-card-Giant_Snowball {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3194px -2px;
	display: inline-block !important;
}

.cr-card-Goblin_Barrel {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3278px -2px;
	display: inline-block !important;
}

.cr-card-Goblin_Cage {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3362px -2px;
	display: inline-block !important;
}

.cr-card-Goblin_Curse {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3446px -2px;
	display: inline-block !important;
}

.cr-card-Goblin_Drill {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3530px -2px;
	display: inline-block !important;
}

.cr-card-Goblin_Demolisher {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3614px -2px;
	display: inline-block !important;
}

.cr-card-Goblin_Gang {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3698px -2px;
	display: inline-block !important;
}

.cr-card-Goblin_Giant {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3782px -2px;
	display: inline-block !important;
}

.cr-card-Goblin_Hut {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -3866px -2px;
	display: inline-block !important;
}

.cr-card-Goblin_Machine {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -3950px -2px;
	display: inline-block !important;
}

.cr-card-Goblins {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -4034px -2px;
	display: inline-block !important;
}

.cr-card-Goblinstein {
    width: 80px;
    height: 118px;
    background: var(--royale-cards) -4118px -2px;
	display: inline-block !important;
}

.cr-card-Golden_Knight {
    width: 80px;
    height: 118px;
    background: var(--royale-cards) -4202px -2px;
	display: inline-block !important;
}

.cr-card-Golem {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -4286px -2px;
	display: inline-block !important;
}

.cr-card-Graveyard {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -4370px -2px;
	display: inline-block !important;
}

.cr-card-Guards {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -4454px -2px;
	display: inline-block !important;
}

.cr-card-Heal_Spirit {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -4538px -2px;
	display: inline-block !important;
}

.cr-card-Hog_Rider {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -4622px -2px;
	display: inline-block !important;
}

.cr-card-Hunter {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -4706px -2px;
	display: inline-block !important;
}

.cr-card-Ice_Golem {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -4790px -2px;
	display: inline-block !important;
}

.cr-card-Ice_Spirit {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -4874px -2px;
	display: inline-block !important;
}

.cr-card-Ice_Wizard {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -4958px -2px;
	display: inline-block !important;
}

.cr-card-Inferno_Dragon {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -5042px -2px;
	display: inline-block !important;
}

.cr-card-Inferno_Tower {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -5126px -2px;
	display: inline-block !important;
}

.cr-card-Knight {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -5210px -2px;
	display: inline-block !important;
}

.cr-card-Lava_Hound {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -5294px -2px;
	display: inline-block !important;
}

.cr-card-Lightning {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -5378px -2px;
	display: inline-block !important;
}

.cr-card-Little_Prince {
    width: 80px;
    height: 118px;
    background: var(--royale-cards) -5462px -2px;
	display: inline-block !important;
}

.cr-card-Lumberjack {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -5546px -2px;
	display: inline-block !important;
}

.cr-card-Magic_Archer {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -5630px -2px;
	display: inline-block !important;
}

.cr-card-Mega_Knight {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -5714px -2px;
	display: inline-block !important;
}

.cr-card-Mega_Minion {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -5798px -2px;
	display: inline-block !important;
}

.cr-card-Mighty_Miner {
    width: 80px;
    height: 118px;
    background: var(--royale-cards) -5882px -2px;
	display: inline-block !important;
}

.cr-card-Miner {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -5966px -2px;
	display: inline-block !important;
}

.cr-card-Mini_P_E_K_K_A {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -6050px -2px;
	display: inline-block !important;
}

.cr-card-Minion_Horde {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -6134px -2px;
	display: inline-block !important;
}

.cr-card-Minions {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -6218px -2px;
	display: inline-block !important;
}

.cr-card-Mirror {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -6302px -2px;
	display: inline-block !important;
}

.cr-card-Monk {
    width: 80px;
    height: 118px;
    background: var(--royale-cards) -6386px -2px;
	display: inline-block !important;
}

.cr-card-Mortar {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -6470px -2px;
	display: inline-block !important;
}

.cr-card-Mother_Witch {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -6554px -2px;
	display: inline-block !important;
}

.cr-card-Musketeer {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -6638px -2px;
	display: inline-block !important;
}

.cr-card-Night_Witch {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -6722px -2px;
	display: inline-block !important;
}

.cr-card-P_E_K_K_A {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -6806px -2px;
	display: inline-block !important;
}

.cr-card-Phoenix {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -6890px -2px;
	display: inline-block !important;
}

.cr-card-Poison {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -6974px -2px;
	display: inline-block !important;
}

.cr-card-Prince {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -7058px -2px;
	display: inline-block !important;
}

.cr-card-Princess {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -7142px -2px;
	display: inline-block !important;
}

.cr-card-Rage {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -7226px -2px;
	display: inline-block !important;
}

.cr-card-Ram_Rider {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -7310px -2px;
	display: inline-block !important;
}

.cr-card-Rascals {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -7394px -2px;
	display: inline-block !important;
}

.cr-card-Rocket {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -7478px -2px;
	display: inline-block !important;
}

.cr-card-Royal_Delivery {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -7562px -2px;
	display: inline-block !important;
}

.cr-card-Royal_Ghost {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -7646px -2px;
	display: inline-block !important;
}

.cr-card-Royal_Giant {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -7730px -2px;
	display: inline-block !important;
}

.cr-card-Royal_Hogs {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -7814px -2px;
	display: inline-block !important;
}

.cr-card-Royal_Recruits {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -7898px -2px;
	display: inline-block !important;
}

.cr-card-Skeleton_Army {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -7982px -2px;
	display: inline-block !important;
}

.cr-card-Skeleton_Barrel {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -8066px -2px;
	display: inline-block !important;
}

.cr-card-Skeleton_Dragons {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -8150px -2px;
	display: inline-block !important;
}

.cr-card-Skeleton_King {
    width: 80px;
    height: 118px;
    background: var(--royale-cards) -8234px -2px;
	display: inline-block !important;
}

.cr-card-Skeletons {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -8318px -2px;
	display: inline-block !important;
}

.cr-card-Sparky {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -8402px -2px;
	display: inline-block !important;
}

.cr-card-Spear_Goblins {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -8486px -2px;
	display: inline-block !important;
}

.cr-card-Suspicious_Bush {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -8570px -2px;
	display: inline-block !important;
}

.cr-card-Tesla {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -8654px -2px;
	display: inline-block !important;
}

.cr-card-The_Log {
    width: 80px;
    height: 109px;
    background: var(--royale-cards) -8738px -2px;
	display: inline-block !important;
}

.cr-card-Three_Musketeers {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -8822px -2px;
	display: inline-block !important;
}

.cr-card-Tombstone {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -8906px -2px;
	display: inline-block !important;
}

.cr-card-Tornado {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -8990px -2px;
	display: inline-block !important;
}

.cr-card-Valkyrie {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -9074px -2px;
	display: inline-block !important;
}

.cr-card-Void {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -9158px -2px;
	display: inline-block !important;
}

.cr-card-Wall_Breakers {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -9242px -2px;
	display: inline-block !important;
}

.cr-card-Witch {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -9326px -2px;
	display: inline-block !important;
}

.cr-card-Wizard {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -9410px -2px;
	display: inline-block !important;
}

.cr-card-X_Bow {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -9494px -2px;
	display: inline-block !important;
}

.cr-card-Zap {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -9578px -2px;
	display: inline-block !important;
}

.cr-card-Zappies {
    width: 80px;
    height: 100px;
    background: var(--royale-cards) -9662px -2px;
	display: inline-block !important;
}

.coc-Spiky_Ball {
    width: 64px;
    height: 62px;
    background: var(--clash-icons) -53px -1px;
	display: inline-block !important;
}

.coc-Spirit_Fox {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -119px -1px;
	display: inline-block !important;
}

.coc-Stone_Slammer {
    width: 64px;
    height: 85px;
    background: var(--clash-icons) -185px -1px;
	display: inline-block !important;
}

.coc-supercell_id {
    width: 200px;
    height: 43px;
    background: var(--clash-icons) -9323px -1px;
	display: inline-block !important;
}

.coc-th_1 {
    width: 64px;
    height: 60px;
    background: var(--clash-icons) -251px -1px;
	display: inline-block !important;
}

.coc-th_2 {
    width: 64px;
    height: 62px;
    background: var(--clash-icons) -317px -1px;
	display: inline-block !important;
}

.coc-th_3 {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -383px -1px;
	display: inline-block !important;
}

.coc-th_4 {
    width: 64px;
    height: 69px;
    background: var(--clash-icons) -449px -1px;
	display: inline-block !important;
}

.coc-th_5 {
    width: 64px;
    height: 69px;
    background: var(--clash-icons) -515px -1px;
	display: inline-block !important;
}

.coc-th_6 {
    width: 64px;
    height: 69px;
    background: var(--clash-icons) -581px -1px;
	display: inline-block !important;
}

.coc-th_7 {
    width: 64px;
    height: 69px;
    background: var(--clash-icons) -647px -1px;
	display: inline-block !important;
}

.coc-th_8 {
    width: 64px;
    height: 73px;
    background: var(--clash-icons) -713px -1px;
	display: inline-block !important;
}

.coc-th_9 {
    width: 64px;
    height: 70px;
    background: var(--clash-icons) -779px -1px;
	display: inline-block !important;
}

.coc-th_10 {
    width: 64px;
    height: 76px;
    background: var(--clash-icons) -845px -1px;
	display: inline-block !important;
}

.coc-th_11 {
    width: 64px;
    height: 71px;
    background: var(--clash-icons) -911px -1px;
	display: inline-block !important;
}

.coc-th_12 {
    width: 64px;
    height: 71px;
    background: var(--clash-icons) -977px -1px;
	display: inline-block !important;
}

.coc-th_13 {
    width: 64px;
    height: 66px;
    background: var(--clash-icons) -1043px -1px;
	display: inline-block !important;
}

.coc-th_14 {
    width: 64px;
    height: 68px;
    background: var(--clash-icons) -1109px -1px;
	display: inline-block !important;
}

.coc-th_15 {
    width: 64px;
    height: 79px;
    background: var(--clash-icons) -1175px -1px;
	display: inline-block !important;
}

.coc-th_16 {
    width: 64px;
    height: 75px;
    background: var(--clash-icons) -1241px -1px;
	display: inline-block !important;
}

.coc-th_17 {
    width: 64px;
    height: 72px;
    background: var(--clash-icons) -1307px -1px;
	display: inline-block !important;
}

.coc-Unicorn {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -1373px -1px;
	display: inline-block !important;
}

.coc-Valkyrie {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -1439px -1px;
	display: inline-block !important;
}

.coc-Vampstache {
    width: 64px;
    height: 50px;
    background: var(--clash-icons) -1505px -1px;
	display: inline-block !important;
}

.coc-Wall_Breaker {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -1571px -1px;
	display: inline-block !important;
}

.coc-Wall_Wrecker {
    width: 64px;
    height: 70px;
    background: var(--clash-icons) -1637px -1px;
	display: inline-block !important;
}

.coc-Witch {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -1703px -1px;
	display: inline-block !important;
}

.coc-Wizard {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -1769px -1px;
	display: inline-block !important;
}

.coc-xp_icon {
    width: 94px;
    height: 97px;
    background: var(--clash-icons) -9227px -1px;
	display: inline-block !important;
}

.coc-Yeti {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -1835px -1px;
	display: inline-block !important;
}

.coc-Angry_Jelly {
    width: 64px;
    height: 62px;
    background: var(--clash-icons) -1901px -1px;
	display: inline-block !important;
}

.coc-Apprentice_Warden {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -1967px -1px;
	display: inline-block !important;
}

.coc-Archer {
    width: 64px;
    height: 72px;
    background: var(--clash-icons) -2033px -1px;
	display: inline-block !important;
}

.coc-Archer_Puppet {
    width: 64px;
    height: 66px;
    background: var(--clash-icons) -2099px -1px;
	display: inline-block !important;
}

.coc-Archer_Queen {
    width: 64px;
    height: 68px;
    background: var(--clash-icons) -2165px -1px;
	display: inline-block !important;
}

.coc-Baby_Dragon {
    width: 64px;
    height: 74px;
    background: var(--clash-icons) -2231px -1px;
	display: inline-block !important;
}

.coc-Balloon {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -2297px -1px;
	display: inline-block !important;
}

.coc-Barbarian {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -2363px -1px;
	display: inline-block !important;
}

.coc-Barbarian_King {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -2429px -1px;
	display: inline-block !important;
}

.coc-Barbarian_Puppet {
    width: 64px;
    height: 69px;
    background: var(--clash-icons) -2495px -1px;
	display: inline-block !important;
}

.coc-Bat_Spell {
    width: 64px;
    height: 62px;
    background: var(--clash-icons) -2561px -1px;
	display: inline-block !important;
}

.coc-Battle_Blimp {
    width: 64px;
    height: 67px;
    background: var(--clash-icons) -2627px -1px;
	display: inline-block !important;
}

.coc-Battle_Copter {
    width: 64px;
    height: 83px;
    background: var(--clash-icons) -2693px -1px;
	display: inline-block !important;
}

.coc-Battle_Drill {
    width: 64px;
    height: 77px;
    background: var(--clash-icons) -2759px -1px;
	display: inline-block !important;
}

.coc-Battle_Machine {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -2825px -1px;
	display: inline-block !important;
}

.coc-Beta_Minion {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -2891px -1px;
	display: inline-block !important;
}

.coc-bh_1 {
    width: 64px;
    height: 56px;
    background: var(--clash-icons) -2957px -1px;
	display: inline-block !important;
}

.coc-bh_2 {
    width: 64px;
    height: 55px;
    background: var(--clash-icons) -3023px -1px;
	display: inline-block !important;
}

.coc-bh_3 {
    width: 64px;
    height: 63px;
    background: var(--clash-icons) -3089px -1px;
	display: inline-block !important;
}

.coc-bh_4 {
    width: 64px;
    height: 66px;
    background: var(--clash-icons) -3155px -1px;
	display: inline-block !important;
}

.coc-bh_5 {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -3221px -1px;
	display: inline-block !important;
}

.coc-bh_7 {
    width: 64px;
    height: 66px;
    background: var(--clash-icons) -3287px -1px;
	display: inline-block !important;
}

.coc-bh_6 {
    width: 64px;
    height: 63px;
    background: var(--clash-icons) -3353px -1px;
	display: inline-block !important;
}

.coc-bh_8 {
    width: 64px;
    height: 73px;
    background: var(--clash-icons) -3419px -1px;
	display: inline-block !important;
}

.coc-bh_9 {
    width: 64px;
    height: 67px;
    background: var(--clash-icons) -3485px -1px;
	display: inline-block !important;
}

.coc-Bomber {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -3551px -1px;
	display: inline-block !important;
}

.coc-Bowler {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -3617px -1px;
	display: inline-block !important;
}

.coc-Boxer_Giant {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -3683px -1px;
	display: inline-block !important;
}

.coc-brawl_stars {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -3749px -1px;
	display: inline-block !important;
}

.coc-Cannon_Cart {
    width: 64px;
    height: 59px;
    background: var(--clash-icons) -3815px -1px;
	display: inline-block !important;
}

.coc-clash_of_clans {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -3881px -1px;
	display: inline-block !important;
}

.coc-clash_royale {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -3947px -1px;
	display: inline-block !important;
}

.coc-Clone_Spell {
    width: 64px;
    height: 63px;
    background: var(--clash-icons) -4079px -1px;
	display: inline-block !important;
}

.coc-Dark_Orb {
    width: 64px;
    height: 63px;
    background: var(--clash-icons) -4145px -1px;
	display: inline-block !important;
}

.coc-Diggy {
    width: 64px;
    height: 63px;
    background: var(--clash-icons) -4211px -1px;
	display: inline-block !important;
}

.coc-Dragon {
    width: 64px;
    height: 68px;
    background: var(--clash-icons) -4277px -1px;
	display: inline-block !important;
}

.coc-Dragon_Rider {
    width: 64px;
    height: 63px;
    background: var(--clash-icons) -4343px -1px;
	display: inline-block !important;
}

.coc-Drop_Ship {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -4409px -1px;
	display: inline-block !important;
}

.coc-Earthquake_Boots {
    width: 64px;
    height: 61px;
    background: var(--clash-icons) -4475px -1px;
	display: inline-block !important;
}

.coc-Earthquake_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -4541px -1px;
	display: inline-block !important;
}

.coc-Electro_Boots {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -4607px -1px;
	display: inline-block !important;
}

.coc-Electro_Dragon {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -4673px -1px;
	display: inline-block !important;
}

.coc-Electro_Owl {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -4739px -1px;
	display: inline-block !important;
}

.coc-Electro_Titan {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -4805px -1px;
	display: inline-block !important;
}

.coc-Electrofire_Wizard {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -4871px -1px;
	display: inline-block !important;
}

.coc-Eternal_Tome {
    width: 64px;
    height: 63px;
    background: var(--clash-icons) -4937px -1px;
	display: inline-block !important;
}

.coc-Fireball {
    width: 64px;
    height: 75px;
    background: var(--clash-icons) -5003px -1px;
	display: inline-block !important;
}

.coc-Flame_Flinger {
    width: 64px;
    height: 82px;
    background: var(--clash-icons) -5069px -1px;
	display: inline-block !important;
}

.coc-Freeze_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5135px -1px;
	display: inline-block !important;
}

.coc-Frosty {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5201px -1px;
	display: inline-block !important;
}

.coc-Frozen_Arrow {
    width: 64px;
    height: 66px;
    background: var(--clash-icons) -5267px -1px;
	display: inline-block !important;
}

.coc-Giant {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5333px -1px;
	display: inline-block !important;
}

.coc-Giant_Arrow {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5399px -1px;
	display: inline-block !important;
}

.coc-Giant_Gauntlet {
    width: 64px;
    height: 67px;
    background: var(--clash-icons) -5465px -1px;
	display: inline-block !important;
}

.coc-Goblin {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5531px -1px;
	display: inline-block !important;
}

.coc-Golem {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5597px -1px;
	display: inline-block !important;
}

.coc-Grand_Warden {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5663px -1px;
	display: inline-block !important;
}

.coc-Haste_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5729px -1px;
	display: inline-block !important;
}

.coc-Haste_Vial {
    width: 64px;
    height: 62px;
    background: var(--clash-icons) -5795px -1px;
	display: inline-block !important;
}

.coc-hay_day {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5861px -1px;
	display: inline-block !important;
}

.coc-Headhunter {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5927px -1px;
	display: inline-block !important;
}

.coc-Healer {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -5993px -1px;
	display: inline-block !important;
}

.coc-Healer_Puppet {
    width: 64px;
    height: 71px;
    background: var(--clash-icons) -6059px -1px;
	display: inline-block !important;
}

.coc-Healing_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -6125px -1px;
	display: inline-block !important;
}

.coc-Healing_Tome {
    width: 64px;
    height: 63px;
    background: var(--clash-icons) -6191px -1px;
	display: inline-block !important;
}

.coc-Henchmen_Puppet {
    width: 64px;
    height: 70px;
    background: var(--clash-icons) -6257px -1px;
	display: inline-block !important;
}

.coc-Heroic_Torch {
    width: 64px;
    height: 72px;
    background: var(--clash-icons) -6323px -1px;
	display: inline-block !important;
}

.coc-Hog_Glider {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -6389px -1px;
	display: inline-block !important;
}

.coc-Hog_Rider {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -6455px -1px;
	display: inline-block !important;
}

.coc-Hog_Rider_Puppet {
    width: 64px;
    height: 67px;
    background: var(--clash-icons) -6521px -1px;
	display: inline-block !important;
}

.coc-Ice_Golem {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -6587px -1px;
	display: inline-block !important;
}

.coc-icon_gem {
    width: 64px;
    height: 82px;
    background: var(--clash-icons) -6653px -1px;
	display: inline-block !important;
}

.coc-icon_war_star {
    width: 64px;
    height: 63px;
    background: var(--clash-icons) -6719px -1px;
	display: inline-block !important;
}

.coc-Invisibility_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -6785px -1px;
	display: inline-block !important;
}

.coc-Invisibility_Vial {
    width: 64px;
    height: 56px;
    background: var(--clash-icons) -6851px -1px;
	display: inline-block !important;
}

.coc-Jump_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -6917px -1px;
	display: inline-block !important;
}

.coc-L_A_S_S_I {
    width: 64px;
    height: 65px;
    background: var(--clash-icons) -6983px -1px;
	display: inline-block !important;
}

.coc-Lava_Hound {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -7049px -1px;
	display: inline-block !important;
}

.coc-Lavaloon_Puppet {
    width: 64px;
    height: 79px;
    background: var(--clash-icons) -7115px -1px;
	display: inline-block !important;
}

.coc-Life_Gem {
    width: 64px;
    height: 66px;
    background: var(--clash-icons) -7181px -1px;
	display: inline-block !important;
}

.coc-Lightning_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -7247px -1px;
	display: inline-block !important;
}

.coc-Log_Launcher {
    width: 64px;
    height: 74px;
    background: var(--clash-icons) -7313px -1px;
	display: inline-block !important;
}

.coc-Magic_Mirror {
    width: 64px;
    height: 84px;
    background: var(--clash-icons) -7379px -1px;
	display: inline-block !important;
}

.coc-map_skin_1 {
    width: 64px;
    height: 61px;
    background: var(--clash-icons) -7445px -1px;
	display: inline-block !important;
}

.coc-Mighty_Yak {
    width: 64px;
    height: 60px;
    background: var(--clash-icons) -7511px -1px;
	display: inline-block !important;
}

.coc-Miner {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -7577px -1px;
	display: inline-block !important;
}

.coc-Minion {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -7643px -1px;
	display: inline-block !important;
}

.coc-Minion_Prince {
    width: 64px;
    height: 62px;
    background: var(--clash-icons) -7709px -1px;
	display: inline-block !important;
}

.coc-Night_Witch {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -7775px -1px;
	display: inline-block !important;
}

.coc-Overgrowth_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -7841px -1px;
	display: inline-block !important;
}

.coc-P_E_K_K_A {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -7907px -1px;
	display: inline-block !important;
}

.coc-Phoenix {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -7973px -1px;
	display: inline-block !important;
}

.coc-Poison_Lizard {
    width: 64px;
    height: 68px;
    background: var(--clash-icons) -8039px -1px;
	display: inline-block !important;
}

.coc-Poison_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -8105px -1px;
	display: inline-block !important;
}

.coc-Power_P_E_K_K_A {
    width: 64px;
    height: 62px;
    background: var(--clash-icons) -8171px -1px;
	display: inline-block !important;
}

.coc-queen_skin {
    width: 50px;
    height: 64px;
    background: var(--clash-icons) -1px -1px;
	display: inline-block !important;
}

.coc-Rage_Gem {
    width: 64px;
    height: 63px;
    background: var(--clash-icons) -8237px -1px;
	display: inline-block !important;
}

.coc-Rage_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -8303px -1px;
	display: inline-block !important;
}

.coc-Rage_Vial {
    width: 64px;
    height: 58px;
    background: var(--clash-icons) -8369px -1px;
	display: inline-block !important;
}

.coc-Raged_Barbarian {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -8435px -1px;
	display: inline-block !important;
}

.coc-Recall_Spell {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -8501px -1px;
	display: inline-block !important;
}

.coc-Rocket_Spear {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -8567px -1px;
	display: inline-block !important;
}

.coc-Root_Rider {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -8633px -1px;
	display: inline-block !important;
}

.coc-Royal_Champion {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -8699px -1px;
	display: inline-block !important;
}

.coc-Royal_Gem {
    width: 64px;
    height: 68px;
    background: var(--clash-icons) -8765px -1px;
	display: inline-block !important;
}

.coc-Santas_Surprise {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -8831px -1px;
	display: inline-block !important;
}

.coc-Seeking_Shield {
    width: 64px;
    height: 57px;
    background: var(--clash-icons) -8897px -1px;
	display: inline-block !important;
}

.coc-Siege_Barracks {
    width: 64px;
    height: 72px;
    background: var(--clash-icons) -8963px -1px;
	display: inline-block !important;
}

.coc-Skeleton_Spell {
    width: 64px;
    height: 59px;
    background: var(--clash-icons) -9029px -1px;
	display: inline-block !important;
}

.coc-Snake_Bracelet {
    width: 64px;
    height: 66px;
    background: var(--clash-icons) -9095px -1px;
	display: inline-block !important;
}

.coc-Sneaky_Archer {
    width: 64px;
    height: 64px;
    background: var(--clash-icons) -9161px -1px;
	display: inline-block !important;
}