@ebay/skin 17.3.0 → 17.4.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/.changeset/big-cheetahs-peel.md +5 -0
  2. package/.changeset/kind-pens-own.md +5 -0
  3. package/.changeset/loud-carrots-protect.md +5 -0
  4. package/.changeset/metal-cars-promise.md +5 -0
  5. package/.changeset/pre.json +16 -0
  6. package/.changeset/shaggy-ways-pump.md +5 -0
  7. package/.changeset/shaggy-yaks-guess.md +5 -0
  8. package/.changeset/soft-ligers-march.md +5 -0
  9. package/.github/workflows/jekyll-gh-pages.yml +8 -2
  10. package/.storybook/main.js +1 -1
  11. package/CHANGELOG.md +22 -0
  12. package/ICON-CREATION.md +1 -1
  13. package/_cdn/skin/v17.4.0-next.1/skin-default.min.css +76 -0
  14. package/_cdn/skin/v17.4.0-next.1/skin-full.min.css +160 -0
  15. package/_cdn/skin/v17.4.0-next.1/skin-headless.min.css +6 -0
  16. package/dist/flag/flag.css +774 -0
  17. package/dist/icon/icon.css +20 -0
  18. package/dist/icon-button/icon-button.css +113 -0
  19. package/dist/phone-input/phone-input.css +144 -0
  20. package/dist/skeleton/skeleton.css +6 -0
  21. package/dist/svg/icon/icon-bids-24.svg +4 -2
  22. package/dist/svg/icon/icon-bids-64.svg +2 -5
  23. package/dist/svg/icon/icon-bookmark-filled-16.svg +7 -0
  24. package/dist/svg/icon/icon-bookmark-filled-24.svg +7 -0
  25. package/dist/svg/icon/icon-exclude-16.svg +7 -0
  26. package/dist/svg/icon/icon-exclude-24.svg +7 -0
  27. package/dist/svg/icon/icon-fast-and-free-16.svg +4 -2
  28. package/dist/svg/icon/icon-fast-and-free-24.svg +4 -2
  29. package/dist/svg/icon/icon-inspect-64.svg +7 -0
  30. package/dist/svg/icon/icon-on-the-way-16.svg +4 -3
  31. package/dist/svg/icon/icon-on-the-way-24.svg +4 -2
  32. package/dist/svg/icon/icon-wallet-24.svg +4 -2
  33. package/dist/svg/icon/icon-wallet-64.svg +4 -2
  34. package/dist/svg/icons.svg +72 -27
  35. package/dist/tokens/evo-dark.css +14 -9
  36. package/dist/tokens/evo-light.css +13 -3
  37. package/eslint.config.mjs +15 -0
  38. package/index.browser.json +1 -0
  39. package/index.css +1 -0
  40. package/index.js +1 -0
  41. package/index.mjs +1 -0
  42. package/lint.log +10 -0
  43. package/package.json +17 -17
  44. package/phone-input.browser.json +1 -0
  45. package/phone-input.css +1 -0
  46. package/phone-input.js +1 -0
  47. package/phone-input.mjs +1 -0
  48. package/scripts/jekyll-config.js +2 -4
  49. package/src/less/alert-dialog/stories/alert-dialog.stories.js +16 -0
  50. package/src/less/badge/stories/badge.stories.js +4 -0
  51. package/src/less/breadcrumbs/stories/button-cascade.stories.js +29 -0
  52. package/src/less/breadcrumbs/stories/button-overflow.stories.js +48 -0
  53. package/src/less/breadcrumbs/stories/link-cascade.stories.js +29 -0
  54. package/src/less/breadcrumbs/stories/link-overflow.stories.js +51 -0
  55. package/src/less/bundles/skin-headless.less +1 -0
  56. package/src/less/button/stories/button/text-spacing.stories.js +16 -0
  57. package/src/less/button/stories/fake-button/text-spacing.stories.js +13 -0
  58. package/src/less/calendar/stories/calendar.stories.js +210 -0
  59. package/src/less/checkbox/stories/checked.stories.js +20 -0
  60. package/src/less/chips-combobox/stories/chips-combobox.stories.js +58 -0
  61. package/src/less/combobox/stories/combobox.stories.js +21 -0
  62. package/src/less/confirm-dialog/stories/confirm-dialog.stories.js +17 -0
  63. package/src/less/cta-button/stories/cta-button.stories.js +11 -0
  64. package/src/less/date-textbox/stories/date-textbox.stories.js +27 -0
  65. package/src/less/details/stories/details.stories.js +14 -0
  66. package/src/less/drawer-dialog/stories/drawer-dialog.stories.js +27 -0
  67. package/src/less/field/stories/helper-texts-stacked.stories.js +17 -0
  68. package/src/less/filter-button/stories/button.stories.js +8 -0
  69. package/src/less/filter-menu/stories/filter-menu.stories.js +41 -0
  70. package/src/less/filter-menu-button/stories/filter-menu-button.stories.js +238 -0
  71. package/src/less/flag/flag.less +777 -0
  72. package/src/less/flag/stories/flag.stories.js +9 -0
  73. package/src/less/floating-label/stories/floating-label.stories.js +102 -0
  74. package/src/less/fullscreen-dialog/stories/fullscreen-dialog.stories.js +27 -0
  75. package/src/less/global/stories/global.stories.js +16 -0
  76. package/src/less/icon/generated/icon.less +20 -0
  77. package/src/less/icon-button/icon-button.less +133 -0
  78. package/src/less/icon-button/stories/buttons.stories.js +241 -0
  79. package/src/less/icon-button/stories/links.stories.js +241 -0
  80. package/src/less/infotip/stories/infotip.stories.js +27 -2
  81. package/src/less/inline-notice/stories/inline.stories.js +13 -0
  82. package/src/less/lightbox-dialog/stories/lightbox-dialog.stories.js +24 -0
  83. package/src/less/link/stories/link.stories.js +9 -3
  84. package/src/less/listbox/stories/listbox.stories.js +37 -0
  85. package/src/less/listbox-button/stories/base.stories.js +42 -0
  86. package/src/less/menu/stories/misc.stories.js +10 -0
  87. package/src/less/menu-button/stories/base.stories.js +26 -0
  88. package/src/less/page-notice/stories/page-notice.stories.js +22 -0
  89. package/src/less/pagination/stories/overflow.stories.js +49 -0
  90. package/src/less/panel-dialog/stories/panel-dialog.stories.js +45 -0
  91. package/src/less/phone-input/phone-input.less +175 -0
  92. package/src/less/phone-input/stories/phone-input.stories.js +771 -0
  93. package/src/less/progress-bar-expressive/stories/progress-bar-expressive.stories.js +31 -0
  94. package/src/less/progress-stepper/stories/progress-stepper.stories.js +52 -0
  95. package/src/less/radio/stories/checked.stories.js +49 -2
  96. package/src/less/section-notice/stories/icon-16.stories.js +25 -1
  97. package/src/less/section-title/stories/section-title.stories.js +17 -0
  98. package/src/less/segmented-buttons/stories/segmented-buttons.stories.js +10 -0
  99. package/src/less/select/stories/default.stories.js +13 -0
  100. package/src/less/signal/stories/signal.stories.js +6 -0
  101. package/src/less/skeleton/skeleton.less +11 -0
  102. package/src/less/skeleton/stories/composite.stories.js +1 -1
  103. package/src/less/snackbar-dialog/stories/base.stories.js +14 -0
  104. package/src/less/split-button/stories/base.stories.js +30 -0
  105. package/src/less/tabs/stories/tabs/block.stories.js +17 -0
  106. package/src/less/tabs/stories/tabs/inlineBlock.stories.js +17 -0
  107. package/src/less/textbox/stories/textbox.stories.js +6 -0
  108. package/src/less/toast-dialog/stories/toast-dialog.stories.js +23 -0
  109. package/src/less/toggle-button/stories/gallery-layout.stories.js +13 -0
  110. package/src/less/toggle-button/stories/list-layout.stories.js +14 -0
  111. package/src/less/toggle-button/stories/minimal-layout.stories.js +8 -0
  112. package/src/less/tooltip/stories/tooltip.stories.js +19 -0
  113. package/src/less/tourtip/stories/tourtip.stories.js +21 -0
  114. package/src/svg/icon/icon-bids-24.svg +4 -2
  115. package/src/svg/icon/icon-bids-64.svg +2 -5
  116. package/src/svg/icon/icon-bookmark-filled-16.svg +7 -0
  117. package/src/svg/icon/icon-bookmark-filled-24.svg +7 -0
  118. package/src/svg/icon/icon-exclude-16.svg +7 -0
  119. package/src/svg/icon/icon-exclude-24.svg +7 -0
  120. package/src/svg/icon/icon-fast-and-free-16.svg +4 -2
  121. package/src/svg/icon/icon-fast-and-free-24.svg +4 -2
  122. package/src/svg/icon/icon-inspect-64.svg +7 -0
  123. package/src/svg/icon/icon-on-the-way-16.svg +4 -3
  124. package/src/svg/icon/icon-on-the-way-24.svg +4 -2
  125. package/src/svg/icon/icon-wallet-24.svg +4 -2
  126. package/src/svg/icon/icon-wallet-64.svg +4 -2
  127. package/src/svg/icons.svg +72 -27
  128. package/src/tokens/evo-dark.css +14 -9
  129. package/src/tokens/evo-light.css +13 -3
  130. package/svg.svg +72 -27
  131. package/.eslintrc +0 -14
  132. package/_cdn/skin/v17.3.0/skin-default.min.css +0 -69
  133. package/_cdn/skin/v17.3.0/skin-full.min.css +0 -151
  134. package/_cdn/skin/v17.3.0/skin-headless.min.css +0 -6
  135. package/src/less/section-notice/stories/icon-24.stories.js +0 -251
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable number-max-precision */
1
2
  svg.flag {
2
3
  display: inline-block;
3
4
  max-height: 48px;
@@ -6,3 +7,779 @@ svg.flag {
6
7
  stroke-width: 0;
7
8
  vertical-align: middle;
8
9
  }
10
+
11
+ /* !*****************************************************
12
+ Freak Flags, Copyright ©2024 Michael P. Cohen. Freak flags is licenced under the MIT licence.
13
+ For complete information visit: www.freakflagsprite.com
14
+ ******************************************************/
15
+
16
+ .fflag {
17
+ background-image: url("https://ir.ebaystatic.com/cr/v/c01/skin/flags/flags-v1.png");
18
+ background-repeat: no-repeat;
19
+ background-size: 100% 49494%;
20
+ box-shadow: 0 0 0 1px rgb(90, 90, 90);
21
+ box-sizing: content-box;
22
+ display: inline-block;
23
+ overflow: hidden;
24
+ position: relative;
25
+ vertical-align: middle;
26
+ }
27
+ .fflag--ch,
28
+ .fflag--np {
29
+ box-shadow: none !important;
30
+ }
31
+ .fflag--dz {
32
+ background-position: center 0.2287%;
33
+ }
34
+ .fflag--ao {
35
+ background-position: center 0.4524%;
36
+ }
37
+ .fflag--bj {
38
+ background-position: center 0.6721%;
39
+ }
40
+ .fflag--bw {
41
+ background-position: center 0.8958%;
42
+ }
43
+ .fflag--bf {
44
+ background-position: center 1.1162%;
45
+ }
46
+ .fflag--bi {
47
+ background-position: center 1.3379%;
48
+ }
49
+ .fflag--cm {
50
+ background-position: center 1.5589%;
51
+ }
52
+ .fflag--cv {
53
+ background-position: center 1.7805%;
54
+ }
55
+ .fflag--cf {
56
+ background-position: center 2.0047%;
57
+ }
58
+ .fflag--td {
59
+ background-position: center 2.2247%;
60
+ }
61
+ .fflag--cd {
62
+ background-position: left 2.4467%;
63
+ }
64
+ .fflag--dj {
65
+ background-position: left 2.6674%;
66
+ }
67
+ .fflag--eg {
68
+ background-position: center 2.8931%;
69
+ }
70
+ .fflag--gq {
71
+ background-position: center 3.1125%;
72
+ }
73
+ .fflag--er {
74
+ background-position: left 3.3325%;
75
+ }
76
+ .fflag--et {
77
+ background-position: center 3.5542%;
78
+ }
79
+ .fflag--ga {
80
+ background-position: center 3.7759%;
81
+ }
82
+ .fflag--gm {
83
+ background-position: center 4.0015%;
84
+ }
85
+ .fflag--gh {
86
+ background-position: center 4.2229%;
87
+ }
88
+ .fflag--gn {
89
+ background-position: center 4.441%;
90
+ }
91
+ .fflag--gw {
92
+ background-position: left 4.66663%;
93
+ }
94
+ .fflag--ci {
95
+ background-position: center 4.8844%;
96
+ }
97
+ .fflag--ke {
98
+ background-position: center 5.1061%;
99
+ }
100
+ .fflag--ls {
101
+ background-position: center 5.3298%;
102
+ }
103
+ .fflag--lr {
104
+ background-position: left 5.5495%;
105
+ }
106
+ .fflag--ly {
107
+ background-position: center 5.7712%;
108
+ }
109
+ .fflag--mg {
110
+ background-position: center 5.994%;
111
+ }
112
+ .fflag--mw {
113
+ background-position: center 6.2156%;
114
+ }
115
+ .fflag--ml {
116
+ background-position: center 6.4363%;
117
+ }
118
+ .fflag--mr {
119
+ background-position: center 6.658%;
120
+ }
121
+ .fflag--mu {
122
+ background-position: center 6.8805%;
123
+ }
124
+ .fflag--yt {
125
+ background-position: center 7.1038%;
126
+ }
127
+ .fflag--ma {
128
+ background-position: center 7.3231%;
129
+ }
130
+ .fflag--mz {
131
+ background-position: left 7.5448%;
132
+ }
133
+ .fflag--na {
134
+ background-position: left 7.7661%;
135
+ }
136
+ .fflag--ne {
137
+ background-position: center 7.98937%;
138
+ }
139
+ .fflag--ng {
140
+ background-position: center 8.2099%;
141
+ }
142
+ .fflag--cg {
143
+ background-position: center 8.4316%;
144
+ }
145
+ .fflag--re {
146
+ background-position: center 8.6533%;
147
+ }
148
+ .fflag--rw {
149
+ background-position: right 8.875%;
150
+ }
151
+ .fflag--sh {
152
+ background-position: center 9.0967%;
153
+ }
154
+ .fflag--st {
155
+ background-position: center 9.32237%;
156
+ }
157
+ .fflag--sn {
158
+ background-position: center 9.5426%;
159
+ }
160
+ .fflag--sc {
161
+ background-position: left 9.7628%;
162
+ }
163
+ .fflag--sl {
164
+ background-position: center 9.9845%;
165
+ }
166
+ .fflag--so {
167
+ background-position: center 10.2052%;
168
+ }
169
+ .fflag--za {
170
+ background-position: left 10.4269%;
171
+ }
172
+ .fflag--ss {
173
+ background-position: left 10.6486%;
174
+ }
175
+ .fflag--sd {
176
+ background-position: center 10.8703%;
177
+ }
178
+ .fflag--sr {
179
+ background-position: center 11.0945%;
180
+ }
181
+ .fflag--sz {
182
+ background-position: center 11.3135%;
183
+ }
184
+ .fflag--tg {
185
+ background-position: left 11.5354%;
186
+ }
187
+ .fflag--tn {
188
+ background-position: center 11.7593%;
189
+ }
190
+ .fflag--ug {
191
+ background-position: center 11.9799%;
192
+ }
193
+ .fflag--tz {
194
+ background-position: center 12.2005%;
195
+ }
196
+ .fflag--eh {
197
+ background-position: center 12.4222%;
198
+ }
199
+ .fflag--ye {
200
+ background-position: center 12.644%;
201
+ }
202
+ .fflag--zm {
203
+ background-position: center 12.8664%;
204
+ }
205
+ .fflag--zw {
206
+ background-position: left 13.0873%;
207
+ }
208
+ .fflag--ai {
209
+ background-position: center 13.309%;
210
+ }
211
+ .fflag--ag {
212
+ background-position: center 13.5307%;
213
+ }
214
+ .fflag--ar {
215
+ background-position: center 13.7524%;
216
+ }
217
+ .fflag--aw {
218
+ background-position: left 13.9741%;
219
+ }
220
+ .fflag--bs {
221
+ background-position: left 14.1958%;
222
+ }
223
+ .fflag--bb {
224
+ background-position: center 14.4175%;
225
+ }
226
+ .fflag--bq {
227
+ background-position: center 14.6415%;
228
+ }
229
+ .fflag--bz {
230
+ background-position: center 14.8609%;
231
+ }
232
+ .fflag--bm {
233
+ background-position: center 15.0826%;
234
+ }
235
+ .fflag--bo {
236
+ background-position: center 15.306%;
237
+ }
238
+ .fflag--vg {
239
+ background-position: center 15.528%;
240
+ }
241
+ .fflag--br {
242
+ background-position: center 15.7496%;
243
+ }
244
+ .fflag--ca {
245
+ background-position: center 15.9694%;
246
+ }
247
+ .fflag--ky {
248
+ background-position: center 16.1911%;
249
+ }
250
+ .fflag--cl {
251
+ background-position: left 16.4128%;
252
+ }
253
+ .fflag--co {
254
+ background-position: left 16.6345%;
255
+ }
256
+ .fflag--km {
257
+ background-position: center 16.8562%;
258
+ }
259
+ .fflag--cr {
260
+ background-position: center 17.0779%;
261
+ }
262
+ .fflag--cu {
263
+ background-position: left 17.2996%;
264
+ }
265
+ .fflag--cw {
266
+ background-position: center 17.5213%;
267
+ }
268
+ .fflag--dm {
269
+ background-position: center 17.743%;
270
+ }
271
+ .fflag--do {
272
+ background-position: center 17.968%;
273
+ }
274
+ .fflag--ec {
275
+ background-position: center 18.1864%;
276
+ }
277
+ .fflag--sv {
278
+ background-position: center 18.4081%;
279
+ }
280
+ .fflag--fk {
281
+ background-position: center 18.6298%;
282
+ }
283
+ .fflag--gf {
284
+ background-position: center 18.8515%;
285
+ }
286
+ .fflag--gl {
287
+ background-position: left 19.0732%;
288
+ }
289
+ .fflag--gd {
290
+ background-position: center 19.2987%;
291
+ }
292
+ .fflag--gp {
293
+ background-position: center 19.518%;
294
+ }
295
+ .fflag--gt {
296
+ background-position: center 19.7383%;
297
+ }
298
+ .fflag--gy {
299
+ background-position: center 19.96%;
300
+ }
301
+ .fflag--ht {
302
+ background-position: center 20.1817%;
303
+ }
304
+ .fflag--hn {
305
+ background-position: center 20.4034%;
306
+ }
307
+ .fflag--jm {
308
+ background-position: center 20.6241%;
309
+ }
310
+ .fflag--mq {
311
+ background-position: center 20.8468%;
312
+ }
313
+ .fflag--mx {
314
+ background-position: center 21.0685%;
315
+ }
316
+ .fflag--ms {
317
+ background-position: center 21.2902%;
318
+ }
319
+ .fflag--ni {
320
+ background-position: center 21.5119%;
321
+ }
322
+ .fflag--pa {
323
+ background-position: center 21.7336%;
324
+ }
325
+ .fflag--py {
326
+ background-position: center 21.9553%;
327
+ }
328
+ .fflag--pe {
329
+ background-position: center 22.177%;
330
+ }
331
+ .fflag--pr {
332
+ background-position: left 22.4002%;
333
+ }
334
+ .fflag--bl {
335
+ background-position: center 22.6204%;
336
+ }
337
+ .fflag--kn {
338
+ background-position: center 22.8421%;
339
+ }
340
+ .fflag--lc {
341
+ background-position: center 23.0638%;
342
+ }
343
+ .fflag--pm {
344
+ background-position: center 23.2855%;
345
+ }
346
+ .fflag--vc {
347
+ background-position: center 23.5072%;
348
+ }
349
+ .fflag--sx {
350
+ background-position: left 23.732%;
351
+ }
352
+ .fflag--tt {
353
+ background-position: center 23.9506%;
354
+ }
355
+ .fflag--tc {
356
+ background-position: center 24.1723%;
357
+ }
358
+ .fflag--us {
359
+ background-position: center 24.392%;
360
+ }
361
+ .fflag--vi {
362
+ background-position: center 24.6157%;
363
+ }
364
+ .fflag--uy {
365
+ background-position: left 24.8374%;
366
+ }
367
+ .fflag--ve {
368
+ background-position: center 25.0591%;
369
+ }
370
+ .fflag--ab {
371
+ background-position: center 25.279%;
372
+ }
373
+ .fflag--af {
374
+ background-position: center 25.5025%;
375
+ }
376
+ .fflag--az {
377
+ background-position: center 25.7242%;
378
+ }
379
+ .fflag--bd {
380
+ background-position: center 25.9459%;
381
+ }
382
+ .fflag--bt {
383
+ background-position: center 26.1676%;
384
+ }
385
+ .fflag--bn {
386
+ background-position: center 26.3885%;
387
+ }
388
+ .fflag--kh {
389
+ background-position: center 26.611%;
390
+ }
391
+ .fflag--cn {
392
+ background-position: left 26.8327%;
393
+ }
394
+ .fflag--ge {
395
+ background-position: center 27.0544%;
396
+ }
397
+ .fflag--hk {
398
+ background-position: center 27.2761%;
399
+ }
400
+ .fflag--in {
401
+ background-position: center 27.4978%;
402
+ }
403
+ .fflag--id {
404
+ background-position: center 27.7195%;
405
+ }
406
+ .fflag--jp {
407
+ background-position: center 27.9412%;
408
+ }
409
+ .fflag--kz {
410
+ background-position: center 28.1615%;
411
+ }
412
+ .fflag--la {
413
+ background-position: center 28.3846%;
414
+ }
415
+ .fflag--mo {
416
+ background-position: center 28.6063%;
417
+ }
418
+ .fflag--my {
419
+ background-position: center 28.829%;
420
+ }
421
+ .fflag--mv {
422
+ background-position: center 29.0497%;
423
+ }
424
+ .fflag--mn {
425
+ background-position: left 29.2714%;
426
+ }
427
+ .fflag--mm {
428
+ background-position: center 29.4931%;
429
+ }
430
+ .fflag--np {
431
+ background-position: left 29.7148%;
432
+ }
433
+ .fflag--kp {
434
+ background-position: left 29.9365%;
435
+ }
436
+ .fflag--mp {
437
+ background-position: center 30.1582%;
438
+ }
439
+ .fflag--pw {
440
+ background-position: center 30.3799%;
441
+ }
442
+ .fflag--pg {
443
+ background-position: center 30.6016%;
444
+ }
445
+ .fflag--ph {
446
+ background-position: left 30.8233%;
447
+ }
448
+ .fflag--sg {
449
+ background-position: left 31.045%;
450
+ }
451
+ .fflag--kr {
452
+ background-position: center 31.2667%;
453
+ }
454
+ .fflag--lk {
455
+ background-position: right 31.4884%;
456
+ }
457
+ .fflag--tw {
458
+ background-position: left 31.7101%;
459
+ }
460
+ .fflag--tj {
461
+ background-position: center 31.9318%;
462
+ }
463
+ .fflag--th {
464
+ background-position: center 32.1535%;
465
+ }
466
+ .fflag--tl {
467
+ background-position: left 32.3752%;
468
+ }
469
+ .fflag--tm {
470
+ background-position: center 32.5969%;
471
+ }
472
+ .fflag--vn {
473
+ background-position: center 32.8186%;
474
+ }
475
+ .fflag--ax {
476
+ background-position: center 33.0403%;
477
+ }
478
+ .fflag--al {
479
+ background-position: center 33.25975%;
480
+ }
481
+ .fflag--ad {
482
+ background-position: center 33.4837%;
483
+ }
484
+ .fflag--am {
485
+ background-position: center 33.7054%;
486
+ }
487
+ .fflag--at {
488
+ background-position: center 33.9271%;
489
+ }
490
+ .fflag--by {
491
+ background-position: left 34.1488%;
492
+ }
493
+ .fflag--be {
494
+ background-position: center 34.3705%;
495
+ }
496
+ .fflag--ba {
497
+ background-position: center 34.5922%;
498
+ }
499
+ .fflag--bg {
500
+ background-position: center 34.8139%;
501
+ }
502
+ .fflag--hr {
503
+ background-position: center 35.0356%;
504
+ }
505
+ .fflag--cy {
506
+ background-position: center 35.2555%;
507
+ }
508
+ .fflag--cz {
509
+ background-position: left 35.479%;
510
+ }
511
+ .fflag--dk {
512
+ background-position: center 35.7007%;
513
+ }
514
+ .fflag--ee {
515
+ background-position: center 35.9224%;
516
+ }
517
+ .fflag--fo {
518
+ background-position: center 36.1441%;
519
+ }
520
+ .fflag--fi {
521
+ background-position: center 36.3658%;
522
+ }
523
+ .fflag--fr {
524
+ background-position: center 36.5875%;
525
+ }
526
+ .fflag--de {
527
+ background-position: center 36.8092%;
528
+ }
529
+ .fflag--gi {
530
+ background-position: center 37.0309%;
531
+ }
532
+ .fflag--gr {
533
+ background-position: left 37.2526%;
534
+ }
535
+ .fflag--gg {
536
+ background-position: center 37.4743%;
537
+ }
538
+ .fflag--hu {
539
+ background-position: center 37.696%;
540
+ }
541
+ .fflag--is {
542
+ background-position: center 37.9177%;
543
+ }
544
+ .fflag--ie {
545
+ background-position: center 38.1394%;
546
+ }
547
+ .fflag--im {
548
+ background-position: center 38.3611%;
549
+ }
550
+ .fflag--it {
551
+ background-position: center 38.5828%;
552
+ }
553
+ .fflag--je {
554
+ background-position: center 38.8045%;
555
+ }
556
+ .fflag--xk {
557
+ background-position: center 39.0262%;
558
+ }
559
+ .fflag--lv {
560
+ background-position: center 39.2479%;
561
+ }
562
+ .fflag--li {
563
+ background-position: left 39.4696%;
564
+ }
565
+ .fflag--lt {
566
+ background-position: center 39.6913%;
567
+ }
568
+ .fflag--lu {
569
+ background-position: center 39.913%;
570
+ }
571
+ .fflag--mt {
572
+ background-position: left 40.1347%;
573
+ }
574
+ .fflag--md {
575
+ background-position: center 40.3564%;
576
+ }
577
+ .fflag--mc {
578
+ background-position: center 40.5781%;
579
+ }
580
+ .fflag--me {
581
+ background-position: center 40.7998%;
582
+ }
583
+ .fflag--nl {
584
+ background-position: center 41.0215%;
585
+ }
586
+ .fflag--mk {
587
+ background-position: center 41.2432%;
588
+ }
589
+ .fflag--no {
590
+ background-position: center 41.4649%;
591
+ }
592
+ .fflag--pl {
593
+ background-position: center 41.6866%;
594
+ }
595
+ .fflag--pt {
596
+ background-position: center 41.9083%;
597
+ }
598
+ .fflag--ro {
599
+ background-position: center 42.13%;
600
+ }
601
+ .fflag--ru {
602
+ background-position: center 42.3517%;
603
+ }
604
+ .fflag--sm {
605
+ background-position: center 42.5734%;
606
+ }
607
+ .fflag--rs {
608
+ background-position: center 42.7951%;
609
+ }
610
+ .fflag--sk {
611
+ background-position: center 43.0168%;
612
+ }
613
+ .fflag--si {
614
+ background-position: center 43.2385%;
615
+ }
616
+ .fflag--es {
617
+ background-position: left 43.4602%;
618
+ }
619
+ .fflag--se {
620
+ background-position: center 43.6819%;
621
+ }
622
+ .fflag--ch {
623
+ background-position: center 43.9036%;
624
+ }
625
+ .fflag--tr {
626
+ background-position: center 44.1253%;
627
+ }
628
+ .fflag--ua {
629
+ background-position: center 44.347%;
630
+ }
631
+ .fflag--gb {
632
+ background-position: center 44.5687%;
633
+ }
634
+ .fflag--va {
635
+ background-position: right 44.7904%;
636
+ }
637
+ .fflag--bh {
638
+ background-position: center 45.0121%;
639
+ }
640
+ .fflag--ir {
641
+ background-position: center 45.2338%;
642
+ }
643
+ .fflag--iq {
644
+ background-position: center 45.4555%;
645
+ }
646
+ .fflag--il {
647
+ background-position: center 45.6772%;
648
+ }
649
+ .fflag--kw {
650
+ background-position: left 45.897%;
651
+ }
652
+ .fflag--jo {
653
+ background-position: left 46.1206%;
654
+ }
655
+ .fflag--kg {
656
+ background-position: center 46.3423%;
657
+ }
658
+ .fflag--lb {
659
+ background-position: center 46.561%;
660
+ }
661
+ .fflag--om {
662
+ background-position: left 46.7857%;
663
+ }
664
+ .fflag--pk {
665
+ background-position: center 47.0074%;
666
+ }
667
+ .fflag--ps {
668
+ background-position: center 47.2291%;
669
+ }
670
+ .fflag--qa {
671
+ background-position: center 47.4508%;
672
+ }
673
+ .fflag--sa {
674
+ background-position: center 47.6725%;
675
+ }
676
+ .fflag--sy {
677
+ background-position: center 47.8942%;
678
+ }
679
+ .fflag--ae {
680
+ background-position: center 48.1159%;
681
+ }
682
+ .fflag--uz {
683
+ background-position: left 48.3376%;
684
+ }
685
+ .fflag--as {
686
+ background-position: right 48.5593%;
687
+ }
688
+ .fflag--au {
689
+ background-position: center 48.781%;
690
+ }
691
+ .fflag--cx {
692
+ background-position: center 49.002%;
693
+ }
694
+ .fflag--cc {
695
+ background-position: center 49.2244%;
696
+ }
697
+ .fflag--ck {
698
+ background-position: center 49.4445%;
699
+ }
700
+ .fflag--fj {
701
+ background-position: center 49.6678%;
702
+ }
703
+ .fflag--pf {
704
+ background-position: center 49.8895%;
705
+ }
706
+ .fflag--gu {
707
+ background-position: center 50.1112%;
708
+ }
709
+ .fflag--ki {
710
+ background-position: center 50.3329%;
711
+ }
712
+ .fflag--mh {
713
+ background-position: left 50.5546%;
714
+ }
715
+ .fflag--fm {
716
+ background-position: center 50.7763%;
717
+ }
718
+ .fflag--nc {
719
+ background-position: center 50.998%;
720
+ }
721
+ .fflag--nz {
722
+ background-position: center 51.2197%;
723
+ }
724
+ .fflag--nr {
725
+ background-position: left 51.4414%;
726
+ }
727
+ .fflag--nu {
728
+ background-position: center 51.6631%;
729
+ }
730
+ .fflag--nf {
731
+ background-position: center 51.8848%;
732
+ }
733
+ .fflag--ws {
734
+ background-position: left 52.1065%;
735
+ }
736
+ .fflag--sb {
737
+ background-position: left 52.3282%;
738
+ }
739
+ .fflag--tk {
740
+ background-position: center 52.5499%;
741
+ }
742
+ .fflag--to {
743
+ background-position: left 52.7716%;
744
+ }
745
+ .fflag--tv {
746
+ background-position: center 52.9933%;
747
+ }
748
+ .fflag--vu {
749
+ background-position: left 53.215%;
750
+ }
751
+ .fflag--wf {
752
+ background-position: center 53.4385%;
753
+ }
754
+ .fflag--aq {
755
+ background-position: center 53.6584%;
756
+ }
757
+ .fflag--eu {
758
+ background-position: center 53.875%;
759
+ }
760
+ .fflag--jr {
761
+ background-position: center 54.099%;
762
+ }
763
+ .fflag--oly {
764
+ background-position: center 54.32%;
765
+ }
766
+ .fflag--un {
767
+ background-position: center 54.54%;
768
+ }
769
+
770
+ .fflag.ff-sm {
771
+ height: 11px;
772
+ width: 18px;
773
+ }
774
+ .fflag.ff-md {
775
+ height: 17px;
776
+ width: 27px;
777
+ }
778
+ .fflag.ff-lg {
779
+ height: 27px;
780
+ width: 42px;
781
+ }
782
+ .fflag.ff-xl {
783
+ height: 37px;
784
+ width: 60px;
785
+ }