/* ============================================================================
   Sprite de bandeiras reduzido — apenas os 9 países do onlyCountries (scripts.js).

   POR QUE ESTE ARQUIVO EXISTE
   O CDN da Hostinger (server: hcdn) redimensiona qualquer imagem acima de 1600px
   de largura. O sprite do intlTelInput tem 5652px (11304px no 2x) e chegava ao
   browser como 1600x4 — todos os background-position apontavam para fora da
   imagem e as bandeiras viravam um borrão. Abaixo de 1600px o CDN não toca.

   Fica separado de propósito: o intlTelInput.css continua intocado. Se um dia a
   otimização de imagem do CDN for desligada, basta remover o <link> deste arquivo
   e o sprite original volta a valer sozinho.

   Carregar DEPOIS do intlTelInput.css — a especificidade é a mesma, quem decide
   é a ordem.
   ========================================================================= */

.iti__flag {
  background-image: url("../img/flags-min.png");
  background-size: 180px 15px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("../img/flags-min-2x.png");
    background-size: 180px 15px; } }

.iti__flag.iti__br { width: 20px; height: 14px; background-position: 0px 0px; }
.iti__flag.iti__us { width: 20px; height: 11px; background-position: -20px 0px; }
.iti__flag.iti__ca { width: 20px; height: 10px; background-position: -40px 0px; }
.iti__flag.iti__gb { width: 20px; height: 10px; background-position: -60px 0px; }
.iti__flag.iti__de { width: 20px; height: 12px; background-position: -80px 0px; }
.iti__flag.iti__ao { width: 20px; height: 14px; background-position: -100px 0px; }
.iti__flag.iti__ie { width: 20px; height: 10px; background-position: -120px 0px; }
.iti__flag.iti__au { width: 20px; height: 10px; background-position: -140px 0px; }
.iti__flag.iti__pt { width: 20px; height: 14px; background-position: -160px 0px; }