playbook_ui 14.6.0.pre.rc.24 → 14.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +86 -18
  3. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +15 -6
  4. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md +1 -1
  5. data/app/pb_kits/playbook/pb_phone_number_input/intlTelInput.scss +849 -931
  6. data/app/pb_kits/playbook/pb_phone_number_input/types.d.ts +4 -1
  7. data/dist/chunks/{_typeahead-BhLGfuVc.js → _typeahead-BhHnXJjy.js} +1 -1
  8. data/dist/chunks/{_weekday_stacked-zSOq3vHv.js → _weekday_stacked-C_QAqbqJ.js} +1 -1
  9. data/dist/chunks/vendor.js +1 -1
  10. data/dist/playbook-doc.js +1 -1
  11. data/dist/playbook-rails-react-bindings.js +1 -1
  12. data/dist/playbook-rails.js +1 -1
  13. data/dist/playbook.css +1 -1
  14. data/lib/playbook/version.rb +1 -1
  15. metadata +6 -6
data/app/pb_kits/playbook/pb_phone_number_input/intlTelInput.scss CHANGED
@@ -1,4 +1,29 @@
1
1
  /* @import "intl-tel-input/build/css/intlTelInput.css"; */
2
+ // If you update intl-tel-input, make sure to move this over
3
+ // And replace the relative path urls with the images from unpkg
4
+ :root {
5
+ --iti-hover-color: rgba(0, 0, 0, 0.05);
6
+ --iti-border-color: #ccc;
7
+ --iti-dialcode-color: #999;
8
+ --iti-dropdown-bg: white;
9
+ --iti-spacer-horizontal: 8px;
10
+ --iti-flag-height: 12px;
11
+ --iti-flag-width: 16px;
12
+ --iti-border-width: 1px;
13
+ --iti-arrow-height: 4px;
14
+ --iti-arrow-width: 6px;
15
+ --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
16
+ --iti-arrow-padding: 6px;
17
+ --iti-arrow-color: #555;
18
+ --iti-path-flags-1x: url("https://unpkg.com/intl-tel-input@24.6.0/build/img/flags.png");
19
+ --iti-path-flags-2x: url("https://unpkg.com/intl-tel-input@24.6.0/build/img/flags@2x.png");
20
+ --iti-path-globe-1x: url("https://unpkg.com/intl-tel-input@24.6.0/build/img/globe.png");
21
+ --iti-path-globe-2x: url("https://unpkg.com/intl-tel-input@24.6.0/build/img/globe@2x.png");
22
+ --iti-flag-sprite-width: 3904px;
23
+ --iti-flag-sprite-height: 12px;
24
+ --iti-mobile-popup-margin: 30px;
25
+ }
26
+
2
27
  .iti {
3
28
  position: relative;
4
29
  display: inline-block;
@@ -12,70 +37,95 @@
12
37
  .iti__v-hide {
13
38
  visibility: hidden;
14
39
  }
40
+ .iti__a11y-text {
41
+ width: 1px;
42
+ height: 1px;
43
+ clip: rect(1px, 1px, 1px, 1px);
44
+ overflow: hidden;
45
+ position: absolute;
46
+ }
15
47
  .iti input.iti__tel-input,
16
48
  .iti input.iti__tel-input[type=text],
17
49
  .iti input.iti__tel-input[type=tel] {
18
50
  position: relative;
19
51
  z-index: 0;
20
- margin-top: 0 !important;
21
- margin-bottom: 0 !important;
22
- padding-right: 36px;
23
- margin-right: 0;
52
+ margin: 0 !important;
24
53
  }
25
- .iti__flag-container {
54
+ .iti__country-container {
26
55
  position: absolute;
27
56
  top: 0;
28
57
  bottom: 0;
29
- right: 0;
30
- padding: 1px;
58
+ padding: var(--iti-border-width);
31
59
  }
32
- .iti__selected-flag {
60
+ .iti__selected-country {
33
61
  z-index: 1;
34
62
  position: relative;
35
63
  display: flex;
36
64
  align-items: center;
37
65
  height: 100%;
38
- padding: 0 6px 0 8px;
66
+ background: none;
67
+ border: 0;
68
+ margin: 0;
69
+ padding: 0;
70
+ font-family: inherit;
71
+ font-size: inherit;
72
+ color: inherit;
73
+ border-radius: 0;
74
+ font-weight: inherit;
75
+ line-height: inherit;
76
+ text-decoration: none;
77
+ }
78
+ .iti__selected-country-primary {
79
+ display: flex;
80
+ align-items: center;
81
+ height: 100%;
82
+ padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
39
83
  }
40
84
  .iti__arrow {
41
- margin-left: 6px;
85
+ margin-left: var(--iti-arrow-padding);
42
86
  width: 0;
43
87
  height: 0;
44
- border-left: 3px solid transparent;
45
- border-right: 3px solid transparent;
46
- border-top: 4px solid #555;
88
+ border-left: var(--iti-triangle-border) solid transparent;
89
+ border-right: var(--iti-triangle-border) solid transparent;
90
+ border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
47
91
  }
48
92
  [dir=rtl] .iti__arrow {
49
- margin-right: 6px;
93
+ margin-right: var(--iti-arrow-padding);
50
94
  margin-left: 0;
51
95
  }
52
96
  .iti__arrow--up {
53
97
  border-top: none;
54
- border-bottom: 4px solid #555;
98
+ border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
55
99
  }
56
100
  .iti__dropdown-content {
101
+ border-radius: 3px;
102
+ background-color: var(--iti-dropdown-bg);
103
+ }
104
+ .iti--inline-dropdown .iti__dropdown-content {
57
105
  position: absolute;
58
106
  z-index: 2;
59
- margin-left: -1px;
107
+ margin-top: 3px;
108
+ margin-left: calc(var(--iti-border-width) * -1);
109
+ border: var(--iti-border-width) solid var(--iti-border-color);
60
110
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
61
- background-color: white;
62
- border: 1px solid #ccc;
63
- max-height: 200px;
64
- overflow-y: scroll;
65
- -webkit-overflow-scrolling: touch;
66
- }
67
- .iti__dropdown-content--dropup {
68
- bottom: 100%;
69
- margin-bottom: -1px;
70
111
  }
71
112
  .iti__search-input {
72
113
  width: 100%;
73
114
  border-width: 0;
115
+ border-radius: 3px;
116
+ }
117
+ .iti__search-input + .iti__country-list {
118
+ border-top: 1px solid var(--iti-border-color);
74
119
  }
75
120
  .iti__country-list {
76
121
  list-style: none;
77
122
  padding: 0;
78
123
  margin: 0;
124
+ overflow-y: scroll;
125
+ -webkit-overflow-scrolling: touch;
126
+ }
127
+ .iti--inline-dropdown .iti__country-list {
128
+ max-height: 185px;
79
129
  }
80
130
  .iti--flexible-dropdown-width .iti__country-list {
81
131
  white-space: nowrap;
@@ -85,90 +135,45 @@
85
135
  white-space: normal;
86
136
  }
87
137
  }
88
- .iti__flag-box {
89
- display: inline-block;
90
- width: 20px;
91
- }
92
- .iti__divider {
93
- padding-bottom: 5px;
94
- margin-bottom: 5px;
95
- border-bottom: 1px solid #ccc;
96
- }
97
138
  .iti__country {
98
139
  display: flex;
99
140
  align-items: center;
100
- padding: 5px 10px;
141
+ padding: 8px var(--iti-spacer-horizontal);
101
142
  outline: none;
102
143
  }
103
144
  .iti__dial-code {
104
- color: #999;
145
+ color: var(--iti-dialcode-color);
105
146
  }
106
147
  .iti__country.iti__highlight {
107
- background-color: rgba(0, 0, 0, 0.05);
108
- }
109
- .iti__flag-box, .iti__country-name {
110
- margin-right: 6px;
148
+ background-color: var(--iti-hover-color);
111
149
  }
112
- [dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
113
- margin-right: 0;
114
- margin-left: 6px;
115
- }
116
- .iti--allow-dropdown input.iti__tel-input,
117
- .iti--allow-dropdown input.iti__tel-input[type=text],
118
- .iti--allow-dropdown input.iti__tel-input[type=tel], .iti--separate-dial-code input.iti__tel-input,
119
- .iti--separate-dial-code input.iti__tel-input[type=text],
120
- .iti--separate-dial-code input.iti__tel-input[type=tel] {
121
- padding-right: 6px;
122
- padding-left: 52px;
123
- margin-left: 0;
150
+ .iti__country-list .iti__flag, .iti__country-name {
151
+ margin-right: var(--iti-spacer-horizontal);
124
152
  }
125
- [dir=rtl] .iti--allow-dropdown input.iti__tel-input,
126
- [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
127
- [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--separate-dial-code input.iti__tel-input,
128
- [dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text],
129
- [dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel] {
130
- padding-right: 52px;
131
- padding-left: 6px;
153
+ [dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
132
154
  margin-right: 0;
155
+ margin-left: var(--iti-spacer-horizontal);
133
156
  }
134
- .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
135
- right: auto;
136
- left: 0;
137
- }
138
- [dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
139
- right: 0;
140
- left: auto;
141
- }
142
- .iti--allow-dropdown .iti__flag-container:hover {
157
+ .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
143
158
  cursor: pointer;
144
159
  }
145
- .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
146
- background-color: rgba(0, 0, 0, 0.05);
147
- }
148
- .iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
149
- .iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
150
- cursor: default;
160
+ .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
161
+ .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
162
+ background-color: var(--iti-hover-color);
151
163
  }
152
- .iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
153
- .iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
154
- background-color: transparent;
164
+ .iti .iti__selected-dial-code {
165
+ margin-left: 4px;
155
166
  }
156
- .iti--separate-dial-code .iti__selected-flag {
157
- background-color: rgba(0, 0, 0, 0.05);
158
- }
159
- .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
160
- margin-left: 6px;
161
- }
162
- [dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
167
+ [dir=rtl] .iti .iti__selected-dial-code {
163
168
  margin-left: 0;
164
- margin-right: 6px;
169
+ margin-right: 4px;
165
170
  }
166
171
  .iti--container {
167
- position: absolute;
172
+ position: fixed;
168
173
  top: -1000px;
169
174
  left: -1000px;
170
175
  z-index: 1060;
171
- padding: 1px;
176
+ padding: var(--iti-border-width);
172
177
  }
173
178
  .iti--container:hover {
174
179
  cursor: pointer;
@@ -181,15 +186,14 @@
181
186
  left: 0;
182
187
  right: 0;
183
188
  position: fixed;
184
- padding: 30px;
189
+ padding: var(--iti-mobile-popup-margin);
185
190
  display: flex;
186
191
  flex-direction: column;
187
- justify-content: center;
188
- }
189
- .iti--fullscreen-popup.iti--container.iti--country-search {
190
192
  justify-content: flex-start;
191
193
  }
192
194
  .iti--fullscreen-popup .iti__dropdown-content {
195
+ display: flex;
196
+ flex-direction: column;
193
197
  max-height: 100%;
194
198
  position: relative;
195
199
  }
@@ -199,1092 +203,1006 @@
199
203
  }
200
204
 
201
205
  .iti__flag {
202
- width: 20px;
203
- }
204
- .iti__flag.iti__be {
205
- width: 18px;
206
- }
207
- .iti__flag.iti__ch {
208
- width: 15px;
209
- }
210
- .iti__flag.iti__mc {
211
- width: 19px;
212
- }
213
- .iti__flag.iti__ne {
214
- width: 18px;
215
- }
216
- .iti__flag.iti__np {
217
- width: 13px;
218
- }
219
- .iti__flag.iti__va {
220
- width: 15px;
221
- }
222
- @media (min-resolution: 2x) {
223
- .iti__flag {
224
- background-size: 5762px 15px;
225
- }
226
- }
227
- .iti__flag.iti__ac {
228
- height: 10px;
229
- background-position: 0px 0px;
230
- }
231
- .iti__flag.iti__ad {
232
- height: 14px;
233
- background-position: -22px 0px;
234
- }
235
- .iti__flag.iti__ae {
236
- height: 10px;
237
- background-position: -44px 0px;
238
- }
239
- .iti__flag.iti__af {
240
- height: 14px;
241
- background-position: -66px 0px;
242
- }
243
- .iti__flag.iti__ag {
244
- height: 14px;
245
- background-position: -88px 0px;
246
- }
247
- .iti__flag.iti__ai {
248
- height: 10px;
249
- background-position: -110px 0px;
250
- }
251
- .iti__flag.iti__al {
252
- height: 15px;
253
- background-position: -132px 0px;
254
- }
255
- .iti__flag.iti__am {
256
- height: 10px;
257
- background-position: -154px 0px;
258
- }
259
- .iti__flag.iti__ao {
260
- height: 14px;
261
- background-position: -176px 0px;
262
- }
263
- .iti__flag.iti__aq {
264
- height: 14px;
265
- background-position: -198px 0px;
266
- }
267
- .iti__flag.iti__ar {
268
- height: 13px;
269
- background-position: -220px 0px;
270
- }
271
- .iti__flag.iti__as {
272
- height: 10px;
273
- background-position: -242px 0px;
274
- }
275
- .iti__flag.iti__at {
276
- height: 14px;
277
- background-position: -264px 0px;
278
- }
279
- .iti__flag.iti__au {
280
- height: 10px;
281
- background-position: -286px 0px;
282
- }
283
- .iti__flag.iti__aw {
284
- height: 14px;
285
- background-position: -308px 0px;
286
- }
287
- .iti__flag.iti__ax {
288
- height: 13px;
289
- background-position: -330px 0px;
290
- }
291
- .iti__flag.iti__az {
292
- height: 10px;
293
- background-position: -352px 0px;
294
- }
295
- .iti__flag.iti__ba {
296
- height: 10px;
297
- background-position: -374px 0px;
298
- }
299
- .iti__flag.iti__bb {
300
- height: 14px;
301
- background-position: -396px 0px;
206
+ --iti-flag-offset: 100px;
207
+ height: var(--iti-flag-height);
208
+ width: var(--iti-flag-width);
209
+ border-radius: 1px;
210
+ box-shadow: 0px 0px 1px 0px #888;
211
+ background-image: var(--iti-path-flags-1x);
212
+ background-repeat: no-repeat;
213
+ background-position: var(--iti-flag-offset) 0;
214
+ background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
302
215
  }
303
- .iti__flag.iti__bd {
304
- height: 12px;
305
- background-position: -418px 0px;
216
+
217
+ .iti__ac {
218
+ --iti-flag-offset: 0px;
306
219
  }
307
- .iti__flag.iti__be {
308
- height: 15px;
309
- background-position: -440px 0px;
220
+
221
+ .iti__ad {
222
+ --iti-flag-offset: -16px;
310
223
  }
311
- .iti__flag.iti__bf {
312
- height: 14px;
313
- background-position: -460px 0px;
224
+
225
+ .iti__ae {
226
+ --iti-flag-offset: -32px;
314
227
  }
315
- .iti__flag.iti__bg {
316
- height: 12px;
317
- background-position: -482px 0px;
228
+
229
+ .iti__af {
230
+ --iti-flag-offset: -48px;
318
231
  }
319
- .iti__flag.iti__bh {
320
- height: 12px;
321
- background-position: -504px 0px;
232
+
233
+ .iti__ag {
234
+ --iti-flag-offset: -64px;
322
235
  }
323
- .iti__flag.iti__bi {
324
- height: 12px;
325
- background-position: -526px 0px;
236
+
237
+ .iti__ai {
238
+ --iti-flag-offset: -80px;
326
239
  }
327
- .iti__flag.iti__bj {
328
- height: 14px;
329
- background-position: -548px 0px;
240
+
241
+ .iti__al {
242
+ --iti-flag-offset: -96px;
330
243
  }
331
- .iti__flag.iti__bl {
332
- height: 14px;
333
- background-position: -570px 0px;
244
+
245
+ .iti__am {
246
+ --iti-flag-offset: -112px;
334
247
  }
335
- .iti__flag.iti__bm {
336
- height: 10px;
337
- background-position: -592px 0px;
248
+
249
+ .iti__ao {
250
+ --iti-flag-offset: -128px;
338
251
  }
339
- .iti__flag.iti__bn {
340
- height: 10px;
341
- background-position: -614px 0px;
252
+
253
+ .iti__ar {
254
+ --iti-flag-offset: -144px;
342
255
  }
343
- .iti__flag.iti__bo {
344
- height: 14px;
345
- background-position: -636px 0px;
256
+
257
+ .iti__as {
258
+ --iti-flag-offset: -160px;
346
259
  }
347
- .iti__flag.iti__bq {
348
- height: 14px;
349
- background-position: -658px 0px;
260
+
261
+ .iti__at {
262
+ --iti-flag-offset: -176px;
350
263
  }
351
- .iti__flag.iti__br {
352
- height: 14px;
353
- background-position: -680px 0px;
264
+
265
+ .iti__au {
266
+ --iti-flag-offset: -192px;
354
267
  }
355
- .iti__flag.iti__bs {
356
- height: 10px;
357
- background-position: -702px 0px;
268
+
269
+ .iti__aw {
270
+ --iti-flag-offset: -208px;
358
271
  }
359
- .iti__flag.iti__bt {
360
- height: 14px;
361
- background-position: -724px 0px;
272
+
273
+ .iti__ax {
274
+ --iti-flag-offset: -224px;
362
275
  }
363
- .iti__flag.iti__bv {
364
- height: 15px;
365
- background-position: -746px 0px;
276
+
277
+ .iti__az {
278
+ --iti-flag-offset: -240px;
366
279
  }
367
- .iti__flag.iti__bw {
368
- height: 14px;
369
- background-position: -768px 0px;
280
+
281
+ .iti__ba {
282
+ --iti-flag-offset: -256px;
370
283
  }
371
- .iti__flag.iti__by {
372
- height: 10px;
373
- background-position: -790px 0px;
284
+
285
+ .iti__bb {
286
+ --iti-flag-offset: -272px;
374
287
  }
375
- .iti__flag.iti__bz {
376
- height: 12px;
377
- background-position: -812px 0px;
288
+
289
+ .iti__bd {
290
+ --iti-flag-offset: -288px;
378
291
  }
379
- .iti__flag.iti__ca {
380
- height: 10px;
381
- background-position: -834px 0px;
292
+
293
+ .iti__be {
294
+ --iti-flag-offset: -304px;
382
295
  }
383
- .iti__flag.iti__cc {
384
- height: 10px;
385
- background-position: -856px 0px;
296
+
297
+ .iti__bf {
298
+ --iti-flag-offset: -320px;
386
299
  }
387
- .iti__flag.iti__cd {
388
- height: 15px;
389
- background-position: -878px 0px;
300
+
301
+ .iti__bg {
302
+ --iti-flag-offset: -336px;
390
303
  }
391
- .iti__flag.iti__cf {
392
- height: 14px;
393
- background-position: -900px 0px;
304
+
305
+ .iti__bh {
306
+ --iti-flag-offset: -352px;
394
307
  }
395
- .iti__flag.iti__cg {
396
- height: 14px;
397
- background-position: -922px 0px;
308
+
309
+ .iti__bi {
310
+ --iti-flag-offset: -368px;
398
311
  }
399
- .iti__flag.iti__ch {
400
- height: 15px;
401
- background-position: -944px 0px;
312
+
313
+ .iti__bj {
314
+ --iti-flag-offset: -384px;
402
315
  }
403
- .iti__flag.iti__ci {
404
- height: 14px;
405
- background-position: -961px 0px;
316
+
317
+ .iti__bl {
318
+ --iti-flag-offset: -400px;
406
319
  }
407
- .iti__flag.iti__ck {
408
- height: 10px;
409
- background-position: -983px 0px;
320
+
321
+ .iti__bm {
322
+ --iti-flag-offset: -416px;
410
323
  }
411
- .iti__flag.iti__cl {
412
- height: 14px;
413
- background-position: -1005px 0px;
324
+
325
+ .iti__bn {
326
+ --iti-flag-offset: -432px;
414
327
  }
415
- .iti__flag.iti__cm {
416
- height: 14px;
417
- background-position: -1027px 0px;
328
+
329
+ .iti__bo {
330
+ --iti-flag-offset: -448px;
418
331
  }
419
- .iti__flag.iti__cn {
420
- height: 14px;
421
- background-position: -1049px 0px;
332
+
333
+ .iti__bq {
334
+ --iti-flag-offset: -464px;
422
335
  }
423
- .iti__flag.iti__co {
424
- height: 14px;
425
- background-position: -1071px 0px;
336
+
337
+ .iti__br {
338
+ --iti-flag-offset: -480px;
426
339
  }
427
- .iti__flag.iti__cp {
428
- height: 14px;
429
- background-position: -1093px 0px;
340
+
341
+ .iti__bs {
342
+ --iti-flag-offset: -496px;
430
343
  }
431
- .iti__flag.iti__cq {
432
- height: 12px;
433
- background-position: -1115px 0px;
344
+
345
+ .iti__bt {
346
+ --iti-flag-offset: -512px;
434
347
  }
435
- .iti__flag.iti__cr {
436
- height: 12px;
437
- background-position: -1137px 0px;
348
+
349
+ .iti__bw {
350
+ --iti-flag-offset: -528px;
438
351
  }
439
- .iti__flag.iti__cu {
440
- height: 10px;
441
- background-position: -1159px 0px;
352
+
353
+ .iti__by {
354
+ --iti-flag-offset: -544px;
442
355
  }
443
- .iti__flag.iti__cv {
444
- height: 12px;
445
- background-position: -1181px 0px;
356
+
357
+ .iti__bz {
358
+ --iti-flag-offset: -560px;
446
359
  }
447
- .iti__flag.iti__cw {
448
- height: 14px;
449
- background-position: -1203px 0px;
360
+
361
+ .iti__ca {
362
+ --iti-flag-offset: -576px;
450
363
  }
451
- .iti__flag.iti__cx {
452
- height: 10px;
453
- background-position: -1225px 0px;
364
+
365
+ .iti__cc {
366
+ --iti-flag-offset: -592px;
454
367
  }
455
- .iti__flag.iti__cy {
456
- height: 14px;
457
- background-position: -1247px 0px;
368
+
369
+ .iti__cd {
370
+ --iti-flag-offset: -608px;
458
371
  }
459
- .iti__flag.iti__cz {
460
- height: 14px;
461
- background-position: -1269px 0px;
372
+
373
+ .iti__cf {
374
+ --iti-flag-offset: -624px;
462
375
  }
463
- .iti__flag.iti__de {
464
- height: 12px;
465
- background-position: -1291px 0px;
376
+
377
+ .iti__cg {
378
+ --iti-flag-offset: -640px;
466
379
  }
467
- .iti__flag.iti__dg {
468
- height: 10px;
469
- background-position: -1313px 0px;
380
+
381
+ .iti__ch {
382
+ --iti-flag-offset: -656px;
470
383
  }
471
- .iti__flag.iti__dj {
472
- height: 14px;
473
- background-position: -1335px 0px;
384
+
385
+ .iti__ci {
386
+ --iti-flag-offset: -672px;
474
387
  }
475
- .iti__flag.iti__dk {
476
- height: 15px;
477
- background-position: -1357px 0px;
388
+
389
+ .iti__ck {
390
+ --iti-flag-offset: -688px;
478
391
  }
479
- .iti__flag.iti__dm {
480
- height: 10px;
481
- background-position: -1379px 0px;
392
+
393
+ .iti__cl {
394
+ --iti-flag-offset: -704px;
482
395
  }
483
- .iti__flag.iti__do {
484
- height: 14px;
485
- background-position: -1401px 0px;
396
+
397
+ .iti__cm {
398
+ --iti-flag-offset: -720px;
486
399
  }
487
- .iti__flag.iti__dz {
488
- height: 14px;
489
- background-position: -1423px 0px;
400
+
401
+ .iti__cn {
402
+ --iti-flag-offset: -736px;
490
403
  }
491
- .iti__flag.iti__ea {
492
- height: 14px;
493
- background-position: -1445px 0px;
404
+
405
+ .iti__co {
406
+ --iti-flag-offset: -752px;
494
407
  }
495
- .iti__flag.iti__ec {
496
- height: 14px;
497
- background-position: -1467px 0px;
408
+
409
+ .iti__cr {
410
+ --iti-flag-offset: -768px;
498
411
  }
499
- .iti__flag.iti__ee {
500
- height: 13px;
501
- background-position: -1489px 0px;
412
+
413
+ .iti__cu {
414
+ --iti-flag-offset: -784px;
502
415
  }
503
- .iti__flag.iti__eg {
504
- height: 14px;
505
- background-position: -1511px 0px;
416
+
417
+ .iti__cv {
418
+ --iti-flag-offset: -800px;
506
419
  }
507
- .iti__flag.iti__eh {
508
- height: 10px;
509
- background-position: -1533px 0px;
420
+
421
+ .iti__cw {
422
+ --iti-flag-offset: -816px;
510
423
  }
511
- .iti__flag.iti__er {
512
- height: 10px;
513
- background-position: -1555px 0px;
424
+
425
+ .iti__cx {
426
+ --iti-flag-offset: -832px;
514
427
  }
515
- .iti__flag.iti__es {
516
- height: 14px;
517
- background-position: -1577px 0px;
428
+
429
+ .iti__cy {
430
+ --iti-flag-offset: -848px;
518
431
  }
519
- .iti__flag.iti__et {
520
- height: 10px;
521
- background-position: -1599px 0px;
432
+
433
+ .iti__cz {
434
+ --iti-flag-offset: -864px;
522
435
  }
523
- .iti__flag.iti__eu {
524
- height: 14px;
525
- background-position: -1621px 0px;
436
+
437
+ .iti__de {
438
+ --iti-flag-offset: -880px;
526
439
  }
527
- .iti__flag.iti__ez {
528
- height: 14px;
529
- background-position: -1643px 0px;
440
+
441
+ .iti__dj {
442
+ --iti-flag-offset: -896px;
530
443
  }
531
- .iti__flag.iti__fi {
532
- height: 12px;
533
- background-position: -1665px 0px;
444
+
445
+ .iti__dk {
446
+ --iti-flag-offset: -912px;
534
447
  }
535
- .iti__flag.iti__fj {
536
- height: 10px;
537
- background-position: -1687px 0px;
448
+
449
+ .iti__dm {
450
+ --iti-flag-offset: -928px;
538
451
  }
539
- .iti__flag.iti__fk {
540
- height: 10px;
541
- background-position: -1709px 0px;
452
+
453
+ .iti__do {
454
+ --iti-flag-offset: -944px;
542
455
  }
543
- .iti__flag.iti__fm {
544
- height: 11px;
545
- background-position: -1731px 0px;
456
+
457
+ .iti__dz {
458
+ --iti-flag-offset: -960px;
546
459
  }
547
- .iti__flag.iti__fo {
548
- height: 15px;
549
- background-position: -1753px 0px;
460
+
461
+ .iti__ec {
462
+ --iti-flag-offset: -976px;
550
463
  }
551
- .iti__flag.iti__fr {
552
- height: 14px;
553
- background-position: -1775px 0px;
464
+
465
+ .iti__ee {
466
+ --iti-flag-offset: -992px;
554
467
  }
555
- .iti__flag.iti__fx {
556
- height: 14px;
557
- background-position: -1797px 0px;
468
+
469
+ .iti__eg {
470
+ --iti-flag-offset: -1008px;
558
471
  }
559
- .iti__flag.iti__ga {
560
- height: 15px;
561
- background-position: -1819px 0px;
472
+
473
+ .iti__eh {
474
+ --iti-flag-offset: -1024px;
562
475
  }
563
- .iti__flag.iti__gb {
564
- height: 10px;
565
- background-position: -1841px 0px;
476
+
477
+ .iti__er {
478
+ --iti-flag-offset: -1040px;
566
479
  }
567
- .iti__flag.iti__gd {
568
- height: 12px;
569
- background-position: -1863px 0px;
480
+
481
+ .iti__es {
482
+ --iti-flag-offset: -1056px;
570
483
  }
571
- .iti__flag.iti__ge {
572
- height: 14px;
573
- background-position: -1885px 0px;
484
+
485
+ .iti__et {
486
+ --iti-flag-offset: -1072px;
574
487
  }
575
- .iti__flag.iti__gf {
576
- height: 14px;
577
- background-position: -1907px 0px;
488
+
489
+ .iti__fi {
490
+ --iti-flag-offset: -1088px;
578
491
  }
579
- .iti__flag.iti__gg {
580
- height: 14px;
581
- background-position: -1929px 0px;
492
+
493
+ .iti__fj {
494
+ --iti-flag-offset: -1104px;
582
495
  }
583
- .iti__flag.iti__gh {
584
- height: 14px;
585
- background-position: -1951px 0px;
496
+
497
+ .iti__fk {
498
+ --iti-flag-offset: -1120px;
586
499
  }
587
- .iti__flag.iti__gi {
588
- height: 10px;
589
- background-position: -1973px 0px;
500
+
501
+ .iti__fm {
502
+ --iti-flag-offset: -1136px;
590
503
  }
591
- .iti__flag.iti__gl {
592
- height: 14px;
593
- background-position: -1995px 0px;
504
+
505
+ .iti__fo {
506
+ --iti-flag-offset: -1152px;
594
507
  }
595
- .iti__flag.iti__gm {
596
- height: 14px;
597
- background-position: -2017px 0px;
508
+
509
+ .iti__fr {
510
+ --iti-flag-offset: -1168px;
598
511
  }
599
- .iti__flag.iti__gn {
600
- height: 14px;
601
- background-position: -2039px 0px;
512
+
513
+ .iti__ga {
514
+ --iti-flag-offset: -1184px;
602
515
  }
603
- .iti__flag.iti__gp {
604
- height: 14px;
605
- background-position: -2061px 0px;
516
+
517
+ .iti__gb {
518
+ --iti-flag-offset: -1200px;
606
519
  }
607
- .iti__flag.iti__gq {
608
- height: 14px;
609
- background-position: -2083px 0px;
520
+
521
+ .iti__gd {
522
+ --iti-flag-offset: -1216px;
610
523
  }
611
- .iti__flag.iti__gr {
612
- height: 14px;
613
- background-position: -2105px 0px;
524
+
525
+ .iti__ge {
526
+ --iti-flag-offset: -1232px;
614
527
  }
615
- .iti__flag.iti__gs {
616
- height: 10px;
617
- background-position: -2127px 0px;
528
+
529
+ .iti__gf {
530
+ --iti-flag-offset: -1248px;
618
531
  }
619
- .iti__flag.iti__gt {
620
- height: 13px;
621
- background-position: -2149px 0px;
532
+
533
+ .iti__gg {
534
+ --iti-flag-offset: -1264px;
622
535
  }
623
- .iti__flag.iti__gu {
624
- height: 11px;
625
- background-position: -2171px 0px;
536
+
537
+ .iti__gh {
538
+ --iti-flag-offset: -1280px;
626
539
  }
627
- .iti__flag.iti__gw {
628
- height: 10px;
629
- background-position: -2193px 0px;
540
+
541
+ .iti__gi {
542
+ --iti-flag-offset: -1296px;
630
543
  }
631
- .iti__flag.iti__gy {
632
- height: 12px;
633
- background-position: -2215px 0px;
544
+
545
+ .iti__gl {
546
+ --iti-flag-offset: -1312px;
634
547
  }
635
- .iti__flag.iti__hk {
636
- height: 14px;
637
- background-position: -2237px 0px;
548
+
549
+ .iti__gm {
550
+ --iti-flag-offset: -1328px;
638
551
  }
639
- .iti__flag.iti__hm {
640
- height: 10px;
641
- background-position: -2259px 0px;
552
+
553
+ .iti__gn {
554
+ --iti-flag-offset: -1344px;
642
555
  }
643
- .iti__flag.iti__hn {
644
- height: 10px;
645
- background-position: -2281px 0px;
556
+
557
+ .iti__gp {
558
+ --iti-flag-offset: -1360px;
646
559
  }
647
- .iti__flag.iti__hr {
648
- height: 10px;
649
- background-position: -2303px 0px;
560
+
561
+ .iti__gq {
562
+ --iti-flag-offset: -1376px;
650
563
  }
651
- .iti__flag.iti__ht {
652
- height: 12px;
653
- background-position: -2325px 0px;
564
+
565
+ .iti__gr {
566
+ --iti-flag-offset: -1392px;
654
567
  }
655
- .iti__flag.iti__hu {
656
- height: 10px;
657
- background-position: -2347px 0px;
568
+
569
+ .iti__gt {
570
+ --iti-flag-offset: -1408px;
658
571
  }
659
- .iti__flag.iti__ic {
660
- height: 14px;
661
- background-position: -2369px 0px;
572
+
573
+ .iti__gu {
574
+ --iti-flag-offset: -1424px;
662
575
  }
663
- .iti__flag.iti__id {
664
- height: 14px;
665
- background-position: -2391px 0px;
576
+
577
+ .iti__gw {
578
+ --iti-flag-offset: -1440px;
666
579
  }
667
- .iti__flag.iti__ie {
668
- height: 10px;
669
- background-position: -2413px 0px;
580
+
581
+ .iti__gy {
582
+ --iti-flag-offset: -1456px;
670
583
  }
671
- .iti__flag.iti__il {
672
- height: 15px;
673
- background-position: -2435px 0px;
584
+
585
+ .iti__hk {
586
+ --iti-flag-offset: -1472px;
674
587
  }
675
- .iti__flag.iti__im {
676
- height: 10px;
677
- background-position: -2457px 0px;
588
+
589
+ .iti__hn {
590
+ --iti-flag-offset: -1488px;
678
591
  }
679
- .iti__flag.iti__in {
680
- height: 14px;
681
- background-position: -2479px 0px;
592
+
593
+ .iti__hr {
594
+ --iti-flag-offset: -1504px;
682
595
  }
683
- .iti__flag.iti__io {
684
- height: 10px;
685
- background-position: -2501px 0px;
596
+
597
+ .iti__ht {
598
+ --iti-flag-offset: -1520px;
686
599
  }
687
- .iti__flag.iti__iq {
688
- height: 14px;
689
- background-position: -2523px 0px;
600
+
601
+ .iti__hu {
602
+ --iti-flag-offset: -1536px;
690
603
  }
691
- .iti__flag.iti__ir {
692
- height: 12px;
693
- background-position: -2545px 0px;
604
+
605
+ .iti__id {
606
+ --iti-flag-offset: -1552px;
694
607
  }
695
- .iti__flag.iti__is {
696
- height: 15px;
697
- background-position: -2567px 0px;
608
+
609
+ .iti__ie {
610
+ --iti-flag-offset: -1568px;
698
611
  }
699
- .iti__flag.iti__it {
700
- height: 14px;
701
- background-position: -2589px 0px;
612
+
613
+ .iti__il {
614
+ --iti-flag-offset: -1584px;
702
615
  }
703
- .iti__flag.iti__je {
704
- height: 12px;
705
- background-position: -2611px 0px;
616
+
617
+ .iti__im {
618
+ --iti-flag-offset: -1600px;
706
619
  }
707
- .iti__flag.iti__jm {
708
- height: 10px;
709
- background-position: -2633px 0px;
620
+
621
+ .iti__in {
622
+ --iti-flag-offset: -1616px;
710
623
  }
711
- .iti__flag.iti__jo {
712
- height: 10px;
713
- background-position: -2655px 0px;
624
+
625
+ .iti__io {
626
+ --iti-flag-offset: -1632px;
714
627
  }
715
- .iti__flag.iti__jp {
716
- height: 14px;
717
- background-position: -2677px 0px;
628
+
629
+ .iti__iq {
630
+ --iti-flag-offset: -1648px;
718
631
  }
719
- .iti__flag.iti__ke {
720
- height: 14px;
721
- background-position: -2699px 0px;
632
+
633
+ .iti__ir {
634
+ --iti-flag-offset: -1664px;
722
635
  }
723
- .iti__flag.iti__kg {
724
- height: 12px;
725
- background-position: -2721px 0px;
636
+
637
+ .iti__is {
638
+ --iti-flag-offset: -1680px;
726
639
  }
727
- .iti__flag.iti__kh {
728
- height: 13px;
729
- background-position: -2743px 0px;
640
+
641
+ .iti__it {
642
+ --iti-flag-offset: -1696px;
730
643
  }
731
- .iti__flag.iti__ki {
732
- height: 10px;
733
- background-position: -2765px 0px;
644
+
645
+ .iti__je {
646
+ --iti-flag-offset: -1712px;
734
647
  }
735
- .iti__flag.iti__km {
736
- height: 12px;
737
- background-position: -2787px 0px;
648
+
649
+ .iti__jm {
650
+ --iti-flag-offset: -1728px;
738
651
  }
739
- .iti__flag.iti__kn {
740
- height: 14px;
741
- background-position: -2809px 0px;
652
+
653
+ .iti__jo {
654
+ --iti-flag-offset: -1744px;
742
655
  }
743
- .iti__flag.iti__kp {
744
- height: 10px;
745
- background-position: -2831px 0px;
656
+
657
+ .iti__jp {
658
+ --iti-flag-offset: -1760px;
746
659
  }
747
- .iti__flag.iti__kr {
748
- height: 14px;
749
- background-position: -2853px 0px;
660
+
661
+ .iti__ke {
662
+ --iti-flag-offset: -1776px;
750
663
  }
751
- .iti__flag.iti__kw {
752
- height: 10px;
753
- background-position: -2875px 0px;
664
+
665
+ .iti__kg {
666
+ --iti-flag-offset: -1792px;
754
667
  }
755
- .iti__flag.iti__ky {
756
- height: 10px;
757
- background-position: -2897px 0px;
668
+
669
+ .iti__kh {
670
+ --iti-flag-offset: -1808px;
758
671
  }
759
- .iti__flag.iti__kz {
760
- height: 10px;
761
- background-position: -2919px 0px;
672
+
673
+ .iti__ki {
674
+ --iti-flag-offset: -1824px;
762
675
  }
763
- .iti__flag.iti__la {
764
- height: 14px;
765
- background-position: -2941px 0px;
676
+
677
+ .iti__km {
678
+ --iti-flag-offset: -1840px;
766
679
  }
767
- .iti__flag.iti__lb {
768
- height: 14px;
769
- background-position: -2963px 0px;
680
+
681
+ .iti__kn {
682
+ --iti-flag-offset: -1856px;
770
683
  }
771
- .iti__flag.iti__lc {
772
- height: 10px;
773
- background-position: -2985px 0px;
684
+
685
+ .iti__kp {
686
+ --iti-flag-offset: -1872px;
774
687
  }
775
- .iti__flag.iti__li {
776
- height: 12px;
777
- background-position: -3007px 0px;
688
+
689
+ .iti__kr {
690
+ --iti-flag-offset: -1888px;
778
691
  }
779
- .iti__flag.iti__lk {
780
- height: 10px;
781
- background-position: -3029px 0px;
692
+
693
+ .iti__kw {
694
+ --iti-flag-offset: -1904px;
782
695
  }
783
- .iti__flag.iti__lr {
784
- height: 11px;
785
- background-position: -3051px 0px;
696
+
697
+ .iti__ky {
698
+ --iti-flag-offset: -1920px;
786
699
  }
787
- .iti__flag.iti__ls {
788
- height: 14px;
789
- background-position: -3073px 0px;
700
+
701
+ .iti__kz {
702
+ --iti-flag-offset: -1936px;
790
703
  }
791
- .iti__flag.iti__lt {
792
- height: 12px;
793
- background-position: -3095px 0px;
704
+
705
+ .iti__la {
706
+ --iti-flag-offset: -1952px;
794
707
  }
795
- .iti__flag.iti__lu {
796
- height: 12px;
797
- background-position: -3117px 0px;
708
+
709
+ .iti__lb {
710
+ --iti-flag-offset: -1968px;
798
711
  }
799
- .iti__flag.iti__lv {
800
- height: 10px;
801
- background-position: -3139px 0px;
712
+
713
+ .iti__lc {
714
+ --iti-flag-offset: -1984px;
802
715
  }
803
- .iti__flag.iti__ly {
804
- height: 10px;
805
- background-position: -3161px 0px;
716
+
717
+ .iti__li {
718
+ --iti-flag-offset: -2000px;
806
719
  }
807
- .iti__flag.iti__ma {
808
- height: 14px;
809
- background-position: -3183px 0px;
720
+
721
+ .iti__lk {
722
+ --iti-flag-offset: -2016px;
810
723
  }
811
- .iti__flag.iti__mc {
812
- height: 15px;
813
- background-position: -3205px 0px;
724
+
725
+ .iti__lr {
726
+ --iti-flag-offset: -2032px;
814
727
  }
815
- .iti__flag.iti__md {
816
- height: 10px;
817
- background-position: -3226px 0px;
728
+
729
+ .iti__ls {
730
+ --iti-flag-offset: -2048px;
818
731
  }
819
- .iti__flag.iti__me {
820
- height: 10px;
821
- background-position: -3248px 0px;
732
+
733
+ .iti__lt {
734
+ --iti-flag-offset: -2064px;
822
735
  }
823
- .iti__flag.iti__mf {
824
- height: 14px;
825
- background-position: -3270px 0px;
736
+
737
+ .iti__lu {
738
+ --iti-flag-offset: -2080px;
826
739
  }
827
- .iti__flag.iti__mg {
828
- height: 14px;
829
- background-position: -3292px 0px;
740
+
741
+ .iti__lv {
742
+ --iti-flag-offset: -2096px;
830
743
  }
831
- .iti__flag.iti__mh {
832
- height: 11px;
833
- background-position: -3314px 0px;
744
+
745
+ .iti__ly {
746
+ --iti-flag-offset: -2112px;
834
747
  }
835
- .iti__flag.iti__mk {
836
- height: 10px;
837
- background-position: -3336px 0px;
748
+
749
+ .iti__ma {
750
+ --iti-flag-offset: -2128px;
838
751
  }
839
- .iti__flag.iti__ml {
840
- height: 14px;
841
- background-position: -3358px 0px;
752
+
753
+ .iti__mc {
754
+ --iti-flag-offset: -2144px;
842
755
  }
843
- .iti__flag.iti__mm {
844
- height: 14px;
845
- background-position: -3380px 0px;
756
+
757
+ .iti__md {
758
+ --iti-flag-offset: -2160px;
846
759
  }
847
- .iti__flag.iti__mn {
848
- height: 10px;
849
- background-position: -3402px 0px;
760
+
761
+ .iti__me {
762
+ --iti-flag-offset: -2176px;
850
763
  }
851
- .iti__flag.iti__mo {
852
- height: 14px;
853
- background-position: -3424px 0px;
764
+
765
+ .iti__mf {
766
+ --iti-flag-offset: -2192px;
854
767
  }
855
- .iti__flag.iti__mp {
856
- height: 10px;
857
- background-position: -3446px 0px;
768
+
769
+ .iti__mg {
770
+ --iti-flag-offset: -2208px;
858
771
  }
859
- .iti__flag.iti__mq {
860
- height: 14px;
861
- background-position: -3468px 0px;
772
+
773
+ .iti__mh {
774
+ --iti-flag-offset: -2224px;
862
775
  }
863
- .iti__flag.iti__mr {
864
- height: 14px;
865
- background-position: -3490px 0px;
776
+
777
+ .iti__mk {
778
+ --iti-flag-offset: -2240px;
866
779
  }
867
- .iti__flag.iti__ms {
868
- height: 10px;
869
- background-position: -3512px 0px;
780
+
781
+ .iti__ml {
782
+ --iti-flag-offset: -2256px;
870
783
  }
871
- .iti__flag.iti__mt {
872
- height: 14px;
873
- background-position: -3534px 0px;
784
+
785
+ .iti__mm {
786
+ --iti-flag-offset: -2272px;
874
787
  }
875
- .iti__flag.iti__mu {
876
- height: 14px;
877
- background-position: -3556px 0px;
788
+
789
+ .iti__mn {
790
+ --iti-flag-offset: -2288px;
878
791
  }
879
- .iti__flag.iti__mv {
880
- height: 14px;
881
- background-position: -3578px 0px;
792
+
793
+ .iti__mo {
794
+ --iti-flag-offset: -2304px;
882
795
  }
883
- .iti__flag.iti__mw {
884
- height: 14px;
885
- background-position: -3600px 0px;
796
+
797
+ .iti__mp {
798
+ --iti-flag-offset: -2320px;
886
799
  }
887
- .iti__flag.iti__mx {
888
- height: 12px;
889
- background-position: -3622px 0px;
800
+
801
+ .iti__mq {
802
+ --iti-flag-offset: -2336px;
890
803
  }
891
- .iti__flag.iti__my {
892
- height: 10px;
893
- background-position: -3644px 0px;
804
+
805
+ .iti__mr {
806
+ --iti-flag-offset: -2352px;
894
807
  }
895
- .iti__flag.iti__mz {
896
- height: 14px;
897
- background-position: -3666px 0px;
808
+
809
+ .iti__ms {
810
+ --iti-flag-offset: -2368px;
898
811
  }
899
- .iti__flag.iti__na {
900
- height: 14px;
901
- background-position: -3688px 0px;
812
+
813
+ .iti__mt {
814
+ --iti-flag-offset: -2384px;
902
815
  }
903
- .iti__flag.iti__nc {
904
- height: 10px;
905
- background-position: -3710px 0px;
816
+
817
+ .iti__mu {
818
+ --iti-flag-offset: -2400px;
906
819
  }
907
- .iti__flag.iti__ne {
908
- height: 15px;
909
- background-position: -3732px 0px;
820
+
821
+ .iti__mv {
822
+ --iti-flag-offset: -2416px;
910
823
  }
911
- .iti__flag.iti__nf {
912
- height: 10px;
913
- background-position: -3752px 0px;
824
+
825
+ .iti__mw {
826
+ --iti-flag-offset: -2432px;
914
827
  }
915
- .iti__flag.iti__ng {
916
- height: 10px;
917
- background-position: -3774px 0px;
828
+
829
+ .iti__mx {
830
+ --iti-flag-offset: -2448px;
918
831
  }
919
- .iti__flag.iti__ni {
920
- height: 12px;
921
- background-position: -3796px 0px;
832
+
833
+ .iti__my {
834
+ --iti-flag-offset: -2464px;
922
835
  }
923
- .iti__flag.iti__nl {
924
- height: 14px;
925
- background-position: -3818px 0px;
836
+
837
+ .iti__mz {
838
+ --iti-flag-offset: -2480px;
926
839
  }
927
- .iti__flag.iti__no {
928
- height: 15px;
929
- background-position: -3840px 0px;
840
+
841
+ .iti__na {
842
+ --iti-flag-offset: -2496px;
930
843
  }
931
- .iti__flag.iti__np {
932
- height: 15px;
933
- background-position: -3862px 0px;
844
+
845
+ .iti__nc {
846
+ --iti-flag-offset: -2512px;
934
847
  }
935
- .iti__flag.iti__nr {
936
- height: 10px;
937
- background-position: -3877px 0px;
848
+
849
+ .iti__ne {
850
+ --iti-flag-offset: -2528px;
938
851
  }
939
- .iti__flag.iti__nu {
940
- height: 10px;
941
- background-position: -3899px 0px;
852
+
853
+ .iti__nf {
854
+ --iti-flag-offset: -2544px;
942
855
  }
943
- .iti__flag.iti__nz {
944
- height: 10px;
945
- background-position: -3921px 0px;
856
+
857
+ .iti__ng {
858
+ --iti-flag-offset: -2560px;
946
859
  }
947
- .iti__flag.iti__om {
948
- height: 10px;
949
- background-position: -3943px 0px;
860
+
861
+ .iti__ni {
862
+ --iti-flag-offset: -2576px;
950
863
  }
951
- .iti__flag.iti__pa {
952
- height: 14px;
953
- background-position: -3965px 0px;
864
+
865
+ .iti__nl {
866
+ --iti-flag-offset: -2592px;
954
867
  }
955
- .iti__flag.iti__pe {
956
- height: 14px;
957
- background-position: -3987px 0px;
868
+
869
+ .iti__no {
870
+ --iti-flag-offset: -2608px;
958
871
  }
959
- .iti__flag.iti__pf {
960
- height: 14px;
961
- background-position: -4009px 0px;
872
+
873
+ .iti__np {
874
+ --iti-flag-offset: -2624px;
962
875
  }
963
- .iti__flag.iti__pg {
964
- height: 15px;
965
- background-position: -4031px 0px;
876
+
877
+ .iti__nr {
878
+ --iti-flag-offset: -2640px;
966
879
  }
967
- .iti__flag.iti__ph {
968
- height: 10px;
969
- background-position: -4053px 0px;
880
+
881
+ .iti__nu {
882
+ --iti-flag-offset: -2656px;
970
883
  }
971
- .iti__flag.iti__pk {
972
- height: 14px;
973
- background-position: -4075px 0px;
884
+
885
+ .iti__nz {
886
+ --iti-flag-offset: -2672px;
974
887
  }
975
- .iti__flag.iti__pl {
976
- height: 13px;
977
- background-position: -4097px 0px;
888
+
889
+ .iti__om {
890
+ --iti-flag-offset: -2688px;
978
891
  }
979
- .iti__flag.iti__pm {
980
- height: 14px;
981
- background-position: -4119px 0px;
892
+
893
+ .iti__pa {
894
+ --iti-flag-offset: -2704px;
982
895
  }
983
- .iti__flag.iti__pn {
984
- height: 10px;
985
- background-position: -4141px 0px;
896
+
897
+ .iti__pe {
898
+ --iti-flag-offset: -2720px;
986
899
  }
987
- .iti__flag.iti__pr {
988
- height: 14px;
989
- background-position: -4163px 0px;
900
+
901
+ .iti__pf {
902
+ --iti-flag-offset: -2736px;
990
903
  }
991
- .iti__flag.iti__ps {
992
- height: 10px;
993
- background-position: -4185px 0px;
904
+
905
+ .iti__pg {
906
+ --iti-flag-offset: -2752px;
994
907
  }
995
- .iti__flag.iti__pt {
996
- height: 14px;
997
- background-position: -4207px 0px;
908
+
909
+ .iti__ph {
910
+ --iti-flag-offset: -2768px;
998
911
  }
999
- .iti__flag.iti__pw {
1000
- height: 13px;
1001
- background-position: -4229px 0px;
912
+
913
+ .iti__pk {
914
+ --iti-flag-offset: -2784px;
1002
915
  }
1003
- .iti__flag.iti__py {
1004
- height: 11px;
1005
- background-position: -4251px 0px;
916
+
917
+ .iti__pl {
918
+ --iti-flag-offset: -2800px;
1006
919
  }
1007
- .iti__flag.iti__qa {
1008
- height: 8px;
1009
- background-position: -4273px 0px;
920
+
921
+ .iti__pm {
922
+ --iti-flag-offset: -2816px;
1010
923
  }
1011
- .iti__flag.iti__re {
1012
- height: 14px;
1013
- background-position: -4295px 0px;
924
+
925
+ .iti__pr {
926
+ --iti-flag-offset: -2832px;
1014
927
  }
1015
- .iti__flag.iti__ro {
1016
- height: 14px;
1017
- background-position: -4317px 0px;
928
+
929
+ .iti__ps {
930
+ --iti-flag-offset: -2848px;
1018
931
  }
1019
- .iti__flag.iti__rs {
1020
- height: 14px;
1021
- background-position: -4339px 0px;
932
+
933
+ .iti__pt {
934
+ --iti-flag-offset: -2864px;
1022
935
  }
1023
- .iti__flag.iti__ru {
1024
- height: 14px;
1025
- background-position: -4361px 0px;
936
+
937
+ .iti__pw {
938
+ --iti-flag-offset: -2880px;
1026
939
  }
1027
- .iti__flag.iti__rw {
1028
- height: 14px;
1029
- background-position: -4383px 0px;
940
+
941
+ .iti__py {
942
+ --iti-flag-offset: -2896px;
1030
943
  }
1031
- .iti__flag.iti__sa {
1032
- height: 14px;
1033
- background-position: -4405px 0px;
944
+
945
+ .iti__qa {
946
+ --iti-flag-offset: -2912px;
1034
947
  }
1035
- .iti__flag.iti__sb {
1036
- height: 10px;
1037
- background-position: -4427px 0px;
948
+
949
+ .iti__re {
950
+ --iti-flag-offset: -2928px;
1038
951
  }
1039
- .iti__flag.iti__sc {
1040
- height: 10px;
1041
- background-position: -4449px 0px;
952
+
953
+ .iti__ro {
954
+ --iti-flag-offset: -2944px;
1042
955
  }
1043
- .iti__flag.iti__sd {
1044
- height: 10px;
1045
- background-position: -4471px 0px;
956
+
957
+ .iti__rs {
958
+ --iti-flag-offset: -2960px;
1046
959
  }
1047
- .iti__flag.iti__se {
1048
- height: 13px;
1049
- background-position: -4493px 0px;
960
+
961
+ .iti__ru {
962
+ --iti-flag-offset: -2976px;
1050
963
  }
1051
- .iti__flag.iti__sg {
1052
- height: 14px;
1053
- background-position: -4515px 0px;
964
+
965
+ .iti__rw {
966
+ --iti-flag-offset: -2992px;
1054
967
  }
1055
- .iti__flag.iti__sh {
1056
- height: 10px;
1057
- background-position: -4537px 0px;
968
+
969
+ .iti__sa {
970
+ --iti-flag-offset: -3008px;
1058
971
  }
1059
- .iti__flag.iti__si {
1060
- height: 10px;
1061
- background-position: -4559px 0px;
972
+
973
+ .iti__sb {
974
+ --iti-flag-offset: -3024px;
1062
975
  }
1063
- .iti__flag.iti__sj {
1064
- height: 15px;
1065
- background-position: -4581px 0px;
976
+
977
+ .iti__sc {
978
+ --iti-flag-offset: -3040px;
1066
979
  }
1067
- .iti__flag.iti__sk {
1068
- height: 14px;
1069
- background-position: -4603px 0px;
980
+
981
+ .iti__sd {
982
+ --iti-flag-offset: -3056px;
1070
983
  }
1071
- .iti__flag.iti__sl {
1072
- height: 14px;
1073
- background-position: -4625px 0px;
984
+
985
+ .iti__se {
986
+ --iti-flag-offset: -3072px;
1074
987
  }
1075
- .iti__flag.iti__sm {
1076
- height: 15px;
1077
- background-position: -4647px 0px;
988
+
989
+ .iti__sg {
990
+ --iti-flag-offset: -3088px;
1078
991
  }
1079
- .iti__flag.iti__sn {
1080
- height: 14px;
1081
- background-position: -4669px 0px;
992
+
993
+ .iti__sh {
994
+ --iti-flag-offset: -3104px;
1082
995
  }
1083
- .iti__flag.iti__so {
1084
- height: 14px;
1085
- background-position: -4691px 0px;
996
+
997
+ .iti__si {
998
+ --iti-flag-offset: -3120px;
1086
999
  }
1087
- .iti__flag.iti__sr {
1088
- height: 14px;
1089
- background-position: -4713px 0px;
1000
+
1001
+ .iti__sj {
1002
+ --iti-flag-offset: -3136px;
1090
1003
  }
1091
- .iti__flag.iti__ss {
1092
- height: 10px;
1093
- background-position: -4735px 0px;
1004
+
1005
+ .iti__sk {
1006
+ --iti-flag-offset: -3152px;
1094
1007
  }
1095
- .iti__flag.iti__st {
1096
- height: 10px;
1097
- background-position: -4757px 0px;
1008
+
1009
+ .iti__sl {
1010
+ --iti-flag-offset: -3168px;
1098
1011
  }
1099
- .iti__flag.iti__su {
1100
- height: 10px;
1101
- background-position: -4779px 0px;
1012
+
1013
+ .iti__sm {
1014
+ --iti-flag-offset: -3184px;
1102
1015
  }
1103
- .iti__flag.iti__sv {
1104
- height: 12px;
1105
- background-position: -4801px 0px;
1016
+
1017
+ .iti__sn {
1018
+ --iti-flag-offset: -3200px;
1106
1019
  }
1107
- .iti__flag.iti__sx {
1108
- height: 14px;
1109
- background-position: -4823px 0px;
1020
+
1021
+ .iti__so {
1022
+ --iti-flag-offset: -3216px;
1110
1023
  }
1111
- .iti__flag.iti__sy {
1112
- height: 14px;
1113
- background-position: -4845px 0px;
1024
+
1025
+ .iti__sr {
1026
+ --iti-flag-offset: -3232px;
1114
1027
  }
1115
- .iti__flag.iti__sz {
1116
- height: 14px;
1117
- background-position: -4867px 0px;
1028
+
1029
+ .iti__ss {
1030
+ --iti-flag-offset: -3248px;
1118
1031
  }
1119
- .iti__flag.iti__ta {
1120
- height: 10px;
1121
- background-position: -4889px 0px;
1032
+
1033
+ .iti__st {
1034
+ --iti-flag-offset: -3264px;
1122
1035
  }
1123
- .iti__flag.iti__tc {
1124
- height: 10px;
1125
- background-position: -4911px 0px;
1036
+
1037
+ .iti__sv {
1038
+ --iti-flag-offset: -3280px;
1126
1039
  }
1127
- .iti__flag.iti__td {
1128
- height: 14px;
1129
- background-position: -4933px 0px;
1040
+
1041
+ .iti__sx {
1042
+ --iti-flag-offset: -3296px;
1130
1043
  }
1131
- .iti__flag.iti__tf {
1132
- height: 14px;
1133
- background-position: -4955px 0px;
1044
+
1045
+ .iti__sy {
1046
+ --iti-flag-offset: -3312px;
1134
1047
  }
1135
- .iti__flag.iti__tg {
1136
- height: 13px;
1137
- background-position: -4977px 0px;
1048
+
1049
+ .iti__sz {
1050
+ --iti-flag-offset: -3328px;
1138
1051
  }
1139
- .iti__flag.iti__th {
1140
- height: 14px;
1141
- background-position: -4999px 0px;
1052
+
1053
+ .iti__tc {
1054
+ --iti-flag-offset: -3344px;
1142
1055
  }
1143
- .iti__flag.iti__tj {
1144
- height: 10px;
1145
- background-position: -5021px 0px;
1056
+
1057
+ .iti__td {
1058
+ --iti-flag-offset: -3360px;
1146
1059
  }
1147
- .iti__flag.iti__tk {
1148
- height: 10px;
1149
- background-position: -5043px 0px;
1060
+
1061
+ .iti__tg {
1062
+ --iti-flag-offset: -3376px;
1150
1063
  }
1151
- .iti__flag.iti__tl {
1152
- height: 10px;
1153
- background-position: -5065px 0px;
1064
+
1065
+ .iti__th {
1066
+ --iti-flag-offset: -3392px;
1154
1067
  }
1155
- .iti__flag.iti__tm {
1156
- height: 14px;
1157
- background-position: -5087px 0px;
1068
+
1069
+ .iti__tj {
1070
+ --iti-flag-offset: -3408px;
1158
1071
  }
1159
- .iti__flag.iti__tn {
1160
- height: 14px;
1161
- background-position: -5109px 0px;
1072
+
1073
+ .iti__tk {
1074
+ --iti-flag-offset: -3424px;
1162
1075
  }
1163
- .iti__flag.iti__to {
1164
- height: 10px;
1165
- background-position: -5131px 0px;
1076
+
1077
+ .iti__tl {
1078
+ --iti-flag-offset: -3440px;
1166
1079
  }
1167
- .iti__flag.iti__tr {
1168
- height: 14px;
1169
- background-position: -5153px 0px;
1080
+
1081
+ .iti__tm {
1082
+ --iti-flag-offset: -3456px;
1170
1083
  }
1171
- .iti__flag.iti__tt {
1172
- height: 12px;
1173
- background-position: -5175px 0px;
1084
+
1085
+ .iti__tn {
1086
+ --iti-flag-offset: -3472px;
1174
1087
  }
1175
- .iti__flag.iti__tv {
1176
- height: 10px;
1177
- background-position: -5197px 0px;
1088
+
1089
+ .iti__to {
1090
+ --iti-flag-offset: -3488px;
1178
1091
  }
1179
- .iti__flag.iti__tw {
1180
- height: 14px;
1181
- background-position: -5219px 0px;
1092
+
1093
+ .iti__tr {
1094
+ --iti-flag-offset: -3504px;
1182
1095
  }
1183
- .iti__flag.iti__tz {
1184
- height: 14px;
1185
- background-position: -5241px 0px;
1096
+
1097
+ .iti__tt {
1098
+ --iti-flag-offset: -3520px;
1186
1099
  }
1187
- .iti__flag.iti__ua {
1188
- height: 14px;
1189
- background-position: -5263px 0px;
1100
+
1101
+ .iti__tv {
1102
+ --iti-flag-offset: -3536px;
1190
1103
  }
1191
- .iti__flag.iti__ug {
1192
- height: 14px;
1193
- background-position: -5285px 0px;
1104
+
1105
+ .iti__tw {
1106
+ --iti-flag-offset: -3552px;
1194
1107
  }
1195
- .iti__flag.iti__uk {
1196
- height: 10px;
1197
- background-position: -5307px 0px;
1108
+
1109
+ .iti__tz {
1110
+ --iti-flag-offset: -3568px;
1198
1111
  }
1199
- .iti__flag.iti__um {
1200
- height: 11px;
1201
- background-position: -5329px 0px;
1112
+
1113
+ .iti__ua {
1114
+ --iti-flag-offset: -3584px;
1202
1115
  }
1203
- .iti__flag.iti__un {
1204
- height: 14px;
1205
- background-position: -5351px 0px;
1116
+
1117
+ .iti__ug {
1118
+ --iti-flag-offset: -3600px;
1206
1119
  }
1207
- .iti__flag.iti__us {
1208
- height: 11px;
1209
- background-position: -5373px 0px;
1120
+
1121
+ .iti__us {
1122
+ --iti-flag-offset: -3616px;
1210
1123
  }
1211
- .iti__flag.iti__uy {
1212
- height: 14px;
1213
- background-position: -5395px 0px;
1124
+
1125
+ .iti__uy {
1126
+ --iti-flag-offset: -3632px;
1214
1127
  }
1215
- .iti__flag.iti__uz {
1216
- height: 10px;
1217
- background-position: -5417px 0px;
1128
+
1129
+ .iti__uz {
1130
+ --iti-flag-offset: -3648px;
1218
1131
  }
1219
- .iti__flag.iti__va {
1220
- height: 15px;
1221
- background-position: -5439px 0px;
1132
+
1133
+ .iti__va {
1134
+ --iti-flag-offset: -3664px;
1222
1135
  }
1223
- .iti__flag.iti__vc {
1224
- height: 14px;
1225
- background-position: -5456px 0px;
1136
+
1137
+ .iti__vc {
1138
+ --iti-flag-offset: -3680px;
1226
1139
  }
1227
- .iti__flag.iti__ve {
1228
- height: 14px;
1229
- background-position: -5478px 0px;
1140
+
1141
+ .iti__ve {
1142
+ --iti-flag-offset: -3696px;
1230
1143
  }
1231
- .iti__flag.iti__vg {
1232
- height: 10px;
1233
- background-position: -5500px 0px;
1144
+
1145
+ .iti__vg {
1146
+ --iti-flag-offset: -3712px;
1234
1147
  }
1235
- .iti__flag.iti__vi {
1236
- height: 14px;
1237
- background-position: -5522px 0px;
1148
+
1149
+ .iti__vi {
1150
+ --iti-flag-offset: -3728px;
1238
1151
  }
1239
- .iti__flag.iti__vn {
1240
- height: 14px;
1241
- background-position: -5544px 0px;
1152
+
1153
+ .iti__vn {
1154
+ --iti-flag-offset: -3744px;
1242
1155
  }
1243
- .iti__flag.iti__vu {
1244
- height: 12px;
1245
- background-position: -5566px 0px;
1156
+
1157
+ .iti__vu {
1158
+ --iti-flag-offset: -3760px;
1246
1159
  }
1247
- .iti__flag.iti__wf {
1248
- height: 14px;
1249
- background-position: -5588px 0px;
1160
+
1161
+ .iti__wf {
1162
+ --iti-flag-offset: -3776px;
1250
1163
  }
1251
- .iti__flag.iti__ws {
1252
- height: 10px;
1253
- background-position: -5610px 0px;
1164
+
1165
+ .iti__ws {
1166
+ --iti-flag-offset: -3792px;
1254
1167
  }
1255
- .iti__flag.iti__xk {
1256
- height: 15px;
1257
- background-position: -5632px 0px;
1168
+
1169
+ .iti__xk {
1170
+ --iti-flag-offset: -3808px;
1258
1171
  }
1259
- .iti__flag.iti__ye {
1260
- height: 14px;
1261
- background-position: -5654px 0px;
1172
+
1173
+ .iti__ye {
1174
+ --iti-flag-offset: -3824px;
1262
1175
  }
1263
- .iti__flag.iti__yt {
1264
- height: 14px;
1265
- background-position: -5676px 0px;
1176
+
1177
+ .iti__yt {
1178
+ --iti-flag-offset: -3840px;
1266
1179
  }
1267
- .iti__flag.iti__za {
1268
- height: 14px;
1269
- background-position: -5698px 0px;
1180
+
1181
+ .iti__za {
1182
+ --iti-flag-offset: -3856px;
1270
1183
  }
1271
- .iti__flag.iti__zm {
1272
- height: 14px;
1273
- background-position: -5720px 0px;
1184
+
1185
+ .iti__zm {
1186
+ --iti-flag-offset: -3872px;
1274
1187
  }
1275
- .iti__flag.iti__zw {
1276
- height: 10px;
1277
- background-position: -5742px 0px;
1188
+
1189
+ .iti__zw {
1190
+ --iti-flag-offset: -3888px;
1278
1191
  }
1279
1192
 
1280
- .iti__flag {
1281
- height: 15px;
1282
- box-shadow: 0px 0px 1px 0px #888;
1283
- background-repeat: no-repeat;
1284
- background-color: #dbdbdb;
1285
- background-position: 20px 0;
1193
+ .iti__globe {
1194
+ background-image: var(--iti-path-globe-1x);
1195
+ background-size: contain;
1196
+ background-position: right;
1197
+ box-shadow: none;
1198
+ height: 19px;
1286
1199
  }
1287
1200
 
1288
- .iti__flag.iti__np {
1289
- background-color: transparent;
1201
+ @media (min-resolution: 2x) {
1202
+ .iti__flag {
1203
+ background-image: var(--iti-path-flags-2x);
1204
+ }
1205
+ .iti__globe {
1206
+ background-image: var(--iti-path-globe-2x);
1207
+ }
1290
1208
  }