genesys-spark-components 4.0.0-beta.30 → 4.0.0-beta.32

package/dist/collection/components/beta/gux-phone-input/components/gux-region-icon/{assets/sprites/region-flags.css → gux-region-icon.css}

@@ -1,1528 +1,1721 @@
-/* stylelint-disable function-no-unknown */
-/*
-LESS variables are information about icon's compiled state, stored under its original file name
-
-.icon-home {
-  width: @icon-home-width;
-}
-
-The large array-like variables contain all information about a single icon
-@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
-
-At the bottom of this section, we provide information about the spritesheet itself
-@spritesheet: width height image @spritesheet-sprites;
-*/
-/*
-The provided classes are intended to be used with the array-like variables
-
-.icon-home {
-  .sprite-width(@icon-home);
-}
-.icon-email {
-  .sprite(@icon-email);
-}
-
-Example usage in HTML:
-
-`display: block` sprite:
-<div class="icon-home"></div>
-
-To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
-
-// CSS
-.icon {
+.gux-flag-ad {
   display: inline-block;
-}
-
-// HTML
-<i class="icon icon-home"></i>
-*/
-/*
-The `.sprites` mixin generates identical output to the CSS template
-  but can be overridden inside of LESS
-
-This must be run when you have at least 2 sprites.
-  If run with a single sprite, then there will be reference errors.
-
-.sprites(@spritesheet-sprites);
-*/
-.flag-ad {
-  background-image: url();
   background-position: 0px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-ae {
-  background-image: url();
+
+.gux-flag-ae {
+  display: inline-block;
   background-position: -24px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-af {
-  background-image: url();
+
+.gux-flag-af {
+  display: inline-block;
   background-position: 0px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-ag {
-  background-image: url();
+
+.gux-flag-ag {
+  display: inline-block;
   background-position: -24px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-ai {
-  background-image: url();
+
+.gux-flag-ai {
+  display: inline-block;
   background-position: -48px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-al {
-  background-image: url();
+
+.gux-flag-al {
+  display: inline-block;
   background-position: -48px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-am {
-  background-image: url();
+
+.gux-flag-am {
+  display: inline-block;
   background-position: 0px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-ao {
-  background-image: url();
+
+.gux-flag-ao {
+  display: inline-block;
   background-position: -24px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-ar {
-  background-image: url();
+
+.gux-flag-ar {
+  display: inline-block;
   background-position: -48px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-as {
-  background-image: url();
+
+.gux-flag-as {
+  display: inline-block;
   background-position: -72px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-at {
-  background-image: url();
+
+.gux-flag-at {
+  display: inline-block;
   background-position: -72px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-au {
-  background-image: url();
+
+.gux-flag-au {
+  display: inline-block;
   background-position: -72px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-aw {
-  background-image: url();
+
+.gux-flag-aw {
+  display: inline-block;
   background-position: 0px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-ax {
-  background-image: url();
+
+.gux-flag-ax {
+  display: inline-block;
   background-position: -24px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-az {
-  background-image: url();
+
+.gux-flag-az {
+  display: inline-block;
   background-position: -48px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-ba {
-  background-image: url();
+
+.gux-flag-ba {
+  display: inline-block;
   background-position: -72px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-bb {
-  background-image: url();
+
+.gux-flag-bb {
+  display: inline-block;
   background-position: -96px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-bd {
-  background-image: url();
+
+.gux-flag-bd {
+  display: inline-block;
   background-position: -96px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-be {
-  background-image: url();
+
+.gux-flag-be {
+  display: inline-block;
   background-position: -96px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-bf {
-  background-image: url();
+
+.gux-flag-bf {
+  display: inline-block;
   background-position: -96px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-bg {
-  background-image: url();
+
+.gux-flag-bg {
+  display: inline-block;
   background-position: 0px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-bh {
-  background-image: url();
+
+.gux-flag-bh {
+  display: inline-block;
   background-position: -24px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-bi {
-  background-image: url();
+
+.gux-flag-bi {
+  display: inline-block;
   background-position: -48px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-bj {
-  background-image: url();
+
+.gux-flag-bj {
+  display: inline-block;
   background-position: -72px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-bl {
-  background-image: url();
+
+.gux-flag-bl {
+  display: inline-block;
   background-position: -96px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-bm {
-  background-image: url();
+
+.gux-flag-bm {
+  display: inline-block;
   background-position: -120px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-bn {
-  background-image: url();
+
+.gux-flag-bn {
+  display: inline-block;
   background-position: -120px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-bo {
-  background-image: url();
+
+.gux-flag-bo {
+  display: inline-block;
   background-position: -120px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-bq {
-  background-image: url();
+
+.gux-flag-bq {
+  display: inline-block;
   background-position: -120px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-br {
-  background-image: url();
+
+.gux-flag-br {
+  display: inline-block;
   background-position: -120px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-bs {
-  background-image: url();
+
+.gux-flag-bs {
+  display: inline-block;
   background-position: 0px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-bt {
-  background-image: url();
+
+.gux-flag-bt {
+  display: inline-block;
   background-position: -24px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-bv {
-  background-image: url();
+
+.gux-flag-bv {
+  display: inline-block;
   background-position: -48px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-bw {
-  background-image: url();
+
+.gux-flag-bw {
+  display: inline-block;
   background-position: -72px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-by {
-  background-image: url();
+
+.gux-flag-by {
+  display: inline-block;
   background-position: -96px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-bz {
-  background-image: url();
+
+.gux-flag-bz {
+  display: inline-block;
   background-position: -120px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-ca {
-  background-image: url();
+
+.gux-flag-ca {
+  display: inline-block;
   background-position: -144px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-cc {
-  background-image: url();
+
+.gux-flag-cc {
+  display: inline-block;
   background-position: -144px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-cd {
-  background-image: url();
+
+.gux-flag-cd {
+  display: inline-block;
   background-position: -144px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-cf {
-  background-image: url();
+
+.gux-flag-cf {
+  display: inline-block;
   background-position: -144px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-cg {
-  background-image: url();
+
+.gux-flag-cg {
+  display: inline-block;
   background-position: -144px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-ch {
-  background-image: url();
+
+.gux-flag-ch {
+  display: inline-block;
   background-position: -144px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-ci {
-  background-image: url();
+
+.gux-flag-ci {
+  display: inline-block;
   background-position: 0px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-ck {
-  background-image: url();
+
+.gux-flag-ck {
+  display: inline-block;
   background-position: -24px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-cl {
-  background-image: url();
+
+.gux-flag-cl {
+  display: inline-block;
   background-position: -48px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-cm {
-  background-image: url();
+
+.gux-flag-cm {
+  display: inline-block;
   background-position: -72px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-cn {
-  background-image: url();
+
+.gux-flag-cn {
+  display: inline-block;
   background-position: -96px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-co {
-  background-image: url();
+
+.gux-flag-co {
+  display: inline-block;
   background-position: -120px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-cr {
-  background-image: url();
+
+.gux-flag-cr {
+  display: inline-block;
   background-position: -144px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-cu {
-  background-image: url();
+
+.gux-flag-cu {
+  display: inline-block;
   background-position: -168px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-cv {
-  background-image: url();
+
+.gux-flag-cv {
+  display: inline-block;
   background-position: -168px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-cw {
-  background-image: url();
+
+.gux-flag-cw {
+  display: inline-block;
   background-position: -168px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-cx {
-  background-image: url();
+
+.gux-flag-cx {
+  display: inline-block;
   background-position: -168px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-cy {
-  background-image: url();
+
+.gux-flag-cy {
+  display: inline-block;
   background-position: -168px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-cz {
-  background-image: url();
+
+.gux-flag-cz {
+  display: inline-block;
   background-position: -168px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-de {
-  background-image: url();
+
+.gux-flag-de {
+  display: inline-block;
   background-position: -168px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-dj {
-  background-image: url();
+
+.gux-flag-dj {
+  display: inline-block;
   background-position: 0px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-dk {
-  background-image: url();
+
+.gux-flag-dk {
+  display: inline-block;
   background-position: -24px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-dm {
-  background-image: url();
+
+.gux-flag-dm {
+  display: inline-block;
   background-position: -48px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-do {
-  background-image: url();
+
+.gux-flag-do {
+  display: inline-block;
   background-position: -72px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-dz {
-  background-image: url();
+
+.gux-flag-dz {
+  display: inline-block;
   background-position: -96px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-ec {
-  background-image: url();
+
+.gux-flag-ec {
+  display: inline-block;
   background-position: -120px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-ee {
-  background-image: url();
+
+.gux-flag-ee {
+  display: inline-block;
   background-position: -144px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-eg {
-  background-image: url();
+
+.gux-flag-eg {
+  display: inline-block;
   background-position: -168px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-eh {
-  background-image: url();
+
+.gux-flag-eh {
+  display: inline-block;
   background-position: -192px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-er {
-  background-image: url();
+
+.gux-flag-er {
+  display: inline-block;
   background-position: -192px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-es {
-  background-image: url();
+
+.gux-flag-es {
+  display: inline-block;
   background-position: -192px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-et {
-  background-image: url();
+
+.gux-flag-et {
+  display: inline-block;
   background-position: -192px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-fi {
-  background-image: url();
+
+.gux-flag-fi {
+  display: inline-block;
   background-position: -192px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-fj {
-  background-image: url();
+
+.gux-flag-fj {
+  display: inline-block;
   background-position: -192px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-fk {
-  background-image: url();
+
+.gux-flag-fk {
+  display: inline-block;
   background-position: -192px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-fm {
-  background-image: url();
+
+.gux-flag-fm {
+  display: inline-block;
   background-position: -192px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-fo {
-  background-image: url();
+
+.gux-flag-fo {
+  display: inline-block;
   background-position: 0px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-fr {
-  background-image: url();
+
+.gux-flag-fr {
+  display: inline-block;
   background-position: -24px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-ga {
-  background-image: url();
+
+.gux-flag-ga {
+  display: inline-block;
   background-position: -48px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-gb {
-  background-image: url();
+
+.gux-flag-gb {
+  display: inline-block;
   background-position: -72px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-gd {
-  background-image: url();
+
+.gux-flag-gd {
+  display: inline-block;
   background-position: -96px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-ge {
-  background-image: url();
+
+.gux-flag-ge {
+  display: inline-block;
   background-position: -120px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-gf {
-  background-image: url();
+
+.gux-flag-gf {
+  display: inline-block;
   background-position: -144px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-gg {
-  background-image: url();
+
+.gux-flag-gg {
+  display: inline-block;
   background-position: -168px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-gh {
-  background-image: url();
+
+.gux-flag-gh {
+  display: inline-block;
   background-position: -192px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-gi {
-  background-image: url();
+
+.gux-flag-gi {
+  display: inline-block;
   background-position: -216px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-gl {
-  background-image: url();
+
+.gux-flag-gl {
+  display: inline-block;
   background-position: -216px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-gm {
-  background-image: url();
+
+.gux-flag-gm {
+  display: inline-block;
   background-position: -216px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-gn {
-  background-image: url();
+
+.gux-flag-gn {
+  display: inline-block;
   background-position: -216px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-gp {
-  background-image: url();
+
+.gux-flag-gp {
+  display: inline-block;
   background-position: -216px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-gq {
-  background-image: url();
+
+.gux-flag-gq {
+  display: inline-block;
   background-position: -216px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-gr {
-  background-image: url();
+
+.gux-flag-gr {
+  display: inline-block;
   background-position: -216px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-gs {
-  background-image: url();
+
+.gux-flag-gs {
+  display: inline-block;
   background-position: -216px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-gt {
-  background-image: url();
+
+.gux-flag-gt {
+  display: inline-block;
   background-position: -216px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-gu {
-  background-image: url();
+
+.gux-flag-gu {
+  display: inline-block;
   background-position: 0px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-gw {
-  background-image: url();
+
+.gux-flag-gw {
+  display: inline-block;
   background-position: -24px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-gy {
-  background-image: url();
+
+.gux-flag-gy {
+  display: inline-block;
   background-position: -48px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-hk {
-  background-image: url();
+
+.gux-flag-hk {
+  display: inline-block;
   background-position: -72px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-hn {
-  background-image: url();
+
+.gux-flag-hn {
+  display: inline-block;
   background-position: -96px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-hr {
-  background-image: url();
+
+.gux-flag-hr {
+  display: inline-block;
   background-position: -120px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-ht {
-  background-image: url();
+
+.gux-flag-ht {
+  display: inline-block;
   background-position: -144px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-hu {
-  background-image: url();
+
+.gux-flag-hu {
+  display: inline-block;
   background-position: -168px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-id {
-  background-image: url();
+
+.gux-flag-id {
+  display: inline-block;
   background-position: -192px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-ie {
-  background-image: url();
+
+.gux-flag-ie {
+  display: inline-block;
   background-position: -216px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-il {
-  background-image: url();
+
+.gux-flag-il {
+  display: inline-block;
   background-position: -240px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-im {
-  background-image: url();
+
+.gux-flag-im {
+  display: inline-block;
   background-position: -240px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-in {
-  background-image: url();
+
+.gux-flag-in {
+  display: inline-block;
   background-position: -240px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-io {
-  background-image: url();
+
+.gux-flag-io {
+  display: inline-block;
   background-position: -240px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-iq {
-  background-image: url();
+
+.gux-flag-iq {
+  display: inline-block;
   background-position: -240px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-ir {
-  background-image: url();
+
+.gux-flag-ir {
+  display: inline-block;
   background-position: -240px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-is {
-  background-image: url();
+
+.gux-flag-is {
+  display: inline-block;
   background-position: -240px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-it {
-  background-image: url();
+
+.gux-flag-it {
+  display: inline-block;
   background-position: -240px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-je {
-  background-image: url();
+
+.gux-flag-je {
+  display: inline-block;
   background-position: -240px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-jm {
-  background-image: url();
+
+.gux-flag-jm {
+  display: inline-block;
   background-position: -240px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-jo {
-  background-image: url();
+
+.gux-flag-jo {
+  display: inline-block;
   background-position: 0px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-jp {
-  background-image: url();
+
+.gux-flag-jp {
+  display: inline-block;
   background-position: -24px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-ke {
-  background-image: url();
+
+.gux-flag-ke {
+  display: inline-block;
   background-position: -48px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-kg {
-  background-image: url();
+
+.gux-flag-kg {
+  display: inline-block;
   background-position: -72px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-kh {
-  background-image: url();
+
+.gux-flag-kh {
+  display: inline-block;
   background-position: -96px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-ki {
-  background-image: url();
+
+.gux-flag-ki {
+  display: inline-block;
   background-position: -120px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-km {
-  background-image: url();
+
+.gux-flag-km {
+  display: inline-block;
   background-position: -144px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-kn {
-  background-image: url();
+
+.gux-flag-kn {
+  display: inline-block;
   background-position: -168px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-kp {
-  background-image: url();
+
+.gux-flag-kp {
+  display: inline-block;
   background-position: -192px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-kr {
-  background-image: url();
+
+.gux-flag-kr {
+  display: inline-block;
   background-position: -216px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-kw {
-  background-image: url();
+
+.gux-flag-kw {
+  display: inline-block;
   background-position: -240px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-ky {
-  background-image: url();
+
+.gux-flag-ky {
+  display: inline-block;
   background-position: -264px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-kz {
-  background-image: url();
+
+.gux-flag-kz {
+  display: inline-block;
   background-position: -264px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-la {
-  background-image: url();
+
+.gux-flag-la {
+  display: inline-block;
   background-position: -264px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-lb {
-  background-image: url();
+
+.gux-flag-lb {
+  display: inline-block;
   background-position: -264px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-lc {
-  background-image: url();
+
+.gux-flag-lc {
+  display: inline-block;
   background-position: -264px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-li {
-  background-image: url();
+
+.gux-flag-li {
+  display: inline-block;
   background-position: -264px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-lk {
-  background-image: url();
+
+.gux-flag-lk {
+  display: inline-block;
   background-position: -264px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-lr {
-  background-image: url();
+
+.gux-flag-lr {
+  display: inline-block;
   background-position: -264px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-ls {
-  background-image: url();
+
+.gux-flag-ls {
+  display: inline-block;
   background-position: -264px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-lt {
-  background-image: url();
+
+.gux-flag-lt {
+  display: inline-block;
   background-position: -264px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-lu {
-  background-image: url();
+
+.gux-flag-lu {
+  display: inline-block;
   background-position: -264px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-lv {
-  background-image: url();
+
+.gux-flag-lv {
+  display: inline-block;
   background-position: 0px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-ly {
-  background-image: url();
+
+.gux-flag-ly {
+  display: inline-block;
   background-position: -24px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-ma {
-  background-image: url();
+
+.gux-flag-ma {
+  display: inline-block;
   background-position: -48px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-mc {
-  background-image: url();
+
+.gux-flag-mc {
+  display: inline-block;
   background-position: -72px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-md {
-  background-image: url();
+
+.gux-flag-md {
+  display: inline-block;
   background-position: -96px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-me {
-  background-image: url();
+
+.gux-flag-me {
+  display: inline-block;
   background-position: -120px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-mf {
-  background-image: url();
+
+.gux-flag-mf {
+  display: inline-block;
   background-position: -144px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-mg {
-  background-image: url();
+
+.gux-flag-mg {
+  display: inline-block;
   background-position: -168px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-mh {
-  background-image: url();
+
+.gux-flag-mh {
+  display: inline-block;
   background-position: -192px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-mk {
-  background-image: url();
+
+.gux-flag-mk {
+  display: inline-block;
   background-position: -216px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-ml {
-  background-image: url();
+
+.gux-flag-ml {
+  display: inline-block;
   background-position: -240px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-mm {
-  background-image: url();
+
+.gux-flag-mm {
+  display: inline-block;
   background-position: -264px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-mn {
-  background-image: url();
+
+.gux-flag-mn {
+  display: inline-block;
   background-position: -288px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-mo {
-  background-image: url();
+
+.gux-flag-mo {
+  display: inline-block;
   background-position: -288px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-mp {
-  background-image: url();
+
+.gux-flag-mp {
+  display: inline-block;
   background-position: -288px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-mq {
-  background-image: url();
+
+.gux-flag-mq {
+  display: inline-block;
   background-position: -288px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-mr {
-  background-image: url();
+
+.gux-flag-mr {
+  display: inline-block;
   background-position: -288px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-ms {
-  background-image: url();
+
+.gux-flag-ms {
+  display: inline-block;
   background-position: -288px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-mt {
-  background-image: url();
+
+.gux-flag-mt {
+  display: inline-block;
   background-position: -288px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-mu {
-  background-image: url();
+
+.gux-flag-mu {
+  display: inline-block;
   background-position: -288px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-mv {
-  background-image: url();
+
+.gux-flag-mv {
+  display: inline-block;
   background-position: -288px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-mw {
-  background-image: url();
+
+.gux-flag-mw {
+  display: inline-block;
   background-position: -288px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-mx {
-  background-image: url();
+
+.gux-flag-mx {
+  display: inline-block;
   background-position: -288px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-my {
-  background-image: url();
+
+.gux-flag-my {
+  display: inline-block;
   background-position: -288px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-mz {
-  background-image: url();
+
+.gux-flag-mz {
+  display: inline-block;
   background-position: 0px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-na {
-  background-image: url();
+
+.gux-flag-na {
+  display: inline-block;
   background-position: -24px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-nc {
-  background-image: url();
+
+.gux-flag-nc {
+  display: inline-block;
   background-position: -48px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-ne {
-  background-image: url();
+
+.gux-flag-ne {
+  display: inline-block;
   background-position: -72px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-nf {
-  background-image: url();
+
+.gux-flag-nf {
+  display: inline-block;
   background-position: -96px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-ng {
-  background-image: url();
+
+.gux-flag-ng {
+  display: inline-block;
   background-position: -120px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-ni {
-  background-image: url();
+
+.gux-flag-ni {
+  display: inline-block;
   background-position: -144px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-nl {
-  background-image: url();
+
+.gux-flag-nl {
+  display: inline-block;
   background-position: -168px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-no {
-  background-image: url();
+
+.gux-flag-no {
+  display: inline-block;
   background-position: -192px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-np {
-  background-image: url();
+
+.gux-flag-np {
+  display: inline-block;
   background-position: -216px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-nr {
-  background-image: url();
+
+.gux-flag-nr {
+  display: inline-block;
   background-position: -240px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-nu {
-  background-image: url();
+
+.gux-flag-nu {
+  display: inline-block;
   background-position: -264px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-nz {
-  background-image: url();
+
+.gux-flag-nz {
+  display: inline-block;
   background-position: -288px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-om {
-  background-image: url();
+
+.gux-flag-om {
+  display: inline-block;
   background-position: -312px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-pa {
-  background-image: url();
+
+.gux-flag-pa {
+  display: inline-block;
   background-position: -312px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-pe {
-  background-image: url();
+
+.gux-flag-pe {
+  display: inline-block;
   background-position: -312px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-pf {
-  background-image: url();
+
+.gux-flag-pf {
+  display: inline-block;
   background-position: -312px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-pg {
-  background-image: url();
+
+.gux-flag-pg {
+  display: inline-block;
   background-position: -312px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-ph {
-  background-image: url();
+
+.gux-flag-ph {
+  display: inline-block;
   background-position: -312px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-pk {
-  background-image: url();
+
+.gux-flag-pk {
+  display: inline-block;
   background-position: -312px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-pl {
-  background-image: url();
+
+.gux-flag-pl {
+  display: inline-block;
   background-position: -312px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-pm {
-  background-image: url();
+
+.gux-flag-pm {
+  display: inline-block;
   background-position: -312px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-pn {
-  background-image: url();
+
+.gux-flag-pn {
+  display: inline-block;
   background-position: -312px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-pr {
-  background-image: url();
+
+.gux-flag-pr {
+  display: inline-block;
   background-position: -312px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-ps {
-  background-image: url();
+
+.gux-flag-ps {
+  display: inline-block;
   background-position: -312px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-pt {
-  background-image: url();
+
+.gux-flag-pt {
+  display: inline-block;
   background-position: -312px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-pw {
-  background-image: url();
+
+.gux-flag-pw {
+  display: inline-block;
   background-position: 0px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-py {
-  background-image: url();
+
+.gux-flag-py {
+  display: inline-block;
   background-position: -24px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-qa {
-  background-image: url();
+
+.gux-flag-qa {
+  display: inline-block;
   background-position: -48px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-re {
-  background-image: url();
+
+.gux-flag-re {
+  display: inline-block;
   background-position: -72px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-ro {
-  background-image: url();
+
+.gux-flag-ro {
+  display: inline-block;
   background-position: -96px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-rs {
-  background-image: url();
+
+.gux-flag-rs {
+  display: inline-block;
   background-position: -120px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-ru {
-  background-image: url();
+
+.gux-flag-ru {
+  display: inline-block;
   background-position: -144px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-rw {
-  background-image: url();
+
+.gux-flag-rw {
+  display: inline-block;
   background-position: -168px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-sa {
-  background-image: url();
+
+.gux-flag-sa {
+  display: inline-block;
   background-position: -192px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-sb {
-  background-image: url();
+
+.gux-flag-sb {
+  display: inline-block;
   background-position: -216px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-sc {
-  background-image: url();
+
+.gux-flag-sc {
+  display: inline-block;
   background-position: -240px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-sd {
-  background-image: url();
+
+.gux-flag-sd {
+  display: inline-block;
   background-position: -264px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-se {
-  background-image: url();
+
+.gux-flag-se {
+  display: inline-block;
   background-position: -288px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-sg {
-  background-image: url();
+
+.gux-flag-sg {
+  display: inline-block;
   background-position: -312px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-sh {
-  background-image: url();
+
+.gux-flag-sh {
+  display: inline-block;
   background-position: -336px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-si {
-  background-image: url();
+
+.gux-flag-si {
+  display: inline-block;
   background-position: -336px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-sj {
-  background-image: url();
+
+.gux-flag-sj {
+  display: inline-block;
   background-position: -336px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-sk {
-  background-image: url();
+
+.gux-flag-sk {
+  display: inline-block;
   background-position: -336px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-sl {
-  background-image: url();
+
+.gux-flag-sl {
+  display: inline-block;
   background-position: -336px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-sm {
-  background-image: url();
+
+.gux-flag-sm {
+  display: inline-block;
   background-position: -336px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-sn {
-  background-image: url();
+
+.gux-flag-sn {
+  display: inline-block;
   background-position: -336px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-so {
-  background-image: url();
+
+.gux-flag-so {
+  display: inline-block;
   background-position: -336px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-sr {
-  background-image: url();
+
+.gux-flag-sr {
+  display: inline-block;
   background-position: -336px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-ss {
-  background-image: url();
+
+.gux-flag-ss {
+  display: inline-block;
   background-position: -336px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-st {
-  background-image: url();
+
+.gux-flag-st {
+  display: inline-block;
   background-position: -336px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-sv {
-  background-image: url();
+
+.gux-flag-sv {
+  display: inline-block;
   background-position: -336px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-sx {
-  background-image: url();
+
+.gux-flag-sx {
+  display: inline-block;
   background-position: -336px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-sy {
-  background-image: url();
+
+.gux-flag-sy {
+  display: inline-block;
   background-position: -336px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-sz {
-  background-image: url();
+
+.gux-flag-sz {
+  display: inline-block;
   background-position: 0px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tc {
-  background-image: url();
+
+.gux-flag-tc {
+  display: inline-block;
   background-position: -24px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-td {
-  background-image: url();
+
+.gux-flag-td {
+  display: inline-block;
   background-position: -48px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tg {
-  background-image: url();
+
+.gux-flag-tg {
+  display: inline-block;
   background-position: -72px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-th {
-  background-image: url();
+
+.gux-flag-th {
+  display: inline-block;
   background-position: -96px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tj {
-  background-image: url();
+
+.gux-flag-tj {
+  display: inline-block;
   background-position: -120px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tk {
-  background-image: url();
+
+.gux-flag-tk {
+  display: inline-block;
   background-position: -144px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tl {
-  background-image: url();
+
+.gux-flag-tl {
+  display: inline-block;
   background-position: -168px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tm {
-  background-image: url();
+
+.gux-flag-tm {
+  display: inline-block;
   background-position: -192px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tn {
-  background-image: url();
+
+.gux-flag-tn {
+  display: inline-block;
   background-position: -216px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-to {
-  background-image: url();
+
+.gux-flag-to {
+  display: inline-block;
   background-position: -240px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tr {
-  background-image: url();
+
+.gux-flag-tr {
+  display: inline-block;
   background-position: -264px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tt {
-  background-image: url();
+
+.gux-flag-tt {
+  display: inline-block;
   background-position: -288px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tv {
-  background-image: url();
+
+.gux-flag-tv {
+  display: inline-block;
   background-position: -312px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tw {
-  background-image: url();
+
+.gux-flag-tw {
+  display: inline-block;
   background-position: -336px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-tz {
-  background-image: url();
+
+.gux-flag-tz {
+  display: inline-block;
   background-position: -360px 0px;
   width: 24px;
   height: 24px;
 }
-.flag-ua {
-  background-image: url();
+
+.gux-flag-ua {
+  display: inline-block;
   background-position: -360px -24px;
   width: 24px;
   height: 24px;
 }
-.flag-ug {
-  background-image: url();
+
+.gux-flag-ug {
+  display: inline-block;
   background-position: -360px -48px;
   width: 24px;
   height: 24px;
 }
-.flag-us {
-  background-image: url();
+
+.gux-flag-us {
+  display: inline-block;
   background-position: -360px -72px;
   width: 24px;
   height: 24px;
 }
-.flag-uy {
-  background-image: url();
+
+.gux-flag-uy {
+  display: inline-block;
   background-position: -360px -96px;
   width: 24px;
   height: 24px;
 }
-.flag-uz {
-  background-image: url();
+
+.gux-flag-uz {
+  display: inline-block;
   background-position: -360px -120px;
   width: 24px;
   height: 24px;
 }
-.flag-va {
-  background-image: url();
+
+.gux-flag-va {
+  display: inline-block;
   background-position: -360px -144px;
   width: 24px;
   height: 24px;
 }
-.flag-vc {
-  background-image: url();
+
+.gux-flag-vc {
+  display: inline-block;
   background-position: -360px -168px;
   width: 24px;
   height: 24px;
 }
-.flag-ve {
-  background-image: url();
+
+.gux-flag-ve {
+  display: inline-block;
   background-position: -360px -192px;
   width: 24px;
   height: 24px;
 }
-.flag-vg {
-  background-image: url();
+
+.gux-flag-vg {
+  display: inline-block;
   background-position: -360px -216px;
   width: 24px;
   height: 24px;
 }
-.flag-vi {
-  background-image: url();
+
+.gux-flag-vi {
+  display: inline-block;
   background-position: -360px -240px;
   width: 24px;
   height: 24px;
 }
-.flag-vn {
-  background-image: url();
+
+.gux-flag-vn {
+  display: inline-block;
   background-position: -360px -264px;
   width: 24px;
   height: 24px;
 }
-.flag-vu {
-  background-image: url();
+
+.gux-flag-vu {
+  display: inline-block;
   background-position: -360px -288px;
   width: 24px;
   height: 24px;
 }
-.flag-wf {
-  background-image: url();
+
+.gux-flag-wf {
+  display: inline-block;
   background-position: -360px -312px;
   width: 24px;
   height: 24px;
 }
-.flag-ws {
-  background-image: url();
+
+.gux-flag-ws {
+  display: inline-block;
   background-position: -360px -336px;
   width: 24px;
   height: 24px;
 }
-.flag-xk {
-  background-image: url();
+
+.gux-flag-xk {
+  display: inline-block;
   background-position: 0px -360px;
   width: 24px;
   height: 24px;
 }
-.flag-ye {
-  background-image: url();
+
+.gux-flag-ye {
+  display: inline-block;
   background-position: -24px -360px;
   width: 24px;
   height: 24px;
 }
-.flag-yt {
-  background-image: url();
+
+.gux-flag-yt {
+  display: inline-block;
   background-position: -48px -360px;
   width: 24px;
   height: 24px;
 }
-.flag-za {
-  background-image: url();
+
+.gux-flag-za {
+  display: inline-block;
   background-position: -72px -360px;
   width: 24px;
   height: 24px;
 }
-.flag-zm {
-  background-image: url();
+
+.gux-flag-zm {
+  display: inline-block;
   background-position: -96px -360px;
   width: 24px;
   height: 24px;
 }
-.flag-zw {
-  background-image: url();
+
+.gux-flag-zw {
+  display: inline-block;
   background-position: -120px -360px;
   width: 24px;
   height: 24px;
-}
-.flag {
-  display: inline-block;
-}
-/* stylelint-enable function-no-unknown */
+}