/* Mete Na Mesa: originais SVG do utilizador, usados diretamente como mascaras.
   O browser aplica a cor do texto ao alfa do ficheiro externo; o SVG permanece intacto. */
.mnm-icon{
  display:inline-block; flex:none; width:24px; height:24px;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-position:center;mask-position:center;
  vertical-align:middle;
  pointer-events:none;
}
.mnm-icon--close{-webkit-mask-image:url("../icons/ui/close.svg?v=4");mask-image:url("../icons/ui/close.svg?v=4")}
.mnm-icon--full-screen{-webkit-mask-image:url("../icons/ui/full-screen.svg?v=4");mask-image:url("../icons/ui/full-screen.svg?v=4")}
.mnm-icon--color{-webkit-mask-image:url("../icons/ui/color.svg?v=4");mask-image:url("../icons/ui/color.svg?v=4")}
.mnm-icon--star{-webkit-mask-image:url("../icons/ui/star.svg?v=4");mask-image:url("../icons/ui/star.svg?v=4")}
.mnm-icon--plus{-webkit-mask-image:url("../icons/ui/plus.svg?v=4");mask-image:url("../icons/ui/plus.svg?v=4")}
.mnm-icon--refresh{-webkit-mask-image:url("../icons/ui/refresh.svg?v=4");mask-image:url("../icons/ui/refresh.svg?v=4")}
.mnm-icon--download{-webkit-mask-image:url("../icons/ui/download.svg?v=4");mask-image:url("../icons/ui/download.svg?v=4")}
.mnm-icon--upload{-webkit-mask-image:url("../icons/ui/upload.svg?v=4");mask-image:url("../icons/ui/upload.svg?v=4")}
.mnm-icon--drag{-webkit-mask-image:url("../icons/ui/drag.svg?v=4");mask-image:url("../icons/ui/drag.svg?v=4")}
.mnm-icon--home{-webkit-mask-image:url("../icons/ui/home.svg?v=4");mask-image:url("../icons/ui/home.svg?v=4")}
.mnm-icon--add-user{-webkit-mask-image:url("../icons/ui/add-user.svg?v=4");mask-image:url("../icons/ui/add-user.svg?v=4")}
.mnm-icon--mastodon{-webkit-mask-image:url("../icons/ui/mastodon.svg?v=4");mask-image:url("../icons/ui/mastodon.svg?v=4")}
.mnm-icon--facebook{-webkit-mask-image:url("../icons/ui/facebook.svg?v=4");mask-image:url("../icons/ui/facebook.svg?v=4")}
.mnm-icon--instagram{-webkit-mask-image:url("../icons/ui/instagram.svg?v=4");mask-image:url("../icons/ui/instagram.svg?v=4")}
.mnm-icon--youtube{-webkit-mask-image:url("../icons/ui/youtube.svg?v=4");mask-image:url("../icons/ui/youtube.svg?v=4")}
.mnm-icon--www{-webkit-mask-image:url("../icons/ui/www.svg?v=4");mask-image:url("../icons/ui/www.svg?v=4")}
.mnm-icon--mail{-webkit-mask-image:url("../icons/ui/mail.svg?v=4");mask-image:url("../icons/ui/mail.svg?v=4")}

/* Tamanhos especificos dos controlos; o click continua no botao pai. */
.toolbar-btn .mnm-icon{width:18px;height:18px}
.add-player .mnm-icon{width:18px;height:18px}
.player-action-btn .mnm-icon{width:18px;height:18px}
.player-color-btn .mnm-icon{width:18px;height:18px}
.player-drag-handle .mnm-icon{width:18px;height:18px}
html[data-mode="compact"] .toolbar-btn .mnm-icon{width:16px;height:16px}
html[data-mode="compact"] .player-action-btn .mnm-icon,
html[data-mode="compact"] .player-color-btn .mnm-icon,
html[data-mode="compact"] .player-drag-handle .mnm-icon{width:14px;height:14px}
html[data-mode="compact"] .player-drag-handle .drag-icon{display:none}
.color-dialog-close .mnm-icon,.export-dialog-close .mnm-icon{width:24px;height:24px}
.web-score-home .mnm-icon{width:18px;height:18px}
.web-info-back .mnm-icon{width:20px;height:20px}
.web-home-link .mnm-icon{width:21px;height:21px}
.info-card .social-link .mnm-icon{width:32px;height:32px}
#exportAddExpansions .mnm-icon{width:16px;height:16px;vertical-align:-3px;margin-right:3px}
.export-open-link .mnm-icon,.export-download-btn .mnm-icon,
#settingsImportPlay .mnm-icon,#startImportPlay .mnm-icon,
#settingsExportBgsplay .mnm-icon{width:18px;height:18px;margin-right:6px;vertical-align:-4px}
.corner-btn .mnm-icon{width:32px;height:32px}
.mana-toggle-btn .mnm-icon{width:32px;height:32px}
@media(max-height:660px){.corner-btn .mnm-icon,.mana-toggle-btn .mnm-icon{width:28px;height:28px}}
@media (min-width:600px), (orientation:landscape){
  .corner-btn .mnm-icon,.mana-toggle-btn .mnm-icon{width:28px;height:28px}
}
@media (orientation:landscape) and (max-height:460px){
  .corner-btn .mnm-icon,.mana-toggle-btn .mnm-icon{width:22px;height:22px}
}

/* Ícone original fornecido para as definições de Versus. */
.mnm-icon--settings{-webkit-mask-image:url("../icons/ui/settings.svg?v=4");mask-image:url("../icons/ui/settings.svg?v=4")}

/* A reposição individual usa o mesmo refresh.svg da reposição geral. */
.score-delta-zero .mnm-icon--refresh{display:none}