playbook_ui 14.5.0.pre.alpha.PLAY1548intltelinputupdatelatest4077 → 14.5.0.pre.alpha.PLAY1601updatereactzoompanpinch4123

Sign up to get free protection for your applications and to get access to all the features.
Files changed (34) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +20 -4
  3. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx +45 -0
  4. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md +1 -0
  5. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +1 -0
  6. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +1 -0
  7. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +1 -1
  8. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +2 -2
  9. data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.tsx +4 -2
  10. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +1 -1
  11. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +169 -65
  12. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.test.js +5 -5
  13. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.tsx +15 -9
  14. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.html.erb +336 -0
  15. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.jsx +97 -0
  16. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +2 -0
  17. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js +1 -0
  18. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +28 -6
  19. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.rb +31 -1
  20. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +17 -71
  21. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +6 -15
  22. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md +1 -1
  23. data/app/pb_kits/playbook/pb_phone_number_input/intlTelInput.scss +931 -849
  24. data/app/pb_kits/playbook/pb_phone_number_input/types.d.ts +1 -4
  25. data/dist/chunks/{_typeahead-ICFw7Umq.js → _typeahead-C9g4qCcE.js} +1 -1
  26. data/dist/chunks/_weekday_stacked-DZpRml83.js +45 -0
  27. data/dist/chunks/vendor.js +1 -1
  28. data/dist/playbook-doc.js +1 -1
  29. data/dist/playbook-rails-react-bindings.js +1 -1
  30. data/dist/playbook-rails.js +1 -1
  31. data/dist/playbook.css +1 -1
  32. data/lib/playbook/version.rb +1 -1
  33. metadata +8 -4
  34. data/dist/chunks/_weekday_stacked-BbASNHK_.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
  }