:host {
  --cdn-prefix: 'https://cdn.refinitiv.net/public/libs/elf/assets/elf-theme-halo/resources/flags/';

  &[flag='ar'],
  &[flag='at'],
  &[flag='as'],
  &[flag='bg'],
  &[flag='bh'],
  &[flag='bi'],
  &[flag='bl'],
  &[flag='bq'],
  &[flag='ca'],
  &[flag='ci'],
  &[flag='cl'],
  &[flag='cy'],
  &[flag='cz'],
  &[flag='dj'],
  &[flag='do'],
  &[flag='dz'],
  &[flag='ee'],
  &[flag='eg'],
  &[flag='es-ga'],
  &[flag='fi'],
  &[flag='fo'],
  &[flag='fr'],
  &[flag='gb-eng'],
  &[flag='gb-nir'],
  &[flag='gb-sct'],
  &[flag='gb-wls'],
  &[flag='ge'],
  &[flag='gf'],
  &[flag='gg'],
  &[flag='gi'],
  &[flag='gl'],
  &[flag='gp'],
  &[flag='gt'],
  &[flag='gt'],
  &[flag='hn'],
  &[flag='hr'],
  &[flag='hu'],
  &[flag='id'],
  &[flag='ie'],
  &[flag='il'],
  &[flag='in'],
  &[flag='iq'],
  &[flag='ir'],
  &[flag='it'],
  &[flag='je'],
  &[flag='jp'],
  &[flag='kr'],
  &[flag='lb'],
  &[flag='ls'],
  &[flag='lu'],
  &[flag='mc'],
  &[flag='mf'],
  &[flag='mg'],
  &[flag='mq'],
  &[flag='mt'],
  &[flag='mx'],
  &[flag='ne'],
  &[flag='nf'],
  &[flag='ni'],
  &[flag='ng'],
  &[flag='nl'],
  &[flag='np'],
  &[flag='om'],
  &[flag='pa'],
  &[flag='pe'],
  &[flag='pf'],
  &[flag='ph'],
  &[flag='pk'],
  &[flag='pl'],
  &[flag='pm'],
  &[flag='py'],
  &[flag='qa'],
  &[flag='re'],
  &[flag='rs'],
  &[flag='ru'],
  &[flag='sg'],
  &[flag='si'],
  &[flag='sk'],
  &[flag='sl'],
  &[flag='sm'],
  &[flag='sx'],
  &[flag='sv'],
  &[flag='sy'],
  &[flag='tj'],
  &[flag='uy'],
  &[flag='uz'],
  &[flag='vi'],
  &[flag='va'],
  &[flag='wf'],
  &[flag='ye'],
  &[flag='yt'],
  &[flag='zw'] {
    & when (@variant = light) {
      border: solid 1px @control-border-color;
    }
  }
}