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