playbook_ui 14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4037 → 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 (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
  }