/* Generado por tools/process_ui_icons.py: no editar a mano. */
.ico { --ico: 20px; display: inline-block; width: var(--ico); height: var(--ico); flex: none; vertical-align: -4px; image-rendering: pixelated; background: url(assets/ui/ui-icons.png) no-repeat; background-size: calc(var(--ico) * 8) auto; }
.ico-menu { background-position: calc(var(--ico) * 0) calc(var(--ico) * 0); }
.ico-bag { background-position: calc(var(--ico) * -1) calc(var(--ico) * 0); }
.ico-journal { background-position: calc(var(--ico) * -2) calc(var(--ico) * 0); }
.ico-merits { background-position: calc(var(--ico) * -3) calc(var(--ico) * 0); }
.ico-guide { background-position: calc(var(--ico) * -4) calc(var(--ico) * 0); }
.ico-clan { background-position: calc(var(--ico) * -5) calc(var(--ico) * 0); }
.ico-friends { background-position: calc(var(--ico) * -6) calc(var(--ico) * 0); }
.ico-home { background-position: calc(var(--ico) * -7) calc(var(--ico) * 0); }
.ico-exit { background-position: calc(var(--ico) * 0) calc(var(--ico) * -1); }
.ico-attack { background-position: calc(var(--ico) * -1) calc(var(--ico) * -1); }
.ico-seal { background-position: calc(var(--ico) * -2) calc(var(--ico) * -1); }
.ico-dodge { background-position: calc(var(--ico) * -3) calc(var(--ico) * -1); }
.ico-team { background-position: calc(var(--ico) * -4) calc(var(--ico) * -1); }
.ico-mount { background-position: calc(var(--ico) * -5) calc(var(--ico) * -1); }
.ico-sync { background-position: calc(var(--ico) * -6) calc(var(--ico) * -1); }
.ico-shop { background-position: calc(var(--ico) * -7) calc(var(--ico) * -1); }
.ico-buy { background-position: calc(var(--ico) * 0) calc(var(--ico) * -2); }
.ico-sell { background-position: calc(var(--ico) * -1) calc(var(--ico) * -2); }
.ico-craft { background-position: calc(var(--ico) * -2) calc(var(--ico) * -2); }
.ico-market { background-position: calc(var(--ico) * -3) calc(var(--ico) * -2); }
.ico-quests { background-position: calc(var(--ico) * -4) calc(var(--ico) * -2); }
.ico-dex { background-position: calc(var(--ico) * -5) calc(var(--ico) * -2); }
.ico-chat { background-position: calc(var(--ico) * -6) calc(var(--ico) * -2); }
.ico-fullscreen { background-position: calc(var(--ico) * -7) calc(var(--ico) * -2); }
.ico-sound { background-position: calc(var(--ico) * 0) calc(var(--ico) * -3); }
.ico-speed { background-position: calc(var(--ico) * -1) calc(var(--ico) * -3); }
.ico-surrender { background-position: calc(var(--ico) * -2) calc(var(--ico) * -3); }
.ico-settings { background-position: calc(var(--ico) * -3) calc(var(--ico) * -3); }
.ico-ranking { background-position: calc(var(--ico) * -4) calc(var(--ico) * -3); }
.ico-profile { background-position: calc(var(--ico) * -5) calc(var(--ico) * -3); }
.ico-mirror { background-position: calc(var(--ico) * -6) calc(var(--ico) * -3); }
.ico-altar { background-position: calc(var(--ico) * -7) calc(var(--ico) * -3); }
.ico-nest { background-position: calc(var(--ico) * 0) calc(var(--ico) * -4); }
.ico-coliseum { background-position: calc(var(--ico) * -1) calc(var(--ico) * -4); }
.ico-expedition { background-position: calc(var(--ico) * -2) calc(var(--ico) * -4); }
.ico-corral { background-position: calc(var(--ico) * -3) calc(var(--ico) * -4); }
.ico-garden { background-position: calc(var(--ico) * -4) calc(var(--ico) * -4); }
.ico-fragment { background-position: calc(var(--ico) * -5) calc(var(--ico) * -4); }
.ico-coin { background-position: calc(var(--ico) * -6) calc(var(--ico) * -4); }
.ico-lock { background-position: calc(var(--ico) * -7) calc(var(--ico) * -4); }
#menuBtn::before { background-position: calc(var(--ico) * 0) calc(var(--ico) * 0); }
#bagBtn::before, .mk-tab[data-tab="items"]::before { background-position: calc(var(--ico) * -1) calc(var(--ico) * 0); }
#journalBtn::before { background-position: calc(var(--ico) * -2) calc(var(--ico) * 0); }
#meritsBtn::before { background-position: calc(var(--ico) * -3) calc(var(--ico) * 0); }
#guideBtn::before, #bHelp::before { background-position: calc(var(--ico) * -4) calc(var(--ico) * 0); }
#clanBtn::before, .mk-tab[data-tab="clan"]::before { background-position: calc(var(--ico) * -5) calc(var(--ico) * 0); }
#friendsBtn::before { background-position: calc(var(--ico) * -6) calc(var(--ico) * 0); }
#recallBtn::before { background-position: calc(var(--ico) * -7) calc(var(--ico) * 0); }
#logoutBtn::before, #bForfeit::before { background-position: calc(var(--ico) * 0) calc(var(--ico) * -1); }
#attackBtn::before { background-position: calc(var(--ico) * -1) calc(var(--ico) * -1); }
#selloBtn::before { background-position: calc(var(--ico) * -2) calc(var(--ico) * -1); }
#dodgeBtn::before { background-position: calc(var(--ico) * -3) calc(var(--ico) * -1); }
#teamBtn::before { background-position: calc(var(--ico) * -4) calc(var(--ico) * -1); }
#mountBtn::before { background-position: calc(var(--ico) * -5) calc(var(--ico) * -1); }
#syncBtn::before { background-position: calc(var(--ico) * -6) calc(var(--ico) * -1); }
.mk-tab[data-tab="shop"]::before { background-position: calc(var(--ico) * -7) calc(var(--ico) * -1); }
.mk-tab[data-tab="buy"]::before { background-position: calc(var(--ico) * 0) calc(var(--ico) * -2); }
.mk-tab[data-tab="sell"]::before, .mk-tab[data-tab="mine"]::before { background-position: calc(var(--ico) * -1) calc(var(--ico) * -2); }
.mk-tab[data-tab="craft"]::before { background-position: calc(var(--ico) * -2) calc(var(--ico) * -2); }
.mk-tab[data-tab="market"]::before { background-position: calc(var(--ico) * -3) calc(var(--ico) * -2); }
.mk-tab[data-tab="quests"]::before { background-position: calc(var(--ico) * -4) calc(var(--ico) * -2); }
.mk-tab[data-tab="dex"]::before { background-position: calc(var(--ico) * -5) calc(var(--ico) * -2); }
#chatBtn::before, .mk-tab[data-tab="chat"]::before { background-position: calc(var(--ico) * -6) calc(var(--ico) * -2); }
#fullscreenBtn::before, #bFullscreen::before { background-position: calc(var(--ico) * -7) calc(var(--ico) * -2); }
#bMute::before { background-position: calc(var(--ico) * 0) calc(var(--ico) * -3); }
#bSpeed::before { background-position: calc(var(--ico) * -1) calc(var(--ico) * -3); }
.mk-tab[data-tab="ranking"]::before { background-position: calc(var(--ico) * -4) calc(var(--ico) * -3); }
#menuBtn::before, #bagBtn::before, .mk-tab[data-tab="items"]::before, #journalBtn::before, #meritsBtn::before, #guideBtn::before, #bHelp::before, #clanBtn::before, .mk-tab[data-tab="clan"]::before, #friendsBtn::before, #recallBtn::before, #logoutBtn::before, #bForfeit::before, #attackBtn::before, #selloBtn::before, #dodgeBtn::before, #teamBtn::before, #mountBtn::before, #syncBtn::before, .mk-tab[data-tab="shop"]::before, .mk-tab[data-tab="buy"]::before, .mk-tab[data-tab="sell"]::before, .mk-tab[data-tab="mine"]::before, .mk-tab[data-tab="craft"]::before, .mk-tab[data-tab="market"]::before, .mk-tab[data-tab="quests"]::before, .mk-tab[data-tab="dex"]::before, #chatBtn::before, .mk-tab[data-tab="chat"]::before, #fullscreenBtn::before, #bFullscreen::before, #bMute::before, #bSpeed::before, .mk-tab[data-tab="ranking"]::before { content: ''; --ico: 20px; display: inline-block; width: var(--ico); height: var(--ico); flex: none; image-rendering: pixelated; background-image: url(assets/ui/ui-icons.png); background-repeat: no-repeat; background-size: calc(var(--ico) * 8) auto; filter: drop-shadow(0 1px 0 rgba(0,0,0,.35)); }
#attackBtn > svg, #selloBtn > svg, #dodgeBtn > svg, #teamBtn > svg, #mountBtn > svg, #syncBtn > svg, #fullscreenBtn > svg, #bFullscreen > svg, #chatBtn > svg { display: none; }
.act::before { --ico: 26px; margin-bottom: 1px; }
html.touch .act::before { --ico: 24px; }
html.touch #attackBtn::before { --ico: 34px; }
#chatBtn::before { --ico: 24px; }
.mk-tab::before { --ico: 18px; margin-right: 6px; vertical-align: -3px; }
.hud-actions .btn-chip::before, #menuBtn::before { --ico: 18px; }