@aziontech/webkit 1.5.3 → 1.6.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aziontech/webkit",
3
- "version": "1.5.3",
3
+ "version": "1.6.0",
4
4
  "description": "Reusable UI components and design system utilities for building Azion web interfaces.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -68,8 +68,10 @@
68
68
  "./label": "./src/core/form/label/label.vue",
69
69
  "./selector-block": "./src/core/selector-block/selector-block.vue",
70
70
  "./azion-system-status": "./src/components/azion-system-status/azion-system-status.vue",
71
+ "./testimonials-carousel": "./src/components/testimonials-carousel/testimonials-carousel.vue",
71
72
  "./client-testimonials-block": "./src/components/client-testimonials-block/client-testimonials-block.vue",
72
73
  "./svg/error-403": "./src/svg/error-403/error-403.vue",
73
- "./svg/error-404": "./src/svg/error-404/error-404.vue"
74
+ "./svg/error-404": "./src/svg/error-404/error-404.vue",
75
+ "./styles/country-flags": "./src/styles/country-flags.css"
74
76
  }
75
77
  }
@@ -0,0 +1,11 @@
1
+ {
2
+ "main": "./testimonials-carousel.vue",
3
+ "module": "./testimonials-carousel.vue",
4
+ "types": "./testimonials-carousel.vue.d.ts",
5
+ "browser": {
6
+ "./sfc": "./testimonials-carousel.vue"
7
+ },
8
+ "sideEffects": [
9
+ "*.vue"
10
+ ]
11
+ }
@@ -0,0 +1,78 @@
1
+ <script setup>
2
+ import Carousel from 'primevue/carousel'
3
+ import { computed } from 'vue'
4
+
5
+ const AUTOPLAY_INTERVAL_MS = 10000
6
+
7
+ const props = defineProps({
8
+ testimonials: {
9
+ type: Array,
10
+ required: true,
11
+ validator: (value) => value.length > 0
12
+ },
13
+ subtitle: {
14
+ type: String,
15
+ default: 'Trusted by market leaders across banking, e-commerce, tech, and other industries.'
16
+ },
17
+ autoplayInterval: {
18
+ type: Number,
19
+ default: AUTOPLAY_INTERVAL_MS
20
+ },
21
+ circular: {
22
+ type: Boolean,
23
+ default: false
24
+ },
25
+ showNavigators: {
26
+ type: Boolean,
27
+ default: false
28
+ },
29
+ showIndicators: {
30
+ type: Boolean,
31
+ default: false
32
+ },
33
+ quoted: {
34
+ type: Boolean,
35
+ default: true
36
+ }
37
+ })
38
+
39
+ const carouselOptions = computed(() => ({
40
+ numVisible: 1,
41
+ circular: props.circular,
42
+ showNavigators: props.showNavigators,
43
+ showIndicators: props.showIndicators,
44
+ autoplayInterval: props.autoplayInterval
45
+ }))
46
+ </script>
47
+
48
+ <template>
49
+ <div class="flex flex-col gap-16 md:max-w-[672px]">
50
+ <p class="text-color-secondary text-center">
51
+ {{ subtitle }}
52
+ </p>
53
+
54
+ <Carousel
55
+ :value="testimonials"
56
+ v-bind="carouselOptions"
57
+ >
58
+ <template #item="{ data }">
59
+ <div class="flex flex-col gap-2">
60
+ <div class="text-xl md:text-3xl font-medium text-center">
61
+ <q v-if="quoted">{{ data.testimonial }}</q>
62
+ <span v-else>{{ data.testimonial }}</span>
63
+ </div>
64
+ <p class="text-color-secondary text-center">
65
+ {{ data.name }}, {{ data.position }}
66
+ </p>
67
+ </div>
68
+
69
+ <div
70
+ v-if="data.logo"
71
+ class="flex justify-center mt-16"
72
+ >
73
+ <component :is="data.logo" />
74
+ </div>
75
+ </template>
76
+ </Carousel>
77
+ </div>
78
+ </template>
@@ -0,0 +1,71 @@
1
+ declare const _default: typeof __VLS_export;
2
+ export default _default;
3
+ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
+ testimonials: {
5
+ type: ArrayConstructor;
6
+ required: true;
7
+ validator: (value: unknown) => boolean;
8
+ };
9
+ subtitle: {
10
+ type: StringConstructor;
11
+ default: string;
12
+ };
13
+ autoplayInterval: {
14
+ type: NumberConstructor;
15
+ default: number;
16
+ };
17
+ circular: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ showNavigators: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
25
+ showIndicators: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ quoted: {
30
+ type: BooleanConstructor;
31
+ default: boolean;
32
+ };
33
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
34
+ testimonials: {
35
+ type: ArrayConstructor;
36
+ required: true;
37
+ validator: (value: unknown) => boolean;
38
+ };
39
+ subtitle: {
40
+ type: StringConstructor;
41
+ default: string;
42
+ };
43
+ autoplayInterval: {
44
+ type: NumberConstructor;
45
+ default: number;
46
+ };
47
+ circular: {
48
+ type: BooleanConstructor;
49
+ default: boolean;
50
+ };
51
+ showNavigators: {
52
+ type: BooleanConstructor;
53
+ default: boolean;
54
+ };
55
+ showIndicators: {
56
+ type: BooleanConstructor;
57
+ default: boolean;
58
+ };
59
+ quoted: {
60
+ type: BooleanConstructor;
61
+ default: boolean;
62
+ };
63
+ }>> & Readonly<{}>, {
64
+ subtitle: string;
65
+ autoplayInterval: number;
66
+ circular: boolean;
67
+ showNavigators: boolean;
68
+ showIndicators: boolean;
69
+ quoted: boolean;
70
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
71
+ //# sourceMappingURL=testimonials-carousel.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"testimonials-carousel.vue.d.ts","sourceRoot":"","sources":["testimonials-carousel.vue"],"names":[],"mappings":"wBAmQqB,OAAO,YAAY;;AAjCxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAgCG"}
@@ -93,8 +93,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
93
93
  disabled: boolean;
94
94
  value: string;
95
95
  placeholder: string;
96
- readonly: boolean;
97
96
  required: boolean;
97
+ readonly: boolean;
98
98
  iconPosition: string;
99
99
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
100
100
  //# sourceMappingURL=field-text-icon.vue.d.ts.map
Binary file
@@ -0,0 +1,740 @@
1
+ span.flag {
2
+ width: 44px;
3
+ height: 30px;
4
+ display: inline-block;
5
+ }
6
+ img.flag {
7
+ width: 30px;
8
+ }
9
+ .flag {
10
+ background: url('../images/country-flags.png') no-repeat;
11
+ background-size: 100%;
12
+ vertical-align: middle;
13
+ }
14
+ .flag-ad {
15
+ background-position: 0 0.413223%;
16
+ }
17
+ .flag-ae {
18
+ background-position: 0 0.826446%;
19
+ }
20
+ .flag-af {
21
+ background-position: 0 1.239669%;
22
+ }
23
+ .flag-ag {
24
+ background-position: 0 1.652893%;
25
+ }
26
+ .flag-ai {
27
+ background-position: 0 2.066116%;
28
+ }
29
+ .flag-al {
30
+ background-position: 0 2.479339%;
31
+ }
32
+ .flag-am {
33
+ background-position: 0 2.892562%;
34
+ }
35
+ .flag-an {
36
+ background-position: 0 3.305785%;
37
+ }
38
+ .flag-ao {
39
+ background-position: 0 3.719008%;
40
+ }
41
+ .flag-aq {
42
+ background-position: 0 4.132231%;
43
+ }
44
+ .flag-ar {
45
+ background-position: 0 4.545455%;
46
+ }
47
+ .flag-as {
48
+ background-position: 0 4.958678%;
49
+ }
50
+ .flag-at {
51
+ background-position: 0 5.371901%;
52
+ }
53
+ .flag-au {
54
+ background-position: 0 5.785124%;
55
+ }
56
+ .flag-aw {
57
+ background-position: 0 6.198347%;
58
+ }
59
+ .flag-az {
60
+ background-position: 0 6.61157%;
61
+ }
62
+ .flag-ba {
63
+ background-position: 0 7.024793%;
64
+ }
65
+ .flag-bb {
66
+ background-position: 0 7.438017%;
67
+ }
68
+ .flag-bd {
69
+ background-position: 0 7.85124%;
70
+ }
71
+ .flag-be {
72
+ background-position: 0 8.264463%;
73
+ }
74
+ .flag-bf {
75
+ background-position: 0 8.677686%;
76
+ }
77
+ .flag-bg {
78
+ background-position: 0 9.090909%;
79
+ }
80
+ .flag-bh {
81
+ background-position: 0 9.504132%;
82
+ }
83
+ .flag-bi {
84
+ background-position: 0 9.917355%;
85
+ }
86
+ .flag-bj {
87
+ background-position: 0 10.330579%;
88
+ }
89
+ .flag-bm {
90
+ background-position: 0 10.743802%;
91
+ }
92
+ .flag-bn {
93
+ background-position: 0 11.157025%;
94
+ }
95
+ .flag-bo {
96
+ background-position: 0 11.570248%;
97
+ }
98
+ .flag-br {
99
+ background-position: 0 11.983471%;
100
+ }
101
+ .flag-bs {
102
+ background-position: 0 12.396694%;
103
+ }
104
+ .flag-bt {
105
+ background-position: 0 12.809917%;
106
+ }
107
+ .flag-bv {
108
+ background-position: 0 13.22314%;
109
+ }
110
+ .flag-bw {
111
+ background-position: 0 13.636364%;
112
+ }
113
+ .flag-by {
114
+ background-position: 0 14.049587%;
115
+ }
116
+ .flag-bz {
117
+ background-position: 0 14.46281%;
118
+ }
119
+ .flag-ca {
120
+ background-position: 0 14.876033%;
121
+ }
122
+ .flag-cc {
123
+ background-position: 0 15.289256%;
124
+ }
125
+ .flag-cd {
126
+ background-position: 0 15.702479%;
127
+ }
128
+ .flag-cf {
129
+ background-position: 0 16.115702%;
130
+ }
131
+ .flag-cg {
132
+ background-position: 0 16.528926%;
133
+ }
134
+ .flag-ch {
135
+ background-position: 0 16.942149%;
136
+ }
137
+ .flag-ci {
138
+ background-position: 0 17.355372%;
139
+ }
140
+ .flag-ck {
141
+ background-position: 0 17.768595%;
142
+ }
143
+ .flag-cl {
144
+ background-position: 0 18.181818%;
145
+ }
146
+ .flag-cm {
147
+ background-position: 0 18.595041%;
148
+ }
149
+ .flag-cn {
150
+ background-position: 0 19.008264%;
151
+ }
152
+ .flag-co {
153
+ background-position: 0 19.421488%;
154
+ }
155
+ .flag-cr {
156
+ background-position: 0 19.834711%;
157
+ }
158
+ .flag-cu {
159
+ background-position: 0 20.247934%;
160
+ }
161
+ .flag-cv {
162
+ background-position: 0 20.661157%;
163
+ }
164
+ .flag-cx {
165
+ background-position: 0 21.07438%;
166
+ }
167
+ .flag-cy {
168
+ background-position: 0 21.487603%;
169
+ }
170
+ .flag-cz {
171
+ background-position: 0 21.900826%;
172
+ }
173
+ .flag-de {
174
+ background-position: 0 22.31405%;
175
+ }
176
+ .flag-dj {
177
+ background-position: 0 22.727273%;
178
+ }
179
+ .flag-dk {
180
+ background-position: 0 23.140496%;
181
+ }
182
+ .flag-dm {
183
+ background-position: 0 23.553719%;
184
+ }
185
+ .flag-do {
186
+ background-position: 0 23.966942%;
187
+ }
188
+ .flag-dz {
189
+ background-position: 0 24.380165%;
190
+ }
191
+ .flag-ec {
192
+ background-position: 0 24.793388%;
193
+ }
194
+ .flag-ee {
195
+ background-position: 0 25.206612%;
196
+ }
197
+ .flag-eg {
198
+ background-position: 0 25.619835%;
199
+ }
200
+ .flag-eh {
201
+ background-position: 0 26.033058%;
202
+ }
203
+ .flag-er {
204
+ background-position: 0 26.446281%;
205
+ }
206
+ .flag-es {
207
+ background-position: 0 26.859504%;
208
+ }
209
+ .flag-et {
210
+ background-position: 0 27.272727%;
211
+ }
212
+ .flag-fi {
213
+ background-position: 0 27.68595%;
214
+ }
215
+ .flag-fj {
216
+ background-position: 0 28.099174%;
217
+ }
218
+ .flag-fk {
219
+ background-position: 0 28.512397%;
220
+ }
221
+ .flag-fm {
222
+ background-position: 0 28.92562%;
223
+ }
224
+ .flag-fo {
225
+ background-position: 0 29.338843%;
226
+ }
227
+ .flag-fr {
228
+ background-position: 0 29.752066%;
229
+ }
230
+ .flag-ga {
231
+ background-position: 0 30.165289%;
232
+ }
233
+ .flag-gd {
234
+ background-position: 0 30.578512%;
235
+ }
236
+ .flag-ge {
237
+ background-position: 0 30.991736%;
238
+ }
239
+ .flag-gf {
240
+ background-position: 0 31.404959%;
241
+ }
242
+ .flag-gh {
243
+ background-position: 0 31.818182%;
244
+ }
245
+ .flag-gi {
246
+ background-position: 0 32.231405%;
247
+ }
248
+ .flag-gl {
249
+ background-position: 0 32.644628%;
250
+ }
251
+ .flag-gm {
252
+ background-position: 0 33.057851%;
253
+ }
254
+ .flag-gn {
255
+ background-position: 0 33.471074%;
256
+ }
257
+ .flag-gp {
258
+ background-position: 0 33.884298%;
259
+ }
260
+ .flag-gq {
261
+ background-position: 0 34.297521%;
262
+ }
263
+ .flag-gr {
264
+ background-position: 0 34.710744%;
265
+ }
266
+ .flag-gs {
267
+ background-position: 0 35.123967%;
268
+ }
269
+ .flag-gt {
270
+ background-position: 0 35.53719%;
271
+ }
272
+ .flag-gu {
273
+ background-position: 0 35.950413%;
274
+ }
275
+ .flag-gw {
276
+ background-position: 0 36.363636%;
277
+ }
278
+ .flag-gy {
279
+ background-position: 0 36.77686%;
280
+ }
281
+ .flag-hk {
282
+ background-position: 0 37.190083%;
283
+ }
284
+ .flag-hm {
285
+ background-position: 0 37.603306%;
286
+ }
287
+ .flag-hn {
288
+ background-position: 0 38.016529%;
289
+ }
290
+ .flag-hr {
291
+ background-position: 0 38.429752%;
292
+ }
293
+ .flag-ht {
294
+ background-position: 0 38.842975%;
295
+ }
296
+ .flag-hu {
297
+ background-position: 0 39.256198%;
298
+ }
299
+ .flag-id {
300
+ background-position: 0 39.669421%;
301
+ }
302
+ .flag-ie {
303
+ background-position: 0 40.082645%;
304
+ }
305
+ .flag-il {
306
+ background-position: 0 40.495868%;
307
+ }
308
+ .flag-in {
309
+ background-position: 0 40.909091%;
310
+ }
311
+ .flag-io {
312
+ background-position: 0 41.322314%;
313
+ }
314
+ .flag-iq {
315
+ background-position: 0 41.735537%;
316
+ }
317
+ .flag-ir {
318
+ background-position: 0 42.14876%;
319
+ }
320
+ .flag-is {
321
+ background-position: 0 42.561983%;
322
+ }
323
+ .flag-it {
324
+ background-position: 0 42.975207%;
325
+ }
326
+ .flag-jm {
327
+ background-position: 0 43.38843%;
328
+ }
329
+ .flag-jo {
330
+ background-position: 0 43.801653%;
331
+ }
332
+ .flag-jp {
333
+ background-position: 0 44.214876%;
334
+ }
335
+ .flag-ke {
336
+ background-position: 0 44.628099%;
337
+ }
338
+ .flag-kg {
339
+ background-position: 0 45.041322%;
340
+ }
341
+ .flag-kh {
342
+ background-position: 0 45.454545%;
343
+ }
344
+ .flag-ki {
345
+ background-position: 0 45.867769%;
346
+ }
347
+ .flag-km {
348
+ background-position: 0 46.280992%;
349
+ }
350
+ .flag-kn {
351
+ background-position: 0 46.694215%;
352
+ }
353
+ .flag-kp {
354
+ background-position: 0 47.107438%;
355
+ }
356
+ .flag-kr {
357
+ background-position: 0 47.520661%;
358
+ }
359
+ .flag-kw {
360
+ background-position: 0 47.933884%;
361
+ }
362
+ .flag-ky {
363
+ background-position: 0 48.347107%;
364
+ }
365
+ .flag-kz {
366
+ background-position: 0 48.760331%;
367
+ }
368
+ .flag-la {
369
+ background-position: 0 49.173554%;
370
+ }
371
+ .flag-lb {
372
+ background-position: 0 49.586777%;
373
+ }
374
+ .flag-lc {
375
+ background-position: 0 50%;
376
+ }
377
+ .flag-li {
378
+ background-position: 0 50.413223%;
379
+ }
380
+ .flag-lk {
381
+ background-position: 0 50.826446%;
382
+ }
383
+ .flag-lr {
384
+ background-position: 0 51.239669%;
385
+ }
386
+ .flag-ls {
387
+ background-position: 0 51.652893%;
388
+ }
389
+ .flag-lt {
390
+ background-position: 0 52.066116%;
391
+ }
392
+ .flag-lu {
393
+ background-position: 0 52.479339%;
394
+ }
395
+ .flag-lv {
396
+ background-position: 0 52.892562%;
397
+ }
398
+ .flag-ly {
399
+ background-position: 0 53.305785%;
400
+ }
401
+ .flag-ma {
402
+ background-position: 0 53.719008%;
403
+ }
404
+ .flag-mc {
405
+ background-position: 0 54.132231%;
406
+ }
407
+ .flag-md {
408
+ background-position: 0 54.545455%;
409
+ }
410
+ .flag-me {
411
+ background-position: 0 54.958678%;
412
+ }
413
+ .flag-mg {
414
+ background-position: 0 55.371901%;
415
+ }
416
+ .flag-mh {
417
+ background-position: 0 55.785124%;
418
+ }
419
+ .flag-mk {
420
+ background-position: 0 56.198347%;
421
+ }
422
+ .flag-ml {
423
+ background-position: 0 56.61157%;
424
+ }
425
+ .flag-mm {
426
+ background-position: 0 57.024793%;
427
+ }
428
+ .flag-mn {
429
+ background-position: 0 57.438017%;
430
+ }
431
+ .flag-mo {
432
+ background-position: 0 57.85124%;
433
+ }
434
+ .flag-mp {
435
+ background-position: 0 58.264463%;
436
+ }
437
+ .flag-mq {
438
+ background-position: 0 58.677686%;
439
+ }
440
+ .flag-mr {
441
+ background-position: 0 59.090909%;
442
+ }
443
+ .flag-ms {
444
+ background-position: 0 59.504132%;
445
+ }
446
+ .flag-mt {
447
+ background-position: 0 59.917355%;
448
+ }
449
+ .flag-mu {
450
+ background-position: 0 60.330579%;
451
+ }
452
+ .flag-mv {
453
+ background-position: 0 60.743802%;
454
+ }
455
+ .flag-mw {
456
+ background-position: 0 61.157025%;
457
+ }
458
+ .flag-mx {
459
+ background-position: 0 61.570248%;
460
+ }
461
+ .flag-my {
462
+ background-position: 0 61.983471%;
463
+ }
464
+ .flag-mz {
465
+ background-position: 0 62.396694%;
466
+ }
467
+ .flag-na {
468
+ background-position: 0 62.809917%;
469
+ }
470
+ .flag-nc {
471
+ background-position: 0 63.22314%;
472
+ }
473
+ .flag-ne {
474
+ background-position: 0 63.636364%;
475
+ }
476
+ .flag-nf {
477
+ background-position: 0 64.049587%;
478
+ }
479
+ .flag-ng {
480
+ background-position: 0 64.46281%;
481
+ }
482
+ .flag-ni {
483
+ background-position: 0 64.876033%;
484
+ }
485
+ .flag-nl {
486
+ background-position: 0 65.289256%;
487
+ }
488
+ .flag-no {
489
+ background-position: 0 65.702479%;
490
+ }
491
+ .flag-np {
492
+ background-position: 0 66.115702%;
493
+ }
494
+ .flag-nr {
495
+ background-position: 0 66.528926%;
496
+ }
497
+ .flag-nu {
498
+ background-position: 0 66.942149%;
499
+ }
500
+ .flag-nz {
501
+ background-position: 0 67.355372%;
502
+ }
503
+ .flag-om {
504
+ background-position: 0 67.768595%;
505
+ }
506
+ .flag-pa {
507
+ background-position: 0 68.181818%;
508
+ }
509
+ .flag-pe {
510
+ background-position: 0 68.595041%;
511
+ }
512
+ .flag-pf {
513
+ background-position: 0 69.008264%;
514
+ }
515
+ .flag-pg {
516
+ background-position: 0 69.421488%;
517
+ }
518
+ .flag-ph {
519
+ background-position: 0 69.834711%;
520
+ }
521
+ .flag-pk {
522
+ background-position: 0 70.247934%;
523
+ }
524
+ .flag-pl {
525
+ background-position: 0 70.661157%;
526
+ }
527
+ .flag-pm {
528
+ background-position: 0 71.07438%;
529
+ }
530
+ .flag-pn {
531
+ background-position: 0 71.487603%;
532
+ }
533
+ .flag-pr {
534
+ background-position: 0 71.900826%;
535
+ }
536
+ .flag-pt {
537
+ background-position: 0 72.31405%;
538
+ }
539
+ .flag-pw {
540
+ background-position: 0 72.727273%;
541
+ }
542
+ .flag-py {
543
+ background-position: 0 73.140496%;
544
+ }
545
+ .flag-qa {
546
+ background-position: 0 73.553719%;
547
+ }
548
+ .flag-re {
549
+ background-position: 0 73.966942%;
550
+ }
551
+ .flag-ro {
552
+ background-position: 0 74.380165%;
553
+ }
554
+ .flag-rs {
555
+ background-position: 0 74.793388%;
556
+ }
557
+ .flag-ru {
558
+ background-position: 0 75.206612%;
559
+ }
560
+ .flag-rw {
561
+ background-position: 0 75.619835%;
562
+ }
563
+ .flag-sa {
564
+ background-position: 0 76.033058%;
565
+ }
566
+ .flag-sb {
567
+ background-position: 0 76.446281%;
568
+ }
569
+ .flag-sc {
570
+ background-position: 0 76.859504%;
571
+ }
572
+ .flag-sd {
573
+ background-position: 0 77.272727%;
574
+ }
575
+ .flag-se {
576
+ background-position: 0 77.68595%;
577
+ }
578
+ .flag-sg {
579
+ background-position: 0 78.099174%;
580
+ }
581
+ .flag-sh {
582
+ background-position: 0 78.512397%;
583
+ }
584
+ .flag-si {
585
+ background-position: 0 78.92562%;
586
+ }
587
+ .flag-sj {
588
+ background-position: 0 79.338843%;
589
+ }
590
+ .flag-sk {
591
+ background-position: 0 79.752066%;
592
+ }
593
+ .flag-sl {
594
+ background-position: 0 80.165289%;
595
+ }
596
+ .flag-sm {
597
+ background-position: 0 80.578512%;
598
+ }
599
+ .flag-sn {
600
+ background-position: 0 80.991736%;
601
+ }
602
+ .flag-so {
603
+ background-position: 0 81.404959%;
604
+ }
605
+ .flag-sr {
606
+ background-position: 0 81.818182%;
607
+ }
608
+ .flag-ss {
609
+ background-position: 0 82.231405%;
610
+ }
611
+ .flag-st {
612
+ background-position: 0 82.644628%;
613
+ }
614
+ .flag-sv {
615
+ background-position: 0 83.057851%;
616
+ }
617
+ .flag-sy {
618
+ background-position: 0 83.471074%;
619
+ }
620
+ .flag-sz {
621
+ background-position: 0 83.884298%;
622
+ }
623
+ .flag-tc {
624
+ background-position: 0 84.297521%;
625
+ }
626
+ .flag-td {
627
+ background-position: 0 84.710744%;
628
+ }
629
+ .flag-tf {
630
+ background-position: 0 85.123967%;
631
+ }
632
+ .flag-tg {
633
+ background-position: 0 85.53719%;
634
+ }
635
+ .flag-th {
636
+ background-position: 0 85.950413%;
637
+ }
638
+ .flag-tj {
639
+ background-position: 0 86.363636%;
640
+ }
641
+ .flag-tk {
642
+ background-position: 0 86.77686%;
643
+ }
644
+ .flag-tl {
645
+ background-position: 0 87.190083%;
646
+ }
647
+ .flag-tm {
648
+ background-position: 0 87.603306%;
649
+ }
650
+ .flag-tn {
651
+ background-position: 0 88.016529%;
652
+ }
653
+ .flag-to {
654
+ background-position: 0 88.429752%;
655
+ }
656
+ .flag-tp {
657
+ background-position: 0 88.842975%;
658
+ }
659
+ .flag-tr {
660
+ background-position: 0 89.256198%;
661
+ }
662
+ .flag-tt {
663
+ background-position: 0 89.669421%;
664
+ }
665
+ .flag-tv {
666
+ background-position: 0 90.082645%;
667
+ }
668
+ .flag-tw {
669
+ background-position: 0 90.495868%;
670
+ }
671
+ .flag-ty {
672
+ background-position: 0 90.909091%;
673
+ }
674
+ .flag-tz {
675
+ background-position: 0 91.322314%;
676
+ }
677
+ .flag-ua {
678
+ background-position: 0 91.735537%;
679
+ }
680
+ .flag-ug {
681
+ background-position: 0 92.14876%;
682
+ }
683
+ .flag-gb,
684
+ .flag-uk {
685
+ background-position: 0 92.561983%;
686
+ }
687
+ .flag-um {
688
+ background-position: 0 92.975207%;
689
+ }
690
+ .flag-us {
691
+ background-position: 0 93.38843%;
692
+ }
693
+ .flag-uy {
694
+ background-position: 0 93.801653%;
695
+ }
696
+ .flag-uz {
697
+ background-position: 0 94.214876%;
698
+ }
699
+ .flag-va {
700
+ background-position: 0 94.628099%;
701
+ }
702
+ .flag-vc {
703
+ background-position: 0 95.041322%;
704
+ }
705
+ .flag-ve {
706
+ background-position: 0 95.454545%;
707
+ }
708
+ .flag-vg {
709
+ background-position: 0 95.867769%;
710
+ }
711
+ .flag-vi {
712
+ background-position: 0 96.280992%;
713
+ }
714
+ .flag-vn {
715
+ background-position: 0 96.694215%;
716
+ }
717
+ .flag-vu {
718
+ background-position: 0 97.107438%;
719
+ }
720
+ .flag-wf {
721
+ background-position: 0 97.520661%;
722
+ }
723
+ .flag-ws {
724
+ background-position: 0 97.933884%;
725
+ }
726
+ .flag-ye {
727
+ background-position: 0 98.347107%;
728
+ }
729
+ .flag-za {
730
+ background-position: 0 98.760331%;
731
+ }
732
+ .flag-zm {
733
+ background-position: 0 99.173554%;
734
+ }
735
+ .flag-zr {
736
+ background-position: 0 99.586777%;
737
+ }
738
+ .flag-zw {
739
+ background-position: 0 100%;
740
+ }