playbook_ui 14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4175 → 14.5.0.pre.alpha.PLAY1601updatereactzoompanpinch4123

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