playbook_ui 14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4032 → 14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4073

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 (17) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/index.js +60 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +1 -9
  4. data/app/pb_kits/playbook/pb_advanced_table/table_subrow_header.html.erb +1 -9
  5. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +30 -7
  6. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +9 -1
  7. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md +1 -1
  8. data/app/pb_kits/playbook/pb_phone_number_input/intlTelInput.scss +849 -931
  9. data/dist/chunks/{_typeahead-CZYZ22U4.js → _typeahead-CY44rh9x.js} +1 -1
  10. data/dist/chunks/{_weekday_stacked-QgUMeKrB.js → _weekday_stacked-NcRanohJ.js} +1 -1
  11. data/dist/chunks/vendor.js +1 -1
  12. data/dist/playbook-doc.js +1 -1
  13. data/dist/playbook-rails-react-bindings.js +1 -1
  14. data/dist/playbook-rails.js +1 -1
  15. data/dist/playbook.css +1 -1
  16. data/lib/playbook/version.rb +1 -1
  17. metadata +4 -4
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
  }