/* -------- Flag icons -------- */

.flags {
  position: relative;

  &::before {
    background: url('#{$fear-core-ui-images-dir}/global/flags-sprite.png');
    content: '';
    height: 12px;
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
  }
}

// scss-lint:disable NameFormat, SelectorFormat
.flags--GB {
  &::before { background-position: 0 -31px; }
}

.flags--AT {
  &::before { background-position: 0 -48px; }
}

.flags--DE {
  &::before { background-position: 0 -80px; }
}

.flags--FR {
  &::before { background-position: 0 -16px; }
}

.flags--NL {
  &::before { background-position: 0 -112px; }
}

.flags--BE {
  &::before { background-position: 0 -64px; }
}

.flags--ES {
  &::before { background-position: 0 -128px; }
}

.flags--IE {
  &::before { background-position: 0 2px; }
}

.flags--LU {
  &::before { background-position: 0 -96px; }
}

.flags--NZ {
  &::before { background-position: 0 -146px; }
}

.flags--AU {
  &::before { background-position: 0 -211px; }
}

.flags--PL {
  &::before { background-position: 0 -164px; }
}

.flags--HK {
  &::before { background-position: 0 -228px; }
}

.flags--CZ {
  &::before { background-position: 0 -196px; }
}

.flags--CA {
  &::before { background-position: 0 -243px; }
}

.flags--US {
  &::before { background-position: 0 -180px; }
}

.flags--GR {
  &::before { background-position: 0 -261px; }
}

.flags--MT {
  &::before { background-position: 0 -277px; }
}

// scss-lint:enable NameFormat, SelectorFormat