playbook_ui 14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4037 → 14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4073

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